/*首页头部，开始｛*/
#header {
    height: 1.185rem;
    line-height: 1.185rem;
    background:#38c79a;

}

#header .logo {
    background: url("../sns_images/logo.png") left center no-repeat;
    width: 2.019rem;
    background-size: contain;
    margin-left: 0.241rem;
    float: left;
    text-indent: -9999px;
}

#header .selectBox {
    float: left;
    /*margin-left: 0.222rem;*/
    padding-left: 0.185rem;
    background: url("../sns_images/headerLine.png") left center no-repeat;
    background-size: 2px 0.389rem;
}
#spanAreaName{ display:inline-block;width: 1.63rem;
    text-align: center;}
#header .selectBox .curCity {
    font-size: 0.407rem;
    color: #ffffff;
}
#header .title{{  text-align: center;
  font-size: 0.444rem;
  color: #fff;}}
.selectDownIco {
    background: url("../sns_images/selectDownIco.png") center no-repeat;
    width: 0.333rem;
    height: 0.194rem;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.120rem;
}

#header .searchLink {
    background: url("../sns_images/searchBg.png") no-repeat;
    width: 4.537rem;
    height: 0.778rem;
    line-height: 0.778rem;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.130rem;
    font-size: 0.333rem;
    color: #ffd99e;
    float: left;
    margin-top: 0.204rem;
    text-indent: 0.778rem;
}

#header .likeIco {
    background: url("../sns_images/sign.png") no-repeat;
    width: 0.778rem;
    height: 0.778rem;
    display: inline-block;
    margin-left: 0.080rem;
    float: left;
    margin-top: 0.204rem;
    background-size: contain;
}

/*｝结束，首页头部*/
/*banner幻灯片，开始｛*/
#slideBanner {
    position: relative;
}

#slideBanner ul {
    overflow: hidden;
}

#slideBanner ul li {
    float: left;
}

#slideBanner ul li a {
    display: block;
    overflow: hidden;
}

#slideBanner ul li a img {
    width: 100%;
    float: left;
    height: 3.898rem;
}

#slideBanner ol {
    position: absolute;
    bottom: 0.167rem;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

#slideBanner ol li {
    display: inline-block;
    background: url("../sns_images/slideIco.png") no-repeat;
    width: 0.167rem;
    height: 0.167rem;
    background-size: contain;
    margin: 0 0.093rem;
}

#slideBanner ol li.active {
    background: url("../sns_images/slideActiveIco.png") no-repeat;
    background-size: contain;
}

/*｝结束，banner幻灯片*/
/*列表幻灯，开始｛*/
#slideList {
    padding-bottom:0.833rem;
    position: relative;}
#slideList .slideListIn{
    overflow: hidden;}
#slideList a{
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 0.370rem;}
#slideList figure{}
#slideList figure img{width: 1.185rem}
#slideList figure figcaption{
    color: #494949;
    font-size: 0.333rem;
}
#slideList ol{
    position: absolute;
    bottom: 0.333rem;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;}
#slideList ol li{
    display: inline-block;
    background:url("../sns_images/slideListIco.png") no-repeat;
    background-size: contain;
    width: 0.167rem;
    height:0.167rem;
    margin: 0 0.120rem;
}
#slideList ol li.active{background:url("../sns_images/slideListActiveIco.png") no-repeat;
    background-size: contain;}
/*｝结束，列表幻灯*/
/*最新消息，开始｛*/
#newsBox{
    height: 1.074rem;
    line-height: 1.074rem;
    border-top:1px solid #d8d8d8;
    /*border-bottom:1px solid #d8d8d8;*/
    overflow: hidden;
    display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
}
#newsBox h3{
    width:2.648rem;
    background: url("../sns_images/newsTitle.png") center no-repeat;
    background-size: 1.815rem 0.426rem;
    text-indent: -9999px;
    border-right:1px solid #d8d8d8;
    float: left;
}
#newsBox #scrollTop{
    position: relative;
    float: left;
    width: 7.315rem;
}
#newsBox #scrollTopIn{
    position: absolute;
    top: 0;
    left: 0;
    right:0
}
#newsBox #scrollTopIn a{
    display: block;
    color: #333333;
    font-size: 0.315rem;
    text-indent: 0.352rem;
}
/*｝结束，最新消息*/
/*顶部三列盒子，开始｛*/
.box{
    overflow: hidden;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
}
.box .left{
    float: left;
    width: 3.833rem;
}
.box .left .top{border-bottom:1px solid #d8d8d8;}
.box .left .top h4{
    background: url("../sns_images/panicBuy.png") center no-repeat;
    background-size:3.213rem 0.435rem;
    height: 0.926rem;
    text-indent: -9999px;
}
.box .left .top #timer{
    background:url("../sns_images/panicBuyTimer.png") center no-repeat;
    height: 0.769rem;
    line-height:0.769rem;
    background-size:3.315rem 0.769rem;
    position: relative;
}
.box .left .top #timer span{
    color: #ffffff;
    position: absolute;
    top: 0;
    font-size: 0.370rem;
    width: 0.537rem;
    text-align: center;}
.box .left .top #timer .day{
    color: #fef100;
    left: 0.917rem;
    width: 0.657rem;}
.box .left .top #timer .hour{
    left: 1.667rem;}
.box .left .top #timer .minute{
    left: 2.296rem;}
.box .left .top #timer .second{
    left: 2.926rem;}
.box .left .top p{
    height: 0.574rem;
    line-height: 0.574rem;
    color: #ff8f22;
    font-size: 0.241rem;
    text-align: center;
}
.box .left .bottom{}
.box .left .bottom a{
    display: block;
    height: 2.074rem;
    background: url("../sns_images/rookie.png") center no-repeat;
    background-size:3.472rem 1.583rem;
    text-indent: -9999rem;
}
.box .middle{
    float: left;
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
}
.box .middle a{
    background: url("../sns_images/gift.jpg") center no-repeat;
    background-size:2.000rem 4.019rem;
    display: block;
    width: 2.315rem;
    height: 4.352rem;
    text-indent: -9999px;
}
.box .right{
    float: left;
    width: 3.803rem;}
.box .right header{
    position: relative;
    margin-top: 0.250rem;
    height: 0.556rem;
    line-height: 0.556rem;
    margin-bottom: 0.208rem;
}
.box .right header h3{
    color: #00a3e7;
    font-size: 0.407rem;
    text-indent: 0.370rem;
}
.box .right header .more{
    position: absolute;
    top: 0;
    right: 0.231rem;
    color: #ff9000;
    font-size: 0.241rem;
}
.box .right header .moreIco{
    background: url("../sns_images/newsMoreIco.png") no-repeat;
    width: 0.194rem;
    height: 0.333rem;
    background-size: 0.194rem 0.333rem;
    display: inline-block;
    vertical-align:text-bottom;
    margin-left: 0.111rem;
}
.box .right ul{
    margin: 0 0.343rem;
}
.box .right ul li{
    width: 3.241rem;
    line-height: 0.620rem;
    height: 0.620rem;
}
.box .right ul li a{
    font-size:0.296rem;
    color: #727171;
    text-overflow :ellipsis;
    overflow: hidden;
    display: block;
    white-space:nowrap;
}
/*｝结束，顶部三列盒子*/
/*直播，开始｛*/
.live{
    height: 0.861rem;
    line-height: 0.861rem;
    border-bottom:1px solid #d8d8d8;
}
.live a{
    display: block;
    overflow: hidden;}
.live h3{
    background: url("../sns_images/liveTitle.png") center no-repeat;
    width: 3.009rem;
    background-size:3.009rem 0.426rem;
    text-indent: -9999px;
    margin-left: 0.324rem;
    float: left;
}
.live p{
    float: right;
    color: #ff8b00;
    font-size: 0.296rem;
    margin-right:0.296rem;
}
.live p .moreIco{
    background:url("../sns_images/liveMoreIco.png") center no-repeat;
    width: 0.148rem;
    height: 0.259rem;
    background-size:0.148rem 0.259rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.139rem;

}
/*｝结束，直播*/
/*公共标题，开始｛*/
.titleBox{
    height: 0.806rem;
    line-height: 0.806rem;
    border-bottom:1px solid #d8d8d8;
}
.titleBox h3{
    font-size:0.407rem;
    color: #494949;
    text-indent: 0.324rem;
    float: left;
}
.titleBox p{
    color: #727171;
    font-size: 0.296rem;
    margin-left:0.491rem;
    float: left;
}
.titleBox .more{
    float: right;
    margin-right:0.287rem;
    color: #494949;
    font-size: 0.241rem;
}
.titleBox .more .moreIco{
    background: url("../sns_images/moreIco.png") no-repeat;
    width: 0.157rem;
    height: 0.259rem;
    background-size:0.157rem 0.259rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.074rem;
}
/*｝结束，公共标题*/
/*左侧图片右侧列表，开始｛*/
.imgList{border-bottom:1px solid #d8d8d8;}
.imgListIn{
    overflow: hidden;
    height: 3.611rem;
}
.imgListIn .imgBox{
    float: left;border-right:1px solid #d8d8d8;}
.imgListIn .imgBox img{ width:3.556rem;
    margin:0.167rem 0.139rem;
}
.imgListIn ul{
    margin-left: 0.361rem;
    float: left;
    margin-top: 0.259rem;
}
.imgListIn ul li{
    height: 0.620rem;
    line-height: 0.620rem;
}
.imgListIn ul li a{
    color: #727171;
    font-size: 0.296rem;
    text-overflow :ellipsis;
    overflow: hidden;
    width: 5.602rem;
    display: block;
    white-space:nowrap;
}
/*｝结束，左侧图片右侧列表*/
/*视频列表，开始｛*/
.videoList{}
.videoList ul{
    overflow: hidden;}
.videoList ul li{
    float: left;
    margin-left: -1px;
    position: relative;border-left: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;
    width: 50%;
}
.videoList ul li a{
    display: block;padding: 0.240rem}
.videoList ul li img{
    width: 4.519rem;
    /*width: 100%;*/
    height:3.389rem
}
/*
.videoList ul li .playBtn{
    background:url("../sns_images/playBtn.png") no-repeat;
    width: 1.111rem;
    height: 1.111rem;
    background-size: 1.111rem 1.111rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-0.5555rem;
    margin-top:-0.5555rem;
}*/
.videoList ul li .tag{
    /*width: 1.390rem;*/
    padding: 0 0.185rem;
    height: 0.443rem;
    line-height: 0.463rem;
    background: #2aa7e1;
    color: #ffffff;
    font-size:0.254rem;
    display: block;
    text-align: center;
    position: absolute;
    top: 0.240rem;
    left:0.240rem;
}
/*｝结束，视频列表*/
/*导航，开始｛*/
#nav{
     height:1.407rem}
#nav ul{display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row; position:fixed;bottom:0;left:0;right:0;border-top: 1px solid #dadada; margin-top:-1px; background:#fff;}
#nav ul li{
    width: 25%;
    text-align: center;}
