body{
  background-color: #1b1820;
  color: #fff;
}
#ct-editor{
  height: 4rem;
  overflow: auto;
}
.container{
  width: 100%;
  margin: 0 auto;
  background: url("../images/common/main-bg.jpg?__rev=3b15f03") repeat-y center;
  background-size: 100%;
}
.sec-top{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background: url("../images/common/topbar-bg.png?__rev=0b303da") no-repeat;
  z-index: 100;
  background-size: 100% auto;
}
.sec-top .icon {
  background: url(http://resource.a0bi.com/alx/mobile/wap/src/res/common/img/icon.png) center no-repeat;
  background-size: cover;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.1rem 0 0.1rem 0.2rem;
}
.sec-top .gameTitle {
  color: #fff;
}
.sec-top .gameTitle .title {
  background: url("../images/common/title.png?__rev=5e845df") center no-repeat;
  background-size: cover;
  width: 0.84rem;
  height: 0.27rem;
  margin-left: 0.12rem;
  margin-top: 0.22rem;
}
.sec-top .gameTitle .intro {
  background: url("../images/common/intro_2.png?__rev=559dfee") center no-repeat;
  background-size: cover;
  margin-left: 0.12rem;
  margin-top: 0.09rem;
  width: 2.25rem;
  height: 0.22rem;
}
/* 按钮组 */

.sec-top .btn_androidnc,
.sec-top .btn_gcyy,
.sec-top .btn_yy,
.sec-top .btn_download {
  display: inline-block;
}

.sec-top .btn_androidnc {
  display: none;
  background-size: cover;
  margin-top: 0.25rem;
  margin-left: 0.2rem;
  width: 1.4rem;
  height: 0.5rem;
}

.sec-top .btn_gcyy {
  display: none;
  background-size: cover;
  margin-top: 0.25rem;
  margin-left: 0.2rem;
  width: 1.4rem;
  height: 0.5rem;
}

.sec-top .btn_yy {
  /* display: none; */
  background-size: cover;
  margin-top: 0.25rem;
  margin-left: 1.9rem;
  width: 1.1rem;
  height: 0.5rem;
}

.sec-top .btn_download {
  /* display: none; */
  background: url("../images/common/btn-download.png?__rev=a1e3133") center no-repeat;
  background-size: cover;
  margin-top: 0.25rem;
  margin-left: 2rem;
  width: 1.6rem;
  height: 0.5rem;
}

/*---------------------------------------------------------------------------*/

.sec-top .more .moreBtn {
  background: url("../images/common/more.png?__rev=d11bb57") center no-repeat;
  background-size: cover;
  width: 0.32rem;
  height: 0.28rem;
  margin-top: 0.35rem;
  margin-right: 0.29rem;
}

.sec-top .more .content {
  display: none;
  width: 100%;
  height: 11.11rem;
  height: calc(100vh - 1rem);
  background-color: rgba(0, 0, 0, 0.85);
  background-size: cover;
  position: absolute;
  top: 1rem;
  z-index: 5;
}

.sec-top .more .content .moreList {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.sec-top .more .content .moreList .moreItm {
  height: 1.42rem;
  line-height: 1.42rem;
  font-size: 0.35rem;
  border-bottom: 1px solid rgba(81, 81, 81, 0.9);
}

.sec-top .more .content .moreList .moreItm a {
  color: #ffffff;
}

.sec-top .more .content .moreList .moreItm.active a {
  font-weight: bold;
  color: #3399ff;
}

.sec-top .more .content .close {
  background: url("../images/common/more_menu_close.png?__rev=3e0d747") center no-repeat;
  background-size: cover;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  margin-left: -0.4rem;
  top: 9.1rem;
}
.stopScroll {
  overflow: hidden;
}
.sec-top .logo{
  display: block;
  width: 3.11rem;
  height: .8rem;
  margin: .1rem .2rem;
}
.sec-top .logo img{
  width: 100%;
  height: 100%;
}
.sec-top .download{
  display: block;
  width: 1.1rem;
  height: .5rem;
  margin: .25rem 0;
  background: url("../images/common/btn-download.png?__rev=a1e3133");
  background-size: 100%;
}
/* .sec-top .more{
  display: block;
  width: .3rem;
  height: .28rem;
  margin: .36rem .3rem;
  background: url("../images/common/more.png?__rev=d11bb57");
  background-size: 100%;
} */
.sec-header{
  height: 9.82rem;
  margin-top: 1.0rem;
  background: url("../images/common/header.jpg?__rev=ab044c7") no-repeat;
  background-size: 100%;
}
.sec-header .video{
  width: 1.24rem;
  height: 1.21rem;
}
.sec-header .video{
  left: 50%;
  bottom: .33rem;
  transform: translateX(-50%);
  z-index: 10;
}
.sec-header .video .video-outer{
  width: 100%;
  height: 100%;
  background: url("../images/common/video-outer.png?__rev=b96f5d5");
  background-size: 100%;
  z-index: 98;
  animation: 3s clockwise linear infinite;
}
.sec-header .video .video-middle{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/common/video-middle.png?__rev=14f80b1");
  background-size: 100%;
  z-index: 99;
  animation: 3s counterClockwise linear infinite;
}
.sec-header .video .video-inner{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/common/video-inner.png?__rev=b9121da");
  background-size: 100%;
  z-index: 100;
}
@keyframes clockwise{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@keyframes counterClockwise{
  0%{
    transform: rotate(360deg);
  }
  100%{
    transform: rotate(0deg);
  }
}
.sec-header .tabs{
  width: 6.3rem;
  bottom: 0;
  margin-left: .7rem;
}
.sec-header .tabs .tab-1{
  margin-top: -0.42rem;
  margin-right: .32rem;
}
.sec-header .tabs .tab-1 div{
  width: .8rem;
  height: 2.84rem;
  background: url("../images/common/tab1-n.png?__rev=04d0544");
  background-size: 100%;
}
.sec-header .tabs .tab-1 .active{
  background: url("../images/common/tab1-a.png?__rev=cc8278e");
  background-size: 100%;
}
.sec-header .tabs .tab-2 div{
  width: .8rem;
  height: 2.84rem;
  background: url("../images/common/tab2-n.png?__rev=6b767af");
  background-size: 100%;
}
.sec-header .tabs .tab-2 .active{
  background: url("../images/common/tab2-a.png?__rev=cda39ee");
  background-size: 100%;
}
.sec-header .tabs .tab-3{
  margin-right: .44rem;
}
.sec-header .tabs .tab-3 div{
  width: .8rem;
  height: 2.86rem;
  background: url("../images/common/tab3-n.png?__rev=251f1eb");
  background-size: 100%;
}
.sec-header .tabs .tab-3 .active{
  background: url("../images/common/tab3-a.png?__rev=b2298ef");
  background-size: 100%;
}
.sec-header .tabs .tab-4{
  margin-top: -0.46rem;
}
.sec-header .tabs .tab-4 div{
  width: .8rem;
  height: 2.84rem;
  background: url("../images/common/tab4-n.png?__rev=58bc5e0");
  background-size: 100%;
}
.sec-header .tabs .tab-4 .active{
  background: url("../images/common/tab4-a.png?__rev=e42f31c");
  background-size: 100%;
}
.sec-user{
  height: 1.8rem;
  margin: .42rem 0 .6rem 0;
}
.sec-user .user-wrp{
  width: 4.8rem;
  height: 1.8rem;
  margin: 0 .2rem 0 .5rem;
  background: url("../images/common/bg-user.png?__rev=dede3fa");
  background-size: 100%;
}
.sec-user .user-wrp .user-icon{
  width: 1.2rem;
  height: 1.2rem;
  margin: .26rem .2rem;
  /* border: .04rem solid #3399ff;
  border-radius: 50%; */
  overflow: hidden;
  background: url("../images/common/sample-icon.png?__rev=de5869f");
  background-size: 100%;
}
.sec-user .user-wrp .user-icon img{
  width: 100%;
  height: 100%;
}
.sec-user .user-wrp .user-info{
  margin: .2rem 0;
}
.sec-user .user-wrp .user-info .phonenum{
  color: #fff;
  font-size: .24rem;
  line-height: .36rem;
  letter-spacing: .02rem;
  text-shadow: #ff3333 0px 0px 5px, #ff3333 0px 0px 5px;
  font-weight: bold;
}
.sec-user .user-wrp .user-info .btn-email{
  width: 1.40rem;
  height: .44rem;
  margin-right: .1rem;
  background: url("../images/common/btn-email.png?__rev=0f1f870");
  background-size: 100%;
}
.sec-user .user-wrp .user-info .btn-award{
  width: 1.40rem;
  height: .44rem;
  background: url("../images/common/btn-myaward.png?__rev=eb965ff");
  background-size: 100%;
}
.sec-user .user-wrp .user-info .other{
  height: .36rem;
  margin: .1rem 0;
}
.sec-user .user-wrp .user-info .item{
  width: .9rem;
  height: .36rem;
  line-height: .36rem;
  letter-spacing: .05rem;
  margin-right: .1rem;
  background: url("../images/common/bg-user-icon.jpg?__rev=ae112a5");
  background-size: 100%;
  opacity: .6;
  text-align: center;
  color: #fff;
  font-size: .18rem;
}
.sec-user .user-wrp .user-info .like::before{
  content: '';
  display: block;
  margin-top: .05rem;
  margin-left: .15rem;
  float: left;
  width: .22rem;
  height: .22rem;
  background: url("../images/common/icon-like.png?__rev=ee147b0") no-repeat center;
  background-size: 100%;
}
.sec-user .user-wrp .user-info .love::before{
  content: '';
  display: block;
  margin-top: .08rem;
  margin-left: .15rem;
  float: left;
  width: .24rem;
  height: .20rem;
  background: url("../images/common/icon-love.png?__rev=124394e") no-repeat center;
  background-size: 100%;
}
.sec-user .user-wrp .user-info .fire::before{
  content: '';
  display: block;
  margin-top: .05rem;
  margin-left: .15rem;
  float: left;
  width: .18rem;
  height: .22rem;
  background: url("../images/common/icon-fire.png?__rev=1f3f138") no-repeat center;
  background-size: 100%;
}
.sec-user .btn-group{
  width: 1.5rem;
}
.sec-user .btn-group a{
  display: block;
  width: 1.50rem;
  height: .8rem;
}
.sec-user .btn-group .rule{
  margin-bottom: .2rem;
  background: url("../images/common/btn-rule.png?__rev=d0454aa");
  background-size: 100%;
}
.sec-user .btn-group .home{
  background: url("../images/common/btn-home.png?__rev=d26ee6a");
  background-size: 100%;
}
.sec-content{}
.sec-content .content .select{
  width: 4rem;
  height: .5rem;
  margin: .36rem auto .96rem auto;
}
.sec-content .content .select .item{
  float: left;
  width: 1.2rem;
  height: .5rem;
  line-height: .5rem;
  background: url("../images/p1/select-n.png?__rev=b05f080");
  background-size: 100%;
  text-align: center;
  font-size: .24rem;
  color: #f33;
}
.sec-content .content .select .item:nth-child(2){
  margin: 0 .2rem;
}
.sec-content .content .select .active{
  background: url("../images/p1/select-a.png?__rev=c780091");
  background-size: 100%;
  color: #fff;
}
.sec-content .content .broad{
  width: 6.9rem;
  margin: 0 auto;
}
.sec-content .content .broad .item{
  margin: 0 .2rem;
  float: left;
  width: 3rem;
  height: 5rem;
  margin-bottom: .8rem;
  background: url("../images/p1/broad-bg.png?__rev=6408b2e");
  background-size: 100%;
}
.sec-content .content .broad .item .broader,
.sec-content .content .broad .item .videos{
  height: 2.5rem;
  text-align: center;
  color: #fff;
}
.sec-content .content .broad .broader{
  position: relative;
}
.sec-content .content .broad .broader .broad-icon{
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid #f00;
  border-radius: 50%;
  overflow: hidden;
}
.sec-content .content .broader .broad-icon .icon-mask{
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: -0.01rem;
  left: -0.01rem;
  background: url("../images/p1/icon-mask.png?__rev=654e131") center;
  background-size: 100%;
}
.sec-content .content .broad .broader .broad-icon img{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  width: 1.1rem;
  height: 1.1rem;
}
.sec-content .content .broad .broader p{
  font-size: .2rem;
}
.sec-content .content .broad .broader .times,
.sec-content .content .broad .broader .hours{
  color: #ffcc00;
  text-shadow: .01rem .01rem .2rem #f33,0 0 .5rem #f33;
}
.sec-content .content .broad .broader .name{
  padding-top: .6rem;
  color: #3399ff;
  font-weight: bold;
  font-size: .24rem;
  line-height: .48rem;
}
.sec-content .content .broad .broader .btn-group{
  height: .44rem;
  margin-top: .16rem;
  margin-left: .2rem;
}
.sec-content .content .broad .broader .btn-group .btn{
  float: left;
  line-height: .44rem;
  color: #fff;
  font-size: .2rem;
}
.sec-content .content .broad .broader .btn-group .like{
  width: 1.7rem;
  height: .44rem;
  background: url("../images/p1/btn-like-bg.png?__rev=2cf6f35");
  background-size: 100%;
  text-indent: 0.3rem;
}
.sec-content .content .broad .broader .btn-group .more{
  width: .8rem;
  height: .44rem;
  margin-left: .12rem;
  background: url("../images/p1/btn-more-bg.png?__rev=98c87bf");
  background-size: 100%;
}
.sec-content .content .broad .videos .video-img{
  position: relative;
  width: 2.6rem;
  height: 1.56rem;
  margin: .15rem .2rem .1rem .2rem;
  background: url("../images/p1/default-img.png?__rev=c1c0235");
  background-size: 100%;
}
.sec-content .content .broad .videos .video-img .video_play{
  width: .44rem;
  height: .44rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.sec-content .content .broad .videos .video-img img{
  width: 100%;
  height: 100%;
}
.sec-content .content .broad .videos .video-img .tag{
  position: absolute;
  top: -0.01rem;
  display: block;
  width: 1.21rem;
  height: .34rem;
  z-index: 10;
}
.sec-content .content .broad .videos .video-img .now{
  background: url("../images/p1/borad-now.png?__rev=ef1372f") no-repeat;
  background-size: 100%;
}
.sec-content .content .broad .videos .video-img .end{
  background: url("../images/p1/broad-end.png?__rev=58d4eae") no-repeat;
  background-size: 100%;
}
.sec-content .content .broad .videos .title{
  color: #fff;
  font-size: .2rem;
  text-shadow: #ff3333 0px 0px 10px, #ff3333 0px 0px 10px;
}
.sec-content .content .broad .videos .time{
  font-size: .16rem;
  color: #993333;
}
.sec-content .switcher{
  clear: both;
  padding-bottom: .6rem;
}
.sec-content .switcher .switch{
  width: 2.3rem;
  height: .5rem;
  margin: 0 auto .3rem auto;
}
.sec-content .switcher .switch div{
  float: left;
}
.sec-content .switcher .switch .btn-prev,
.sec-content .switcher .switch .btn-next{
  width: .5rem;
  height: .5rem;
}
.sec-content .switcher .switch .btn-prev{
  background: url("../images/common/btn-prev.png?__rev=19e37bf");
  background-size: 100%;
}
.sec-content .switcher .switch .btn-next{
  background: url("../images/common/btn-next.png?__rev=8521e24");
  background-size: 100%;
}
.sec-content .switcher .switch .btn-pager{
  width: 1rem;
  height: .5rem;
  margin: 0 .15rem;
  line-height: .5rem;
  text-align: center;
  color: #fff;
  font-size: .20rem;
  background: url("../images/common/btn-pager.png?__rev=5f0f076");
  background-size: 100%;
}
.sec-content .switcher .decorator{
  height: .8rem;
  background: url("../images/common/decorator.png?__rev=9171710") center no-repeat;
  background-size: 100%;
  width: 5.03rem;
  margin: 0 auto;
}
.sec-content .tt1{
  width: 6.89rem;
  height: .88rem;
  margin: 0 auto;
  background: url("../images/p2/title.png?__rev=3970287") no-repeat center;
  background-size: 100%;
}
.sec-content .tt2{
  width: 6.89rem;
  height: 2.74rem;
  margin: 0 auto;
  background: url("../images/p4/title.png?__rev=e7a3b0c") no-repeat center;
  background-size: 100%;
}
.sec-content .tt3{
  width: 6.89rem;
  height: 2.3rem;
  margin: 0 auto;
  background: url("../images/p1/title.png?__rev=ac8b8a8") no-repeat center;
  background-size: 100%;
  
}
.sec-content .tt4{
  position: relative;
  width: 6.89rem;
  height: 2.3rem;
  margin: 0 auto;
  background: url("../images/p3/title.png?__rev=77ddb8d") no-repeat center;
  background-size: 100%;
}
.sec-content .tt4 .downstar{
  position: absolute;
  top: 1.7rem;
  left: 4.62rem;
  width: 1.2rem;
  height: .26rem;
  background: transparent;
}
.sec-award{
  width: 7.5rem;
  background: url("../images/common/award-bg.png?__rev=e26ad7a") no-repeat;
  background-size: 100%;
}
.sec-award .title-1{
  width: 5.65rem;
  height: 3rem;
  margin: 0 auto;
  padding: .46rem 0;
  background: url("../images/p1/title-aw.png?__rev=d9e5f0e") no-repeat center;
  background-size: 100%;
}
.sec-award .title-2,
.sec-award .title-4{
  width: 5.94rem;
  height: 2rem;
  margin: 0 auto;
  padding: .46rem 0;
  background: url("../images/p2/title-aw.png?__rev=8923bcf") no-repeat center;
  background-size: 100%;
}
.sec-award .title-3{
  width: 5.65rem;
  height: 3rem;
  margin: 0 auto;
  padding: .46rem 0;
  background: url("../images/p3/title-aw.png?__rev=a76ec85") no-repeat center;
  background-size: 100%;
}
.sec-award .award-list {
  margin: 0 .35rem;
}
.sec-award .award-1{
  height: 10.5rem;
}
.sec-award .award-3{
  height: 9rem;
}
.sec-award .award-2{
  height: 9rem;
}
.sec-award .award-list .item{
  float: left;
  width: 2.5rem;
  margin: .3rem .4rem;
}
.sec-award .award-list .item img{
  width: 100%;
  height: 100%;
}
.sec-award .award-1 .item{
  height: 4.3rem;
}
.sec-award .award-3 .item{
  height: 3.63rem;
}
.sec-award .award-2 .item{
  height: 4.31rem;
}
.sec-comment{
  background: url("../images/common/comment-bg.jpg?__rev=e02bfa0");
  background-size: 100%;
  padding-top: .44rem;
}
.sec-comment .comment_wrp{
  background: url("../images/common/comment-wrp-bg.png?__rev=0a36009") repeat-y;
  background-size: 100%;
}
.sec-comment .comment{
  padding: .2rem;
}
.sec-comment .title{
  width: 100%;
  height: 1.1rem;
  background: url("../images/common/comment-title.png?__rev=64f44ad");
  background-size: 100%;
}
.sec-footer{
  padding: .33rem 0;
  background: #eee;
  color: #666;
  text-align: center;
  font-size: .2rem;
}
.sec-rule{
  position: relative;
  width: 7.1rem;
  height: 5rem;
  margin: 1rem auto 0.8rem;
  background: url("../images/p2/rule-bg.png?__rev=1440519");
  background-size: 100%;
}
.sec-rule .top{
  position: absolute;
  left: 50%;
  width: 2.56rem;
  height: 2.56rem;
  transform: translate(-50%,-30%);
}
.sec-rule .top .icon-wrp{
  position: relative;
  width: 2.56rem;
  height: 2.56rem;
  background: url("../images/p2/icon-wrp.png?__rev=cd3c6e8");
  background-size: 100%;
  animation: 15s clockwise linear infinite;
}
.sec-rule .top .icon-mask{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  border: .02rem solid #2451d2;
  border-radius: 50%;
  overflow: hidden;
}
.sec-rule .top .icon-mask img{
  width: 100%;
  height: 100%;
}
.sec-rule .top .video-play{
  position: absolute;
  left: .3rem;
  bottom: .20rem;
  display: block;
  width: 2.14rem;
  height: .47rem;
  background: url("../images/p2/video-play.png?__rev=dee7c22");
  background-size: 100%;
  color: #fff;
  font-size: .12rem;
}
.sec-rule .rule-info{
  padding: 2rem .55rem 0 .55rem;
  font-size: .24rem;
  line-height: .4rem;
}
.sec-rule .thinblue{
  color: #5dedf4;
  font-weight: bold;
}
.sec-rule .rule-title{
  margin-bottom: 0.05rem;
}
.sec-rule .thinyellow{
  color: #ffcc00;
}
.sec-rule .rule-info a{
  text-decoration: underline;
  color: #ffcc00;
}
.sec-rule .btn-submit{
  width: 1.7rem;
  height: .76rem;
  background: url("../images/p2/btn-submit.png?__rev=d6b2cad");
  background-size: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.5rem;
}
.content .select0{
  height: .5rem;
  width: 6.9rem;
  margin: 0 auto;
}
.content .select0 .item{
  float: left;
  width: 2.4rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  margin-right: .1rem;
  background: url("../images/p2/normal-bd.png?__rev=3e1ca08");
  background-size: 100%;
  font-size: 0.24rem;
  color: #ff3333;
}
.content .select0 .all{
  width: 1rem;
  background: url("../images/p2/normal-all.png?__rev=96aa117");
  background-size: 100%;
}
.content .select0 .all .active{
  width: 1rem;
  background: url("../images/p2/hover-all.png?__rev=17f2817");
  background-size: 100%;
  color: #fff;
}
.content .select0 .bili .active,
.content .select0 .dy .active{
  background: url("../images/p2/hover-bd.png?__rev=c6cd997");
  background-size: 100%;
  color: #fff;
}
.content .select1{
  clear: both;
  height: .5rem;
  margin: .3rem auto 0;
  width: 6.9rem;
}
.content .select1 .item{
  float: left;
  width: 1.2rem;
  height: .5rem;
  line-height: .5rem;
  margin-right: .2rem;
  text-align: center;
  font-size: .24rem;
  background: url("../images/p1/select-n.png?__rev=b05f080");
  background-size: 100%;
  color: #ff3333;
}
.content .select1 .active{
  background: url("../images/p1/select-a.png?__rev=c780091");
  color: #fff;
}
.sec-content .works{
  width: 7.2rem;
  margin: 0.2rem auto 0;
  overflow: hidden;
}
.sec-content .work_item{
  float: left;
  width: 3.3rem;
  height: 3.4rem;
  margin: .3rem 0.15rem;
  background: url("../images/p2/video-bg.png?__rev=798d705");
  background-size: 100%;
}
.sec-content .work_item .up{
  position: relative;
  width: 3rem;
  /* height: 1.8rem; */
  margin: .12rem .15rem;
}

.sec-content .work_item .tag{
  position: absolute;
  top: -0.02rem;
  width: .83rem;
  height: .33rem;
  left: -0.01rem;
}
.sec-content .work_item .video_play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-75%);
  z-index: 10;
  width: .44rem;
  height: .44rem;
}
.sec-content .work_item .work_img{
  width: 100%;
  height: 1.8rem;
}
.sec-content .work_item .work_title{
  text-align: center;
  font-size: .2rem;
  line-height: .3rem;
  text-shadow: #ff3333 0px 0px 6px, #ff3333 0px 0px 6px;
  margin-top: 0.1rem;
}
.sec-content .work_item .down{
  height: 1rem;
}
.sec-content .work_item .down .author{
  text-align: center;
  color: #933;
  font-size: .2rem;
  line-height: .2rem;
}
.sec-content .work_item .btns{
  margin: .12rem;
  height: .34rem;
}
.sec-content .work_item .btns .btn{
  float: left;
  height: .44rem;
}
.sec-content .work_item .btns .ticket{
  width: 1.09rem;
  height: .44rem;
  background: url("../images/p2/btn-ticket.jpg?__rev=5eb22b7");
  background-size: 100%;
  margin-right: .1rem;
  margin-left: 0.06rem;
}
.sec-content .work_item .btns .greet{
  width: 1.7rem;
  background: url("../images/p2/btn-greet.png?__rev=a53ed23");
  background-size: 100%;
  font-size: .12rem;
  height: .44rem;
  line-height: .44rem;
  font-size: 0.2rem;
  text-indent: .56rem;
}
.sec-act .phonef{
  width: 7.5rem;
  height: 3.8rem;
  margin: 0 auto;
  background: url("../images/p3/phone-interface.png?__rev=78496b9");
  background-size: 100%;
}
.sec-act .start-wrp{
  position: relative;
  width: 7.5rem;
  height: 2rem;
  background: url("../images/p3/start-deco.png?__rev=84da0c0");
  background-size: 100%;
  margin-bottom: 0.5rem;
}
.sec-act .start-wrp .btn-start{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.04rem;
  height: .98rem;
  transform: translate(-50%,-75%);
  background: url("../images/p3/start-btn.png?__rev=a0548e1");
  background-size: 100%;
}
.sec-content .rank{
  width: 6.5rem;
  margin: 0 auto;
}
.sec-content .rank tr{
  height: .48rem;
  line-height: .48rem;
  font-size: .2rem;
  color: #fff;
}
.sec-content .rank .tbl-head{
  background-color: #832a2a;
}
.sec-content .rank .tbl-head td:first-child{
  text-align: center;
}
.sec-content .rank .tbl-row{
  border-bottom: 1px solid #993333;
}
.sec-content .rank .tbl-row .rank-num{
  width: 1rem;
  position: relative;
  text-align: center;
  z-index: 2;
  color: #4d1616;
}
.sec-content .rank .tbl-row .rank-num::before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background-color: #832a2a;
  z-index: -1;
}
.sec-content .rank .tbl-row .special::before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background-color: #ffcc00;
  color: #993333;
  z-index: -1;
}
.sec-content .rank .tbl-row .name{
  width: 3rem;
}
.sec-content .rank .tbl-row .name .icon{
  float: left;
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  border: solid .02rem #348ce9;
  overflow: hidden;
  margin-left: .1rem;
  margin-top: .04rem;
  margin-right: .05rem;
}
.sec-content .rank .tbl-row .name .icon img{
  width: 100%;
  height: 100%;
}
.sec-content .rank .tbl-row .name .inner{
  width: 2.0rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sec-content .rank .tbl-row .score{
  width: 1.2rem;
}
.sec-content .rank .tbl-row .time{
  width: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #832a2a;
}
.sec-content .rank-btns{
  width: 1.56rem;
  height: .48rem;
  margin: .3rem auto .6rem auto;
}
.sec-content .rank-btns div{
  float: left;
  width: .48rem;
  height: .48rem;
}
.sec-content .rank-btns .rank-prev{
  margin-right: .3rem;
  background: url("../images/p3/normal-r-l.png?__rev=5f0c413");
  background-size: 100%;
}
.sec-content .rank-btns .rank-prev-active{
  background: url("../images/p3/hover-r-l.png?__rev=a0b9d54");
  background-size: 100%;
}
.sec-content .rank-btns .rank-next{
  margin-left: .3rem;
  background: url("../images/p3/normal-r-r.png?__rev=34dbbbb");
  background-size: 100%;
}
.sec-content .rank-btns .rank-next-active{
  background: url("../images/p3/hover-r-r.png?__rev=db76e52");
  background-size: 100%;
}

.staryb_wrp{
  width: 6.5rem;
  height: 5.1rem;
  background: url("../images/p4/startyb_bg.png?__rev=ad0c902");
  background-size: 100% auto;
  margin: 0.2rem auto;
  float: none;
  display: block;
  overflow: hidden;
}
.staryb_wrp .weekyb{
  float: left;
  width: 2.55rem;
}
.staryb_wrp .weekyb .ybimg_wrp{
  width: 100%;
  height: 2.66rem;
}
.staryb_wrp .weekyb .ybimg_wrp img{
  width: 100%;
  height: 100%;
}
.staryb_wrp .weekyb .sybinfo{
  margin-left: 0.36rem;
  font-size: 0.2rem;
  color: #fff;
  position: relative;
  top: -0.26rem;
}
.staryb_wrp .weekyb .infoitem{
  font-size: 0.24rem;
  color: #ffcc00;
  font-weight: bold;
  background-size: 100% auto;
  border-bottom: 1px solid transparent;
  border-image: url("../images/p4/line.png?__rev=e45ddba") 1;
  padding-bottom: 0.05rem;
  margin-bottom: 0.05rem;
}
.staryb_wrp .review{
  float: left;
  width: 3.78rem;
  padding: 0 0 0 0.2rem;
  box-sizing: border-box;
}
.staryb_wrp .review ul{
  overflow: auto;
  width: 100%;
  height: 4.6rem;
  margin-top: 0.3rem;
}
.staryb_wrp .review .divider{
  height: 1px;
  background: url("../images/p4/line_2.png?__rev=b68c0d3");
  background-size: 100% auto;
  margin-bottom: 0.2rem;
}
/* 设置滚动条的样式 */
.staryb_wrp ::-webkit-scrollbar {
  width: 0.04rem;
}
/* 滚动槽 */
.staryb_wrp ::-webkit-scrollbar-track {
  background:#792727;
}
/* 滚动条滑块 */
.staryb_wrp ::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#ff0000;
}
.staryb_wrp .review .review_item{
  background-size: 100% auto;
  overflow: hidden;
}
.staryb_wrp .review .review_item .reviewer{
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 0.03rem solid #337bcd;
}
.staryb_wrp .review .review_item .reviewer img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.staryb_wrp .review .review_item .reviewinfo{
  width: 2.48rem;
  margin-left: 0.1rem;
  font-size: 0.2rem;
}
.staryb_wrp .review .review_item .reviewinfo .name{
  color: #3399ff;
}
.staryb_wrp .review .review_item .reviewinfo .reviewmsg{
  margin-bottom: 0.2rem;
  margin-top: 0.1rem;
}
.staryb_wrp .review .review_item .reviewinfo .reviewmsg .official{
  color: #ffcc00;
}
.staryb_wrp .review .review_item .reviewinfo .join{
  display: block;
  width: 2rem;
  height: 0.46rem;
  background: url("../images/p4/join.png?__rev=a517d1e");
  background-size: 100% auto;
  margin-bottom: 0.3rem;
}

