@charset "utf-8";
/* CSS Document */
body { padding-bottom:1rem;}
.clearfix {}
.width100 { width: 100%;}
.mb05rem { margin-bottom:.5rem;}
.padding-bt0 { padding-bottom:0;}
.cloudtheater_banner { width:100%; position:fixed; z-index:9999; top:0 /*height:11.3vw*/}
.cloudtheater_banner img { width:100%; height:auto;}
.lanmu_tag { display:flex; margin-top:1rem;}
.lanmu_tag li { flex:1;text-align:center;}
.lanmu_tag li a { display:inline-block; font-size:1.6rem; color:#666; font-weight:600; margin:0 auto; margin-top:.6rem; padding-bottom:.5rem;}
.lanmu_tag li.actived_nav a { border-bottom:2px solid #f60; color:#F60;}
.list_con_cloudtheater {width: 96%; margin: 0 auto; display: block; clear: both; margin-top: 48.5vw;}
.list_con_cloudtheater .list_one_cloudtheater { width: 100%; padding: 0; margin-bottom: .8rem; position:relative;}
/*.list_con_cloudtheater .list_one_cloudtheater { width: 49%; padding: 0; position:relative; float:left; margin:.5rem .5%; margin-bottom: 4rem;}20200618 改为两行显示*/
.list_con_cloudtheater .list_one_cloudtheater .titile-videolist { position:absolute; bottom:0; width:100%; padding:.6rem 1.5rem; box-sizing:border-box; background:rgba(0,0,0,.5); font-size:1.6rem; line-height:2rem; color:#fff; max-height:5rem; overflow:hidden;}
/*.list_con_cloudtheater .list_one_cloudtheater .titile-videolist { position:absolute; height:4rem; bottom:-4rem; width:100%; padding:.5rem; box-sizing:border-box; background:rgba(0,0,0,.1); font-size:1.3rem; line-height:1.6rem; color:#333; overflow:hidden;}20200618 改为两行显示*/
.list_con_cloudtheater .list_one_cloudtheater .img-responsive {width: 100%; height: auto; border-radius: .4rem; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.list_con_cloudtheater .list_one_cloudtheater .play_bt_con { position:absolute; top:0; left:0; width:100%; height:100%;}
.list_con_cloudtheater .list_one_cloudtheater .play_bt_con .play { display:inline-block; width:14vw; height:14vw; position:absolute; top:30%; left:43%; background:url(../../images/template_7/baofang@2x.png); background-size:100% 100%;}
/*.list_con_cloudtheater .list_one_cloudtheater .play_bt_con .play { display:inline-block; width:12vw; height:12vw; position:absolute; top:22%; left:40%; background:url(../../images/template_7/baofang@2x.png); background-size:100% 100%;}20200618 改为两行显示*/
.list_con_cloudtheater .qiehuan_con .width100 { display:none}
/*.list_con_cloudtheater .qiehuan_con .width100 { display:none;position:relative; width:100%}20200618 改为两行显示*/
.inner_titile { width:94%; margin:.5rem auto; margin-top:70vw; font-size:1.8rem; font-weight:bold}
.inner_movieinfo { width:94%; margin:.5rem auto; font-size:1.2rem; color:#aaa;}
.xuan_titile { width:94%; margin:.5rem auto; font-size:1.6rem; font-weight:500;}
.pianduan_tag { width:94%; margin:.5rem auto; font-size:1.6rem;}
.pianduan_tag li { float:left; margin-right:.8rem; margin-top:.8rem;}
.pianduan_tag li a { display:inline-block; border:1px solid #999; background:#efefef; color:#333; padding:.5rem 1rem; border-radius:.6rem;}
.pianduan_tag li.actived_nav a { border-color:#F60; color:#F60;}
.play-box { text-align:center; background:#000; position:relative; display:none; height:56.25vw;}
.play-box .video_comingsoon { position:absolute; background:rgba(0,0,0,.8); font-size:2rem; color:#fff; line-height:2.8rem; padding:2rem 3rem; border-radius:.6rem; box-sizing:border-box; width:60%; left:20%; top:4.5rem;}
.tenvideo_player .tvp_container .tvp_overlay_poster .tvp_poster_img { background-size:100% 100%!important; background-size:cover!important}
.inner_cloudtheater { width:94%; margin:1rem auto; background:#FFF; border-radius:.6rem; padding:1.5rem 2rem; box-sizing:border-box; font-size:1.5rem; line-height:2rem;
scrollbar-width: none; -ms-overflow-style:none; -webkit-overflow-scrolling: touch;}
.inner_cloudtheater::-webkit-scrollbar{width:0px}
.inner_cloudtheater .titile { font-size:1.8rem; font-weight:700; color:#333; margin-top:.5rem; margin-bottom:.2rem;}
.notice_inner_cloudtheater { width:90%; margin:.5rem auto; font-size:1.4rem;}
.not-a-vip { width: 100%; height: 100%; background: #000 url(../../images/template_7/topbg1.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; z-index: 9999; position: absolute; color:#fff;}
.not-a-vip .text_p { position:absolute; bottom:30%; width:90%; left:5%; font-size:1.6rem; line-height:2rem; }
.not-a-vip .bt_vipnow { display:inline-block; background-color: #e2bc81;color: #582d00; height: 1.6rem; line-height: 1.6rem; border-radius: 1.2rem; padding:.4rem 1.5rem; margin-top:1rem;}

.list_yuyue .list_yuyue_one { background:#fff; padding:1rem; box-sizing:border-box; margin:.8rem auto; border-radius:.4rem;}
.list_yuyue .list_yuyue_one .titile01 { font-size:1.5rem; font-weight:600; color:#333;}
.list_yuyue .list_yuyue_one .titile02 { font-size:1.7rem; font-weight:700; color:#333;}
.list_yuyue .list_yuyue_one .icon-facetime-video { margin-right:.6rem;}
.list_yuyue .list_yuyue_one img { width:90vw; height:auto;}
.list_yuyue .list_yuyue_one_info { margin-top:.8rem; color:#aaa; font-size:1.4rem}
.list_yuyue .list_yuyue_one_info .touxiang { border-radius:50%; margin-right:.8rem; width:1.6rem; height:1.6rem; float:left}
.list_yuyue .list_yuyue_one_info .comefrom { font-size:1.2rem; color:#ccc; float:right}
.list_yuyue .list_yuyue_second_titile { margin:1rem; margin-top:1.4rem; font-size:1.4rem; text-align:center; color:#aaa}

.list_page_cloudtheater { background:rgba(100%,100%,100%,1); width:100%; margin-top:-1.3rem; border-radius:1rem; border-bottom-left-radius:0; border-bottom-right-radius:0; position:relative; z-index:99; padding:2rem 0 1rem;}
.list_yuyuepage { width:90%; margin:0 auto; overflow:auto;}
.list_yuyuepage_one { width:49%; position:relative; float:left; margin-right:2%; margin-bottom:1.4rem;}
.list_yuyuepage_one:nth-child(2n) {margin-right:0;}
.list_yuyuepage_one img { width:100%; height:45vw; border-radius:.5rem;}
.list_yuyuepage_one .titile02 { font-size:1.5rem; font-weight:600; color:#666;}
.list_yuyuepage_one .list_yuyue_one_info .touxiang { border-radius:50%; margin-right:.4rem; width:1.6rem; height:1.6rem; float:left}
.list_yuyuepage_one .overnote { position:absolute; left:.8rem; top:.8rem; background:rgba(90,90,90,.6); color:#fff; border-radius:.5rem; padding-right:1rem; height:2rem; line-height:2rem;}
.list_yuyuepage_one .overnote span { background: url(../../images/template_7/cloudtheater_yugao.png) left center no-repeat; background-size: auto 100%; display:inline-block; width:4.5rem; height:100%; text-indent:-9999px;}
.cloudtheater_yuyue_inner {background:#fff; padding-bottom:2rem; padding-top:1rem;}
.cloudtheater_yuyue_inner .main_content { width:92%; margin:0 auto}
.top_info { border-bottom:1px solid #ccc;overflow:auto; position:relative; padding-bottom:.5rem;}
.top_info .time { color:#333; font-size:1.8rem; float:left}
.top_info .time strong { font-weight:bold; font-size:4rem;}
.top_info .time span { font-weight:700;}
.top_info .f-fr { position:absolute; bottom:.6rem; right:1rem; font-size:1.4rem;}
.dingyue_titile { font-size:1.6rem; font-weight:700; color: #333; margin:.8rem 0; line-height:1.6rem;}
.dingyue_titile i { margin-right:.5rem;}
.main_img { width:100%; height:auto;}
.control_area0 { border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:.6rem 0; font-size:1.5rem;}
.control_area0 a { color:#666; font-weight:700;}
.control_area0 a i { margin-left:.5rem; color:#F60}
.cloudtheater_yuyue_inner_content { font-size:1.4rem; padding:1rem 0 2.5rem 0;}
.footer_bt_con { width:94%; position:fixed; bottom:0; left:3%; font-size:1.4rem;}
.bt_dingyue { width:100%; display: inline-block; background:#f96531; color:#FFF; height: 3.5rem; line-height:3.5rem; text-align:center; border-radius:.5rem;}
.bt_havedone {display: inline-block; background:#ff916a; width:56%; height: 3.5rem; line-height:3.5rem; text-align:center; border-radius:.5rem;}
.bt_share_s {display: inline-block; border:1px solid #f96531; width:40%; background:#fff; color:#f96531; height: 3.5rem; line-height:3.5rem; text-align:center; border-radius:.5rem; margin-right:3%;}
.bt_share_s i { margin-right:.5rem;}
.page_dingyue { text-align:center;}
.icon_con { background:#333; width:2rem; height:2rem; border-radius:50%; padding:3rem;color:#fff; margin:0 auto; margin-top:30%;}
.icon_con i { font-size:5rem; line-height:2rem;  margin-left:-.8rem;}
.page_dingyue h1 { margin:1rem 0 .6rem;}
.page_dingyue .text_content { font-size:1.5rem;}
.page_dingyue .btn_con { font-size:1.6rem; margin-top:1rem}
.page_dingyue .btn_con a { color:#f96531}
/*直播倒计时*/
.video_con {position: fixed; width: 100%; top: 11.3vw;}
.timer-box { padding:0 11% 0 9%; width: 80%; height:56.25vw; margin: 0px auto; background: #000 url(../../images/template_7/topbg1.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% auto; z-index: 9999;}
.timer-box .text_p { padding-top:19vw; font-size:1.5rem; line-height:2rem; color:#f8c699; text-align:center; }
#countdown {height: auto; margin: 0px auto; display: inline-block; display:flex; }
.dash { flex:1; height: 4rem; float: left; margin-left: 1.5rem; position: relative; }
.dash .digit { font-size: 3rem; float: left; width: 2.2rem; text-align: center; font-family: Arial; color: #f8c699; position: relative; margin-top:.5rem}
.dash_title { position: absolute; display: block; bottom: 0px; text-align: center; font-weight: bold; width: 11rem; font-size: 1rem; color: #f8c699; }
ul.social-link { text-align: center; margin: 0px; padding: 0px; margin-top: 25px; }
ul.social-link li { display: inline-block; margin-right: 20px; }
a.fb-link-btn { padding: 10px; transition: all 0.4s ease 0s; background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(238,238,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.fb-link-btn:hover { background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
}
.fb-link-btn i { margin-right: 10px; border-right: 1px solid #999; }
.fb-icon { background: url(img/fb.png) no-repeat; width: 24px; height: 16px; top: 4px; }
a.twt-link-btn { padding: 10px; transition: all 0.4s ease 0s; background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(238,238,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.twt-link-btn:hover { background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
}
.twt-link-btn i { margin-right: 10px; border-right: 1px solid #999; }
.twt-icon { background: url(img/twt.png) no-repeat; width: 24px; height: 16px; top: 4px; }
/*直播倒计时*/