/*reset*/
body,ul,ol,p{margin:0;padding:0;}
img{border:0;display: block;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
ol,ul{list-style:none;}
h1,h2,h3{margin: 0;padding: 0;font-weight: normal;font-size: 100%;}
table{border-collapse:collapse;border-spacing:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,html{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;}
.c:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both;}
.none{width:0;height:0;overflow:hidden;display:none;}
.t{overflow:hidden;text-indent:-9999em;display:block;}
a{text-decoration:none;}
a:focus{outline:none}
em{font-style: normal;}
/*page*/
body{height:auto;min-height:100%;box-sizing:border-box;font:normal 10px/1.5 '\5FAE\8F6F\96C5\9ED1';color:#666;background:#eee;padding-bottom:35px;position:relative;overflow-y: scroll;}
.wrapper{ margin:0 auto;}
.wrapper img{width: 100%;}

.usr{font-size: 12px;}
.logined,.unlogin{padding:8px 15px;line-height:34px;background: #2078d5;box-sizing: border-box;}
.unlogin{display: none;}
.logined{text-align: center;}
.logo-head{width:32px;height:32px;overflow:hidden;margin:0 5px 0 10px;display:inline-block;vertical-align:middle;}
.logo-head img{width: 100%;}
.logined .logo-head img{border-radius: 50%;}
.default_uin{color: #fff;}
.select{width:87px;height:25px;margin-left:5px;position:relative;display:inline-block;vertical-align:middle;}
.select a{width:100%;line-height:23px;display:block;text-align:center;border:1px solid #fff;color:#fff;border-radius:2px;}
.select ul{width:107px;background:#f6fafd;color:#45769f;border-radius:2px;position:absolute;top:26px;left:0;display:none;z-index: 99}
.select li{line-height:30px;padding-left:5px;border-bottom:1px solid #d2e4f7;}
.select li:last-child{border:0;}

.tips{display: inline-block;vertical-align: middle;padding: 0 10px;}
.lnk-login{width:100px;height:30px;line-height:30px;margin:0 auto;display:inline-block;background:#56d20f;color:#fff;text-align:center;border-radius:2px;}

.container{width: 295px;margin: 0 auto;padding-top: 12px;}

.t-red{color:#ff0000;}
.t-blue{color:#2078d5;}
.t-green{color:#17bf27;}

.btn-normal{width:220px;height:40px;font-size:20px;color:#fff;line-height:40px;text-align:center;margin:20px auto 0;background:#09bb07;display:block;border-radius:3px;}
.btn-normal:active{background:#09cc07;}

.btn-green,.btn-blue,.btn-red,.btn-disable{width:80px;line-height:25px;text-align:center;color:#fff;display:block;border-radius:2px;}
.btn-blue{background:#2078d5;}
.btn-red{background:#ff5959;}
.btn-disable{background: #aaa;}
.btn-large{width: 135px;height: 32px;line-height: 32px;font-size: 14px;}
.btn-medium{width: 105px;height: 30px;line-height: 30px;font-size: 14px;}

.dc{padding:10px 0;text-align:center;}
.mt{margin-top:10px;}

.frozen-list{margin-top: 10px;}
.frozen-list li{padding: 10px 0;position: relative;}
.frozen-list li:before{content: '';height: 1px;width: 100%;background: #999;transform: scaleY(0.5);position: absolute;top: 0;left: 0;}
.frozen-list li:after{content: '';clear: both;display: block;height: 0;}
.frozen-list img{width: 45px;height: 45px;margin-right: 10px;float: left;}
.frozen-list .frozen-info{float: left;width: 150px;}
.frozen-list strong,.frozen-list span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.frozen-list strong{font-size: 12px;color: #333;font-weight: normal;padding-top: 5px;line-height: 18px;}
.frozen-list a{float: right;margin-top: 11px;}

.agree-con{line-height: 18px;}
.agree-con h3{font-size: 12px;text-align: center;color: #333;padding: 5px;}
.agree-con p{text-indent: 2em;}
.agree{background: url("../images/agreebtn.png") no-repeat;background-size: 14px auto;line-height: 14px;padding-left: 17px;font-size: 12px;display: block;margin: 20px 0 25px;}
.agree.active{background-position: 0 -14px;color: #333;}
.agree input{position: absolute;left: -999px;}
.wrap-btn{text-align: center;}
.wrap-btn a{display: inline-block;margin: 0 20px 10px;}

.step-tit{color: #333;font-size: 16px;font-weight: bold;text-align: center;padding: 13px 0 20px;}
.step-top{
  width: 295px;
  color: #999;
  padding:10px 0 23px;background: #fff;border: 1px solid #e6e6e6;border-radius: 2px;}
.step-top li{background-image: url("../images/step.png");background-repeat:no-repeat;background-size: 249px auto;padding-top: 18px;float: left;position: relative;text-align: center;}
.step1{width: 60px;background-position: 21px 0;}
.step2{width: 95px;background-position: -40px 0;}
.step3{width: 63px;background-position: -136px 0;}
.step4{width: 75px;background-position: -202px 0;}
.wrapper-step1 .step1,
.wrapper-step2 .step1,.wrapper-step2 .step2,
.wrapper-step3 .step1,.wrapper-step3 .step2,.wrapper-step3 .step3,
.wrapper-step4 .step1,.wrapper-step4 .step2,.wrapper-step4 .step3,.wrapper-step4 .step4{color: #2078d5;background-position-y: -18px;}
.step-top span{position: absolute;width: 100%;top: 18px;left: 0;}
.step-box-wrap{background: #fff;border: 1px solid #e6e6e6;border-radius: 2px;padding: 0 10px 0px;margin-top: 18px;}
.step-stit{line-height: 17px;font-size: 12px;color: #333;text-align: center;padding: 9px 0;border-bottom: 1px solid #ccc;}
.step-stit span{font-size: 9px;color: #fff;background: #2078d5;display: inline-block;vertical-align: middle;padding: 0 5px;border-radius: 2px;margin-right: 3px;}
.game-tit{
  position: relative;
  /* height: 40px; */
  overflow: hidden;
  color: #fff;
  /* margin: -1px -10px 10px; */
  background: #fff;
}
.game-tit img{border-top-left-radius: 2px;border-top-right-radius: 2px;}
.game-tit strong{font-size: 12px;position: absolute;left: 20px;line-height: 30px;top: 0;}
.step-box .wrap-btn{margin-bottom: 0px; padding-top: 10px;}
.game-status li{border-top: 1px solid #e6e6e6; line-height: 24px;position: relative;  padding: 7px 6px 7px 6px;}
.pass-factor li{border-top: 1px dashed #dbdbdb;line-height: 32px;height: 32px;position: relative;padding-left: 6px;}
.game-status li:before,.pass-factor li:before{content: '';width: 2px;height: 10px;overflow: hidden;background: #e6e6e6;position: absolute;left: 0;top: 50%;margin-top: -5px;}
.pass-factor li:before{background: #2078d5;}
.game-status li:nth-child(1),.pass-factor li:nth-child(1){border:none;}
.pass-factor p,.pass-factor i{float: right;}
.i-true,.i-false{width: 16px;height: 16px;background: url("../images/judge.png") no-repeat;background-size: 36px auto;margin-top: 8px;}
.i-false{background-position: -20px 0;}
.nopass-des{text-align: center;font-size: 12px;margin: 10px 0;line-height: 18px;padding-top: 48px;}
.succ-des{line-height: 21px;height: 110px;margin-bottom: 10px;overflow: hidden;overflow-y: scroll;}
::-webkit-scrollbar  {width: 3px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #e6e6e6;}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #999;}

.safe-des{padding: 10px 0;}
.safe-list{padding-bottom: 10px;line-height: 21px;padding-left: 14px;}
.safe-list span{display: inline-block;width: 10px;height: 10px;line-height: 10px;text-align: center;color: #666;font-size: 9px;border-radius: 50%;margin-right: 4px;margin-left: -14px;}

.foot{width:100%;height:35px;background:#fff url(../images/foot-logo.png) no-repeat center top;background-size:320px 35px;position:absolute;bottom:0;left:0;}

/*加载动画*/
.loading{
    width: 216px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1001;
}
.hide{
    display: none;
}
.show{
    display: block!important;
}
.loading.show{
    display: box;
    display: -webkit-box;
    display: -moz-box;
}
.color_red{
    color: red;
}
.fr{
    float: right;
}
.text-show{
    float: right;
}
.text-show.green{
    color: #37c845;
}
.text-show.red{
    color: #ff5252;
}

.faceverify-des {
    text-align: center;
    padding: 10px 0;
}

.select-options-def {
  height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 0;
}

.modify-pass-qcode-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.modify-pass-qcode-wrapper img {
  width: 295px;
  margin: auto;
}