/* CSS Document */
html{height: 100%;}
.clear{clear: both;}
body{ background:#fff;height: 100%;}
body {
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
}
.allBody{width: 90% !important; margin: 20px auto;margin-bottom: 20px !important;}
.noscroll,
.noscroll body {
  overflow: hidden;
  position: relative;
  top: 0;
  height: 100%;
}
.ov{overflow: hidden;}
.money{
    display: inline-block;
    width:13px;
    height:13px;
    background: url(../images/money.png) no-repeat;
    background-size: 13px 13px;
    vertical-align: top;
    margin-top: 1px;
}
.head{
    width: 90%;
    margin: 0px auto 20px;
}
.headbox{
    height: 55px; 
    margin-bottom: 10px;
}
.headbox .user{
    width: 10%;
    height: 35px;
    float: left;
    margin-top: 12px;
}
.headbox .user img{
    width: 100%;
    border-radius: 50%;
}
.headbox .search {
    float: left;
    width: 75%;
    margin: 4% 2% 0 4%;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    background-color: #E8E8E8;
}
.headbox .search input {
    font-size: 12px;
    height: 31px;
    vertical-align: middle;
    padding-left: 10px;
    border-radius: 100px;
    width: 97%;
    line-height: 22px;
    border: none;
    background: none;
    float: left;
    color: #000;
    text-indent: 5px;
}
.headbox .search button {
    vertical-align: middle;
    width: 27px;
    position: absolute;
    right: 9px;
    top: 3px;
}
.headbox .search button img{
    width: 100%;
}
.headbox .setup {
    margin-top: 18px;
    float: right;
}
.headbox .setup span {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/set.png);
    background-size: 100% 100%;
    vertical-align: middle;
}
.headnav {
    overflow: hidden;
    width: 100%;
}
.headnav li {
    float: left;
    width: 20%;
    height: 67px;
    padding: 11px 0 0;
    position: relative;
}
.headnav li a {
    display: block;
    width: 100%;
    padding-top: 48px;
    font-size: 13px;
    text-align: center;
    color: #000;
}
.headnav li .cz {
    background: url(../images/nav_01.png) center 0 no-repeat;
    background-size: 42px 42px;
}
.headnav li .sj {
    background: url(../images/nav_02.png) center 0 no-repeat;
    background-size: 42px 42px;
}
.headnav li .sx {
    background: url(../images/nav_05.png) center 0 no-repeat;
    background-size: 42px 42px;
}
.headnav li .xx {
    background: url(../images/nav_03.png) center 0 no-repeat;
    background-size: 42px 42px;
}
.headnav li .frd {
    background: url(../images/nav_04.png) center 0 no-repeat;
    background-size: 42px 42px;
}
.headtle{
    margin: 25px 0;
    font-size: 16px;
}
.headtle a{
    color: #999;
    margin-right: 18px;
}
.headtle a:nth-child(2){
    margin-right:0;
}
.headtle .on{
    color: #000; 
    font-weight: 600;
    font-size: 18px;
    /* padding-right: 18px; */
}
.headbanner{
    padding: 15px 6px;
    background: #E7F4FF;
    height: 33px;
    border-radius: 5px;
}
.lf{
    float: left;
}
.rg{
    float: right;
}
.headbanner img {
    vertical-align: middle;
    margin-right: 5px;
    width:51px;
    float: left;
}
.homeUserNum{
    position: relative;
    top:6px;
}
.headbanner .conmmen{
    height: 25px;
    line-height: 25px;
    width: 20%;
    border-radius: 100px;
    border: 1px solid #dcdcdc;
    margin-top: 4px;
    z-index: 3;
    position: relative;
    text-align: center;
}
.headbanner .conmmen i{
    float: right;
    width: 12px;
    height: 12px;
    margin: 9px 5px 0 0;
    background: url(../images/xld.png) no-repeat;
}
.xld-select{
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    background: #fff;
    padding:13px 0;
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
}
.xld-select li.default{ 
    background:#eeeef6;
}
/* 首页 */
.hm{
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
    margin-bottom: 67px;
}
.oyt ul li {
    float: left;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
    width: 47%;
    cursor: pointer;
    overflow: hidden;
    margin-right: 4%;
    border-radius: 5px;
    padding-bottom: 7px;
}
.oyt ul li:nth-child(2n) {
    margin-right:0px;
}
.pic {
    overflow: hidden;
    background-color: #ebebeb;
}
.pic img{
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.jbxx {
    font-size: 15px;
    /* height: 51px; */
    line-height: 21px;
    margin-top: 14px;
    text-align: center;
}
.name-width {
    width: 75px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2d57a1;
}

.jbxx1 {
    height: 38px;
    margin-top: 14px;
    text-align: center;
    display: none;
}
.bdra5 .jbxx1 span.liked {
    background-position: 0px -41px;
}
.jbxx1 span {
    width: 38px;
    height: 38px;
    background: url(../images/little1.png) 0 0 no-repeat;
    margin: 0 10px;
    position: relative;
}
.jbxx1 span img {
    position: absolute;
    left: 8px;
    top: 11px;
    display: none;
    width: 22px;
    height: 20px;
}
.jbxx1 span.eml {
    background-position: -43px -1px;
}
/* 分页 */
.page{
    padding: 20px 0;
}
.tcdPageCode, .tcdPageCode1, .tcdPageCode2, .tcdPageCode3 {
    text-align: center;
    color: #ccc;
}
.tcdPageCode span.disabled, .tcdPageCode1 span.disabled, .tcdPageCode2 span.disabled, .tcdPageCode3 span.disabled {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin: 0 2px;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    vertical-align: middle;
    background: url(../images/sy.png) center center no-repeat;
}
.tcdPageCode span.current, .tcdPageCode1 span.current, .tcdPageCode2 span.current, .tcdPageCode3 span.current {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin: 0 2px;
    color: #fff;
    background-color: #2d57a1;
    border: 1px solid #2d57a1;
    border-radius: 50%;
    vertical-align: middle;
}
.tcdPageCode a, .tcdPageCode1 a, .tcdPageCode2 a, .tcdPageCode3 a {
    display: inline-block;
    text-align: center;
    color: #333333;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
}
.tcdPageCode a.prevPage, .tcdPageCode1 a.prevPage, .tcdPageCode2 a.prevPage, .tcdPageCode3 a.prevPage{
    background: url(../images/syx.png) center center no-repeat;
}
.tcdPageCode a.nextPage, .tcdPageCode1 a.nextPage, .tcdPageCode2 a.nextPage, .tcdPageCode3 a.nextPage {
    background: url(../images/xyx.png) center center no-repeat;
}
/* 底 */
.foot{
    background: #e3e6ee;
    padding: 20px 12px 12px;
    line-height: 25px;
}
/* 左 */
.leftMenu{
    background: #fff;
    left: -1000px;
    top: 0;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto;
}
.leftMenu.menu-open {
    left: 0;
}
.menu-dark-backdrop {
    
    width: 100%;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    height: 100%;
    z-index: 90001;
    background: rgba(0,0,0,0.5);
}
.leftMenu .mytop{
    overflow: hidden;
    margin: 18% 6% 8%;
}
.leftMenu .mytop .getout{
    width: 20px;
    float: right;
    margin-top: 25px;
}
.leftMenu .mytop .getout img{
    width: 100%;
}
.mytop .us{
    width: 60px;
    text-align: center;
    color: #ff8a00;
}
.mytop .us img{
    border-radius: 50%;
}
.mytop .ux{
    display: inline-block;
    line-height: 31px;
    font-size: 15px;
    margin-left: 10px;
}
.mycenter{
    margin-left: 9%;
}
.mycenter button {
    border: 1px solid #e3e2e2;
    height: 29px;
    width: 39%;
    cursor: pointer;
    margin-right: 15px;
    border-radius: 100px;
    color: #666;
}
.mycenter button span{
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(../images/little.png) -1px -640px no-repeat;
    vertical-align: top;
    margin-right: 5px;
}
#totalMoney, #totalTranslate {
    display: inline-block;
    max-width: 45px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mycenter button:last-child {
    margin-right: 0;
}
.mycenter button span.fy {
    background-position: -1px -662px;
}
.mybottom{
    margin-left: 9%;
    margin-top: 20px;
}
.mybottom p{
    display: inline-block;
}
.mybottom a.on p{
    color: #ff8a00;
}
.mybottom .lf-lb {
    margin-bottom: 3px;
    padding: 6px 0;
    border-bottom: 1px solid #e8e8e8;
}
.mybottom .lf-lb span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/little.png) -30px -163px no-repeat;
    vertical-align: middle;
    margin-right: 0;
}
.mybottom .lf-lb a {
    color: #696969;
}
.mybottom .lf-lb a.on{
    color: #ff8a00;
}
.mybottom .lf-lb i{
    width: 20px;
    height: 20px;
    background: url(../images/little.png) 0px -9px no-repeat;
    display: inline-block;
    float: right;
    margin-top: 6px;
}
.mybottom .lf-lb .newsNum {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background-color: #D24040;
    position: relative;
    top: -10px;
    left: -6px;
    font-size: 12px;
}
.inlineblock {
    display: inline-block;
    vertical-align: middle;
}
/* .mybottom .lf-lb span.sx {
    background-position: -30px -164px;
} */
.mybottom .lf-lb span.gift {
    background-position: -30px -29px;
}
.mybottom .lf-lb span.lkm {
    background-position: -30px -202px;
}
.mybottom .lf-lb span.mlk {
    background-position: -30px -239px
}
.mybottom .lf-lb span.each-lk {
    background-position: -30px -276px;
}
.mybottom .lf-lb span.visitor {
    background-position: -30px -313px;
}
/* 偶遇详情 */
.other{
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.ouyu .mytop .us {
    width: 45px;
    height: 45px;
}
.other .mytop{
    display: inline-block;
}
.ouyu .mytop .us img{
    border-radius:50%;
    width: 100%;
}
.ouyu .mytop .ux{
    line-height: 25px;
}
.ouyu .mytop .ux .c-ff8a00{
    vertical-align: text-bottom;
}
.other .gxbq{
    padding: 16px 0 7px;
}
.other .bq span{
    padding: 3px 15px;
    border-radius: 100px;
    color: #fff;
    margin-right: 15px;
    background-image: linear-gradient(to right, #FAE20E , #FCBA0D);
    word-break: keep-all;
    margin-bottom: 10px;
    display: inline-block;
}
.grxx .personal_l{
    float: left;
    width: 50%;
}
.grxx .personal_l{
    float: left;
    width: 50%;
}
.grxx span{
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    display: inline-block;
    /* line-height: 30px; */
}
.grxx span span{
    color: #333;
}
.tpzs .dlList dl{
    float: left;
    width: 32%;
    max-height: 120px;
    text-align: center;
    margin-right: 2%;
    position: relative;
    margin-bottom: 10px
}
@media screen and (max-width: 320px){
    .tpzs .dlList dl{
        height:90px;
    }
}
@media screen and (min-width: 321px) and (max-width:375px){
    .tpzs .dlList dl{
        height:105px;
    }
}
@media screen and (min-width: 376px) and (max-width:414px){
    .tpzs .dlList dl{
        height:117px;
    }
}
.tpzs .dlList dl dt{
    width:100%;
    height:100%;
}
.tpzs .dlList dl:nth-child(3n){
    margin-right:0;
}
.tpzs .dlList img{
    width: 100%;
    height: 100%;
}
/* 喜欢 */
.ilike{
    width: 90%;
    margin: 0 auto;
}
.like-list{
    display: inline-block;
    width: 100%;
}
.like-list li{
    float: left;
    margin-right: 2%;
    font-size: 13px;
    color: #999;
    width: 23%;
    text-align: center;
    word-wrap: break-word;
    word-break: normal;
}

.like-list li.new{
    font-weight: 600;
    color: #000;
    border-bottom:2px solid #ff8a00;
    /* border-image:linear-gradient(to right,#ECFC09,#FF8A00) 1 10; */
}
.container{
    background: #E7F4FF;
    height:283px;
    border-radius: 5px;
    position: relative;
}
.cont .imgWrap{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.theWrap li{ 
    /* width: 35px;
    height: 35px; */
    width: 45px;
    height: 45px;
    /* padding: 10px 0px 0 10px; */
    padding: 10px 0px 0 15px;
    position: relative;
    /* bottom: -147px; */
    top: 200px;
    display: inline-block;
}
.theWrap li img{
    width: 100%;
}
/* 金币充值 */
.recharge-main .jb{
    background: #E7F4FF;
    overflow: hidden;
}
.recharge-main .jb .number{
    color: #FF8A00;
    font-size: 16px;
    font-weight: 600;
}
.recharge-gold-box{
    border: none !important;
}
.recharge-main .cach{
    background: #fff;
    padding: 4px 17px;
    display: block;
    border-radius: 100px;
}
.recharge-mid .recharge-gold-box li{
    width: 31%;
    float: left;
    border-radius: 0;
    margin-right: 3%;
    text-align: center;
    padding: 0;
    margin-bottom: 18px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
}
.recharge-mid .recharge-gold-box li:nth-child(3n){
    margin-right: 0;
}
.recharge-mid .gold li{
    margin-bottom:18px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    padding:10px;
}
.recharge-mid .month-pay {
    color: #666;
    width: 100%;
    display: inline-block;
    text-align: right;
}
.recharge-mid .month-pay span{
    color: #FF8A00;
    font-weight: bold;
}
.recharge-mid .us{
    background: #E8E8E8;
    margin-top:8px;
    padding: 4px 0;
    margin-bottom: 15px;
}
.recharge-mid .gold li.on{
    border-color: #FF8A00;
    box-shadow: 0 0 7px #FF8A00;
}
.recharge-mid .recharge-gold-box li.on .us{
    background: #1597FB;
    color: #fff;
}
.recharge-mid .recharge-gold-box li.on{
    border-color: #1597FB;
    box-shadow: 0 0 7px #1597FB;
}
.recharge-mid .recharge-diy .money{
    vertical-align: bottom;
}
.recharge-mid ul li.recharge-diy {
    width:100%;
    padding-bottom: 20px;
}
.recharge-sr{
    border: 1px solid #ccc;
    height:25px !important;
    width: 160px;
    border-radius: 15px;
    text-indent: 15px;
}
.recharge-mid .explain{
    width:100%;
    padding: 20px 0;
    background: #E7F4FF;
}
.recharge-mid .explain h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 15px;
}
.recharge-mid .explain .dui {
    color: #1597FB;
    margin-right: 7px;
}
.recharge-mid .explain p{
    line-height:20px;
    margin-left: 15px;
}
.recharge-mid .select h4{
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}
.zf a{
    margin-right:0 !important;
}

.zf a .img_1{

}
.zf li{
    width:42%;
    float: left;
    margin-top: 10px;
}

.zf li:nth-child(3){
    width: 16%;
}

.select .radio {
    margin: 22px 0px;
}
.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.select .radio img{
    width: 198px;
}
.select .radio:nth-child(4){
    margin-top: 0;
}
.radio input[type="radio"] + .radio-label:before {
    content: '';
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -2px;
    margin-right: 6px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
  }
.radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}
.recharge-btn{
    width: 85%;
    margin: 0 auto;
   
}
.recharge-btn button{
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    border-radius: 8px;
    background-image: linear-gradient(to right, #1597FB , #28F2B4);
}
/* 收支明细 */
.c-ff8a00{
    color: #FF8A00;
}
.szmx .zqfl{
    margin-right:0;
}
.zqfl span.on{
    color: #FF8A00 !important;
}
.szmx .table {
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-right: none;
    border-top: none;

}
.table-con table{
    width: 100%;
    border: none;
}
.table-con table thead{
    background: #E7F4FF;
}
.table-con table td,.table-con table th{
    padding: 10px 5px;
}
.table-con table th{
    word-break: break-all;
}
#chargeTable td:nth-child(1){
    word-break: break-all;
}
.table li.w1{
    width: 30%;
}
.table li.w2{
    width: 30%;
}
.table li.w3{
    width: 38%;
}
.table li.w4{
    width: 19%;
}
.table li.w5{
    width:22%;
}

.table .firstUl1 li {
    border-right: 1px solid #CED8EC;
    float: left;
    text-align: center;
    color: #5a5a5a;
    border-top: 1px solid #CED8EC;
    background: #ced8ec;

}
.table li {
    float: left;
    text-align: center;
    word-break: break-all;
    border-right: 1px solid #e5e5e5;
    color: #5a5a5a;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    height: 20px;
}
/* 特权说明 */
.comments{
    margin-top: 20px;   
}
.comments p {
    line-height: 25px;
    color: #333;
}
.comments span {
    font-weight: bold;
}
/* 推广中心 */
.tgzx .extension{
    padding: 8px 0 0;

}
.tgzx .extension h4{
    font-size: 14px;
    font-weight: bold;

}
.tgzx .extension .box{
    background: #E7F4FF;
    border-radius: 8px;
    padding: 13px 9px 13px 10px;
    margin: 10px 0px;
    
}
.tgzx .extension .box input{
    border: none;
    background: none;
    caret-color: transparent;
}
.tgzx .extension  button{
    background-image: linear-gradient(to right, #1597FB , #28F2B4);
    border-radius: 5px;
    padding: 4px 9px;
    margin-top: -4px;
    text-align: center;
    color: #fff;
    float: right;
}
.tgzx .extension.qrcode button{
    width: 100%;
    float: left;
    margin-top: 5px;
    padding: 10px 0;
}
.tgzx .extension.qrcode img{
    width:125px;
}
#itemTable td{
    word-break:break-all;
}
.myteam .table{
    border-left: 1px solid #e5e5e5;
}
/* 升级会员 */
.con-title{
    background: #fff8ef;
    overflow: hidden;
}
.vip-g-lf-sp1{
    /* padding: 12px 15px 0px;
    display: block; */
    font-size: 14px;
    font-weight: bold;
}
.upmem-paid{
    display: block;
    font-weight: bold;
    background: #fff;
    /* padding-left: 15px; */
    color: #666;
    float: left;
}
.recharge-mid li.no{
   
}
.con-vip .up-detail-words p{
    line-height:23px;
    margin-bottom: 10px;
}
.con-vip .up-detail-words p span {
    color: #999;
}
.con-vip .up-detial-handle {
    text-align: center;
    font-size: 14px;
    color: #999;
    position: relative;
}
.vip-gj-rh p{
    margin-bottom:10px !important;
}
.vip-gj-rh .up-detial-handle .i {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/little1.png) no-repeat -80px -870px;
    position: absolute;
    left: 50% !important;
    bottom: -34px;
    transform: translate(-50%,0%);
}
.vip-gj-rh .up-detial-handle.op .i {
    background-position: -80px -812px;
}

