@font-face {
  font-family: "iconfont"; /* Project id 410429 */
  src: url('iconfont.woff2?t=1628581424722') format('woff2'),
       url('iconfont.woff?t=1628581424722') format('woff'),
       url('iconfont.ttf?t=1628581424722') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-5pingIco:before { content: "\e63b"; }  /*5评*/
.icon-300Ico:before { content: "\e63d"; }  /*300*/
.icon-100Ico:before { content: "\e63a"; }  /*100*/
.icon-hongbao:before { content: "\e78f"; }  /*红包*/
.icon-msg22:before { content: "\e63c"; }  /*消息*/
.icon-fontedit:before { content: "\e62b"; }  /*编辑*/
.icon-imgedit:before { content: "\e7ad"; }  /*编辑*/
.icon-her:before { content: "\e64a"; }  /*她*/
.icon-yuyin:before { content: "\e619"; }  /*语音*/
.icon-naoz:before { content: "\e638"; }  /*闹钟*/
.icon-yueliang:before { content: "\e636"; }  /*月亮*/
.icon-shipin:before { content: "\e688"; }  /*ship*/
.icon-wangz:before { content: "\e635"; }  /*王者*/
.icon-lol:before { content: "\e62c"; }  /*lol*/
.icon-love:before { content: "\e62a"; }  /*xihuan*/
.icon-love-no:before { content: "\e639"; }  /*取消关注*/
.icon-share:before { content: "\e63e"; }  /*分享*/
.icon-jine00:before { content: "\e634"; }  /*金额*/

.icon-hezuo:before { content: "\e6cc"; }  /*合作*/
.icon-tous:before { content: "\e627"; }  /*投诉*/
.icon-help00:before { content: "\e65b"; }  /*帮助*/
.icon-zhandui:before { content: "\e626"; }  /*战队*/
.icon-gonggico:before { content: "\e659"; }  /*公告*/
.icon-gonggico00:before { content: "\e65a"; }  /*公告*/
.icon-game:before { content: "\e61e"; }  /*游戏*/
.icon-paihang:before { content: "\e621"; }  /*paihang*/
.icon-peiwdj:before { content: "\e66a"; }  /*登记*/

.icon-qqico00:before { content: "\e852"; }  /*qq*/
.icon-weiboico:before { content: "\e637"; }  /*微博*/
.icon-zhifbico:before { content: "\e618"; }  /*支付宝*/
.icon-wxico:before { content: "\e673"; }  /*微信*/
.icon-jiaose:before { content: "\e6bf"; }  /*角色*/
.icon-IDcard:before { content: "\e696"; }  /*身份证*/
.icon-rez00:before { content: "\e616"; }  /*认证*/
.icon-msg00:before { content: "\e617"; }  /*信息*/
.icon-gift:before { content: "\e610"; }  /*礼物*/
.icon-gift00:before { content: "\e6f5"; }  /*礼物*/
.icon-youhuiquan:before { content: "\e60e"; }/*优惠券*/
.icon-youhuiquan00:before { content: "\e692"; }  /*优惠券*/
.icon-users00:before { content: "\e611"; } /*用户1*/
.icon-dax:before { content: "\e62e"; } /*打叉*/
.icon-help:before { content: "\e6f9"; } /*帮助*/
.icon-peiwan:before { content: "\e657"; } /*陪玩*/
.icon-alipay:before { content: "\e624"; }
.icon-xianghuguanzhu:before { content: "\e629"; }
.icon-qianbao:before { content: "\e631"; } /*钱包*/
.icon-qianbao00:before { content: "\e6b5"; } /*钱包*/
.icon-qianbao11:before { content: "\e632"; } /*钱包*/
.icon-tixian00:before { content: "\e628"; } /*提现*/
.icon-tixian11:before { content: "\e65f"; }  /*提现*/
.icon-dengji:before { content: "\e612"; } /*等级*/
.icon-guanzhu00:before { content: "\e642"; } /*关注*/
.icon-kefu00:before { content: "\e613"; } /*kefu*/
.icon-daijiedan:before { content: "\e614"; } /*接单*/
.icon-daiqueren:before { content: "\e615"; } /*确认*/
.icon-dingdan:before { content: "\e658"; } /*订单*/
.icon-dingdan00:before { content: "\e68e"; } /*订单*/


.icon-user-renz:before { 
    content: "\e656"; 
}
.icon-vip:before { 
    content: "\e605"; 
}
.icon-address:before { 
    content: "\e62d"; 
}
.icon-lightning:before { 
    content: "\e604"; 
}
.icon-order00:before { 
    content: "\e655"; 
}
.icon-time00:before { 
    content: "\e669"; 
}
.icon-time01:before { 
    content: "\e648"; 
}
.icon-time02:before { 
    content: "\e654"; 
}
.icon-huangg:before { 
    content: "\e6b6"; 
}
.icon-paysuccess:before { 
    content: "\e60b"; 
}
.icon-payfail:before { 
    content: "\e61d"; 
}
.icon-dat:before { 
    content: "\e649"; 
}
.icon-das:before { 
    content: "\e625"; 
}
.icon-mn:before { 
    content: "\e607"; 
}
.icon-yj:before { 
    content: "\e60a"; 
}
.icon-users:before { 
    content: "\e609"; 
}
.icon-users01:before { 
    content: "\e603"; 
}
.icon-dian:before { 
    content: "\e643"; 
}
.icon-sx:before { 
    content: "\e620"; 
}
.icon-renz:before { 
    content: "\e645"; 
}
.icon-video:before { 
    content: "\e60f"; 
}
.icon-jia:before { 
    content: "\e61f"; 
}
.icon-tj:before { 
    content: "\e630"; 
}
.icon-hot:before { 
    content: "\e66e"; 
}
.icon-week:before { 
    content: "\e6b7"; 
}
.icon-search:before { 
    content: "\e651"; 
}

.icon-leftico:before { 
    content: "\e600"; 
}

.icon-rightico:before { 
    content: "\e60d"; 
}

.icon-bottomico:before { 
    content: "\e64b"; 
}

.icon-msg:before { 
    content: "\e608"; 
}
.icon-msg11:before { 
    content: "\e68f"; 
}
.icon-nv:before { 
    content: "\e65c"; 
}
.icon-nan:before { 
    content: "\e674"; 
}
.icon-wxpay:before { 
    content: "\e606"; 
}
.icon-alipay:before { 
    content: "\e624"; 
}
.icon-yue:before { 
    content: "\e63c"; 
}

.icon-dagou:before { 
    content: "\e653"; 
}
.icon-dagou00:before { 
    content: "\e61c"; 
}
.icon-jilu:before { 
    content: "\e6a3"; 
}
.icon-jilu00:before { 
    content: "\e61a"; 
}
.icon-jilu11:before { content: "\e8d7"; } /*订单*/
.icon-phone:before { 
    content: "\e650"; 
}
.icon-phonecode:before { 
    content: "\e652"; 
}
.icon-password:before { 
    content: "\e60c"; 
}
.icon-hux:before { 
    content: "\e629"; 
}



body,html{
  width:100%;
  height: 100%;
  background-color: #f8f9fa;
  font-family: -apple-system-font, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
ul,li{
  list-style: none;
}
input[type="text"],input[type="button"],input[type="number"],textarea,select{
    -webkit-appearance: none;
    outline: none;
}
textarea{
  resize: none;
}
.fl{
  float: left;
}

.fr{
  float: right;
}
.clear:after{
  content: "";
  width: 0px;
  height: 0px;
  display: block;
  clear: both;
}
.content-padd{
  padding:3%;
}
.h10{
  height: 10px;
}
.h20{
  height: 20px;
}
.h30{
    height: 30px;
}
img{
  width: 100%;
  display: block;
}
.ellipsis-line1 {
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis-line {
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*横向公告*/
#scrollNotice{
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  width: 90%;
  display:block; 
  width:90%;
}
#conNotice{
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  white-space: nowrap;
  display: inline-block;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {/*垂直翻入*/
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

/*提现图标*/
.label_box{ 
    position:absolute; 
    right:0; 
    top:0;
}
.label_box_inner{
    display:block; 
    background:#f95c2e; 
    color:#fff; 
    padding:1px 4px; 
    font-size: 12px;  
    position: relative; }
@media screen and (max-width:320px){    
    .label_box_inner{
        font-size: 10px;
    }
}
.label_box_inner:before,.label_box_inner:after{
    content:""; 
    width: 0; 
    height: 0; 
    display: block;
    border-left: 10px solid transparent; 
    position: absolute; 
    left: -10px; 
}
.label_box_inner:before{ 
    border-top: 10px solid #f95c2e; 
    top:0; 
}
.label_box_inner:after{  
    border-bottom: 10px solid #f95c2e; 
    bottom:0; 
}


/*文字滑动*/
.game-top-message{
    height: 35px;
    line-height: 35px;
    width: 100%;
    margin:0 auto;
    background-color: #fff9d6;
    color: #c26126;
    /*text-align: center;*/
    overflow: hidden;
    margin-bottom: 2px;
}
.game-message-ico{
  display: inline-block;
  width: 12%;
  vertical-align: middle;
  font-size: 22px;
  color: #ffa63c;
}
.game-messages-right{
  max-width: 80%;
}
.game-message-item{
    
    height: 35px;
    margin: 0 auto;
    font-size: 14px;
    display: none;
    vertical-align: middle;
    text-align: left;
}
.game-message-item span{
  color: #fb735d;
}
.game-message-item a{
    color: #fff;
}
.game-content{
  background:#2b1e3b;
}
.game-content-title{
  width: 100%;
  height: 50px;
  line-height: 42px;
  color: #c4b8ce;
  font-size: 20px;
  text-align: center;
  position: relative;
  background:url(/static/web/images/game-title-bg.png) no-repeat;
  background-size: 100% 100%; 
}

.message_animation{
    animation: slideOutUp 1s;
    -webkit-animation: slideOutUp 1s;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/*空列表*/
.empty {
    /*width: 90%;
    margin: 20% auto;*/
    text-align: center;
    padding: 4%;
}

.empty-ico {
    font-size: 5.5rem;
    color: #ccc
}

.empty p {
    margin-top: -20px;
    color: #999
}

.gameinfo-select-span{
  display: block;
  height: 35px;
  line-height: 35px;
  background-color: #f3f3f3;
  position: relative;
}
.gameinfo-select{
  width: 100%;
  text-indent:.5em;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  border:0;
  background-color: #f3f3f3;
}
.select-ico{
  position: absolute;
  right: 2%;
  top: 5%;
  font-size:20px;
  color: #999;
}

.top-header{
  background: #fff;
  padding:10px 0;
  position: relative;
  z-index: 12;
  
}
.header-logo{
  width: 22%;
  text-align: center;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
}
.logo{
  width: 80%;
  margin:-5px auto 0;
}
.list-search{
  width: 78%;
}
.header-search-ico{
  font-size: 20px;
  width: 10%;
  margin-left: 3%;
  color: #1a1b1f;
  float: left;
  text-align: center;
}
.header-search{
  position: absolute;
  top: 3%;
  left: 5%;
  z-index: 10;
  width: 90%;
  
}
.header-search-inner{
  width: 100%;
  background: #f3f3f3;
  border-radius: 20px;
  height: 35px;
}
.search-btn{
  width: 18%;
  background: #fb735d;
  border-radius: 20px;
  text-align: center;
  border:0;
  height: 31px;
  margin-top: 2px;
  margin-right: 2px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  outline: none;

}
.header-search-input{
  height: 35px;
  display: block;
  width: 68%;
  border:0;
  background: #f3f3f3;
  float: left;
}
.searchbox{
  width: 100%;
  height: 35px;
  line-height: 35px;
  border:0;
  background: #f3f3f3;
}

input::-webkit-input-placeholder { font-size:14px; color:#999; font-weight:normal;}
.m-bgcolor {
    background-color: #fff;
    box-shadow: none;
}

/*自定义弹窗*/
.tipbox,.tipboxbg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12
}
.tipbox{
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12
}
.tipbox-inner{
    width: 100%;
    position: absolute;
    top: 30%;
    z-index: 13;
}

.tipbox-order{
    width: 75%;
    margin:0 auto;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
}
.tipbox-text{
    padding:20px 10px;
}
.tipbox-title{
    font-size: 18px;
    margin-bottom: 10px;
/*    font-weight: normal;*/
}
.tipbox-con{
    font-size: 15px;
    color: #999;
}
.tipbox-btn{
    border-top: 1px solid #eee;
    
}
.tipbox-btn a{
    padding:8px 0;
    text-align: center;
    display: block;
    font-size: 18px;
    
}
.tipbox-btn a.tipbox-cancel{
    border-right: 1px solid #eee;
    color: #999;
}
.tipbox-btn a.tipbox-sure{
    color: #3cc51f;
}


.daili-btn{
  height: 45px;
}
.daili-btn a{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  background-color: #ff705e;
  text-align: center;
}

.daili-lists{
  padding:2% 5%;
}
.daili-lists li{
  margin:2% 0;
}
.daili-lists-r{
  color: #3b3b3b;
}
.index-mainbox{
  box-shadow: 0px 2px 4px #eee;
}

.index-nav{
    padding: 2%;
}
.index-nav li{
    width: 29.333333333%;
    margin:0 2% 2%;
    text-align: center;
   
}
.index-nav-item{
    display: block;
     color: #242a31;
     /*background: #eeeff2;*/
     border-radius: 4px;
     /*padding:6% 0;*/
     font-size: 18px;
}
.index-nav-img{
    display: block;
    /*width: 40%;
    margin:0 auto;*/
}
.index-nav li.active a.activeColor-bule{
    /*background: #f7fbff;
    border:1px solid #c5e1ff;*/
    color: #4aa3ff;
}
.index-nav li.active a.activeColor-red{
    /*background: #fff6f6;
    border:1px solid #fad1d2;*/
    color: #ff4a55;
}
.index-nav li.active .index-ico{
    display: none;
}
.index-nav li.active .index-activeico{
    display: block;
}
.index-ico{
    display: block;
}
.index-activeico{
    display: none;
}
.index-screen{
    background: #eeeff2;
    padding:3% 1%;
    position: relative;
}
.index-screen-item{
    width: 23%;
    margin:1%;
    background: #fff;
    line-height: 28px;
    border-radius: 20px;
    text-align: center;
}
.index-screen-item.active a{
   color: #fff;
   background: #ff705e;
}
.index-screen-item a{
    color: #616d7a;
    display: block;
    font-size: 14px;
    border:1px solid #eeeff2;
    border-radius: 20px;
}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #eeeff2;
    position: absolute;
    top: -10px;
}

.index-title{
  text-align: center;
  padding:10px 0 5px;
  position: relative;
}
.index-title h4{
  font-weight: normal;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #171717;
}
.index-new{
  font-size: 14px;
  color: #333;
  position: absolute;
  right: 3%;
  top:40%;
}
.index-title-ico{
  width: 26px;
  height: 26px;
  color: #fff;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  background: #b4c1c9;
  font-size:14px;
  margin-right: 5px;
  margin-top: -4px;
}

.index-list{

}
/*.index-list ul{
  padding:2%;
}
*/
.index-list-li{
  /*width: 46%;*/
  padding:4% 2%;
  overflow: hidden;
  align-items: center;
  display: -webkit-flex;
 /* margin:3px auto;*/
  border-top: 1px solid #f4f5f7;
  
}
.index-list-li:nth-of-type(2n+1){
  /*box-shadow: 0px 0px 3px #ccc;*/
}
.index-list-li:nth-of-type(2n){
  background-color: #f8f9fa;
}
.real-name{
  width: 5.5em;
  position: absolute;
  top: 4%;
  left: 4%;
  background: #e96b5b;
  color: #fff;
  font-size:11px;
  padding:0 4%;
  text-align: center;
  border-radius: 20px;
}
.real-name i{
  margin-right: 2px;
  font-size: 13px;
  margin-top: -2px;
}

.list-on-line{
  width: 3em;
  position: absolute;
  top: 20%;
  left: 4%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size:12px;
  padding:0 6%;
  border-radius: 20px;
}
.list-on-line i{
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #61c59f;
  margin-top:13%;
  margin-right: 2%;
}
.list-index-time{
  display: block;
  overflow: hidden;
  position: absolute;
  width: 5em;
  text-align: center;
  bottom:4%;
  right: 4%;
  font-size: 11px;
  background: #454d55;
  border-radius:3px;
  color: #fff;
}
.list-index-timenum{
  background: #fff;
  color: #454d55;
  padding:0 1%;
}
/*.index-list-li a{
  display: block;
}*/
.index-list-img{
  position: relative;
  width: 22%;
  
}
.index-list-img>div{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.index-list-img img{
  /*border:1px solid #eee;
  padding:1px;
  border-radius: 6px;*/
  overflow: hidden;
}
.index-list-text{
  position: relative;
  width: 48%;
}
.index-list-text h4{
  font-size: 14px;
  color: #171717;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 8px;
}
.index-list-name{
  max-width: 6em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-list-yximg{
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  /*margin-right: 4px;*/
}
.index-list-city{
  max-width: 3em;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.index-list-mgtp{
  margin-top: -5px;
}
.index-list-right{
  position: relative;
  width: 30%;
  text-align: right;
  font-size: 12px;
}
.index-list-rightaddress{
  color: #a5a5a5;
  display: block;
  margin-top: 5px;
}
.index-list-btn{
  background-color: #ff705e;
  color: #fff;
  border-radius: 20px;
  display:inline-block;
  text-align: center;
  line-height: 1.8em;
  padding:0 15%;
  font-size: 14px;
}
.index-old{
  font-size: 12px;
  color: #fff;
  padding: 0 3%;
  border-radius: 4px;
  margin-left: 2px;
}
.index-old i{
  font-size: 10px;
}
.index-old-nan{
  background-color: #5dbbfd;
}
.index-old-nv{
  background-color: #fd5d74;
}

.index-list-dj{
  font-size: 11px;
  color: #b0906a;
  line-height: 10px;
  border: 1px solid #b0906a;
  display: inline-block;
  padding: 3px;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.index-list-pingf{
  font-size: 12px;
  color: #8a8a8a;
}
.index-list-money{
  font-size: 14px;
  color: #FF3C3C;
  position: relative;
}
.index-sex-ico{
  font-size: 16px;
}


/*list*/
.index-list{

}
.list ul{
  padding:2%;
}

.list-li{
  width: 46%;
  margin:2%;
  overflow: hidden;
}

.real-name{
  width: 5.5em;
  position: absolute;
  top: 4%;
  left: 4%;
  background: #e96b5b;
  color: #fff;
  font-size:11px;
  padding:0 4%;
  text-align: center;
  border-radius: 20px;
}
.real-name i{
  margin-right: 2px;
  font-size: 13px;
  margin-top: -2px;
}

.list-on-line{
  width: 3em;
  position: absolute;
  top: 20%;
  left: 4%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size:12px;
  padding:0 6%;
  border-radius: 20px;
}
.list-on-line i{
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #61c59f;
  margin-top:13%;
  margin-right: 2%;
}
.list-time{
  display: block;
  overflow: hidden;
  position: absolute;
  width: 5em;
  text-align: center;
  bottom:4%;
  right: 4%;
  font-size: 11px;
  background: #454d55;
  border-radius:3px;
  color: #fff;
}
.list-timenum{
  background: #fff;
  color: #454d55;
  padding:0 1%;
}
.list-li a{
  display: block;
}
.list-img{
  position: relative;
  border:1px solid #eee;
  
  border-radius: 4px;

  
}
.list-img>div{
  padding:2px;
  overflow:hidden;
  align-items: center;
  display: -webkit-flex;
}
.list-img img{
  /*border:1px solid #eee;
  padding:1px;
  border-radius: 6px;*/
  overflow: hidden;
}
.list-text{
  height: 40px;
  margin-top: 8px;
  position: relative;
}
.list-name{
  font-size: 14px;
  color: #171717;
  line-height: 14px;
  margin-bottom:2px;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}
.list-old{
  position: absolute;
  top: -4px;
  right: 0%;
  font-size: 12px;
  color: #616d7a;
}

.index-list-dj{
  font-size: 11px;
  color: #b0906a;
  line-height: 10px;
  border: 1px solid #b0906a;
  display: inline-block;
  padding: 3px;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.list-money{
  font-size: 14px;
  color: #FF3C3C;
  position: relative;
}
.list-sex-ico{
  font-size: 16px;
}


.list-nav{
  background: #f8f9fa;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding:10px 0;
  box-shadow: 0px -1px 2px #e6e6e6;
  position: relative;
  z-index: 12;
}
.list-nav-item span{
  display: block;
  text-align: center;
  font-size: 14px;
  border-right: 1px solid #b2b7bc;
  color: #616d7a;
}
.list-nav-item:last-child span{
  border-right: 0;
  color: #ff705e;
}
.list-line-ico{
  font-size: 18px;
}

.mask-screen{
    width: 100%;
    position: fixed;
    top: 97px;
    left: 0;
    background: #fff;
    z-index: 15;
}
.list-screen{
    padding:2%;
    background: #fff;
    z-index: 9;
}
.list-screen-title{

}
.list-screen-title{
    height: 30px;
    line-height: 30px;
    position: relative;
}
.list-screen-title::before{
    content:"";
    width: 4px;
    height: 20px;
    background: #ff705e;
    border-radius: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 13;
}
.list-screen-title::after{
    content:"";
    width: 100%;
    height: 1px;
    background: #b9babc;
    position: absolute;
    top:15px;
    left: 0;
    z-index: 11;
}
.list-screen-title span{
    background: #fff;
    padding:0 2% 0 4%;
    position: relative;
    z-index: 12;
}
.screen-sex-list{
    padding: 2%;
    font-size: 14px;
}
.screen-sex-list li{
    width: 29.333333%;
    text-align: center;
    margin:2%;
}
.screen-sex-list li a{
    display: block;
    color: #616d7a;
    border:1px solid #ff705e;
    border-radius: 20px;
    line-height: 2em;
}
.screen-sex-list li.active a{
    background: #ff705e;
    color: #fff;
}
.screen-maskbg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 11;
}

/*footer*/
nav{
  display: block;
}
.bar-tab {
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  padding: 0;
  table-layout: fixed;
}
.bar {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  height: 50px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(211, 211, 211, .85);
}
.bar-tab .tab-item {
  position: relative;
  display: table-cell;
  width: 1%;
  height: 2.5rem;
  color: #929292;
  text-align: center;
  vertical-align: middle;
}
.tab-item.active{
  color: #ff705e;
}
.bar-tab .tab-item .icon {
  height: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-top: 0;
  padding-bottom: 0;
  margin: 5px auto 0px;
}
.bar .icon {
  position: relative;
  z-index: 20;
  padding: .5rem .1rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.bar-tab .tab-item .icon~.tab-label {
  display: block;
  font-size: .55rem;
  position: relative;
}
.msg-num-nav{
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 15px;
  background-color: #fb6e62;
  position: absolute;
  top: 6%;
  right: 8%;
  font-style:normal;
  font-size: 11px;
}

/*detail*/
.users-header{
  align-items: center;
  display: -webkit-flex;
  padding:2% 0;
}
.users-header-img{
  margin-right: 5px;
}
.users-header-img img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.users-hearder-info{
  width: 60%;
}
.users-header-id{
  font-size: 14px;
  color: #b8c0c7;
  margin-left: 4px;
}
.users-headermgt{
  margin-top: -5px;
}
.users-hearder-btn{
  width: 30%;
  text-align: center;
}
.users-hearder-btn a{
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  display: inline-block;
}
.users-header-share{
  
  background-color: #d6d6d6;
}
.users-header-love{
  
  background-color: #ff705e;
}
.user-ranking-more{
  font-size: 14px;
  color: #666;
}
.back-header{
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding:0 10px;
  border-bottom: 1px solid #eee;
  position:relative;
}
.back-ico{
  float: left;
  font-size: 28px;
  color: #666;
}
.detail-img{
  overflow: hidden;
  position: relative;
}
.player-headinfo{
  width:96%;
  padding:4% 2%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0));
  background-image: linear-gradient(to top, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0));
}
.player-headinfo>h4{
  font-weight: normal;
}
.player-headinfo>h4 span {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: bold;
}
.player-headinfo span {
  font-size: 12px;
  color: #FFFFFF;
}
.player-headinfo i{
  color: #fff;
  margin-right: 2px;
}

.player-guanz{
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF;
  width: 78px;
  height: 25px;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
  line-height: 25px;
  text-align: center;
  position: absolute;
  bottom: 40px;
  right: 0;
}
.detail-play-box{
  padding:3%;
  border-bottom: 1px solid #eee;
}
.detail-play-l{
 /* width: 50%;*/
}
.detail-play-l>span{
  display: block;
}
.detail-play-l>span b{
  font-size: 18px;
}
.detail-play-r{
  /*width: 50%;*/
  text-align: right;
}
.detail-play-star{
  color: #929496;
  font-size: 14px;
  text-align: center;
}
.detail-play-star i{
  font-size: 13px;
  margin: 2px;
  color: #eee;
  margin-top: -4px;
}
.order-pingl-ico{
  font-size: 24px !important;
}
.detail-play-star i.active{
  color: #b0906a;
}
.detail-play-starmrg i{
  margin-top: 0;
}
.order-pl-label{
  margin-bottom: 10px;
}
.order-pl-label a{
  display: block;
  float: left;
  width: 29.33333%;
  text-align: center;
  color: #999;
  margin:1% 2%;
  font-size: 13px;
  line-height: 30px;
}
.order-pl-label a span{
  display: block;
  border:1px solid #eee;
  background-color: #fff;
}
.order-pl-label a.active span{
  background-color: #ff705e;
  color: #fff;
}
.detail-play-exp{
  font-size: 14px;
  color: #999;
}
.detail-play-exp span{
  color: #b0906a;
}
.detail-play-money{
  color: #fb5203;
  font-size: 14px;
  margin-top: -10px;
}
.detail-play-money b{
  font-size: 24px;
}
.detail-play-con{
  padding:3%;
  font-size: 14px;
}

.bar-btn.tab-item{
  color: #6f6f6f;
}
/*.bar-btn-buy{
  background: #ff705e;
  color: #fff !important;
}
.bar-btn-msg{
  background: #f9f9f9;
  color: #6f6f6f;
}
.bar-btn-msg i{
  font-size: 20px;
}*/
.detail-dj{
  background: #b0906a;
  color: #fff;
}
.ranking-pingl-list{
  position: relative;
  padding:2%;
  margin:0 2%;
  border-bottom: 1px solid #f4f5f7;
}
.ranking-pingl-img{
  width: 20%;
  margin-right: 2%;
}
.ranking-pingl-img img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin:0 auto;
}
.ranking-pingl-text{
  width: 78%;
}
.ranking-pingl-text span{
  display: block;
}
.ranking-pingl-content{
  color: #717171;
  font-size: 14px;
}
.ranking-pingl-time{
  color: #b8b8b8;
  font-size: 12px;
}
.ranking-star{
  position: absolute;
  right: 0;
  top: 5px;
}

/*paih*/
.ranking-list{
  display: table;
  width: 100%;
}
.ranking-cell{
  display: table-cell;
  width:33.333333%;
  text-align: center;
  font-size: 14px;
}
.ranking-img{
  width: 70px;
  height: 70px;
  display: block;
  margin:0 auto;
  position: relative;
}
.ranking-img img{
  border-radius: 50%;
}
.ranking-img_2,.ranking-img_3{
  width: 50px;
  height:50px;
  border-radius: 50%;
  
  margin-bottom: 5px;
}
.ranking-img_2{
  border:3px solid #d3dbe2;
}
.ranking-img_3{
  border:3px solid #b0906a;
}
.ranking-img_1{
  width: 60px;
  height:60px;
  border-radius: 50%;
  border:3px solid #f6d13d;
}
.rank-num{
  display: inline-block;
  position: absolute;
}
.rank-num02{
  width: 20px;
  height: 20px;
  bottom: -10px;
  left: 18px;
}
.rank-num01{
  width: 25px;
  height: 25px;
  bottom: -15px;
  left: 20px;
}
.ranking-name{
  margin-top: 15px;
}
.huangg02-ico,.huangg03-ico{
  font-size: 28px;
  margin-bottom: -13px;
  
}
.huangg02-ico{
  color: #d3dbe2
}
.huangg03-ico{
  color: #b0906a
}
.huangg01-ico{
  font-size: 38px;
  margin-bottom: -18px;
  color: #f6d13d;
}
.ranking-title{
  margin:0 2%;
  line-height: 45px;
  border-bottom: 1px solid #f3f4f6;
}
.ranking-title b{
  border-left: 3px solid #ff705e;
  padding-left: 8px;
}
.ranking-color{
  color: #ff705e;
}
.detail-service{
  padding: 2% 0;
}
.detail-service-list{
  width: 33.333333%;
  text-align:center;
}
.detail-service-list i{
  font-size: 30px;
  color: #868787;
}
.detail-service-list p{
  font-size:12px;
  color: #979a9e;
  margin-top: -8px;
}
/*gift*/
.bar-btn{
    display: block;
    height: 50px;
    float: left;
    text-align: center;
    line-height: 50px;

}
.bar-btn a{
    display: block;
}
.bar-btn i{
    margin-right: 3px;
    margin-top: -3px;
}
.bar-btn-msg,.bar-btn-gift{
    width: 30%;
    border-top: 1px solid #dddddd;
}
.bar-btn-msg a{
    border-right: 1px solid #dddddd;
    
}
.bar-btn-msg a,.bar-btn-gift a{
    color: #404040
}
.bar-btn-msg a i,.bar-btn-gift a i{
    color: #6f6f6f
}
.bar-btn-buy{
    width: 40%;
    border-top: 1px solid #ff705e;
    
}
.bar-btn-buy a{
    background-color: #ff705e;
    color: #fff;
}
.gift-maskbg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
}
.gift-maskcontent{
    width: 100%;
    position: fixed;
    bottom: 50px;
    left: 0;
    z-index: 5;
    background-color: #fff;

}
.gift-tab-item{
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}
.gift-tab-jine{
    width: 35%;
}
.gift-tab-jine>i{
    font-size: 10px;
}
.gift-tab-sure{
    width: 30%;
}
.gift-tab-jine{
    background-color: #f9f9f9;
}
.gift-tab-sure{
    display: block;
    background-color: #ff705e;
    color: #fff;
}
.gift-tab-sure>i{
    font-size: 18px;
    margin-right: 2px;
}
.gift-tab-shul{
    width: 35%;
    background-color: #e9e9e9;
}
.gift-mask-list{
    padding:2% 0;
}
.gift-list-item{
    width: 20%;
    text-align: center;
    font-size: 12px;
    
   
}
.gift-list-item a{
    display: block;
    border:1px solid #fff;
    padding:4% 2%;
}
.gift-list-item.active a{
    
    border:1px solid #ff705e;
    background-color: #f3f3f3;
}
.gift-list-img{
    width: 70%;
    display: block;
    margin:0 auto;
}
.gift-list-text{
     color: #242a31;
}
.num-picker{
    width: 3em;
    background-color:#e9e9e9;
    border:0;
    color: #ff705e;
    font-size: 14px;
    text-align: center;
}

/*detail修改*/
.detail-users-renz{
  padding:3% 2%;
}
.detail-users-renzico a{
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  background-color: #d6d6d6;
  color: #fff;
  font-size: 15px;
}
.detail-users-renzico a.active{
  background-color: #ffa02f;
}
.detail-users-renzbtn{
  font-size: 14px;
  background-color: #fb6861;
  color: #fff;
  border-radius: 20px;
  height: 25px;
  line-height: 25px;
  padding:0 2%;
  text-align: center;
  display: inline-block;
}
.users-service{
  margin:0 2%;
  padding:2% 0;
  border-bottom: 1px solid #f3f4f6;
}
.users-service-list{
  width: 25%;
  margin:2% 0;
}
.users-service-list a{
  display: block;
  width: 60px;
  height: 60px;
  margin:0 auto;
  text-align: center;
}
.users-service-list a>i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border-radius: 50%;
  margin:0 auto;
  font-size: 22px;
  
  color: #fff;
}
.users-service-list  a>i{
  background-color: #ccc;
}
/*.users-service-list:nth-of-type(1) a>i{
  background-color: #fb6861;
}
.users-service-list:nth-of-type(2) a>i{
  background-color: #98bcf8;
}
.users-service-list:nth-of-type(3) a>i{
  background-color: #76dc6e;
}
.users-service-list:nth-of-type(4) a>i{
  background-color: #faa224;
}
.users-service-list:nth-of-type(5) a>i{
  background-color: #faa224;
}
.users-service-list:nth-of-type(6) a>i{
  background-color: #76dc6e;
}*/
.users-service-list a>p{
  font-size: 14px;
  color: #242a31;
}
.detail-play-ico{
  color: #b0906a;
}
.detail-play-ico i{
  font-size: 20px;
}
.users-dingwei{
  margin:0 2%;
  padding:3% 0;
  border-bottom: 1px solid #f3f4f6;
}
.users-heros{
  padding:3% 2%;
}
.users-dingwei-l,.users-heros-l{
  width: 18%;
  text-align:center;
  color: #8a8a8a;
}
.users-dingwei-r,.users-heros-r{
  width: 82%;
}
.users-dingwei-lists li,.users-heros-lists li{
  width: 23%;
  float: left;
  padding:0 1% 4%;
  text-align: center;
}
.users-heros-lists li span{
  display: block;
  font-size: 14px;
  color: #b0906a;
}
.users-heros-lists li span:nth-of-type(1){
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin:0 auto;
  overflow: hidden;
}

.imgedit-info{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: rgba(0,0,0,0.4);
  padding:3% 5%;
  border-top-left-radius: 6px;
}

/*order*/
.wangz-way{
  font-size:12px;
  border:1px solid #ff8f8f;
  padding:2%;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
}
.wangz-way.active{
  background-color: #ff8f8f;
  color: #fff;
}
.order-top{
  padding:4% 3%;
}
.order-users-img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.order-users-name{
  display: block;
  color: #666;
}
.order-users-old{
  display: inline-block;
  background: #ff8f8f;
  font-size: 13px;
  color: #fff;
  padding: 0 10px;
  border-radius: 6px;
}
.order-users-old i{
  margin-right: 4px;
}
.order-info-list{
  border-bottom: 1px solid #eee;
  padding:3% 4%;
}
.order-info-r{
  color: #ff8f8f;
}
.order-info-youhq>span{
  font-size:12px; color:#a2a9b1; margin-left:5px;
}
.choose-btn{
  width: 6em;
  display: inline-block;
  text-align: center;
  background:#ff705e; color:#fff; border-radius:20px; font-size:14px; padding:1% 4%;
}
.buy-num{
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ff705e;
  color: #fff;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size:20px;
}
.i-input,.i-input input{
  width: 40px;
  height: 25px;
}
.buy-input,.buy-input input{
  width: 30px;
  height: 20px;
}

.i-input input{
  border:0;
  outline: none;
  text-align: center;
  font-size: 16px;
}
.buy-input input{
  border:0;
  outline: none;
  text-align: center;
  font-size: 14px;
}
.oc-payment{ position: relative; padding: 0 10px; background-color: #fff;}
.oc-payment-item{ width: 100%; position:relative; height: 53px; line-height: 52px; border-bottom: 1px solid #e6e6e6; font-size: 14px;}
.oc-payment-recommend{ position: relative; display: inline-block; width: 30px; height: 17px; margin-left: 10px; line-height: 17px; text-align: center; font-size: 11px; color: #ee2e3a; border-radius: 2px; border: 1px solid #ee2e3a;}
.oc-payway{ color: #cbcbcb; font-size: 16px;}
.oc-active .oc-payway{
  color: #ff705e;
}
.oc-payment-method i{
  font-size: 24px;
}
.oc-payment-title{
  font-size: 14px;
  padding-left: 4px;
  line-height: 2.5em;
  background: #f8f9fa;
}

.pay-btn a{
  background: #ff705e;
  border-radius: 30px;
  color: #fff;
  display: block;
  width: 80%;
  margin:20px auto;
  text-align: center;
  line-height: 2.5em;
  font-size: 18px;
  box-shadow: 0 4px 5px #f4b1a8;
}
/*pay-success*/
.success-ico{
  font-size: 90px;
  color: #ff705e;
}
.pay-success-box{
  text-align: center;
}
.success-text{
  font-size: 18px;
  color: #ed7035;
  margin-top: -30px;
}
.success-exp{
  color: #666;
}
.success-price{
  font-size: 30px;
}
.success-btn{
  margin:10px auto;
}
.success-btn a{
  width: 40%; display: inline-block;
  
  padding:2% 0;
  border-radius:20px;
  margin:0 5px;
}
.success-btn-lx{
  color: #fff;
  border:1px solid #8c98a5;
  background: #8c98a5;
}
.success-btn-order{
  color: #fff;
  border:1px solid #ff705e;
  background: #ff705e;
}
.pay-order-info{
  padding:2% 3%;
}
.pay-order-info li{
  padding:1% 0;
  font-size: 14px;
  color: #676568;
}
/*orderdetail*/
.detail-users-info{
  text-align: center;
}
.detail-users-img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin:0 auto 5px;
}
.detail-users-status b{
  font-size: 18px;
}
.detail-users-status i{
  margin:0 3px;
}
.detail-status-ico01{
  font-size: 20px;
  color: #f7621c;
}
.detail-status-ico02{
  font-size: 11px;
  color: #999;
}
.detail-users-price>div{
  line-height: 40px;
  padding:2%;
  border-bottom: 1px solid #f7f6f7;
}
.detail-users-price{
  padding:2%;
}
.detail-img-l{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.detail-price-list{
  font-size: 14px;
  color: #666;
}
.detail-cancel-btn{
  color: #999;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 14px;
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.detail-order-num{
  padding: 2%;
}
.order-num-pad{
  padding:2% 0;
}
.detail-order-num h4{
  border-bottom: 1px solid #f7f6f7;
  line-height: 2em;
}
.detail-order-num span{
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 4px;
}
/*pingl*/
.order-pingl{
    padding:4%;
}
.order-pingl-con{
    
}
.order-pingl-con textarea[name="info"]{
    width: 96%;
    padding:2%;
    height: 5em;
    border:1px solid #eee;
    resize:none;

}
.submit-pingl-btn{
    display: block;
    border:1px solid #ff705e;
    color: #ff705e;
    border-radius: 20px;
    width: 50%;
    text-align: center;
    margin:10px auto 0;
    font-size: 14px;
    line-height: 32px;
}
.order-pingl-text{
    font-size: 14px;      
}
.order-pingl-text>div{
    background-color: #f3f3f3;
    padding:3%;
}
.order-pingl-text b{
    color: #000;
}

/*order-list*/
.ucenter-btn-orderlist{
  padding:1% 4%;
}
.ucenter-btn-orderlist>a{
  width: 44%;
  margin:0 3%;
  display: block;
  float: left;
  text-align: center;
  background-color: #aeaeae;
  color: #fff;
  border-radius: 10px;
  line-height: 40px;
}
.order-list-box{
        
}
.order-list-item{
  padding: 2%;
  border-bottom: 5px solid #f8f9fa;
}
.order-list-img{
/*
overflow: hidden;*/
margin-right: 5px;
}
.order-list-img img{
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.order-list-time{
font-size: 12px;
}
.order-list-status{
color: #666;
}
.order-list-info{
font-size: 14px;
color: #999;
height: 45px;
line-height: 45px;
  border-bottom: 1px solid #eee;
}
.order-list-info b{
color: #eb4e46;
font-size: 16px;
}
.order-list-btn{
padding: 2% 0;
}
.order-list-cancel{
  color: #ed7035;
  border: 1px solid #ed7035;
  border-radius: 20px;
  font-size: 13px;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  margin-left: 5px;
}

/*我的资料*/
.users-info-nameInput input{
  float: right
  width: 80%;
  background-color: #eee;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border: 0;
  margin-left: 5px;
  text-indent: .5em;
}
.users-info-list{
  padding:2%;
}
.users-info-item{
  padding:3% 2%;
  border-bottom: 1px solid #eee;
}
.users-info-img{
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.users-info-itemimg{
line-height: 40px;
}
.users-info-ico{
color: #999;
font-size: 11px;
margin-left: 4px;
margin-top: 3px;
}
.users-info-qianm{
width: 60%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}
.users-text-r{
font-size: 14px;
color: #666;
}
.users-info-sex input,.users-info-dq input{
background: #fff;
border:0;
text-align: right;
color: #666;
outline: none;
font-size: 14px;
}
.save-btn{
color: #60a7f8;
font-size: 12px;
border:1px solid #60a7f8;
border-radius: 4px;
height:25px;
line-height: 25px;
margin-top: 5px;
padding:0 14px;
}
.change-info-name{
position: relative;
}
.change-info-name input{
font-size: 14px;
}
.name-num{
position: absolute;
right: 4%;
top:30%;
font-size: 12px;
color: #999;
}
.qianm-num{
position: absolute;
bottom: -20px;
right: 0;
font-size: 12px;
color: #999;
}

/*ucenter*/
.ucenter-bottom-link{
  text-align:center; 
  padding:2% 0 5%;
  background-color: #fff;
  border-top: 1px solid #eee;
  color: #999;
}
.ucenter-bottom-link a{  
  color: #999;
/*  color: #333;
  width: 33.33333%;
  display: block;
  float: left;*/
}
/*.ucenter-bottom-link a span{
  display: block;
  border-right: 1px solid #eee;
}
.ucenter-bottom-link a i{
  color: #c2c5c8;
  margin-right:4px;
  font-size: 16px;
}
.ucenter-bottom-link a:last-child span{
  border-right: 0;
}*/
.ucenter-btn-w100 a{
  background-color:#ff505b; 
  display:block; 
  width:80%; 
  margin:10px auto 0; 
  border-radius:10px; 
  color:#fff; 
  text-align:center; 
  line-height:40px;
}
/*.ucenter-msg{
  height: 30px;
}*/
.ucenter-msg{
    color: #fff19c;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

}
.ucenter-mg{margin-top: 30px;}
.ucenterbg{
  width: 100%;
  height: 120px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ucenter-top-con{
    /*width: 100%;*/
    margin:0 2%;
    
    /*margin:-120px auto 0;*/
    
}
.ucenter-info-con{
    background: #fff;
    border-radius:6px;
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 5px #eee;
}
.ucenter-info-l{
    width: 25%;
    padding:4% 2%;
    text-align: center;
    
}
.ucenter-info-img{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*overflow: hidden;*/
    margin:0 auto;
    position: relative;
}
.ucenter-info-img img{
    border-radius: 50%;
}
.ucenter-info-vip{

    background-image:-webkit-linear-gradient(to top, #ff5c46, #ff9c77);
    background-image:linear-gradient(to top,#ff5c46,#ff9c77);
    border-radius: 20px;
    font-size: 11px;
    color: #fff;
    padding:0 2px;
    
    width: 56px;
    height:20px;
    line-height:20px;
    position: absolute;
    bottom: -10px;
    left: 0;
    display:inline-block;
    text-align: center;

    
}
.ucenter-info-vipposition{
  position: static;
}
.ucenter-info-vip i{
    font-size: 16px;
    margin-right: 3px;
}
.ucenter-info-c{
    width: 43%;
    margin-top: 12px;
}
.ucenter-info-c span{
    display: block;
    font-weight: bold;
}
.ucenter-info-c p{
    font-size: 12px;
    color: #8a8a8a;
}
.ucenter-info-r01{
    text-align: center;
    color: #ff705e;
}
.ucenter-info-r01 i{
    font-size: 36px;
    
    margin-bottom: -10px;
}
.ucenter-info-r01 p{
    font-size: 12px;

}
.ucenter-info-r{
    margin-top: 6px;
    width: 25%;
    margin-right: 2%;
}
.ucenter-info-r02{
    margin-top: 22px;
    color: #9c9c9c;
}
.ucenter-tip-phone{
    font-size: 14px;
    padding:1% 2%;
    background: #fff9d6;
    color: #c26126;
    margin-top:10px;
}
.ucenter-tip-phone i{
    font-size: 12px;
}
.ucenter-tip-phone i:nth-of-type(1){
    margin-right: 4px;
}
.ucenter-tip-phone i:nth-of-type(2){
    margin-top: 2px;
}
.ucenter-top-list{
    padding:3% 0;
}
.ucenter-top-item{
    width: 33.33333%;
    text-align: center;
    position: relative;
}
.ucenter-top-item span{
    margin-bottom: -8px;
}
.ucenter-top-item p{
    line-height: 1.5em;
}
.top-item-ico{
    color: #b59686;
    font-size: 26px;
}
.top-item-text{
    font-size: 16px;
    color: #242a31;
}
.top-item-num{
    font-size: 14px;
    color: #666;
}

.ucenter-order-con{
    padding: 2%;
}
.ucenter-order-title{
    padding:2%;
    font-size: 16px;
    border-bottom: 1px solid #f3f4f6;
}
.ucenter-order-title span{
    border-left: 2px solid #ff705e;
    padding-left: 2%;
}
.ucenter-order-title a{
    color: #63686e;
}
.ucenter-order-ul{
    padding:2%;
}
.ucenter-order-li{
    width: 25%;
    text-align: center;
}
.ucenter-order-li span,.ucenter-order-li>a{
    display: block;
    
}
.ucenter-order-ico{
    font-size: 30px;
    margin-bottom: -10px;
    color: #c6c8cd;
}
.ucenter-order-li a{
    color: #242a31;

}

.ucenter-bottom-list{
    
    font-size: 16px;
}
.peiwans-style{
  background:#ff705e;
}
.peiwans-style .ucenter-bottom-ico,.peiwans-style .ucenter-bottom-text{
  color: #fff;
}
.ucenter-bottom-a{
    display: block;
    color: #242a31;
    padding:3% 0 3%;
    margin:0 3%;
   
}
.ucenter-bottomborder{
    border-bottom: 1px solid #eee;
}
.ucenter-bottom-ico{
    color: #c7c9ce;
    font-size: 20px;
}
.ucenter-renz-ico{
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.ucenter-rez-text{
  color: #000;
}
.ucenter-bottom-right{
    color: #63686e;
}
.ucenter-my-renz{
    padding:2%;
    margin:0 3%;
    border-top: 1px solid #eee;
}
.ucenter-drawlist{
  /*font-size: 14px;*/
  color: #626a71;
}
.ucenter-drawlist-a{
  display: inline-block;
  width: 5.5em;
  line-height: 2em;
  text-align: center;
  background-color: #b59686;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
}

@media screen and (max-width:320px){    
    .ucenter-drawlist-a{
      font-size: 12px;
    }
    .ucenter-draw-txt320{
      font-size: 13px;
    }
}

.ucenter-yongh{
    width: 96%;
    padding:2%;
    
}
.ucenter-yongh-list{
  display: table;
  width: 100%; 
}
.ucenter-yongh-list a{
  border-bottom: 1px solid #eee;
  padding:4% 0;
  display: table;
  width: 100%;
}
.ucenter-yongh-text,.ucenter-yongh-img,.ucenter-yongh-time{
    display: table-cell;
    vertical-align: middle;
}
/*.ucenter-yongh-list a>div{
    display: table-cell;
    vertical-align: middle;
}*/
.ucenter-yongh-img{
    width: 20%;
}
.ucenter-yongh-img img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin:0 auto;
}
.ucenter-yongh-text{
    width: 55%
}
.ucenter-yongh-name p{
    max-width: 7em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 14px;
    color: #242a31;
}
.ucenter-yongh-exp{
    font-size: 12px;
    color: #8a8a8a;
}
.ucenter-yongh-time{
    width: 25%;
    text-align: right;
    font-size: 14px;
    color: #616d7a;
}
.ucenter-yongh-time i{
    color: #0ec07b;
    font-size:20px;
}
.ucenter-btn-recharge{
  padding:2%;
}
.ucenter-btn-recharge a{
    width: 46%;
    float: left;
    margin:2%;
    display: block;
    background: #ff505b;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}
.ucenter-btn-recharge a:nth-of-type(1){
    background: #96999c;
}
.ucenter-qianb-list{
    padding:2%;
    width: 96%;
    
}
.ucenter-qianb-list li{
    /*display: table-cell;
    vertical-align: middle;*/
    border:1px solid #f7f7f7;
}
.ucenter-qianb-tbg{
    background: #f7f7f7;
}
.ucenter-qianb-th,.ucenter-qianb-td{
    font-size: 14px;
    /*width: 25%;*/
    text-align: center;
    display:block;
    float: left;
    
    line-height: 40px;
    /*vertical-align: middle;*/
}
.ucenter-qianb-th:nth-of-type(1),.ucenter-qianb-th:nth-of-type(4),.ucenter-qianb-td:nth-of-type(1),.ucenter-qianb-td:nth-of-type(4){
    width: 20%;
}
.ucenter-qianb-th:nth-of-type(2),.ucenter-qianb-th:nth-of-type(3),.ucenter-qianb-td:nth-of-type(2),.ucenter-qianb-td:nth-of-type(3){
    width: 30%;
}
.ucenter-qianb-td>span{
    display: block; 
    border-right:1px solid #f7f7f7;
}
.ucenter-qianb-td:last-child span{
   
    border-right:0;
}

.ucenter-rez-right{
  color: #ffae00;
}

/*jiaose*/
.renz-tip{
  padding:3% 2%;
  font-size: 14px;
}
.users-renz-item{
  padding-bottom: 10px;
  width:48%;
  margin:1%;
}
.changeg-img{
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 32px;
  display: block;
  border-radius: 8px;
  background: #dcdee3;
  color: #fff;
  margin:7px auto;
}
.users-renz-title{
  background: #eee;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  line-height: 2.4em;
  padding-left: 10px;
}
.users-renz-exp{
  padding:0 2%;
  text-align: center;
  font-size: 11px;
  color: #999;
}
.users-renz-exp i{
  font-size: 8px;
}
/*.video-img{
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
  margin:10px auto;
  border-radius: 10px;
  border:4px solid #f5f5f5;
  font-size: 12px;
}
.video-img i{
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
background: #61c59f;
color: #fff;
font-size: 25px;
margin-top: 6px;
}*/
.users-renz-img{
  width: 75%;
  height: 65px;
  margin:10px auto 0;
}
.users-renz-img img{
  width: 100%;
  height: 100%;
}
.users-renz-time{
  font-size: 12px;
  text-align: center;
  color: #666;
}
.voice-img{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 40%;
  margin:20px auto 10px;
  background: #dcdee3;
  color: #fff;
  line-height: 30px;
  font-size: 18px;
}
.users-renz-sz{
  padding:2%;
  font-size: 12px;
  color: #999;
  border-top: 1px solid #eee;
  margin-bottom: 10px;
}

/*renz*/
.masktab{
  text-align: center;
  padding:4% 0 2%;
}
.masktab a{
  background-color: #626a71;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  width: 3.5em;
  display: inline-block;
  text-align: center;
  line-height: 30px;

}
.masktab a.active{
  background-color: #ff705e;
}
.maskboxbg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 11;
}
.maskbox-inner{
    position: absolute;
    top: 200px;
    /*bottom: 200px;*/
    right: 4%;
    left: 4%;
    margin:auto;
    z-index: 100; 
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.maskbox-title{
    padding:2%;
    margin:0 2%;
    text-align: center;
    line-height: 35px;
    border-bottom:1px solid #eee;
    font-size: 18px;
}
.maskbox-btn{
    background: #eeeff2;
}
.maskbox-btn a{
    width: 40%;
    margin:3% 5%;
    display: block;
    float: left;
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
}
.mask-cancelbtn{
    background: #aeaeae;
}
.mask-surebtn{
    background: #ff705e;
}

.maskbox-text{
    padding:4%;
    margin:0 2%;
    font-size: 14px;
    border-bottom:1px solid #eee;
}
.maskbox-num{
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    background: #ff705e;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    margin-top: -2px;
}
.maskbox-textline{
    text-decoration: underline;
}
.maskbox-exp{
    font-size: 14px;
    color: #999;
    padding:3%;
    display: block;
}
.maskbox-input{
  width: 96%;
  padding:2%;
  display: block;
  text-align: center;
}
.maskbox-input span{
  color: #ff0000;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.maskbox-input input{
  border:1px solid #ff0000;
  background-color: none;
  height: 30px;
  line-height: 30px;
  text-indent: .5em;
  font-size: 18px;
}
.maskqq-icon{
    text-align: center;

}
.maskqq-icon span{
    font-size: 36px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #68bef8;
    color: #fff;
    border-radius: 50%;
    /*display: inline-block;*/
}
.maskqq-icon p{
    /*line-height: 2.5em;*/
}
.maskbox-qq-exp{
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    display: block;
}
.maskbox-js-list{
    padding:2%;
}
.maskbox-js-list li{
    width: 46%;
    margin:2%;
}

.maskbox-js-list li.active p.juese-img-text{
  color: #ff705e;
}
.maskbox-js-list li.active p.juese-img{
  border:2px solid #ff705e;
}
.maskbox-js-list li .juese-img{
    
  /*line-height: 30px;*/
  border:2px solid #FFFFFF;
  height: 80px;
  overflow: hidden;
}
.maskbox-js-list li .juese-img-text{
  font-size: 12px;
  color: #999;
  text-align: center;
}
.maskbox-jia-ico{
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    display: block;
    border-radius: 8px;
    background: #dcdee3;
    color: #fff;
    margin:10px auto;
}

.mask-IDcard-form{
    padding:3%;
    margin:0 2%;
    border-bottom: 1px solid #eee;
}
.mask-form-input{
    width: 80%;
    display: inline-block;
}
.mask-form-input input{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border:0;
    background: #fff;
}
.mask-sex-list a{
    display: inline-block;
    vertical-align: middle;
    color: #e8e9e9;
    border:1px solid #e8e9e9;
    border-radius: 2px;
    width: 40px;
    text-align: center;
    line-height: 25px;
    margin-left:4px;
}
.mask-sex-list a.active{
    color: #ff705e;
    border:1px solid #ff705e;
}
.mask-IDcard-p01{
    text-align:center; font-size:14px;
}
.mask-IDcard-p02{
    text-align:center; font-size:12px; color:#999;
}
.mask-IDcard-p03{
    text-align:center; font-size:14px; margin-top:-5px;
}
.users-IDcard-img{
    width: 80px;
    max-height: 100px;
    margin:0 auto;
}
.users-IDcard-img img{
    width: 100%;
    height: 100%;
}
/*充值*/
.recharge-list{
  width: 94%;
  margin:0 auto;
}
.recharge-list-border{
  width: 100%;
  height: 10px;
  background-color: #c0c2c4;
  border-radius: 20px;
  position: relative;
  z-index: 10;
}
.recharge-list-inner{
  width: 90%;
  background-color: #f8f9fa;
  padding:3%;
  position: relative;
  z-index: 12;
  margin: -5px auto 0;
}
.recharge-list-txt{
  color: #63686e;
  margin-left: 2%;
}

.recharge-list-ul{
  padding:2% 0;
}
.recharge-list-ul li{
  width: 29.3333%;
  margin:2%;
  text-align: center;
  
}
.recharge-list-ul li b{
  display: block;
  border:1px solid #c0c2c4;
  border-radius: 4px;
  line-height: 30px;
  font-size: 14px;
  background-color: #fff;
}
.recharge-list-ul li.active b{
  background: #ff705e;
  border:1px solid #ff705e;
  color: #fff;
}

.users-rechargelists li{
  padding: 4% 2%;
  width: 96%;
}
.users-rechargelists .ucenter-yongh-text{
  width: 75%;
}
.users-rechargelists .ucenter-yongh-time{
  font-size: 16px;
}

.recharge-top-text{
  padding:4% 2%;
  font-size: 14px;
  color: #63686e;
}

.recharge-top-wx{
  padding: 2% 4%;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e6ecf3;
}
.recharge-wxpay-ico{
  color: #00c801;
  margin-right: 2%;
}
.recharge-dagou-ico{
  color: #ff705e;
}
.recharge-input{
  width: 90%;
  margin:10px auto;
}
.recharge-input input{
  width: 100%;
  line-height: 35px;
  font-size: 14px;
  background-color: #fff;
  border:1px solid #c0c2c4;
  border-radius: 6px;
  text-indent: 1em;
}

/*我要登记*/
.maskbox-hero-list{
  height: 300px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.hero-choose-li{
  width: 18%;
  text-align: center;
  margin: 5px 1%;
}
.hero-choose-li.active a{
  border:1px solid #ff705e;
  background-color: #eee;
  border-radius: 4px;
}
.hero-choose-li a{
  color: #999;
  display: block;
  font-size: 11px;
}
.hero-choose-img{
  padding:4%;
  display: block;
}
.gameinfo-list{
    padding:2%;
}
.gameinfo-list li{
    padding:2%;
    border-bottom: 1px solid #f3f4f6;
    color: #383d44;
}
.gameinfo-l{
    width: 30%;
}
.gameinfo-r{
    width: 70%;
}
.radio-ico{
    width: 8px;
    height: 8px;
    padding:2px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background:#f3f3f3;
    border:1px solid #e9e8e8;
    color: #f3f3f3;
    margin-right: 4px;
    margin-top: 6px;
}

.radio-ico i{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    
}
.radio-ico-active{
    color: #fd7c6d;
}
.radio-ico-active .radio-ico i{
    background:#fd7c6d;
}
.gameinfo-opend{
    margin-right: 20px;
}
.gameinfo-check{
    width: 33.33333%;
    margin-bottom: 5px;
}
.gameinfo-check>span{
    display: inline-block;
    vertical-align: middle;
}
.ckeckbox-ico{
    width: 14px;
    height: 14px;
    display: inline-block;
    background:#f3f3f3;
    border:1px solid #e9e8e8;
    border-radius: 4px;
    margin-right: 3px;
    vertical-align: middle;
}
.ckeckbox-ico>i{
    margin-top: -5px;
    margin-left:3px;
    font-size:14px;
    color: #fd7c6d;
    display: none;
}
.ckeckbox-ico-active .ckeckbox-ico{
    border:1px solid #fd7c6d;
}
.ckeckbox-ico-active .ckeckbox-ico>i{
    display: block;
}
.gameinfo-name{
    display: block;
}
.gameinfo-name input{
    border:none;
    background: #f3f3f3;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: .5em;
    font-size: 16px;
}
.gameinfo-duanwei-btn{
    background:#fd7c6d;
    color: #fff;
    border-radius: 6px;
    padding:1% 4%;
}
.gameinfo-conetent textarea{
    width: 100%;
    height: 5em;
    resize : none;
    background: #f3f3f3;
    border:0;
    outline: none;
    padding:2%;
    font-size: 14px;
}
.gameinfo-texta-exp{
    font-size: 12px;
    color: #969a9e;
}
.gameinfo-file-text{
    width: 73%;
    font-size: 12px;
    margin-left: 2%;
    margin-top: 15px;
    color: #969a9e;
}
.gameinfo-price{
    margin-bottom: 10px;
}
.gameinfo-price input{
    width: 110px;
    line-height: 30px;
    font-size: 16px;
    background:#f3f3f3;
    border:0;
    margin:0 5px;
}

/*youhuiq*/
.youhuiq-box-title{
    padding:2% 4% 0;
}
.youhuiq-list{
    padding:4%;
}
.youhuiq-list li{
    display: table;
    width: 100%;
    border:1px solid #ff705e;
    border-top: 4px solid #ff705e;
    background: url(/static/web/images/quanbg.png);
    background-size: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
.youhuiq-list.overdue-quan li{
    border:1px solid #a2a2a2;
    border-top: 4px solid #a2a2a2;
    
}
.youhuiq-list.overdue-quan span{
    color: #a2a2a2;
}
.youhuiq-list-l{
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    padding-left: 10%;
    /*text-align: center;*/
}
.youhuiq-list-r{
    display: table-cell;
    vertical-align: middle;
    width: 65%;
    color: #686868;
    text-align: center;
}
.youhuiq-list-title{
    font-size: 16px;
}
.youhuiq-list-time{
    font-size: 12px;
}
.youhuiq-list-l span{
    display: block;
    font-size: 14px;
    color: #ff705e;
}
.youhuiq-list-ttx{
    margin-top: 10px;
}
.youhuiq-list-price{
    /*text-align: center;*/
    margin-top: -10px;
}
.youhuiq-list-price b{
    font-size: 45px;
}

/*弹窗优惠券*/
.youhuiq-list-maskul{
  padding:2%;
  max-height: 300px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.youhuiq-list-maskul li{
  width: 46%;
  padding:2%;
  text-align: center;
  color: #ff705e;
}
.youhuiq-list-maskul li.youhuiq-active{
  background: #ededed;
  border-radius: 4px;
}
.youhuiq-list-maskli{
  border:1px solid #ff705e;
  border-top: 3px solid #ff705e;;
  border-radius: 4px;
  height: 60px;
  font-size: 18px;
  background: url(/static/web/images/quanbg.png);
  background-size: 100%;
}
.youhuiq-list-maskli>span{
  display:block;
  float: left;
  height: 60px;
  line-height:60px;
  width: 50%;
  text-align: center;
}
.youhuiq-list-maskprice b{
  font-size: 40px;
}
.youhuiq-list-maskttx{

}
.youhuiq-list-masktime{
  font-size: 8px;
  line-height: 2em;
  color: #686868;
}

.gameqiyu-list{
  padding:2%;
  background: #f8f9fa;
}
.gameqiyu-list li{
}

.users-juese-input{
  width: 96%;
  background:#fff;
  border:1px solid #ebebeb;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-indent: .5em;
}

/*排行榜*/
.rankbox01{
  background-color: #9288ca;
}
.rankbox{
    background-color:#fb8580
}
.rankbox-content{
    width: 90%;
    margin: 0 auto;
    border-radius: 6px;
    background-color: #f7f7f7;
    overflow: hidden;
}
.rankbox-tab{
    
    
}
.rankbox-tab a{
    height: 42px;
    line-height: 42px;
    display: block;
    width: 50%;
    text-align: center;
    color: #3b3b3b;
    font-weight: bold;
    background-color: #e6e6e6;
    
}
.rankbox-tab a.active{
    height: 45px;
    line-height: 40px;
    color: #fff;
    background-color: #f7f7f7;
    background-image: url(/case/my_yswz/static/web/images/ranklist-title.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.rankbox-table ul{
    display: table;
    width: 100%;

}
.rankbox-table li{
    display: table-row;
}
.rankbox-table li>span{
    /*width: 33.33333%;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
    border-bottom: 1px solid #f3f3f3;
    padding:3% 0;
}
.rankbox-th{
    font-size:14px;
    /*line-height: 35px;*/
}
.rankbox-td{
    background-color: #fff;
    
}
.rankbox-sort{
    width: 15%;
}
.rankbox-text{
    width: 55%;
    font-size:14px;
}
.rankbox-num{
    width: 30%;
}
.rankbox-td .rankbox-num{
    /*font-size: 18px;*/
    color: #714e4e;
}
.rankbox-td .rankbox-sort{
    font-size: 22px;
    color: #714e4e;
}
.rankbox-td .rankbox-sort.one{
    color: #f05757;
    font-weight: 700;
}
.rankbox-td .rankbox-text{
    text-align: left;
}
.rankbox-text>span{
    display: inline-block;
    vertical-align: middle;
}
.rankbox-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 4px;
}
.rankbox-sex{
    margin-left: 4px;
}
.rankbox-dj{
    top: -3px;
}
.rankbox-name-len{
    max-width: 8em;
}
@media screen and (max-width:320px){    
    .rankbox-name-len{
        max-width: 6.5em;
    }
}

/*qrcode*/
.qrcodebox{
  width: 100%;
  height: 100%;
}
.qrcode-img{
  width:100%;
  height: 92%;
}
.qrcode-img img{
  width: 100%;
  height: 100%;
}
.qrcode-bottom-nav{
  /*position: fixed;
  bottom: 0;
  left: 0;*/
  width: 100%;
  height: 8%;
  background-color: #ff705e;
  display: table;
}
.qrcode-bottom-nav a{

  width: 50%;
  height: 100%;
  text-align: center;
  height: 100%;
  /*line-height: 40px;*/
  display: table-cell;
  vertical-align: middle;
  
  color: #fff;
}
.qrcode-bottom-nav span{
  display: block;
}
.qrcode-bottom-nav a:nth-of-type(1) span{
  border-right: 1px solid #fff;
}
.qrcode-maskbg{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.qrcode-maskcontent{
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}
.qrcode-top-img{
    width: 60%;
    margin:5% auto 5px;
    position: relative;
}
.close-ico{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ff705e;
    color: #fff;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: -10px;
    right: -10px;
    font-weight: 700;
}
.qrcode-img-lists{
    width: 96%;
    padding:2%;
    
}
.qrcode-img-inner{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.qrcode-img-item{
    width: 50px;
    display: inline-block;
    margin:3px;
    white-space: nowrap;
    
}
.qrcode-img-item.active{
    border:2px solid #ff705e;
}


/*推广好友赚钱*/
.users-hyzq-top{
  background-color: #f8f9fa;
  padding:4%;
}
.users-hyzq-ico{
  text-align: center;
}
.users-hyzq-ico i{
  font-size: 120px;
  color: #dfdfdf;
}
.users-hyzq-btn{
  text-align: center;
  margin-top: 20px;
}
.users-hyzq-btn a{
  
  color: #fff;
  padding:2% 4%;
  border-radius: 20px;
  margin:1%;
}
/*提现*/
.drawindex-item{
  width: 50%;
  text-align: center;
  padding:5% 0;
}
.drawindex-item>a{
  border-right: 1px solid #e6dbd6;
}
.drawindex-item:last-child a{
  border-right: 0;
}
.drawindex-item>a,.drawindex-item span{
  display: block;
}
.drawindex-ico{
  font-size: 40px;
}
.drawindex-num{
  font-size: 20px;
  font-weight: 700;
}

.drawindex-text{
  width: 88%;
  margin:0 auto;
  border-radius: 20px;
  padding:1% 0;
  color: #fff;
  margin-top: -5px;
}
.drawindex-item-l .drawindex-ico,.drawindex-item-l .drawindex-num{
  color: #b59686;
}
.drawindex-item-l .drawindex-text{
  background-color: #b59686;
}
.drawindex-item-r .drawindex-ico,.drawindex-item-r .drawindex-num{
  color: #ff705e;
}
.drawindex-item-r .drawindex-text{
  background-color: #ff705e;
}

.drawindex-bottom{
  text-align: center;
  color: #8a8a8a;
}
.drawindex-bottom p{
  color: #8a8a8a;
  line-height: 40px;
}
.drawindex-bottom a{
  background-color: #8a8a8a;
  color: #fff;
  border-radius: 20px;
  padding: 1% 5%;
}
.draw-paih-title{
  background-color: #f8f9fa;
  padding:2% 4%;
  
}
.draw-paih-title i{
  margin-right: 8px;
  font-size: 18px;
}
.draw-paih-content{
  color: #63686e;
  padding:3%;
  font-size: 14px;
  line-height: 2em;
}


/*hongbao*/
.ucenter-hongbao-list{
    background-color: #fff;
    padding:2%;
}
.hongbao-list-w20{
    width: 18%;
    text-align: center;
}
.hongbao-list-w30{
    width: 30%;
    text-align: center;
}
.hongbao-list-w50{
    width: 52%;
}
.hongbao-list-item{
    align-items: center;
    display: -webkit-flex;
    padding:3% 0;
}
.hongbao-list-item>span{
    display: block;
}
.hongbao-list-ico{
    font-size: 32px;
    color: #ff705e;
}
.hongbao-list-title{
    font-size: 16px;
}
.hongbao-list-exp{
    font-size: 14px;
    color: #626a71;
}
.hongbao-list-btn{
    background-color: #c7ced4;
    color: #fff;
    border-radius: 20px;
    width: 6.5em;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
}
.hongbao-list-btn1{
    background-color: #c7ced4;
    color: #fff;
    border-radius: 20px;
    width: 6.5em;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
}
.hongbao-list-titspan{
    display: none;
    font-size: 12px;
    padding:0 1%;
    margin-left: 4px;
    
    color: #fff;
}
.hongbao-listbottombor{
    border-bottom: 1px solid #f3f4f6;
}

/*任务完成*/
.hongbao-completed .hongbao-list-titspan{
    display: inline-block;
    background-color: #ff705e;
}
.hongbao-completed .hongbao-list-btn{
    background-color: #ffa461;
}
/*已经领取*/
.hongbao-received .hongbao-list-ico,.hongbao-received .hongbao-list-title,.hongbao-received .hongbao-list-exp{
    color: #c7ced4;
}
.hongbao-received .hongbao-list-titspan{
    display: inline-block;
    background-color: #c7ced4;
}

.hongbao-quan-list{

}
.hongbao-quan-list li{
  align-items: center;
  display: -webkit-flex;
  margin:3% 0;
}
.hongbao-quan-l{
  width: 60%;
  margin-left: 10%;
  border-radius: 10px;
  border:1px solid #ff705e;
  border-top: 3px solid #ff705e;
  overflow: hidden;
  color: #ff705e;
  background: url(/static/web/images/quanbg.png);
  background-size: 100%;

}
.hongbao-quan-r{
  width: 20%;
  margin-left: 10px;
}
.hongbao-quan-title{
  margin-top: 4px;
}
.hongbao-quan-exp{
  font-size: 12px;
  margin-top: -3px;
}
.hongbao-quan-time{
  display: block;
  background-color: #ff705e;
  color: #fff;
  font-size: 10px;
  text-indent:1em;
  padding:2px 0;
}
.hongbao-quan-money{
  margin-top: 5px;
}
.hongbao-quan-money b,.hongbao-money-money b{
  font-size: 26px;
}
.hongbao-quan-num{
  font-size: 25px;
  color: #ff705e;
  margin-left: 4px;
}