html { overflow-y: auto; height: 100%; min-width: 1280px; }
body { position: relative; background: #fff; margin: 0 auto; -webkit-overflow-scrolling: touch; height: 100%; min-width: 1280px; }

.site_container { padding-left: 40px; background: #000; }
.container_inner { max-width: 1500px; min-width: 1200px; margin: 0 auto; background: #000; padding-top: 133px; position: relative; transition: width 0.2s ease-in-out; }
.fr { float: right; }
.fl { float: left; }
.mod_player_section { position: relative; width: calc(100% - 340px); }
.mod_player_section .c-bg { position: absolute; top: -133px; left: -116px; }
.mod_player_section .log2o { position: absolute; top: -82px; left: -11px; }
.mod_player_section .a-data { height: 32px; line-height: 32px; background: #a90d35; border-radius: 2px; padding: 0 17px; position: absolute; top: -60px; left: 185px; font-size: 14px; font-weight: 400; color: #ffffff; }
.mod_player_section .a-data .fl { margin-right: 38px; }
.mod_player_section .a-data em { color: #FFC700; }
.videobox { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
.videobox .app-play { position: absolute; right: 30px; bottom: 68px; width: 130px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.59); border-radius: 26px; font-size: 14px; font-weight: 400; color: #fa5e2f; cursor: pointer; }
.videobox .app-play em { float: left; width: 18px; height: 18px; background: url(../images/play2.png) no-repeat center center; background-size: 100% 100%; margin: 11px 9px 11px 17px; }
.videobox .app-play:hover { background: linear-gradient(129deg, #ef652f 0%, #da3515 100%); color: #ffffff; }
.videobox .app-play:hover em { float: left; width: 18px; height: 18px; background: url(../images/play.png) no-repeat center center; background-size: 100% 100%; margin: 11px 9px 11px 17px; }
.videobox video { position: absolute; width: 100%; height: 100%; outline: none; }
.mod_player_side { position: absolute; right: 40px; top: 0; width: 300px; padding: 0 20px; padding-top: 133px; height: 100%; }
.seebox > div { height: 30px; }
.mod-content { padding: 25px 26px 50px; }
.mod-content .list-box { font-size: 14px; font-weight: 400; color: #ffffff; }
.mod-content .list-box .mod-see { background: url(../images/see.png) left 5px no-repeat; background-size: 16px 12px; padding-left: 20px; }
.mod-content .list-box .mod-share { background: url(../images/share.png) left 3px no-repeat; background-size: 16px 16px; padding-left: 18px; cursor: pointer; position: relative; }
.mod-content .list-box .mod-share .share-box { right: 50%; margin-right: -70px; }
.mod-content .list-box .mod-add { user-select: none; width: 64px; background: url(../images/add.png) left 3px no-repeat; background-size: 16px 15px; padding-left: 18px; cursor: pointer; }
.mod-content .list-box .mod-add.on { color: #DA3515; background: url(../images/m-shoucangon.png) left 3px no-repeat; background-size: 16px 15px; }
.mod-content .list-box .mod-phone { background: url(../images/phone.png) left 3px no-repeat; background-size: 10px 16px; padding-left: 16px; cursor: pointer; margin-left: 26px; position: relative; }
.mod-content .list-box .mod-phone .share-box { right: 50%; margin-right: -70px; }
.mod-content .list-box .mod-all { background: url(../images/all.png) left 3px no-repeat; background-size: 16px 16px; padding-left: 21px; cursor: pointer; }
.mod-content .list-box .show-list { width: 100px; height: 32px; line-height: 32px; border-radius: 4px; border: 1px solid #ffffff; font-size: 14px; text-align: center; font-weight: 400; color: #ffffff; margin-top: -9px; }
.mod-content .big-tit { margin: 36px 20px 25px; font-size: 28px; font-weight: 600; color: rgba(255, 255, 255, 0.7); line-height: 40px; }
.mod-content .dec-tit { margin: 0 20px; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.7); line-height: 30px; }
.seebox div { margin-left: 40px; }
.seebox div:first-child { margin-left: 0; }
.triangle { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent;/*border-color的四个值代表上右下左，分别实现下左上右箭头 */
}
.side-top { height: 87px; }
.side-top .see-now { font-size: 14px; font-weight: 600; color: #ffffff; }
.side-top .share-round { font-size: 14px; padding-left: 24px; background: url(../images/round.png) no-repeat left 2px; background-size: 18px 18px; font-weight: 400; color: #da3515; padding-bottom: 10px; cursor: pointer; position: relative; padding-right: 19px; }
.side-top .side-tab { font-size: 14px; font-weight: 400; color: #ffffff; margin-top: 20px; }
.side-top .side-tab span { cursor: pointer; margin-right: 42px; }
.side-top .side-tab span:hover { color: #DA3515; }
.side-top .side-tab span.on { color: #DA3515; position: relative; display: inline-block; line-height: 24px; }
.side-top .side-tab span.on:after { display: block; height: 2px; background-color: #DA3515; content: ""; width: 28px; }
.open .share-box { display: block; }
.f-download .share-box { top: 50px; right: 50%; margin-right: -70px; }
.share-box { display: none; position: absolute; right: -12px; top: 30px; z-index: 20; font-size: 14px; width: 140px; padding: 12px 18px; font-weight: 400; color: #666666; background: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.26); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.share-box:before { position: absolute; content: ''; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; /*border-color的四个值代表上右下左，分别实现下左上右箭头 */
top: -19px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.share-box li { line-height: 21px; margin-top: 10px; }
.share-box li:first-child { margin-top: 0; }
.share-box img { margin-right: 8px; vertical-align: middle; }
.share-box .ls { width: 94px; height: 94px; margin: 0 auto; display: block; }
.open .share-box { display: block; }
.share-box { display: none; position: absolute; right: -12px; top: 30px; z-index: 20; font-size: 14px; width: 140px; padding: 12px 18px; font-weight: 400; color: #666666; background: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.26); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.share-box:before { position: absolute; content: ''; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; /*border-color的四个值代表上右下左，分别实现下左上右箭头 */
top: -19px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.share-box li { line-height: 21px; margin-top: 18px; }
.share-box li:first-child { margin-top: 0; }
.share-box img { margin-right: 8px; vertical-align: middle; }
.share-box .ls { width: 76px; height: 76px; margin: 0 auto; display: block; }
.scroll_wrap { height: calc(100% - 87px); zoom: 1; -webkit-overflow-scrolling: touch; -ms-flex: 1; -webkit-flex: 1; position: relative; flex: 1; width: 100%; overflow-x: hidden; overflow-y: auto; transform: translateZ(0); backface-visibility: hidden; }
.scroll_wrap::-webkit-scrollbar {
 width: 10px;
 background: rgba(216, 216, 216, 0.31);
 border-radius: 10px;
}
.scroll_wrap::-webkit-scrollbar-track-piece {
 background: 0 0;
}
.scroll_wrap::-webkit-scrollbar-button {
 display: none;
}
.scroll_wrap::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: #646179;
}
.scroll_wrap ul { margin-top: -30px; padding-bottom: 20px; }
.scroll_wrap ul li { margin-top: 30px; margin-right: 10px; }
.scroll_wrap ul li:hover .list-tit { color: #DA3515; }
.scroll_wrap ul .current .list-tit { color: #DA3515; }
.img-info { position: relative; width: 100%; height: 146px; }
.img-info img { width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mod-data { position: absolute; width: 105px; height: 26px; background: rgba(0, 0, 0, 0.51); border-radius: 13px; font-size: 12px; font-weight: 400; color: #ffffff; left: 4px; bottom: 4px; text-align: center; line-height: 26px; }
.update-current { position: absolute; width: 70px; height: 26px; text-align: center; line-height: 26px; background: linear-gradient(136deg, #ef652f 0%, #da3515 100%); border-radius: 0px 10px 0px 10px; font-size: 12px; font-weight: 400; color: #ffffff; top: 0; right: 0; }
.list-see { padding-left: 21px; background: url(../images/shape-see.png) no-repeat left center; background-size: 16px 12px; font-size: 14px; font-weight: 400; color: rgba(255,255,255,.7); }
.list-tit { font-size: 14px; margin: 10px 0; font-weight: 600; color: #ffffff; line-height: 20px; }
.list-time { font-size: 14px; font-weight: 400; color: #ffffff; color: rgba(255,255,255,.5); }
.list-time span { color: rgba(255,255,255,.7); }
.list-time span { margin-left: 8px; }
.week-list-con { width: 1200px; margin: 36px auto; }
.week-list-con .week-left { width: 828px; }
.week-list-con .week-right { width: 300px; }
.week-list-con .loushi-tit { margin-top: 60px; margin-bottom: 40px; }
.week-list-con .m-prev { width: 16px; height: 16px; float: left; background: url(../images/m-left.png) no-repeat; background-size: 100%; margin-top: 8.5px; margin-right: 10px; }
.week-list-con .m-next { width: 16px; height: 16px; float: left; background: url(../images/m-right.png) no-repeat; background-size: 100%; margin-top: 8.5px; margin-right: 16px; }
.week-tit-m { font-size: 24px; padding-left: 18px; font-weight: 600; color: #333333; position: relative; line-height: 33px; }
.week-tit{position: relative;}
.week-tit-m:before { position: absolute; content: ''; width: 3px; height: 22px; background: #DA3515; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.more-list { right: 0; position: absolute; z-index: 10000000; line-height: 33px; font-size: 14px; padding-right: 12px; font-weight: 400; color: #da3515; background: url(../images/arrow-r.png) no-repeat right center; background-size: 7px 12px; }
.week-list { margin-left: -30px; margin-top: 40px; }
.week-list .week-item { display: block; float: left; width: 256px; height: 280px; background: #ffffff; border-radius: 10px; border: 1px solid #ededed; margin-left: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.week-list .week-item:hover { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.week-list .we-imgs { position: relative; height: 141px; }
.week-list .we-imgs img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.week-list .we-imgs .two_hide { position: absolute; background: rgba(0, 0, 0, 0.56); font-size: 14px; padding: 8px 17px; font-weight: 600; color: #ffffff; line-height: 20px; height: 52px; bottom: 0; width:100%;}
.week-list .we-imgs .only-read { position: absolute; width: 50px; text-align: center; height: 26px; line-height: 26px; background: linear-gradient(126deg, #f45160 0%, #b7001d 100%); border-radius: 0px 10px 0px 10px; font-size: 12px; top: 0; right: 0; font-weight: 400; color: #ffffff; }
.week-list .week-dec { padding: 11px 17px 27px; font-size: 12px; font-weight: 400; color: #333333; line-height: 19px; min-height:66px;}
.week-list .week-from { margin-left: 17px; font-size: 12px; font-weight: 400; color: #999999; }
.week-list .week-from span.week-cj { color: #2181FF; margin-left: 5px; }
.week-list .week-from span.week-deep { color: #E83B0C; margin-left: 5px; }
.week-list .week-from span.week-tulianshe { color: #CD351A; margin-left: 5px; }
.ls-xd { position: relative; height: 300px; }
.ls-img-box .mod-data { height: 40px; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); border-radius: 0px 0px 10px 10px; font-size: 12px; font-family: -webkit-pictograph; font-weight: bold; color: rgba(255, 255, 255, 0.69); padding-top: 10px; text-align: left; padding-left: 15px; bottom: 0; left: 0; }
.ls-list { box-sizing: content-box; height: 240px; padding-top: 73px; top: 0; margin-top: -73px; }
.ls-list .swiper-container { padding-top: 73px; position: relative; top: -82px; }
.ls-list .ls-item { float: left; display: block; width: 256px; margin-right: 30px; }
.ls-list .ls-item:hover .ls-img-box { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.ls-list .ls-item:last-child { margin-right: 0; }
.ls-list .two_hide { margin: 16px auto 18px; font-size: 14px; font-weight: 600; color: #333333; line-height: 20px; }
.ls-list .list-see { color: #999999; background: url(../images/see2.png) no-repeat left center; background-size: 16px 12px; }
.ls-list .list-time { color: #999999; }
.ls-img-box { position: relative; height: 142px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.ls-img-box img { width: 100%; height: 100%; display: block; border-radius: 10px; }
.week-left .comment_head { font-size: 0; margin-left: 0; margin-top: 70px; }
.week-left .comment_third { padding-left: 0; }
.week-left .hot_comment { margin-left: 0; }
.week-left .hc_list { margin-left: 0; }
.comment_head { font-size: 0; margin-left: 30px; }
.comment_head textarea { width: 646px; height: 80px; font-size: 14px; color: #333; resize: none; padding: 5px 20px; /* line-height: 1.7; */
box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #da3514; }
.comment_head span { display: inline-block; width: 180px; height: 80px; line-height: 80px; background-color: #da3514; color: #f7f7f7; font-size: 17px; vertical-align: top; /* border: 1px solid #da3514; */
border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.comment_head span i { display: inline-block; margin: 0 15px; width: 40px; height: 38px; background: url('../images/pl.png') no-repeat; background-size: 40px 38px; vertical-align: middle; }
.comment_third { font-size: 16px; color: #d3d7db; margin: 20px 0; padding-left: 30px; }
.comment_third img { width: 45px; height: 45px; margin-left: 20px; vertical-align: middle; cursor: pointer; }
#comment_con { outline: none; padding: 20px; font-size: 14px; color: #333; resize: none; width: 100%; height: 100px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; overflow-x: auto; }
#comment_con em { color: #999; }
.hot_comment { height: 80px; line-height: 80px; font-size: 20px; color: #010101; border-bottom: 1px solid #ececec; margin-left: 30px; }
.hot_comment::before { display: inline-block; content: ''; width: 3px; background-color: #e8320d; margin-right: 8px; height: 18px; vertical-align: middle; }
.hot_comment span { font-size: 17px; }
.hc_list { margin-bottom: 70px; margin-left: 30px; }
.hc_list li { padding: 30px 0 30px 75px; border-bottom: 1px solid #ececec; position: relative; }
.hc_list li img { width: 50px; height: 50px; border-radius: 50%; position: absolute; top: 30px; left: 0; }
.dianzan { display: inline-block; user-select: none; height: 20px; font-size: 15px; color: #999; text-align: right; position: absolute; right: 0; top: 30px; padding-left: 22px; background: url(../images/good3.png) left no-repeat; background-size: 17px 17px; }
.bottom { width: 100%; background: #fff; padding-top: 42px; height: 178px; }
.week-list-con .bottom .link { padding-left: 0; }
.bottom .link { float: left; padding-left: 32px; width: 280px; }
.bottom .hot { float: left; padding-left: 32px; width: 390px; }
.bottom h3 { font-size: 18px; font-weight: 400; height: 34px; }
.bottom .wz { line-height: 36px; font-size: 0; max-height: 108px; overflow: hidden; }
.bottom .wz a { font-size: 14px; margin-right: 30px; display: inline-block; }
.bottom .wx { padding: 0 40px; float: left; }
.bottom .wx img { width: 92px; height: 92px; border: 1px solid #757e88; padding: 3px; }
.bottom .wx span { display: block; margin-top: 20px; text-align: center; font-size: 16px; }
.dianzan.good { background: url(../images/good1.png) left no-repeat; background-size: 17px 17px; }
.hc_list li h2 { font-size: 17px; color: #333; width: 340px; overflow: hidden; margin-bottom: 14px; }
.hc_list li div { font-size: 14px; color: #666; width: 530px; }
.hot_list li { margin-top: 30px; font-size: 14px; font-weight: 400; color: #666666; }
.hot_list li img { width: 42px; height: 42px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; }
.hot_list li .hot-list-block { width: calc(100% - 52px); }
.hot_list li .we-name-box { margin-top: 7px; }
.hot_list li .we-name { font-size: 14px; font-weight: 500; color: #333333; }
.hot_list li .we-dec { line-height: 24px; margin: 10px 0 6px; }
.hot_list li .we-time { font-size: 12px; font-weight: 400; color: #999999; }
.vlogimg-box { margin-bottom: 40px; }
.vlogimg { width: 300px; height: 167px; margin-bottom: 20px; display:block;}
.vlogimg img{width: 300px; height: 167px;}
.vlogimg:last-child { margin-bottom: 0; }

.rt_top { width: 60px; z-index: 500; position: fixed; _position: absolute; bottom: 105px; right: 0; display: none; }
.site_head.fix { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; }
.site_container.fix { margin-top: 70px; }
.atten-ls { height: 57px; line-height: 57px; font-size: 14px; border-top: 2px solid #DA3515; font-weight: 600; color: #333333; border-bottom: 1px dashed #F1F1F1; text-align: center; margin-bottom: 40px; }

.atten-tab-box { width: 296px; height: 410px; background: #ffffff; box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.09); }
.atten-tab-box .atten-tab span { width: 75px; height: 73px; position: relative; float: left; border: 1px solid #F3F3F3; border-top: 0; margin-left: -1px; }
.atten-tab-box .atten-tab span.on { border-bottom: none; }
.atten-tab-box .atten-tab span.on:before { position: absolute; height: 4px; background: #da3515; width: 100%; top: 0; left: 0; content: ''; }
.atten-tab-box .atten-tab span:last-child { border-right: 0; }
.atten-tab-box .atten-tab span:first-child img { width: 36px; height: 36px; margin-top: 23px; }
.atten-tab-box .atten-tab span:nth-child(2) img { width: 30px; height: 24px; margin-top: 28px; }
.atten-tab-box .atten-tab span:nth-child(3) img { width: 35px; height: 35px; margin-top: 24px; }
.atten-tab-box .atten-tab span:nth-child(4) img { width: 36px; height: 36px; margin-top: 23px; }
.atten-tab-box .atten-tab span img { margin: 0 auto; display: block; }
.atten-tab-box .at-con-item img { width: 232px; height: 232px; margin: 30px auto 22px; display: block; }
.atten-tab-box .atten-tit { font-size: 14px; text-align: center; font-weight: 400; color: #333333; }
/****视频列表页****/
.velist-con { margin-top: 70px; }
.veliat-top { background: #F8F8F8; padding: 20px 0; }
.veliat-top .v-img { width: 220px; height: 308px; margin-right: 40px; }
.veliat-top .ve-detail { width: 940px; }
.veliat-top .ve-tit { font-size: 28px; margin-bottom: 30px; font-weight: 600; color: #333333; margin-top: -8px; }
.veliat-top .ve-mods { margin-bottom: 15px; }
.veliat-top .specail-f { font-size: 14px; font-weight: bold; color: #333333; }
.veliat-top .mods-label { font-size: 14px; margin-right: 12px; font-weight: 400; color: #808080; }
.veliat-top .stage-box { margin-left: 50px; }
.veliat-top .f-done { font-size: 12px; height: 20px; line-height: 20px; padding: 0 7px; border-radius: 4px; border: 1px solid #bfbebe; font-weight: 400; color: #a0a0a0; }
.veliat-top .f-collection { margin-left: 10px; }
.veliat-top .f-collection em { color: #E34B19; margin: 0 5px; }
.veliat-top .ve-disc { font-size: 14px; font-weight: 400; color: #333333; line-height: 20px; }
.veliat-top .f-app { margin-top: 33px; }
.veliat-top .play-current { width: 140px; height: 40px; border-radius: 25px; line-height: 40px; padding-left: 58px; background: url(../images/f-play.png) no-repeat 26px center #da3515; background-size: 20px 20px; font-weight: 400; color: #ffffff; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.veliat-top .play-current:hover { background-color: #F74320; }
.veliat-top .f-download { padding-bottom: 10px; position: relative; width: 190px; margin-left: 46px; }
.veliat-top .f-download span { display: block; width: 190px; height: 40px; line-height: 40px; font-weight: 400; color: #da3515; padding-left: 44px; background: url(../images/f-app.png) no-repeat 24px center rgba(218, 53, 21, 0.18); background-size: 10px 16px; border-radius: 25px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.veliat-top .f-download span:hover { background-color: rgba(255, 132, 108, 0.18); }
.veliat-con { margin-top: 50px; margin-bottom: 30px; }
.mode-left { width: 830px; }
.mode-left .year { position: relative; }
.mode-left .year ul { display: none; position: absolute; top: 26px; z-index: 200; background: #fff; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.15); border-radius: 3px; width: 100%; left: 0; }
.mode-left .year ul li { padding-left: 9px; line-height: 26px; cursor: pointer; }
.mode-left .year span { display: block; cursor: pointer; height: 26px; line-height: 26px; border-radius: 2px; padding-left: 9px; padding-right: 25px; border: 1px solid #979797; background: url(../images/f-down.png) no-repeat 51px center; background-size: 11px 6px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #333333; }
.mode-left .v-tab { margin-left: 30px; color: #666666; }
.mode-left .v-tab span { cursor: pointer; line-height: 26px; display: inline-block; margin-right: 26px; }
.mode-left .v-tab span.on { position: relative; color: #DA3515; }
.mode-left .v-tab span.on:after { content: ''; position: absolute; width: 100%; height: 3px; background: #DA3515; bottom: 0; left: 0; right: 0; }
.mode-left .f-list { margin-left: -25px; margin-top: 30px; }
.mode-left .f-list-item { margin-bottom: 50px; cursor: pointer; width: 260px; margin-left: 25px; }
.mode-left .f-list-item:hover .f-tops { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.mode-left .f-tops { position: relative; height: 146px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mode-left .f-tops .f-bg { width: 260px; height: 146px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mode-left .f-tops .f-play2 { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.mode-left .f-tops .mod-data { width: 100%; left: 0; bottom: 0; height: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); color: rgba(255, 255, 255); border-radius: 0px 0px 10px 10px; font-size: 12px; font-family: -webkit-pictograph; font-weight: bold; padding-top: 10px; text-align: left; padding-left: 15px; }
.mode-left .f-tops .mode-time { margin-right: 20px; }
.mode-left .mode-tits { height: 40px; margin-top: 17px; font-weight: 600; color: #333333; line-height: 20px; }
.mode-left .week-tit { margin-top: 50px;}
.mode-left .f-banner { width: 100%; margin-top: 50px; display: block; }
.mode-left .f-banner img { width: 100%; }
.mode-right { width: 300px; }
.mode-right .r-list { max-height: 516px; padding-left: 4px; margin-top: 30px; overflow-y: auto; }
.mode-right .r-list::-webkit-scrollbar {
 width: 10px;
 background: #D8D8D8;
 border-radius: 10px;
}
.mode-right .r-list::-webkit-scrollbar-track-piece {
 background: 0 0;
}
.mode-right .r-list::-webkit-scrollbar-button {
 display: none;
}
.mode-right .r-list::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: #646179;
}
.mode-right .r-list li { border-left: 2px solid #EAEAEA; position: relative; margin-bottom: 20px; }
.mode-right .r-list li .m-round { position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #DA3515; left: -4.5px; top: 0; }
.mode-right .r-list li .m-tit-time { font-weight: 400; color: #999999; margin-left: 13px; margin-bottom: 10px; }
.mode-right .r-list li .mod-details { margin-left: 13px; width: 262px; padding: 20px; font-size: 12px; font-weight: 400; color: #000000; line-height: 17px; background: #f8f8f8; }
.mode-right .r-list li .mod-details img { max-width: 100%; display: block; margin: 20px auto 0; }
.mode-right .r-list li .mod-details .two_imgs img { width: 105px; margin-right: 10px; float: left; }
.mode-right .r-list li .mod-details .two_imgs img:nth-child(2n) { margin-right: 0; }
.mode-right .r-list li .mod-details .more_imgs img { width: 65px; float: left; margin-right: 12.5px; }
.mode-right .r-list li .mod-details .more_imgs img:nth-child(3n) { margin-right: 0; }
.mode-right .aboutus { margin-top: 56px; margin-bottom: 30px; }
.mode-right .atten-tab-box .atten-tab span:nth-child(2) img { width: 36px; height: 35px; margin-top: 24px; }
.mode-right .atten-tab-box .atten-tab span:nth-child(3) img { width: 37px; height: 37px; margin-top: 23px; }
.mode-right .at-con-item { display: none; }
.mode-right .at-con-item:first-child { display: block; }
.mode-width { width: 1200px; margin: 0 auto; }
.f-seemore span { display: block; margin: 0 auto; width: 118px; height: 26px; line-height: 26px; border-radius: 4px; border: 1px solid #da3515; text-align: center; font-weight: 400; color: #da3515; }
@media (max-width: 1420px) {
}
@media (min-width: 1380px) {
}
@media (max-width: 1200px) {
.container_inner { width: 1200px; }
.mod_player_section { width: 900px; }
}
/*# sourceMappingURL=yizhouxiu.css.map */