@charset "utf-8";
*,:after,:before {margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style-type: none;}
body,html {font-size:14px;text-align:center;height:100%;background-color:#fff;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;scroll-behavior:auto;}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,td,textarea,th,ul {text-align:center;margin:0;padding:0;}
.clear:after,.clearfixd:after {content:"";display:table;height:0;clear:both;font-size:0;visibility:hidden;}
.flex-box {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-1 {display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.sigin-body {width:100%;background:#fff;}
.sigin-box,body {max-width:640px;margin:0 auto;}
body {background:#f0f0f0;}
.padding-l-0 {padding-left:0!important;}
#tip {position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;}
#tip .tip-box {position:absolute;top:30%;left:50%;max-width:95%;white-space:nowrap;padding:10px 15px;color:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:rgba(0,0,0,.65);border-radius:4px;}
.JiaYuan_layer {width:100%;overflow-x:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 auto;max-width:640px;}
.JiaYuan_layer .J_app_link {width:100%;height:65px;background:rgba(0,0,0,.6);position:relative;margin:0 auto;}
.JiaYuan_layer .J_app_link #J_close {position:absolute;width:18px;height:18px;top:15px;left:8px;background:url(../images/jiayuan_close.png) no-repeat;background-size:100%;}
.JiaYuan_layer .J_app_link a {display:block;position:absolute;width:80px;height:30px;right:10px;top:10px;background:url(../images/jiayuan_link.png) no-repeat;background-size:100%;text-align:center;line-height:30px;text-decoration:none;color:#fff;font-size:14px;}
.J_app_center {padding-top:6px;margin-left:40px;}
.J_app_center dl dt {float:left}
.J_app_center dl dt img {display:block;width:230px;height:55px;}
.J_app_center dl dd {float:left;margin-top:15px;margin-left:10px;}
.J_app_center dl dd p {font-size:15px;line-height:1;color:#fff;}
.J_app_center dl dd span {display:block;font-size:14px;color:#B2B5B8;}
.sigin-title {background:#ff6e8d;color:#fff;text-align:center;line-height:40px;font-size:16px;position:relative;}
.sigin-title .rbtn {position:absolute;left:0;top:0;width:16%;background:url(../images/rbtn.png) center center no-repeat #eb3e63;height:100%;}
.sigin-bottom {border-top:1px solid #ccc;max-width:640px;padding:20px 0 10px;background-color:#f0f0f0;text-align:center;font-size:9pt;}
.sigin-bottom p {color:#b4b4b4;margin-bottom:10px;}
.sigin-bottom p span {padding:0 5px;}
.sigin-bottom a {color:#444;text-decoration:none;}
.sigin-bottom a.cur {color:#b4b4b4;}
.sigin-other {padding:0 40px}
.sigin-emailbox {margin-top:25px;font-size:14px;text-align:center;}
.sigin-emailbox a {color:#F17005;}
/*注册页*/
.agree-box a {color:#000;}
.agree-box {color:#9b9b9b;margin-top:20px;margin-bottom:20px;font-size:12px;text-align:center;}
.agree-box input {vertical-align:middle;}
.tips {margin-top:0;margin-bottom:30px;color:#999;font-size:12px;}
.userinput {position:relative;width:100%;background:#fff;border-radius:8px;padding:30px}
.userinput .inputbox {margin-bottom:15px;padding-bottom:0;border:1px solid #d8d8d8;border-radius:4px;position:relative;}
.userinput .input {width:100%;height:42px;font-size:14px;font-weight:400;line-height:42px\9;border:0;color:#333;background:0 0;outline:0;text-indent:1em;}
.userinput .span {display:block;position:absolute;right:0;top:0;}
.ConntryCode:after,.ConntryCode:before {top:50%;content:'';}
.userinput .span.btn {width:100px;text-align:center;height:42px;background:#fff;}
.userinput .span.btn a,.userinput .span.btn img {width:100%;height:100%;}
.userinput .span.btn a {display:block;border:0;border-radius:4px;line-height:40px;color:#fff;text-decoration:none;background-color:#ff6e8d;}
.userinput .span.btn a.die {pointer-events:none;background-color:#999;}
.userinput .label {line-height:42px;}
.userinput .em4 {width:6em;font-size:14px;text-align:center;background:#f5f5f5;border-right:1px solid #d8d8d8;}
.ConntryCode {padding:0 30px 0 15px;color:#ff6e8d;position:relative;cursor:pointer;font-size:16px;}
.ConntryCode:after {position:absolute;right:0;width:1px;height:16px;margin-top:-8px;background-color:#ddd;}
.ConntryCode:before {position:absolute;right:14px;width:0;height:0;border-style:solid dashed dashed;border-color:#ccc transparent transparent;border-width:5px;margin-top:-2px;}
.userinput .button {width:100%;line-height:42px;text-decoration:none;text-align:center;display:block;font-size:16px;font-weight:400;color:#fff;line-height:42px\9;border:none;background:#ff6e8d;border-radius:4px;cursor:pointer;}
.red {position:absolute;left:-2px;top:15px;color:red;font-style:normal;}
.ConntryCodeMask {position:fixed;top:0;left:0;width:100%;height:100%;z-index:98;display:none;}
.ConntryCodeList {display:none;position:absolute;width:60%;height:300px;background:#eee;z-index:99;border:1px solid #ddd;border-radius:4px;}
.ConntryCodeList:before {content:'';position:absolute;top:-20px;left:6em;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent #eee;border-width:10px;}
.ConntryCodeUl {width:100%;height:100%;overflow:hidden;overflow-y:auto;}
.ConntryCodeList li {line-height:2.6em;font-size:14px;padding:0 20px;}
.ConntryCodeList li:nth-child(2n) {background:#fff;}
.ConntryCodeList li:nth-child(2n-1) {background:#eee;}
.ConntryCodeList li.active {background:#ff6e8d;color:#fff;}
.sigin-popup {display:none;position:fixed;width:100%;height:100%;background-color:#fff;overflow:hidden;overflow-y:auto;z-index:10000;top:0;left:0;}
.sigin-popup .content {padding:15px;} 
.sigin-popup .content li{font-size:1.5rem;} 
.sigin-popup .content .reglice,.sigin-popup .content .reglice p{ text-align:left;}
.sigin-popup .migu_head {background:#ff6e8d;color:#fff;line-height:40px;text-align:center;cursor:pointer;}
/*充值页*/
.rechargebox {position:relative;width:100%;background:#fff;border-radius:8px;padding:15px;}
.rechargebox li {width:100%;text-align:left; margin-top:1rem;}
.rechargebox li>h1,.rechargebox .paytype>h1 {width:100%;font-size:1.5rem;line-height:2.4rem;}
.rechargebox li>div{font-weight: bold;color: #787878; cursor: pointer;display:inline-block;position:relative;font-size:1.3rem;width:7rem;border:0.05rem solid #d8d8d8;border-radius:.2rem;margin:.7rem;text-align:center;line-height:2.5rem;}

.rechargebox li>div:hover{border:0.05rem solid  #f80;color:#000;}
.rechargebox li>div.select{border:0.05rem solid #fa950a; background-color: #FFF; color:#F00;}
.rechargebox li>div.select>i{background:url(../images/act.gif) no-repeat 0px 0;position: absolute;right: 0;bottom: 0;display: inline-block; width:16px; height:16px;}

.rechargebox li>div>span {font-weight: bold;display:inline-block; position: absolute;top:-20px;width:3.0rem; font-size:0.9rem; color: #F00; padding:0.0rem;}


.rechargebox li>ul{ text-align:left; display:none;}
.rechargebox li>ul>div {margin: .7rem;cursor:pointer;display:inline-block;position:relative;font-size:1.3rem;width:10rem;border:0.05rem solid #d8d8d8;border-radius:.2rem; text-align:center;line-height:1.6rem; padding:.4rem;}

.rechargebox li>ul>div:hover{border:0.05rem solid  #f80;color:#000;}
.rechargebox li>ul>div.select{border:0.05rem solid #fa950a; background-color: #FFF; color:#F00;}
.rechargebox li>ul>div.select>i{background:url(../images/act.gif) no-repeat 0px 0;position: absolute;right: 0;bottom: 0;display: inline-block; width:16px; height:16px;}

.rechargebox li>ul>div>em{text-decoration:line-through; color: #7C7C7C;font-size:1.1rem;}
.rechargebox li>ul>div>dd{color:#F00;font-size:1.4rem;font-weight: bold;}
.rechargebox li>ul>div>dd>font{color:#fa950a;font-size:0.9rem;font-weight:normal;  display:inline-block;}
.rechargebox .paymoney{width:100%;text-align:left; margin-top:1rem; font-size:1.6rem;font-weight: bold;}
.rechargebox .paymoney em{ color:#C00;}
.rechargebox .paymoney input{ color:#C00;font-size:1.6rem;font-weight: bold; width:60px; margin-left:10px;border:0.05rem solid #666;border-radius:.2rem;}
.rechargebox .paytype{width:100%;text-align:left; margin-top:1rem; }
.rechargebox .paytype .ali{background:url(../images/paymodelogo.gif) no-repeat 0px 0;}
.rechargebox .paytype .weixin{background:url(../images/paymodelogo.gif) no-repeat 0px -52px;}
.rechargebox .paytype li{cursor:pointer;position:relative;display:inline-block;width:150px; height:50px; margin:1rem; border:0.05rem solid #d8d8d8;border-radius:.2rem;}
.rechargebox .paytype li:hover{border:0.05rem solid  #f80;}
.rechargebox .paytype>  .select{border:0.05rem solid #fa950a; }
.rechargebox .paytype>  .select>i{background:url(../images/act.gif) no-repeat 0px 0;position: absolute;right: 0;bottom: 0;display: inline-block; width:16px; height:16px;}
.rechargebox .paybtn{ display:none;cursor:pointer;line-height:3.5rem; background-color: #F90; color: #FFF;font-size:1.5rem;font-weight: bold;border:0.05rem solid #f5f6f7;border-radius:.3rem;}
.rechargebox .paymsg{line-height:3.5rem;font-size:1.5rem;width:100%;margin-top:1rem; color:#F60}
.rechargebox .paymsg a{color:#F00;}
.rechargebox .paymsg a:hover{color:#F90;}
.overlay {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5;  /* 透明度 */
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100; /* 此处的图层要大于页面 */
    display:none;
}
.alert{ display:none;position: absolute; background-color:#FFF;  z-index: 9999; top:150px;width: 350px; min-height:140px;border:0.05rem solid #f5f6f7;border-radius:.2rem;/* 此处的图层要大于页面 */}
.alert>.alert-content{line-height:2.5rem;font-size:1.3rem;width:100%;margin-top:1rem; padding:0.5rem;}
.alert>.alert-content>.ctl{ color:#F90;}
.alert>.alert-content>.ctlre{cursor:pointer;color:#F00;}