#nav ul li a{
    color: #aaabab;
    font-size: 0.259rem;
    padding-top: 0.926rem;
    display: block;
    padding-bottom: 0.139rem;
}
#nav ul li a.navIco1{
    background: url("../sns_images/nav1.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li a.navIco2{
    background: url("../sns_images/nav2.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li a.navIco3{
    background: url("../sns_images/nav3.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li a.navIco4{
    background: url("../sns_images/nav4.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li a.navIco5{
    background: url("../sns_images/nav5.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}

#nav ul li.active a.navIco1{
    background: url("../sns_images/nav1Active.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li.active a.navIco2{
    background: url("../sns_images/nav2Active.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li.active a.navIco3{
    background: url("../sns_images/nav3Active.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li.active a.navIco4{
    background: url("../sns_images/nav4Active.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
#nav ul li.active a.navIco5{
    background: url("../sns_images/nav5Active.png") center 0.167rem no-repeat;
    background-size:0.667rem;
}
/*｝结束，导航*/
#header .title{
    font-size: 0.444rem;
    text-align: center;
    color: #ffffff;
}
#header .backBtn{
    background: url("../sns_images/backBtn.png") center no-repeat;
    background-size: 0.259rem 0.426rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    left: 0;
    top: 0;
}

#header .mysns{
  
    background-size: 0.259rem 0.426rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    right: 0;
    top: 0;
}
#slideList .liveListImg figure img{
    width: 1.389rem;}
#slideList .liveListImg a{
    width: 33%;}
#newsBox .traile{background: url("../sns_images/liveTrailer.png") center no-repeat;
    background-size: 1.815rem 0.426rem;}
#newsBox #scrollTopIn a time{color:#38c79a;}
.liveBox{}
.liveBox .liveTitleBox{
    background: #efefef;
    height: 0.815rem;
    line-height: 0.815rem;
    position: relative;
}
.liveBox .liveTitleBox h3{
    color: #494949;
    font-size: 0.370rem;
    text-indent: 0.324rem;
}
.liveBox .liveTitleBox a{
    color: #494949;
    font-size: 0.296rem;
    right: 0.324rem;
    top: 0;
    position: absolute;
}
.liveList{}
.liveList header{position: relative;
    min-height: 1.056rem;
    background:#38c79a;
    overflow: hidden;
}
.liveList header h3{width: 5.602rem;color: #ffffff;
    font-size: 0.370rem;
    line-height:1.056rem;
    /*padding: 0.093rem 0 0.093rem 0.278rem;*/
    padding-left:0.278rem;
}
/*正在直播*/
.liveList header .liveState{
    width: 3.611rem;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 0.278rem;
    color: #ffffff;
    line-height: 1.056rem;
}
.liveList header .liveState .byLiveIco{
    background: url("../sns_images/byLiveIco.png") no-repeat;
    width: 0.676rem;
    height: 0.676rem;
    background-size:0.676rem 0.676rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.148rem;
}
/*倒计时直播*/
.liveList header .liveTimerBox{width: 3.611rem;position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ff8b00;
    text-align: center;
    font-size: 0.278rem;
    color: #ffffff;
}
.liveList header .liveTimerBox p{
    height: 0.528rem;
    line-height: 0.528rem;
}
.liveList header .liveTimerBox .liveTimer{}
.liveList header .liveTimerBox .liveTimer span{
    display: inline-block;
    width: 0.407rem;
    height: 0.407rem;
    line-height: 0.427rem;
    border-radius: 0.046rem;
    background: #ffffff;
    color: #73604a;
    margin: 0 0.046rem;
}
.liveList header .liveEnd{width: 3.611rem;position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ababab;
    color: #ffffff;
    line-height:1.056rem;
    text-align: center;
    font-size:0.278rem;
}
.liveContent{
    overflow: hidden; padding:0.463rem 0.324rem 0.981rem 0.324rem;
}
.liveContent .liveImg{
    /*width: 3.333rem;
    height: 2.713rem;*/
    height: 2.343rem;
    width: 3.119rem;
    float: left;
    margin-right: 0.398rem;}
.liveContent .liveInfo{
    float: left;
    width: 5.463rem;
}
.liveContent .liveInfo .moneyBox{}
.liveContent .liveInfo .moneyBox strong,.cashMoney{
    color: #ff1f00;
    vertical-align: middle;
    font-size: 0.463rem;}
.liveContent .liveInfo .moneyBox span{}
.liveContent .liveInfo .moneyBox em{}
.moneyIco{
    background:url("../sns_images/moneyIco.png") no-repeat;
    width: 0.454rem;
    height: 0.454rem;
    background-size: 0.454rem 0.454rem;
    display: inline-block;
    margin-right: 0.093rem;
}
.oldMoney{
    color: #999999;
    font-size: 0.296rem;
    text-decoration: line-through;
    vertical-align: middle;
    margin-left: 0.093rem;
    margin-right: 0.231rem;
}
.discount{
    color: #ff8b00;
    font-size: 0.296rem;
    vertical-align: middle;
}
.liveContent .liveInfo .infoBox{
    color: #999999;
    font-size: 0.278rem;
    height:0.463rem;
    line-height:0.463rem;
}
.btn{
    font-size: 0.352rem;
    display: block;
    width: 3.889rem;
    height: 0.741rem;
    line-height: 0.741rem;
    border-radius: 0.074rem;
    text-align: center;
    background: none;

}
.redBtn{border: 0.028rem solid #ff2114;color: #ff2114;}
.grayBtn{border: 0.028rem solid #dbdbdb;color: #ababab;}
.liveInfo .btn{
    margin: 0.37rem auto 0;}

#pageHeader{height: 1.185rem;
    line-height: 1.185rem;
    background: #FFFFFF;
    border-bottom: 1px solid #dbdbdb;
}
#pageHeader .backBtn{background: url("../sns_images/pageBackBtn.png") center no-repeat;
    background-size: 0.259rem 0.426rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    left: 0;
    top: 0;}
#pageHeader .title{
    font-size: 0.444rem;
    text-align: center;
    color: #494949;
}
#tabTitle{display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    background: #ffffff;}
#tabTitle li{
    color: #ff8a00;
    font-size: 0.407rem;
    height: 1.093rem;
    line-height: 1.093rem;
    text-align: center;
    background: url("../sns_images/tabSplit.png") left center no-repeat;
    background-size: 1px 0.444rem;
    margin-left: -1px;
    width: 100%;
}
#tabTitle li.active{
    color: #ff1f00;}
#videoBox{
    position: relative;
    width: 100%;
    height: 7.500rem;
}
#videoBox .backBtn{
    position: absolute;
    background:url("../sns_images/videoBackBtn.png") no-repeat;
    width: 0.796rem;
    height: 0.796rem;
    background-size: 0.796rem 0.796rem;
    top: 0.185rem;
    left: 0.231rem;
    z-index: 20;
}
#videoBox .playBtn{
    background:url("../sns_images/playBtn.png") no-repeat;
    width: 1.907rem;
    height: 1.907rem;
    background-size: 1.907rem 1.907rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-0.954rem;
    margin-top:-0.954rem;
    z-index: 20;
}
#videoBox .videoThum{
    width: 100%;
    height: 7.500rem;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}
video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.500rem;
}
#videoBox .videoTip{
    position: absolute;
    height: 0.741rem;
    line-height: 0.741rem;
    background:rgba(0,0,0,0.7);
    border-radius: 0.333rem;
    width: 8.400rem;
    text-align: center;
    font-size: 0.370rem;
    color: #ffffff;
    bottom: 1.448rem;
    left: 50%;
    margin-left: -4.2rem;
    z-index: 20;
}
#videoBox .videoTip a{
    color: #ffffff;text-decoration: underline}
#videoBox #videoMask{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background:rgba(0,0,0,0.5);
    z-index: 10;
}
.videoState{
    height: 1.204rem;
    line-height: 1.204rem;
    background: #d8d8d8;
    position: relative;
}
.videoState p{
    color: #494949;
    font-size: 0.370rem;
    padding-left: 0.528rem;
}
.videoState input{
    width: 0.537rem; height: 0.500rem;
    position: absolute;
    top: 0.302rem;
    right: 0.528rem;border:none;
}
.videoState .collBtn{
    background: url("../sns_images/collBtn.png") no-repeat;
    background-size:0.537rem 0.500rem;
}
.videoState .collActiveBtn{
    background: url("../sns_images/collActiveBtn.png") no-repeat;
    background-size:0.537rem 0.500rem;
}
.videoTitle{
    height: 1.185rem;
    line-height: 1.185rem;
    border-bottom: 1px solid #dcdcdc;
    text-indent:0.491rem;
    color: #000000;
    font-size:0.407rem;
    background: #ffffff;
}
.videoDetails{color: #494949;
    padding-left: 0.500rem;
    padding-top: 0.231rem;
    padding-bottom: 0.556rem;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    background: #ffffff;
}
.videoDetails dt{clear: both;
    float: left;}
.videoDetails dd{
    float: left;}
.videoDetails dt,.videoDetails dd{
    line-height: 0.556rem;
    font-size:0.296rem;
}
.videoDetails .line{clear: none;
    float: left;}
.videoDetails dt.line{
    margin-left:0.241rem;}
#detailBox{
    padding-bottom: 1.556rem;
}
#detailBox p
{
    font-family:"仿宋";
    text-align: justify;padding: 0 0.481rem;
    /*font-size: 0.333rem;*/
    font-size: 0.333rem;
    line-height: 0.593rem;
    padding-top: 0.556rem;
    text-indent:2em;
    }
.grayBg{background: #efefef;
    height: 100%;}
#replyBox{
    padding-bottom: 2.130rem;}
