.logo { text-indent: -9999px; white-space: nowrap; overflow: hidden; }

/*!
 * @author -------- cued.xunlei.com - Baeor Huang huangwanfang@xunlei.com
 * @type   -------- sl active style with sass&compass
 */
html, body, div, h1, h2, h3, h4, h5, h6, p, span, em, cite, del, a, img, ul, li, ol, dl, dt, dd, fieldset, legend, form, input, button, textarea, header, section, footer, article, nav, aside, adress, menu, figure, figcaption { margin: 0; padding: 0; outline: none; }

h1, h2, h3, h4, h5, h6, strong { font-size: 100%; font-weight: normal; }

ul { list-style: none; }

img { border: 0; max-width: 100%; }

header, section, footer, article, nav, aside, adress, menu { display: block; }

html { font-size: 20px; }

body { text-align: left; font: 20px / 1.5 Helvetica, Tahoma, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif; color: #5A2901; }

a, map, img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }

a { text-decoration: none; color: #5A2901; }

html, body { height: 100%; }
/*background: url(../images/banner.jpg) no-repeat 0 0;*/
.logo { margin: 0 auto; height: 6.35rem; background-size: 100% 6.35rem; }

h1, hr, img { width: 22.4rem; margin: 0 auto; }

img { display: block; }

h1 { margin: 0.5rem auto 0.5rem auto; text-indent: 1.3rem; font-size: 1.125rem; color: #0277d2; }

hr { border: 2px solid #ededed; display: block; }
#img5guid{width:10rem;}
#img6guid{width:15rem;}
#gudide-trans3 h1{text-indent:0;color:#000;text-align:center;font-weight:bold;}
.guide_trans { background-color: #EBEBEB; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }

.gudide_trans_text { position: absolute; top: 50%; margin-top: -3.5rem; width: 100%; color: #969696; text-align: center; line-height: 1.8; }
.gudide_trans_text strong { color: #5092E3; font-weight: bold; }

/* for 1080 px width screen */
@media only screen and (min-width: 1081px) { html, body { font-size: 45px; } }
/* for 1080 px width screen */
@media only screen and (max-device-width: 1080px), only screen and (max-width: 1080px) { html, body { font-size: 45px; } }
/* for 800 px width screen */
@media only screen and (max-device-width: 800px), only screen and (max-width: 800px) { html, body { font-size: 33px; } }
/* for 720 px width screen */
@media only screen and (max-width: 720px), only screen and (max-width: 720px) { html, body { font-size: 30px; } }
/* for 640 px width screen */
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) { html, body { font-size: 26.67px; } }
/* for 540 px width screen */
@media only screen and (max-device-width: 540px), only screen and (max-width: 540px) { html, body { font-size: 22.5px; } }
/* for 480 px width screen */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { html, body { font-size: 20px; } }
/* for 400 px width screen */
@media only screen and (max-width: 400px) { html, body { font-size: 16.67px; } }
/* for 360 px width screen */
@media only screen and (max-width: 360px), only screen and (max-width: 320px) { html, body { font-size: 15px; } }
/* for 320 px width screen */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { html, body { font-size: 13.33px; } }




/* android */

.andcon{width:228px;margin 0 auto; height:200px;    font-size: 20px;margin:80px auto;color:white}
.andcon .andcon1{width:228px;text-align: center;background-color: #7FBE25;margin-top:20px}
.andcon .andcon2{width:228px;margin-top:50px;text-align: center;background-color: #7FBE25;}
.andcon .andcon3{width:230px;text-align: center;  font-size:16px;color:black}
.andcon p{color:#7FBE25;font-size:13px;margin-top:10px;text-align:center}


.ioscon{width:228px;margin 0 auto; height:200px;    font-size: 20px;margin:80px auto;color:white}
.ioscon .ioscon1{width:228px;text-align: center;background-color: #7FBE25;margin-top:20px}
.ioscon .ioscon2{width:228px;margin-top:50px;text-align: center;background-color: #7FBE25;}
.ioscon .ioscon3{width:230px;text-align: center;  font-size:16px;color:black}

.ioscon  p{color:#7FBE25;font-size:13px;margin-top:10px;text-align:center}