/*CSS Document*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, button, textarea, p, blockquote, table, th, td{padding:0; margin:0;}
a{color:#000; text-decoration:none;}
ol,ul{list-style:none;}
li{list-style-type:none;}
.clearfix:after, .layout:after, .layout960:after, .layout980:after, .layout1000:after, .layout1020:after, .layout1050:after, .mod-forms li:after, .user-form:after, .mod-forms-list li:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.layout1200,.layout{width:100%; margin:0 auto; zoom:1;}

body{background:url(../images/app_download_bg.png) no-repeat center top; background-size:cover; font:.22rem/1.5 'Roboto','Microsoft YaHei';}
.header-logo{background:url(../images/header_logo.png) no-repeat center center; background-size:contain; width:100%; height:.84rem; margin:.29rem 0;}
.main-bg{background:url(../images/main_bg.png) no-repeat center top; background-size:contain; height:6rem;}
.main-bg_24657{background:url(../images/main_bg_24657.png) no-repeat center top; background-size:contain; height:6rem;}
.content > p{width:85%; margin:0 auto; padding:.165rem 0 .33rem; text-align:center; font-size:.25rem; font-weight:bold; color:#000;}
#menu{text-align:center;}
#menu li{background:linear-gradient(to bottom, #24a7de, #0f688e); position:relative; width:85%; height:1.04rem; line-height:1.04rem; margin:.2rem auto; border-radius:.18rem;}
#menu li:after{content:''; display:block; background:url(../images/icon_arrow.png) no-repeat; background-size:100%; width:.22rem; height:.42rem; position:absolute; top:30%; right:.27rem;}
#menu li p{width:80%; margin:0 auto; color:#fff; font-size:.4rem;}
#menu li i{background:url(../images/android_icon.png) no-repeat; background-size:100%; width:.73rem; height:.73rem; margin:.165rem 0 0 .33rem; float:left;}
#menu li.android-dl i{background-image:url(../images/android_icon.png);}
#menu li.ios-dl i{background-image:url(../images/ios_icon.png);}
.nav-drop{display:none;}
.nav-drop dl dd{background:#25aae1; position:relative; z-index:1; border-radius:.18rem;}
.nav-drop dl dd a{width:100%; height:100%; display:block; font-size:.36rem; color:#fff;}
.footer-icon{background:url(../images/footer_icon.png) no-repeat center top; background-size:contain; height:.75rem; margin-top:.55rem;}

/*agent 24656 mobile view*/
body.agent_24656{background:url(../images/app_download_bg_24656.png) no-repeat center top/cover;}
.agent_24656 .main-bg{background:none; height:7rem;}
.agent_24656 .content > p{color:#fff; font-size:0.675rem;}
.agent_24656 #menu li{background:#F5C644; font-size:0.55rem; font-weight:bold; margin:0.5rem auto; border-radius:0.25rem;}
.agent_24656 #menu li:after{display:none;}
.agent_24656 .footer-icon{display:none;}

/*agent 24657 mobile view*/
body.agent_24657{background:url(../images/app_download_bg_24656.png) no-repeat center top/cover;}
.agent_24657 .main-bg{background:none; height:7rem;}
.agent_24657 .content > p{color:#fff; font-size:0.675rem;}
.agent_24657 #menu li{background:#F5C644; font-size:0.55rem; font-weight:bold; margin:0.5rem auto; border-radius:0.25rem;}
.agent_24657 #menu li:after{display:none;}
.agent_24657 .footer-icon{display:none;}

.divider{width:100%; height:2px; background:#F5C644;}
.content .offer-txt{padding:0.165rem 0; font-size:0.325rem; font-weight:bold; color:#fff; text-align:center;}
.content .offer-txt em{color:#F5C644;}
.content .steps{width:85%; margin:0 auto;}
.content .steps li{border:1px solid #F5C644; border-radius:0.25rem; display:flex; justify-content:flex-start; align-items:center; min-height:0.85rem; margin:0.15rem auto; padding-left:0.4rem;}
.content .steps li span{background:#F5C644; border-radius:0.15rem; min-width:1.2rem; min-height:0.38rem; text-align:center; font-size:0.24rem; font-weight:bold;}
.content .steps li p{color:#fff; font-size:0.255rem; padding-left:0.2rem;}
.content p.tnc{color:#848484; font-size:0.145rem;}

@media (min-width: 1024px) {
	/*agent 24656 web view*/
	body.agent_24656{background:url(../images/app_download_bg_24656_web.png) no-repeat center top/cover; padding-left:0.3125rem;}
	.agent_24656 .header-logo{background-position:left center; height:0.25rem;}
	.agent_24656 .main-bg{height:0.8rem;}
	.agent_24656 .content > p{width:41%; margin-left:0; text-align:left; padding:0.1rem 0; font-size:0.2734rem;}
	.agent_24656 .offer-content{width:55%;}
	.agent_24656 .content .offer-txt{font-size:0.1758rem; padding:0.078rem 0; text-align:left;}
	.agent_24656 #menu li{width:28.5%; font-size:0.15625rem; height:0.3945rem; line-height:0.3945rem; border-radius:0.0468575rem; margin:0.15625rem 0 0;}
	.agent_24656 .footer-icon{display:block; background:none; height:auto; margin:0.1rem auto;}
	.agent_24656 .footer-icon ul{display:flex; justify-content:center;}
	.agent_24656 .footer-icon ul li{margin:0 1.5%; width:0.35rem;}
	.agent_24656 .footer-icon ul li img{width:100%;}
	
	/*agent 24657 web view*/
	body.agent_24657{background:url(../images/app_download_bg_24656_web.png) no-repeat center top/cover; padding-left:0.3125rem;}
	.agent_24657 .header-logo{background-position:left center; height:0.25rem;}
	.agent_24657 .main-bg{height:0.8rem;}
	.agent_24657 .content > p{width:41%; margin-left:0; text-align:left; padding:0.1rem 0; font-size:0.2734rem;}
	.agent_24657 .offer-content{width:55%;}
	.agent_24657 .content .offer-txt{font-size:0.1758rem; padding:0.078rem 0; text-align:left;}
	.agent_24657 #menu li{width:28.5%; font-size:0.15625rem; height:0.3945rem; line-height:0.3945rem; border-radius:0.0468575rem; margin:0.15625rem 0 0;}
	.agent_24657 .footer-icon{display:block; background:none; height:auto; margin:0.1rem auto;}
	.agent_24657 .footer-icon ul{display:flex; justify-content:center;}
	.agent_24657 .footer-icon ul li{margin:0 1.5%; width:0.35rem;}
	.agent_24657 .footer-icon ul li img{width:100%;}
	
	.divider{margin-left:-0.3125rem;}
	.content .steps{display:flex; justify-content:center;}
	.content .steps li{flex-direction:column; border-radius:0.03125rem; min-width:1.074rem; min-height:0.3rem; padding:0; margin:0.3516rem 0.15rem 0;}
	.content .steps li span{font-size:0.078rem; min-width:0.3672rem; min-height:0.1133rem; margin-top:-0.078rem; border-radius:0.03125rem;}
	.content .steps li p{font-size:0.078rem; width:65%; padding:0; text-align:center; font-weight:bold;}
	.content p.tnc{font-size:0.046875rem; padding:0; width:fit-content; margin:0 2%; float:right;}
}

@media (max-width: 1920px) {
  html {
    font-size: 256px;
  }
}

@media (max-width: 1842px) {
  html {
    font-size: 245.6px;
  }
}

@media (max-width: 1762px) {
  html {
    font-size: 234.93px;
  }
}

@media (max-width: 1682px) {
  html {
    font-size: 224.26px;
  }
}

@media (max-width: 1602px) {
  html {
    font-size: 213.6px;
  }
}

@media (max-width: 1522px) {
  html {
    font-size: 202.93px;
  }
}

@media (max-width: 1442px) {
  html {
    font-size: 192.26px;
  }
}

@media (max-width: 1362px) {
  html {
    font-size: 181.6px;
  }
}

@media (max-width: 1282px) {
  html {
    font-size: 170.93px;
  }
}

@media (max-width: 1202px) {
  html {
    font-size: 160.26px;
  }
}

@media (max-width: 1122px) {
  html {
    font-size: 149.6px;
  }
}

@media (max-width: 1042px) {
  html {
    font-size: 138.93px;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 136.53px;
  }
}

@media (max-width: 962px) {
  html {
    font-size: 128.26px;
  }
}

@media (max-width: 952px) {
  html {
    font-size: 126.93px;
  }
}

@media (max-width: 902px) {
  html {
    font-size: 120.26px;
  }
}

@media (max-width: 882px) {
  html {
    font-size: 117.6px;
  }
}

@media (max-width: 828px) {
  html {
    font-size: 110.4px;
  }
}

@media (max-width: 802px) {
  html {
    font-size: 106.93px;
  }
}

@media (max-width: 775px) {
  html {
    font-size: 103.33px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 102.4px;
  }
}

@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
}

@media (max-width: 738px) {
  html {
    font-size: 98.4px;
  }
}

@media (max-width: 734px) {
  html {
    font-size: 97.86px;
  }
}

@media (max-width: 733px) {
  html {
    font-size: 97.73px;
  }
}

@media (max-width: 669px) {
  html {
    font-size: 89.2px;
  }
}

@media (max-width: 642px) {
  html {
    font-size: 85.6px;
  }
}

@media (max-width: 602px) {
  html {
    font-size: 80.26px;
  }
}

@media (max-width: 570px) {
  html {
    font-size: 76px;
  }
}

@media (max-width: 535px) {
  html {
    font-size: 71.33px;
  }
}

@media (max-width: 455px) {
  html {
    font-size: 60.66px;
  }
}

@media (max-width: 437px) {
  html {
    font-size: 58.26px;
  }
}

@media (max-width: 414px) {
  html {
    font-size: 55.2px;
  }
}

@media (max-width: 412px) {
  html {
    font-size: 54.93px;
  }
}

@media (max-width: 386px) {
  html {
    font-size: 51.46px;
  }
}

@media (max-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media (max-width: 370.8px) {
  html {
    font-size: 49.44px;
  }
}

@media (max-width: 360px) {
  html {
    font-size: 48px;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 42.66px;
  }
}