.yb_list_wrp{
  margin: 0.45rem 0 0 0.5rem;
  position: relative;
  padding-bottom: 0.6rem;
}
.yb_list_wrp .swiper-slide{
  position: relative;
  width: 2.72rem;
  height: 4rem;
  border-top-left-radius: 0.05rem;
  overflow: hidden;
}
.yb_list_wrp .swiper-slide .tag_star{
  width: 1.31rem;
  height: 0.38rem;
  background: url("../images/p4/star_tag.png?__rev=2f6231c");
  background-size: 100% auto;
  left: 0;
  top: -0.02rem;
  z-index: 10;
}
.yb_list_wrp .swiper-slide .img{
  width: 2.4rem;
  height: 4rem;
  left: 0.02rem;
}
.yb_list_wrp .swiper-slide .img img{
  width: 2.4rem;
  height: 4rem;
}
.yb_list_wrp .swiper-slide .ybinfo{
  width: 2.4rem;
  height: 1.5rem;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.yb_list_wrp .swiper-slide .ybinfo .ybname{
  text-align: center;
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 10px #0066ff, 0 0 10px #0066ff;
}
.yb_list_wrp .swiper-slide .ybinfo .btn.call{
  width: 2rem;
  height: 0.5rem;
  background: url("../images/p4/call.png?__rev=961b68e");
  background-size: 100% auto;
  margin: 0.1rem auto 0;
  display: block;
  cursor: pointer;
}
.yb_list_wrp .mask{
  width: 1.6rem;
  height: 4rem;
  background: url("../images/p4/mask.png?__rev=56c87c6");
  background-size: 100% auto;
  right: 0;
  top: 0;
  z-index: 11;
  position: absolute;
  transition: opacity .2s ease;
}
.sec-content .filter_wrp{
  height: .5rem;
  margin: .2rem .28rem;
}
.sec-content .filter_wrp .tabs{
  height: .5rem;
}
.sec-content .filter_wrp .tabs .item{
  width: 1rem;
  height: .5rem;
  margin-right: .2rem;
  line-height: .5rem;
  text-align: center;
  background: #660000;
  color: #ff3333;
}
.sec-content .filter_wrp .tabs .item .active{
  background: #f63131;
  color: #fff;
}
.sec-content .filter_wrp .search .keyword{
  width: 2.4rem;
  height: .5rem;
  line-height: .5rem;
  color: #ff3333;
  text-indent: .1rem;
  background: #660000;
}
.sec-content .filter_wrp .search .keyword::placeholder{
  color: #ff3333;
}
.sec-content .filter_wrp .search .keyword::-moz-placeholder{
  color: #ff3333;
}
.sec-content .filter_wrp .search .keyword::-webkit-input-placeholder{
  color: #ff3333;
}
.sec-content .filter_wrp .search .btn_search{
  width: .8rem;
  height: .5rem;
  line-height: .5rem;
  color: #fff;
  background: #f63131;
  border: none;
}
.content_idea{
  background: url("../images/p2/idea-ng.jpg?__rev=d368f38");
  background-size: 100%;
}
.content_idea  .title_idea{
  position: relative;
  height: 3.4rem;
  margin: 0 auto;
  background: url("../images/p2/title-idea.png?__rev=aad24a9") bottom no-repeat;
  background-size: 100%;
}
.content_idea  .title_idea .submit_wrp{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.70rem;
  transform: translateX(-50%);
}
.content_idea  .title_idea .submit_wrp .btn_submit{
  height: .76rem;
  background: url("../images/p2/idea-submit.png?__rev=910690a");
  background-size: 100%;
}
.content_idea .ideas{
  margin: .3rem;
}
.content_idea .ideas li{
  float: left;
  width: 3.3rem;
  height: 3.4rem;
  margin: 0 .15rem .5rem 0;
  background: url("../images/p2/video-bg.png?__rev=798d705");
  background-size: 100%;
  text-align: center;
  color: #993333;
}
.content_idea .ideas li:nth-child(2n+2){
  margin: 0 0rem .5rem .15rem;
}
.content_idea .ideas .img_wrp{
  position: relative;
  width: 3rem;
  height: 1.8rem;
  margin: 0.12rem auto 0.16rem;
}
.content_idea .ideas .img_wrp .cover{
  width: 3rem;
  height: 1.8rem;
}
.content_idea .ideas .img_wrp .video_play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: .44rem;
  height: .44rem;
  background-size: 100%;

}
.content_idea .ideas .title{
  font-size: .2rem;
  color: #fff;
  text-shadow: #ff3333 0px 0px 6px, #ff3333 0px 0px 6px;
}
.content_idea .ideas .btn_group button{
  display: block;
  float: left;
}
.content_idea .ideas .btn_group{
  width: 3rem;
  height: .44rem;
  margin: .05rem auto;
}
.content_idea .ideas .btn_call{
  width: 1.09rem;
  height: .44rem;
  background: url("../images/p2/btn-ticket.jpg?__rev=5eb22b7");
  background-size: 100%;
  margin-right: .15rem;
}
.content_idea .ideas .btn_likes{
  width: 1.7rem;
  height: .44rem;
  background: url("../images/p2/btn-greet.png?__rev=a53ed23");
  background-size: 100%;
  color: #fff;
  text-indent: .1rem;
}
.sec-content .article_submit{
  width: 2.38rem;
  height: 1rem;
  margin: 0 auto;
  position: relative;
}
.sec-content .article_submit .btn_submit{
  width: 1.7rem;
  height: .76rem;
  background: url("../images/p4/btn-submit.png?__rev=5cdceb8");
  background-size: 100%;
}
.sec-content .article_submit .didi{
  position: absolute;
  top: -0.2rem;
  right: .1rem;
  width: .86rem;
  height: .98rem;
  background: url("../images/p4/didi.png?__rev=dba58f3");
  background-size: 100%;
}
.sec-content .article{
  margin: 0 0 0 .3rem;
}
.sec-content .article .article_item{
  float: left;
  width: 3.1rem;
  height: 3.2rem;
  margin: 0 0 .3rem 0;
  padding: .05rem .1rem;
  background: url("../images/p4/bg.png?__rev=b5db457");
  background-size: 100%;
}
.sec-content .article .article_item:nth-child(2n+2){
  margin: 0 0 .3rem .35rem;
}
.sec-content .article .article_item .art_content{
  height: 2.44rem;
  border: solid 0.01rem #943131; 
  color: #333333;
  padding: 0 .05rem;
  overflow: hidden;
  text-align: center;
  background: url("../images/p4/aricle-bg.png?__rev=2b77e76") no-repeat;
  background-size: 100%;
}
.sec-content .article .article_item .art_content .title{
  font-size: .28rem;
  line-height: .48rem;
  color: #3399ff;
}
.sec-content .article .article_item .art_content .author{
  font-size: .2rem;
  line-height: .42rem;
  color: #666666;
}
.sec-content .article .article_item .art_content .info{
  padding: 0 .05rem;
  height: 1.12rem;
  line-height: .4rem;
  text-align: left;
  word-break: break-all;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sec-content .article .article_item .btn_group{
  width: 3rem;
  height: .44rem;
  margin: .18rem auto .2rem;
}
.sec-content .article .article_item .btn_group button{
  float: left;
  height: .44rem;
}
.sec-content .article .article_item .btn_group .btn_call{
  width: 1.09rem;
  height: .44rem;
  margin-right: .1rem;
  background: url("../images/p2/btn-ticket.jpg?__rev=5eb22b7");
  background-size: 100%;
}
.sec-content .article .article_item .btn_group .btn_likes{
  width: 1.7rem;
  height: .44rem;
  line-height: .44rem;
  font-size: .12rem;
  background: url("../images/p4/icon-love.png?__rev=db1692d");
  background-size: 100%;
  color: #fff;
  text-indent: .18rem;
}
.sec-award .award_other{
  clear: both;
  width: 6.15rem;
  height: 2.18rem;
  margin: 0 auto .74rem;
  background: url("../images/p2/award/other.png?__rev=d3e6837");
  background-size: 100%;
}
.sec-user .other button,
.sec-header .tabs .item{
  transition: .3s transform;
}
.sec-user .other button:hover,
.sec-header .tabs .item:hover{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
#commomn-tip{
  position: fixed;
  top: 2rem;
  left: 50%;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: .3rem;
  text-align: center;
  background: rgba(0, 0, 0, .4);
  transform: translateX(-50%);
  display: none;
  z-index: 10000;
}