/*html{font-size: 100px;}*/
*{padding: 0;margin: 0;}
html ,body{ font-size: 100px; width: 100%; height: 100%;}
body{font-family: '微软雅黑',Helvetica,Arial,Sans-serif;line-height: 1.2;color: #333;overflow: auto;}
a{color: #333;}
img{border: 0; width: 100%; display: block;}
ul,li{list-style: none;}
a{text-decoration: none;}
input,select,button{font-family: '微软雅黑',Helvetica,Arial,Sans-serif;}
.cls{clear: both;}
.left{float: left;}
.right{float: right;}
body{ width: 19.2rem; position: relative; background: #fafafa; font-size: 100%;background:#080808;}
/* 变化部分 */
.color{ color: #8e0f47;}
.background{ background: #8e0f47;}
/* 公共部分 */
.header{ width: 100%; height: 0.9rem; background: #080808; position: relative; z-index: 4;}
.header .logo{ width: 1.6rem; float: left; left: 1.4rem; top: 0.25rem; position: absolute;}
.header .nav{ position: absolute; left: 4.2rem; top: 0.25rem; z-index: 5;}
.header .nav li{ float: left; position: relative;}
.header .nav li a{ font-size: 0.18rem; color: #fff; float: left; margin-right: 0.2rem; text-align: center; padding: 0.1rem 0.4rem; border-radius: 0.05rem; }
.header .nav li.cur a{ background: #222222;}
.header .link a{ width: 2.2rem; float: right; height: 0.9rem; right: 0; top: 0; position: absolute; z-index: 5; background: rgb(99,44,164,0.2); padding: 0 0.3rem;}
.header .link img{ margin-top: 0.31rem;}
.header .login a{ font-size: 0.18rem; color: #fff; position: absolute; right: 0.8rem; top:0.25rem; line-height: 0.38rem;}
.header .nav .navdown{ position: absolute; top: 0.38rem; left: 0; width: 2.6rem; z-index: 99; padding: 0.2rem 0; display: none;}
.header .nav .navdown a{ text-align: left; padding: 0.1rem 0.4rem; width: 100%; box-sizing: border-box; position: relative; z-index: 1; border-radius: 0;}
.header .nav .navdown a:hover{ background: #2e2e2e;}
.header .nav .navdown .bg{ width: 100%; height: 100%; background: #000; position: absolute; top:0; left: 0; opacity: 0.8;}
.header-m{ display: none;}
.banner .block .bg ,.poster .bg{ width: 100%; height: 100%; background: #000; position: absolute; top:0; left: 0; opacity: 0.7;}
.review .bg ,.preview .bg{ width: 100%; height: 100%; background: #000; position: absolute; top:0; left: 0; opacity: 0.9;}
/* 头图部分 */
.banner{ width: 100%; position: relative; margin-bottom: 0.2rem; z-index: 1;}
.banner .pc{ display: block;}
.banner .mob{ display: none;}
.banner .text{position: absolute; top: 1.9rem; left: 1.4rem; font-weight: 500; width: 9rem;}
.banner .text .tittle{font-size: 0.45rem; line-height: 0.64rem; color: #fff; margin-bottom: 0.4rem;}
.banner .text .content{font-size: 0.16rem; color: #bababa;line-height: 0.34rem;}
.banner .block{ width: 4rem; position: absolute; top: 2rem; right: 0; z-index: 3; padding: 0.4rem 0.6rem;}
.banner .block .tip{font-size: 0.16rem; line-height: 0.24rem; margin-bottom: 0.2rem; position: relative; z-index: 1;}
.banner .block .tittle{font-size: 0.26rem; line-height: 0.24rem; color: #fff; margin-bottom: 0.2rem; position: relative; z-index: 1;}
.banner .block .content{font-size: 0.16rem; line-height: 0.32rem; color: #bababa; margin-bottom: 0.4rem; position: relative; z-index: 1;}
.banner .block a{font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.22rem;}
.banner .text .content .more{ cursor: pointer;}
.bannerbox{ width: 100%; height: 100%; position: fixed; z-index: 9; top: 0; left: 0; display: none;}
.bannerbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.bannerbox .block{ width: 6rem; background: #080808; position: fixed; top: 2rem; left: 6rem; z-index: 8; padding: 0.8rem 0.6rem 0.4rem 0.6rem;}
.bannerbox .block .tittle{ font-size: 0.28rem; line-height: 0.38rem; margin-bottom: 0.3rem;}
.bannerbox .block .content{ font-size: 0.16rem; line-height: 0.32rem; color: #fff;}
.bannerbox .block .content p{ margin-bottom: 0.2rem;}
.bannerbox .block .close{ cursor: pointer; background: url("../images/close.png") no-repeat; background-size: contain; width: 0.3rem; height: 0.3rem; position: absolute; right: 0.4rem; top: 0.3rem;}
/* 其他头图部分 */
.banner-other{ width: 100%; position: relative; z-index: 1;}
.banner-other .pc{ display: block;}
.banner-other .mob{ display: none;}
.banner-other .text{position: absolute; top: 0.8rem; left: 1.4rem; font-weight: 500; width: 9rem; text-align: left;}
.banner-other .text .tittle{font-size: 0.32rem; line-height: 0.38rem; margin-bottom: 0.1rem;}
.banner-other .text .content{font-size: 0.14rem; color: #bababa;line-height: 0.24rem; text-align: left;}
/* 海报部分 */
.poster{ background-size: cover; width: 15.2rem; position: relative; z-index: 3; padding: 0.4rem 0.6rem; margin-left: 1.4rem; margin-top: -2.26rem; margin-bottom: 1.4rem;}
.poster .text{font-size: 0.24rem; line-height: 0.26rem; color: #fff; position: relative; z-index: 1; text-align: center;}
.poster .text a.link{ text-decoration: underline; cursor: pointer;}
.poster .text a.pop{ cursor: pointer;}
.popbox{ width: 100%; height: 100%; position: fixed; z-index: 9; top: 0; left: 0; display: none;}
.popbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.popbox .block{ width: 6rem; background: #080808; position: fixed; top: 2rem; left: 6rem; z-index: 8; padding: 0.8rem 0.6rem 0.4rem 0.6rem;}
.popbox .block .tittle{ font-size: 0.28rem; line-height: 0.38rem; margin-bottom: 0.3rem;}
.popbox .block .content{ font-size: 0.16rem; line-height: 0.32rem; color: #fff;}
.popbox .block .content p{ margin-bottom: 0.2rem;}
.popbox .block .close{ cursor: pointer; background: url("../images/close.png") no-repeat; background-size: contain; width: 0.3rem; height: 0.3rem; position: absolute; right: 0.4rem; top: 0.3rem;}
.posterbox{ width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0; display: none;}
.posterbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.posterbox .block{ width: 4.4rem; position: absolute; top: 0.8rem; left: 6.8rem; z-index: 8; padding: 0.8rem 0.6rem 0.4rem 0.6rem;}
.posterbox .block .content{ font-size: 0.16rem; line-height: 0.32rem; color: #fff;}
.posterbox .block .close{ cursor: pointer; background: url("../images/close.png") no-repeat; background-size: contain; width: 0.3rem; height: 0.3rem; position: absolute; right: 0.4rem; top: 0.3rem;}
/* 预告部分 */
.preview{ width: 16.4rem; position: relative; margin-bottom: 1.8rem; z-index: 1; padding:0 1.4rem;}
.preview .tittle{font-size: 0.54rem; line-height: 0.64rem; color: #fff; margin-bottom: 0.4rem; padding-top: 1.8rem; text-align: right; padding-right: 0.6rem;}
.preview .tittle span{font-size: 0.14rem; line-height: 0.14rem; display: block; margin-top: 0.1rem;}
.preview .img{ width: 10rem; position: absolute; top:0; left:1.4rem;}
.preview .block{ width: 8.4rem; position: relative; z-index: 3; margin-left: 8.1rem;}
.preview .block a{font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.22rem;}
.preview .swiper-slide{ text-align: left;}
.preview .swiper-slide .caption{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem; display: block; padding: 0.4rem 0.6rem 0 0.6rem; width: 7.2rem;}
.preview .swiper-slide .time{font-size: 0.16rem; line-height: 0.18rem; margin-bottom: 0.2rem; color: #fff; padding: 0 0.6rem; width: 7.2rem;}
.preview .swiper-slide .content{font-size: 0.16rem; line-height: 0.32rem; color: #bababa; margin-bottom: 0.2rem; position: relative; z-index: 1; padding: 0 0.6rem; width: 7.2rem;}
.preview .swiper-slide .guest{ position: relative; padding: 0 0.6rem 0.8rem 0.6rem; float: left;}
.preview .swiper-slide .guest li{ width: 3.2rem; float: left; position: relative; margin-right: 0.2rem;}
.preview .swiper-slide .guest img{ width: 0.8rem;}
.preview .swiper-slide .guest span{ position: absolute; left: 1rem; top: 0.1rem; font-size: 0.16rem; color: #fff; display: block; }
.preview .swiper-slide .guest em{ position: absolute; left: 1rem; top:0.34rem; font-size: 0.14rem; color: #fff; display: block; font-style: normal;}
.swiper-pagination-bullet {
width: 0.12rem;
height: 0.12rem;
display: inline-block;
border-radius: 100%;
background: #bababa;
opacity: 1;
}
.preview .swiper-slide a.go{font-size: 0.14rem; line-height: 0.2rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.2rem; width: 1.4rem; text-align: center; border-radius: 0.22rem; margin-left: 0.6rem; margin-bottom: 0.3rem;}
.swiper-pagination{ text-align: left; padding-left: 0.6rem;}
/* 回顾部分 */
.review{ width: 16.4rem; position: relative; margin-bottom: 1.8rem; z-index: 1; padding:0 1.4rem;}
.review .tittle{font-size: 0.54rem; line-height: 0.64rem; color: #fff; margin-bottom: 0.4rem; padding-top: 1.8rem; padding-left: 0.6rem;}
.review .tittle span{font-size: 0.14rem; line-height: 0.14rem; display: block; margin-top: 0.1rem;}
.review .img{ width: 10rem; position: absolute; top:0; right:1.4rem;}
.review .block{ width: 7.2rem; position: relative; z-index: 3; padding: 0.4rem 0.6rem;}
.review .block .content{font-size: 0.16rem; line-height: 0.32rem; color: #bababa; margin-bottom: 0.4rem; position: relative; z-index: 1;}
.review .block a{font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.22rem;}
/* 回放部分 */
.list{ width: 16.4rem; position: relative; margin-bottom: 1.8rem; z-index: 1; padding:0.4rem 1.4rem 0 1.4rem;}
.list .tittle{font-size: 0.54rem; line-height: 0.64rem; color: #fff; margin-bottom: 0.4rem; padding-top: 1.8rem; text-align: right; padding-right: 0.6rem;}
.list .tittle span{font-size: 0.14rem; line-height: 0.14rem; display: block; margin-top: 0.1rem;}
.list .img{ width: 10rem; position: absolute; top:0; left:1.4rem;}
.list .block{ width: 8.4rem; position: relative; z-index: 3; margin-left: 8.1rem;}
.list .block a{font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.22rem;}
.list .item{ text-align: left; width: 8.1rem; float: left; background: #151515; margin-right: 0.2rem; margin-bottom: 0.2rem; box-sizing: border-box;}
.list .item:nth-child(even){ margin-right: 0;}
.list .item .caption{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem; display: block; padding: 0.4rem 0.6rem 0 0.6rem;}
.list .item .time{font-size: 0.16rem; line-height: 0.18rem; margin-bottom: 0.2rem; color: #fff; padding: 0 0.6rem;}
.list .item .content{font-size: 0.16rem; line-height: 0.32rem; color: #bababa; margin-bottom: 0.2rem; position: relative; z-index: 1; padding: 0 0.6rem; height: 0.64rem; overflow: hidden;}
.list .item .guest{ position: relative; padding: 0 0.6rem 0.8rem 0.6rem; float: left;}
.list .item .guest li{ width: 3.2rem; float: left; position: relative; margin-right: 0.2rem;}
.list .item .guest img{ width: 0.8rem;}
.list .item .guest span{ position: absolute; left: 1rem; top: 0.1rem; font-size: 0.16rem; color: #fff; display: block; }
.list .item .guest em{ position: absolute; left: 1rem; top:0.34rem; font-size: 0.14rem; color: #fff; display: block; font-style: normal;}
.list .item a.go{font-size: 0.14rem; line-height: 0.2rem; color: #fff; position: relative; z-index: 1; display: block; padding: 0.1rem 0; height: 0.2rem; width: 1.4rem; text-align: center; border-radius: 0.22rem; margin-left: 0.6rem; margin-bottom: 0.3rem;}
.list .item a.more{position: absolute; right: 0.6rem; bottom: 0.02rem; background: #151515; padding-left: 0.18rem;}
.list .page{ width: 100%; text-align: center; font-size: 0.18rem; font-weight: 500; margin: 0.2rem 0;}
.list .page a{ padding:0.2rem 0.15rem; color: #bababa;}
/* 底部 */
.footer{ background: #101010; position: relative; z-index: 1; color: #bababa; font-size: 0.18rem; padding:0.3rem 1.4rem; line-height: 0.24rem;}
/* 背景部分 */
body.play{ width: 100%; height: 100%; overflow: hidden;}
.playbg{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;}
.playbg .bg{ width: 100%; height: 2.94rem; position: absolute; bottom: 0; left: 0; background: url("../images/playbg.png") no-repeat; background-size: cover;}
.playbg .kv{ display: block;}
.playbg .kvmob{ display: none;}
.playbg .bgmob{ display: none;}
body.login{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.loginbg ,.regbg{ width: 100%; height: 100%; position: absolute; top: 0.9rem; left: 0;}
body.reg{ width: 100%; height: auto; position: relative;}
/* 登录 */
.loginbox{ position: relative; z-index: 9; width: 8rem; height: 4rem; margin: 0.6rem auto 0 auto; padding-top: 0.2rem;}
.loginbox .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.4;}
.loginbox .box{ width: 7.6em; height: 3.8rem; margin: 0 0 0 0.2rem; position: relative;}
.loginbox .box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.loginbox .tittle{color: #ffffff; font-size: 0.18rem; line-height: 0.48rem; height: 0.48rem; padding-left: 0.2rem; position: relative; z-index: 1; margin-bottom: 0.6rem;}
.loginbox .form{ font-size: 0.16rem; color: #fff; display: flex; justify-content: center; position: relative; z-index: 1;}
.loginbox .form span{ width: 1rem; display: inline-block; line-height: 0.18rem; margin-top: 0.1rem;}
.loginbox .form input{ width: 3.6rem; padding: 0.1rem 0.2rem; line-height: 1; height: 0.18rem; display: inline-block; margin-bottom: 0.2rem;}
.loginbox .form input.yzm{ width: 0.8rem; margin-right: 0.1rem;}
.loginbox .form .txt{ width: 5.2rem;}
.loginbox .form .txt span{ float: left;}
.loginbox .form .txt input{ float: left;}
.loginbox .form .txt img{ float: left; display: block; height: 0.4rem; width: auto;}
.loginbox .form .tip{ font-size: 0.16rem; color: #bababa; float: left; width: 100%; padding-left: 1rem;}
.loginbox .form .tip a{ padding-left: 0.05rem;}
.loginbox .btn{ text-align: center; width: 100%; display: block; height: 0.4rem; margin-top: 0.3rem; position: relative; z-index: 1;}
.loginbox .btn a{ font-size: 0.16rem; color: #fff; width: 1.6rem; text-align: center; line-height: 0.4rem; border-radius: 0.05rem; display: inline-block; vertical-align: top; height: 0.4rem;}
.loginbg .kv{ display: block;}
.loginbg .kvmob{ display: none;}
.play .kv{ display: block;}
.play .kvmob{ display: none;}
/* 注册 */
.regbox{ position: relative; z-index: 9; width: 8rem; height: auto; margin: 0.6rem auto 0 auto; padding-top: 0.2rem; padding-bottom: 0.2rem;}
.regbox .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.4;}
.regbox .box{ width: 7.6em; margin: 0 0 0 0.2rem; position: relative;}
.regbox .box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.regbox .tittle{color: #ffffff; font-size: 0.18rem; line-height: 0.48rem; height: 0.48rem; padding-left: 0.2rem; position: relative; z-index: 1; margin-bottom: 0.6rem;}
.regbox .form{ font-size: 0.16rem; color: #fff; display: flex; justify-content: center; position: relative; z-index: 5;}
.regbox .form span{ width: 1.2rem; display: inline-block; line-height: 0.18rem; margin-top: 0.1rem; float: left;}
.regbox .form input{ width: 3.6rem; padding: 0.1rem 0.2rem; line-height: 1; height: 0.18rem; display: inline-block; margin-bottom: 0.2rem;}
.regbox .form input.yzm{ width: 0.8rem; margin-right: 0.1rem;}
.regbox .form .txt{ width: 5.2rem;}
.regbox .form .txt span{ float: left;}
.regbox .form .txt input{ float: left;}
.regbox .form .txt img{ float: left; display: block; height: 0.4rem; width: auto;}
.regbox .form .tip{ font-size: 0.16rem; color: #bababa; float: left; width: 100%; padding-left: 1rem;}
.regbox .form .tip a{ padding-left: 0.05rem;}
.regbox .btn{ text-align: center; width: 100%; display: block; height: 0.4rem; margin-top: 0.3rem; position: relative; z-index: 1;}
.regbox .btn a{ font-size: 0.16rem; color: #fff; width: 1.6rem; text-align: center; line-height: 0.4rem; border-radius: 0.05rem; display: inline-block; vertical-align: top; height: 0.4rem;}
.regbg .kv{ display: block;}
.regbg .kvmob{ display: none;}
.nsselect {float: left; cursor: pointer; position: relative; height: 0.18rem; width: 3.6rem; background: #fff url(../images/drop.png); background-repeat: no-repeat; background-position: right center;padding: 0.1rem 0.2rem; margin-bottom: 0.2rem;}
.nsselect .text{ color: #333;}
.nsselect .nsselect-drop {display: none;background-color: #fff;position: absolute;left: 0;top: 0.38rem;width: 100%}
.nsselect .nsselect-drop .nd-c {border: 1px solid #ccc;max-height: 200px;overflow-x: hidden;overflow-y: auto;border-top: 0px;}
.nsselect .nsselect-drop .ns-item {cursor: pointer;height: 0.38rem;line-height: 0.38rem;border-bottom: 1px solid #ccc}
.nsselect .nsselect-drop .ns-item span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.2rem; margin-right: 0.2rem; color: #333;}
.nsselect .nsselect-drop .ns-item:last-child {border-bottom: 0 solid #ccc}
.nsselect .nsselect-drop .ns-item:hover { background-color: #bababa;}
.nsselect .nsselect-drop .ns-item:active, .nsselect .nsselect-drop .ns-item.current {background-color: #bababa;}
.nsselect.open .nsselect-drop {display: block}
/* 视频部分 */
.video{position: relative; z-index: 99;}
.video .broadcast_box{width: 10.5rem;height: 5.91rem;position: absolute;left: 4.5rem;top:0.4rem;}
.video .ppt_box{width: 3.18rem; height: 1.88rem; position: absolute; right: 0.8rem; top:0.4rem;}
.video .pptbg{width: 3.18rem; height: 1.88rem; background:#000; opacity: 0.4; position: absolute; right: 0.8rem; top:0.4rem;}
.video .ppt_box1{width: 2.99rem;height: 1.68rem;position: absolute;right: 0.9rem;top:0.5rem; left: auto; z-index: 1;}
.video .broadcast_box1{width: 10.5rem;height: 5.91rem;position: absolute;left: 4.5rem;top:0.4rem;right: auto;}
.video .ppt_box .ppt_box_in{margin: 0.1rem 0 0 0.1rem;width: 2.99rem;height: 1.68rem; position: relative; z-index: 1;}
.video .broadcast_box1 .ppt_box_in{width: 10.5rem;height: 5.91rem; margin: 0; z-index: auto;}
.video .arrow{cursor: pointer; width: 0.3rem;height: 0.3rem;position: absolute;right: 0.8rem;top: 2.3rem;}
.video .broadcast_box img,.video .ppt_box img{width: 100%;height: 100%;}
.video .tool{width: 10.5rem;height: 0.6rem;position: absolute;left: 4.5rem;top:6.31rem;display: flex; justify-content: space-between; align-items: center; display: none;}
.video .tool .bg{background:#000; opacity: 0.9; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video .tool ul{ padding: 0.16rem 0; position: relative; z-index: 1;}
.video .tool li{ font-size: 0.16rem; float: left; line-height: 0.24rem; padding-left:0.3rem;}
.video .tool li a{ color: #fff; display: block; cursor: pointer;}
.video .tool li img{ width: 0.24rem; float: left; margin-right: 0.1rem;}
.video .tool li.right{ float: right; padding-right: 0.3rem;}
.video .tool li.voice a{ background: url("../images/tool6.png") no-repeat; background-size: 0.24rem; width: 0.3rem; height: 0.24rem;}
.video .tool li.voice a.cur{ background: url("../images/tool6-a.png") no-repeat; background-size: 0.24rem;}
.video .tool .peopleNum{
position: relative;
display: flex;
align-items: center;
z-index: 1;
color: #fff;
font-size: .16rem;
padding-right: .3rem;
}
.video .tool .peopleNum::before{
display: block;
content: '';
width: .2rem;
height: .2rem;
background: url(../imagesF/iconpn.svg) center/100% auto no-repeat;
margin-right: .1rem;
}
.fullScreenBtn{ background: url("../images/fullscreen.png"); background-size: contain; width: 0.3rem; height: 0.3rem; position: absolute; bottom: 0.2rem; right:0.2rem; z-index: 9999;}
.video video{ width: 100%;}
.video .online{ font-size: 0.14rem; position: absolute; left: 5.2rem; top:0.15rem; color: #fff;}
.video .tool li.switch a{ background: url("../images/tool9.png") no-repeat; background-size: contain; width: 0.4rem; height: 0.24rem;}
.video .tool li.switch a.cur{ background: url("../images/tool9-a.png") no-repeat; background-size: contain;}
/* 互动问答 */
.chat_box{ width: 3.18rem;height: 4.3rem;position: absolute;top: 3.54rem;right: 0.8rem; z-index: 9; display: none;}
.chat_box .bg{background:#000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.chat_box .inbg{background:#000; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.chat_box .chat_tit{position: relative; color: #fff;font-size: 0.18rem; height: 0.44rem;line-height: 0.44rem;padding-left: 0.23rem;margin: 0.1rem 0.1rem 0 0.1rem; z-index: 2;}
.chat_box .chat_cont{height: 3.15rem;margin:0 0.1rem 0 0.1rem; position: relative; z-index: 2;}
.chat_box .chat_cont p{padding: 0 0.2rem 0.15rem 0.2rem;font-size: 0.14rem;color: #fff;}
.chat_box .chat_cont p:first-child{padding-top: 0.2rem;}
.chat_box .chat_list{ position: relative; z-index: 1;}
.chat_box .chat_bot{margin: 0.1rem 0.1rem;overflow: hidden; position: relative; z-index: 2;}
.chat_box .chat_bot .chat_input{float: left; width: 1.52rem;height: 0.41rem;background: rgba(255,255,255,0.45);border: 0;font-size: 0.16rem; line-height: 0.41rem; padding: 0 0.2rem;}
.chat_box .chat_bot .send_btn{float: right;width: 0.92rem;height: 0.41rem;font-size: 0.16rem;border: 0;color: #ffffff; border-radius: 0.05rem;}
/* 日程 */
.branch_box{position: absolute;width: 3.38rem;height: 6.5rem;left:0.9rem; top:1.3rem;color: #ffffff; z-index: 9;}
.branch_box .bg{background:#000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.branch_box .inbg{background:#000; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.branch_box .branch_in{width: 3.18rem;height: 6.3rem;margin: 0.1rem 0 0 0.1rem; position: relative;}
.branch_box .branch_in .top_tit{color: #ffffff;font-size: 0.18rem;line-height: 0.48rem;height: 0.48rem;padding-left: 0.2rem; position: relative; z-index: 1;}
.branch_box .branch_in .branch_top{height: 3.8rem;}
.branch_box .branch_in .each{border-bottom: 1px solid #d3d3d3; overflow: hidden;padding: 0.32rem 0;margin: 0 0.15rem; position: relative; z-index: 1;}
.branch_box .branch_in .each:last-child{border-bottom: 0;}
.branch_box .branch_in .each img{width: 0.65rem;height: auto;float: left;}
.branch_box .branch_in .each .intro{margin: 0 0 0 0.8rem;font-size: 0.14rem;line-height:0.25rem;}
.branch_box .branch_in .each .intro .tit{font-size: 0.16rem;}
.branch_box .branch_in .tittle{border-bottom: 1px solid #a9a9a9; overflow: hidden;padding: 0.2rem 0;margin: 0 0.2rem; font-size: 0.18rem; line-height: 0.24rem; position: relative; z-index: 1;}
.branch_box .branch_in .each p.g{ color: #bababa;}
.branch_in a{ color: #fff;}
/* 提示 */
.tipbox{ width: 5rem; height: 0.6rem; text-align: center; color: #fff; position: fixed; top: 6.8rem; left: 7rem; z-index: 9999; display: none;}
.tipbox .content{ position: relative; z-index: 1; font-size: 0.18rem; line-height: 0.6rem;}
.tipbox .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.7;}
/* 广告 */
.adsbox{ width: 6rem; height: 1.21rem; text-align: center; color: #fff; position: fixed; bottom: 0; left: 0; z-index: 9999;}
.adsbox .ads{ float: left; width: 3rem;}
.adsbox .ads img{ width: 100%;}
/* 刮刮乐 */
.prize{ width: 5rem; height: 2.38rem; background: url("../images/prizebg.png") no-repeat; background-size: cover; text-align: center; color: #fff; position: fixed; top: 2.8rem; left: 7rem; z-index: 9999; display: none; z-index: 1000000;}
.prize .begin{ width: 4.4rem; padding: 0.3rem; text-align: center;}
.prize .begin .tittle{ font-size: 0.28rem; margin-bottom: 0.1rem; font-weight: bold; margin-top: 0.2rem;}
.prize .begin .tip{ font-size: 0.14rem; color: #fff; margin-bottom: 0.2rem;}
.prize .begin .tip span{ padding: 0 0.05rem; font-weight: bold; font-size: 0.18rem; color: #ffe759;}
.prize .begin a{ font-size: 0.16rem; line-height: 0.32rem; height: 0.32rem; color: #fff; display: inline-block; width: 1.6rem; border-radius: 0.05rem; vertical-align: top; background: #9d0103;}
.prizebg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 99999; display: none;}
.prize .close{ cursor: pointer; background: url("../images/close1.png") no-repeat; background-size: contain; width: 0.2rem; height: 0.2rem; position: absolute; right: -0.3rem; top: -0.3rem;}
.prize .process{ width: 4.74rem; height: 2.06rem; position: absolute; left: 0.15rem; top: 0.15rem; display: none;}
.prize .process img{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
#redux { position: absolute; top: 0; left: 0; z-index: 2;}
.prize .process .tip{ font-size: 0.14rem; color: #fff; margin-bottom: 0.2rem; position: absolute; top:2.4rem; left: 0; width: 100%; text-align: center; display: none;}
.prize .process .tip span{ padding: 0 0.05rem; font-weight: bold; font-size: 0.18rem; color: #ffe759;}
.prize .process a{ font-size: 0.16rem; line-height: 0.32rem; height: 0.32rem; color: #fff; display: inline-block; width: 1.6rem; border-radius: 0.05rem; vertical-align: top; background: #9d0103; position: absolute; top:2.75rem; left: 1.56rem; width: 1.6rem; text-align: center; display: none;}
.prize .process .cj{ width: 100%; font-weight: bold; font-size: 0.24rem; text-align: center; color: #ffe759; display: inline-block; line-height: 0.24rem;}
/* 弹幕 */
.danmu{width: 10.5rem;height: 2.39rem;position: absolute;left: 4.5rem;top:0.4rem; pointer-events: none;}
.danmu .input{ width: 4.4rem; height: 0.8rem;position: fixed; top: 6.5rem; left: 7.3rem; z-index: 99; display: none; pointer-events: all;}
.danmu .input input{ width: 2.6rem; height: 0.3rem; line-height: 0.3rem; position: absolute; top: 0.15rem; left: 0.2rem; z-index: 1; padding: 0 0.1rem; border: 0; background: rgba(255,255,255,0.45)}
.danmu .input a{ width: 1rem; height: 0.3rem; line-height: 0.3rem; position: absolute; top: 0.15rem; left: 3.2rem; font-size: 0.16rem; color: #fff; z-index: 1; text-align: center; border-radius: 0.05rem;}
.danmu .input .tip{ width: 100%; height: 0.2rem; line-height: 0.2rem; position: absolute; top: 0.5rem; left: 0.2rem; font-size: 0.14rem; color: #fff; z-index: 1;}
.danmu .input .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.9;}
/* 评分提示框 */
.quest_box{width: 8.2rem;height: 4.4rem;left: 5.35rem;top: 1.5rem; position: fixed; z-index: 100001; color: #fff; display: none;}
.quest_box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.4;}
.quest_box .wrap_box_in{width: 8rem;height: 4.2rem;margin: 0.1rem 0 0 0.1rem; position: relative; z-index: 1;}
.quest_box .boxlist{ position: relative; z-index: 2;}
.quest_box .wrap_box_in .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.quest_box .box_cont{padding: 0 0.2rem; text-align: left;}
.quest_box .quest_each{margin-bottom: 0.3rem;}
.quest_box .quest_each:nth-child(1){ margin-top: 0.3rem;}
.quest_box .quest_each .each_tit{padding-bottom: 0;font-size: 0.14rem; line-height: 0.24rem;}
.quest_box .quest_each p{overflow: hidden; padding-left: 0.2rem;}
.quest_box .quest_each p span{width: 18%;display: block;float: left;overflow: hidden;margin-top: 0.1rem; position: relative;}
.quest_box .quest_each p span.long{width: 2rem;}
.quest_box .quest_each label.checkbox,.quest_box .quest_each label.radio{width: 0.15rem;height: 0.15rem;display: block;background: url(../images/radio_back.png) no-repeat;background-size: 100% 100%;cursor: pointer;float: left;margin-top: 0.02rem;margin-right: 0.05rem;}
.quest_box .quest_each label.cur{border:none;width: 0.15rem;height: 0.15rem;background:url(../images/radio_back_cur.png) no-repeat;background-size: 100% 100%;}
.quest_box .quest_each span i{font-style: normal;float: left;cursor: default;}
.quest_box .quest_each span em{ font-style: normal; margin-left: 0.05rem; font-weight: bold;}
.quest_box .quest_each .ipt-hide{ float: left; margin-top: 0.03rem; margin-right: 0.05rem;}
.quest_box .quest_each2 p span{font-size:0.14rem; width: 1.3rem;display: block;float: left; color: #bababa;}
.quest_box .submit_btn{text-align: center; display: block; width: 100%; height: 0.41rem; padding-bottom: 0.2rem;}
.quest_box .submit_btn a{ font-size: 0.14rem; line-height: 0.36rem; height: 0.36rem; color: #fff; display: inline-block; width: 1.6rem; border-radius: 0.05rem; vertical-align: top;}
.quest_box .tittle{color: #ffffff; font-size: 0.18rem; line-height: 0.48rem; height: 0.48rem; padding-left: 0.2rem; position: relative; z-index: 1;}
.quest_box .close{ cursor: pointer; background: url("../images/close.png") no-repeat; background-size: contain; width: 0.2rem; height: 0.2rem; position: absolute; right: 0.25rem; top: 0.25rem; z-index: 9999;}
.quest_box .quest_each.q100 p span{ width: 100%;}
.quest_box .quest_each.q50 p span{ width: 50%;}
.quest_box .quest_each.q33 p span{ width: 33.33%;}
.quest_box .quest_each.q25 p span{ width: 25%;}
.quest_box .quest_each.q20 p span{ width: 20%;}
/* 大会抽奖 */
.lottery{ width: 6.4rem; height: 2.8rem; position: fixed; top:2.4rem; left: 6.25rem; color: #fff; display: none; z-index: 10001;}
.lottery .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.4;}
.lottery .box{ width: 6.2rem; height: 2.6rem; margin: 0.1rem 0 0 0.1rem; position: relative;}
.lottery .box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.lottery .tittle{color: #ffffff; font-size: 0.18rem; line-height: 0.48rem; height: 0.48rem; padding-left: 0.2rem; position: relative; z-index: 1;}
.lottery .content{ text-align: center; margin-top: 0.8rem; display: block; width: 100%; position: relative; z-index: 1;}
.lottery .text{ display: block; padding-top: 0.6rem; font-size: 0.16rem;}
.lottery .jg{ display: none;}
.lottery .tit{ font-size: 0.18rem; margin-bottom: 0.1rem;}
.lottery .t{ font-size: 0.24rem; margin-bottom: 0.4rem;}
/* 资料下载 */
.download_box{width: 8.2rem;height: 4.4rem;left: 5.35rem;top: 1.5rem; position: fixed; z-index: 100001; color: #fff; display: none;}
.download_box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.4;}
.download_box .wrap_box_in{width: 8rem;height: 4.2rem;margin: 0.1rem 0 0 0.1rem; position: relative; z-index: 1;}
.download_box .boxlist{ position: relative; z-index: 2;}
.download_box .wrap_box_in .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.download_box .box_cont{padding: 0 0.2rem; text-align: left;}
.download_box .tittle{color: #ffffff; font-size: 0.18rem; line-height: 0.48rem; height: 0.48rem; padding-left: 0.2rem; position: relative; z-index: 1;}
.download_box .close{ cursor: pointer; background: url("../images/close.png") no-repeat; background-size: contain; width: 0.2rem; height: 0.2rem; position: absolute; right: 0.25rem; top: 0.25rem; z-index: 9999;}
.download_box .box_list li {overflow: hidden;padding: 0.18rem 0; position: relative; font-size: 0.16rem;}
.download_box .box_list li img{float: left;width: 0.25rem;}
.download_box .box_list li .info{float: left;margin-left: 0.15rem;}
.download_box .box_list li .info span{display: block;padding-bottom: 0.05rem;}
.download_box .box_list li .info i{font-size: 0.14rem;color: #979797; font-style: normal;}
.download_box .box_list li a{float: right;padding-top: 0.12rem;}
.download_box .downloadbg{ width: 100%; height: 100%;position: fixed; top: 0; left: 0; background: #000; opacity: 0.4;}
figure {
position: absolute;
margin: auto;
top: -1rem; bottom: 0; left: 0; right: 0;
width: 1rem; height: 1rem;
animation: rotate 2.4s linear infinite;
}
.white {
top: 0; bottom: 0; left: 0; right: 0;
background: white;
animation: flash 2.4s linear infinite;
opacity: 0;
}
.dot {
position: absolute;
margin: auto;
width: 0.4rem; height: 0.4rem;
border-radius: 100%;
transition: all 1s ease;
}
.dot:nth-child(2) { top: 0; bottom: 0; left: 0; background: #FF4444; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(3) { left: 0; right: 0; top: 0; background: #FFBB33; animation: dotsX 2.4s linear infinite; }
.dot:nth-child(4) { top: 0; bottom: 0; right: 0; background: #99CC00; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(5) { left: 0; right: 0; bottom: 0; background: #33B5E5; animation: dotsX 2.4s linear infinite; }
@keyframes rotate {
0% { transform: rotate( 0 ); }
10% { width: 1rem; height: 1rem; }
66% { width: 0.4rem; height: 0.4rem; }
100%{ transform: rotate(360deg); width: 1rem; height: 1rem; }
}
@keyframes dotsY {
66% { opacity: .1; width: 0.4rem; }
77%{ opacity: 1; width: 0; }
}
@keyframes dotsX {
66% { opacity: .1; height: 0.4rem;}
77%{ opacity: 1; height: 0; }
}
@keyframes flash {
33% { opacity: 0; border-radius: 0%; }
55%{ opacity: .6; border-radius: 100%; }
66%{ opacity: 0; }
}
/*进度条*/
.progress {
position: absolute;
right: 0.4rem;
top:0;
width: 2.6rem;
padding: 0.01rem;
background: rgba(0, 0, 0, 0.25);
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-num{ position: absolute; right: 0; top: 0; font-size: 0.14rem; color: #bababa;}
.progress-bar {
position: relative;
height: 0.13rem;
border-radius: 0.04rem;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
}
.progress-bar:before {
bottom: 0;
background: url("../images/stripes.png") 0 0 repeat;
border-radius: 4px 4px 0 0;
}
.progress-bar:after {
z-index: 2;
bottom: 45%;
border-radius: 4px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
/*
* Note: using adjacent or general sibling selectors combined with
* pseudo classes doesn't work in Safari 5.0 and Chrome 12.
* See this article for more info and a potential fix:
* http://css-tricks.com/webkit-sibling-bug/
*/
.p5 { background-color: #f63a0f;}
.p25 { background-color: #f27011;}
.p50 { background-color: #f2b01e;}
.p75 { background-color: #f2d31b;}
.p100 {background-color: #86e01e;}
@media screen and (max-width: 999px) {
.header{ display: none;}
.header-m{ display: block;}
html{ height: 100%;}
body{ width: 6.4rem; height: auto;}
.main{ width: 6rem; min-width: 0; padding: 0 0.2rem;}
.header-m{ width: 100%; height: 1rem; background: #080808; position: relative; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); z-index: 99999;}
.header-m .logo{ width: 2rem; float: left; left: 0.4rem; top: 0.27rem; position: absolute;}
.header-m .menu{ width: 0.4rem; position: absolute; right:0.3rem; top:0.3rem;}
.header-m .nav{ width: 100%; background: #1b1b1b; position: absolute; top:0.99rem; right: 0; z-index: 9; display: none;}
.header-m .nav li{ float: none;font-size: 0.18rem;}
.header-m .nav li a{ font-size: 0.24rem; color: #fff; font-weight: bold; line-height: 0.8rem; display: block; padding: 0 0.4rem; position: relative;}
.header-m .link{ width: 2.4rem; margin: 0.3rem 0.4rem; top: 0.31rem; z-index: 5;}
.header-m .login{ font-size: 0.24rem; color: #232f3e; position: relative; right: 0; top:0; padding: 0.2rem 0.4rem; font-weight: bold;}
.header-m .login a{ color: #fff;}
.header-m .nav .navdown{ display: none; padding-left: 0.2rem;}
.header-m .nav li i{ position: absolute; right:0.4rem; top:0; color: #fff; font-style: normal; font-size: 0.24rem;}
/* 头图部分 */
.banner{ width: 100%; margin-bottom: 3.2rem;}
.banner .pc{ display: none;}
.banner .mob{ display: block; position: absolute; top: 0; left: 0;}
.banner .text{top: auto; left: auto; width: 5.6rem; position: relative; padding-top: 0.6rem; padding-left: 0.4rem; margin-bottom: 0.4rem;}
.banner .text .tittle{font-size: 0.31rem; line-height: 0.48rem; margin-bottom: 0.3rem;}
.banner .text .content{font-size: 0.24rem;line-height: 0.34rem; width: 100%; display: block;}
.banner .block{ width: 5.6rem; top: auto; right: auto; padding: 0; position: relative; padding-left: 0.4rem;}
.banner .block .tip ,.banner .block .tittle ,.banner .block .content ,.banner .block .bg{ display: none;}
.banner .block a{font-size: 0.28rem; line-height: 0.46rem; padding: 0.1rem 0; height: 0.46rem; width: 100%; text-align: center; border-radius: 0.1rem;}
.bannerbox{z-index: 999;}
.bannerbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.bannerbox .block{ width: 4.4rem; top: 1.4rem; left: 0.4rem;}
.bannerbox .block .tittle{ font-size: 0.32rem; line-height: 0.38rem;}
.bannerbox .block .content{ font-size: 0.24rem; line-height: 0.32rem;}
/* 其他头图部分 */
.banner-other{ width: 100%; position: relative; z-index: 1;}
.banner-other .pc{ display: none;}
.banner-other .mob{ display: block;}
.banner-other .text{ top: 0.6rem; left: 0.4rem;width: 5.6rem;}
.banner-other .text .tittle{font-size: 0.32rem; line-height: 0.38rem;}
.banner-other .text .content{font-size: 0.2rem; line-height: 0.32rem;}
/* 海报部分 */
.poster{width: 5.2rem; padding: 0.4rem 0.2rem; margin-left: 0.4rem; margin-top: -0.4rem; margin-bottom: 0.6rem;}
.poster .text{font-size: 0.26rem; line-height: 0.32rem; color: #fff; position: relative; z-index: 1; text-align: center;}
.poster .text a.link{ text-decoration: underline;}
.poster .text a.pop{ cursor: pointer;}
.popbox{z-index: 999;}
.popbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.popbox .block{ width: 4.4rem; top: 1.4rem; left: 0.4rem;}
.popbox .block .tittle{ font-size: 0.32rem; line-height: 0.38rem;}
.popbox .block .content{ font-size: 0.24rem; line-height: 0.32rem;}
.posterbox{z-index: 999;}
.posterbox .bg{ width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; background:#000; opacity: 0.8;}
.posterbox .block{ width: 5rem; top: 1.4rem; left: 0.1rem;}
.posterbox .block .content{ font-size: 0.24rem; line-height: 0.32rem;}
/* 预告部分 */
.preview{ width: 5.6rem; margin-bottom: 0.4rem; padding:0 0.4rem;}
.preview .bg{ display: none;}
.preview .tittle{font-size: 0.36rem; line-height: 0.36rem;margin-bottom: 0.4rem; padding-top: 0; text-align: left; padding-right: 0;}
.preview .tittle span{font-size: 0.2rem; line-height: 0.2rem;}
.preview .img{ width: 100%; position: relative; top:auto; left:auto;}
.preview .block{ width: 100%; position: relative; z-index: 3; margin-left: 0;}
.preview .swiper-slide .caption{font-size: 0.28rem; line-height: 0.32rem; padding: 0.4rem 0 0 0; width: 5.6rem;}
.preview .swiper-slide .time{font-size: 0.24rem; line-height: 0.24rem; margin-bottom: 0.2rem; padding: 0; width: 5.6rem;}
.preview .swiper-slide .content{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem; padding: 0; width: 5.6rem;}
.preview .swiper-slide .guest{ padding: 0 0 0.8rem 0; width: 100%;}
.preview .swiper-slide .guest li{ width: 100%; margin-right: 0; margin-bottom: 0.2rem;}
.preview .swiper-slide .guest img{ width: 1rem;}
.preview .swiper-slide .guest span{ position: absolute; left: 1rem; top: 0.2rem; font-size: 0.24rem;padding: 0 0.2rem;}
.preview .swiper-slide .guest em{ position: absolute; left: 1rem; top:0.48rem; font-size: 0.2rem; padding: 0 0.2rem;}
.swiper-pagination-bullet { width: 0.14rem; height: 0.14rem;}
.swiper-pagination{ text-align: center; padding-left: 0;}
.preview .swiper-slide a.go{font-size: 0.2rem; line-height: 0.24rem; color: #fff; position: relative; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.1rem; margin-left: 0; margin-bottom: 0.3rem;}
/* 回顾部分 */
.review{ width: 5.6rem; margin-bottom: 0.8rem; padding:0 0.4rem;}
.review .bg{ display: none;}
.review .tittle{font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.4rem; padding-top: 0; padding-left: 0;}
.review .tittle span{font-size: 0.14rem; line-height: 0.14rem; display: block; margin-top: 0.1rem;}
.review .img{ width: 100%; position: relative; top:auto; right:auto;}
.review .block{ width: 100%; position: relative; z-index: 3; padding: 0.2rem 0;}
.review .block .content{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.4rem;}
.review .block a{font-size: 0.28rem; line-height: 0.46rem; padding: 0.1rem 0; height: 0.46rem; width: 100%; text-align: center; border-radius: 0.1rem;}
/* 回放部分 */
.list{ width: 5.6rem; margin-bottom: 0.4rem; padding:0.4rem 0.4rem 0 0.4rem;}
.list .bg{ display: none;}
.list .tittle{font-size: 0.36rem; line-height: 0.36rem;margin-bottom: 0.4rem; padding-top: 0; text-align: left; padding-right: 0;}
.list .tittle span{font-size: 0.2rem; line-height: 0.2rem;}
.list .img{ width: 100%; position: relative; top:auto; left:auto;}
.list .block{ width: 100%; position: relative; z-index: 3; margin-left: 0;}
.list .item{ width: 5.2rem; padding: 0 0.2rem}
.list .item .caption{font-size: 0.28rem; line-height: 0.32rem; padding: 0.4rem 0 0 0;}
.list .item .time{font-size: 0.24rem; line-height: 0.24rem; margin-bottom: 0.2rem; padding: 0;}
.list .item .content{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem; padding: 0; height: auto; overflow: auto;}
.list .item .guest{ padding: 0 0 0.2rem 0; width: 100%;}
.list .item .guest li{ width: 100%; margin-right: 0; margin-bottom: 0.2rem;}
.list .item .guest img{ width: 1rem;}
.list .item .guest span{ position: absolute; left: 1rem; top: 0.2rem; font-size: 0.24rem;padding: 0 0.2rem;}
.list .item .guest em{ position: absolute; left: 1rem; top:0.48rem; font-size: 0.2rem; padding: 0 0.2rem;}
.list .item a.go{font-size: 0.2rem; line-height: 0.24rem; color: #fff; position: relative; padding: 0.1rem 0; height: 0.24rem; width: 1.6rem; text-align: center; border-radius: 0.1rem; margin-left: 0; margin-bottom: 0.3rem;}
.list .page{font-size: 0.24rem;}
.list .page a{ padding:0.3rem 0.15rem;}
.list .item .content a.more{ display: none;}
/* 底部 */
.footer{font-size: 0.2rem; line-height: 0.28rem; padding:0.3rem 0.4rem; line-height: 0.24rem;}
/* 登录 */
.loginbox{ width: 5.6rem; height: 5.6rem;}
.loginbox .box{ width: 5.2rem; height: 5.4rem;}
.loginbox .tittle{ font-size: 0.28rem; line-height: 0.6rem; height: 0.6rem; margin-bottom: 0.2rem;}
.loginbox .form{ font-size: 0.24rem; padding:0.2rem 0.4rem;}
.loginbox .form span{ width: 100%; display: inline-block; line-height: 0.36rem; margin: 0 0 0.1rem 0;}
.loginbox .form input{ width: 4rem; padding: 0.15rem 0.2rem; line-height: 1; height: 0.18rem; margin-bottom: 0.2rem; border:0;}
.loginbox .form input.yzm{ margin-right: 0.2rem;}
.loginbox .form .txt{ width: 5.2rem;}
.loginbox .form .txt img{ float: left; display: block; height: 0.5rem; width: auto;}
.loginbox .form .tip{ font-size: 0.24rem; color: #bababa; float: left; width: 100%; padding-left: 0;}
.loginbox .form .tip a{ padding-left: 0.05rem;}
.loginbox .btn{ width: 100%;height: 0.6rem;}
.loginbox .btn a{ font-size: 0.28rem; width: 3rem; text-align: center; line-height: 0.6rem; border-radius: 0.05rem; display: inline-block; vertical-align: top; height: 0.6rem;}
.loginbg .kv{ display: none;}
.loginbg .kvmob{ display: block;}
/* 注册 */
.regbox{ width: 5.6rem; padding-bottom: 0.2rem;}
.regbox .box{ width: 5.2rem;}
.regbox .tittle{ font-size: 0.28rem; line-height: 0.6rem; height: 0.6rem; margin-bottom: 0.2rem;}
.regbox .form{ font-size: 0.24rem; padding:0.2rem 0.4rem;}
.regbox .form span{ width: 100%; display: inline-block; line-height: 0.36rem; margin: 0 0 0.1rem 0;}
.regbox .form input{ width: 4rem; padding: 0.15rem 0.2rem; line-height: 1; height: 0.18rem; margin-bottom: 0.2rem; border:0;}
.regbox .form input.yzm{ margin-right: 0.2rem;}
.regbox .form .txt{ width: 5.2rem;}
.regbox .form .txt img{ float: left; display: block; height: 0.5rem; width: auto;}
.regbox .form .tip{ font-size: 0.24rem; color: #bababa; float: left; width: 100%; padding-left: 0;}
.regbox .form .tip a{ padding-left: 0.05rem;}
.regbox .btn{ width: 100%;height: 0.6rem;}
.regbox .btn a{ font-size: 0.28rem; width: 3rem; text-align: center; line-height: 0.6rem; border-radius: 0.05rem; display: inline-block; vertical-align: top; height: 0.6rem;}
.regbg .kv{ display: none;}
.regbg .kvmob{ display: block;}
.nsselect {height: 0.24rem; width: 4rem; padding: 0.15rem 0.2rem; margin-bottom: 0.2rem;}
.nsselect .nsselect-drop .ns-item {height: 0.48rem;line-height: 0.48rem;}
.nsselect .nsselect-drop {top: 0.56rem;width: 100%}
.nsselect .nsselect-drop .ns-item span { line-height: 0.48rem; margin: 0 0.2rem;}
/* 背景部分 */
body.play{ height: auto; overflow: auto;}
.playbg .bg{ display: none;}
.playbg .kv{ display: none;}
.playbg .kvmob{ display: block; position: fixed;}
.playbg .bgmob{ display: block; width: 100%; height: 2.03rem; background: url("../images/playbgmob.png") no-repeat; background-size: 100%; position: fixed; bottom:0; left: 0;}
/* 视频部分 */
.video .broadcast_box{width: 5.6rem; height: 3.15rem; left: 0.4rem; top:0.4rem;}
.video .ppt_box{width: 2.6rem; height: 1.55rem; right: 0.4rem; top:3.65rem; display: none;}
.video .pptbg{width: 2.6rem; height: 1.55rem; right: 0.4rem; top:3.65rem; display: none;}
.video .ppt_box1{width: 2.4rem; height: 1.35rem; right: 0.4rem; top:3.65rem; left: auto; margin: 0.1rem 0.1rem 0 0;}
.video .broadcast_box1{width: 5.6rem; height: 3.15rem; left: 0.4rem;top:0.4rem;right: auto;}
.video .ppt_box .ppt_box_in{margin: 0.1rem 0 0 0.1rem;width: 2.4rem;height: 1.35rem;}
.video .broadcast_box1 .ppt_box_in{ width: 5.6rem; height: 3.15rem; margin: 0;}
.video .arrow{ width: 0.36rem;height: 0.36rem;left: 2.95rem;top: 4.25rem;}
.video .broadcast_box img,.video .ppt_box img{width: 100%;height: 100%;}
.video .tool{width: 2.5rem;height: 1.55rem; left: 0.4rem; top:3.65rem; display: none;}
.video .tool .bg{background:#000; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video .tool ul{ padding: 0.25rem 0.1rem; float: left;}
.video .tool li{ float: left; padding-left:0; text-align: center; width: 0.75rem; margin-bottom: 0.2rem;}
.video .tool li a{ display: inline-block;}
.video .tool li a span{ display: none;}
.video .tool li img{ width: 0.36rem; float: left; margin-right: 0;}
.video .tool li.right{ float: right; padding-right: 0.3rem;}
.video .tool li.voice a{ background: url("../images/tool6.png") no-repeat; background-size: 0.36rem; width: 0.36rem; height: 0.36rem;}
.video .tool li.voice a.cur{ background: url("../images/tool6-a.png") no-repeat; background-size: 0.36rem;}
.video .tool li.switch a{ background: url("../images/tool10.png") no-repeat; background-size: 0.36rem; width: 0.36rem; height: 0.36rem;}
.video .tool li.switch a.cur{ background: url("../images/tool10-a.png") no-repeat; background-size: 0.36rem;}
.fullScreenBtn{ background: url("../images/fullscreen.png"); background-size: contain; width: 0.3rem; height: 0.3rem; position: absolute; top: 0.2rem; right:0.2rem; z-index: 9999;}
.video video{ width: 100%;}
.video .online{ font-size: 0.2rem; left: 0.4rem; top:0.05rem;}
.video .tool .peopleNum{
position: absolute;
right: .32rem;
bottom: .32rem;
line-height: .44rem;
font-size: 0.2rem;
padding-right: 0;
}
.video .tool .peopleNum::before{
width: .24rem;
height: .24rem;
margin-right: .05rem;
}
/* 日程 */
.branch_box{width: 5.6rem;height: 6.77rem;left:0.4rem; top:4.85rem;}
.branch_box .branch_in{width: 5.2rem;height: 6.37rem; margin: 0.2rem 0 0 0.2rem;}
.branch_box .branch_in p{ font-size: 0.24rem; line-height: 0.32rem;}
.branch_box .branch_in p.g{ font-size: 0.2rem; line-height: 0.28rem;}
.branch_box .branch_in .top_tit{ font-size: 0.28rem;line-height: 0.6rem; height: 0.6rem;}
.branch_box .branch_in .branch_top{height: 3.8rem;}
.branch_box .branch_in .each{ padding: 0.32rem 0;margin: 0 0.15rem; position: relative; z-index: 1;}
.branch_box .branch_in .each:last-child{border-bottom: 0;}
.branch_box .branch_in .each img{width: 0.8rem;}
.branch_box .branch_in .each .intro{margin: 0 0 0 1rem;font-size: 0.2rem;line-height:0.28rem;}
.branch_box .branch_in .each .intro .tit{font-size: 0.24rem;line-height:0.32rem; margin-bottom: 0.1rem;}
.branch_box .branch_in .tittle{padding: 0.2rem 0;margin: 0 0.2rem; font-size: 0.24rem; line-height: 0.32rem;}
/* 提示 */
.tipbox{ width: 5rem; height: 0.6rem; top: 6.3rem; left: 0.7rem; position: absolute;}
.tipbox .content{font-size: 0.24rem; line-height: 0.6rem;}
/* 互动问答 */
.chat_box{ width: 5.6rem;height: 4.2rem; top: 6.41rem;left:0.4rem; padding-bottom: 0.4rem; display: none;}
.chat_box .chat_tit{font-size: 0.28rem; height: 0.6rem;line-height: 0.6rem;padding-left: 0.2rem;margin: 0.2rem 0.2rem 0 0.2rem;}
.chat_box .chat_cont{height: 2.75rem;margin:0 0.2rem 0 0.2rem;}
.chat_box .chat_cont p{padding: 0 0.2rem 0.15rem 0.2rem;font-size: 0.2rem; line-height: 0.28rem;}
.chat_box .chat_cont p:first-child{padding-top: 0.2rem;}
.chat_box .chat_bot .chat_input{ width: 3.2rem;height: 0.6rem;font-size: 0.24rem; line-height: 0.6rem;}
.chat_box .chat_bot .send_btn{width: 1.4rem;height: 0.6rem;font-size: 0.24rem;}
.chat_box .chat_bot{margin: 0.2rem 0.2rem;}
/* 评分提示框 */
.quest_box{width: 5.6rem;height: 4.4rem;left: 0.4rem;top: 1.5rem;}
.quest_box .wrap_box_in{width: 5.2rem;height: 4.2rem;margin: 0.2rem 0 0 0.2rem;}
.quest_box .quest_each .each_tit{font-size: 0.24rem; line-height: 0.32rem;}
.quest_box .quest_each2 p span{font-size:0.24rem;}
.quest_box .submit_btn{ padding-bottom: 0.4rem;}
.quest_box .submit_btn a{ font-size: 0.28rem; line-height: 0.4rem; height: 0.4rem; width: 1.6rem; top:2.85rem; left: 1.36rem; width: 2rem;}
.quest_box .tittle{font-size: 0.28rem; height: 0.6rem;line-height: 0.6rem;padding-left: 0.2rem;margin: 0.2rem 0 0 0;}
.quest_box .close{ width: 0.3rem; height: 0.3rem; right: 0.4rem; top: 0.4rem;}
.quest_box .quest_each.q100 p span ,.quest_box .quest_each.q50 p span ,.quest_box .quest_each.q33 p span ,.quest_box .quest_each.q25 p span ,.quest_box .quest_each.q20 p span ,.quest_box .quest_each.q50 p span{ width: 100%;}
/* 大会抽奖 */
.lottery{width: 5.6rem;height: 3.4rem;left: 0.4rem;top: 1.5rem;}
.lottery .box{ width: 5.2rem; height: 3rem; margin: 0.2rem 0 0 0.2rem;}
.lottery .box .bg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #000; opacity: 0.8;}
.lottery .tittle{font-size: 0.28rem; line-height: 0.6rem; height: 0.6rem;}
.lottery .text{font-size: 0.24rem;}
.lottery .tit{ font-size: 0.32rem; margin-bottom: 0.1rem;}
.lottery .t{ font-size: 0.28rem; margin-bottom: 0.4rem;}
/* 广告 */
.adsbox{ width: 6.4rem; top:11.7rem; position: absolute;}
.adsbox .ads{ width: 5.6rem; left: -0.5rem; position: absolute;}
/* 弹幕 */
.dan{ display: none;}
.danmu{ width: 5.6rem; height: 1.575rem; left: 0.4rem; top:0.4rem;}
.danmu .input{ width: 5.6rem; height: 0.9rem;position: absolute; top: 4.9rem; left: 0; z-index: 99; display: block;}
.danmu .input input{ width: 3.4rem; height: 0.6rem; line-height: 0.6rem; top: 0.15rem; left: 0.2rem; z-index: 1; padding: 0 0.1rem;}
.danmu .input a{ width: 1.4rem; height: 0.6rem; line-height: 0.6rem; position: absolute; top: 0.15rem; left: 4rem; font-size: 0.24rem;}
.danmu .input .tip{ width: 100%; height: 0.2rem; line-height: 0.2rem; position: absolute; top: 0.5rem; left: 0.2rem; font-size: 0.2rem; color: #fff; z-index: 1; display: none;}
/* 刮刮乐 */
.prize{ top: 2.8rem; left: 0.6rem;}
.prize .begin{ width: 4.4rem; padding: 0.3rem; text-align: center;}
.prize .begin .tittle{ margin-top: 0;}
.prize .begin .tip{ font-size: 0.2rem; margin-bottom: 0.15rem;}
.prize .begin .tip span{font-size: 0.24rem;}
.prize .begin a{ font-size: 0.28rem; line-height: 0.4rem; height: 0.4rem; width: 2rem;}
.prizebg{position: fixed;}
.prize .close{ width: 0.3rem; height: 0.3rem; right: -0.4rem; top: -0.4rem;}
.prize .process{ width: 4.73rem; height: 2.06rem; top: 0.17rem;}
#redux { position: absolute; top: 0; left: 0; z-index: 2;}
.prize .process .tip{ font-size: 0.24rem;}
.prize .process .tip span{font-size: 0.28rem;}
.prize .process a{ font-size: 0.28rem; line-height: 0.4rem; height: 0.4rem; width: 1.6rem; top:2.85rem; left: 1.36rem; width: 2rem;}
.prize .process .cj{ font-size: 0.32rem; line-height: 0.32rem;}
.progress { position: relative; right: auto;top: auto;width: 100%; margin-top: 0.1rem;}
.progress-num{ position: relative; right: auto;top: auto; font-size: 0.2rem;}
/* 资料下载 */
.download_box{width: 5.6rem;height: 4.4rem;left: 0.4rem;top: 1.5rem;}
.download_box .wrap_box_in{width: 5.2rem;height: 4.2rem;margin: 0.2rem 0 0 0.2rem;}
.download_box .tittle{font-size: 0.28rem; height: 0.6rem;line-height: 0.6rem;padding-left: 0.2rem;margin: 0.2rem 0 0 0;}
.download_box .close{ width: 0.3rem; height: 0.3rem; right: 0.4rem; top: 0.4rem;}
.download_box .box_list li {padding: 0.18rem 0; font-size: 0.24rem;}
.download_box .box_list li img{width: 0.5rem;}
.download_box .box_list li .info{margin-left: 0.15rem; width: 4rem;}
.download_box .box_list li .info i{font-size: 0.2rem;}
.download_box .box_list li a{float: left;padding-top: 0.12rem; width: 4rem; padding-left: 0.65rem;}
}
/* 动画 */
.header .nav li a:hover{ -webkit-transition-duration: 0.5s;}
.section .screen .company li:hover{ opacity: 0.85; -webkit-transition-duration: 1s;}
.section .screen .info .btn a:hover{ background: #8049ea; -webkit-transition-duration: 0.5s;}
.section .timeline .frame li i:hover{ -webkit-transform:scale(1.1); -webkit-transition-duration: 0.5s;}
.section .video .btn a:hover ,.section .data .btn a:hover ,.section .login .btn a:hover{ background: #fed239; -webkit-transition-duration: 0.1s;}
.flash{ -webkit-animation: twinkling 0.5s infinite linear alternate;}
@-webkit-keyframes twinkling{
0%{
-webkit-filter:brightness(100%);
-webkit-transform:scale(1);
}
100%{
-webkit-filter:brightness(110%);
-webkit-transform:scale(1.1);
}
}
@keyframes twinkling{
0%{
-webkit-filter:brightness(100%);
-webkit-transform:scale(1);
}
100%{
-webkit-filter:brightness(110%);
-webkit-transform:scale(1.1);
}
}
/*点赞*/
@-webkit-keyframes niceIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
70% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes niceIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5)
}
70% {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes niceIn{
0% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-o-transform: scale(1.5);
transform: scale(1.5)
}
70% {
-o-transform: scale(.8);
transform: scale(.8)
}
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
}
@-moz-keyframes niceIn{
0% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1)
}
50% {
opacity: 1;
-moz-transform: scale(1.2);
transform:scale(1.2)
}
70% {
-o-transform: scale(.8);
transform: scale(.8)
}
100% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1)
}
}
.niceIn {
-webkit-animation:niceIn 0.8s .2s ease;
-moz-animation:niceIn 0.8s .2s ease;
-o-animation:niceIn 0.8s .2s ease;
animation:niceIn 0.8s .2s ease;
}