.vip-gj-rh .up-detial-handle .p2 {
    display: none;
}
.vip-gj-rh .up-detial-handle.op .p2 {
    display: block;
}
.vip-gj-rh .up-detial-handle.op .p1 {
    display: none;
}
.vip-gj-top {
    width: 100% !important;
    height: 50px;
    line-height: 50px;
    font-size: 20px !important;
    color: #1597FB !important;
    text-align: center;
    font-weight: bold;
}
.vip-vip-top i {
    background: url(../images/hgs.jpg) no-repeat;
    background-size: 100% 100%;
}
.vip-gj-top i {
    display: inline-block;
    width: 30px;
    height: 31px;
    background: url(../images/little1.png) -80px -987px no-repeat;
    position: relative;
    top: 6px;
    margin-right: 10px;
}
.vipbox{
    background-image: linear-gradient(to right, #FF8A00 , #F9D000);
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}
/* 新朋友 */
#cover {
	background-color:black;
	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
	opacity:0.5;
	display:none;
	z-index:108;
}
.newfriend,.newsbox{
    background: #fff;
    width:90%;
    position: absolute;
    z-index:109;
    border-radius: 10px;
    padding-bottom: 30px;
    top:102px;
    /* left: 50%;
    transform: translate(-50%,0%); */
    display:none;
}
.newfriend .close,.newsbox .close{
    position: absolute;
    right: 12px;
    top: 9px;
}
.newfriend .close img,.newsbox .close img{
    width: 18px;
}
.xl.notips { 
    height:88px;
}
.xl.notips .nr { 
    /* height: 100px; */
    margin-top: 32px;
} 
.xl.notips .nr li.notipli {
    border:none; 
    text-align:center; 
    position: relative;
}
.xlfrd .nr{
    height:390px; 
    padding: 0 10px; 
    overflow: hidden; 
    cursor:default;
    background:#fff; 
    border-radius:18px; 
    margin-top: 32px;
    overflow-y: scroll;
}