#replyBox #replyScroll{}
#replyBox .replayList{}
#replyBox .replayList header{
    height: 0.806rem;
    line-height: 0.806rem;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
}
#replyBox .replayList .userInfo{
    float: left;
}
#replyBox .replayList .userInfo img{
    width: 0.519rem;
    height: 0.519rem;
    border-radius: 0.259rem;
    vertical-align: middle;
    margin-left: 0.398rem;
    margin-right: 0.148rem;
}
#replyBox .replayList .userInfo strong{
    font-size: 0.333rem;
    vertical-align: middle;
    color: #494949;
}
#replyBox .replayList time{
    float: right;
    color: #838383;
    font-size: 0.278rem;
    padding-right: 0.528rem;
}
#replyBox .replayList p{
    font-size: 0.333rem;
    color: #000000;
    line-height: 0.593rem;
    padding-top: 0.278rem;
    padding-bottom: 0.648rem;
    padding-left:0.463rem;
    padding-right:0.463rem;
    border-bottom: 1px solid #d1d1d1;
}
#replyBox textarea{
    width: 9.028rem;
    height: 1.741rem;
    padding: 0.139rem;
    margin: 0.417rem auto;
    display: block;
    border: 1px solid #d2d2d2;
    background: #ffffff;
    resize: none;
    font-size: 0.333rem;
}
#replyBox .replyBtns{
    text-align: right;
    margin-right: 0.33rem;}
#replyBox .replySubmit{
    width: 1.759rem;
    height: 0.685rem;
    line-height: 0.685rem;
    text-align: center;
    border: 1px solid #dadada;
    background: #e1e1e1;
    color: #000000;
    font-size: 0.333rem;
}
.buyBtn{
    background:#38c79a;
    width: 100%;
    height: 1.074rem;
    line-height: 1.074rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.407rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;border:none;
}
.salebuyBtn{
    background:#38c79a;
    width: 30%;
    height: 1.074rem;

    text-align: center;
    color: #ffffff;
    font-size: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.pinbuyBtn{
    background:#38c79a;
    width: 30%;
    height: 1.074rem;

    text-align: center;
    color: #ffffff;

    position: fixed;
    bottom: 0;
    left:35%;
    font-size: 30px;

}

.createbuyBtn{
    background:#38c79a;
    width: 30%;
    height: 1.074rem;
    font-size: 30px;
    text-align: center;
    color: #ffffff;

    position: fixed;
    bottom: 0;

    right: 0;
}
/*注册登录，开始｛*/
.login2register{
    background: #efefef;
}
/*登录、注册头，开始｛*/
#loginHeader{height: 1.185rem;
    line-height: 1.185rem;
    background: #38c79a;
    border-bottom: 1px solid #dbdbdb;
}



#loginHeader .mysns{
  
    background-size: 0.259rem 0.426rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    right: 0;
    top: 0;
}
#loginHeader .backBtn{background: url("../sns_images/backBtn.png") center no-repeat;
    background-size: 0.259rem 0.426rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    left: 0;
    top: 0;}
#loginHeader .title{
    font-size: 0.444rem;
    text-align: center;
    color: #FFFFFF
}
/*｝结束，登录、注册头*/
.login2registerBox{ margin: 0.278rem 0;border-bottom:1px solid #d8d8d8;
    background: #ffffff;
}
.login2registerBox p{
    border-top:1px solid #d8d8d8;
    position: relative;
}
.login2registerBox p input{ padding-left:1.389rem; width: 100%;height: 1.148rem;line-height: 1.148rem;
    border: none;
    background: transparent;
    font-size: 0.407rem;
    box-sizing: border-box;
    color: #494949;
}
.login2registerBox p.phoneIco{background: url("../sns_images/loginPhoneIco.png") 0.463rem center no-repeat; background-size: 0.667rem;}
.login2registerBox p.passwordIco{background: url("../sns_images/loginPasswordIco.png") 0.463rem center no-repeat; background-size: 0.667rem;}
.login2registerBox p.cardIco{background: url("../sns_images/cardIco.png") 0.463rem center no-repeat; background-size: 0.667rem;}
.login2registerBox p.eMailIco{background: url("../sns_images/loginEmailIco.png") 0.463rem center no-repeat; background-size: 0.667rem;}
.login2registerBox p .getCodeBtn{
    background: #ff8b00;
    /*background: #d8d8d8;*/
    text-align: center;
    /*width: 2.731rem;*/
    padding: 0 0.352rem;
    height: 0.685rem;
    line-height: 0.685rem;
    font-size: 0.389rem;
    color: #ffffff;
    border-radius:0.315rem;
    position: absolute;
    right: 0.343rem;
    top: 0.231rem;
}
.login2registerBtn{
    width: 9.519rem;
    height: 1.074rem;
    line-height: 1.074rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.407rem;
    background:#38c79a;
    display: block;
    margin:0 auto;
    border:none;
}
.login2registerOther{
    overflow: hidden;
    width: 9.167rem;
    margin: 0.370rem auto;
    font-size: 0.407rem;
}
.login2registerOther .forgetLink{
    float: left;
    color: #afb0b0;
}
.login2registerOther .registerLink{
    float: right;
    color: #ff8b00;
}
.login2registerOther .registerIco{
    background:url("../sns_images/registerIco.png") no-repeat;
    width: 0.222rem;
    height: 0.407rem;
    background-size:0.222rem 0.407rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2rem;
}
.tips{
    height:1.093rem;
    line-height:1.093rem;
    background: #ffffff;
    border-bottom: 1px solid #dadada;
    color:#38c79a;
    font-size: 0.407rem;
    text-align: center;
    display:block;
}
.desc,.desc2{
    color: #afb0b0;
    font-size:0.370rem;
    line-height: 0.694rem;
    text-align: center;
}
.desc2{
    margin-top: 0.833rem;}
.redColor{
    color:#38c79a;
}
.noMarB{margin-bottom: 0 !important;}
.alone{
    height:1.389rem;
    line-height:1.389rem;
}
/*注册登录，开始｛*/
/*任务，开始｛*/
#levelUserBox{
    background: url("../sns_images/levelUserBox.png") no-repeat;
    height: 3.759rem;
    position: relative;
    background-size:contain;
}
#levelUserBox .levelInfo{
    position: absolute;
    top:0.537rem;
    left: 0.685rem;
}
#levelUserBox .levelUser{
    float: left;
    position: relative;
}
#levelUserBox .levelUser .userPhoto{border:0.046rem solid #FFFFFF; border-radius: 50%; width: 1.741rem;height: 1.741rem;}
#levelUserBox .levelUser .level{
    position: absolute;
    left: 1.333rem;
    top: 1.287rem;
    width: 0.537rem;
    height: 0.537rem;
    line-height: 0.537rem;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 0.204rem;
    background: #ffb400;
}
#levelUserBox .userDesc{
    float: left;
    color: #ffffff;
    margin-top: 0.324rem;
    margin-left: 0.500rem;
}
#levelUserBox .userDesc .linkIco{
    background: url("../sns_images/userLinkIco.png") no-repeat;
    width:0.250rem;
    height:0.407rem;
    background-size: 0.250rem 0.407rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.231rem;
}
#levelUserBox .userDesc strong{
    font-size: 0.426rem;
    height: 0.685rem;
    line-height: 0.685rem;
    font-weight: bold;
    color: #ffffff;
}
#levelUserBox .userDesc p{
    font-size: 0.296rem;
}

.levelNum{
    display: block;
    width: 100%;
    height: 100%;
    /*width: 0.352rem;
    height: 0.269rem;*/
}
.levelIco{display: block;
    width: 0.352rem;
    height: 0.269rem;
}
.level1{
    background: url("../sns_images/level1.png") center no-repeat;
    background-size:0.324rem 0.269rem;
}
.level2{
    background: url("../sns_images/level2.png") center no-repeat;
    background-size:0.352rem 0.269rem;
}
.level3{
    background: url("../sns_images/level3.png") center no-repeat;
    background-size:0.352rem 0.269rem;
}
.level4{
    background: url("../sns_images/level4.png") center no-repeat;
    background-size:0.352rem 0.269rem;
}
.level5{
    background: url("../sns_images/level5.png") center no-repeat;
    background-size:0.352rem 0.269rem;
}
.levelProgressBox{
    top: 2.963rem;
    left: 0.685rem;
    right: 0.685rem;
    position: absolute;
}
.levelProgressBox .levelIco:first-child{
    position: absolute;
    left: 0;
    top: 0;
}
.levelProgressBox .levelIco:last-child{
    position: absolute;
    right: 0;
    top: 0;
}
.levelProgress{
    left: 0.593rem;
    right: 0.593rem;
    position: absolute;
    background: #cf0b00;
    height:0.120rem;
    border-radius: 0.120rem;
    top: 0.065rem;
}
.curProgress{
    position: absolute;
    left: 0;
    top: 0;
    height:0.120rem;
    border-radius: 0.120rem;
    background: #ffba00;
    text-indent: -9999px;
    width: 50%;
}
.taskBox{}
.taskBox .ruleLink{
    height: 1.111rem;
    line-height: 1.111rem;
    background: #ffffff;
    border-bottom: 1px solid #dadada;
    text-align: center;
    font-size: 0.407rem;
    color:#38c79a;
    display: block;
}
.taskBox section{
    margin-top: 0.157rem;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    background: #ffffff;
}
.taskBox section h3{
    height: 1.148rem;
    line-height: 1.148rem;
    color: #7d7d7d;
    font-size: 0.407rem;
    padding-left: 0.463rem;
}
.taskBox section ul{}
.taskBox section ul li{

    border-top: 1px solid #dadada;
    height: 1.148rem;
    line-height: 1.148rem;
    font-size: 0.407rem;
}
.taskBox section ul li a{
    display: block;
    padding-left: 0.463rem;
    position: relative;
}
.taskBox section ul li span{
    display: inline-block;}
.taskBox section ul li .taskName{
    color: #494949;
    width: 4.241rem;
}
.taskBox section ul li .taskScore{
    width: 3.148rem;
    color: #000000;
}
.taskBox section ul li .taskResult{
    color: #9e8666;
}
.rightIco{
    background: url("../sns_images/linkIco.png") no-repeat;
    background: url("../sns_images/linkIco.png") no-repeat;
    width:0.250rem;
    height:0.407rem;
    background-size:0.250rem 0.407rem;
    position: absolute;
    right: 0.370rem;
    top: 50%;
    margin-top: -0.204rem;
}
.cardBanner{
    background: url("../sns_images/cardBanner.png") no-repeat;
    height: 3.148rem;
    background-size: contain;
}
.levelUserBoxStyle2 {

    background: url("../sns_images/loginSuccessTop.png") no-repeat !important;
    background-size: contain !important;
    height: 3.880rem !important;
}

