html,body {margin: 0;padding: 0;}
body{background-color: #000;}
a:link { text-decoration: none;}
a:hover { text-decoration:none;}
a:visited { text-decoration: none;}
.top {width: 100%;height: 50px;background: #4a9ce1;}
.top_menu, .main{margin:0 auto;width:1000px;}
.top_menu a.logo {width: 103px;height: 50px;display: inline-block;line-height: 50px;background: url(../images/logom2.png) no-repeat center;background-size: 100% 75px;}
.top_menu a.app {background: rgba(255,255,255,0.1509);filter: Alpha(opacity=15);color: #fff;}
.top_menu a.fb {background: #fff;color: #4a9ce1;margin-left: 8px;}
.menu{display: inline-block;line-height: 50px;float: right;}
.menu a {display: inline-block;text-align: center;width: 88px;height: 26px;line-height: 26px;border-radius: 13px;font-size: 12px;}


.main{text-align: center;}
.main *{margin:0 auto}

.main .slogan {max-width: 274px;height: 97px;margin-top: 128px;background: url(../images/slogan.png) no-repeat center;background-size: 100% 75%;}
.main .app_android {display:block;max-width: 274px;height: 50px;margin-top: 50px;background: url(../images/down_android.png) no-repeat center;background-size: 100% 100%;}
.main .app_ios {display:block;max-width: 274px;height: 50px;margin-top: 16px;background: url(../images/down_ios.png) no-repeat center;background-size: 100% 100%;}
.main .note{margin-top:16px;}
.main .note a{color: #FF9F2F;font-size: 14px;}
.main .note a span{display: inline-block;width: 10px;height: 10px;background: url(../images/enter.png) no-repeat center;}
.main .qrcode {max-width: 120px;height: 120px;margin-top: 50px;background: url(../images/qrcode.png) no-repeat center;background-size: 100% 100%;}
.main .scanote {color: #EFEFFF;font-size:14px;margin-top:10px;}


.main .box{margin:16px;border-radius: 4px;background: #fff;padding:30px 0}
.main .box h3{color:#000;font-size: 22px}
.main .box p{text-align:left;color:#555;font-size: 14px;line-height: 20px;padding:0 30px;margin-top:30px}
.main .box a.btn{display:block;width:275px;height:46px;line-height:46px;border-radius:3px;background:#4a9ce1;color:#fff;font-size:16px;margin:8px auto}
.main .box.pcenter p{text-align:center;}
.main .box.help_step2 img{display:block;width:212px;height:152px;margin:10px auto}
.main .box input {width:271px;height:42px;color:#666;background: #f1f1f1;border: 1px solid #EAEAEA;border-radius:3px;font-size: 14px}

#im.main {background: #fff;text-align: left;color:#666}
#im.main .im_guide {position: relative;margin:0 11px;background: #fff url(../images/im_guide.png) no-repeat center;background-size: 100% 100%; height:0;padding-top:24%}
#im.main .im_guide div{display: inline-block;position: absolute;top:30%;left:0;margin-left:5%}
#im.main .im_guide div p.bold{font-weight:bold}
#im.main .im_guide div p span{color:#17B13A}
#im.main .im_guide img{display: inline-block;position: absolute;width:15%;top:25%;right:5%;}

@media screen and (max-width: 1000px){
    .top{display: none}
    .main .slogan{width:100%}
    .main .app_android{width:100%}
    .main .app_ios{width:100%}
    .main{width:100%;position:absolute;top:50%;margin-top:-250px;}


}