.head a:hover.frd .xlfrd,.head a:hover.tip .xltip{ 
    display:block; 
    background:#fff;
}
.nr h3{ 
    color:#222; 
    text-align:left; 
    padding:0 8px; 
    line-height:33px;
}

.nr .more{
    float: right;
    margin-top: -45px;
}
.nr ul li{ 
    border-bottom: 1px dashed #ccc;
    text-align: left;
    padding: 12px 8px 6px;
    color: #264378;
    overflow: hidden;
}
.nr1 ul li{
     padding:0;
}
.nr ul li span.tx{ 
    display:inline-block; 
    width:35px; 
    height:35px;
}
.nr ul li span.tx img{ 
    display:inline-block; 
    width:35px;  
    height:35px; 
    border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
    z-index:1;
    position: relative;
}
.nr ul li span.nm{
    margin-left: 41px;
    position: relative;
    top: -30px;
    display: block;
    text-align: left;
}
/* .nr ul li p{ 
    margin-top: -14px;
    text-align: center;
} */
.nr ul li .tim{
    margin-top: 10px;
    display: block;
    text-align: left;
}
.nr ul li p button{
    width: 46%;
    background: #E8E8E8;
    padding: 7px 0;
    border-radius: 5px;
    float: left;
    margin-right: 8%;
    margin-bottom: 8px;
}
.nr ul li p button:nth-child(2){
    margin-right:0;
    background-image: linear-gradient(to right, #1597FB , #28F2B4);
    color: #fff;
}
.newsbox .xltip{
    height: 253px;
    overflow-y: scroll;
    margin-top: 45px;
}

/* 商城 */
.shophome .wddd a{
    color: #264B8D;
}
.shophome .wddd{
    text-align: right;
    margin-bottom: 10px;
}
.shophome .linkItemWrap li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 14px;
}
/* .shophome .linkItemWrap li:last-child{
    margin-right:0;
} */
.shophome .linkItemWrap li.active{
    border-bottom:2px solid #FF8A00;
    color: #FF8A00;
    font-size: 14px;
}
.shophome .linkPanels li{
    float: left;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
    width: 47%;
    cursor: pointer;
    overflow: hidden;
    margin-right: 4%;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 8px;
}
.shophome .linkPanels li img{
    width: 100%;
    height: 100%;
}
.shophome .linkPanels li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    box-sizing: border-box;
}
.shophome .linkPanels .img-wrap{
    display: inline-block;
    height: 136px;
    text-align: center;
    margin-bottom:12px;
}
.shophome .linkPanels .number{
    position: relative;
    
}
.shophome .linkPanels li:nth-child(2n){
    margin-right:0;
}
/* 我的订单 */
.goodlist h4,.detail h4,.gotogive h4,.gift-title h4{
    font-size: 14px;
    font-weight: bold;
    margin: 13px 0;
    display: inline-block;
}
.goodlist .inblok{
    position: relative;
    margin-top: 8px;
}
.rtsearchBtn {
    display: block;
    width:26px;
    height:26px;
    background: url(../images/IMicon.png) -400px -45px no-repeat;
    position: absolute;
    right: 6px;
    top: -1px;
    z-index: 2;
    cursor: pointer;
}
.goodlist .inblok input{
    width: 160px;
    line-height: 24px;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    padding-right:26px;
    padding-left: 10px;
}
.goodlist .order-table{
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-bottom: 15px;
}
.product-head{
    background: #E7F4FF;
    padding: 7px 0 7px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.product-body .bt a img{
    width:90px;
    float: left;
}
/* .product-body  .number{
    position: relative;
    top: -1px;
} */
.product-body .con-2{
    margin-top:57px;
}
.product-body .con-2>div>div{
    display:contents;
}
.product-body .bf .time{
    color: #666;
    display: inline-block;
    margin-top: 7px;
}
.product-body .bf button{
    float: right;
    border: 1px solid #999;
    padding: 3px 12px;
    border-radius: 100px;
    color: #666
}
.noOrderWrap{
    display:none;
}
/* 商品详情 */
.detail .img-big{
    float: left;
    width: 80%;
}
.detail .img-small{
    float: right;
    width:16%;
}
.detail .img-small li{
    margin-bottom:8px;
}
.detail .imgBox img{
    width: 100%;
}
.conten p{
    font-size: 14px;
    padding: 0 10px;
}
.lineTr{
    text-decoration: line-through;
    color: #707070;
    margin-left: 10px;
}
.subpayment{
    width: 100%;
    background: #999;
    background-image: linear-gradient(to right, #1597FB , #28F2B4);
    padding: 10px 0;
    border-radius: 6px;
    margin-bottom: 20px;
    color: #fff;
}
.pro-detail-head{
    background-color: #E7F4FF;
    padding: 8px 15px;
}
.choose-amount input{
    width: 57px;
    border-radius: 100px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 4px 0;
}
/* 确认订单 */
.consignee-wrap{
    position: relative;
}
.consignee>p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.consignee-wrap .radio{
    float: none;
}
.selfridend i{
    float: right;
    margin: 6px 6px 0 3px;
    width: 10px;
    height: 10px;
    background: url(../images/IMicon.png) -308px -50px no-repeat 
}
.forWhoInput{
    width: 80%;
    margin-left: 9%;
    line-height: 28px;
    border-radius: 100px;
    border: 1px solid #dcdcdc;
    padding-left: 10px;
}
#showIMmini{
    display: none;
    width: 168px;
    height: 210px;
    border: 1px solid #DCDCDC;
    z-index: 20;
    background-color: #ffffff;
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 18px;
    overflow-y: scroll;
}
.en-us #showIMmini{
    left:493px;
}
#showIMmini .showTop{
    height: 20px;
    background-color: #dcdcdc; 
    border-radius: 0; 
    left: 0; 
    width: auto;
}
#showIMmini .hideBtn{
    background: url(../images/IMicon.png) -462px -45px no-repeat;
}
.searchDiv{
    position:relative;
}
.searchInput{
    border: 1px solid #DCDCDC;
    outline:none; 
    height: 33px;
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
    color: #999; 
    box-sizing: border-box;
}
.searchBtn{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/IMicon.png) -400px -45px no-repeat;
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer;
}
.searchCloseBtn{
    display: none;
    width: 30px;
    height: 30px;
    background: url(../images/IMicon.png) -271px -75px no-repeat;
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer;
}
.searchResultsGroup{
    display: none;
}
.searchResultsGroup .searchResultNothing,#CreateGroupSearchResults .searchResultNothing{
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center
}
.searchResultsGroup .searchResultNothingImg,#CreateGroupSearchResults .searchResultNothingImg{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/IMicon.png) -339px -81px no-repeat;
    vertical-align: middle;
}
.searchResultsGroup .searchResultNothingTXT{
    color: #999;
    margin-left: 2px;
    vertical-align: middle;
}
.en .forSelfInput {
    width: 615px;
}
.showTitle,.specialFocusTitle,.FoldTitle,.groupTitle{
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    cursor: pointer;
}
.foldingBtn{
    display: block;
    float: left;
    margin: 10px 8px 0 0 ; 
    width: 10px;
    height: 10px;
    background: url(../images/IMicon.png) -308px -50px no-repeat;
}
.showTitle p{
    float: left;
}
.recentlyNum,.specialFocusNum,.friendNum,.friendNumTotal,.groupNum,.separator{
    font-size: 12px;
    font-family:"Arial";
    margin-left: 5px;
}