#levelUserBox .userDesc p .split {
    margin: 0 0.222rem
}

.noticeBox {

    position: absolute;
    top: 0.907rem;
    right: 0.620rem;
}

.levelUserBoxStyle2 .levelInfo {
    top: 0.837rem !important;
    transform: scale(1.1);
}

.noticeBox .noticeIco {
    display: block;
    background: url("../sns_images/noticeIco.png") no-repeat;
    width: 0.537rem;
    height: 0.537rem;
    background-size: 0.537rem 0.537rem;
}

.noticeBox .noticeNum {
    position: absolute;
    top: -0.213rem;
    right: -0.213rem;
    width: 0.407rem;
    height: 0.407rem;
    line-height: 0.407rem;
    border-radius: 50%;
    background: #ffffff;
    color:#38c79a;
    font-size: 0.259rem;
    text-align: center;
}
.mainNav{
    display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    background: #ffffff;
    border-bottom: 1px solid #d8d8d8;
}
.mainNav a{
    padding-top: 0.231rem;
    padding-bottom: 0.259rem;
    display: block;
    width: 100%;
    background: url("../sns_images/navSplit.png") left 0.417rem no-repeat;
    background-size: 1px 0.593rem;
}
.mainNav figure{text-align: center;}
.mainNav figure img{
    padding-bottom: 0.0194rem;
    width: 0.926rem;
}
.mainNav figure figcaption{
    color: #494949;
    font-size: 0.370rem;
}

.subNav{
    background: #ffffff;
    margin-top: 0.278rem;
    border-top: 1px solid #d8d8d8;

}
.subNav .oval{
    width: 1.204rem;border-radius: 0.250rem;}
.subNav .circle{width: 0.556rem;border-radius: 50%;}
.subNav li{
    height: 1.148rem;
    line-height: 1.148rem;
    border-bottom: 1px solid #d8d8d8;
}
.subNav li span{
    position: absolute;
    top: 0.296rem;
    right: 0.824rem;
    display: block;
    height: 0.556rem;
    line-height: 0.556rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.398rem;
    background: #ff8c00;

}
.subNav li a{
    display: block;
    color: #494949;
    font-size: 0.398rem;
    padding-left: 1.204rem;
    position: relative;
}
.subNav li.subNavIco1{
    background: url("../sns_images/userListNavIco1.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;
}
.subNav li.subNavIco2{background: url("../sns_images/userListNavIco2.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco3{background: url("../sns_images/userListNavIco3.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco4{background: url("../sns_images/userListNavIco4.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco5{background: url("../sns_images/userListNavIco5.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco6{background: url("../sns_images/userListNavIco6.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco7{background: url("../sns_images/userListNavIco7.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco8{background: url("../sns_images/userListNavIco8.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.subNav li.subNavIco9{background: url("../sns_images/userListNavIco9.png") 0.370rem center no-repeat;
    background-size: 0.593rem 0.593rem;}
.buyInfo{
    color: #494949;
    font-size: 0.407rem;
    background: #ffffff;
    margin-top: 0.278rem;
}
.buyInfo h3,.buyInfo .payLine{
    height: 1.148rem;
    line-height: 1.148rem;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0.463rem
}
.buyInfo .payLine{
    overflow: hidden;}
.buyInfo .payLine .right{
    float: right;
    color: #b5b6b6;
}
.buyInfo .payLine strong{
    color: #ff7500;
}
.buyInfo .payLine a.right{
    color: #494949;
    position: relative; padding-right: 0.556rem;
}
.buyInfo .payLine a.right .rightIco{right:0}
.buyInfo .payLine .total strong{
    color:#38c79a;
    font-size: 0.556rem;
}
.buyInfo .payList{}
.buyInfo .payList .pay{
    border-bottom: 1px solid #d8d8d8;
    padding: 0.333rem 0.463rem;
    display: block;
    position: relative;
}
.buyInfo .payList img{
    width: 0.944rem;
    float: left;
    margin-right: 0.315rem;
}
.buyInfo .payList .paytext{}
.buyInfo .payList h6{
    color: #494949;
    font-size: 0.407rem;

}
.buyInfo .payList p{
    color: #afb0b0;
    font-size: 0.333rem;
}
.radio{
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    width: 0.537rem;
    height: 0.537rem;
    background: url("../sns_images/radio.png") no-repeat;
    background-size: 0.537rem 0.537rem;
    position: absolute;
    right: 0.463rem;
    top: 50%;
    margin-top:-0.269rem;
}
.radioActive,.radio:checked{
    background: url("../sns_images/radioActive.png") no-repeat;
    background-size: 0.537rem 0.537rem;
}
.record{
    background: url("../sns_images/record.png") no-repeat;
    height: 2.778rem;
    background-size: contain;
    margin-top: 0.278rem;
}
.record .recordIn{display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    padding-top: 0.533rem;}
.record li{
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.record li .recordNum{
    font-size: 0.926rem;
}
.record li .recordText{
    font-size: 0.370rem;}
.exchange{
    height: 1.083rem;
    line-height: 1.083rem;
    position: relative;
}
.exchange p{
    color: #ff2114;
    font-size: 0.370rem;
    text-indent:0.537rem;
}
.exchange .exchangeBtn{
    width: 2.352rem;
    height: 0.741rem;
    line-height: 0.741rem;
    background: #ff8b00;
    display: inline-block;
    font-size: 0.333rem;
    color: #ffffff;
    text-align: center;
    border-radius: 0.333rem;
    position: absolute;
    right: 0.315rem;
    top: 50%;
    margin-top: -0.370rem;
}
.recordList{
    background: #ffffff;
    border-top: 1px solid #d8d8d8;
}
.recordList li{
    height: 1.296rem;
    line-height: 1.296rem;
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.370rem;
}
.recordList li span{
    display: inline-block;}
.recordList li .recordTime{
    color: #999999;
    padding-left: 0.417rem;
    width: 3.148rem;
}
.recordList li .circle{
    width: 0.593rem;
    height: 0.593rem;
    line-height: 0.593rem;
    background: #ff8b00;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    margin-right: 0.417rem;
}
.recordList li .recordScore{
    color: #ff7500;
    font-size: 0.370rem;
    width: 2.370rem;
}
.recordList li .recordText{
    color: #494949;}
.consumerList{
    background: #ffffff;}
.consumerList article{
    border-bottom: 1px solid #d8d8d8;
    padding:0.278rem 0.306rem;
}
.consumerList article a{
    display: block;
    overflow: hidden;
    position: relative;}
.consumerList article img{
    width: 3.037rem;
    height: 2.000rem;
    float: left;
    margin-right: 0.296rem;
}
.consumerList article .courseInfo{
    float: left;}
.consumerList article .courseInfo h3{
    color: #494949;
    font-size: 0.370rem;
    margin-bottom: 0.185rem;
}
.consumerList article .courseInfo time{
    color: #a3a3a3;
    font-size: 0.296rem;
}
.consumerList article .consumerB{
    color: #ff8b00;
    font-size: 0.370rem;
    position: absolute;
    right: 0.389rem;
    top: 50%;
    margin-top: -0.255rem;
}
.showPassword{
    position: absolute;
    top: 0.361rem;
    right: 0.500rem;
    background:url("../sns_images/showPassword.png") no-repeat;
    width: 0.648rem;
    height: 0.426rem;
    background-size:0.648rem 0.426rem;
}
.hidePassword{
    position: absolute;
    top: 0.361rem;
    right: 0.500rem;
    background:url("../sns_images/hidePassword.png") no-repeat;
    width: 0.648rem;
    height: 0.426rem;
    background-size:0.648rem 0.426rem;
}
/*个人信息*/
.listLinks{
    background: #ffffff;
    border-top: 1px solid #d8d8d8;
    margin-top: 0.278rem;
}
.listLinks li{
    height: 1.148rem;
    line-height: 1.148rem;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}
.listLinks li a{
    padding-left: 0.481rem;
    color: #494949;
    font-size: 0.407rem;
}
.listLinks li strong{
    color: #aaabab;
    float: right;
    padding-right: 0.981rem;
}
.listLinks .userPhoto{
    height: 1.944rem;
    line-height: 1.944rem;
}
.listLinks .userPhoto img{
    position: absolute;
    right: 1.019rem;
    top: 50%;
    margin-top: -0.787rem;
    width: 1.574rem;}
#balance{
    background:url("../sns_images/serviceBg.png") no-repeat;
    height: 3.148rem;
    background-size: contain;
    overflow: hidden;
}
#balance div{
    color: #ffffff;
    margin-top: 0.824rem;
    padding: 0 0.463rem;
    float: left;
    text-align: center;
}
#balance .integral{
    margin-left: 0.185rem;}
#balance .gold{
    border-left: 1px solid #fff;}
#balance div strong{font-size: 1.111rem;
    display: block;
    height: 1.111rem;
    line-height: 1.111rem;
}
#balance div p{
    font-size: 0.370rem;}
.balanceList{
    padding-bottom: 3.148rem;}
.balanceList .exchangeNum{
    width: 9.259rem;
    height: 1.111rem;
    line-height: 1.111rem;
    border-radius: 0.167rem;
    border: 1px solid #dadada;
    display: block;
    margin: 0.278rem auto 0;
    color: #afb0b0;
    font-size: 0.370rem;
    text-align: center;
    background: #ffffff;
}
.balanceList .balanceListIn{
    overflow: hidden;
    width: 9.259rem;
    margin: 0 auto;

}
.balanceList .balanceBox{
    float: left;
    width: 4.444rem;
    height: 1.667rem;
    box-sizing: border-box;
    border: 1px solid #dadada;
    border-radius: 0.167rem;
    margin-left:0.370rem;
    margin-top: 0.370rem;
    background: url("../sns_images/moneyIco.png") 0.278rem center no-repeat #ffffff;
    background-size: 0.889rem;
}
.balanceList .balanceBox.active{
    border: 1px solid#38c79a;
}
.balanceList .balanceListInMl{margin-left: -0.370rem;}
.balanceList .balanceText{
    padding-left: 1.407rem;
}
.balanceList strong{
    display: block;
    margin-top: 0.435rem;
    color: #494949;
    font-size: 0.315rem;
}
.balanceList em{
    display: block;
    color: #ff7500;
    font-size: 0.259rem;
}
.balanceTip{
    width: 9.259rem;
    height: 1.111rem;
    line-height: 1.111rem;
    background: #ffffff;
    border-radius: 0.167rem;
    border: 1px solid #dadada;
    position: fixed;
    bottom: 1.389rem;
    left: 50%;
    margin-left:-4.630rem;
    color:#38c79a;
    font-size: 0.370rem;
    text-align: center;
}
#mask{
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.3;
    display: none;
    z-index:10;
}
#pop,#pop2{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 7.778rem;
    margin-left: -3.889rem;
    background: #ffffff;
    border-radius: 0.222rem;
    padding:0.574rem 0;
    margin-top: -2.315rem;
    display: none;
    z-index:1000;
}
#pop .popText,#pop2 .popText{
    color: #282828;
    font-size: 0.407rem;
    line-height: 0.741rem;
    text-align: center;
    margin-top: 0.300rem;
}
#pop .popText strong,#pop2 .popText strong{
    color:#38c79a;
}
#pop2 .popBtns{
    width: 6.667rem;
    overflow: hidden;
    margin: 0.741rem auto 0;
}
#pop2 .popBtns a{
    float: right;
    background:#d8d8d8;
    color: #494949;
    font-size: 0.407rem;
    width: 3.074rem;
    display: inline-block;
    height: 1.074rem;
    line-height: 1.074rem;
    text-align: center;
}
#pop2 .popBtns a.highlight{
    float: left;
    background:#38c79a;
    color: #ffffff;
}
#pop .popBtn{
    height: 1.074rem;
    line-height: 1.074rem;
    background:#38c79a;
    color: #ffffff;
    text-align: center;
    font-size: 0.407rem;
    display: block;
    width: 6.620rem;
    margin: 0.8rem auto 0;
}
#tabTitle{border-bottom: 1px solid #dadada}
.videoListBox{}
.videoListBox .videoList{padding: 0.278rem;border-bottom: 1px solid #dadada;
    overflow: hidden;
    position: relative;
}
.videoListBox .videoList img{
    width: 3.037rem;
    height: 2.000rem;
    margin-right: 0.370rem;
    float: left;
}
.videoListBox .videoList .videoText{
    float: left;
    width: 5.833rem;
}
.videoListBox .videoList .videoText h3{
    color: #494949;
    font-size: 0.370rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.videoListBox .videoList .videoText .moneyBox{
    height: 1.046rem;
    line-height: 1.046rem;
}
.videoListBox .videoList .videoText .moneyBox strong{color: #ff1f00;
    vertical-align: middle;
    font-size: 0.463rem;
}
.videoListBox .videoList .videoText .moneyIco{
}
.videoListBox .videoList .videoText .personNum{
    color: #a2a2a2;
    font-size: 0.296rem;
}
.videoListBox .videoList .playVideoBtn{
    width: 1.454rem;
    height: 0.519rem;
    line-height: 0.519rem;
    background: #ffb400;
    border-radius: 0.074rem;
    text-align: center;
    font-size: 0.259rem;
    color: #ffffff;
    top: 0.991rem;
    right: 0.435rem;
    position: absolute;
}
.headerSelectIco{
    background:url("../sns_images/headerSelectIco.png") no-repeat;
    width: 0.352rem;
    height: 0.213rem;
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0.139rem;
}
#pageHeader .rightBtn{
    background: url("../sns_images/searchBtn.png") center no-repeat;
    background-size:  0.435rem 0.444rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    right: 0;
    top: 0;
}
.tabSelectIco{
    background:url("../sns_images/tabSelectIco.png") no-repeat;
    width: 0.194rem;
    height: 0.102rem;
    display: inline-block;
    background-size:0.194rem 0.102rem;
    vertical-align: middle;
    margin-left: 0.148rem;
}
#tabTitle li{
    display: block;
}
#tabTitle li.active a{
    color: #ff1f00;
}
.selectUI{
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    background: #f7f7f7;
    display: none;
    z-index:10;
}
.selectUI li{
    height: 1.111rem;
    line-height: 1.111rem;
    color: #797979;
    font-size: 0.333rem;
    padding: 0 0.463rem;
}
.selectUI li.active{
    background: #ffffff;
    color: #ffa556;
}
.selectObj{
    display: none;}
