@charset "utf-8"; @import url("theme-ui.css"); body{font-family:"Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;} *{margin:0;padding:0;font-family:Helvetica,Arial,Microsoft Yahei,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent} a{text-decoration:none;outline:0} a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#333;} .text-333{ color: #333;} .text-666{ color: #666;} .text-muted{ color: #999;} .text-hot{background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .text-then{background: linear-gradient(90deg,#589cf6 0,#2577e3 45%,#1B65C9);background-color:#ff183e;color: #fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .text-red{ color: red;} .text-link{ color: blue;} .text-fff{ color: #fff;} .text-ccc{ color: #ccc;} .text-color{color:#589cf6;} a:active,a:hover{outline:0} a:focus{outline:none;} a:focus,a:hover,a:link{text-decoration:none;} a:hover{ color:#589cf6;} li,ol,ul{margin:0;padding:0;list-style:none} p{line-height:1.5} em,i{font-style:normal}R img{display:inline-block;vertical-align:middle} /* form */ input::-ms-clear{display:none} input:-webkit-autofill{-webkit-box-shadow:0 0 0 62.5rem #fff inset!important} img,input{border:0} input[type=submit]{cursor:pointer} input[type=email],input[type=password],input[type=search],input[type=submit],input[type=text],option,select,textarea{-webkit-appearance:none} input,option,select,textarea{font-size:100%;outline:0} textarea{resize:none;overflow-x:hidden} .form-control:focus{ border-color:#589cf6; -webkit-box-shadow:inset 0 1px 1px rgba(37,119,227,.075),0 0 8px rgba(88,156,246,.7);} @media only screen { /*box*/ body{background: rgb(242, 242, 242);color:#666;} body.box .layout-box{ background:#FFF;box-shadow: 0 1px 4px rgba(0,0,0,.07);padding:10px;} .layout-boxc{ background:#f8f8f8;padding:10px;} .row{ margin-left:-10px; margin-right:-10px;} .br,.bt,.bts{ position:relative} .br::before{position: absolute;right:1px;top:0px;width: 1px;bottom:0px;background-color:#EAEAEA;content: "";} .br::after{position: absolute;right:0px;top:0px;width: 1px; bottom:0px;background-color:#fff;content: "";} .bt::before{position: absolute;right:0px;left:0px;height: 1px;bottom:0px;background-color:#fff;content: "";} .bt::after{position: absolute;right:0px;left:0px;height: 1px; bottom:1px;background-color:#EAEAEA;content: "";} .bts::before{position: absolute;right:0px;left:0px;height: 1px;top:0px;background-color:#fff;content: "";} .bts::after{position: absolute;right:0px;left:0px;height: 1px; top:1px;background-color:#EAEAEA;content: "";} .bottom-line::after,.bottom-line-dot::before,.top-line-dot::after,.top-line-dot::before{border-color: #eee;} /* text */ a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #333;} /* #fd8403*/ .btn{padding:6px 12px;} .loading{background:url(../images/loading.gif) no-repeat center;display:block; text-indent:15%;} .loading,.kong{text-align:center;line-height:32px;clear:both; padding:30px 0px;} .swiper-lazy-preloader{ width:32px;height:32px;background:url(../images/loading.gif) no-repeat center;display:block; text-indent:15%; border:none} /*头部*/ .header{position:fixed;color:#FFF;line-height:55px; z-index:9999; width:100%;background: rgba(255,255,255,.14);background:#FFF;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;} .header.bgs{background:linear-gradient(to right,#2577e3 0,#589cf6 70%);} .header.bgs .header-logo,.header.bgs .header-nav li a{color:#FFF} .header.bgs .header-nav li.active a{color:#fd8403;} .header.bg{background: none;} .header.bg .header-logo{color:#333} .header.bg .header-nav{text-shadow: 1px 1px 2px #000} .header .header-nav li a{ color:#333;text-shadow: 1px 1px 2px none} .header.home .header-search input{border: 1px solid #F33} .header.home.bg .header-search input{ border:none} .header-top-down {margin-top: -60px;} .header.home.bg .header-logo{ color:#fff} .header .header-logo{float:left;font-size:22px;margin-right:25px; text-align:center;color:#333;font-weight: 700;letter-spacing:2px} .header-nav{ font-size:15px;} .header-nav li{float: left;text-align: center;} .header-nav li a,.header.bg .header-nav li a{padding: 0px 20px; display:inline-block; color:#FFF} .header-nav li.active{ font-size:18px; font-weight:bold;} .header-nav li:hover a, .header-nav li.active a,.header.bg .header-nav li.active a,.header.bg .header-nav li:hover a{color:#589cf6;} .header-nav li.nav-more:hover{ background:none} .header-nav .nav-more.open a .icon-quanbu,.header-nav .nav-more.open a,.bg .header-nav .nav-more.open a,.header-nav li.nav-more.open:hover a{ color:#F33;} .header-nav .icon-quanbu{margin-left:5px;} .header-nav a .icon-quanbu,.header .header-nav li.nav-more:hover a{ color:#ff5f00;} .header-h{ height:55px;} .header-search{ width:25%;position: relative;float:left; margin-left:15px;} .header-search input { width:100%;margin: auto;vertical-align: middle;padding-left:25px; padding-right:180px;height:35px;border-radius: 80px; background-color:rgba(255,255,255,0.65);} .header-search .search-submit{ padding-left:15px;color:#FFF;background:#ff5c38;width:100px;height:35px;right:0px;position: absolute;top: 11px;border: 0;border-top-right-radius: 80px;border-bottom-right-radius: 80px; cursor: pointer;} .header-search .search-submit:hover{ background:#F33} .header-search .search-submit .icon-sousuo{ font-size:22px; position:absolute; left:5px; top:6px;} .header-search-hot{position: absolute;top: 0px; right:110px;color:#ff5f00;background-image:-webkit-linear-gradient(bottom,red,#ff5f00,yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .headers-search{background:#FFF;padding:5px 10px; color:#333; overflow:hidden;} .search-l{ width:40%; float:left} .search-r{ width:15%; float:right} .search-t{ padding-top:5px;width: 175px;} .search-r .user-playlog{margin-right:0px;margin-top:0px; line-height:normal; height:auto; width:auto; padding-top:5px;} .search-r .user-playlog .icon-shijian{ font-size:28px; color:#999} .search-keywords,.playlog-mini{ position:absolute;top:0px;; background:#222328; z-index:9999; height:30000px; width:100%; padding:10px; display:none} .search-keywords-t,.playlog-mini-close{border-bottom:1px solid #DFDFDF; padding-bottom:5px;position:relative;line-height:45px;} .search-keywords-t .search-submit{ float:right;background-color:unset;border: none; margin-top:5px;} .search-keywords-t .icon-left,.playlog-mini-close .icon-left{float:left; color:#000; font-size:22px; font-weight:bold; margin-right:10px;} .search-keywords-t .icon-sousuo{ font-size:28px; color:#fd8403;} .headers-search span,.playlog-search{font-size:12px; color:#999} .playlog-mini{font-size:16px; color:#999} .playlog-mini .playlog-box{ position:static; width:100%; display:block; border:none} .playlog-mini .playlog-close{ display:none} .playlog-mini .dropdown-box{ padding:0px;} .headers-search .icon-sousuo{margin-right:15px; font-size:22px; padding-top:5px; color:#fd8403;} .header-nav-all{width:100%;border-top: 1px solid #2577e3;background-color: rgba(255,255,255,.98); padding-bottom:10px;overflow:hidden; font-size:16px; line-height:38px;} .header-nav-all p{ line-height:38px; border-bottom:1px dotted #EAEAEA;} .header-nav-all ul:last-child{border:none} .header-nav-all ul{border-bottom: 1px dashed #eee; line-height:normal; padding:15px;} .header-nav-all a{display:inline-block; margin-right:10px;} .header-nav-all a.bold{ width:100%} .header-search .dropdown{width:100%;top:38px;background:none;padding:11px;} .header-search .dropdown-box{ background:#FFF; padding:15px;} .headers{padding:15px 10px 10px 10px;position:absolute;z-index:99;font-size:18px;border-bottom:1px solid #EAEAEA;background:#FFF; overflow:hidden; width:100%} .headers ul a{ float:left;width: auto; height:auto; color: #000; margin-right:20px;} .headers ul a.active{ margin-top:-5px;font-size:22px; font-weight:700; color:#589cf6;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;} .headers .all-click{; position:absolute;padding-top:17px; padding-left:50px;padding-right:10px;right:0px; top:0px; z-index:99999;background: linear-gradient(to right,rgb(255,255,255,.9),rgb(255,255,255,1)); color:#333} .headers .all-click .iconfont{font-size:22px; z-index:9999} .search-record{overflow:hidden; padding:10px 0px;} .search-record li{width:50%; float:left; line-height:35px;} .search-record li a{ display:block; padding:0 10px;} .search-record li a:hover{ background:#f8f8f8;} #hot-search-clear{ float:right; color:#999; cursor:pointer} .user-playlog{ float:right; margin-right:20px;text-align:center;line-height:35px;height:35px; width:35px;border-radius:35px; margin-top:12px;cursor:pointer; position:relative} .user-login{ float:right; height:35px;width:35px;border-radius:35px; background:#b0b7c2; text-align:center; line-height:35px; margin-top:11px; cursor:pointer} .user-login .iconfont{ font-size:22px;color:rgba(238,238,238,.4);} .user-playlog .iconfont{ font-size:35px;color:rgba(238,238,238,.7);} .user-login:hover{background:rgba(238,238,238,.7);} .user-playlog:hover .iconfont{color:rgba(238,238,238,.9);} .all-nav-close{ padding-left:20%;color:#333; position:absolute;top:10px;right:20px; cursor:pointer; z-index:9} /*autocomplete*/ .autocomplete-suggestions{margin-top:3px;padding:10px;border-radius:0;background:#FFF; max-height:auto} .autocomplete-suggestion{padding:8px 10px;white-space:nowrap;overflow:hidden;cursor:pointer;border-bottom: 1px dashed #f5f5f5; font-size:15px;} .autocomplete-suggestion:hover{ color:#589cf6} .autocomplete-no-suggestion{padding:2px 5px} .autocomplete-suggestions strong{font-weight:700} /*playlog*/ .user-playlog:hover .playlog-box{ display:block} .playlog-clear{float:left} .playlog-close{float:right} .playlog-box{position:absolute; right:-75px;margin-top:3px;z-index:999; width:350px;border-radius: 6px;display:none;line-height:normal;background: hsla(0,0%,100%,.97);border: 1px solid #ebebeb;box-shadow: 0 2px 10px 0rgba(0,0,0,.3);filter: alpha(opacity=94);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";} .playlog-title,.playlog-tool{overflow:hidden;padding:10px 14px;margin: 0;font-size: 14px;border-bottom: 1px solid #ebebeb;border-radius: 5px 5px 0 0;} .playlog-box:after,.playlog-box:before{border:11px solid transparent;border-bottom:11px solid #fff;width:0;height:0;position:absolute;top:-22px;right:80px;content:' ';visibility:visible} .playlog-box ul{padding:10px 10px 10px 10px;} .playlog-box strong{ width:100%;text-align:center; display:block; font-weight:normal} .playlog-box ul li{overflow:hidden;line-height: 1.1; padding:8px} .playlog-box ul li:hover,.autocomplete-selected{filter:Alpha(opacity=70);} .playlog-box ul li h5{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;float:left;font-weight:400;font-size:14px; margin:0px;} .playlog-box ul li h5 em,.playlog-bottom em{margin:0 5px;font-style:normal} .playlog-box ul li span{overflow:hidden;float:left;display:block;font-size:14px;} .playlog-box ul li .playlog-del{ margin-left:10px; float:right} .playlog-box ul li .iconfont{ font-size:18px; font-weight:bold} .playlog-todo{text-align:center; padding:10px;} /*userlogin*/ #user-login{position:relative;} #user-login .nav-avatar{cursor:pointer} #user-login .nav-avatar img{width:35px;height:35px;border-radius:35px;object-fit:cover;object-position: center top;border:1px solid #589cf6;} #user-login .nav-avatar span{display:none} #user-login:hover #nav-signed{display:block} #user-login .nick-name{display:none} #nav-signed{display:none;position: absolute;border: 1px solid #ebebeb;width:auto; top:50px;background: hsla(0,0%,100%,.97);box-shadow: 0 2px 10px 0rgba(0,0,0,.3);filter: alpha(opacity=94);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";right:20%;word-break: keep-all; z-index:9999} #nav-signed:after,#nav-signed:before{border:11px solid transparent;border-bottom:11px solid #fff;width:0;height:0;position:absolute;top:-22px;right:0px;content:' ';visibility:visible;} #nav-signed:before{border-bottom-color:#ebebeb;top:-23px;right:0px} #nav-signed ul{line-height:normal; text-align:center; padding:10px 0px;} #nav-signed ul li{padding:10px 20px;display: block;} #nav-signed ul li:hover{background:#f5f5f5;} /*slide*/ .index-slide-box{position:relative;width:100%; overflow:hidden; min-height:55px;} .index-slide .index-slide-ul .index-slide-li a{background-repeat:no-repeat;background-position:50%;background-size:auto 100%;padding-top:430px; display:block;text-indent: -9999em; } .index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:480px;} .index-slide-txt{position:absolute;top:55px;padding-bottom:-100px;right:0; height:100%;width:348px;z-index:2; overflow:hidden; padding-left:20px;background: rgba(15,15,30,.5);} .index-slide-title{position: absolute;bottom:0;width: 100%;padding:10px 10px 30px 10px; text-align:center;left: 0;background: linear-gradient(rgba(0,0,0,0) 0,#333 150%);color: #fff; font-size:18px; display:none} .index-slide-txt ul{padding:12px 0 12px; position:inherit; display:inline} .index-slide-txt ul li{margin-bottom: 1px;float:left;height:auto;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index-slide-txt ul li a{width:100%;padding: 9px 20px 9px 25px;display: block;cursor: pointer;color:#ddd;font-size:14px;} .index-slide-txt ul.slide-nav-ul li a{ padding-left:30px;} .index-slide-txt ul li .side-desc{ display:none; font-size:14px; margin-left:5px;} .index-slide-txt ul li.active .side-title,.index-slide-txt ul li.swiper-slide-thumb-active .side-title{margin-bottom: 10px;font-size:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;transition: font-size .2s ease-out;} .index-slide-txt ul li.active .side-desc,.index-slide-txt ul li.swiper-slide-thumb-active .side-desc,.index-slide-txt ul.slide-nav-ul li .side-desc{ display:inline-block} .index-slide-txt ul li.active .side-title,.index-slide-txt ul li.swiper-slide-thumb-active .side-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold} .index-slide-box .index-slide-txt ul li.active a,.index-slide-box .index-slide-txt ul li.swiper-slide-thumb-active a{border:none} .index-slide-txt ul.slide-nav-ul li.swiper-slide-thumb-active .side-colon{ display:none} .index-slide-txt ul li.swiper-slide-thumb-active .side-desc{margin-left:0px;} /* index-slide */ .index-slide-txt ul li.active a,.index-slide-txt ul li.swiper-slide-thumb-active a,.index-slide-box .index-slide-txt ul li.active a,.index-slide-box .index-slide-txt ul li.swiper-slide-thumb-active a{color:#589cf6;} .index-slide-txt ul li.active a,.index-slide-txt ul li.swiper-slide-thumb-active a{border-bottom: 2px solid #fb7c4d;} .index-slide-txt ul.slide-nav-ul li.active .side-title, .index-slide-txt ul.slide-nav-ul li.swiper-slide-thumb-active .side-title {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index-slide-hot{ font-size:22px; font-weight:bold; color: #ddd; width:100%; overflow:hidden} .index-slide-hot .iconfont{ font-size:18px; margin-left:0px; margin-right:5px;background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .slide-like{ width:100%;} .slide-like .side-title{font-size:22px;} .index-slide-txt ul.slide-nav-ul li.swiper-slide-thumb-active a {border-bottom: 2px solid #589cf6;background:#FFF;} /*swiper-page */ .swiper-wrapper:hover .swiper-page,.auto-slide:hover .swiper-page,.three-slide-box .swiper-page,.article-pic:hover .swiper-page{display:block;background:rgba(0, 0, 0, 0.6); animation: fade-in; animation-duration: .3s; -webkit-animation:fade-in .3s;} .swiper-page{padding:12px 8px;background-color:rgba(0,0,0,.1); width:auto; height:auto;font-size:12px;margin-top:0px;--swiper-navigation-size: 15px;--swiper-theme-color:#fff;display:none;} .swiper-page.swiper-button-prev{border-radius: 0 5px 5px 0; left:1px;} .swiper-page.swiper-button-next{border-radius: 5px 0 0 5px; right:1px;} .dm-slide-box{padding:50px 0px 20px 0px;background: linear-gradient(to right,#2577e3 0,#589cf6 70%);} .dm-slide-box .txt-bg{border-bottom-right-radius:4px;border-bottom-left-radius:4px} .dm-hover-big{ padding:15px;} .dm-hover-big:hover a {box-shadow:5px 8px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;} .dm-slide-box .swiper-page,.three-slide-box .swiper-page,.news-slide-box .swiper-page,.article-pic .swiper-page{background:none;display:block; height:45px; width:45px;border-radius:100%;color:#FFF;text-align:center;vertical-align: top;--swiper-navigation-size:16px;} .dm-slide-box .swiper-page.swiper-button-next, .dm-slide-box .swiper-page.swiper-button-prev {top: 45%;} .three-slide-box,.news-slide-box{ padding-top:30px;} .three-slide-box .current-swiper {width:650px;height:370px;border-radius:10px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,0.05);position:relative;z-index:99;} .three-slide-box .left-swiper {position:absolute;left:0px;top:52px;z-index:1;} .three-slide-box .right-swiper {position:absolute;right:0px;left:auto;top:52px;z-index:1;} .three-slide-box .nocurrent-swiper {width:479px;height:273px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.05);} .three-slide-box .nocurrent-swiper:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background:#fff;filter: alpha(opacity=90);moz-opacity: 0.9;opacity: 0.9;} .three-slide-box .swiper-slide a{display:block;background-repeat:no-repeat;background-position:50%;background-size:auto 100%;padding-top:430px;} .three-slide-box .swiper-page{ display:block;} .three-slide-box:hover .swiper-page,.news-slide-box .swiper-page{background:rgba(0, 0, 0, 0.6);} .three-slide-box .swiper-page.swiper-button-prev{left:10px; top:48%} .three-slide-box .swiper-page.swiper-button-next{right:10px;top:48%} .three-slide-box .title{ position:absolute; left:5%; top:25%;color: #666; width:40%} .news-slide-box .swiper-slide{width:650px;background:#fff;box-shadow:0 8px 30px #ddd; padding:20px; display:block} .news-slide-box.xiaotu .swiper-slide{width:45%;} .news-slide-box .swiper-slide .pic-img{display: block;position: relative;padding-top:60%;} .news-slide-box .swiper-slide .pic-img img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height: 100%;border-radius:4px;object-fit:cover;object-position: center top;background:#f3f3f3;} .news-slide-box .swiper-slide p{line-height:55px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0} .news-slide-box .swiper-page.swiper-button-prev{left:10px; top:40%} .news-slide-box .swiper-page.swiper-button-next{right:10px;top:40%} .news-slide-box .swiper-container{ padding-bottom:40px;} .pswp__img{cursor: zoom-in!important;user-select: none!important;width:500px!important; height:300px!important} /*文本列表*/ .txt-list{ padding:10px;line-height: normal; font-size:15px;} .txt-list.bd li{border-bottom: 1px dashed #f5f5f5;} .txt-list.bd li:last-child{border:none; padding-bottom:0px;} .txt-list li{padding: 10px 0;position:relative} .txt-list li i{border-radius:20px;text-align:center;min-width:20px;min-height:20px;box-shadow:0 2px 6px rgba(51,51,51,.2);margin-right:10px;float:left;line-height:20px; font-size:14px;} .txt-list li i.i-new{ padding:2px 8px;border-radius:50px; margin-top:-2px;} .txt-list li i{color:#fff;background:#b0b7c2} .txt-list li em.hot{display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;background: #efefef;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;float: left;margin-right: 10px;color: #999;font-size: 12px;background: #efefef;} .txt-list li:nth-child(1) em.hot,.txt-list li:nth-child(2) em.hot,.txt-list li:nth-child(3) em.hot{background: #ff6a1f;color: #FFF;} .txt-list li:nth-child(1) i{background:#ff183e;box-shadow:0 2px 6px rgba(255,24,62,.2)} .txt-list li:nth-child(2) i{background:#ff5c38;box-shadow:0 2px 6px rgba(255,92,56,.2)} .txt-list li:nth-child(3) i{background:#ffb821;box-shadow:0 2px 6px rgba(255,184,33,.2)} .txt-list li.pic-list-hover .list-infos{ top:40px; left:0px; width:100%;} .txt-list-ccc a,.txt-list-bbb li{padding: 10px 20px 10px 60px;display:block;border-bottom:1px solid #EAEAEA;border-top:1px solid #fff;position: relative; overflow:hidden} .txt-list-ccc a:hover,.txt-list-bbb li:hover{background:#FFF} .txt-list-ccc a h3,.txt-list-bbb li h3{font-size: 18px;font-weight: 700;line-height: 24px; float:left} .txt-list-ccc a h4,.txt-list-bbb li h4{font-size: 16px;line-height: 24px; float:left} .txt-list-ccc a:hover h3,.txt-list-ccc a:hover h4,.txt-list-bbb li:hover h3,.txt-list-bbb li:hover h4{color:#589cf6;} .txt-list-ccc a:nth-child(1),.txt-list-bbb li:nth-child(1){border-top: none;} .txt-list-ccc a:last-child,.txt-list-bbb li:last-child{border-bottom: none; padding-bottom:20px;} .txt-list-ccc a i,.txt-list-bbb li i{position:absolute; margin-top:5px;left:20px;font-size: 28px;font-size:28px;color: #666;} .txt-list-bbb li p{width:100%;overflow:hidden; padding:1px 0px;} .txt-list-ccc.taici-list a,.txt-list-bbb li{ padding-left:80px; padding-right:20px;} .txt-list-ccc.taici-list a:nth-child(1){padding-top:10px} .txt-list-ccc .pic-yuan,.txt-list-bbb .pic-yuan{position:absolute; left:10px; width:50px; height:50px; top:10px;} .txt-list-ccc .pic-yuan img,.txt-list-bbb .pic-yuan img{position: absolute;left: 5px;top: 0;box-shadow: 0 4px 10px rgba(51,51,51,0.2);width: 100%;height: 100%;border-radius: 5px;object-fit: cover;object-position: center top;background: #f3f3f3;} .txt-list-ccc a:nth-child(1) i,.txt-list-ccc a:nth-child(2) i,.txt-list-ccc a:nth-child(3) i,.txt-list-bbb li:nth-child(1) i,.txt-list-bbb li:nth-child(2) i,.txt-list-bbb li:nth-child(3) i{-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-image: linear-gradient(180deg,#ffb821 0,#ff5c38 45%,#ff1459);} .txt-list-ccc p{ line-height:23px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:13px;} .txt-list-ccc .title,.txt-list-bbb li .title{ float:right} .hot-infos{display:none; background:#FFF;box-shadow: 1px 3px 3px rgba(0,0,0,.1);position:relative} .hot-infos:before,.hot-infos:after {content: '';border-color: transparent;border-style: solid;position: absolute;} .hot-infos:after {left: 15%; top:-16px;border-width: 8px 8px;border-bottom-color:#FAFAFA;} .hot-infos:before {left: 15%; top:-17px;border-width: 8px 8px;border-bottom-color:#e5e5e5;} .txt-list li .hot-infos{border: 1px solid #e5e5e5;margin-top: 15px;padding-top: 10px;position: relative; background:#FAFAFA; padding:10px; display:none;} .txt-list li .hot-infos span{ margin-right:10px;} .txt-list li:hover .hot-infos,.txt-list li.active .hot-infos{display:block;} /*标题*/ .box-title{line-height:40px;overflow:hidden; margin-bottom:5px;} .box-title h2,.box-title h3,.box-title h1{font-size:25px;font-weight: 400; float:left} .box-title-more{float:right} .box-title-more i{margin-left:5px; font-weight:bold;font-family:"宋体";} .box-title-page{float:right; position:relative; width:120px;} .box-title-page .swiper-page{background:none;display:block;top:5px;display: inline-block;width: 30px;height: 30px;border-radius:100%;color:#666;text-align: center;vertical-align: top;--swiper-navigation-size: 12px;} .box-title-page .swiper-button-next::after,.box-title-page .swiper-button-prev::after{ top:-3px; left:12px;position:absolute;} .box-title-page .swiper-page.swiper-button-next:hover,.box-title-page .swiper-page.swiper-button-prev:hover{padding:12px 8px;background-color:rgba(220,220,220,.2);color:#ff5f00;} .box-title-page .swiper-pagination{top:2px;} /*图片列表*/ .pic20{padding-top:20%!important;} .pic30{padding-top:30%!important;} .pic40{padding-top:40%!important;} .pic45{padding-top:45%!important;} .pic50{padding-top:50%!important;} .pic55,.vod-pic55{padding-top:55%!important;} .pic60,.slide-pic60{padding-top:60%!important;} .pic65{padding-top:65%!important;} .pic70{padding-top:70%!important;} .pic75{padding-top:75%!important;} .pic80{padding-top:80%!important;} .pic85{padding-top:85%!important;} .pic90{padding-top:90%!important;} .pic100{padding-top:100%!important;} .pic110{padding-top:110%!important;} .pic115{padding-top:115%!important;} .pic120{padding-top:120%!important;} .pic130{padding-top:130%!important;} .pic140{padding-top:140%!important;} .pic150{padding-top:150%!important;} .pic160{padding-top:160%!important;} .pic-img{display: block;position: relative;padding-top:140%;} .hover-big:hover {box-shadow: 5px 10px 10px rgba(0,0,0,.2); z-index:2;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; background:#FFF} .hover-bigs:hover {z-index:2;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;} .pic-img img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height: 100%;border-radius:4px;object-fit:cover;object-position: center top;background:#f3f3f3;} .pic-img.thumb img{object-position: 50% 50%;} .pic-list .name,.txt-list li.pic-list-hover .list-infos .name{font-size:15px;line-height:44px;font-weight: 700;} .pic-list-hover .list-infos .name,.pic-list-hover .list-infos .mcat{width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap} .pic-list .namex{font-size:15px;line-height:44px;} .pic-list .names{font-size:15px;line-height:25px; margin-top:10px; min-height:50px;} .pic-list .sname{min-height:20px;} .pic-list .sname a{ margin-right:10px;} .pic-list .title{z-index:2;display:inline-block;width: 100%; padding:5px 10px;position:absolute;bottom: 0;left: 0;background-repeat: no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px} .pic-list .titles{z-index:2;position: absolute;display: inline-block;line-height: 20px;color:#fff;background:rgba(0,0,0,.6);padding: 3px 9px;font-size:12px;bottom: 0px;right:0px;border-radius: 10px 0 5px 0;} .pic-list .titletr{z-index: 2;position: absolute;top: 5px;right: 5px;display: inline-block;line-height: 20px;color: #fff;background: rgba(0,0,0,.6);padding: 2px 8px;border-radius: 100px;font-size: 12px;} .pic-list .score{color:#fff;position: absolute;top: 5px;left: -5px;padding: 2px 8px;text-align: right;font-size:12px;z-index:2;} .pic-list .score::before{content: "";position: absolute;left:1px;bottom:-4px;} .pic-list .score{background: linear-gradient(to right,#2577e3 0,#589cf6 70%);box-shadow: 0px 3px 3px rgba(0,0,0,.2);} .pic-list .score::before{border-top: 4px solid #2577e3;border-left: 4px solid transparent;} .pic-list .tips{color:#FFF;position: absolute;top: 0px;right:0px;padding: 2px 8px;text-align: right;font-size:12px;z-index:2;border-radius:0 5px 0 0;box-shadow: 0px 3px 3px rgba(0,0,0,.2);} .pic-list .tip-r{color:#FFF;position: absolute;top: 5px;right:5px;padding: 2px 8px;text-align: right;font-size:12px;z-index:2;background: linear-gradient(to right,#2577e3 0,#589cf6 70%);border-radius:5px;box-shadow: 0px 4px 4px rgba(0,0,0,.2);} .pic-list .tips.left{left:0px; right:auto;text-align: left;border-radius:4px 0 0 0;} .pic-list .tips{background:#589cf6;} .pic-list .tipl{color:#FFF;position: absolute;top: 5px;left:5px;padding: 2px 8px;text-align: left;font-size:12px;z-index:2;border-radius:5px;background: #b0b7c2;box-shadow: 0 2px 6px rgba(51,51,51,.2);} .pic-list li:nth-child(1) .tipl{background:#ff183e;} .pic-list li:nth-child(2) .tipl{background:#ff5c38;} .pic-list li:nth-child(3) .tipl{background:#ffb821;} body.box .list-infos{background:#f8f8f8;} .list-infos .pic-img img{border-bottom-right-radius:0px;border-bottom-left-radius:0px;} .list-infos{ z-index:5; padding-bottom:10px;background:#FFF;box-shadow: 5px 10px 10px rgba(0,0,0,.2);display:none; position:absolute;top:0; left:0px; right:0px;-webkit-animation: fadeInDown .2s .0s ease both; -moz-animation: fadeInDown .2s .0s ease both;} .list-infos .name,.list-infos .info,.list-infos .mcat,.list-infos .sname{ padding-left:10px; padding-right:10px;} .list-infos .info{line-height:22px; margin-bottom:10px;font-size:13px;overflow:hidden;display:-webkit-box;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:3;-webkit-box-orient: vertical;} .list-infos .mcat{ margin-bottom:10px;} .list-infos .mcat span{background-color: #f5f5f5;color:#666;padding:6px 9px;text-align: center;border-radius: 4px; margin-right:10px;} .list-infos .btns{ margin:10px 10px 5px 10px;} /*background: linear-gradient(90deg,#fd8403 0,#ff5c38 45%,#ff1459)*/ .list-infos .btns a.play,.list-infos .btns a.yanyuan:hover{ font-size:12px;padding: 7px 15px 7px 15px; margin-top:10px;border-radius: 20px;background: linear-gradient(to right,#2577e3 0,#589cf6 70%);background-color:#ff183e;color: #fff; position:relative} .list-infos .btns a.play span{ width:15px; height:15px; font-size:12px; text-align:center; line-height:15px;background:#FFF;border-radius:100%; color:#1B65C9; position:absolute; bottom:-7px; right:5px;} .list-infos .btns a.yanyuan{ border: 1px solid #589cf6;font-size:12px;padding: 7px 15px 7px 15px; margin-top:10px;border-radius: 20px; margin-left:15px; color:#589cf6} .pic-list li.pic-list-hover:hover .list-infos,.txt-list li.pic-list-hover:hover .list-infos{display:block} .pic-list li.pic-list-hover{overflow:visible !important;} .txt-bg{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 5px 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,6));font-size: 12px;color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} .txt-bgs{position: absolute;z-index: 2;width: 90%;position: absolute;bottom: 5%;left: 5%; right:5%;padding: 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-color: #000;opacity: .5;color: #fff;} .flower{padding: 40px 30px 20px 30px;z-index: 2;position: absolute;top: 0px;right: 0px;background: url(../images/flower.png) no-repeat center 8px; color:#F18167; text-align:right; cursor:pointer} .flower.hover:hover{background-color:rgba(128,128,128,.48);border-radius: 0;} .fl-num{color:#F18167;position: absolute;top: 35px;right: 5px;padding: 5px 10px;text-align: center;font-size: 12px;line-height: 21px; z-index:1} /* 上映时间标 */ .filmtime{display:block;position:relative;min-height:60px;margin:0 0 13px 0;text-align:center; line-height:24px;} .filmtime::before{content:'';width:10px;height:10px;position:absolute;bottom:-2px;z-index:99;left:50%;margin-left:-5px;border-radius:100%;background:#ccc;} .filmtime::after{content:'';width:120%;height:5px;position:absolute;left:0;bottom:0;background:#eee;} .filmtime.on,li:hover .filmtime{ color:#589cf6} .filmtime.on::before{background:#589cf6;} .filmtime span{ font-weight:bold;} .filmtime-list li:hover .filmtime::before{background:#589cf6;} .filmtime-list .list-infos{top:83px} .star-hot-list li{border-right: 1px solid #EAEAEA;border-left: 1px solid #fff;cursor:pointer} .star-hot-list li:nth-child(1){border-left: none;} .star-hot-list li:last-child{border-right: none;} .star-hot-list li.active,.star-hot-list li:hover,.actor-box:hover,.active .actor-box{box-shadow: 2px 5px 5px rgba(0,0,0,.2);margin-top: -20px;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms; margin-bottom:20px;} .star-hot-list li.active h3 a,.star-hot-list li:hover h3 a{ color:#589cf6} .actor-box-list{overflow:hidden;padding:10px;} .actor-box-ul{ margin-left:-10px; margin-right:-10px; padding:10px;} .mcat-box{background:#f8f8f8;box-shadow: 2px 5px 5px rgba(0,0,0,.2); margin-bottom:30px;} .mcat-box ul{ margin:10px 0px; padding:0 10px;} .mcat-box ul:nth-child(1){padding-left:0px;} .mcat-box ul:last-child{padding-right:0px;} .top-nav{background: #EAEAEA; font-size:14px;box-shadow: 0 2px 5px rgba(0,0,0,.1);} .top-nav ul li{float: left;width: auto; padding:10px 0px;} .top-nav ul li a{padding: 5px 20px; display:inline-block;border-right: 1px solid #DFDFDF;border-left: 1px solid #fff;} .top-nav ul li:hover,.top-nav ul li.active{background:#f8f8f8;border-right: none;} .top-nav ul li:nth-child(1) a{border-left: none;} .top-nav ul li:last-child a{border-right: none;} .main-nav-box{ background:#FFF; padding:10px 0px;} .main-nav{background:#f8f8f8;padding: 0 20px;border-radius: 24px;line-height: 42px;display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .main-nav a{display: inline-block;position: relative;margin: 0 10px;padding: 0;overflow: hidden;font-size: 15px;letter-spacing: normal;vertical-align: top;white-space: nowrap;} .main-nav a.bold,.header-nav-all a.bold,.header-nav-all a.bolds{margin-right:20px;overflow:visible;font-weight:700;} .main-nav a.bold::after,.header-nav-all a.bold::after{position: absolute;right: -17px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background-color:#EAEAEA;content: "";} .main-nav a.bold::before,.header-nav-all a.bold::before{position: absolute;right: -18px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background-color:#fff;content: "";} .main-nav-r{position: relative; margin-left:20px; padding:10px;line-height: 42px; display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .main-nav-r a{margin: 5px 18px;display: inline-block;position: relative; padding: 0;overflow: hidden;font-size: 15px;letter-spacing: normal;vertical-align: top;white-space: nowrap;} .main-nav-r::after{position: absolute;right:0px;top: 50%;width: 1px;height: 50px;margin-top: -25px;background-color:#eee;content: "";} .main-nav-r::before{position: absolute;top: 50%;left: 0px;width: 1px; height: 50px; margin-top: -25px;background-color: #eee;content: "";} .bnt-tips{text-align: center; padding-left:13px; padding-right:13px;border-radius: 15px;background: #f5f5f5;color: #999;margin-right: 10px;display: inline-block; font-size:12px;} .box-news-list li:hover{ background:#f8f8f8;} /* 检索导航 */ .top-type{background: #f8f8f8; padding-top:20px; padding-bottom:20px;box-shadow: 0px 5px 5px rgba(0,0,0,.1);} .top-type .title{padding:15px 0; margin:0 10px; overflow:hidden;} .top-type .title h1{margin-right:15px;font-size:20px; float:left} .top-type .type-fenlei{ padding:10px 0px; overflow:hidden;} .type-fenlei ul li,.type-selected ul li{display:inline-block;position:relative;width:auto !important;} .type-fenlei ul li a,.type-selected ul li a{display: block;position: relative;padding: 7px 16px;border-radius: 24px;} .type-fenlei ul li.active a,.type-selected ul li.active a{color:#fff;background:#589cf6;} .type-selected ul li.opt a{padding:2px 26px 2px 6px;border-radius:0px; margin-right:10px;background:#589cf6;} .type-selected ul li.opt a{color:#fff;} .type-selected ul li.opt span{font-size:12px;cursor:pointer;right:0;top:0;position:absolute;height:100%;width:20px;text-align: center;display: block;background-color:#e9e9e9;line-height:22px;color:#333} .type-selected ul li.opt span::before {content: "\2716";} /* 排序菜单 */ .type-order{ padding-top:20px; margin-right:10px; margin-left:10px;border-bottom:1px solid #589cf6;} body.box .type-order{ margin-left:0px; margin-right:0px;} .type-order a{padding:10px 18px;float:left; display:inline-block; background:#f8f8f8;} .type-order a.active,.type-order a:hover{ background:#589cf6; color:#FFF;margin-top: -6px; padding-bottom:13px; padding-top:13px;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;box-shadow:2px 5px 5px rgba(0,0,0,.8);} .sitemap-list ul{padding:10px 0 0 60px;} .sitemap-list ul li{float:left;margin-bottom: 15px;margin-right: 13px;} .sitemap-list ul li.title{margin: 0 10px 15px -60px;float: left;} .mcat-nav li a {text-align: center;display: block;padding: 7px 0px;border-radius: 10px;background:#6a6a6a} .comment-post,.comment-num{ background:#ECECEC} .mcat-nav li.active a,.mcat-nav li:hover a{ background:#589cf6; color:#FFF} .comment-assist a:hover, .comment-top .user, .comment-top a{color:#589cf6;} .comment-num, .comment-sub { border:none} .comment-post-cnt{ padding:10px;} .btn-color, .btn-color:hover {background: linear-gradient(to right,#2577e3 0,#589cf6 70%);box-shadow: 0 2px 6px rgba(250,133,135,0.2);color: #fff;border: none;border-radius: 20px;} .btn-color a, .btn-color:hover a{color: #fff;} .star-bg{height:530px;margin-bottom: -140px;} .star-header-ok{margin-top:78px;position: relative;} .star-bg::after{z-index:1;position:absolute;right:0;top:0px;content:'';width:243px;height:390px;clear:none;visibility:visible;background:url(../images/star-right.png)} .star-bg::before{z-index:0;position:absolute;left:51%;top:-1px;content:'';margin:0 0 0 -798px;width:400px;height:390px;background:url(../images/star-left.png)} .star-bg-info{width:100%;position:relative;background-position: right top;background-repeat: no-repeat;} .star-bg-info ul{width:65%; margin-left:100px; position:relative} .star-bg-info ul li{ padding:9px 0;} .star-bg-hits{ position:absolute; right:15px; top:5px;font-style:italic} .star-bg-info h1{ padding:20px 0 10px 0; font-weight:700;font-size:35px;} .star-bg-tips{width:46px;position: absolute;height: 85px;top: 0px;left:10px;px;z-index: 20;text-align: center;color:#fff;line-height: 16px;font-size: 14px;padding-top: 30px;background-position: 0 -1px;background: url(../images/detailMap24.png) 0 0 no-repeat;} .star-box{ background:#FFF; padding:15px;border: 1px solid #d9e0e7;} .star-box .img-list{ margin-left:-5px; margin-right:-5px;} body.box .star-bg-box{ margin-left:-5px; margin-right:-5px;} .star-box-tips{right:20%; top:10%} .star-infos{ position:relative} .star-bg-info .digg_link{cursor:pointer;font-style:italic;} .star-bg-info .digg_link .iconfont{font-size:25px;margin-right:5px;} .star-bg-info .digg_link.up{position:absolute; right:80px;bottom:10px; z-index:2} .star-bg-info .digg_link.down{position:absolute; right:20px;bottom:10px;z-index:2} /* video */ .layout-boxc.video-box{padding:40px 0px 10px 0px;} .video-pic img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent) , to(rgba(250, 250, 250, 0.2)));} .video-info{ padding-left:20px;} .video-info [class*=col-]{padding:7px 10px 7px 10px; } .video-info h1,.video-info h2{ line-height:38px; font-size:28px; font-weight:700; padding-left:10px;} .video-info a{border-bottom: 1px dotted #589cf6; color:#589cf6} .remind-love{padding:0 10px;position:absolute; left:0; right:0; bottom:10px;} .remind-love a{ display:inline-block;padding:4px 15px;border-radius: 20px; color:#FFF;color:#589cf6;border: 1px solid #589cf6;background-color: rgba(255,255,255,.7);} .remind-love a:hover{ background-color: rgba(88,156,246,.7);color:#FFF} .remind-love .iconfont{ margin-right:5px; margin-top:5px;font-size:20px;} .remind-love a.active{display:none;} /*评分*/ #rating{width:290px;height:35px;line-height:35px;overflow:hidden;clear:both; position:absolute; top:12px; right:20px;border: 1px solid #e7e7e7;} #rating span{float:left;font-size:14px;height:35px;overflow:hidden} #rating span.ratingtxt{text-decoration:none;padding-left:8px;background-color: #e7e7e7;} #rating .rating{float:left;width:150px;height:35px;overflow:hidden;padding:5px 5px 0 5px} #rating .rating li{cursor:pointer;float:left;overflow:hidden;width:28px;height:22px;text-indent:-99px;background:url(../images/listico.png) 0 0 no-repeat} #rating .rating li.active,#rating .rating li.hover{background-position:0 -25px} .rating-box{width:100%;height:85px; margin-top:-48px; position:relative;background:url(../images/score-scale.gif) 9px bottom no-repeat;display:none;z-index:4; padding-left:10px;} #rating-kong{background:0 0;display:block;height:43px;} .rating-kong-item{font-size:14px;line-height:40px;height:40px;overflow:hidden;margin-top:42px;text-align:center} .rating-kong-item .loadingg{padding:10px 20px;font-size:12px;} .rating-kong-item .nopingfen{padding:0;font-size:14px;background:0 0} .rating-total{width:100%;height:48px} .rating-total-item{display:block;height:48px;overflow:hidden;float:left;margin-right:-48px} .pingfen-total{width:61px;height:43px;overflow:hidden;float:left;position:relative;margin-right:-13px;text-align:center;background:url(../images/rating-total.png) 0 0 no-repeat} .pingfen-total em,.pingfen-total strong{display:block;width:61px;height:35px;line-height:30px;overflow:hidden;position:absolute;top:2px;left:0;z-index:2;font-size:26px;font-weight:400;font-family: Georgia,"Times New Roman",Times,serif;} .pingfen-total em{top:0;left:1px;z-index:1} .rating-bar{height:20px;overflow:hidden;position:relative;background:#C5C5C5;} .rating-bar-item{height:20px;overflow:hidden;} .rating-box .rating-show{padding:10px;width:100%;overflow:hidden;background:#fff;display:none} .rating-box .rating-show li{ width:100%;height:14px;overflow:hidden;float:left;clear:both;margin-top:5px} .rating-box .rating-show .starstop{width:20%;height:12px;overflow:hidden;display:block;text-indent:-999px;float:left;margin-top:1px;margin-right:5px;background:url(../images/star-min.gif) no-repeat} .rating-box .rating-show .star5{background-position:0 0} .rating-box .rating-show .star4{background-position:0 -20px} .rating-box .rating-show span.star3{background-position:0 -40px} .rating-box .rating-show span.star2{background-position:0 -60px} .rating-box .rating-show span.star1{background-position:0 -80px} .rating-box .rating-show .power{width:60%;height:6px;overflow:hidden;display:block;margin-top:4px;margin-right:5px;float:left;background:#f5f5f5; float:left} .rating-box .rating-show .power-item{width:0;height:6px;overflow:hidden;display:block;float:left;} .rating-box .rating-show em{width:10%;line-height:14px;overflow:hidden;float:right;font-size:10px;font-weight:400;-webkit-text-size-adjust:none} .rating-bar-item{background: linear-gradient(to right,#589cf6 0,#2577e3 70%);box-shadow: 0 2px 6px rgba(251,124,77,0.2);color:#FFF;border: 1px solid #2577e3;} .pingfen-total strong {color:#FFF;} .badge {display: inline-block;min-width: 10px;padding: 7px 7px;font-size: 12px;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color:#777;border-radius: 50%;} .down-list ul{ margin-bottom:40px;} .footer{background: #f8f8f8;} .link{overflow:hidden} .link ul { line-height:24px;} .link ul a{padding:10px;} .link ul span{ padding:10px 0; font-weight:bold} .copyright{overflow:hidden; text-align:center; padding:10px;} /* top-tool */ .right-slider li:hover .iconfont{color:#589cf6;} .right-slider li .icon-weixin{color:#5cb85c;} .right-slider li:hover .icon-weixin{color:#48A248} .right-slider li .icon-liuyan{color:#F56467;} .right-slider .dropdown-box{padding: 10px;width: 160px;border-radius: 2px;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.1);} /*page*/ .list-page,.box-page{text-align: center;padding-bottom:15px;padding-top:15px; margin-top:15px;} .list-page ul li,.box-page ul li{display:inline-block} .list-page ul li a,.list-page ul li span,.box-page ul li a,.box-page ul li span{margin-left:5px;margin-right:5px;border-radius:80px;font-size:14px;display:inline-block;padding:9px 15px} .list-page ul li.disabled span,.box-page ul li.disabled span{ background:none} .list-page ul li.hidden-xs,.box-page ul li.hidden-xs{display:inline-block} .list-page ul li a,.box-page ul li a{box-shadow:0 4px 10px rgba(0,0,0,.1);} .list-page ul li span,.list-page ul li.home.disabled span,.list-page ul li.prev.disabled span,.list-page ul li.next.disabled span,.list-page ul li.last.disabled span,.box-page ul li span,.box-page ul li.home.disabled span,.box-page ul li.prev.disabled span,.box-page ul li.next.disabled span,.box-page ul li.last.disabled span{ background:#EAEAEA;} .list-page ul li a:hover,.list-page ul li.active span,.box-page ul li a:hover,.box-page ul li.active span{background-color:#589cf6;color:#fff} .article-box h1,.article-box h2{font-size: 20px;font-weight: 700;line-height: 24px; text-align:center; padding:10px;} .article-box h2{text-align:left;} .article-tpis{ line-height:38px; text-align:center} .article-tpis span{ margin-right:10px;} .article-remark{ line-height:38px;text-indent:20px;padding:10px;background:#f8f8f8;color: #666;} .article-content{font-size:16px;line-height:32px;margin:15px 5px 15px 5px;} .article-content p{text-indent:3%;line-height: 32px;} .article-content img,.article-pic-content img{max-width:700px;width:expression(this.width > 700 && this.height < this.width ? 700:true);height:auto;margin:10px auto;display:block; padding:1px;border: 1px solid #f5f5f5;} .article-content img.lazyload,.article-pic-content img.lazyload{background:url(../images/loading.gif) no-repeat center;display:block; border:none} .article-content a,.a-bt{color: #589cf6;border-bottom: 1px dotted #589cf6;} .article-pic{overflow: hidden;clear: both; margin-top:10px;} .article-pic-content{position:relative;font-size: 15px;line-height: 30px;} .article-pic-page{color:#666;padding:10px; font-size:25px;bottom: 35px;letter-spacing:3px;} .article-pic-page i{font-style:italic;font-family: Georgia, "Times New Roman", Times, serif;} .article-pic .condiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index: 5;} .article-pic .left{ left:0px;} .article-pic .right{ right:0px;} .article-pic .swiper-page{ padding-top:7px;line-height:30px; width:40px; height:40px;} .page_next,.news_page_next{text-align:right} .picture-slide{display:none;position:fixed;opacity:1;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0; z-index:9999} .picture-slide-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:1;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .picture-slide-model{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;padding:10px} .picture-slide-top,.picture-slide-model{line-height:40px;text-align:center; font-size:16px; overflow:hidden; position:relative;} .picture-slide-model .swiper-pagination{ color:#FFF; top:45px; height:35px;} .picture-slide-top .iconfont,.picture-slide-top .closed{ font-size:24px;} .picture-slide-top span,.picture-slide-box .pic-img{ cursor:pointer} .picture-slide-model .swiper-slide img{max-width:800px;width:expression(this.width > 800 && this.height < this.width ? 800:true);height:auto;margin:10px auto;display:block} .picture-slide-model .swiper-container{ padding-top:10px;} .picture-slide-model .swiper-container .swiper-slide{color:#FFF;} .tv-live{ position:absolute; bottom:0; right:0} .music_lyric{ text-align:center; padding-top:50px;line-height:35px} .music_lyric p{ line-height:35px;} .lines_list{ padding:10px;} .part-page{ text-align:center} .part-page a{display: inline-block;margin:5px 20px;padding:10px 35px;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;background-color: #eee;color:#333;border-radius: 5px;} .part-page a:hover{color:#FFF; background:#589cf6} .play-page,.play-nav{border-bottom: 2px solid #e7e7e7;font-size:16px; margin-left:10px; margin-right:10px; margin-bottom:10px;} .play-page span,.play-nav li{padding:8px 10px; margin-right:10px; display:inline-block; margin-bottom:-2px; cursor:pointer;position:relative;} .play-page span:nth-child(1),.play-nav li:nth-child(1){ padding-left:0px;} .play-page span.active,.play-nav li.active{border-bottom: 2px solid #589cf6;border-color:#589cf6;} .playe-more-list{ display:none;min-width:120px;position: absolute;top: 100%;right:-1px;z-index: 1000;float: left;background-color:#424242;box-shadow: 0 2px 5px rgba(0,0,0,.1); text-align:center;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;} .playe-more-list li a{ line-height:28px;position: relative;display: block;min-width:80px;} .playe-more-list li{ width:100%; border-bottom:none} .playe-more-list li:hover{ background:#e7e7e7;} .play-nav.min-play-nav li{ width:100%; text-align:center} .play-nav.min-play-nav .playe-more-list{border:1px solid #e7e7e7; left:0px; right:0px;width:100%} .play-nav li.play-more{float:right;border: 1px solid #FFF;} .play-nav.min-play-nav li.play-more.active{float:none;border: none;border-bottom: 2px solid #589cf6;} .play-nav .iconfont{ margin-left:10px; font-size:14px;} .play-nav li.play-more.active{background:#f8f8f8;border: 1px solid #e7e7e7;} .play-list ul{display:none} .play-list ul li{ padding:5px;} .play-nav .playe-more-list li.active{ border:none} .play-list a{display:block;padding:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;background-color:#eee;color: #333;border-radius:5px;} .play-list li:hover a,.play-list li.active a{ color:#FFF;background:#589cf6;} .play-list::-webkit-scrollbar{width:10px;background-color: #f5f5f5;} .play-list::-webkit-scrollbar-thumb{background-color: #ccc;} .play-list{max-height: 300px; overflow: auto;} .play-bg{background: #27272f; padding-top:50px; padding-bottom:20px;} .play-main{background:#1f1f1f;} .play-bg .play-bo{background: #1b1a25;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;} .play-bg .play-bo.open{ width:100%!important;-webkit-transition: 300ms;} #zanpiancms_player,.play-name{ background:#000} .play-name{ text-align:center; line-height:45px; font-size:16px;} .play-ji{ padding:20px 10px 20px 20px; position:relative;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;} .play-ji h1{ font-size:18px; color:#FFF; width:100%; overflow:hidden; padding-left:10px; padding-right:10px;} .play-tips{padding-left:10px; padding-right:10px;} .play-ji h1 span{ float:left} .play-tips{ line-height:35px; color:#999; margin-top:5px;} .play-tips span{ margin:0px 5px;} .play-ji .play-nav.min-play-nav{border-bottom: 2px solid #3b3b3b;} .play-ji .play-nav.min-play-nav .playe-more-list{left:-30px;background-color: #282828;border: 1px solid #3b3b3b;} .play-tips a,.play-ji .play-nav.min-play-nav .playe-more-list li a{color:#999;} .play-tips a:hover{ color:#589cf6} .play-tool{padding:10px 20px;} .play-tool .remind-love{ position:static; padding:0px; margin-bottom:15px;} .play-tool .remind-love a{border-radius:5px;} .play-ji .play-nav.min-play-nav li a{ color:#FFF} .play-ji .play-nav.min-play-nav li{ width:auto; float:right; margin-right:0px; padding-right:0px;} .play-ji .play-nav.min-play-nav .playe-more-list li:hover{background:#3b3b3b} .play-ji .play-nav.min-play-nav .playe-more-list li{ margin-right:0px; width:100%} .play-ji .play-list a{background-color: #282828;color: #ddd;background: linear-gradient(to right,#282828 0,#3b3b3b 100%);} .play-list.min-play-list{max-height:none} .play-list.min-play-list.clearfix {height: fit-content !important; } .play-kai{position: absolute;z-index: 999;top: 50%;right: -15px;margin-top: -30px;display: block;width: 15px;text-align: center;height: 60px;line-height: 60px;font-size: 14px;border-radius: 0 4px 4px 0;background-color: #404040;color: #999;cursor:pointer} .play-name{position:relative} .player-tool{ position:absolute; right:20px; top:0px; cursor:pointer; font-size:14px;} .player-tool .icon-kaideng{ margin-right:10px;} .player-open {background: #000;min-height:3000px;left: 0;right:0;bottom:0;width:100%;position: absolute;top: 0;width: 100%;z-index: 9998;display: none;} .player-top{position: relative;z-index: 999999;} .player-top .player-tool .icon-kaideng{ color:#FFF} /*弹幕*/ .barrage_switch{width:72px;line-height:30px;height:30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;position:relative; margin-left:30px;} .barrage_m{position:absolute;left:0px;box-sizing:content-box;float:left;width:10px;height:10px;border-radius:30px;cursor: pointer;-webkit-border-radius: 30px;border-radius:30px;position: absolute;transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s;} .barrage_m {background: #f5f5f5;border: 10px solid #999;} .barrage_switch {background: #f5f5f5;} .barrage_switch.on{background: #F90;color: #000;} .barrage_switch.on .barrage_m{left:44px;background: #F90;color: #000;transition:left 0.5s;-moz-transition:left 0.5s;-webkit-transition:left 0.5s;} .barrage_switch .danmu {float:right;margin-right:9px;} .barrage_switch.on .danmu{ float:left;margin-left:10px} .role-list .txt3{display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:3;-webkit-box-orient: vertical;} @media (min-width:1200px){ .container{max-width:1920px;padding-left:100px;padding-right:100px } } @media (max-width:1789px){ .list-infos .btns a.yanyuan.actor{display:none} .txt-list-ccc a{padding: 6px 20px 5px 50px;} .txt-list-ccc.taici-list a{ padding-top:2px; padding-bottom:2px;} .txt-list-ccc a h3{font-size: 15px;line-height: 22px;} .txt-list-ccc a i{ left:15px;} .txt-list-ccc a:last-child{padding-bottom: 11px;} .txt-list-ccc a:nth-child(1){padding-top: 11px;} .txt-list li{ padding-top:4px; padding-bottom:5px;} .txt-list-ccc .pic-yuan, .txt-list-bbb .pic-yuan{width: 35px;height: 35px;} } @media (max-width:1549px){ .header-search{ width:25%;} .list-infos .btns a.yanyuan.actor{display:none} .txt-list-ccc a{padding: 14px 20px 13px 50px;} .txt-list-ccc.taici-list a{ padding-top:16px; padding-bottom:16px;} .txt-list-ccc .pic-yuan, .txt-list-bbb .pic-yuan{width: 50px;height: 50px;} .txt-list li{ padding-top:12px; padding-bottom:11px;} .role-list .txt3{display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;} } @media (max-width:1366px){ .list-infos .btns a.yanyuan.actor{display:none} .txt-list-ccc a{padding: 12px 20px 11px 50px;} .txt-list-ccc.news-hot a{padding: 11px 20px 10px 50px;} .txt-list-ccc.taici-list a{ padding-top:9px; padding-bottom:10px;} .txt-list-ccc.news-hot a:nth-child(1){padding-top: 16px;} .txt-list-ccc.news-hot a:last-child{padding-bottom: 15px;} .txt-list-ccc .pic-yuan, .txt-list-bbb .pic-yuan{width: 45px;height: 45px;} .txt-list li{ padding-top:10px; padding-bottom:10px;} .txt-list-ccc h3,.txt-list-bbb h3{ width:50%;display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .role-list .txt3{display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .remind-love{padding:0 5px;} .remind-love a {padding: 3px 10px;border-radius: 20px; text-align:center} } @media (max-width:1279px) and (min-width:1200px){ .role-list .txt3{display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .remind-love{padding:0 5px;} .remind-love a {padding: 3px 10px;border-radius: 20px; text-align:center} } @media (max-width:1199px) and (min-width:992px){ .row{ margin-left:0px; margin-right:0px;} .remind-love{padding:0 5px;} .remind-love a {padding: 3px 10px;border-radius: 20px; text-align:center} } @media (max-width:991px) and (min-width:768px){ body.box .layout-box,[class*=col-]{padding:5px} .row{ margin-left:0px; margin-right:0px;} .header { background:none;box-shadow:none;position: relative; line-height:normal;position: relative; border-bottom:none} .header .container {padding-right:0;} .header-top-down {margin-top:0px;} .index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:40%!important} .index-slide-txt{ width:30%; top:0px;} .index-slide-txt ul{ padding-top:0px;} .mcat-box{ margin-bottom:0px;box-shadow:none; padding-bottom:10px;} .mcat-box ul{ margin:0px;} .box-title-more{ padding-right:10px;} .box-title.pl-xs-20{ padding-left:10px!important} .list-page ul li.visible-xs{display:inline-block!important} .star-box-nav .main-nav{position:static;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch; float:none;} .star-box-nav .main-nav{ width:100%} .dm-slide-box{ padding:0px;} .news-slide-box.xiaotu .swiper-slide{width:60%;} .lines_list{ padding:5px 10px 5px 10px;} .play-bg {padding-top:0px;} .news_page_next{text-align:left} .hover-big:hover,.hover-bigs:hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;box-shadow:none} .header-search input {padding-right:35px;} .header-search .search-submit{ padding-left:15px;color:#FFF;background:#ff5c38;width:35px;} .search-record li{width:100%;} .header-h{ height:0px;} .header-nav-all{border:none; margin-top:-42px;} .header-nav-all ul{ padding:15px;} .layout-boxc.video-box{padding-top:10px;} .top-nav{box-shadow:none} .headers-h{ min-height:50px;} .zanpian-wd{ width:80%} .txt-list li.pic-list-hover .list-infos{width:90%;} } @media (min-width: 768px){ } @media (max-width:767px){ body.box .layout-box,[class*=col-]{padding:5px} .mt-xs-20{margin-top:5px!important} .row{ margin-left:0px; margin-right:0px;} .header { background:none;box-shadow:none;position: relative; line-height:normal;position: relative;border-bottom:none} .header .container {padding-right:0;} .header-top-down {margin-top:0px;} .index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:40%!important} .index-slide-txt{ display:none} .index-slide-title{ display:block} .headers-h{ min-height:50px;} .box-title-more{ padding-right:10px;} .box-title h2,.box-title h3,.box-title h1{font-size:20px;} .box-title{ padding-left:5px!important; padding-right:5px!important;line-height:30px;} .box-title.mb-xs-20{ margin-bottom:0px!important} .mcat-box{ margin-bottom:0px;box-shadow:none; padding-bottom:10px;} .mcat-box ul{position:static;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch; float:none; margin:10px 0px;} .mcat-box ul li{width:auto;display:inline-block!important; float:none} .mcat-box ul:nth-child(1){padding-left:10px;} .list-page ul li.visible-xs{display:inline-block!important} .star-box-nav .main-nav{position:static;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch; float:none;} .article-content img,.article-pic-content img{width:100%;height:auto;display:block;margin:10px auto;} .star-box-nav .main-nav{ width:100%} .dm-slide-box{ padding:0px;} .news-slide-box.xiaotu .swiper-slide,.news-slide-box .swiper-slide{width:80%;} .box-news-list li{ padding-left:0px; padding-right:0px;} .star-hot-list li.active,.star-hot-list li:hover,.actor-box:hover,.active .actor-box{box-shadow: 2px 5px 5px rgba(0,0,0,.2);margin-top: 0px;margin-bottom:0px;} .pic-list.star-hot-list.pt-xs-20{ padding-top:0px!important} .hover-big:hover,.hover-bigs:hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;box-shadow:none} .pic-list li.pic-list-hover:hover .list-infos,.txt-list li.pic-list-hover:hover .list-infos{ display:none} .video-info h2{ font-size:18px} .star-bg-info ul {margin-left:70px;} .play-bg {padding-top:0px;} .play-ji {padding: 20px 10px 20px 10px;} .page_next{text-align:left} .lines_list{ padding:0px 10px 5px 10px;} .search-record li{width:100%;} .header-h{ height:0px;} .header-nav-all{border:none; margin-top:-42px;} .header-nav-all ul{ padding:15px;} .layout-boxc.video-box{padding-top:10px;} .top-nav{box-shadow:none} .zanpian-wd{ width:80%} .txt-list li.pic-list-hover .list-infos{width:90%;} .remind-love{padding:0 5px;} .remind-love a {padding: 3px 10px;border-radius: 20px; text-align:center} .remind-love .iconfont {font-size:15px;margin-right:auto;} .three-slide-box{ overflow:hidden; padding-top:0px;} .three-slide-box .current-swiper{width:100%;height:auto;border-radius:0px;box-shadow:none; overflow:hidden} .three-slide-box .swiper-slide a{ padding-top:230px;background-position:0% 0%;background-size: 100% auto;} .three-slide-box .title{ left:10px;} .main-nav-box.star-box-nav.mt-xs-20{ padding-top:0px; margin-top:0px!important;} .dm-slide-box .txt-bg.p-xs-20{ padding:10px!important; text-align:center!important;} .dm-slide-box .txt-bg .pb-xs-10{padding-bottom:0px!important;} }