.showContent{
    cursor: pointer;
    height: 50px;
    padding: 0 8px;
    position: relative;
}
.showContent:hover {
    background-color: #FFF3D9;
}
.showHead{
    width: 30px;
    height: 30px;
    padding-top: 10px;
    position: relative;
    float: left;
}
.showHeadLine{
    position: absolute;
    right: 0; 
    top: 30px;
}
.showContent .newsNum{
    right: 20px;
}
.modifyDiv{
    float: left;
    margin: 15px 0 0 10px;
    width: 124px;
    position: relative;
}
.showRemarkName{
    width: 80px;  
    height: 50px; 
    line-height: 50px; 
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.headImg{
    width: 30px;
    border-radius: 45px;
}
/* 个人资料 */
.up-top{
    background: #E7F4FF;
    overflow: hidden;
    border-radius: 8px;
}
.up-top .bianji{
    border: 1px solid;
    padding: 4px 18px;
    border-radius: 100px;
    color: #264B8D;
}
.set-content-title .yhtx {
    width: 60px;
    height: 60px;
    margin: 0px 0 5px;
}
.set-content-title .yhtx img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/* .set-show{
    margin: 0 20px;;
} */
/* .infoCont .set-show .set-content-title{
    width: auto;
} */
.infoCont .set-show ul li {
    margin: 8px 0;
    float: left;
    width: 50%;
}
.infoCont .set-show .set-content-con{
    width: auto;
}
.infoCont .set-show ul li:nth-last-child(2){
    width:100%;
}
.infoCont .set-show ul li:last-child{
    width:100%;
}
.infoCont .set-show .set-content-con i:last-child{
    margin-right:0;
}
.infoCont .set-show .set-content-con i{
    margin-right: 10px;
}
.set-hidden .set-content-title{
   width:24%;
   /* line-height: 16px; */
}
.set-hidden .inp-edit {
    width: 100%;
    padding: 4px 15px;
    box-sizing: border-box;
}
.set-hidden  .reg_form_sel{
    width: 28%;
    height: 26px;
    line-height: 26px;
    
}
.set-hidden  .reg_form_sel .xiala{
    width: 12px;
    background: url(../images/select_down.png) no-repeat;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 6px;
}
.set-hidden .set-content-con input[type='radio'].sex{
    opacity: 0;
    top: 2px;
    left: 2px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    z-index: 1000;
    position: absolute;
}
.set-content-con input[type='radio'].sex:checked + .sex{
    background: url(../images/little1.png) 1px -140px no-repeat;
}
.set-content-con label.sex {
    font-size: 15px;
    display: inline-block;
    background: url(../images/little1.png) 1px -89px no-repeat;
    height: 16px;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
    line-height: 16px;
}
/* .set-hidden .occupation{
    width: 74%;
    line-height: 26px;
    float: right;
} */
.set-hidden .occupation span{
    width: 100%;
}
.set-hidden .text-edit{
    width: 92%;
    padding: 8px;
}
.set-hidden .interest-edit{
    width:100%;
    box-sizing: border-box;
}
.interest-edit .interest-edit-selected span,.interest-edit .interest-edit-select span {
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0 8px;
    text-align: center;
    margin-right: 2%;
}
.set-hidden .preservation{
    text-align: center;
    margin-bottom: 13px;
    margin-top: 20px;
}

.set-hidden .preservation button{
    background-image: linear-gradient(to right, #1597FB , #28F2B4);
    color: #fff;
    padding: 5px 32px;
}
.set-hidden .preservation button:nth-child(2){
    background:#fff;
    border: 1px solid;
    color: #264B8D;
    padding: 4px 32px;
}
.set-hidden .set-email input{
    width: 58%;
    height: 30px;
    line-height:30px;
}
.set-hidden .set-email button{
    width: 33%;
    height: 32px
}
.set-content-con label.sex{
    padding-left: 21px;
    margin-left: 7px;
    font-size: 12px;
}
.set-content-con.checkbox .radio{
    margin: 0;
}
/* 礼物 */
.gift-con .table{
    border-left:1px solid #e5e5e5;
}
.fhdb{ 
    position: fixed;
    right: 0;
    bottom: 40px;
    width: 55px; 
    z-index: 998; 
    cursor:pointer;
}
.scroll_t{
    height:55px;
    font-size:24px;
    line-height: 75px;
    background:#fff;
    border: solid 1px #dcdcdc;
    border-right: none;
    color:#CCCCFF;}
.scroll_t:hover{ 
    background:#e5e5f1;
}

/*---------红包-------填写样式------------*/
.RedEnvelopeTC{background:url(../images/red520.jpg) no-repeat center !important;}
.RedEnvelopeTC .RedEnvelopeTCLeft{ float: left;width: 13%;}
.RedEnvelopeTC .RedEnvelopeTCRight{float: left;width:85%;margin-left:5px; }
.RedEnvelopeTC .tips{visibility:hidden; height: 25px; margin-left: 10px;color: #f47726;}
.RedEnvelopeTC .moneyTXT{color: #999; border: 1px solid #999; border-radius: 45px;width: 80%;height: 30px;line-height: 30px; padding: 0 15px;outline: none;float: left;}
.RedEnvelopeTC .Remind{float: left;position: relative;}
.RedEnvelopeTC .Remind:hover .RemindContent{display:block}
.RedEnvelopeTC .RemindIcon{    display: inline-block;width: 37px;height: 26px;background: url(../images/Remind.png) no-repeat;margin-left: 5px;cursor: pointer;}
.RedEnvelopeTC .RemindContent{display:none; border-radius: 15px;border: 1px solid #F8CC8B;color: #ef7008;font-size: 12px;padding: 15px 15px;width: 240px;background-color: #FFFBE7;position: absolute;left: 42px;top:-15px;}

.RedEnvelopeTC .triangle-left{    width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #FFFBE7;border-bottom: 5px solid transparent;position: absolute;left: -5px;top:22px;z-index: 2;}
.RedEnvelopeTC .triangle-bg{width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #ef7008;border-bottom: 5px solid transparent;position: absolute;top:22px;left: -6px;}
.RedEnvelopeTC .RemindContent span{    display: block;text-align: center;font-size: 14px;}
.RedEnvelopeTC  .moneyDiv{margin: 10px 0;}
.RedEnvelopeTC .money{margin-top: 2px;}
.RedEnvelopeTC .moneyNum{margin-left: 3px;}
.RedEnvelopeTC  .toRecharge{/* margin-left: 100px; */ color: #2d57a1;text-decoration:underline}
.RedEnvelopeTC .textMSGDiv{position: relative;display: inline-block;padding: 10px 15px;margin-top: 10px;border-radius: 15px;border: 1px solid #999;background:#fff;width: 80%;}
.RedEnvelopeTC .textMSG{width: 100%;height: 56px;border: none;color: #999; outline: none;}
.RedEnvelopeTC .wordsNumDiv{display: inline-block;position: absolute;right: 5px;bottom: 0px;font-size: 10px;color: #2d57a1;}
.RedEnvelopeTC  .wordsNum{color: #333;}


.RedEnvelopeTC .RemindIcon{vertical-align: middle;}
.RedEnvelopeTC .RedExplain{display: inline-block;}
.RedEnvelopeTC .RedExplain .RemindIcon{padding-top: 5px;width: 26px;}
.RedEnvelopeTC .RedExplain .RemindContent{line-height: 22px; left: 95px;top: 0px;z-index: 1; white-space: normal;text-indent: 2em;}

/*---------红包----打开样式------------*/
.RedEnvelopeOpen{width: 100%;height: 100%;position: fixed;top:0px;z-index: 9999}
.RedEnvelopeOpen .RedEnvelopeOpenBig{width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.5)}
.RedEnvelopeOpen .RedEnvelopeOpenContainer{    position: absolute;z-index: 0;width: 80%;left:10%;}
.RedEnvelopeOpen .RedEnvelopeOpenTop{    width:100%;height: 182px;text-align: center;background: url(../images/RedEnvelope-top.png) no-repeat;background-size: 100% 100%;}
.RedEnvelopeOpen .titleName{text-indent: 2em;font-size: 18px;color: #ac4700;padding-top: 25px;text-align: center;}
.RedEnvelopeOpen .RedEnvelopeOpenCloseBtn{    display: inline-block;float: right;margin-top: 10px;margin-right: 15px;width: 20px;height: 20px;cursor: pointer;background: url(../images/icon.png) -28px 0px no-repeat;}
.RedEnvelopeOpen .headImg{    width: 90px;height: 90px;margin-top: 15px;border-radius: 45px;}
.RedEnvelopeOpen .RedEnvelopeOpenMiddle{width: 100%;background: url(../images/RedEnvelope-middle.png) repeat-y;}
.RedEnvelopeOpen .MoneyDiv{text-align: center;}
.RedEnvelopeOpen .MoneyCount{    font-size:34px;color: #fffc00;font-family: "Arial";position: relative;top: -10px;}
.RedEnvelopeOpen .MoneyImg{display: inline-block;width: 30px;height: 30px;margin-left: 10px;background: url(../images/icon.png) -50px 0 no-repeat;position: relative;top: -7px;}
.RedEnvelopeOpen .RedEnvelopeContent{margin-bottom: 35px; text-align: left;width: 355px; font-size: 14px;color: #fff;margin-left: 35px;     word-break: break-all;word-wrap: break-word; line-height:20px;    /*overflow: auto;*/}
.RedEnvelopeOpen .getRedEnvelopeBtn{ text-align: center;   color: #bb2a19;font-size: 18px;margin: 0 auto;width: 170px;height: 40px;line-height: 40px;background: url(../images/icon.png) 0px -33px no-repeat;padding-bottom: 10px; cursor: pointer;}
.RedEnvelopeOpen .RedEnvelopeExplain{margin: 0 auto;font-size: 12px;text-align: center;color: #fff;}
.RedEnvelopeOpen .RedEnvelopeOpenBottom{width: 100%;height: 48px;background: url(../images/RedEnvelope-bottom.png) no-repeat;background-size: 100% 100%;}


.newsNum{display: inline-block;height: 18px;line-height: 18px;color: #fff;text-align: center;background-color: #D24040;position: absolute;top:6px;right:-5px;font-size: 12px;}
.newsNumSingle,.head .newsNumSingle{width: 18px;border-radius: 45px;}
.newsNumDouble,.head .newsNumDouble{padding: 0 4px; border-radius: 5px; }
.head .newsNumDouble {right:6px;  }
.gs{ position:absolute; height:18px; color:#fff; text-align:center; line-height:18px; font-size:12px; right:-4px; top:6px;background-color: #D24040;}


/* pay_top */
#TouchNav{width:100%;overflow:hidden;}
#TouchNav .swiper-slide{width: 103px;text-align: center;display: block;font-size: 12px;}
#TouchNav .swiper-slide span{transition:all .3s ease;display:block;}
/* #TouchNav .active span{transform:scale(1.1);color:#FF2D2D;} */

/* 举报 */

.jqss input[type='radio'].radio {
    opacity: 0;
    top: 2px;
    left: 2px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    z-index: 1000;
    position: absolute;
}
.jqss input[type='radio'].radio:checked + .radio {
    background: url(../images/little1.png) 1px -140px no-repeat;
}
.jqss label.radio {
    font-size: 14px;
    display: inline-block;
    background: url(../images/little1.png) 1px -89px no-repeat;
    height: 16px;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
    line-height: 16px;
}

.online{position: absolute;bottom: 10px;right: 15px;}
.zx{ height:10px; width:10px;background:#4cdb4c; display: inline-block;}
.lx{ height:10px; width:10px;background:#999;display: inline-block;}


/* 发视频 */
#video_tem{
    display:none;
    z-index: 9999;
    color: #fff;
}
#video_tems{
    /* display:none; */
    z-index: 1002;
    color: #fff;
}
#video_tem.user-defined-rtwin{
    width: 90%;
    position: fixed;
    height:65%;
    top: 50%;
    left: 50%;
    right:0;
    margin-top: 0;
    margin-right: 0;
    transform: translate(-50%, -50%);
}
.video_t{
    padding-top:20px;
}
.vide_img{
    width: 75px;
    border-radius: 8px;
    float: left;
}
.video_l{
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}
.video_b{
    position: absolute;
    bottom:12px;
    text-align: center;
    width: 100%;
}
.video_b li{
    width: 50%;
    float: left;
}
.video_h{
    padding: 0 15px;
}
.video_b li .qxbtn1{
    height: 32px;
    line-height: 32px;
    border-radius: 100px;
    background: #d81e06;
}
body .demo-video{
    background: #000;
    color: #fff;
}
body .demo-video .video_t{
    height: 320px;
}
body .demo-video .layui-layer-btn a{  
    height: 32px;
    line-height: 32px;
    margin: 0px 20px;
    padding: 0 30px;
}
body .demo-video .layui-layer-btn .layui-layer-btn0{border: none;background: #d81e06;}
body .demo-video .layui-layer-btn .layui-layer-btn1{border: none;background: #37b13c;color: #fff}