.sqBanner{ width: 100%;
    display: block;}
.sqTitle{
    height: 0.926rem;
    line-height: 0.926rem;
    background:#38c79a;
    color: #ffffff;
    overflow: hidden;
}
.sqTitle h3{
    font-size: 0.407rem;
    text-indent: 0.454rem;
    float: left;
}
.sqTitle h4{
    font-size: 0.296rem;
    float: right;
    margin-right: 0.417rem;
}
.sqPostList{ padding: 0 0.370rem;
    margin-top: 0.259rem;
    background: #ffffff;}
.sqPostList a{ display:block;}
.sqPostList a.sqIco{
    display: inline-block;}
.sqPostList header{
    height: 1.130rem;
    line-height: 1.130rem;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
}
.sqPostList .sqUserBox{
    float: left;}
.sqPostList .sqUserBox img{
    width: 0.667rem;
    height: 0.667rem;
    vertical-align: middle;
    float: left;
    margin-top: 0.269rem;
    margin-right: 0.315rem;
}
.sqPostList .sqUserBox h3{
    float: left;
    color: #494949;
    font-size: 0.370rem;
}
.sqPostList header time{
    float: right;
    color: #494949;
    font-size: 0.278rem;
}
.sqPostList .sqContent{
    color: #494949;
    font-size: 0.407rem;
    line-height: 0.593rem;
    padding-top: 0.185rem;
    text-align: justify;
}
.sqPostList footer{
    height: 1.019rem;
    line-height: 1.019rem;
    text-align: right;
}
.sqPostList footer p,.sqPostList footer a{font-size: 0.259rem;color: #b7b8b8;}
.sqPostList footer p span{
    margin-left: 0.333rem;
}
.sqPostListBox{
    margin-top: -0.259rem;}
.sqPostList .sqContent{height:1.213rem; overflow:hidden;}
#header .rightBtn{
    background: url("../sns_images/editIco.png") center no-repeat;
    background-size:  0.481rem 0.454rem;
    height: 1.185rem;
    width: 1.185rem;
    position: absolute;
    right: 0;
    top: 0;
}
#show2hide{
    border-top: 1px solid #dddddd;
    height: 0.796rem;
    display: block;
}
.showIco{
    background:url("../sns_images/sqShowIco.png") center no-repeat #fff;
    background-size: 0.463rem 0.269rem;
}
.sqIco{
    padding: 0.056rem 0;
    padding-left: 0.574rem;
    margin-left: 0.322rem;
}
.zanIco{
    background:url("../sns_images/zanIco.png") left center no-repeat;
    background-size: 0.426rem 0.444rem;
}
.answerIco{
    background:url("../sns_images/answerIco.png") left center no-repeat;
    background-size:0.444rem 0.426rem;
}
.videoList li h3{
    color: #494949;
    font-size: 0.370rem;
    padding: 0.059rem 0;
    text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.videoList .videoInfoBox{
    overflow: hidden;
}
.videoList .videoInfoBox em{
    float: left;color: #ff1f00;
    font-size: 0.370rem;
    display: block;line-height: 0.619rem;}
.videoList .videoInfoBox strong{
    float: right;
    color: #999999;
    font-size: 0.296rem;
    display: block;
    line-height: 0.619rem;
    padding-left: 0.296rem;
    background: url("../sns_images/personIco.png") left center no-repeat;
    background-size: 0.167rem 0.315rem;
}
.videoList .moneyIco{vertical-align: text-bottom;}
.vOD #slideList a{
    width: 33.3333%;}
.vOD #newsBox h3{background: url(../sns_images/fankui.png) center no-repeat;
    background-size: 1.815rem 0.426rem;}
.vOD #slideList{padding-bottom: 0.33rem;}
#accordion{
    padding: 0.278rem 0;
    background: #efefef;
}
#accordion ul{
    overflow: hidden;
}
#accordion ul li{
    float: left;
    width: 1.093rem;
    height: 4.630rem;
    margin-right: 0.016rem;
}
#accordion ul li a{
    display: none;}
#accordion ul li:last-child{
    margin: 0;}
#accordion ul li.accordionImg1{
    background:url("../sns_images/accordionImg1.png") no-repeat;
    background-size:1.093rem 4.630rem;
}
#accordion ul li.accordionImg2{background:url("../sns_images/accordionImg2.png") no-repeat;
    background-size:1.093rem 4.630rem;}
#accordion ul li.accordionImg3{background:url("../sns_images/accordionImg3.png") no-repeat;
    background-size:1.093rem 4.630rem;}
#accordion ul li.accordionImg4{background:url("../sns_images/accordionImg4.png") no-repeat;
    background-size:1.093rem 4.630rem;}
#accordion ul li.accordionImg5{background:url("../sns_images/accordionImg5.png") no-repeat;
    background-size:1.093rem 4.630rem;}
#accordion ul li.active{width:5.556rem;}
#accordion ul li.active a{
    display: block;
    height: 100%;}
#accordion ul li.accordionImg1.active{background:url("../sns_images/accordionShowImg1.png") no-repeat;
    background-size:5.556rem 4.630rem;}
#accordion ul li.accordionImg2.active{background:url("../sns_images/accordionShowImg2.png") no-repeat;
    background-size:5.556rem 4.630rem;}
#accordion ul li.accordionImg3.active{background:url("../sns_images/accordionShowImg3.png") no-repeat;
    background-size:5.556rem 4.630rem;}
#accordion ul li.accordionImg4.active{background:url("../sns_images/accordionShowImg4.png") no-repeat;
    background-size:5.556rem 4.630rem;}
#accordion ul li.accordionImg5.active{background:url("../sns_images/accordionShowImg5.png") no-repeat;
    background-size:5.556rem 4.630rem;}
/*#coachBox{
margin-bottom: 0.463rem;}*/
#coachBox .coachHeader{
    text-align: center;
    height: 1.722rem;
    border-bottom: 1px solid #d8d8d8;
}
#coachBox .coachHeader h3{
    color:#38c79a;
    font-size: 0.463rem;
    margin-top: 0.324rem;
}
#coachBox .coachHeader h4{
    color: #ff6000;
    font-size: 0.333rem;
    height: 0.481rem;
    line-height: 0.481rem;
    background: #fbefec;
    width: 4.630rem;
    margin: 0 auto;
    margin-top: 0.213rem;
    border-radius: 0.204rem;
}
#coachBox .coachList{display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    border-bottom: 1px solid #d8d8d8;}
#coachBox .coachList section{
    /*height: 7.222rem;*/
    height:4.8rem;
    width: 3.333rem;border-left: 1px solid #d8d8d8;
    margin-left: -1px;}
