body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#000; background:#fff;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#000; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none; color:#c9a063;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*箭头指示引导*/
.arrow { position:absolute; top:95%; left:50%; margin:-12px 0 0 -10px; z-index:20; width:23px; height:15px; background:url(../images/arrow.png) no-repeat; background-size:100% auto;
-webkit-animation: start 1.5s infinite ease-in-out;
   -moz-animation: start 1.5s infinite ease-in-out;
        animation: start 1.5s infinite ease-in-out;
}

@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}

/*封面*/
.cover{ width:100%; height:100vh; position:relative; display:none;}
.wrapper{ max-width:750px; height:auto; margin:0 auto;}
.h3_title{ padding:0 12px; line-height:30px; font-size:18px; font-weight:bold; color:#101010;}
.title_forum{ border-left:3px solid #5c99d4; padding-left:12px; margin:20px 12px;}
.title_forum .txt{ line-height:24px; font-size:20px; font-weight:bold; color:#000;}
.zhibo{ margin:20px 12px; border-radius:15px; position:relative;}
.zhibo .bg{ width:100%; height:auto; display:block; border-radius:5px;}
.zhibo .ico_play{ width:30px; height:30px; background:url(../images/ico_play.png) center center no-repeat; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
.zhibo .tips{ font-size:16px; line-height:24px; font-weight:bold; color:#fff; position:absolute; left:20px; bottom:12px;}
.step_wrap{ width:100%; height:300px; padding-bottom:20px; overflow:hidden; position:relative;}
.step_wrap.open{ height:auto;}
.step_wrap .more{ line-height:30px; font-size:16px; color:#000; position:absolute; bottom:0; right:15px; cursor:pointer; outline:none;}
.step_wrap .slideup{ line-height:30px; font-size:16px; color:#000; position:absolute; bottom:0; right:15px; cursor:pointer; outline:none; display:none;}
.step_zhibo{ margin:0 12px 12px;}
.step_zhibo p{ line-height:30px; font-size:16px; color:#333;}
.step_zhibo p.gray{ color:#888;}
.step_zhibo p.suojin{ text-indent:2em;}
.intro_zhibo{ margin:20px 12px;}
.intro_zhibo p{ line-height:30px; font-size:16px; color:#333; text-indent:2em; margin-top:10px;}

/*直播*/
.tkp_con_live{ width:726px; height:408px; margin:20px auto; position:relative;}
.tkp_con_live .live_pc{ width:726px; height:408px; background:#000 url(../images/bg_live.jpg) 50% 50% no-repeat; background-size:contain;}
.tkp_con_live .live_mobile{ width:100%; height:53vw; background:#000; display:none;}
.tkp_con_live .tips{ line-height:20px; font-size:14px; font-weight:bold; color:#fff; position:absolute; top:10px; right:15px;}

/*视频回放*/
.video_wrap{ width:726px; height:408px; margin:20px auto; position:relative;}
.video_wrap .tips{ line-height:20px; font-size:14px; font-weight:bold; color:#fff; position:absolute; top:10px; right:15px;}
.mejs-container .mejs-controls .mejs-quality{ display:none;}

/*观点*/
.wrap_guandian{ margin:15px 7px 20px; padding:15px; background:#5c99d4;}
.wrap_guandian .title{ line-height:30px; display:inline-block; font-size:18px; color:#fff; border-bottom:2px solid #fff; margin-bottom:15px;}
.wrap_guandian .swiper-slide{ width:200px;}
.wrap_guandian .pic{ width:100%; height:200px; margin-bottom:10px; position:relative;}
.wrap_guandian .pic img{ width:100%; height:100%; border-radius:5px;}
.wrap_guandian .pic .ico{ width:30px; height:30px; background:url(../images/ico_play.png) center center no-repeat; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; display:none;}
.wrap_guandian .desc{ height:48px; line-height:24px; font-size:16px; color:#fff; margin-bottom:5px; overflow:hidden;}
.wrap_guandian .name{ height:24px; line-height:24px; font-size:16px; color:#fff; overflow:hidden;}
.wrap_guandian .rank{ height:32px; line-height:16px; font-size:12px; color:#fff; overflow:hidden; margin-top:8px; word-wrap:break-word; word-break:break-all;}
.swiper-pagination{ display:none;}

/*资讯*/
.idx-list{padding: 12px 0;margin: 0 10px;border-bottom: 1px #d4d4d4 solid; position: relative;}
.idx-list:last-child{padding-bottom: 15px;}
.idx-list .list-text{width: 66%;float: left;}
.idx-list .list-text .title{font-size: 18px;line-height: 30px; color:#333;}
.idx-list .list-text .title a{color: #232323;}
.idx-list .list-text .msg{color: #939393;font-size: 14px;/*position: absolute;*/left: 0;bottom: 12px; margin-top:5px;}
.idx-list .list-text .msg span{display: inline-block;margin-right: 30px;}
.idx-list.txt-list .list-text{width: auto;float:none;position: static;}
.idx-list.txt-list .list-text .msg{position: static;left: auto;top: auto;margin-top: 10px;}
.idx-list .list-img{width: 24%;float: right;}
.idx-list .list-img img{width: 100%;}

@media screen and (max-width:767px){
.cover{ display:block; background:#000523 url(../images/bg_cover.jpg) center top no-repeat; background-size:100% auto;}
.wrap_guandian{ padding:10px; margin:15px 7px 20px;}
.wrap_guandian .title{ font-size:16px; margin-bottom:10px;}
.wrap_guandian .swiper-slide{ width:120px;}
.wrap_guandian .pic{ height:120px;}
.wrap_guandian .desc{ height:40px; line-height:20px; font-size:14px;}
.wrap_guandian .name{ height:18px; line-height:18px;}
.wrap_guandian .rank{ height:48px;}
.idx-list .list-text .title{ line-height:24px; font-size:16px;}
.tkp_con_live{ width:auto; height:auto; margin:20px 12px;}
.tkp_con_live .live_pc{ display:none;}
.tkp_con_live .live_mobile{ display:block;}
.tkp_con_live .tips{ font-size:12px; top:5px; right:10px;}
.mejs-container .mejs-controls .mejs-quality{ display:none;}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container{ display:none;}
.mejs-duration{ display:none;}
.mejs-overlay-error{ display:none;}
.video_wrap{ width:auto; height:53vw; margin:20px 12px;}
.video_wrap .tips{ font-size:12px; top:5px; right:10px;}
}

@media screen and (max-width:375px) and (max-height:812px){
.cover{ background-position:center bottom;}
.wrap_guandian .swiper-slide{ width:107px;}
.wrap_guandian .pic{ height:107px;}
.step_wrap{}
}

@media screen and (max-width:375px) and (max-height:667px){
.cover{ background-position:center top;}
}

@media screen and (max-width:360px){
.wrap_guandian .swiper-slide{ width:102px;}
.wrap_guandian .pic{ height:102px;}
}

@media screen and (max-width:320px){
.wrap_guandian .swiper-slide{ width:88px;}
.wrap_guandian .pic{ height:88px;}
}