.m-banner{height:236px;background-size:auto 236px;}
.m-banner .content{bottom:106px;}

.main{margin:-48px 0 66px 0;}

.main-content{background:#fff;padding:52px 24px;}
.main-content .bg{position:absolute;top:70px;right:174px;}

.other{margin-top:15px;background:#fff;padding:22px 22px 12px 22px;margin-bottom:32px;}
.other:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.other .child{float:left;}
.other .child .child-title{line-height:34px;color:#3f3f3f;margin:0;padding:0;margin-bottom:26px;}
.other .child .child-content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.other .consumtime{width:360px;}
.other .consumtime .process{position:relative;margin-bottom:18px;}
.other .consumtime .process-title{margin-bottom:6px;line-height:22px;font-size:12px;color:#3f3f3f;}
.other .consumtime .process-content{position:relative;overflow:hidden;width:224px;height:16px;background:#efefef;border-radius:16px;-webkit-border-radius:16px;}
.other .consumtime .process-ing{position:absolute;top:0px;bottom:0px;left:0px;border-radius:16px;-webkit-border-radius:16px;}
.other .consumtime .process-ing.process-yellow{background:#fecc00;}
.other .consumtime .process-ing.process-blue{background:#1abbfe;}
.other .consumtime .process-second{margin:0;padding:0;position:absolute;left: 236px;top: 28px;height:16px;line-height:16px;color:#676767;}
.other .recharge{width:264px;}
.other .recharge .child-content{padding-top:10px;}
.other .recharge .recharge-child{width:62px;text-align:center;float:left;margin-right:12px;}
.other .recharge .recharge-child .title{margin:0px;padding:0px;font-size:12px;padding-top:18px;color:#676767;}
.other .download{width:316px;float:right;}
.other .download .download-child{cursor:pointer;float:left;width:158px;text-align:center;}
.other .download .download-child-img{height:65px;line-height:65px;transition-duration: .3s;-webkit-transition-duration: .3s;}
.other .download .download-child-img img{vertical-align: middle;max-height:100%;max-width:100%;}
.other .download .download-child-android .download-child-img{background:#1a9efe;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;}
.other .download .download-child-android .download-child-img:hover{background:#1481d0;}
.other .download .download-child-ios .download-child-img{background:#0d2a53;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;}
.other .download .download-child-ios .download-child-img:hover{background:#06162b;}
.other .download .download-child-title{padding:0;margin:0;padding-top:16px;line-height:20px;font-size:12px;color:#676767;}

.other .wapcode{width:316px;text-align:left;float:right;}
.other .wapcode .child-content{padding-top:10px;}
/*.other .wapcode .child-title{margin-bottom:12px;text-align:center;}
.other .wapcode img{height:120px;}*/
.other .wapcode .btn{position:relative;text-align:center;height:48px;line-height:48px;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;}
.other .wapcode .code-btn{margin:0 56px 0 0;background-color:#0090ff;color:#fff;}
.other .wapcode .code{opacity:0; position:absolute;left:50%;margin-left:-84px;bottom:20px;padding:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.22);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.22);border-radius:6px;-webkit-border-radius:6px;
transition:bottom .4s ease-out,opacity .4s ease-out;}
.other .wapcode .code .title{line-height:24px;padding:10px 0;font-size:14px;color:#535353;}
.other .wapcode .code .img{width:148px;vertical-align: middle;}
.other .wapcode .code .pointer{position:absolute;bottom:-17px;width:21px;left:50%;margin-left:-10px;}
.other .wapcode .code-btn:hover .code{opacity:1;bottom:64px;z-index:1;}
.other .wapcode .code-child-title{text-align:left;padding:0;margin:0;padding:16px 56px 0 0;line-height:20px;font-size:12px;color:#676767;}



.alert-msg-enroll{width:1000px;height:auto;bottom:inherit;margin-top: -141px;padding:52px 24px;}
.alert-msg-enroll .bg{position:absolute;top:70px;right:120px;}
.alert-msg-enroll .close{position:absolute;top:18px;right:24px;}
.enroll-line{margin-top:10px;}
.enroll-line:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.enroll-line .line-title{font-size:16px;color:#000;width:100px;padding-right:16px;float:left;height:50px;line-height:50px;text-align:right;}
.enroll-line .line-content{background:#fff;color:#9a9a9a;font-size:12px;float:left;position:relative;width:290px;padding:0 12px;height:50px;line-height:50px;border:1px solid #ebebeb;border-radius:4px;-webkit-border-radius:4px;box-shadow:inset 0 1px 4px rgba(0,0,0,0.07);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.07);
transition-duration: .5s;-webkit-transition-duration: .5s;}
.enroll-line .line-content.no{padding:0;border:inherit;border-radius:inherit;-webkit-border-radius:inherit;box-shadow:inherit;-webkit-box-shadow:inherit;}
.enroll-line .line-content .inputCheck{width:14px;height:14px;margin-right:4px;}
.enroll-line .line-content .inputButton{width:315px;height:50px;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;border:0;text-align:center;color:#fff;font-size:20px;background:#0090ff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.enroll-line .line-content .inputButton:hover{background:#1577FD;}
.enroll-line .line-content .inputText{ padding:0px;margin:0px;border:0;color:#000;width:100%;height:32px;line-height:32px;vertical-align: middle;font-size:14px;}
.enroll-line .line-msg{  color:red;float:left;text-align:left;padding:10px 20px 0 20px;line-height:28px;height:28px;font-size:14px;
transition-duration: .5s;-webkit-transition-duration: .5s;opacity:0; transform:translateX(-10px);-webkit-transform:translateX(-10px);}
.enroll-line.error .line-content{box-shadow:0px 0 8px rgb(253, 0, 0);-webkit-box-shadow:0px 0 8px rgb(253, 0, 0);}
.enroll-line.error .line-msg{ opacity:1; transform:translateX(0px);-webkit-transform:translateX(0px); }