#coachBox .coachList section img{
    width: 2.574rem;
    height: auto;
    /*border-radius:1.574rem;*/
    display: block;
    margin: 0 auto;
    margin-top: 0.287rem;
}
#coachBox .coachList section h3{
    color: #494949;
    font-size: 0.496rem;
    text-align: center;
    margin-top: 0.261rem;
    font-weight: bold;}
#coachBox .coachList section h4{color: #494949;font-size: 0.296rem;text-align: center;
    margin-top: 0.122rem;
    font-weight: bold;
}
#coachBox .coachList section p{
    color: #494949;
    width: 2.824rem;
    line-height: 0.389rem;
    font-size: 0.222rem;
    text-align: justify;
    margin: 0 auto;
    margin-top: 0.556rem;
    display:none;
}
#coachBox .coachTirget{
    color: #494949;
    font-size: 0.296rem;
    display: block;
    text-align: center;
    height: 0.991rem;
    line-height: 0.991rem;
}
.newsBox{ padding: 0.278rem 0.463rem}
.newsBox .newsTitle{
    color: #494949;
    font-size: 0.407rem;
    font-weight: bold;
    height: 0.648rem;
}
.newsBox .newsContent{
    line-height: 0.593rem;
    font-size: 0.333rem;
    color: #494949;
}

#groupBuy{}
#groupBuy h1{
    font-size: 0.463rem;
    color:#38c79a;
    height: 1.028rem;
    line-height: 1.028rem;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    font-weight: bold;
}
#groupBuy .groupTeacherBox{
    overflow: hidden;
    display: inline-table;
    border-bottom: 1px solid #d8d8d8;
}
#groupBuy .groupTeacherBox .groupTeacher{
    float: left;
    width: 33.3333%;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-left: -1px;
    text-align: center;
    height: 3.287rem;
}
#groupBuy .groupTeacherBox img{
    width: 1.574rem;
    height: 1.574rem;
    border-radius: 50%;
    margin: 0.287rem auto;
    display: block;

}
#groupBuy .groupTeacherBox h3{
    color: #494949;
    font-size: 0.296rem;}
#groupBuy .groupTeacherBox p{
    color: #494949;
    font-size: 0.259rem;
    line-height: 0.444rem;
}
.groupList{
    background: #2ea7e0;
    padding:0.407rem 0.370rem;
    margin-top: 0.407rem;
}
.groupList .groupListText{
    width: 5.370rem;
    float: left;
    /*margin-top: 0.167rem;*/
}
.groupList .groupListTop{
    overflow: hidden;}
.groupList img{
    width: 3.176rem;
    height: 2.370rem;
    float: left;
    margin-right: 0.556rem;}
.groupList h4,.groupList h5{
    color: #ffffff;
    font-size: 0.370rem;
    /*text-align: center;*/
    line-height: 0.463rem;
}
.groupList h4{
    float: left;}
.groupList .groupListText span.subTitle{
    width: 3.748rem;
    line-height: 0.370rem;
    font-size: 0.265rem;
    float: right;
}
.groupList h5{clear: both;
    padding-top: 0.148rem;
    padding-bottom: 0.370rem;}
.groupList time{
    height: 0.661rem;
    line-height: 0.661rem;
    width: 5.093rem;
    border-radius: 0.333rem;
    background: #1f8fd6;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 0.370rem;
}
.groupList p{
    font-size: 0.259rem;
    color: #ffffff;
    line-height: 0.370rem;
    margin: 0.208rem 0;
    text-align: justify;
}
.groupList .groupMoneyBox{
    /*width: 7.685rem;*/
    width: 4.685rem;
    height: 0.833rem;
    line-height: 0.833rem;
    background: #282828;
    margin: 0 auto;
    position: relative;
    border-radius: 0 0.370rem 0.370rem 0;
}
.groupList .groupMoneyBox img{
    width: 0.843rem;
    height: 0.843rem;
    border-radius: 50%;
    position: absolute;
    left: -0.389rem;
    top: 0;
}
.groupList .groupMoneyBox p,.buyFooter p{
    padding-left: 0.815rem;
    line-height: 0.833rem;
}
.groupList .groupMoneyBox p strong,.buyFooter p strong{font-size: 0.370rem;
    padding-right: 0.315rem;}
.groupList .groupMoneyBox p em,.buyFooter p em{
    font-size: 0.278rem;
    color: #c0c0c0;}
.groupList .groupMoneyBox p em span,.buyFooter p em span{ text-decoration:line-through;
    margin-right: 0.130rem;}
.groupList .groupMoneyBox p a,.buyFooter p a{
    position: absolute;
    top: 0;
    right: -0.796rem;
    display: block;
    width: 2.250rem;
    line-height: 0.843rem;
    text-align: center;
    border-radius: 0.370rem;
    background: #e60000;
    color: #ffffff;
    font-size: 0.352rem;
}
#groupListBox{
    overflow: hidden;
    background: #efefef;
}
.buyBanner{
    width: 100%;
    display: block;
}
.buyPageInfo{
    background: #2ea7e0;
    height: 2.778rem;
}
.buyPageInfo p{
    height: 1.389rem;
    line-height: 1.389rem;
    color: #ffffff;
    font-size: 0.370rem;
    overflow: hidden;
    padding: 0 0.648rem;
}
.buyPageInfo p .course{
    float: left;}
.buyPageInfo p .teacher{
    float: right;}
.buyPageInfo time{
    height: 0.769rem;
    line-height: 0.769rem;
    width: 9.315rem;
    border-radius: 0.333rem;
    background: #1f8fd6;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 0.370rem;
}
.buyRule{
    background: #1f8fd6;
    overflow: hidden;
    color: #ffffff;
    font-size: 0.296rem;
    padding: 0.370rem 0;
}
.buyRule dt{
    float: left;
    width: 1.852rem;
    text-align: right;
    height: 4rem;
    padding: 0.185rem 0;
}
.buyRule dd{
    float: left;
    width: 7.037rem;
    margin-left: 0.370rem;
    padding: 0.185rem 0;
    padding-left: 0.278rem;
    background:url("../sns_images/buyListIco.png") left center no-repeat;
    background-size: 0.083rem 0.083rem;
    text-align: justify;
}
.buyUsers{
    padding: 0.509rem 0.33rem ;
    overflow: hidden;
    background: #ffffff;
}
.buyUsers li{
    float: left;
    margin: 0.109rem 0;
    position: relative;

}
.buyInUsersIco{ position: absolute; background: #e60000;
    width: 0.741rem;
    height: 0.407rem;
    line-height: 0.407rem;
    bottom:0;
    right: 0.130rem;
    font-size: 0.204rem;
    color: #ffffff;
    text-align: center;

}
.buyUsers img{
    width: 1.296rem;
    height: 1.296rem;
    vertical-align: middle;
    margin: 0 0.130rem;
    border-radius: 50%;
}

.buyDesc{
    background: #f8b62c;
    padding:0 0.778rem;
    padding-bottom: 1.111rem;
    padding-top: 0.694rem;
}
.buyDesc h3{
    width: 3.074rem;
    height: 0.722rem;
    line-height: 0.722rem;
    background: #2ea7e0;
    color: #f8b62c;
    font-size: 0.444rem;
    text-align: center;
    border-radius: 0.324rem;
    margin-bottom: 0.370rem;
}
.buyDesc p{
    font-size: 0.333rem;
    line-height: 0.500rem;
    text-indent:2em;
}
#buyPop{
    width: 7.778rem;
    /*height: 8.639rem;*/
    border-radius: 0.370rem;
    background: #ffffff;
    position:fixed;
    top: 50%;
    left: 50%;
    margin-left: -3.889rem;
    margin-top: -4.319rem;
    display: none;
    padding-bottom:1.019rem;
    z-index:10
}
#buyPop h3{
    height: 1.056rem;
    line-height: 1.056rem;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    color: #1c1c1c;
    font-size: 0.444rem;

}
#buyPop img{
    width: 5.111rem;
    height: 5.111rem;
    margin: 0.500rem auto;
    display: block;
}
#buyPop p{
    color: #afb0b0;
    font-size: 0.407rem;
    text-align: center;
}
.buyFooter{
    position: fixed;
    left: 0;
    right: 0;
    bottom:0;
    width: 100%;
    height: 1.426rem;
    line-height: 1.426rem;
    background: #282828;

}
.buyFooter img{ border-radius: 50%; width: 0.843rem;
    position: absolute;
    top: 50%;
    margin-top: -0.421rem;
    left: 0.537rem;}
.buyFooter p{
    padding-left: 1.731rem;
    color: #ffffff;
    line-height: 1.426rem;
}
.buyFooter p a{ top:50%;
    width: 2.963rem;
    margin-top: -0.417rem;
    right: 0.287rem;
}
#pb{
    height: 1.426rem;
    text-indent: -9999px;}
.buyHomeBanner{
    width: 100%;
    display: block;
}
#iScroll{ position:relative;height: 3.800rem; overflow:hidden;}
#iScrollIn{
      overflow:hidden; position:absolute; left:0;top:0;
      }
#iScroll img{
    width: 1.185rem;
    height:3.800rem; margin-right:0.123rem; float:left;}
/*#homeBuyBg{
    position: relative;
    background: url("../sns_images/homeBuyBg.png") no-repeat;
    background-size: 100%;
    width: 100%;
    height: 7.241rem;
}*/
#homeBuyBg a.pin{background:url("../sns_images/gbuyBoxBg.png") no-repeat;
    background-size: 100%;}
#homeBuyBg a{
    display: block;
    height: 2.84rem;
    background:url("../sns_images/buyBoxBg.png") no-repeat;
    background-size: 100%;
    position:relative;
}
#homeBuyTeacherBox{
    background: url("../sns_images/homeBoxBg.png") repeat-y;
    background-size: 100%;
    overflow: hidden;
    padding-bottom: 0.625em;
     padding-top:0.308rem;
}
#homeBuyTeacherBox .homeTeacherTitle{
    background: url("../sns_images/homeTeacherTitle.png") no-repeat;
    background-size: 100%;
    height: 1.062rem;
    text-indent: -9999px;
}
#homeBuyTeacherBox article{
    float: left;
    padding:0.203rem 0.086rem;
}
#homeBuyTeacherBox article img{ width: 1.578rem;
    height: 2.109rem;
    float: left;
    margin-right: 0.203rem;
}
.homeTeacherInfo{
    float: left;
    color: #ffffff;
    width: 3.047rem;
}
.homeTeacherInfo h3{
    font-size: 0.375rem;
}
.homeTeacherInfo h3 small{
    font-size: 0.281rem;
}
.homeTeacherInfo p{
    font-size: 0.188rem;
    padding:0.134rem 0;
}
.homeTeacherInfo h4{
    font-size: 0.219rem;
    height:0.615rem;
}
.homeTeacherInfo a{
    width: 2.594rem;
    height: 0.453rem;
    line-height: 0.453rem;
    background: url("../sns_images/homeTeacherBuyBtn.png") no-repeat;
    background-size:2.594rem 0.453rem;
    color: #d41c19;
    font-size: 0.266rem;
    display: inline-block;
    text-indent: 0.281rem;
    font-weight: bold;
    margin-top: 0.088rem;
}
.buyInBanner {
    width: 100%;
    display: block;
}

.buyInDesc {
    background:rgba(12,98,154,0.5);
    padding:0.369rem 0.385rem;
    position: relative;
}

.buyInDesc p {
    font-size: 0.277rem;
    color: #ffffff;
    line-height: 0.492rem;
}

.buyInDesc .buyInDescBtn {
    position: absolute;
    background:url("../sns_images/buyInPersonBg.png") no-repeat;
    width: 3.769rem;
    height: 0.615rem;
    line-height: 0.615rem;
    background-size:3.769rem 0.615rem;
    right: 0.415rem;
    top: 50%;
    margin-top: -0.307rem;
}
.buyInDesc .buyInDescBtn span{
    color: #231815;
    display: inline-block;
    line-height: 0.615rem;
    vertical-align: middle;
    text-decoration: line-through;
    margin-left: 0.246rem;
    font-size: 0.215rem;
}
.buyInDesc .buyInDescBtn strong{
    color: #c93c1b;
    font-size: 0.354rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.615rem;
    margin-left: 0.146rem;
}
.timerBox{
    padding-bottom: 0.846rem;
    border-bottom: 1px solid #99c5e5;
}
.timerBox  h3{
    font-size: 0.369rem;
    color: #ffffff;
    text-align: center;
    background: url("../sns_images/buyInTimerTitle.png") center no-repeat;
    background-size:9.862rem  0.031rem;
    margin-top: 1.000rem;
    margin-bottom: 0.708rem;
}
.timer{
    text-align: center;
    color: #ffffff;
    font-size: 0.277rem;
    margin-top: 0.846rem;
}
.timer span{
    vertical-align: middle;
    background: #2a7cb4;
    display: inline-block;
    width: 0.492rem;
    height: 0.646rem;
    line-height: 0.646rem;
    text-align: center;
    font-size: 0.369rem;
    color: #ffffff;
    margin: 0 0.077rem;
}
.timerBox .buyInBtn{
    background: url("../sns_images/buyInBtn.png") no-repeat;
    width: 7.400rem;
    height: 1.031rem;
    background-size: 7.400rem 1.031rem;
    border: none;
    display: block;
    margin: 0 auto;
}
.buyBg{
    background: url("../sns_images/homeBoxBg.png") repeat-y;
    background-size: 100%;}
.buyInPerson{}
.buyInPerson h3{
    background: url("../sns_images/buyInPersonTitle.png") 0.400rem center no-repeat;
    background-size:2.369rem 0.615rem;
    text-indent: -9999px;
    height: 0.815rem;
    margin-top: 0.462rem;
    border-bottom: 1px solid #99c5e5;
}
.buyInUsers{
    padding: 0.462rem 0.777rem;
    overflow: hidden;
}
.buyInUsers li{
    float: left;
    position: relative;
}


.groupperson
{
    clear:both;
    color: #ffffff;
    font-size: 0.369rem;
    text-align:center;
    float:none !important;
    height:1.5rem;
    line-height:1.5rem;

  
}
.buyInUsers .buyInUsersIco{ position: absolute; background: url("../sns_images/buyInUsersIco.png") no-repeat;
    width: 0.677rem ;
    height: 0.369rem;
    background-size: 0.677rem 0.369rem;
    bottom:-0.123rem;
    left: 50%;
    margin-left: -0.338rem;

}
.buyInUsers img{
    width: 1.231rem;
    height: 1.231rem;
    border-radius: 50%;
    float: left;
    margin: 0.077rem;
}
.buyInShareBox{
    text-align: center;
    height: 1.477rem;
    /*margin:0 0.077rem;*/
    border: 1px solid #568ec6;
    background: rgba(12,98,154,0.2);
}
.buyInShareBox img{
    width: 4.538rem;
    margin: 0 auto;
    margin-top: 0.462rem;
    display: block;
    margin-bottom:0.415rem;
}
.buyInShareBox .buyInShareBtn{
    background:url("../sns_images/buyInShareBtn.png") no-repeat;
    width: 2.938rem;
    height: 0.615rem;
    background-size:2.938rem 0.615rem;
    border:none;
}
.timerBox h4{
    color: #ffffff;
    font-size: 0.369rem;
    text-align: center;margin-top: 0.862rem;
}
.timerBox h4 span{
    color: #f7d26d;
}
.timerBg{background: url("../sns_images/buyInTimerTitle.png") center no-repeat;
    background-size:9.862rem  0.031rem;}
.timerBox .buyInBtn2{
    background: url("../sns_images/buyInBtn2.png") no-repeat;
    background-size: 7.400rem 1.031rem;
}
.timer span.toTwo{
    width: 0.615rem;}
.flex3Pd{padding-top: 1.231rem;
    padding-bottom: 1.538rem;}
.flex3
{
    display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    position: fixed;
    left: 0;
    bottom: 1.138rem;
    right: 0;
    width: 100%;
}
.flex3 a{
    display: block;
    color: #ffffff;
    position: relative;
    height: 1.415rem;
    overflow: hidden;

}
.flex3 a strong{
    font-size: 0.431rem;
    display: block;
    text-align: center;
    /*margin-top: 0.308rem;*/
    line-height: 0.585rem;
    margin-top: 0.231rem;
}
.flex3 a em{
    font-size: 0.369rem;
    display: block;
    text-align: center;
    line-height: 0.585rem;
}
.flex3 a .topTipNum{
    background: url("../sns_images/topTipNum.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.092rem;
    height: 0.754rem;
    background-size: 1.092rem 0.754rem;

}
.flex3 a .topTipNumIn{
    color: #ffffff;
    font-size: 0.215rem;
    transform:rotate(-34deg);
    -webkit-transform:rotate(-34deg); /* Safari 和 Chrome */
    display: block;
}
.flex3 a.flexBox1{
    background: #0076b7;
    width: 3.231rem;
}
.flex3 a.flexBox2{
    background: #d88a00;
    width: 3.769rem;
}
.flex3 a.flexBox3{
    background: #ca1a1d;
    width: 3.077rem;
}
.sqFlex2{display: -webkit-flex;
       display: flex; 
       -webkit-flex-flow: row;
       flex-flow: row;
    height: 100%;}
.categoryNav{
    width: 2.074rem;
    height: 100%;
    background: #efefef;
}
.categoryNav ul{}
.categoryNav ul li{
    height: 1.296rem;
    line-height: 1.296rem;
    color: #494949;
    font-size: 0.370rem;
    text-indent: 0.341rem;
}
.categoryNav ul li.active{
    background:#38c79a;
    color: #ffffff;
}
.categoryList{
    width: 7.926rem }
.categoryListIn{padding: 0 0.333rem}
.categoryList li{
    position: relative;
    background:url("../sns_images/forum_math.png") left center no-repeat;
    background-size: 0.870rem 0.889rem;
    border-bottom: 1px solid #dadada;
    padding-left: 1.250rem;
    height: 1.574rem;
    overflow: hidden;
}

.categoryList li img{
    position: relative;
   
    background-size: 0.870rem 0.889rem;
    border-bottom: 1px solid #dadada;
    padding-left: 1.250rem;
    height: 1.574rem;
    overflow: hidden;
}
.categoryList li h3{
    color: #494949;
    font-size: 0.333rem;
    font-weight: bold;
    margin-top: 0.370rem;}
.categoryList li p{
    color: #afb0b0;
    font-size: 0.259rem;
    margin-top: 0.078rem;
}
.categoryList li a{
    position: absolute;
    width: 1.352rem;
    height: 0.556rem;
    line-height: 0.556rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.370rem;
    background: #ff7500;
    border-radius: 0.241rem;
    right: 0;
    top: 50%;
    margin-top: -0.278rem;
}
.categoryList li a.active{
    background: #d8d8d8;}
.noW{ width: auto}
.sqInputTitle{
    height: 1.185rem;
    line-height: 1.185rem;
    padding: 0 0.472rem;
    font-size: 0.370rem;
    color: #494949;
    border:none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dbdbdb;
}
.sqInputText{
    display: block;
    width: 100%;
    height: 6.204rem;
    padding: 0.315rem 0.472rem;
    font-size: 0.370rem;
    color: #494949;
    box-sizing: border-box;
    border: none;
    resize: none;
    border-bottom: 1px solid #dbdbdb;
}
.uploadImg{
    height: 0.907rem;
    line-height: 0.907rem;
    border-bottom: 1px solid #dedede;
    background: url("../sns_images/sqUploadTitleIco.png") 0.444rem center no-repeat;
    background-size: 0.481rem 0.509rem;
    padding-left: 0.970rem;
    color: #494949;
    font-size: 0.370rem;
}
.sqImages{
    padding-top: 0.259rem;
    padding-bottom: 1.574rem;
    padding-left: 0.296rem;
}
#uploadImgBtn{
    width: 1.389rem;}
.userInfoBox{
    overflow: hidden;
    margin-bottom: 0.444rem;}
.userInfoBox .userPhoto{
    width: 1.065rem;
    height: 1.065rem;
    border-radius: 50%;
    float: left;
    margin-right: 0.315rem;
}
.userInfoBox .userInfoText{
    float: left;}
.userInfoBox h3{
    color: #494949;
    font-size: 0.444rem;
    height: 0.622rem;
    line-height: 0.622rem;
}
.userInfoBox time{
    color: #838383;
    font-size: 0.278rem;
}
.sqReplyBox{
    background: #efefef;
    margin-bottom: 1rem;
}
.sqReplyBox article{
    padding:0.222rem 0.296rem 0.972rem 0.296rem;
    border-bottom: 1px solid #d1d1d1;
}
.sqReplyBox article p{
    font-size: 0.333rem;
    padding-left: 1.370rem;
    line-height: 0.593rem;
}
.sqReplyBox article .replyIco{
    background:url("../sns_images/sqReplyIco.png") left center no-repeat;
    background-size: 0.444rem 0.324rem;
    padding-left: 0.574rem;
    color: #b5b5b5;
    font-size: 0.296rem;
    position: absolute;
    right:0;
    top: 0.213rem;
}
.sqReplyBox .userInfoBox{
    position: relative;
    margin-bottom: 0.231rem}

.sqReplyFix{
    height: 1.176rem;
    line-height: 1.176rem;
    border-top: 1px solid #d1d1d1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /*width: 100%;*/
    padding: 0 0.167rem;
    background: #ffffff;
    display:none;
}
.sqReplyFix.b2
{
    bottom: 1.3rem;
}
.sqReplyFix.b3{bottom:4.616rem;}
.sqReplyFix.b3 #sqReplyShowHidePhoto
{
    background:url("../sns_images/pushImgBtn.png") center no-repeat;
    background-size:0.870rem 0.870rem;
}
.sqReplyFix *{
    vertical-align: middle;
}
.sqReplyFix #sqReplyShowHidePhoto
{
    width: 0.870rem;
    height: 0.870rem;
    display:inline-block;
    background:url("../sns_images/addImgBtn.png") center no-repeat;
    background-size:0.870rem 0.870rem;
    margin-right:0.110rem;
}
.sqReplyFix .sqReplyInput{
    width: 6.663rem;
    height: 0.870rem;
    line-height: 0.870rem;
    border-radius: 0.083rem;
    border: 1px solid #dadada;
    color: #494949;
    font-size: 0.407rem;
    padding: 0 0.278rem;
    box-sizing: border-box;
}
.sqReplyFix .sqReplyBtn{
    width: 1.574rem;
    height: 0.870rem;
    line-height: 0.870rem;
    border: 1px solid #dadada;
    font-size: 0.370rem;
    border-radius: 0.083rem;
    margin-left: 0.110rem;
}
#sqReplyPhotoBox
{
    overflow:hidden;
    height:3.056rem;
    background:#dfe3e4;
    padding:0.130rem;
    position:fixed;
    left:0;
    right:0;
    bottom:1.3rem;
    display:none;
}
#sqReplyPhotoBox .photo
{
    margin:0 0.103rem;
    margin-top:0.403rem;
    float:left;
    position:relative;
}
#sqReplyPhotoBox .file
{
    margin:0 0.103rem;
    margin-top:0.403rem;
    float:left;
    position:absolute;
    width:2.222rem;
    height:2.222rem;
    z-index:2;
    opacity:0;
}
#sqReplyPhotoBox .file:nth-of-type(1)
{
    left:0.130rem;
    top:0.130rem;
}
#sqReplyPhotoBox .file:nth-of-type(2)
{
    left:2.558rem;
    top:0.130rem;
}
#sqReplyPhotoBox .file:nth-of-type(3)
{
    left:4.986rem;
    top:0.130rem;
}
#sqReplyPhotoBox .file:nth-of-type(4)
{
    left:7.414rem;
    top:0.130rem;
}
#sqReplyPhotoBox .photo img
{
     width:2.222rem;
     height:2.222rem;
}
#sqReplyPhotoBox input
{
    /*display:none;*/
}
#sqReplyPhotoBox .photo .delPhoto
{
    
    background:url("../sns_images/delet_img.png") no-repeat;
    background-size:0.556rem 0.556rem;
    /*display:block;*/
    display:none;
    width:0.556rem;
    height:0.556rem;
    position:absolute;
    right:-0.093rem;
    top:-0.093rem;
    z-index:3;
}
#sqReplyPhotoBox p{ font-size:0.370rem; color:#323232; text-align:center; clear:both; padding-top:0.185rem}
#sqFollowBox{}
#sqFollowBox ul{ overflow:hidden;}
#sqFollowBox ul li{ margin-left:0.400rem; margin-top:0.500rem; float:left; width:4.333rem; height:1.074rem;line-height:1.074rem; background:#fff; border:1px solid #38c79a; border-radius:1.074rem}
#sqFollowBox ul li a{ display:block; color:#494949; font-size:0.370rem; position:relative; text-indent:1.2rem}
#sqFollowBox ul li a img{ width:0.833rem; height:0.833rem; border-radius:50%; vertical-align:middle; left:0.120rem; position:absolute;top:0.120rem;}
#sqFollowBox .addFollow{ margin:0.435rem 0; display:block; height:1.037rem; line-height:1.037rem; background:url("../sns_images/addFollow.png") left center no-repeat; background-size:1.037rem; padding-left:1.250rem; margin-left:0.463rem; color:#afb0b0; font-size:0.370rem;}

        .liveTitlePages{background: #efefef;
    height: 0.815rem;
    line-height: 0.815rem; position:relative;}
    #divPage{}
    #divPage ul li:nth-of-type(1){ position:absolute; left:0.324rem; top:0}
    #divPage ul li:nth-of-type(2){ width:100%; text-align:center;}
    #divPage ul li:nth-of-type(3){ position:absolute; right:0.324rem; top:0}
       #divPageNow{}
    #divPageNow ul li:nth-of-type(1){ position:absolute; left:0.324rem; top:0}
    #divPageNow ul li:nth-of-type(2){ width:100%; text-align:center;}
    #divPageNow ul li:nth-of-type(3){ position:absolute; right:0.324rem; top:0}
       #divPageEnd{}
    #divPageEnd ul li:nth-of-type(1){ position:absolute; left:0.324rem; top:0}
    #divPageEnd ul li:nth-of-type(2){ width:100%; text-align:center;}
    #divPageEnd ul li:nth-of-type(3){ position:absolute; right:0.324rem; top:0}
    .integralInfo{ margin-top:0.296rem; border-top:1px solid #dadada;background:#fff;}
        .integralInfo h3{ height:1.111rem; line-height:1.111rem; color:#f31f13; font-size:0.407rem; text-align:center; border-bottom:1px solid #dadada}
        .integralInfo p{ margin:0 0.463rem; color:#494949; font-size:0.407rem; line-height:0.648rem; text-indent:2em; text-align:justify; padding:0.463rem 0; border-bottom:1px solid #dadada}
        
        
      .getphoneBtn{
    background:#38c79a;
    /*background: #d8d8d8;*/
    text-align: center;
    /*width: 2.731rem;*/
    padding: 0 0.352rem;
    height: 0.685rem;
    line-height: 0.685rem;
    font-size: 0.389rem;
    color: #ffffff;
    border-radius:0.315rem;
   
    right: 0.343rem;
    top: 0.231rem;    margin-left: 49px;
}
/*主导航，开始{*/
.navReserve {
  height: 1.2963rem; }

.footReserve {
  height: 1.48148rem; }

.nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 10;
  /*height: 143rem/$r;*/ }
  .nav ul {
    display: flex; }
    .nav ul li {
      flex-grow: 1; }
      .nav ul li a {
        text-align: center;
        display: block;
        line-height: 0.44444rem;
        font-size: 0.25926rem;
        color: #959595;
        padding-top: 0.16667rem;
        padding-bottom: 0.0463rem; }
        .nav ul li a:before {
          content: "";
          display: block;
          width: 0.66667rem;
          height: 0.66667rem;
          margin: 0 auto; }
      .nav ul li.active a {
        color: #38c79a; }
      .nav ul li:nth-of-type(1) a:before {
        background: url("../images/navIco1.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(1).active a:before {
        background: url("../images/navActiveIco1.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(2) a:before {
        background: url("../images/navIco2.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(2).active a:before {
        background: url("../images/navActiveIco2.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(3) a:before {
        background: url("../images/navIco3.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(3).active a:before {
        background: url("../images/navActiveIco3.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(4) a:before {
        background: url("../images/navIco4.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(4).active a:before {
        background: url("../images/navActiveIco4.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(5) a:before {
        background: url("../images/navIco5.png") no-repeat;
        background-size: cover; }
      .nav ul li:nth-of-type(5).active a:before {
        background: url("../images/navActiveIco5.png") no-repeat;
        background-size: cover; }

/*}结束，主导航*/
.addNoteBtn
{
    background:url("../sns_images/xx_wkc.png") no-repeat;
    background-size:1.067rem 1.067rem;
    width:1.067rem;
    height:1.067rem;
    position:fixed;
    right:0.338888rem;
    top:70%;
    margin-top:-0.33333rem;
    
}
.mysns{ font-size:0.370rem; color:#fff;}
.tabTitle {
  margin-bottom: 0.27778rem;
  background: #ffffff;
  border-bottom: 1px solid #dadada;
  justify-content: center;
  display: -webkit-flex;
  display: flex; }
  .tabTitle.top {
    margin-top: -0.27778rem; }
  .tabTitle li {
    height: 1.11111rem;
    line-height: 1.11111rem;
    color: #494949;
    font-size: 0.40741rem;
    width: 100%;
    text-align: center;
    position: relative;
    margin-left: -1px; }
    .tabTitle li .activeLine {
      height: 0.03704rem;
      position: absolute;
      bottom: 0;
      left: 50%;
      background: #39ac6a;
      display: none; }
      .tabTitle li .activeLine.len4 {
        width: 1.80556rem;
        margin-left: -0.89815rem; }
      .tabTitle li .activeLine.len7 {
        width: 3.05556rem;
        margin-left: -1.52778rem; }
    .tabTitle li:after {
      content: " ";
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: 0.44444rem;
      line-height: 0.44444rem;
      margin-top: -0.22222rem;
      background: #d8d8d8; }
    .tabTitle li.active {
      color: #39ac6a; }
      .tabTitle li.active .activeLine {
        display: block; }


.replayimgBox
{
    overflow:hidden;
    margin-top:0.4rem;
    }
.replayimgBox .replayimg{
    margin:0 0.17625rem;
    float:left;
}
.replayimgBox .replayimg img
{
    width:2rem; 
}