@font-face{font-family:swiper-icons;src:url('../fonts/dd2b787b80474569ae0bb066c7a08506.woff') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /*去除默认样式*/ img { border: none; background: rgba(255, 255, 255, 0); box-shadow: none; } a, button, input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } * { margin: 0; padding: 0; font-family: "微软雅黑"; user-select: none; } ul { list-style: none; } a { text-decoration: none; color: #000000; outline: none } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } input { font-family: "微软雅黑"; appearance: none; border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 0; -webkit-border: none; outline: none; } textarea { outline: none; resize: none; font-family: "微软雅黑"; appearance: none; border: none; border-radius: 0; -webkit-border-radius: 0; -webkit-border: none; -webkit-appearance: none; text-align: center; } input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, 0.7); } select { width: 100%; height: 50px; font-size: 16px; /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: none; /*将默认的select选择框样式清除*/ outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding-right: 14px; background-color: rgba(0, 0, 0, 0); background-image: url(../images/icon-down.png); background-repeat: no-repeat; background-size: 10px 10px; background-position: right center; /*如果要加入自定义图片， 就增加这个属性 background: url或者在html中直接加入图标也行*/ } .pink-color { color:#FF556E; } /*-------全局样式-------*/ body { min-width: 1336px; /*background-color: #FFFFFF;*/ } .clrWhite { color: white; } .clrOrangered { color: #FF556E; } .clrGrey { color: #999999; overflow: hidden; } .swiper-slide{ /* max-width: 207.7px; */ } .clrGrey-btn { float: right; padding-left: 24px; margin-top: 10px; height: 30px; line-height: 30px; font-size: 14px; color: #999999; background-image: url(../images/delete-g.png); background-position: left center; background-repeat: no-repeat; background-size: 18px; } .clrGrey-btn:hover { color: #FF556E; background-image: url(../images/delete.png); } .searchMenuBox>.clrGrey-list { height: auto; line-height: 30px; overflow: hidden; } .clrGrey-list>a { display: block; float: left; margin-right: 20px; } .bkgBlack { background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.6) 2%, rgba(0, 0, 0, 0.4) 15%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 100%, transparent 99%, transparent); } .bkgWhite { background-color: #FFFFFF; } .bkgGrey { background-color: #F9F9F9; } .bkgWhite_02 { background-color: rgba(255, 255, 255, 0.2); } /*-------头部导航--------*/ .navTopBox { position: sticky; left: 0; top: 0; z-index: 102; width: 100%; height: 62px; } .navTop { padding: 0 40px; min-width: 1207px; height: 100%; position: relative; } .navTopbgColor { background-color: #16161a; } .navtop>li { height: 100%; } .navTopBox.bkgWhite { box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } .navTopBox.bkgWhite .navTopLogo { /*background: url(../images/logo.png) no-repeat left center;*/ } .navTopBox.bkgWhite .navTopWZ { color: #FF556E; border: solid 1px #FF556E; } /*.navTopBox.bkgWhite .navTopMenu-text {*/ /* color: #999999;*/ /* background-image: url(../images/icon-down.png);*/ /*}*/ .navTopBox.bkgWhite .navTopSearch { background-color: rgba(0, 0, 0, 0.1); } .navTopBox.bkgWhite .navTopBtn { color: #999999; } .navTopBox.bkgWhite .navTopBtnBox>.navTopBtn:nth-of-type(2)>div:first-of-type { background-image: url(../images/fl-b.png); } .navTopBox.bkgWhite .navTopBtnBox>.navTopBtn:nth-of-type(3)>div:first-of-type { background-image: url(../images/sc-b.png); } .navTopBox.bkgWhite .navTopBtnBox>.navTopBtn:nth-of-type(4)>div:first-of-type { background-image: url(../images/ls-b.png); } .navTopBox.bkgWhite .navTopBtnBox>.navTopBtn:nth-of-type(5)>div:first-of-type { background-image: url(../images/tz-b.png); } /*---------logo---------------*/ .navTopLogo { position: absolute; /*top: 10px;*/ left: 162px; /*width: 106px;*/ /*height: 34px;*/ /*background: url(../images/logo.png) no-repeat left center;*/ /*overflow: hidden;*//* 20220802 尹 影响城市下拉，故隐藏 */ cursor:pointer; cursor:hand; background-size: 106px 34px; } .navTopLogo .logo-link{ /*width: 150px;*/ width: auto; height: 38px; font-size: 22px; color: #FF556E; font-weight: bold; cursor: pointer; display: block; line-height: 62px; } .navTopLogo .logo-link img{ width: 45px; float: left; margin-top: 9px; margin-right: 10px; } .navTopWZ { /* position: absolute; */ /* top: 0; */ /* left: 130px; */ display: inline-block; vertical-align: middle; height: 12px; /* margin-top: 0px; */ line-height: 12px; font-size: 12px; /* color: #F9F9F9; */ /* border: solid 1px #FF556E; */ border-radius: 2px; padding: 4px 12px 2px 2px; /* background: url(../images/jt3@2x.png) no-repeat right; */ /* background-size: auto auto;*/ } .city-box.act>.navTopWZ{ /*background-image: url(../images/jt2@2x.png)*/ } /*---------导航按钮-------------------*/ .navTopMenuBox { position: absolute; top: 0; left: 400px; width: 483px; text-align: center; line-height: 62px; display: flex; } .navTopMenu { display: inline-block; position: relative; cursor: pointer; overflow: hidden; } .navTopMenu-text { padding: 40px 20px 40px 0; font-size: 16px; font-weight: 400; cursor: pointer; color: #FFFFFF; } .navTopMenu-text-choice{ display: none; width: 100px; font-size: 16px; font-weight: 400; cursor: pointer; color: #FFFFFF; } .navTopMenu-text-choice-all{ background-image: url(../images/xiangxia.png); background-position: 70px center; background-repeat: no-repeat; background-size: 14px; } .navTopMenuBox>.navTopMenu>.navTopMenu-text>a { color: #FFFFFF; } .navTopMenuBox>.navTopMenu>.navTopMenu-text.act>a { color: #FF556E; } .navTopMenu-choice { width: 17px; height: 9px; } /*.navTopMenu:hover>div:first-of-type {*/ /* background-image: url(../images/upw.png);*/ /*}*/ .navTopBox.bkgWhite .navTopMenu:hover>div:first-of-type { background-image: url(../images/up.png); } .navTopBox.ZT-black.bkgWhite .navTopMenu>div:first-of-type { background-image: url(../images/icon-downw.png); } .navTopBox.ZT-black.bkgWhite .navTopMenu:hover>div:first-of-type { background-image: url(../images/upw.png); } @media screen and (max-width:1230px) { .navTopMenuBox { width: 100px; } } /*-------------一级菜单--------------------*/ .navTopMenu-oneTop { display: none; position: absolute; top: 36px; left: 0%; width: 100%; text-align: center; background-image: url(../images/triangle-up.png); background-position: top center; background-repeat: no-repeat; background-size: 14px 14px; z-index: 2; } .navTopMenu-oneTop.ZT-black { background-image: url(../images/triangle-upb.png); } .navTopMenu-oneTop>img { width: 14px; } .navTopMenu-one { display: none; background-color: #16161a; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); font-size: 16px; font-weight: 400; text-align: center; /*opacity: 0.8;*/ /*padding-top: 20px;*/ } .navTopMenu-one>li { height: 50px; line-height: 50px; text-align: center; } .navTopMenu-one>li>a { color: #FFFFFF; } .navTopMenu-one>li:hover>a { color: #FF556E; } .navTopMenu-oneRig { background-image: url(../images/right.png); background-position: right center; background-repeat: no-repeat; background-size: 14px; } .navTopMenu-one>li:hover>.navTopMenu-oneRig { background-image: url(../images/right-o.png); } .navTopMenu-oneRig.ZT-black { background-image: url(../images/right-w.png); } .navTopMenu-one>li:hover>.navTopMenu-oneRig.ZT-black { background-image: url(../images/right-o.png); } .navTopMenu-two { display: none; position: absolute; top: 5px; left: 115px; width: 200px; background-color: #f9f9f9; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); font-size: 14px; text-align: center; overflow: hidden; } .navTopMenu-two>li { float: left; width: 100px; height: 50px; line-height: 50px; } .navTopMenu-two>li:hover>a { color: #FF556E; } .navTopMenu-one>li:hover>.navTopMenu-two { display: block; } /*.navTopMenu:hover .navTopMenu-oneTop {*/ /* display: block;*/ /*}*/ /*.navTopMenu:hover .navTopMenu-one {*/ /* display: block;*/ /*}*/ .navTopMenu-text-choice:hover .navTopMenu-one { display: block; } /*--------搜索----------*/ .navTopSearchBox { padding-left: 360px; padding-right: 360px; text-align: center; height: 100%; } .navTopSearchBox-r { position: absolute; left: 883px; /*right: 300px;*/ text-align: center; } .navTopSearch { position: relative; display: inline-block; margin-top: 11px; width: 450px; height: 40px; border-radius: 28px; background: linear-gradient(100deg, #5B5A5A, #5C3138); background: -webkit-linear-gradient(0deg,#5B5A5A, #5C3138); background: -moz-linear-gradient(0deg,#5B5A5A, #5C3138); background: -o-linear-gradient(0deg,#5B5A5A, #5C3138); background: -ms-linear-gradient(0deg,#5B5A5A, #5C3138); } .navTopSearchText { float: left; padding-left: 20px; padding-right: 10px; width: 200px; height: 100%; font-size: 16px; color: #FFFFFF; } .navTopSearchRight { display: flex; flex-direction: row; /*margin-left: 326px;*/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .navTopSearchA { float: left; width: 30px; height: 30px; background-image: url(../images/huo.png); background-position: center; background-repeat: no-repeat; background-size: 32px; display: block; margin-top:5px; } .navTop-search-hot:hover>.navTopSearchA { background-image: url(../images/huo_c.png); } .hotSearch { float: left; font-size:16px; width:54px; color:#FFF; margin-top:12px; line-height: 18px; } .verticalLine { margin-left: 8px; width: 1px; height:18px; background: #FFF; opacity:0.2; margin-top: 12px; } .navTopSearchBoxB { width:90px; height:28px; background: #FF556E; border-radius: 21px; margin-top:7px; margin-left:17px; display:flex; flex-direction: row; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .navTopSearchB-response { display: none; width: 21px; height: 21px; background-image: url(../images/sousuo@2x.png); background-size: 21px; margin-left:11px; margin-top: 10px; cursor: pointer; } .navTopSearchB { width: 20px; height: 20px; background-image: url(../images/sousuo@2x.png); background-size: 20px; margin-top:3px; margin-left:11px; } .navTopSearchBText{ width:36px; line-height: 18px; font-size:16px; font-weight:500; color:#FFF; margin-left:6px; margin-top:4px; } .navTopSearchBtn { float: left; width: 40px; height: 100%; background-image: url(../images/ll.png); background-position: center; background-repeat: no-repeat; background-size: 32px; cursor: pointer; } .navTopSearchBtn:hover { background-image: url(../images/ll-w.png); } /*搜索菜单*/ .searchMenuBox { /*display: none; 放在页面里*/ position: absolute; top: 30px; left: 0px; padding-top: 30px; padding-bottom: 10px; /*width: 543px;*/ width: 100%; background-color: #16161a; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0); font-size: 18px; text-align: center; opacity: 0.95; z-index: -1; } .searchMenuBox>li { padding: 0px 20px; height: 40px;/* 50px; */ line-height: 40px; font-size: 14px; text-align: left; overflow: hidden; } .searchMenu>a>span:first-of-type { display: inline-block; width: 20px; height: 20px; border-radius: 2px; line-height: 18px; font-size: 16px; text-align: center; margin-right: 10px; color: #FFFFFF; background-color: #999999; } .searchMenuBox>.searchMenu>a>span.clr01{ background-color: #FF556E; } @media screen and (max-width:1900px) { .navTopMenuBox { left: 400px; } .navTopSearchBox-r{ left: 853px; } /*.navTopMenu-text {*/ /* display: none;*/ /*}*/ /*.navTopMenu-text-choice {*/ /* display: block;*/ /*}*/ } @media screen and (max-width:1660px) { .navTopSearch { width: 300px; } .navTopSearchText { width: 190px; } .searchMenuBox { left: 0; width: 100%; } .navTopSearchRight{ margin-left: 0; } .hotSearch { display: none; } .navTopSearchB-response { display: block; } .verticalLine { display: none; } .navTopSearchBoxB { display: none; } } @media screen and (max-width:1300px) { .navTopSearchBox { padding-left: 315px; padding-right: 355px; } .navTopSearch { width: 300px; } .navTopSearchText { width: 190px; } .searchMenuBox { left: 0; width: 100%; } .navTopSearchRight { margin-left: 0; } .hotSearch { display: none; } .navTopSearchB-response { display: block; } .verticalLine { display: none; } .navTopSearchBoxB { display: none; } } @media screen and (max-width:1550px) { .navTopMenu-text { display: none; } .navTopMenu-text-choice { display: block; } .navTopSearchBox-r{ left: 550px; } } /*----------头部导航按钮-----------------*/ .navTopBtnBox { position: absolute; top: 0; right: 160px; height: 62px; font-size: 12px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; } .navTopBtn { position: relative; float: left; /*margin-left: 40px;*/ margin-right: -40px; min-width: 35px;/*50*/ height: 50px; line-height: 50px; color: #B9B9B9; text-align: center; cursor: pointer; } .navTopBtn:first-of-type{ margin-right: 0px; } .navTopBtn>div:first-of-type { height: 62px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: height 0.2s; } /*.navTopBtn>div:nth-of-type(2) {*/ /* display: none;*/ /*}*/ .navTopBtn:hover>div:first-of-type { background-image: url(../images/fenlei_c.png); } .navTopBtn:hover>div:nth-of-type(2) { display: block; } .navTopBtnImg { width: 27px; height: 27px; } /*--------头部导航按钮背景---------*/ .navTopBtnBox>.navTopBtn:nth-of-type(1)>div:first-of-type { background-image: url(../images/vip1@2x.png); width: 33px; margin-right: 15px; } .navTopBtnBox>.navTopBtn:nth-of-type(1):hover>div:first-of-type { background-image: url(../images/vip@2x.png); width: 33px; margin-right: 15px; } .navTopBtnBox>.navTopBtn:nth-of-type(2)>div:first-of-type { background-image: url(../images/fenlei.png); } .navTopBtnBox>.navTopBtn:nth-of-type(2):hover>div:first-of-type { background-image: url(../images/fenlei_c.png); } /*.navTopBtnBox>.navTopBtn:nth-of-type(2)>div:first-of-type { background-image: url(../images/fl.png); } .navTopBtnBox>.navTopBtn:nth-of-type(3)>div:first-of-type { background-image: url(../images/sc.png); } .navTopBtnBox>.navTopBtn:nth-of-type(4)>div:first-of-type { background-image: url(../images/ls.png); } .navTopBtnBox>.navTopBtn:nth-of-type(5)>div:first-of-type { background-image: url(../images/tz.png); }*/ /*.navTopBtn>div:nth-of-type(2) {*/ /* height: 16px;*/ /* line-height: 16px;*/ /*}*/ @media screen and (max-width:1500px) { .navTopBtn { /*margin-left: 20px;*/ margin-right: 0px; } } @media screen and (max-width:1400px) { .navTopBtn { /*margin-left: 0px;*/ margin-right: 0px; } } .VIPHui { position: absolute; top: 0; right: -8px; padding: 0px 2px; display: inline-block; font-size: 12px; color: #FFFFFF; background-color: #F55D6C; border-radius: 2px; } .VIPmenuTop { left: 0%; width: 100%; text-align: center; z-index: 2; /*display: grid;*/ /*grid-template-columns: 1fr 1fr;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; } /*.VIPmenuTop>img {*/ /* width: 14px;*/ /*}*/ .VIPmenuBOX { display: none; position: absolute; top: 62px; left: 50%; /*margin-left: -120px;*/ /*width: 340px;*/ margin-left: -200px; width: 340px; min-height: 100px; height:auto; background-color: #f9f9f9; /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);*/ font-size: 14px; text-align: center; background-color: rgba(0,0,0,0.8); border-radius: 10px; padding: 10px 0; } .VIPmenuBOX>li { padding: 0px 10px; height: 50px; font-size: 14px; overflow: hidden; } .VIPmenuBOX-li { background-image: url(../images/beijing-01.png); background-repeat: no-repeat; background-size: 240px 50px; overflow: hidden; } .VIPmenuBOX-liText { float: left; line-height: 50px; font-weight: bold; color: #FFFFFF; } .VIPmenuBOX-liBtn { float: right; margin-top: 10px; width: 80px; height: 30px; background-color: #FF556E; overflow: hidden; } .VIPmenuBOX-liBtn>input { width: 80px; height: 30px; font-size: 14px; color: #FFFFFF; } .VIPmenuBOX-A { line-height: 50px; text-align: left; } .VIPmenuBOX-A>a>img { margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } .FLmenuBox { display: none; position: absolute; top: 50px; left: 50%; margin-left: -120px; width: 240px; background-color: #f9f9f9; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); font-size: 14px; text-align: center; overflow: hidden; z-index: 3; } .FLmenuBox>li { float: left; width: 50%; padding: 10px 0; } .FLmenuBox>li>a { color: #999999; } .FLmenuBox-liText:hover { color: #FF556E; } .LSmenuBox { display: none; position: absolute; top: 60px; left: 50%; margin-left: -200px; width: 400px; /*background-color: #f9f9f9;*/ /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);*/ font-size: 14px; text-align: center; overflow: hidden; border-radius: 10px; } .LSmenuBox.lf { margin-left: -260px; } .FLmenuBox-liImg>img { width: 45px; } .LSmenu-No { min-height: 50px;/*50px*/ line-height: 50px; color: #999999; } .LSmenu>li:hover { /*background-color: #f4f4f4;*/ } .LSmenu>li>a { display: grid; grid-template-columns: 2.5fr 1.2fr 1.2fr; margin: 0 10px; height: 50px; line-height: 50px; color: #B9B9B9; overflow: hidden; } .LSmenu>li>a:hover { color: #000000; } .LSmenu>li>a>div:first-of-type { text-align: left; } .LSmenu>li>a>div:last-of-type { text-align: right; } .LSmenuBottom { width: 100%; overflow: hidden; } .LSmenuBottom>div { height: 70px; line-height: 70px; } .LSmenuBottom-lf { float: left; /*width: 50px;*/ cursor: pointer; background-image: url(../images/delete-g.png); background-position: left center; padding-left: 20px; background-repeat: no-repeat; background-size: 22px 22px; } .LSmenuBottom-lf:hover { float: left; /*width: 50px;*/ cursor: pointer; background-image: url(../images/delete.png); background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; color: #FF556E; } .LSmenuBottom-rg { float: right; /*margin-right: 15px;*/ } .LSmenuBottom-rg>a { color: #B9B9B9; } .LSmenuBottom-rg:hover>a { color: #FF556E; } .navTopBtnBox>.navTopBtn:hover>.VIPmenuBOX { display: block; } .navTopBtnBox>.navTopBtn:hover>.VIPmenuTop { display: block; } .navTopBtnBox>.navTopBtn:hover>.FLmenuBox { display: block; } .navTopBtnBox>.navTopBtn:hover>.LSmenuBox { display: block; } /*--------------*/ .XX-tabA { padding: 0 80px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; /*border-bottom: solid 1px #F4F4F4;*/ } .XX-tabA>li { height: 50px; line-height: 50px; text-align: center; color: #B9B9B9; } .XX-tabA>.tabA { color: #FF556E; } .XX-tabBox>div { display: none; } .XX-tabBox>div.tabBox { display: block; } .LSmenu-line{ display: none; width: 18px; height: 2px; margin: 0 auto; margin-top: -5px; background-color: #FF556E; } .LSmenu-line.act{ display: block; } .XX-tabBox{ padding: 0 20px; } /*---------------头部登录按钮--------------*/ .navTopLogon-no { float: left; margin-left: 40px; cursor: pointer; } .navTopLogon-no>div { float: left; } .navTopLogonImg-no { width: 40px; height: 62px; line-height: 62px; border-radius: 40px; text-align: center; } .navTopLogonImg-no>img { width: 32px; height: 32px; vertical-align: middle; } /*.navTopLogonImg-no:hover>img {*/ /* animation-name: DH01;*/ /* animation-duration: 0.2s;*/ /* animation-fill-mode: both;*/ /*}*/ @keyframes DH01 { 0% { margin-top: 4px; width: 32px; height: 32px; } 100% { margin-top: 0px; width: 40px; height: 40px; } } .navTopLogonName { margin-left: 5px; line-height: 62px; font-size: 16px; /*color: #8F8F8F;*/ color:#fff; } .navTopLogonName:hover { color: #FF556E; } .navTopBox.bkgWhite .navTopLogonName { color: #999999; } .navTopBox.bkgWhite .navTopLogonName:hover { color: #FF556E; } .navTopLogon { position: relative; float: left; margin-left: 40px; cursor: pointer; min-width: 35px; height: 50px; line-height: 50px; } .navTopLogon>div { float: left; } .navTopLogonImg { width: 40px; height: 62px; line-height: 62px; border-radius: 40px; text-align: center; } .navTopLogonImg>img { margin-left: 0; width: 40px; height: 40px; transition: all 0.2s; z-index: 3; vertical-align: middle; } .navTopLogon:hover .navTopLogonImg>img { /*position: absolute;*/ /*margin-left: 0;*/ /*margin-left: -36px;*/ /*margin-top: 26px;*/ /*transform: scale(3);*/ z-index: 3; } .navTopLogonName-no { margin-left: 10px; font-size: 16px; height: 40px; line-height: 40px; color: #FFFFFF; } .navTopLogon-no:hover .navTopLogonName-no { color: #FF556E; } /*个人信息*/ .navTopLogon:hover .navTopLogon-GRXX { display: block; } .navTopLogon-GRXX:hover{ display: block; } .navTopLogon-GRXX { display: none; position: absolute; top: 60px; left: -85px; width: 182px; overflow: hidden; z-index: 2; background: #000000; opacity: 0.8; border-radius: 5px; } .navTopLogon-GRXX-box { background-image: url(../images/beijing-01.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .navTopLogon-box01 { margin: 0 10px; overflow: hidden; } .navTopLogon-box01>li { float: left; max-width: 150px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navTopLogon-Gender>img { width: 18px; height: 18px; margin-bottom: -4px; } .navTopLogon-box02 { margin: 0 10px; display: grid; grid-template-columns: 1fr 1fr 8fr 2fr; overflow: hidden; } .navTopLogon-box02>li { height: 40px; line-height: 40px; } .navTopLogon-icon01>img { width: 16px; height: 16px; margin-bottom: -2px; } .navTopLogon-text { color: #FFFFFF; } .navTopLogon-rank { text-align: right; font-size: 32px; font-weight: bold; color: #FFFFFF; } .navTopLogon-Progress { grid-column-start: 2; grid-column-end: 4; } .navTopLogon-Progress>div { background-color: #F4F4F4; margin-top: 18px; height: 6px; border-radius: 10px; overflow: hidden; } .Progress { background-color: #fd0f32; width: 40%; height: 6px; border-radius: 10px; overflow: hidden; } .navTopLogon-experience { text-align: right; color: #FFFFFF; } .navTopLogon-box03 { width: 182px; height: 100px; background: #000000; opacity: 0.8; border-radius: 5px; } .navTopLogon-box03>li { height: 50px; line-height: 50px; text-align: center; border-bottom: solid 1px rgba(255,255,255,0.2); } .navTopLogon-box03>li:hover>.navTopLogon-A{ color: #FF556E; } .navTopLogon-box03>li:hover>.navTopLogon-btn{ color: #FF556E; } .navTopLogon-A { font-size: 14px; font-weight: 500; color: #FF556E; cursor: pointer; } .navTopLogon-btn { font-size: 14px; font-weight: 500; color: #B9B9B9; cursor: pointer; } /*.navTopLogon-btn:hover {*/ /* color: #FF556E;*/ /* background-image: url(../images/tuichu-o.png);*/ /*}*/ @media screen and (max-width:1500px) { .navTopLogon-no { margin-left: 10px; } .navTopLogon { margin-left: 10px; } } /*-------轮播--------------*/ .play-box { position: relative; width: 100%; overflow: hidden; } /*设置边框下的图片*/ .play-box img { display: block; width: 100%; max-height:120px; } .video-detail-ad img { margin-top: 14px; margin-bottom: 14px; border-radius: 10px; } .play-ad-box { position: relative; overflow: hidden; margin: 0 165px; margin-top: 20px; } /*设置边框下的图片*/ .play-ad-box img { display: block; width: 100%; border-radius: 10px; } /*设置超链接下的所有图片不显示*/ .play-box #imgList a { width: 100%; display: block; /*现在是文本状态，要修改为块状*/ overflow: hidden; /*隐藏超过边框高度的图片*/ opacity: 0; /*默认图片为全透明*/ height: 0; /*默认高度为0*/ transition: opacity .5s; /*默认透明度过渡时间为0.5s*/ } /*设置当前图片显示*/ #imgList a.current { opacity: 1; /*默认图片显示*/ height: auto; /*默认高度为自动*/ } /*设置列表ul*/ .iconList ul { padding-top: 82px; padding-bottom: 10px; box-sizing: border-box; padding-right: 40px; min-width: 280px; height: 100%; } /*轮播图片最大高度*/ #imgList a>img { max-height: 712px; } /*设置列表ul下的li*/ .iconList ul li { height: 9.5%; font-size: 14px; text-align: right; color: #A7A7A7; cursor: pointer; /*flex 布局*/ display: flex; /*实现垂直居中*/ align-items: center; /*实现水平居右*/ justify-content: flex-end; cursor: pointer; } .iconList ul li a { color: rgba(255, 255, 255, 0.7); } /*当图片变化时，图标也跟着变化*/ .iconList ul li.current a { font-weight: bold; font-size: 22px; color: #FFFFFF; } @media screen and (max-width:1024px) { .iconList ul li.current a { font-size: 18px; } } /*设置图标绝对定位*/ .iconList { position: absolute; top: 15px; right: 120px; height: 100%; overflow: hidden; /*background-image: linear-gradient( -90deg, rgba(0, 0, 0, 0.6) 2%, rgba(0, 0, 0, 0.4) 15%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 100%, transparent 99%, transparent);*/ } .qy20-h-carousel__maskbottom { pointer-events: none; position: absolute; bottom: 0; width: 100%; height: 230px; background-image: linear-gradient(0deg,#000000,transparent); z-index: 2; } /*--------------------*/ .sort { position: absolute; bottom: 0; width: 100%; /*padding: 15px 40px;*/ /*background-color: white;*/ font-size: 14px; box-sizing: border-box; /*overflow: hidden;*/ /*margin: 34px 165px 17px 165px;*/ z-index: 3; } .sort{ padding: 34px 165px 17px 165px;; } .sortBox>ul, .sortBox>ul>li { float: left; } .sort-menu { width: 40%; overflow: hidden; } .sort-menu>li { width: 12.5%; height: 36px; line-height: 36px; overflow: hidden; text-align: center; } .sort-menu>li>a:hover { color: #FF556E; } .sortSpan { display: inline-block; margin-left: 5px; min-width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; background-color: #FF556E; color: #FFFFFF; border-radius: 6px; padding: 0 2px; /*font-weight: 400;*/ /*position: absolute;*/ /*top: 6px;*/ /*right: -20px;*/ } .sort-recommend { width: 30%; height: 72px; overflow: hidden; } .sort-recommend>li { margin-right: 20px; height: 36px; line-height: 36px; overflow: hidden; } .sort-recommend>li>a:hover { color: #FF556E; } .sort-link { width: 30%; overflow: hidden; } .sort-link>li { width: 25%; height: 72px; text-align: center; } .sort-link>li>a { display: inline-block; width: 50px; float: right; text-align: center; } .sort-link>li>a>div:first-of-type { height: 40px; background-position: top center; background-repeat: no-repeat; background-size: 24px; } .sortBox { /*background-color: #16161a;*/ width:100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; flex-direction: row; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sort_content { height:38px; width:153px; background: #26272F; border-radius: 29px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; text-align: center; } .sort_content>.sort_img { /* margin-left: 32px; */ /*margin: 0 auto;*/ width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sort_img>a { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sort_content>.sort_img>a>img { display: inline-block; width: 30px; height: 30px; } .sort-text { font-size: 20px; color:#FFFFFF; margin-left:5px; display: inline-block; position: relative; } .sort-text.display-flex{ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sort-text div{ display: inline-block; } @media screen and (max-width:1500px) { .sort-text { font-size: 16px; } .sort_content>.sort_img>a>img { display: inline-block; width: 20px; height: 20px; } } .VIPlink { background-image: url(../images/vip.png); } .ADlink { background-image: url(../images/ad.png); } .APPlink { background-image: url(../images/app.png); } .TsetLink { background-image: url(../images/icon-et-01.png); } .sort-link>li>a:hover>div:first-of-type{ background-position: center -41.5px; } .sortLinkText { color: #999999; } .sort-link>li>a:hover>.sortLinkText { color: #FF556E; } @media screen and (max-width:1366px) { .sort-menu { width: 50%; overflow: hidden; } .sort-recommend { padding: 0 20px; box-sizing: border-box; } .sort-link { width: 20%; } } .sort02 { display: grid; grid-template-columns: 1.8fr 1.2fr 1fr; grid-gap: 80px; padding: 29px 165px; background-color: #F9F9F9; font-size: 14px; box-sizing: border-box; overflow: hidden; } .sort02-new { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 29px 165px; background-color: #F9F9F9; font-size: 14px; box-sizing: border-box; overflow: hidden; } .sort-tle { font-size: 16px; font-weight: 400; color: #939393; padding-bottom: 15px; } .sort02>div:first-of-type>.sort-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; overflow: hidden; } .sort02>div:nth-of-type(2)>.sort-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; overflow: hidden; } /*.sort02>div:nth-of-type(3)>.sort-list {*/ /* display: grid;*/ /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/ /* grid-gap: 10px;*/ /* overflow: hidden;*/ /*}*/ .sort02>div:last-of-type>.sort-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; overflow: hidden; } .sort02-new>div>.sort-list-new{ overflow: hidden; } .sort02-new>div:first-of-type>.sort-list-new>a { display: inline-block; width: 13%; overflow: hidden; } .sort02-new>div:nth-of-type(2)>.sort-list-new>a { display: inline-block; width: 19%; overflow: hidden; } .sort02-new>div:last-of-type>.sort-list-new>a { display: inline-block; width: 18.5%; overflow: hidden; } .sort02-new>div.sort-box02:first-of-type { -webkit-flex: 1.8; -ms-flex: 1.8; flex: 1.8; -webkit-box-flex: 1.8; -moz-box-flex: 1.8; } .sort02-new>div.sort-box02:nth-of-type(2) { -webkit-flex: 1.2; -ms-flex: 1.2; flex: 1.2; -webkit-box-flex: 1.2; -moz-box-flex: 1.2; margin-left: 80px; } .sort02-new>div.sort-box02:last-of-type { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; margin-left: 80px; } .sort-list, .sort-list-new { overflow: hidden; line-height: 30px; } .sort-list>a, .sort-list-new>a { display: inline-block; } .sort-list>a:hover, .sort-list-new>a:hover { color: #FF556E; } .sort-a { text-align: center; color: #FFFFFF; background-color: #FF556E; border-radius: 50px; } .sort-list>.sort-a:hover, .sort-list-new>.sort-a:hover { color: #FFFFFF; } /*今日热点*/ .RD-box { /*display: grid;*/ /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;*/ /*grid-gap: 10px;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0px 165px; } .Title-00 { grid-column-start: 1; grid-column-end: 7; padding: 20px 0px; font-size: 20px; } .RD-box .Title-big { margin-top:5px; color:#FFFFFF; } .NewTrailer-box .Title-big { margin-top:5px; color:#FFFFFF; } .Title-00>img { display: inline-block; margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } /*.Title-00>a:hover {*/ /* color: #FF556E;*/ /*}*/ .Title-01 { grid-column-start: 1; grid-column-end: 8; padding: 20px 0px; font-size: 20px; cursor: pointer; } .Title-01>img { display: inline-block; margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } .Title-more { width: 41px; height: 15px; font-size: 16px; font-weight: 400; color: #000000; margin-left: 9px; } .font-color { color:#FFF; } .font-color:hover{ color:#ff556e; } /*.Title-01>a:hover {*/ /* color: #FF556E;*/ /*}*/ .Coming-online { position: relative; color:#FFFFFF; width: 100%; height: 38px; text-align: center; font-size: 16px; } .Coming-online-line { position: absolute; width: 100%; height: 1px; background: #FFFFFF; opacity: 0.2; margin-top: 11px; } .Coming-online-text { position: relative; /*left: 28%;*/ padding: 0px 8px; background-color: #000000; opacity: 1; } .RD-banner { grid-row: 2 / sapn 3; grid-column-start: 1; grid-column-end: 3; overflow: hidden; } @media screen and (max-width:1680px) { .RD-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .Title-00 { grid-column-end: 6; } .Title-01 { grid-column-end: 7; } .RD-box>li:last-of-type { display: none; } .RD-box>li:nth-last-of-type(2) { display: none; } /*.RD-box>li:nth-last-of-type(3) {*/ /* display: none;*/ /*}*/ /*.RD-box>li:nth-last-of-type(4) {*/ /* display: none;*/ /*}*/ } /*-------热点轮播--------------*/ .play-box02 { position: relative; width: 100%; overflow: hidden; border-radius: 10px; } /*设置边框下的图片*/ .play-box02 img { display: block; width: 100%; height: 100%; border-radius: 10px; } /*设置超链接下的所有图片不显示*/ .play-box02 #imgList02 a { width: 100%; display: block; /*现在是文本状态，要修改为块状*/ overflow: hidden; /*隐藏超过边框高度的图片*/ opacity: 0; /*默认图片为全透明*/ height: 0; /*默认高度为0*/ transition: opacity .5s; /*默认透明度过渡时间为0.5s*/ } /*设置当前图片显示*/ #imgList02 a.current02 { display: block; opacity: 1; /*默认图片显示*/ height: auto; /*默认高度为自动*/ } #imgList02 a.current02 img { display: block; height: 100%; /*默认高度为自动*/ } /*设置图标绝对定位*/ .iconList02 { position: absolute; bottom: 11px; right: 10px; width: 30%; height: 4px; overflow: hidden; } /*设置列表ul*/ .iconList02 ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; width: 100%; overflow: hidden; } /*设置列表ul下的li*/ .iconList02 ul li { border-radius: 20px; height: 4px; background-color: #F4F4F4; cursor: pointer; } /*当图片变化时，图标也跟着变化*/ .iconList02 ul li.current02 { background-color: #FF556E; } .RD-boxA { display: block; width: 100%; position: relative; border-radius: 10px; } .RD-img { width: 100%; overflow: hidden; border-radius: 10px; height: 100%; } .RD-img>img { display: block; width: 100%; min-height: 100%; overflow: hidden; transition: all 0.1s; } .RD-boxA:hover .RD-img>img { transform: scale(1.1); } .RD-boxA:hover div.RD-name { color: #FF556E; } .RD-title { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); padding: 0px 10px; box-sizing: border-box; width: 100%; height: 49px; line-height: 49px; overflow: hidden; transition: height 0.2s; } /*.RD-title:hover {*/ /* height: 68px;*/ /*}*/ .RD-name { width: 100%; font-size: 16px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .RD-cs { font-size: 14px; line-height: 17px; font-weight: 500; color: #FFFFFF; } /*新片预告*/ .NewTrailer-box-title { margin: 0px 165px; } .NewTrailer-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 17px; margin: 0px 165px; } /*--------电影和电影排行榜-----------*/ .Movie-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 17px; /*width: 100%;*/ /*display: flex;*/ /*display: -webkit-box;*/ /*display: -moz-box;*/ /*display: -ms-flexbox;*/ /*display: -webkit-flex;*/ margin: 0px 165px; } .Title-02 { grid-column-start: 1; grid-column-end: 7; padding: 20px 0px; font-size: 20px; display: flex; } .Title-02>img { display: inline-block; margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } .Movie-box.ZT-black>.Title-02>.Title-02-a, .Title-01>.Title-02-a{ margin-top:5px; color:#FFFFFF; } /*.Title-02>a:hover {*/ /* color: #FF556E;*/ /*}*/ .qy-mod-nav-link { padding-left: 15px; overflow: hidden; } .qy-mod-crumb { font-size: 16px; font-weight: 400; color: #FFFFFF; display: flex; } .Title-03 { grid-column-start: 7; grid-column-end: 9; padding: 20px 0px; margin-left: 20px; font-size: 20px; } .Title-03>img { display: inline-block; margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } /*.Title-03>a:hover {*/ /* color: #FF556E;*/ /*}*/ .Title-04 { /*padding-top: 29px;*/ padding-bottom: 8px; font-size: 20px; font-weight: 500; color: #22232A; } .Title-04>img { display: inline-block; margin-right: 10px; margin-bottom: -8px; width: 30px; height: 30px; } .Title-04>a:hover { color: #FF556E; } .Movie-Ranking { grid-column-start: 7; grid-column-end: 9; grid-row: 2 / sapn 3; /*border: solid 1px #F4F4F4;*/ /*background-color: #F9F9F9;*/ box-sizing: border-box; } .Movie-Ranking-height { height:64px; } .Movie-Ranking-margin-top { margin-top:13px; } .Movie-Ranking-flex-row { height: 63px; display: flex; flex-direction: row; } .Movie-Ranking-img { width:40px; height: 52px; align-items: center; } Movie-Ranking-img-num { width:11px; height: 17px; } .Movie-Ranking-right-top { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left:15px; } .Movie-Ranking-right-top-up { width:170px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; line-height:18px; margin-top:6px; overflow: hidden; white-space:nowrap; } .Movie-Ranking-right-bottom { /*display: flex;*/ /*flex-direction: row;*/ width:130px; margin-top:7px; font-size:12px; line-height: 16px; color:#666668; /*justify-content:space-between;*/ } .Movie-Ranking-right-bottom>span { margin-right: 3px; } .Movie-Ranking-bottom-border { width:225px; height:1px; background-color:#414143; margin-left:4px; } .Movie-Ranking02 { margin-bottom: 20px; /*border: solid 1px #F4F4F4;*/ /*background-color: #F9F9F9;*/ box-sizing: border-box; } .Ranking-box { padding: 10px 0px; box-sizing: border-box; height: 11%; /*display: grid;*/ /*grid-template-columns: 1fr 4fr 1fr;*/ border-bottom: 1px solid #ddd; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .Ranking-mun { width: 17%; font-size: 32px; font-style: italic; font-weight: bold; color: #999999; text-align: center; } .Ranking-text{ width: 66%; } .Movie-Ranking .Ranking-box:first-of-type>.Ranking-mun { color: #FF556E; } .Movie-Ranking .Ranking-box:nth-of-type(2)>.Ranking-mun { color: #FF972A; } .Movie-Ranking .Ranking-box:nth-of-type(3)>.Ranking-mun { color: #F55D6C; } .Movie-Ranking02 .Ranking-box:first-of-type>.Ranking-mun { color: #FF556E; } .Movie-Ranking02 .Ranking-box:nth-of-type(2)>.Ranking-mun { color: #FF972A; } .Movie-Ranking02 .Ranking-box:nth-of-type(3)>.Ranking-mun { color: #F55D6C; } .Ranking-name { width: 100%; font-size: 18px; padding-bottom: 5px; padding-top: 5px; } .Ranking-name>a:hover { color: #FF556E; } /*.Ranking-type {*/ /* display: grid;*/ /* grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr;*/ /* grid-gap: 5px;*/ /*}*/ /*.Ranking-type>div {*/ /* !*background-color: #F4F4F4;*!*/ /* padding: 5px 0px;*/ /* !*text-align: center;*!*/ /* font-size: 12px;*/ /* color: #999999;*/ /* white-space: nowrap;*/ /* overflow: hidden;*/ /*}*/ .Ranking-type>span { margin-right: 16px; font-size: 12px; color: #999999; white-space: nowrap; overflow: hidden; } .Ranking-score { width: 17%; box-sizing: border-box; color: #FF556E; text-align: center; /*font-weight: bold;*/ } .Movie-list { overflow: hidden; } .Movie { display: block; position: relative; width: 100%; /*height: 295px;*/ height: auto; overflow: hidden; border-radius: 10px; } .Movie-img { display: block; width: 100%; height:auto; /*min-height: 314px;*/ } .palyBtn { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.5); z-index: 0; } .Movie:hover .palyBtn { display: block; } .palyBtn>img { position: absolute; top: 20%; left: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; opacity: 0.5; transition: all 0.2s; } .palyBtn>img:hover { opacity: 1; transform: scale(1.4); } .Movie-details { position: absolute; bottom: -100%; left: 0; padding: 10px; box-sizing: border-box; width: 100%; /*background-color: #F9F9F9;*/ background-color: rgba(0,0,0,0.8); transition: bottom 0.4s; z-index: 2; } .Movie:hover .Movie-details { bottom: 0px; } .Movie-name01 { margin-bottom: 5px; font-size: 16px; font-weight: 400; color: #FFFFFF; max-height:48px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*.Movie-name01:hover {*/ /* color: #FF556E;*/ /*}*/ .Movie-type { overflow: hidden; } .Movie-type>li { float: left; /*background-color: #F4F4F4;*/ /*padding: 5px;*/ margin-right: 5px; /*text-align: center;*/ font-size: 12px; color: #7A7B7E; } .Movie-star { width: 100%; font-size: 12px; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .Movie-star>span { color: #999999; } .Movie-content { width: 100%; height: 40px; line-height: 20px; font-size: 12px; text-overflow: ellipsis; overflow: hidden; } .Movie-content>span { color: #999999; } .Movie-btm { display: grid; grid-template-columns: 3fr 1fr; } .Movie-btm>li { height: 30px; line-height: 30px; overflow: hidden; } .Movie-btm>li:first-of-type { padding-left: 20px; background-image: url(../images/resou.png); background-position: center left; background-repeat: no-repeat; background-size: 16px; font-size: 14px; } .Movie-btm>li:last-of-type>input { float: left; margin-top: 5px; height: 20px; border: solid 1px #FF556E; padding: 0px 5px; color: #FF556E; } .Movie-btm>li:last-of-type>input:hover { background-color: #FF556E; color: #FFFFFF; } .Movie-J { position: absolute; top: 0; left: 0; z-index: 3; } .Movie-J>img { width: 40px; height: 40px; } .Movie-X { position: absolute; top: 8px; right: 8px; z-index: 3; font-size: 12px; /*padding: 5px;*/ border-radius: 3px; color: #FFFFFF; /*background-color: #FF556E;*/ min-width: 12px; text-align: center; display: flex; } .Movie-X>img { display: inline-block; } .Movie-X>div.new-num { display: inline-block; background-color: #FF556E; font-size: 12px; padding: 0 5px; border-radius: 3px; margin-left: 5px; } .Movie-name02 { display: block; width: 100%; font-size: 16px; height: 30px; line-height: 30px; padding: 5px 5px 0px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .Movie-name02:hover { color: #FF556E } .Movie-type02 { /*display: grid;*/ /*grid-template-columns: auto auto;*/ /*grid-gap: 5px;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666668; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .Movie-type02>div:first-of-type { white-space: nowrap; overflow: hidden; } .Movie-type02>div:first-of-type>span { margin-right: 3px; } .Movie-type02>div:last-of-type { text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media screen and (max-width:1900px) { .Movie-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .NewTrailer-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .Rd-small-banner { grid-template-columns: 1fr 1fr 1fr 1fr; } .Title-02 { grid-column-start: 1; grid-column-end: 6; } .Title-03 { grid-column-start: 6; grid-column-end: 8; } .Movie-Ranking { grid-column-start: 6; grid-column-end: 8; } .Movie-box>.Movie-list:last-of-type { display: none; } .Movie-box>.Movie-list:nth-last-of-type(2) { display: none; } .Movie-box>.Movie-Ranking { display: block; } .NewTrailer-box>.Movie-list:nth-of-type(7) { display: none; } } @media screen and (max-width:1680px) { .Movie-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .NewTrailer-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .Rd-small-banner { grid-template-columns: 1fr 1fr 1fr; } .Title-02 { grid-column-start: 1; grid-column-end: 6; } .Title-03 { grid-column-start: 6; grid-column-end: 8; } .Movie-Ranking { grid-column-start: 6; grid-column-end: 8; } .Movie-box>.Movie-list:last-of-type { display: none; } .Movie-box>.Movie-list:nth-last-of-type(2) { display: none; } .Movie-Ranking { display: block; } .NewTrailer-box>.Movie-list:nth-of-type(7) { display: none; } } @media screen and (max-width:1450px) { /*调整首页类目按钮宽度和高度*/ .sort_content { width: 133px; } .sort_content>.sort_img { /*margin-left: 20px;*/ /*margin: 0 auto;*/ width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /*.Movie {*/ /* height: 233px;*/ /*}*/ /*.Movie-img {*/ /* max-height: 233px;*/ /*}*/ /*调整排行榜间距*/ .Movie-Ranking-flex-row { height: 55px; } .Movie-Ranking-margin-top { margin-top: 0; } /*调整视频图片高度*/ /*.Movie {*/ /* height: 233px;*/ /*}*/ /*.Movie-img {*/ /* max-height: 233px;*/ /*}*/ } /*赛事直播*/ .game-box { margin: 0px 165px; height: 193px; background-color: pink; } /*更新列表--开始*/ .movie-update{ margin-top: 22px; } .movie-update-time{ margin-left: 9px; } .movie-update-time>span{ display: inline-block; font-size: 16px; font-weight: 400; color: #000000; } .movie-update-time>.movie-update-week{ width: 42px; } /*更新列表--结束*/ /*--------体育-----------*/ .Sports-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 17px; margin: 0px 165px; } @media screen and (max-width:1900px) { .Sports-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .Sports-box .Title-01 { grid-column-start: 1; grid-column-end: 7; } .Sports-box>.Movie-list:last-of-type { display: none; } } @media screen and (max-width:1680px) { .Sports-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .Sports-box .Title-01 { grid-column-start: 1; grid-column-end: 7; } .Sports-box>.Movie-list:last-of-type { display: none; } } /*--------赛事直播-----------*/ .Livemaches-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 17px; margin: 0px 165px; } .Livemaches-Movie-list { position: relative; overflow: hidden; } .con_img{position: relative; width: 240px; height: 240px;} .ms{position: absolute; bottom: 15px;left: 0; width: 240px; height: 25px; background: #000;} .Livemaches-movie { width: 100%; overflow: hidden; max-height: 157px; } .Livemaches-img { width: 100%; max-height: 157px; border-radius: 10px; } .Livemaches-title { position: absolute; left: 0; top: 50%; margin-top:-24px; background-color: rgba(0, 0, 0, 0.7); padding: 0px 10px; box-sizing: border-box; width: 100%; height: 49px; line-height: 49px; overflow: hidden; text-align: center; } .Livemaches-name { width: 100%; font-size: 16px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .Livemaches-name:hover { color: #FF556E; } .Livemaches-yuyue { position: absolute; width: 80px; font-size: 16px; line-height: 24px; font-weight: 500; color: #FFFFFF; background-color: #FF556E; border-radius: 10px; text-align: center; left: 50%; transform: translate(-50%,-170%); } @media screen and (max-width:1900px) { .Livemaches-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .Livemaches-box .Title-01 { grid-column-start: 1; grid-column-end: 8; } .Livemaches-box>.Livemaches-Movie-list:last-of-type { display: none; } } @media screen and (max-width:1680px) { .Livemaches-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .Livemaches-box .Title-01 { grid-column-start: 1; grid-column-end: 7; } .Livemaches-box>.Livemaches-Movie-list:last-of-type { display: none; } } /*-----华人------*/ .HrBox { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; margin: 0px 60px 0px 40px; overflow: hidden; } .HrBox-li, .HrBox-li>a { display: block; width: 100%; overflow: hidden; } .HrBox-D { position: relative; width: 100%; overflow: hidden; } .HrBox-img { display: block; padding: 0; width: 100%; } .HrBox-K { position: absolute; bottom: 0; left: 0px; width: 100%; height: 30px; overflow: hidden; background-image: linear-gradient( 0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%, transparent 99%, transparent); } .HrBox-name { width: 100%; font-size: 16px; height: 30px; line-height: 30px; padding: 0px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .HrBox-li>a:hover .HrBox-K { display: none; } .HrBox-D:hover .HrBox-name { color: #FF556E; } @media screen and (max-width:1900px) { .HrBox { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .HrBox .Title-01 { grid-column-start: 1; grid-column-end: 8; } .HrBox>.HrBox-li:last-of-type { display: none; } } @media screen and (max-width:1680px) { .HrBox { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .HrBox .Title-01 { grid-column-start: 1; grid-column-end: 7; } .HrBox>.HrBox-li:last-of-type { display: none; } .HrBox>.HrBox-li:nth-last-of-type(2) { display: none; } } /*-------------*/ .foot { margin-top: 30px; padding: 40px 0px; background-color: #eeeeee; font-size: 12px; } .footBox { margin: 0 auto; width: 80%; overflow: hidden; } .footBox>div { float: left; } .footBox>div:first-of-type { width: 70%; text-align: center; } .footBox>div:nth-of-type(2) { width: 10%; text-align: center; } .footBox>div:last-of-type { width: 20%; text-align: center; } .footNav { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;/* 1fr 1fr */ grid-gap: 5px; overflow: hidden; } .footNav>li { height: 30px; line-height: 30px; overflow: hidden; } .footNav>li>a { color: #999999; } .footNav>li>a:hover { color: #FF556E; } .footNav>li:first-of-type { text-align: right; } .footNav>li:first-of-type>a>img:first-of-type { margin-right: 10px; width: 20px; margin-bottom: -4px; } .footNav>li:first-of-type>a>img:last-of-type { margin-right: 10px; width: 20px; margin-bottom: -2px; } .footSM { padding: 40px 0px; color: #999999; line-height: 30px; } .footSM>span { color: #000000; } .footPH { color: #999999; } .footKF { padding-top: 20px; } .footKF>a { color: #999999; font-weight: bold; } .footKF>a:hover { color: #FF556E; } .footKF>a>img { margin-bottom: 5px; } .footXZ>a { display: block; margin-bottom: 10px; } .footXZ>a>img { display: block; width: 100%; max-width: 170px; } @media screen and (max-width:1030px) { .footBox { width: 944px; } } /*底部导航*/ .qy-footer{ /* padding-top: 73px; padding-bottom: 72px; */ margin-top: 20px; padding: 20px 0 10px; text-align: center; font-size: 16px; color: hsla(0,0%,100%,.3); line-height: 43px; font-weight: 400; color: #000000; } .qy-footer .browser { font-size: 16px; font-weight: 400; /*color: #000000;*/ } .qy-footer-bg-color { background-color: #F0F0F0; } .wp{ width: 994px; min-width: 994px; margin: 0 auto; } @media screen and (min-width: 1796px){ .wp{width: 1636px;} } @media screen and (min-width: 1560px) and (max-width:1795px) { .wp { width:1400px } } @media screen and (min-width: 1356px) and (max-width:1559px) { .wp { width:1196px } } .wp .browser { padding: 0 10px; } .wp p { color: #666; } /*a {*/ /* color: #666;*/ /* -webkit-transition: color .3s,opacity .3s;*/ /* transition: color .3s,opacity .3s;*/ /* text-decoration: none;*/ /*}*/ /*-------------*/ .rigNav { position: fixed; bottom: 20px; right: 39px; box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.2); z-index: 7; } .rigNav>div { position: relative; background-color: #FFFFFF; min-width: 50px; height: 50px; line-height: 50px; cursor: pointer; } .rigNav>div>a { display: block; position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; background-color: #FFFFFF; overflow: hidden; z-index: 3; /*background-position: center 12px;*/ background-position: center; background-repeat: no-repeat; /*background-size: 26px;*/ } .rigNav-top>a { background-image: url(../images/right-5.png); } .rigNav-top:hover>a { background-image: url(../images/right-5h.png); } .rigNav-icon01>a { background-image: url(../images/right-1.png); } .rigNav-icon01:hover>a { background-image: url(../images/right-1h.png); } .rigNav-icon02>a { background-image: url(../images/right-2.png); } .rigNav-icon02:hover>a { background-image: url(../images/right-2h.png); } .rigNav-icon03>a { background-image: url(../images/right-3.png); } .rigNav-icon03:hover>a { background-image: url(../images/right-3h.png); } .rigNav-icon04>a { background-image: url(../images/right-4.png); } .rigNav-icon04:hover>a { background-image: url(../images/right-4h.png); } .rigNav-iconWX>a { background-image: url(../images/wx.png); } .rigNav-iconWX:hover>a { background-image: url(../images/wx_1.png); } .rigNav-iconQQ>a { background-image: url(../images/qq.png); } .rigNav-iconQQ:hover>a { background-image: url(../images/qq_1.png); } .rigNav-iconQzone>a { background-image: url(../images/kj.png); } .rigNav-iconQzone:hover>a { background-image: url(../images/kj_1.png); } .rigNav-iconFacebook>a { background-image: url(../images/facebook.png); } .rigNav-iconFacebook:hover>a { background-image: url(../images/facebook_1.png); } .rigNav-iconTwitter>a { background-image: url(../images/tt.png); } .rigNav-iconTwitter:hover>a { background-image: url(../images/tt_1.png); } /*.rigNav-icon05>a {*/ /* background-image: url(../images/navlf-bz.png);*/ /*}*/ /*---hover---*/ /*.rigNav>div:hover>a {*/ /* background-position: center -31.5px;*/ /*}*/ .rigNav>div>span { position: absolute; top: 0; right: 0; width: 50px; display: block; font-size: 14px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: width 0.2s; z-index: 2; } .rigNav>div:hover>a { background-color: #FF556E; } .rigNav>div:hover>span { width: 150px; /*110px;*/ padding: 0px 10px; background-color: #FF556E; } .rigNav-top { display: none; } .alt { display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 1336px; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 8; } .alt-GB { position: absolute; top: 50%; right: 50%; margin-right: -400px; margin-top: -260px; font-size: 30px; color: rgba(0, 0, 0, 0); background-image: url(../images/cha.png); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; z-index: 8; } /*.alt-GB:hover {*/ /* background-image: url(../images/guanbi-o.png);*/ /*}*/ .qy-float-anchor{ position: fixed; bottom: 20px; right: 39px; z-index: 1000; text-align: center; background: hsla(0,0%,100%,.05); box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); border-radius: 4px; overflow: hidden; display: none; } .qy-float-anchor .anchor-list{ padding: 5px 0; font-size: 0 } .qy-float-anchor .anchor-list .list-item:before { display: block; content: ""; width: 42px; height: 1px; margin: 0 auto; background: rgba(255,155,255,.04) } .qy-float-anchor .anchor-list .list-item:first-child:before { display: none } .qy-float-anchor .anchor-list .list-item:first-child .list-link{ border-radius: 2px 2px 0 0 } .qy-float-anchor .anchor-list .list-item:last-child .list-link{ border-radius: 0 0 2px 2px } .qy-float-anchor .anchor-list .list-item.selected .list-link .qy-svgicon-guide-narrow-up, .qy-float-anchor .anchor-list .list-item.selected .list-link, .qy-float-anchor .anchor-list .list-item .list-link.active{ color: #FF556E } .qy-float-anchor .anchor-list .list-link{ display: block; padding: 5px 7px; line-height: 18px; font-size: 14px; color: hsla(0,0%,100%,.6) } .qy-float-anchor .anchor-list .list-link:hover { color: #FF556E; transition: color .1s ease-in-out } .qy-float-anchor .anchor-list .list-link:hover .qy-svgicon-guide-narrow-up{ color: #FF556E } .qy-float-anchor .anchor-list .list-link.back-top-svg { display: block; margin: 0 auto 4px; width: 20px; height: 13px; fill: currentColor } .qy-float-anchor .anchor-vip__img{ position: absolute; top: -95px; right: -15px; display: block; width: 80px; height: 80px; background: url(../fonts/aa19804a50be48b5b542f687e89d58b2.woff); } .alt-p { text-align: center; } .alt-content { margin-top: -70px; min-width: 360px; max-width: 500px; text-align: center; padding: 60px 20px 70px 20px; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); background-image: linear-gradient( 0deg, rgba(0, 0, 0, 0) 70%, rgba(51, 51, 51, 0.2) 100%, transparent 99%, transparent); } .alt-content-text>h3 { height: 50px; line-height: 50px; font-size: 20px; font-weight: normal; } .alt-content-text>p { line-height: 24px; padding: 10px 0px; font-size: 16px; color: #999999; } .alt-bth-box02 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; height: 50px; padding: 0px 20px; box-sizing: border-box; } .alt-bth-box02>input { display: inline-block; height: 40px; width: 45%; font-size: 16px; font-weight: bold; border-radius: 5px; margin-right: 10px; } .alt-bth-box02>input:last-of-type { margin-right: 0px; } .alt-bth-box02>.bth-off { background-color: #F4F4F4; color: #999999; } .alt-bth-box02>.bth-on { color: #982c18; background-image: url(../images/jin-bj.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } /*------------------------*/ .alt02-box { position: absolute; top: 50%; left: 50%; margin-top: -306px; margin-left: -359px; width: 718px; height: 612px; background-color: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } .alt02-top { background-color: #F9F9F9; height: 50px; line-height: 50px; padding: 10px; overflow: hidden; } .alt02-top>li { float: left; overflow: hidden; } .alt02-topLi01 { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .alt02-topLi01>img { width: 100%; height: 100%; } .alt02-topLi02 { font-size: 14px; margin-left: 10px; } .alt02-topLi03 { background-color: #FF556E; color: rgba(255, 255, 255, 0.7); height: 30px; line-height: 30px; font-size: 12px; margin: 10px; padding: 0px 10px; } .alt02-topLi04>a { display: block; border: solid 1px #FF556E; box-sizing: border-box; height: 30px; line-height: 30px; font-size: 12px; color: #FF556E; font-weight: bold; margin: 10px; padding: 0px 10px; } .alt02-topLi04>a:hover { background-color: #FF556E; color: #FFFFFF; } .alt02-foot { position: absolute; bottom: 50%; left: 50%; margin-left: -390px; margin-bottom: -330px; font-size: 12px; color: #999999; } .alt02-foot>a { color: #FF556E; } .alt02-no { margin-top: 100px; text-align: center; font-size: 12px; color: #999999; line-height: 30px; } .alt02-no>a { display: inline-block; padding: 2px 20px; color: #FFFFFF; font-weight: bold; background-color: #FF556E; } .paybox01 { display: none; position: relative; height: 326px; overflow: hidden; } .paybox01.act { display: block; } .paybox01-L { position: absolute; top: 50%; left: 0; margin-top: -58px; width: 300px; text-align: center; } .paybox01-L>div>img { width: 120px; } .paybox01-R { padding-right: 50px; padding-top: 70px; margin-left: 300px; color: #999999; } .paybox01-R>div { font-size: 16px; } .paybox01-R>ul { font-size: 14px; } .paybox01-R>ul>li { margin-bottom: 5px; } .paybox01-R>ul>li>a { color: #FF556E; } .paybtn01 { position: absolute; right: 10px; bottom: 10px; } .paybtn01>input { padding: 10px 30px; font-style: 16px; color: #FFFFFF; background-color: #FF556E; } .paybox02 { display: none; position: relative; padding: 0px 50px; height: 326px; overflow: hidden; } .paybox02.act { display: block; } .paybox02>div { float: left; width: 50%; padding-top: 40px; overflow: hidden; } .paybox02-L-text { font-size: 18px; color: #999999; margin-bottom: 10px; text-align: center; } .paybox02-fs { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding-right: 50px; border-right: solid 1px #F4F4F4; overflow: hidden; } .paybox02-fs>div { position: relative; padding-left: 36px; height: 40px; background-color: #F4F4F4; overflow: hidden; } .paybox02-fs>div>input[type="radio"] { position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; text-align: center; vertical-align: middle; line-height: 14px; margin-right: 10px; border-radius: 100px; border: solid 1px #999999; background-color: #FFFFFF; -webkit-appearance: none; /*去除默认样式*/ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; } .paybox02-fs>div>input[type="radio"]::before { content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: none; border-radius: 100px; } .paybox02-fs>div>input[type="radio"]:checked::before { position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 100px; background-color: #FF556E; outline: none; } .paybox02-fs>div>label { display: block; padding-left: 40px; height: 40px; line-height: 40px; font-size: 12px; color: #999999; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; overflow: hidden; } .paybox02-fs>div>label.pay01 { background-image: url(../images/alipay.png); } .paybox02-fs>div>label.pay02 { background-image: url(../images/weichat.png); } .paybox02-fs>div>label.pay03 { background-image: url(../images/paypal.png); } .paybox02-fs>div>label.pay04 { background-image: url(../images/paypal.png); } .paybox02-fs>div>label.pay05 { background-image: url(../images/timegatecoin.png); } .paybox02-fs>div>label.act { color: #FF556E; } .paybox02-R { box-sizing: border-box; padding-left: 50px; } .paybox02-je { font-size: 12px; color: #FF556E; margin-bottom: 10px; text-align: center; } .paybox02-je>span:first-of-type { font-size: 22px; margin: 0px 10px; font-weight: bold; } .paybox02-zh { height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #999999; border-radius: 40px; background-color: #F4F4F4; } .paybox02-R-text { margin-top: 50px; font-size: 12px; color: #FF556E; text-align: center; } .paybox02-btn { margin: 20px auto; width: 150px; height: 40px; } .paybox02-btn>input { width: 150px; height: 40px; font-size: 16px; color: #FFFFFF; background-color: #FF556E; } .paybox02-btn>input[disabled="disabled"] { background-color: #999999; cursor: not-allowed; } .paybox02-B { position: absolute; bottom: 0; right: 0; text-align: right; } .paybox02-B>a>img { height: 30px; } .paybox03-L-btn { margin-left: 10px; font-size: 12px; height: 20px; color: #FFFFFF; padding-left: 22px; padding-right: 10px; background-color: #FF556E; background-image: url(../images/copy.png); background-position: 5px center; background-repeat: no-repeat; background-size: 12px 12px; } .alt03-box { position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -260px; padding: 20px; width: 800px; height: 520px; background-color: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } .alt03-box-t { position: relative; overflow: hidden; } .alt03-box-R { position: absolute; top: 0; left: 0; width: 210px; overflow: hidden; } .alt03-box-R>img { width: 100%; } .alt03-box-L { position: relative; margin-left: 230px; height: 300px; } .XQ-name { display: inline-block; font-size: 22px; padding-bottom: 10px; } .XQ-name:hover { color: #FF556E; } .alt03-box-L>.GNbox { /*margin-left: -10px; */ padding-bottom: 5px; height: 40px; } .XQ-text { font-size: 14px; color: #999999; line-height: 30px; } .XQ-btn { position: absolute; left: 0; bottom: 0; overflow: hidden; } .XQ-btn>a, .XQ-btn>input { display: block; float: left; height: 40px; line-height: 40px; padding-left: 50px; padding-right: 30px; font-size: 16px; background-position: 20px center; background-repeat: no-repeat; background-size: 20px 20px; } .XQ-btn>a { color: #FFFFFF; background-color: #FF556E; margin-right: 20px; background-image: url(../images/bofang.png); } .XQ-btn>a:hover { color: #FFFFFF; } .XQ-btn>input { color: #999999; background-color: #F4F4F4; background-image: url(../images/shoucang.png); } .XQ-btn>input:hover { color: #FF556E; background-image: url(../images/shoucang-4h.png); } .XQ-btn>input.act:hover, .XQ-btn>input.act { color: #FFFFFF; background-color: #FF556E; background-image: url(../images/shoucang-w.png); } .alt03-box-Z { margin-top: 20px; font-size: 14px; line-height: 22px; color: #999999; } .alt03-box-B { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; } .alt03-box-B>div { display: inline-block; padding: 0px 20px; line-height: 14px; font-size: 14px; color: #999999; border-left: solid 1px #999999; } .alt03-box-B>div>span { margin-right: 5px; } .alt03-box-B>div:first-of-type { border-left: none; } /*--------筛选条件和广告---------*/ .box01 { display: grid; grid-template-columns: auto 500px; grid-gap: 5px; margin: 72px 40px 0px 40px; overflow: hidden; /*background-color: #FFFFFF;*/ } .box01>div { background-color: #FFFFFF; } /*.box01-content {*/ /* display: grid;*/ /* grid-template-columns: auto 500px;*/ /* grid-gap: 20px;*/ /* margin: 23px 164px 22px 158px;*/ /*}*/ .box02-content { margin: 23px 164px 22px 158px; } /*.box01-search {*/ /* background: #F8F7F9;*/ /* border-radius: 10px;*/ /* padding-bottom: 30px;*/ /* min-width: 668px;*/ /*}*/ .conditionBox { padding-bottom: 20px; box-sizing: border-box; border: solid 1px rgba(51, 51, 51, 0.2); overflow: hidden; } .condition { padding: 0 20px; overflow: hidden; } .condition>li { padding-top: 20px; float: left; } .conditionType-all>a { display: block; /*padding: 0 15px;*/ height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; font-weight: 500; color: #9C9C9C; } .condition>li>a { display: block; padding: 0 15px; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; font-weight: 500; } .condition>li>a:hover, .conditionType-all>a:hover { color: #FF556E; } /*.condition>li>a.conditionAct:hover,*/ /*.conditionType-all>a.conditionAct:hover {*/ /* color: #FFFFFF;*/ /*}*/ .conditionType>.condition .conditionAct { color: #FF556E; background-color: #FEECEF; border-radius: 17px; } .conditionType { position: relative; overflow: hidden; } .conditionType-all { position: absolute; top: 20px; left: 20px; } .conditionType>ul { margin-left: 91px; } .AD-01 { position: relative; /*border: solid 1px rgba(51, 51, 51, 0.2);*/ box-sizing: border-box; overflow: hidden; border-radius: 10px; } .AD-01>a { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; } .AD-01>a>img { width: 100%; height: 100%; padding: 0; border-radius: 10px; } .AD-01>.GGtext { top: 5px; left: 10px; margin: 0px; } /*.box02 {*/ /* background-color: #FFFFFF;*/ /* padding-top: 40px;*/ /*}*/ .box02>.HrBox, .box02>.Sports-box { grid-gap: 16px; } .box02>.HrBox>li, .box02>.Sports-box>li { background-color: #FFFFFF; } .box02>.Sports-box>li { padding-bottom: 10px; } @media screen and (max-width:1900px) { .box02>.Sports-box>.Movie-list:last-of-type { display: block; } .box02>.HrBox>.HrBox-li:last-of-type { display: block; } #searchVideos>.Sports-box>.Movie-list:last-of-type { display: block; } } @media screen and (max-width:1680px) { .box02>.Sports-box>.Movie-list:last-of-type { display: block; } .box02>.Sports-box>.Movie-list:nth-last-of-type(2) { display: block; } .box02>.HrBox>.HrBox-li:last-of-type { display: block; } .box02>.HrBox>.HrBox-li:nth-last-of-type(2) { display: block; } #searchVideos>.Sports-box>.Movie-list:last-of-type { display: block; } #searchVideos>.Sports-box>.Movie-list:nth-last-of-type(2) { display: block; } } .box03 { margin: 20px auto 20px 40px; /*padding-left: 195px;*/ overflow: hidden; /*background: #F8F7F9;*/ } .scPX { float: left; display: inline-block; height: 50px; line-height: 50px; border: solid 1px rgba(51, 51, 51, 0.2); background-color: #FFFFFF; overflow: hidden; } .scPX>li { display: inline-block; padding: 0px 10px; cursor: pointer; } .scPX>li:hover { color: #FF556E; } .scPX>li>span { display: inline-block; padding: 0px 18px; background-position: right center; background-repeat: no-repeat; /*background-size: 13px;*/ } .scPX>li:hover>span { background-image: url(../images/xj2.png); } .scJgAct { /*background-color: #FF556E;*/ color: #FF556E; font-size: 16px; font-weight: 500; /*color: #000000;*/ } .videobtn>span { background-image: url(../images/xj.png); } .scJgAct>span { background-image: url(../images/xj2.png); } /*.scPX>.scJgAct:hover>span {*/ /* background-image: url(../images/ss.png);*/ /* color: #FFFFFF;*/ /*}*/ .scJg { float: left; margin-left: 14px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 500; color: #000000; } .scJg>span { color: #FF556E; /*margin: 0px 5px;*/ } .scPX>.scJgAct>span.pxBj, .scPX>.scJgAct:hover>span.pxBj { background-image: url(../images/ss.png); } /*--------分页--------*/ .page { /*margin: 30px auto;*/ text-align: center; padding-top: 30px; padding-bottom: 43px; } .page ul { display: inline-block; padding: 0; } .page ul::after { content: ''; display: block; clear: both; } .page ul li { float: left; width: auto; min-width: 32px; height: 30px; line-height: 30px; font-size: 14px; list-style: none; margin: 0px 5px; } .page a { padding: 0 10px; text-decoration: none; display: block; text-align: center; color: #2F2F2F; width: auto; height: 40px; line-height: 40px; background: #F7F8F8; border-radius: 5px; } .page ul li a:hover { background-color: #FF556E; } .page ul li a:hover { color: white; } .page .disabled a { color: #ddd; } .page .disabled a:hover { background-color: rgba(0, 0, 0, 0); cursor: not-allowed; color: #ddd; } .page .active a { background-color: #FF556E; color: white; } /*----------搜索结果页--------------*/ .SScondition { margin-top: 20px; margin-left: 20px; overflow: hidden; } .SScondition-btn { display: inline-block; float: left; padding: 0px 10px; height: 40px; border: solid 1px #FF556E; box-sizing: border-box; /*border-radius: 10px;*/ /*background: #F8F7F9;*/ margin-top: 4px; } .SScondition-btn>input { height: 100%; font-size: 16px; font-weight: 500; color: #FF556E; padding: 0px 30px; background-image: url(../images/chahao-4.png); background-position: center right; background-repeat: no-repeat; background-size: 16px; } .box04 { /*margin-left: 40px;*/ /*margin-right: 60px;*/ overflow: hidden; } .SSbox { position: relative; padding: 20px; margin-bottom: 10px; background-color: #FFFFFF; border: solid 1px rgba(51, 51, 51, 0.2); overflow: hidden; /*height: 325px;*/ } .SSjgImg { display: block; position: absolute; top: 20px; left: 20px; bottom: 20px; overflow: hidden; } .SSjgImg>img { width: 160px; height: auto; /*border-radius: 10px;*/ } .SSjg { margin-left: 180px; } .SSjgName { /*height: 20px;*/ line-height: 20px; margin-bottom: 20px; } .SSjgName>a { font-size: 18px; margin-right: 10px; } .SSjgName>a:hover { color: #FF556E; } .SSjgName>a>span { /*font-size: 18px;*/ /*font-weight: 500;*/ color: #FF556E; } .SSjgName>span { display: inline-block; margin-left: 10px; padding: 2px 10px; font-size: 12px; color: #999999; background-color: #F4F4F4; } .SSjg>p { font-size: 14px; color: #999999; } .SSjgBox { /*display: grid;*/ /*grid-template-columns: 60% 40%;*/ overflow: hidden; margin-top: 11px; } .SSjgBox>div { overflow: hidden; } .SSjgJS { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /*grid-template-columns: repeat(17,1fr);*/ grid-gap: 10px; overflow: hidden; } .SSjgJS>a { display: block; height: 50px; line-height: 50px; font-size: 16px; text-align: center; background-color: #F4F4F4; /*color: #78797C;*/ overflow: hidden; } .SSjgJS>a:hover { color: #FF556E; } .SSjgPJ { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; overflow: hidden; } .SSjgPJ>li { height: 50px; line-height: 50px; font-size: 14px; text-align: right; color: #999999; overflow: hidden; } .SSjgPJ>li:last-of-type { font-size: 24px; color: #FF972A; } .SSjgPJ>li>span { padding-left: 26px; background-position: left center; background-repeat: no-repeat; background-size: 24px; } .SSjgPJ>li:first-of-type>span { background-image: url(../images/spinglun.png); } .SSjgPJ>li:nth-of-type(2)>span { background-image: url(../images/zantop.png); } .SSjgPJ>li:nth-of-type(3)>span { background-image: url(../images/zandown.png); } .SSjgPJ>li:nth-of-type(4)>span { background-image: url(../images/huo-g.png); } @media screen and (max-width:1366px) { .SSjgJS { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } /*----------播放页-----------*/ .box05 { width: 100%; padding-top: 62px; padding-bottom: 40px; overflow: hidden; background-color: #131519; } .box05>div { position: relative; width: 1600px; margin: 0 auto; overflow: hidden; } .play-video-container { /*display: grid;*/ /*grid-template-columns: auto 411px;*/ height: 823px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .play-video-left-container { width: 1189px; } .play { width: 1189px; height: 775px; box-sizing: border-box; border: solid 1px #FFFFFF; } .player-sd{ background-color: #1E2126; /* width: 411px; */ } .player-sdc { box-sizing: border-box; padding-left: 15px; position: relative; width: 100%; height: 100%; min-width: 360px; overflow: hidden; } .qy-player-side-loading { position: absolute; width: 60px; height: 46px; top: 50%; left: 50%; margin-left: -30px; margin-top: -23px; text-align: center; } .qy-player-side-loading { position: absolute; width: 60px; height: 46px; top: 50%; left: 50%; margin-left: -30px; margin-top: -23px; text-align: center; } .qy-player-side-loading .loading-txt { margin-top: 10px; line-height: 1; font-size: 12px; color: #999; } .qy-player-side { position: relative; height: 100%; background-color: #1E2126; border-radius: 4px; } .qy-player-side-head { padding: 8px 16px 0 0; } .header-txt{ margin-top: 10px; } .qy-player-side-head .header-link { display: block; float: left; color: #FFFFFF; bottom: 0px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .update-tip-1 { float: left; margin-left: 7px; padding-top: 5px; color: #FFFFFF; font-size: 14px; } .qy-player-side-body { height: 790px; padding-bottom: 4px; box-sizing: border-box; *zoom: 1; } .qy-player-side-body .body-inner { float: left; width: 100%; height: 100%; margin-right: -20px; overflow: hidden; overflow-y: auto; } .qy-player-side-body .body-inner .side-content{ min-height: 494px; } /* 定义滚动条样式 */ .qy-player-side-body .body-inner::-webkit-scrollbar { width: 6px; background-color: transparent; } /*定义滚动条轨道 内阴影+圆角*/ .qy-player-side-body .body-inner::-webkit-scrollbar-track { background-color: transparent; } /*定义滑块 内阴影+圆角*/ .qy-player-side-body .body-inner::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(255,255,255,.1); } .qy-player-side-body .side-scrollbar { position: relative; float: right; width: 10px; } .qy-player-side-body .padding-box { padding-right: 20px; } .qy-episode-update { margin-bottom: 12px; overflow: hidden; } .qy-episode-update .update-tip { margin: -3px 0; line-height: 19px; color: #FFFFFF; font-size: 14px; } .qy-episode-tab { position: relative; margin-top: 10px; margin-bottom: 20px; border-radius: 4px; background-color: #1f2128; } .qy-episode-tab .tab-bar { /*margin-left: 10px;*/ margin-right: 6px; *zoom: 1; } .qy-episode-tab .bar-li { float: left; position: relative; margin-left: 20px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color: #999; } .qy-episode-tab .bar-li:first-child { margin-left: 0; } .qy-episode-tab .bar-link { display: block; color: inherit; } .qy-episode-tab .bar-li:after { position: absolute; bottom: 0; left: 50%; margin-left: -6px; width: 12px; height: 2px; border-radius: 3px; background-color:rgb(255, 85, 110); } .qy-episode-tab .bar-li.hover:after { content: ""; } .qy-episode-tab .bar-li.hover, .qy-episode-tab .bar-li:hover { color:rgb(255, 85, 110); } /*电视剧，集数宽度自适应*/ .qy-episode-tab .bar-li.swiper-channel2{ width:auto; } .h20 { height: 20px; clear: both; } .qy-episode-num { margin-top: 17px; margin-bottom: 14px; /*margin-left: 25px;*/ *zoom: 1; } .qy-episode-num .select-item { position: relative; float: left; min-width: 66px; height: auto; line-height: 44px; border-radius: 4px; color: #ccc; font-size: 15px; font-family: Arial,PingFang SC,Microsoft Yahei; text-align: center; cursor: pointer; transition: all .2s; padding: 0 5px; } .qy-episode-num .select-item.selected { background-color: #222328; color: #FF556E; } .qy-episode-num .select-link { display: block; color: inherit; } .qy-player-side-list { padding-right: 1px; } .qy-play-list-title { padding-top: 8px; padding-bottom: 6px; line-height: 20px; font-size: 18px; } .qy-play-list-title, .qy-play-list-title a.list-title { color: hsla(0,0%,100%,.9); } .qy-play-list .play-list-item { position: relative; margin-bottom: 12px; padding-right: 19px; cursor: pointer; *zoom: 1; overflow: hidden; } .qy-play-list .play-list-item:first-child { padding-top: 8px; } .qy-play-list .play-list-item-new { margin-bottom: 15px; margin-right: 27px; padding-left: 30px; cursor: pointer; *zoom: 1; overflow: hidden; /*width: 399px;*/ height: 45px; line-height: 45px; background: #303139; border-radius: 5px; color: #FFFFFF; font-size: 16px; } .qy-play-list .play-list-item-new.selected { color: #FF556E; } .qy-play-list .play-list-item-new:hover { color: #FF556E; } .qy-play-list .mod-left { float: left; margin-right: 14px; } .qy-play-list .mod-right { overflow: hidden; } .qy-play-list .mod-img-link { display: block; position: relative; border-radius: 3px; overflow: hidden; } .qy-play-list .mod-img { width: 116px; height: 65px; transition: all .2s; } .qy-play-list .icon-b { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5)); padding: 0 8px; } .qy-play-list .playing-icon { display: none; position: absolute; left: 8px; bottom: 8px; width: 10px; height: 8px; background: url(../images/playon-green.gif) no-repeat; } .qy-play-list .qy-mod-label { position: absolute; right: 8px; padding-top: 14px; line-height: 26px; color: #fff; font-size: 12px; text-align: right; } .qy-play-list .main-title { margin-top: 2px; max-height: 40px; font-size: 0; overflow: hidden; } .qy-play-list .title-link { display: block; font-size: 14px; line-height: 20px; color: hsla(0,0%,100%,.7); } .qy-play-list .des-title, .qy-play-list .sub-title { margin-top: 6px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qy-play-list .sub-title { font-size: 0; } .qy-play-list .count { display: inline-block; color: hsla(0,0%,100%,.3); line-height: 1; font-size: 13px; font-family: Arial; vertical-align: bottom; } .qy-episode-num .icon-tr { position: absolute; top: 2px; right: 2px; } .qy-episode-num .icon-tr img { vertical-align: top; } .c { clear: both; } .nn { display: none; } .dn { display: none; } .dn { display: block; } .qy-episode-txt { margin-top: 20px; margin-bottom: 14px; } .qy-episode-txt .select-item { position: relative; padding-left: 10px; padding-right: 10px; height: 32px; line-height: 32px; font-size: 0; color: hsla(0,0%,100%,.7); box-sizing: border-box; cursor: pointer; transition: all .2s; *zoom: 1; } .qy-episode-txt .select-item.selected { padding-right: 28px; border-radius: 3px; background-color: #1d2129; color:rgb(255, 85, 110); } .qy-episode-txt .select-item:hover { /*padding-right: 28px;*/ /*border-radius: 3px;*/ background-color: #1d2129; color:rgb(255, 85, 110); } .qy-episode-txt .select-inline { display: inline-block; max-width: 100%; box-sizing: border-box; } .qy-episode-txt .select-title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qy-episode-txt .select-pre { position: absolute; width: 35px; font-size: 15px; font-family: Arial,PingFangSC-Regular,Microsoft Yahei; } .qy-episode-txt .select-link { padding-left: 39px; font-size: 14px; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qy-episode-txt .playon-icon { display: none; position: absolute; right: 10px; top: 12px; width: 10px; height: 8px; background: url(../images/playon-green.gif) no-repeat; } .qy-episode-txt .select-item.selected .playon-icon { display: inline-block; } .AD-02-nd-right { margin-top: 26px; width: 384px; /*height: 275px;*/ /*overflow: hidden;*/ } .AD-02-nd-right img { width: 100%; height: 100%; } .player-mnb { display: -webkit-box; display: -ms-flexbox; display: flex; /*position: relative;*/ width: 100%; height: 50px; line-height: 50px; *zoom: 1; background-color: #000000; color: #B4B4B4; } .player-mnb-left { padding-left: 10px; -ms-flex-negative: 0; flex-shrink: 0; float: left; } .player-mnb-mid { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; /*padding-left: 21px;*/ padding-right: 18px; height: 100%; font-size: 16px; color: #B4B4B4; margin-top: 3px; } .player-mnb-mid:before { content: ""; top: 11px; width: 1px; height: 26px; background-color: #373a41; margin-right: 18px; } .player-mnb-mid .func-item { margin-right: 18px; } .qy-player-wrap .player-mnb-right { -ms-flex-negative: 0; flex-shrink: 0; float: right; } .qy-flash-func { margin-right: 18px; *zoom: 1; } .qy-flash-func .func-item { float: left; position: relative; margin-left: 18px; margin-top: 13px; } .qy-flash-func .func-item { float: left; position: relative; margin-left: 18px; margin-top: 13px; } .qy-flash-func .func-more { margin: 13px -10px 0 8px; } .qy-flash-func .func-inner { line-height: 22px; cursor: pointer; } .player-mnb-mid .func-inner .func-name, .qy-flash-func .func-inner .func-name{ height: 28px; line-height: 28px; display: inline-block; } .qy-flash-func .qy-comment{ padding-left: 28px; background: url('../images/pl1@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .qy-comment:hover{ background: url('../images/pl2@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .qy-dianzan{ padding-left: 28px; background: url('../images/dz1@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .qy-dianzan.act, .qy-flash-func .func-like-v1:hover .qy-dianzan{ padding-left: 28px; background: url('../images/dz2@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .qy-shoucang{ padding-left: 28px; background: url('../images/sc1@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .qy-shoucang.act, .qy-flash-func .func-collect:hover .qy-shoucang{ padding-left: 28px; background: url('../images/sc2@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .player-mnb-mid .qy-shouji{ padding-left: 28px; background: url('../images/sj1@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .player-mnb-mid .func-inner:hover .func-name.qy-shouji{ background: url('../images/sj2@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .player-mnb-mid .qy-qiupian{ padding-left: 32px; background: url('../images/qiupian1@2x.png') no-repeat left center; color: #B4B4B4; /*background-size: auto auto;*/ } .player-mnb-mid .func-inner:hover .func-name.qy-qiupian{ background: url('../images/qiupian2@2x.png') no-repeat left center; /*background-size: auto auto;*/ } .qy-flash-func .func-more>.func-inner { padding: 5px 10px 10px; } .qy-flash-func .func-more-icon { display: inline-block; position: relative; width: 2px; height: 12px; vertical-align: top; } .qy-flash-func .func-more-icon .more-dot, .qy-flash-func .func-more-icon:after, .qy-flash-func .func-more-icon:before { position: absolute; width: 2px; height: 2px; background-color: hsla(0,0%,100%,.5); border-radius: 50%; } .qy-flash-func .func-more-icon .more-dot { top: 5px; } .qy-flash-func .func-more-icon:before { content: ""; top: 0; } .qy-flash-func .func-more-icon:after { content: ""; bottom: 0; } .qy-flash-func { margin-right: 18px; *zoom: 1; } .qy-flash-func .func-item { float: left; position: relative; margin-left: 18px; } .qy-flash-func .func-inner:hover .func-dwn-icon, .qy-flash-func .func-inner:hover .func-name, .player-mnb-mid .func-inner:hover .func-name, .qy-flash-func .func-inner:hover .qy-svgicon { color:#FF556E; } .qy-flash-func .func-inner:hover .qy-dianzan { color: #B4B4B4; } .AD-02 { position: absolute; top: 0; right: 0; width: 380px; height: 550px; overflow: hidden; } .AD-02>a>img { width: 100%; height: 100%; } .BZbox { position: absolute; bottom: 0; right: 0; width: 380px; height: 270px; } .BtnList { padding: 0px 10px; box-sizing: border-box; width: 1430px; height: 70px; background-color: #F9F9F9; overflow: hidden; } .BtnList-boxL { float: left; padding-top: 20px; overflow: hidden; } .BtnList-boxL>li { margin-right: 15px; font-size: 16px; display: inline-block; } .rBtn-01>input, .rBtn-02>input, .rBtn-03>input, .rBtn-04>input, .rBtn-05>input { width: auto; min-width: 61px;/*67px*/ height: 30px; padding-left: 35px; color: #999999; background-position: left center; background-repeat: no-repeat; background-size: 24px 24px; } .rBtn-01>input:hover, .rBtn-02>input:hover, .rBtn-03>input:hover, .rBtn-04>input:hover, .rBtn-05>input:hover { color: #FF556E; } .rBtn-01>input { background-image: url(../images/spinglun.png); } .rBtn-02>input { background-image: url(../images/zantop.png); } .rBtn-03>input { background-image: url(../images/zandown.png); } .rBtn-04>input { background-image: url(../images/shoucang.png); } .rBtn-05>input { background-image: url(../images/fenxing.png); } .rBtn-01.act>input { background-image: url(../images/spinglun-o.png); } .rBtn-02.act>input { background-image: url(../images/zantop-o.png); } .rBtn-03.act>input { background-image: url(../images/zandown-o.png); } .rBtn-04.act>input { background-image: url(../images/shoucang-o.png); } .rBtn-05.act>input { background-image: url(../images/fenxing-o.png); } .rBtn-01>input:hover { background-image: url(../images/spinglun-o.png); } .rBtn-02>input:hover { background-image: url(../images/zantop-o.png); } .rBtn-03>input:hover { background-image: url(../images/zandown-o.png); } .rBtn-04>input:hover { background-image: url(../images/shoucang-o.png); } .rBtn-05>input:hover { background-image: url(../images/fenxing-o.png); } .rBtn-06 { margin-bottom: -9px; padding: 0px 5px; border-radius: 4px; overflow: hidden; background-image: linear-gradient( 150deg, #FF556E 60%, #FF972A); } .rBtn-06>input { height: 24px; line-height: 24px; padding-left: 20px; color: #FFFFFF; background-image: url(../images/navlf-appw.png); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; } .rBtn-07 { margin-bottom: -9px; padding: 0px 5px; border-radius: 4px; overflow: hidden; background-image: linear-gradient( 150deg, #FF556E 60%, #FF972A); } .rBtn-07>input { height: 24px; line-height: 24px; padding-left: 20px; color: #FFFFFF; background-image: url(../images/baocuo.png); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; } .BtnList-boxR { float: right; overflow: hidden; } .BtnList-boxR>li { float: left; } .lBtn-01, .lBtn-02 { margin-top: 20px; } .lBtn-01, .lBtn-02, .lBtn-03 { margin-left: 15px; } .lBtn-01>input { width: 30px; height: 30px; background-image: url(../images/dank.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain; } .lBtn-01.act>input { background-image: url(../images/dang.png); } .lBtn-01>input:hover { background-image: url(../images/dank-o.png); } .lBtn-01.act>input:hover { background-image: url(../images/dang-o.png); } .lBtn-02>input { width: 30px; height: 30px; background-image: url(../images/danmusz.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain; } .lBtn-02>input:hover { background-image: url(../images/danmusz-o.png); } .lBtn-02.act>input { background-image: url(../images/danmusz-o.png); } .lBtn-03, .lBtn-04 { margin-top: 15px; } .lBtn-03>input { box-sizing: border-box; padding: 0px 10px; width: 400px; height: 40px; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.2); } .lBtn-04>input { padding: 0px 15px; height: 40px; color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.4); } .lBtn-04>input:hover { color: #FFFFFF; background-color: #FF556E; } .BZbox02 { position: absolute; bottom: 0; right: 0; padding-top: 20px; box-sizing: border-box; width: 380px; overflow: hidden; } .BZtop { display: grid; grid-template-columns: 50px auto; padding: 0px 20px; overflow: hidden; } .BZtx { grid-row: 1 / sapn 2; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } .BZtx img { width: 50px; height: 50px; } .BZname { padding-left: 20px; height: 30px; line-height: 30px; overflow: hidden; } .BZname>a { font-size: 18px; } .BZname>img { width: 16px; height: 16px; margin-bottom: -3px; } .BZdz { line-height: 20px; font-size: 12px; font-weight: bold; color: #999999; padding-left: 20px; overflow: hidden; } .BZdz>img { height: 16px; margin-bottom: -4px; } .BZsj { height: 70px; line-height: 70px; padding: 0px 20px; font-size: 14px; overflow: hidden; } .BZsj>li { display: inline-block; width: 100px; } .BZqm { box-sizing: border-box; padding: 0px 20px 20px 20px; height: 70px; color: #999999; font-size: 14px; } .BZbown { box-sizing: border-box; padding-top: 15px; height: 70px; overflow: hidden; border-top: solid 1px rgba(51, 51, 51, 1); } .BtnSX { display: block; float: left; margin-left: 20px; padding-left: 24px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #999999; background-image: url(../images/bzsxin.png); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; overflow: hidden; } .BtnSX:hover { color: #FF556E; background-image: url(../images/bzsxin-o.png); } .BtnZY { display: block; float: right; margin-right: 110px; height: 40px; line-height: 40px; width: 100px; font-size: 14px; text-align: center; color: #999999; } .BtnZY:hover { color: #FFFFFF; background-color: #FF556E; } .BtnGZ { display: block; position: absolute; bottom: 15px; right: 20px; height: 40px; line-height: 40px; width: 80px; font-size: 14px; color: #FFFFFF; background-color: #FF556E; } .Altsjk { display: none; position: absolute; bottom: 59px; left: 125px; box-sizing: border-box; padding: 10px; width: 270px; overflow: hidden; } .Altsjk-01 { position: relative; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #FFFFFF; } .Altsjk-01>.GB { position: absolute; top: 2px; right: 2px; height: 14px; width: 14px; background-image: url(../images/guanbi.png); background-position: left center; background-repeat: no-repeat; background-size: 14px; } .Altsjk-02 { overflow: hidden; padding: 10px; } .Altsjk-02>img { float: left; margin-right: 10px; width: 90px; height: 90px; } .Altsjk-02-a { float: right; padding-left: 10px; width: 120px; height: 90px; overflow: hidden; } .Altsjk-02-a>a { display: block; margin-bottom: 6px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; color: #FFFFFF; border-radius: 24px; padding-right: 20px; /*background-image: linear-gradient( 150deg, #FF556E 60%, #FF972A);*/ background-color: #FF556E; overflow: hidden; } .Altsjk-02-a>a>img { width: 16px; height: 16px; margin-bottom: -2px; margin-right: 5px; } .Altsjk-03 { height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #999999; } @media screen and (max-width:1910px) { .box05>div { width: 1445px; margin: 0 auto; } .play-video-left-container { width: 1025px; } .play { width: 1025px; height: 640px; } .play-video-container { display: grid; grid-template-columns: auto 420px; height: 690px; } .qy-player-side-body { height: 650px; } .qy-player-side-body .body-inner .side-content{ min-height: 371px; } .AD-02-nd-right { width: 392px; } .BtnGZ { bottom: 90px; } .BtnList { width: 1055px; } .lBtn-03>input { width: 250px; } .BZsj { margin-top: 20px; border-top: solid 1px rgba(51, 51, 51, 1); } .BZqm { display: none; } .BZbown { display: none; } .BtnList-boxL>li.rBtn-01 { display: none; } /*.Altsjk {*/ /* left: 245px;*/ /*}*/ } @media screen and (max-width:1525px) { .box05>div { width: 1207px; margin: 0 auto; } .play-video-left-container { width: 857px; } .play { width: 857px; height: 500px; } .play-video-container { display: grid; grid-template-columns: auto 350px; height: 550px; } .qy-player-side-body { height: 500px; } .qy-player-side-body .body-inner .side-content{ min-height: 231px; } .AD-02-nd-right { width: 320px; } .AD-02 { width: 346px; height: 500px; } .BtnList { width: 900px; margin-top: 10px; } .BtnList-boxL>li { margin-right: 5px; } .rBtn-01>input, .rBtn-02>input, .rBtn-03>input, .rBtn-04>input, .rBtn-05>input { width: auto; min-width: 60px;/*66px*/ padding-left: 30px; } .lBtn-01, .lBtn-02, .lBtn-03 { margin-left: 5px; } .lBtn-03>input { width: 200px; } .BZbox02 { padding-top: 10px; padding-bottom: 10px; width: 346px; } .BZsj { display: none; } .BZqm { display: none; } .BZbown { display: none; } .BtnList-boxL>li.rBtn-01 { margin-top: 10px; display: none; } /*.Altsjk {*/ /* left: 200px;*/ /*}*/ } /*白色区域*/ .box06 { padding: 20px 0; overflow: hidden; } .box06>div { /*display: grid;*/ /*grid-template-columns: auto 416px;*/ /*grid-gap: 20px;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; position: relative; width: 1600px; margin: 0 auto; overflow: hidden; } .box06-L { width: 1164px; overflow: hidden; } .AD-03 { margin-bottom: 10px; } .AD-03 img { width: 100%; } .box06-R { width: 416px; margin-left: 20px; overflow: hidden; } .play-name { height: 70px; line-height: 70px; font-size: 22px; font-weight: bold; } .GNbox>div { float: left; height: 40px; line-height: 40px; } .GNbox-xq, .GNbox-TJ { padding-left: 30px; font-size: 18px; margin-right: 18px; background-position: left center; background-repeat: no-repeat; background-size: 24px; cursor: pointer; } .GNbox-xq { color: #B3B3B3; background-image: url(../images/xq2@2x.png); background-size: auto auto; } .GNbox-xq:hover { color: #FF556E; background-image: url(../images/xq1@2x.png); background-size: auto auto; } .GNbox-xq.act { color: #FF556E; background-image: url(../images/xq1@2x.png); background-size: auto auto; } .GNbox-TJ { background-image: url(../images/tongji.png); } .GNbox-TJ:hover { color: #FF556E; background-image: url(../images/tongji-o.png); } .GNbox-TJ.act { color: #FF556E; background-image: url(../images/tongji-o.png); } .GNbox-xq>span, .GNbox-TJ>span { padding-right: 24px; background-image: url(../images/xl2@2x.png); background-position: right center; background-repeat: no-repeat; background-size: 16px; } .GNbox-xq:hover>span, .GNbox-TJ:hover>span { background-image: url(../images/xl3@2x.png); } .GNbox-xq.act>span, .GNbox-TJ.act>span { background-image: url(../images/xl3@2x.png); } .GNbox-xq.act:hover>span, .GNbox-TJ.act:hover>span { background-image: url(../images/xl3@2x.png); } .GNbox-type>span { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #78797C; padding-right: 5px; /*padding: 0px 10px;*/ /*margin-left: 10px;*/ /*background-color: #F4F4F4;*/ } .video-detail-GNbox-type>span { color: #B3B3B3; padding: 0px 8px; margin-left: 8px; background-color: #303137; border-radius: 4px; } .xsp-time { display: none; font-size: 12px; } .GNbox-RD { margin: 0px 18px; padding-left: 20px; font-size: 14px; background-image: url(../images/huoyan@2x.png); background-position: left center; background-repeat: no-repeat; background-size: 16px; } .video-detail-GNbox-RD { color: #B3B3B3; } .GNbox-PF { color: #FF972A; font-size: 12px; } .GNbox-PF>span { font-size: 22px; font-weight: bold; } .GNbox-xq-K { display: none; } .GNbox-xq-K>div { margin-top: 20px; display: grid; grid-template-columns: 150px auto; grid-gap: 20px; overflow: hidden; } .GNbox-xq-img { overflow: hidden; } .GNbox-xq-img>img { width: 100%; } .GNbox-xq-text>div { font-size: 16px; color: #999999; padding-bottom: 20px; overflow: hidden; } .GNbox-xq-text>div>span { color: #FFFFFF; } .GNbox-xspxq-K { display: none; margin-top: 20px; font-size: 16px; padding-bottom: 20px; overflow: hidden; } .xsp { min-height: 80px; } .GNtab { position: relative; margin-top: 20px; padding: 10px; height: 40px; line-height: 40px; font-size: 16px; color: #999999; background-color: #F4F4F4; overflow: hidden; } .GNtab.GNall { height: auto; } .GNtab>div.GNtab-a { float: left; margin-right: 10px; margin-left: 10px; text-align: center; cursor: pointer; } .GNtab>div.GNtab-a:hover { color: #FF556E; } .GNtab>div.act { font-weight: bold; color: #FF556E; } .GNtab-all, .GNtab-sq { margin-left: 10px; float: right; padding-right: 20px; height: 40px; line-height: 40px; color: #999999; background-position: right center; background-repeat: no-repeat; background-size: 16px; overflow: hidden; cursor: pointer; } .GNtab-all { background-image: url(../images/icon-down.png); } .GNtab-all:hover { color: #FF556E; background-image: url(../images/icon-down-o.png); } .GNtab-sq { display: none; background-image: url(../images/up.png); } .GNtab-sq:hover { color: #FF556E; background-image: url(../images/up-o.png); } .GNbox-TJ-K { display: none; min-height: 150px; margin-top: 20px; } .GNbox-JS { display: none; width: calc(100% + 10px); margin-top: 20px; flex-wrap: wrap; -webkit-box-pack: justify; } .GNbox-JS.act { display: -webkit-flex; display: flex; } .GNbox-JS>a { display: inline-block; box-sizing: border-box; padding: 0px 20px; min-width:calc((100% - 100px)/10); height: 50px; line-height: 50px; font-size: 16px; text-align: center; background-color: #F4F4F4; margin-right: 10px; margin-bottom: 10px; } .GNbox-JS>a:hover { color: #FF556E; } .GNbox-JS>a.act { color: #FFFFFF; background-color: #FF556E; } .GNbox-PL { padding: 0px 0px 16px 0px; font-size: 20px; font-weight: 500; color: #22232A; /*padding-left: 35px;*/ /*background-image: url(../images/spinglun-o.png);*/ /*background-position: left center;*/ /*background-repeat: no-repeat;*/ /*background-size: 26px;*/ } .GNbox-PL>span { margin-left: 10px; font-size: 14px; color: #6E6E72; } .GNbox-content { /*display: grid;*/ /*grid-template-columns: 55px auto;*/ /*grid-gap: 15px;*/ } .GNbox-content>img { width: 55px; height: 56px; position: absolute; top: 0px; left: 0px; } .GNbox-PLsr { position: relative; overflow: hidden; padding: 16px; height: 120px; background: #FFFFFF; border: 2px solid #F8F8F8 !important; box-sizing: border-box; border-radius: 3px; margin-bottom: 22px; } /*.GNbox-PLsr>div:first-of-type {*/ /* margin-bottom: 10px;*/ /* color: #6D6D6D;*/ /* font-size: 16px;*/ /*}*/ .GNbox-PLsr>textarea { width: 100%; padding-right: 6px; text-align: left; /*background-color: rgba(0, 0, 0, 0);*/ /*height: 58px;*/ color: #6D6D6D; font-size: 16px; } .GNbox-PL-box { overflow: hidden; margin-bottom: 5px; } .GNbox-PL-box>input { display: block; } .GNbox-Btnbq, .GNbox-Btntp { float: left; background-position: left center; background-repeat: no-repeat; background-size: 26px; } .GNbox-Btnbq { width: 30px; height: 40px; background-image: url(../images/biaoqing.png); } .GNbox-Btnbq:hover { background-image: url(../images/biaoqing-o.png); } .GNbox-Btntp { margin-left: 40px; padding-left: 30px; font-size: 14px; height: 40px; color: #999999; background-image: url(../images/toupiao.png); } .GNbox-Btntp:hover { color: #FF556E; background-image: url(../images/toupiao-o.png); } .GNbox-Btnfs { float: right; width: 98px; height: 30px; line-height: 30px; font-size: 16px; padding: 0px 33px; color: #FFFFFF; background-color: #FF556E; font-weight: 500; border-radius: 3px; margin-right: 6px; } .GNbox-PLsr-no { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(255, 87, 34, 0.2); } .GNbox-PLsr-no>div { position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -50px; width: 300px; height: 100px; line-height: 50px; color: #999999; text-align: center; } .GNbox-PLsr-no>div>input { height: 40px; padding: 0px 20px; font-size: 16px; color: #FFFFFF; background-color: #FF556E; } .GNbox-PL-text { margin-top: 20px; } .GNbox-PL-no { padding-top: 100px; text-align: center; color: #999999; } .JJXG { /*display: grid;*/ /*grid-template-columns: 100px auto;*/ /*grid-gap: 26px;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; margin-bottom: 25px; } .JJXG-L{ width: 100px; } .JJXG-L img { width: 100%; border-radius: 10px; } .JJXG-R{ width: 290px; margin-left: 26px; } .JJXG-R>a { display: block; margin-top: 22px; margin-bottom: 18px; font-size: 16px; font-weight: 500; color: #22232A; max-height: 48px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .JJXG-R>a:hover { color: #FF556E; } .JJXG-R-tp { overflow: hidden; } .JJXG-R-tp>span { display: block; float: left; height: 16px; line-height: 16px; font-size: 12px; color: #666668; font-weight: 400; /*padding: 0px 10px;*/ margin-right: 16px; margin-bottom: 10px; /*background-color: #F4F4F4;*/ } .JJXG-xspn { display: grid; grid-template-columns: 150px auto; grid-gap: 20px; margin-bottom: 20px; } .JJXG-L-xsp { overflow: hidden; } .JJXG-L-xsp img { width: 100%; } .JJXG-R-xsp>a { display: block; font-size: 16px; margin-bottom: 20px; } .JJXG-R-xsp>a:hover { color: #FF556E; } .JJXG-R-xsp>div { font-size: 12px; } @media screen and (max-width:1910px) { .box06>div { grid-template-columns: auto 380px; grid-gap: 10px; width: 1445px; } .box06-L { width: 1009px; } } @media screen and (max-width:1525px) { .box06>div { grid-template-columns: auto 346px; grid-gap: 10px; width: 1207px; } .box06-L { width: 771px; } } .alt04-box { position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -190px; padding: 20px; width: 500px; height: 380px; background-color: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } #alt04 .alt-GB { margin-right: -290px; margin-top: -190px; } /*------------排行榜页--------------*/ .RANbox-title { position: relative; /*height: 300px;*/ overflow: hidden; background-color: #16161a; margin-top: 61px; /*background-image: url(../images/bj-01.jpg);*/ background-repeat: no-repeat; background-position: center; background-size: cover; border:none; } .RANbox-title-icon { padding-top: 15px; text-align: center; } .RANbox-title-icon>img { height: 50px; } .RANbox-title-name { padding-top: 10px; font-size: 34px; font-weight: 400; color: #FFFFFF; text-align: center; } .RANbox-title-line { display: inline-block; width: 48px; height: 3px; background: #FFFFFF; margin-bottom: 10px; } .RANbox-tab { margin-top: 31px; width: 100%; height: 98px; line-height: 98px; text-align: center; /*background-color: rgba(0, 0, 0, 0.2);*/ background-color: #F9F9F9; overflow: hidden; } .RANbox-tab>li { display: inline-block; padding: 0 20px; margin: 0 20px; font-size: 16px; color: #5A5A5A; font-weight: 500; /*color: rgba(255, 255, 255, 0.7);*/ cursor: pointer; } .RANbox-tab>li:hover { color: #FF556E; } .RANbox-tab>li.act { /*background-color: #FF556E;*/ /*color: #FFFFFF;*/ font-size: 16px; color: #FF556E; text-decoration:underline; text-underline-offset:8px; } /*.RANbox {*/ /* margin-top: 21px;*/ /* background-color: #FFFFFF;*/ /*}*/ .RANbox-box01 { display: none; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 12px; position: relative; /*width: 1830px;*/ margin: 0px auto; overflow: hidden; } .RANbox-box01.act { display: grid; } .RANbox-help-title { overflow: hidden; height: 176px; margin-top: 62px; } .RANbox-help-title-name { height: 176px; background: linear-gradient(89deg, #C9AC80, #836134); padding-left: 165px; } .RANbox-help-title-name>img { margin-top: 48px; width: 81px; height: 81px; float: left; } .RANbox-help-title-name>span { display: block; float: left; font-size: 20px; font-weight: 500; color: #FFFFFF; padding-top: 75px; margin-left: 17px; } .help-img-icon { position: relative; width: 50px; height: 50px; left: 50%; margin-left: -25px; /*margin-bottom: 16px;*/ } .RANbox-help { background-color: #FFFFFF; } .RANbox-help-tab { height: 159px; text-align: center; overflow: hidden; background-color: #FFFFFF; padding-left: 221px; padding-right: 209px; } .RANbox-help-tab>li { display: inline-block; padding: 47px 20px 30px 20px; margin-right: 40px; font-size: 16px; color: #373737; font-weight: 400; cursor: pointer; } .RANbox-help-tab>li.act { font-size: 16px; color: #FF556E; text-decoration:underline; text-underline-offset:42px; } .RANbox-help-tab img{ width: 40px; height: 40px; } .RANbox-help { width:100%; margin-top:21px; } .RAN { padding: 21px 43px 40px 43px; background-color: #FFFFFF; } .RAN-t { height: 27px; line-height: 27px; overflow: hidden; margin-bottom: 28px; } .RAN-name { /*float: left;*/ font-size: 22px; font-weight: 500; color: #2B2B2B; text-align: center; } .RAN-date { float: right; overflow: hidden; } .RAN-date>li { display: inline-block; margin-left: 10px; font-size: 16px; font-weight: bold; color: #999999; cursor: pointer; } .RAN-date>li.act { color: #FF556E; } .RAN-z { position: relative; overflow: hidden; } .RAN-z-box01 { margin-top: 11px; display: grid; grid-template-columns: 40px 148px auto; grid-gap: 10px; } .RAN-z-box01>.clr01, .RAN-z-box01>.clr02, .RAN-z-box01>.clr03 { font-size: 28px; font-style: italic; font-weight: bold; } .RAN-z-box01>.clr01 { color: #ff473a; } .RAN-z-box01>.clr02 { color: #f73; } .RAN-z-box01>.clr03 { color: #ffa82e; } .RAN-z-box01>.top3 { display: flex; align-items: center; } .RAN-z-box01>li:nth-of-type(2) { width: 148px; /*height: 170px;*/ overflow: hidden; overflow: hidden; } .RAN-z-box01>li:nth-of-type(2) img { width: 148px; height: auto; transition: all 0.2s; border-radius: 10px; } .RAN-z-box01>li:nth-of-type(2):hover img { transform: scale(1.2); } .RAN-z-box01-name { display: inline-block; font-size: 16px; margin-bottom: 11px; color: #000000; font-weight: 500; } .RAN-z-box01-name:hover { color: #FF556E; } .RAN-z-box01>li>.GNbox-type>span { margin-left: 0px; margin-right: 5px; margin-bottom: 5px; } .RAN-z-box02 { position: absolute; right: 0; bottom: 12px; height: 30px; line-height: 30px; width: 100%; box-sizing: border-box; padding-left: 207px; overflow: hidden; } .RAN-z-box022 { /*position: absolute;*/ /*right: 0;*/ bottom: 12px; height: 30px; line-height: 30px; width: 100%; box-sizing: border-box; /*padding-left: 207px;*/ overflow: hidden; } .RANbox-list01-b>.RAN-z-box02{ padding-left: 162px; } .RAN-z-box02-L { float: left; color: #999999; padding-left: 16px; background-image: url(../images/resou.png); background-position: left center; background-repeat: no-repeat; background-size: 16px; } .RAN-z-box02-R { float: right; font-size: 24px; font-weight: bold; color: #FF972A; } .GNbox-button { width: 88px; height: 31px; line-height: 31px; border-radius: 5px; text-align: center; } .GNbox-button:nth-of-type(1) { background-color: #FF556E; color: #FBFBFB; margin-top: 103px; cursor: pointer; } .GNbox-button:nth-of-type(1)>a { color: #FBFBFB; } .GNbox-button-add { color: #FF556E; background: #FBFBFB; border: 1px solid #FF556E; margin-top: 9px; cursor: pointer; } .GNbox-button-collect { /*display: none;*/ font-weight: 500; color: #FBFBFB; background: #C5C5C5; margin-top: 9px; cursor: pointer; } .RAN-b { margin-top: 20px; /*margin-left: 20px;*/ } .RAN-b>ul { display: grid; grid-template-columns: 40px auto 40px; grid-gap: 14px; } .RAN-b>ul>li { height: 70px; line-height: 70px; } .RAN-b>ul>li:first-of-type { font-size: 28px; font-style: italic; font-weight: bold; color: #999999; } .RAN-b>ul>li:last-of-type { text-align: right; font-size: 18px; font-weight: bold; color: #FF972A; } @media screen and (max-width:1910px) { .RANbox-box01 { grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; width: 1445px; } .RANbox-box01.act { display: grid; } } @media screen and (max-width:1525px) { .RANbox-box01 { grid-template-columns: 1fr 1fr; grid-gap: 10px; width: 964px; } .RANbox-box01.act { display: grid; } } .RANbox-box02 { display: none; /*margin-top: 20px;*/ margin-left: 145px; margin-right: 145px; overflow: hidden; } .RANbox-box02.act { display: block; } .RANbox-content { display: grid; grid-template-rows: auto 2px; margin: 0px 40px 0px 40px; grid-row-gap: 18px; margin-bottom: 18px; } .RANbox-content>.RANbox-bottom-line { width: 992px; height: 2px; background: #F0F0F0; } .RANbox-list01 { position: relative; /*background-color: #FFFFFF;*/ overflow: hidden; } .RANbox-box02 .RANbox-list01>.Movie-Ranking-img { position: absolute; } .RANbox-list01>.clr01, .RANbox-list01>.clr02, .RANbox-list01>.clr03 { position: absolute; top: 20px; left: 20px; font-size: 28px; font-style: italic; font-weight: bold; } .RANbox-list01 .clr01 { color: #ff473a; } .RANbox-list01 .clr02 { color: #f73; } .RANbox-list01 .clr03 { color: #ffa82e; } .RANbox-list-xx { padding-top: 26px; display: grid; grid-template-columns: 40px 148px auto 90px; grid-gap: 13px; } .RANbox-list-xx>li { overflow: hidden; border-radius: 10px; } .RANbox-list-xx>li:first-of-type{ /*display: flex;*/ /*align-items: center;*/ font-size: 28px; font-style: italic; font-weight: bold; color: #999999; } .RANbox-list-xx>li:first-of-type img { width: 40px; height: 52px; align-items: center; } .RANbox-list-xx>li:nth-of-type(2) img { width: 148px; height: 214px; transition: all 0.2s; border-radius: 10px; } .RANbox-list-xx>li:nth-of-type(2):hover img { transform: scale(1.2); } .RANbox-list01-t .GNbox-type { display: inline; overflow: hidden; } .RANbox-list01-b { line-height: 20px; font-size: 14px; color: #78797C; margin-top: 9px; } .RANbox-list01-b>div:nth-of-type(4) { height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .RANbox-list01-sj { position: absolute; right: 20px; bottom: 10px; width: 600px; } .RANbox-list02>ul { display: grid; grid-template-columns: 40px auto 600px; height: 50px; line-height: 50px; /*padding: 0px 20px;*/ /*margin: 0px 40px 20px 40px;*/ /*background-color: #FFFFFF;*/ overflow: hidden; } .RANbox-list02>ul>li:first-of-type { font-size: 28px; font-style: italic; font-weight: bold; color: #999999; } .RANbox-list02 .GNbox-type { display: inline; overflow: hidden; } /*------------求片--------------*/ .seekbox { margin-top: 62px; /*margin-bottom: -30px;*/ min-height: 950px; background-image: url(../images/qiupian_back.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .seekbox-img { text-align: center; padding: 20px 0px; } .seekbox02 { margin: 0 auto; width: 800px; /*padding: 86px 122px 85px 118px;*/ padding: 40px 80px; box-sizing: border-box; background-color: #FFFFFF; border-radius: 15px; margin-top: 51px; } .seekbox02-text { height: 40px; line-height: 50px; font-size: 16px; } .seekbox-title { width: auto; height: 53px; line-height: 53px; font-size: 20px; font-weight: 500; color: #3C3C3C; margin-right: 16px; } .seekbox-tip { width: 100%; height: 15px; text-align: right; font-size: 16px; font-weight: 500; color: #949494; margin-top: 14px; margin-bottom: 16px; } .seekbox-tips{ clear: both; height: 44px; line-height: 44px; font-size: 16px; font-weight: 500; color: #949494; /*padding-left: 227px;*/ text-align: center; } .seekbox-ipt>input { width: 100%; padding: 0px 12px; box-sizing: border-box; height: 53px; background: #FFFFFF; border: 2px solid #F5F5F6; } .seekbox-ipt>input::placeholder { font-size: 16px; font-weight: 500; color: #949494; } .seekbox02-text02 { position: relative; height: 80px; line-height: 80px; font-size: 14px; color: #999999; text-align: center; z-index: 0; } .seekbox02-text02:after { content: ""; border-top: 1px solid hsla(0, 0%, 40%, .2); position: absolute; top: 50%; left: 0; width: 42%; z-index: -1; } .seekbox02-text02:before { content: ""; border-top: 1px solid hsla(0, 0%, 40%, .2); position: absolute; top: 50%; right: 0; width: 42%; z-index: -1; } .seekbox02-ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 12px; overflow: hidden; } .seekbox02-ul>li { height: 53px; line-height: 53px; font-size: 16px; text-align: center; font-weight: 500; color: #949494; } .seek-slk { box-sizing: border-box; padding: 0px 16px; background-position-x: 95%; height: 53px; background-color: #FFFFFF; border: 2px solid #F5F5F6; font-size: 16px; font-weight: 500; color: #949494; } .seekbox-tta>textarea { width: 100%; height: 80px; line-height: 20px; text-align: left; padding: 10px; box-sizing: border-box; background-color: #F4F4F4; } .seekbox-tta>textarea::placeholder { color: #999999; } .seekbox-text03 { width: 100%; height: 50px; line-height: 50px; text-align: center; background: #FF556E; float: right; margin-top: 5px; } .seek-btn { font-size: 22px; font-weight: 500; color: #FFFFFF; } .seek-bottom { margin-bottom: 29px; } .alt05-box { position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -190px; width: 400px; background-color: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } #alt05 .alt-GB { margin-right: -200px; margin-top: -190px; } .alt06-box { position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -190px; width: 800px; background-color: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; } .alt-title { padding: 80px 20px; text-align: center; } .alt-bth-box { text-align: center; border-top: solid 1px #DDDDDD; } .alt-bth-box>input { display: inline-block; height: 60px; line-height: 60px; width: 49%; min-width: 120px; font-size: 16px; border-left: solid 1px #DDDDDD; font-weight: bold; } .alt-bth-box>input:first-of-type { border: none; } .alt-bth-box>input:hover { color: #FF556E; } .alt-bth-off { color: #999999; } .alt-bth-on { color: #FF556E; } /*-------------帮助中心-------------------*/ .helpbox01 { display: none; /*margin: 0 auto;*/ /*width: 1140px;*/ overflow: hidden; } .helpbox01.act { display: block; } .hlptab-a { float: left; margin-right: 55px; overflow: hidden; height:108px; line-height: 108px; margin-left: 241px; } .hlptab-a>li { box-sizing: border-box; padding-left: 14px; /*width: 230px;*/ color: #373737; font-size: 16px; cursor: pointer; display: flex; float: left; margin-right: 35px; font-weight: 400; padding: 0 20px; } .hlptab-a>li:hover { /*padding-left: 10px;*/ /*border-left: solid 4px #999999;*/ background-color: #FFFFFF; } .hlptab-a>li.act { /*padding-left: 10px;*/ color: #FF556E; font-weight: 400; /*border-left: solid 4px #FF556E;*/ /*background-color: #FFFFFF;*/ } .hlptab-box { /*width: 890px;*/ min-height: 416px; padding: 0px 20px; box-sizing: border-box; background-color: #FFFFFF; overflow: hidden; margin-left: 241px; margin-right: 210px; clear: both; } .hlp-w { display: none; } .hlp-w.act { display: block; } .hlp-text { padding: 42px 0; background-image: url(../images/xiangyou.png); background-position: right center; background-repeat: no-repeat; border-bottom: 3px solid #F6F6F6; background-size: 10px; } .hlp-text.act { background-image: url(../images/xiangxia2.png); background-size: 17px; } .hlp-text01 { font-size: 16px; cursor: pointer; } .hlp-text02 { display: none; font-size: 14px; /*line-height: 24px;*/ color: #9A9A9B; /*margin-bottom: 35px;*/ margin-top:8px; } .hlp-text02 img { width: 100%; } .hlp-box02 { margin-left: 241px; padding: 20px; font-size: 24px; line-height: 40px; font-weight: 400; color: #373737; } .hlp-box02>p { padding-bottom: 10px; } .hlp-box02>ul>li { padding-bottom: 10px; } .hlp-box02>ul>li>ul>li { padding-left: 46px; padding-top: 10px; } .hlp-kf { margin: 0 auto; width: 800px; box-sizing: border-box; padding: 20px; background-color: #FFFFFF; border-bottom: solid 1px hsla(0, 0%, 40%, .2); overflow: hidden; } .hlp-kf-l { float: left; overflow: hidden; } .hlp-kf-l>img { display: block; float: left; height: 52px; margin-top: 8px; } .hlp-kf-l>div { float: left; margin-left: 10px; height: 70px; } .hlp-kf-l>div>div:first-of-type { font-size: 18px; font-weight: bold; line-height: 40px; } .hlp-kf-l>div>div:last-of-type { font-size: 14px; color: #999999; } .hlp-kf-R { display: block; float: right; margin-top: 15px; padding: 0px 20px; height: 40px; line-height: 40px; color: #FFFFFF; background-color: #FF556E; } .hlp-bd { margin: 0 auto; width: 800px; padding: 20px; box-sizing: border-box; background-color: #FFFFFF; } .hlp-t03 { font-size: 18px; margin-top: 20px; margin-bottom: 40px; } .hlp-t03>span { margin-left: 10px; font-size: 14px; } .hlp-bd-box { display: grid; grid-template-columns: 200px auto; grid-gap: 20px; overflow: hidden; } .hlp-bd-box>li { overflow: hidden; } .hlp-bd-box>li>div { font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 20px; overflow: hidden; } .hlp-bd-box>li:first-of-type>div>span { margin-right: 10px; } .hlp-bd-box>li:last-of-type>div { box-sizing: border-box; border: solid 1px hsla(0, 0%, 40%, .2); } .hlp-bd-box>li:last-of-type>div:last-of-type { height: 80px; } .hlp-bd-box>li:last-of-type>p { font-size: 14px; color: #999999; margin-bottom: 20px; } .hlp-bd-box>li:last-of-type>input.seek-btn { float: left; } .seek-btn-help { width: 80px; height: 40px; font-size: 22px; font-weight: 500; color: #FFFFFF; background-color: #FF556E; } .hlp-mm { margin: 0 auto; padding-top: 137px; padding-bottom: 137px; box-sizing: border-box; overflow: hidden; width: 600px; background-color: #FFFFFF; } .help-contact-img { width: 216px; height: 216px; border-radius: 5px; float: left; background: url("../images/collab_qr.png") no-repeat center center #F6F6F6; /*background-size: 191px 189px;*/ } .hlp-mm>.help-contact-way { float: left; margin-left: 32px; margin-top: 48px; height: 216px; line-height: 58px; font-size: 24px; font-weight: 400; color: #373737; } .hlp-text04 { color: #999999; padding: 40px; } .hlp-Alj { display: inline-block; margin: 0 auto; height: 40px; line-height: 40px; color: #FFFFFF; padding: 0px 20px; background-color: #FF556E; } .hlp-us { margin-left: 241px; margin-right: 212px; padding: 20px; background-color: #FFFFFF; color: #333333; } .hlp-us>ul { display: grid; grid-template-columns: 50px auto; grid-gap: 20px; margin-bottom: 40px; overflow: hidden; } .hlp-us>ul:last-of-type { margin-bottom: 0px; } .hlp-us>ul>li:first-of-type { height: 50px; background-position: center; background-repeat: no-repeat; background-size: 40px; } .hlp-us-img01 { background-image: url(../images/hlp-us-o.png); } .hlp-us-img02 { background-image: url(../images/hlp-kh-o.png); } .hlp-us-img03 { background-image: url(../images/hlp-ln-o.png); } .hlp-us-img04 { background-image: url(../images/hlp-dz-o.png); } .hlp-text05 { height: 50px; line-height: 50px; font-size: 24px; } .hlp-text06 { margin-top: 20px; line-height: 24px; font-size: 16px; } .hlp-xy { margin-left: 241px; margin-right: 212px; padding: 20px; line-height: 24px; font-size: 14px; color: #333333; background-color: #FFFFFF; overflow: hidden; } .hlp-xy>h3 { text-align: center; font-size: 22px; font-weight: normal; margin-top: 20px; margin-bottom: 20px; } .hlp-xy>h4 { font-size: 18px; font-weight: normal; margin-top: 20px; margin-bottom: 20px; } .hlp-xy>p { margin-left: 20px; margin-bottom: 10px; } .hlp-xy p { margin-bottom: 10px; } .hlp-xy ul { margin-left: 20px; margin-bottom: 10px; } .hlp-xy ul ul ul ul { margin-left: 50px; } .hlp-xy li { margin-bottom: 10px; } .RANbox-help .helpbox02 { display: none; /*margin-top: -20px;*/ margin-bottom: -50px; background-color: #FFFFFF; } .helpbox02.act { display: block; } .hlp-bj01 { background-image: url(../images/hlp-bj-01.png); } .hlp-bj02 { background-image: url(../images/hlp-bj-02.png); } .hlp-bj03 { background-image: url(../images/hlp-bj-03.png); } .hlp-app { position: relative; margin: 0px auto; padding: 200px 0px; background-position: right center; background-repeat: no-repeat; overflow: hidden; } .hlp-app-help { margin: 0px auto; padding: 120px 0px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; } .hlp-app-L-help>img { width: 557px; } .hlp-app-box-help { width: 450px; margin-left: 93px; margin-right: 29px; margin-top: 42px; } .hlp-app-box-title { padding-left: 10px; font-size: 25px; font-weight: 500; color: #000000; line-height: 50px; } .hlp-app-box-detail { font-size: 16px; font-weight: 500; color: #000000; line-height: 32px; } .hlp-app-btn-box{ margin-top: 18px; } .hlp-app-box-btn { position: relative; width: 214px; height: 58px; border: 1px solid #FF556E; border-radius: 10px; float: left; margin-right: 8px; margin-top: 20px; } .hlp-app-code { margin-top: 178px; } .hlp-app-code>img { width: 216px; } .hlp-app-L { margin: 0px auto; padding: 100px 0px; width: 1256px; } .hlp-app-L>span { display: block; color: #999999; height: 70px; line-height: 70px; font-size: 16px; } /*设置按钮显示小手*/ .hlp-app-box, .per-safe-action, .per-sc-pl>li, .per-sc-btn>li { cursor: pointer; } .hlp-app-btn01 { /*position: relative;*/ /*margin-right: 10px;*/ /*display: inline-block;*/ } /*.hlp-app-btn01>a {*/ /* display: block;*/ /* height: 40px;*/ /* line-height: 40px;*/ /* color: #FFFFFF;*/ /* border-radius: 50px;*/ /* padding: 0px 20px;*/ /* box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.2);*/ /* background-image: linear-gradient(150deg, #FF556E 45%, #FF972A);*/ /* overflow: hidden;*/ /*}*/ .hlp-app-box-btn>a { display: block; height: 58px; line-height: 58px; font-size: 18px; color: #000000; overflow: hidden; text-align: center; } .hlp-app-btn01>a>img { display: inline-block; height: 30px; margin-bottom: -7px; } .hlp-app-btn01>div { display: none; } .hlp-app-btn01:hover>div { display: block; } .hlp-app-btn01>div:first-of-type { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; z-index: 1; } .hlp-app-btn01>div:first-of-type>img { width: 20px; } .hlp-app-alt { position: absolute; top: 55px; left: 50%; margin-left: -75px; width: 150px; /*padding-bottom: 10px;*/ text-align: center; background-color: #FFFFFF; border-radius: 5px; overflow: hidden; z-index: 2; } .app-tabA { overflow: hidden; text-align: center; padding: 10px 0px; } .app-tabA>li { float: left; height: 16px; line-height: 16px; width: 50%; font-size: 12px; color: #999999; border-right: solid 1px #999999; box-sizing: border-box; } .app-tabA>li:last-of-type { border-right: none; } .app-tabA>li.act { color: #FF556E; } .app-tabbox>li { display: none; } .app-tabbox>li.act { display: block; } .app-tabbox>li>img { width: 130px; } .hlp-app-alt>a, .hlp-app-alt:hover>a, .hlp-app-alt>a:focus { display: inline-block; /*padding: 0px 10px;*/ width: 150px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #FFFFFF; background-color: #FF556E; } .hlp-app-jc { text-align: center; color: #999999; } .hlp-app-jc>div { display: inline-block; } .dh-02 { width: 40px; height: 24px; box-sizing: border-box; animation-name: DH02; animation-duration: 0.8s; animation-iteration-count: infinite; background-image: url(../images/icon-down-o.png); background-position: bottom center; background-repeat: no-repeat; background-size: 16px; cursor: pointer; } .dh-02.act { background-image: url(../images/up-o.png); } @keyframes DH02 { 0% { background-position: bottom center; } 50% { background-position: top center; } 100% { background-position: bottom center; } } .hlp-app-jc>ul { display: none; text-align: center; overflow: hidden; } .hlp-app-jc>ul>li { margin: 10px; padding: 10px 0px; display: inline-block; overflow: hidden; } .hlp-app-jc>p { display: none; text-align: left; font-size: 16px; line-height: 24px; color: #FFFFFF; width: 1256px; margin: 0px auto; } .hlp-app-nav { position: fixed; top: 50%; left: 100px; margin-top: -90px; width: 50px; height: 180px; padding: 10px 0px; overflow: hidden; border-radius: 40px; } .hlp-app-nav>li>a { display: block; margin-top: 10px; padding-top: 30px; text-align: center; font-size: 12px; color: #FFFFFF; background-position: top center; background-repeat: no-repeat; background-size: 30px; } .hlp-app-nav>li:first-of-type>a { background-image: url(../images/navlf-appw.png); } .hlp-app-nav>li:nth-of-type(2)>a { background-image: url(../images/hlp-dn.png); } .hlp-app-nav>li:last-of-type>a { background-image: url(../images/hlp-tv.png); } .hlp-app-nav>li>a.act { color: #FF556E; } .hlp-app-nav>li:first-of-type>a.act { background-image: url(../images/navlf-app.png); } .hlp-app-nav>li:nth-of-type(2)>a.act { background-image: url(../images/hlp-dn-o.png); } .hlp-app-nav>li:last-of-type>a.act { background-image: url(../images/hlp-tv-o.png); } @media screen and (max-width:1610px) { .hlp-app-nav { left: 0; } .hlp-app { background-size: auto 100%; } } @media screen and (max-width:1350px) { .hlp-app-nav { left: 1276px; } .hlp-app { background-size: auto 100%; } } /*--------------------*/ .no-wkfa { display: block; width: 100%; height: 100%; padding: 0; } /*个人中心*/ .per-box { padding: 0px 40px; min-height: 640px; } .per-top { position: relative; background-image: url(../images/bj-02.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .per-xx { padding: 120px 40px; overflow: hidden; } .per-h { position: relative; float: left; margin-right: 40px; } .per-h>a>img { width: 110px; height: 110px; border-radius: 200px; } .per-h-vip { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; } .per-j { float: left; overflow: hidden; } .per-j-01 { height: 40px; line-height: 40px; } .per-j-01>div, .per-j-01>h4, .per-j-01>a { display: inline-block; } .per-name { color: #FFFFFF; font-weight: bold; } .per-xb>img { height: 20px; margin-bottom: -4px; } .per-dj { margin: 0px 10px; } .per-dj>img { height: 20px; margin-bottom: -4px; } .per-dz { font-size: 16px; color: rgba(255, 255, 255, 0.7); } .per-dz>img { height: 20px; margin-bottom: -4px; opacity: 0.7; } .per-bj { margin-left: 20px; padding-left: 30px; padding-right: 10px; height: 24px; line-height: 24px; font-size: 14px; color: #FFFFFF; border-radius: 50px; background-color: rgba(0, 0, 0, 0.2); background-image: url(../images/bianji.png); background-position: 10px center; background-repeat: no-repeat; background-size: 16px; } .per-j-02 { height: 40px; line-height: 40px; } .per-j-02>div { display: inline-block; margin-right: 20px; } .per-jb>img { width: 20px; height: 20px; margin-right: 10px; margin-bottom: -4px; } .per-jb>span { font-size: 14px; color: #FFFFFF; } .per-jy>img { width: 20px; height: 20px; margin-right: 10px; margin-bottom: -4px; } .per-jy-box { display: inline-block; height: 10px; width: 200px; border-radius: 50px; background-color: #F4F4F4; overflow: hidden; } .per-jy-jd { height: 100%; width: 100px; background-color: #FF556E; } .per-jyz { display: inline-block; } .per-jyz { margin-left: 10px; font-size: 14px; color: #FFFFFF; } .per-qm>input { height: 40px; width: 500px; font-size: 14px; color: #FFFFFF; } .per-qm>input:focus { border-bottom: solid 1px #FFFFFF; } .per-zy { position: absolute; top: 80px; right: 20px; } .per-zy>a { display: block; padding: 8px 20px; font-size: 14px; color: #FFFFFF; border-radius: 50px; background-color: #FF556E; } .per-tab { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; text-align: center; background-color: rgba(0, 0, 0, 0.2); overflow: hidden; } .per-tab>li { display: inline-block; padding: 0 20px; margin: 0 25px; font-weight: bold; color: rgba(255, 255, 255, 0.7); cursor: pointer; } .per-tab>li>a { display: block; color: rgba(255, 255, 255, 0.7); } .per-tab>li:hover { color: #FFFFFF; } .per-tab>li:hover>a { color: #FFFFFF; } .per-tab>li.act { background-color: #FF556E; color: #FFFFFF; } .per-tab-box { background-color: #F4F4F4; } .per-tab-box { display: none; padding: 40px; } .per-tab-box.act { display: block; } .per-vip-box01 { position: relative; padding: 30px 20px; background-color: #FFFFFF; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); overflow: hidden; } .per-vip-box01-dj { display: inline-block; height: 40px; line-height: 40px; font-size: 16px; color: #FF556E; font-weight: bold; } .per-vip-box01-dj>img { height: 30px; width: 30px; margin-bottom: -6px; } .per-vip-box01-day { display: inline-block; margin-left: 20px; color: #666666; } .per-vip-box01-day>div { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; padding: 0px 20px; } .per-vip-box01-day-l { background: linear-gradient(#fdeec7, #ffc1a2); } .per-vip-box01-day-r { margin-left: -5px; background-color: #F4F4F4; } .per-vip-box01-gg { margin-left: 10px; display: inline-block; font-size: 14px; } .per-vip-t9 { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -50px; width: 350px; } .per-vip-t9>img { width: 100%; } .per-vip-btn { float: right; margin-left: 20px; padding: 0px 20px; height: 40px; line-height: 40px; font-size: 14px; color: #FFFFFF; font-weight: bold; background-color: #FF556E; } .per-vip-box02 { margin-top: 60px; height: 240px; position: relative; background-color: #FFFFFF; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .per-mrrw-icon { position: absolute; top: -13px; left: -2px; } .per-vip-box02-l { float: left; width: 25%; overflow: hidden; text-align: center; background-color: rgba(0, 191, 255, .054902); } .per-vip-box02-l-01 { height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #999999; padding-top: 40px; } .per-vip-box02-l-02 { height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; color: #FF556E; } .per-vip-box02-l-03 { height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #999999; padding-bottom: 40px; } .per-vip-box02-l-03>img { margin-left: 10px; margin-right: 5px; margin-bottom: -3px; } .per-vip-box02-l-03>span { font-size: 20px; color: #FF556E; } .per-vip-box02-r { float: left; width: 75%; overflow: hidden; text-align: center; padding: 20px 0px; } .per-vip-box02-r>div { display: inline-block; width: 32.9%; } .per-vip-box02-r>div:last-of-type .per-vip-box02-r-box-02, .per-vip-box02-r>div:last-of-type .per-vip-box02-r-box-03 { border: none; } .per-vip-box02-r-box-01 { height: 50px; } .per-vip-box02-r-box-01>img { height: 100%; } .per-vip-box02-r-box-02 { padding-top: 10px; height: 40px; line-height: 40px; font-size: 16px; border-right: solid 1px #DDDDDD; } .per-vip-box02-r-box-03 { border-right: solid 1px #DDDDDD; padding-bottom: 10px; height: 40px; line-height: 40px; font-size: 16px; } .per-vip-box02-r-box-03>div { display: inline-block; margin: 0px 10px; color: #666666; } .per-vip-box02-r-box-03>div>img { margin-bottom: -4px; margin-right: 5px; } .per-vip-box02-r-box-04 { height: 40px; line-height: 40px; } .per-btn-on { display: inline-block; width: 120px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #FF556E; border: solid 1px #FF556E; cursor: default; box-sizing: border-box; } .per-btn-on.act { display: inline-block; width: 120px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #FF556E; border: solid 1px #FF556E; cursor: pointer; box-sizing: border-box; } .per-btn-on.act:hover { background-color: #FF556E; color: #FFFFFF; } .per-btn-off { display: inline-block; width: 120px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #999999; border: solid 1px #999999; cursor: default; box-sizing: border-box; } .per-vip-box03 { margin-top: 60px; position: relative; background-color: #FFFFFF; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); padding: 40px; } .per-vip-box03-top { margin: 0px auto; height: 36px; line-height: 36px; text-align: center; width: 550px; border-radius: 50px; color: #666666; background-color: #fff4d6; } .per-vip-box03-top>span { color: #FF556E; margin-left: 5px; margin-right: 5px; } .per-vip-box03-top-kua { margin-bottom: 5px; display: inline-block; width: 50px; height: 2px; background-color: #666666; overflow: hidden; } .per-rwlist { position: relative; overflow: hidden; } .per-rwlist>li { float: left; width: 50%; overflow: hidden; box-sizing: border-box; } .per-rwlist>li:first-of-type { padding-right: 40px; } .per-rwlist>li:nth-of-type(2) { position: absolute; left: 50%; top: 60px; width: 1px; height: 100%; background-color: #DDDDDD; } .per-rwlist>li:last-of-type { padding-left: 40px; } .per-rwlist-h { padding-top: 40px; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; } .per-rwlist-h-l { float: left; } .per-rwlist-h-r { float: right; } .per-rwlist-h-r div { margin-left: 20px; display: inline-block; color: #666666; } .per-rwlist-h-r div>img { margin-bottom: -4px; margin-right: 5px; } .per-zw { height: 80px; line-height: 80px; color: #999999; text-align: center; background-color: #FFFFFF; } .per-sp-box { margin-bottom: 40px; } .per-sp-box02 { display: none; margin-bottom: 40px; } .per-sp-box02.act { display: block; } .per-tab02 { float: left; margin-right: 20px; background-color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden; } .per-tab02>li { float: left; width: 150px; font-size: 16px; text-align: center; color: #999999; cursor: default; } .per-tab02>li:hover { /*background-color: #FF556E;*/ color: #FF556E; } .per-tab02>li.act { background-color: #FF556E; color: #FFF4D6; } .per-tab03 { float: left; margin-right: 20px; background-color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden; } .per-tab03>li { float: left; width: 150px; font-size: 16px; text-align: center; color: #999999; cursor: default; } .per-tab03>li:hover { /*background-color: #FF556E;*/ color: #FF556E; } .per-tab03>li.act { background-color: #FF556E; color: #FFF4D6; } .per-tab04 { float: left; margin-right: 20px; background-color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden; } .per-tab04>li { float: left; width: 150px; font-size: 16px; text-align: center; color: #999999; cursor: default; } .per-tab04>li:hover { /*background-color: #FF556E;*/ color: #FF556E; } .per-tab04>li.act { background-color: #FF556E; color: #FFF4D6; } .per-tab05 { float: left; margin-right: 20px; background-color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden; } .per-tab05>li { float: left; width: 150px; font-size: 16px; text-align: center; color: #999999; cursor: default; } .per-tab05>li:hover { /*background-color: #FF556E;*/ color: #FF556E; } .per-tab05>li.act { background-color: #FF556E; color: #FFF4D6; } .per-tab06 { float: left; margin-right: 20px; background-color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden; } .per-tab06>li { float: left; width: 150px; font-size: 16px; text-align: center; color: #999999; cursor: default; } .per-tab06>li:hover { /*background-color: #FF556E;*/ color: #FF556E; } .per-tab06>li.act { background-color: #FF556E; color: #FFF4D6; } .per-slt { position: relative; float: left; margin-right: 20px; width: 120px; text-align: center; } .per-slt-name>input { display: inline-block; height: 40px; line-height: 40px; padding-right: 24px; font-size: 16px; color: #999999; background-image: url(../images/icon-down.png); background-position: right center; background-repeat: no-repeat; background-size: 16px; } .per-slt-name>input:hover { color: #FF556E; background-image: url(../images/icon-down-o.png); } .per-slt-name>input.act { color: #FF556E; background-image: url(../images/up-o.png); } .per-slt-list { display: none; position: absolute; top: 40px; left: 0; background-color: #F9F9F9; box-shadow: 0px 2px 5px rgb(0, 0, 0, 0.2); z-index: 5; } .per-slt-list.act { display: block; } .per-slt-list>input { display: block; height: 40px; line-height: 40px; width: 120px; text-align: center; font-size: 16px; color: #999999; } .per-slt-list>input:hover { color: #FF556E; } .per-slt-list>input.act { color: #FF556E; } .per-btn { float: right; position: relative; margin-right: 20px; } .per-btn>a { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; background-color: #FF556E; color: #FFFFFF; } .per-btn:hover>.FLmenuBox, .per-btn:hover>.VIPmenuTop { display: block; } .per-btn>a>img { display: inline-block; width: 30px; margin-bottom: -10px; margin-right: 10px; } .per-ss { float: right; height: 40px; line-height: 40px; overflow: hidden; background-color: #FFFFFF; } .per-ss>input { float: left; height: 40px; line-height: 40px; font-size: 16px; } .per-ss>input:first-of-type { width: 200px; padding: 0px 10px; } .per-ss>input:last-of-type { width: 40px; overflow: hidden; background-image: url(../images/ll-g.png); background-position: center; background-repeat: no-repeat; background-size: 30px; } .per-ss>input::placeholder { color: #999999; } .per-tab-w02 { margin-top: 80px; } .per-tab-box02 { display: none; } .per-tab-box02.act { display: block; } .per-tab-w03 { margin-top: 80px; } .per-tab-w04 { margin-top: 80px; } .per-tab-w05 { margin-top: 80px; } .per-tab-w06 { margin-top: 80px; } .per-tab-box03 { display: none; background-color: #FFFFFF; padding-bottom: 20px; } .per-tab-box03.act { display: block; } .per-tab-box05 { display: none; padding-bottom: 20px; } .per-tab-box05.act { display: block; } .per-tab-box04 { display: none; padding-bottom: 20px; } .per-tab-box04.act { display: block; } .per-tab-box05 { display: none; padding-bottom: 20px; } .per-tab-box05.act { display: block; } .per-tab-box06 { display: none; padding-bottom: 20px; } .per-tab-box06.act { display: block; } .per-tab-box06 { display: none; padding-bottom: 20px; } .per-tab-box06.act { display: block; } .per-tab-box02>.RANbox-list01 { margin: 0px; margin-top: 40px; } .per-tab-box02>.RANbox-list01>.RANbox-list-xx { margin: 0px; grid-template-columns: 200px auto; } .per-tab-box02>.RANbox-list01>.RANbox-list-xx.per-img { margin: 0px; grid-template-columns: 120px auto; } .per-tab-box02>.RANbox-list01>.RANbox-list-xx>li:first-of-type img { width: 100%; height: auto; } .per-tab-box02>.RANbox-list01>.RANbox-list-xx.per-img>li:first-of-type img { width: 100%; height: auto; } .per-tab-box02>.RANbox-list01 .RANbox-list01-b>div:last-of-type { height: auto; } .per-tab-box02 .RANbox-list01-sj { left: 240px; width: 500px; } .per-tab-box02 .RANbox-list01-sj.per-img { left: 160px; width: 500px; } .per-tab-box02 .RANbox-list01-b>div>span { margin-left: 10px; margin-right: 40px; } .per-tab-box02 .SSjgPJ>li { text-align: left; } .per-tab-box02 .SSjgPJ>li:last-of-type { color: #999999; font-size: 16px; } .per-tab-box05>.RANbox-list01 { margin: 0px; margin-top: 40px; } .per-tab-box05>.RANbox-list01>.RANbox-list-xx { margin: 0px; grid-template-columns: 200px auto; } .per-tab-box05>.RANbox-list01>.RANbox-list-xx.per-img { margin: 0px; grid-template-columns: 120px auto; } .per-tab-box05>.RANbox-list01>.RANbox-list-xx>li:first-of-type img { width: 100%; height: auto; } .per-tab-box05>.RANbox-list01>.RANbox-list-xx.per-img>li:first-of-type img { width: 100%; height: auto; } .per-tab-box05>.RANbox-list01 .RANbox-list01-b>div:last-of-type { height: auto; } .per-tab-box05 .RANbox-list01-sj { left: 240px; width: 500px; } .per-tab-box05 .RANbox-list01-sj.per-img { left: 160px; width: 500px; } .per-tab-box05 .RANbox-list01-b>div>span { margin-left: 10px; margin-right: 40px; } .per-tab-box05 .SSjgPJ>li { text-align: left; } .per-tab-box05 .SSjgPJ>li:last-of-type { color: #999999; font-size: 16px; } .per-tab-box06 .RANbox-list01 { margin: 0px; margin-bottom: 40px; } .per-tab-box06 .RANbox-list01>.RANbox-list-xx { margin: 0px; grid-template-columns: 200px auto; } .per-tab-box06 .RANbox-list01>.RANbox-list-xx.per-img { margin: 0px; grid-template-columns: 120px auto; } .per-tab-box06 .RANbox-list01>.RANbox-list-xx>li:first-of-type img { width: 100%; height: auto; } .per-tab-box06 .RANbox-list01>.RANbox-list-xx.per-img>li:first-of-type img { width: 100%; height: auto; } .per-tab-box06 .RANbox-list01 .RANbox-list01-b>div:last-of-type { height: auto; } .per-tab-box06 .RANbox-list01-sj { left: 240px; width: 500px; } .per-tab-box06 .RANbox-list01-sj.per-img { left: 160px; width: 500px; } .per-tab-box06 .RANbox-list01-b>div>span { margin-left: 10px; margin-right: 40px; } .per-tab-box06 .SSjgPJ>li { text-align: left; } .per-tab-box06 .SSjgPJ>li:last-of-type { color: #999999; font-size: 16px; } .per-btn-tow { position: absolute; right: 20px; bottom: 20px; } .per-btn-tow>a { float: left; margin-right: 20px; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #999999; background-color: #F4F4F4; } .per-btn-tow>a:hover { color: #FFFFFF; background-color: #FF556E; } .per-btn-tow>input { float: left; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #999999; background-color: #F4F4F4; } .per-btn-tow>input:hover { color: #FFFFFF; background-color: #FF556E; } .per-mtop { margin-top: 20px; } .per-gz-box { margin: 0px 40px; padding: 20px 0px; display: grid; grid-template-columns: 80px auto 120px 120px 120px 140px; grid-gap: 20px; border-bottom: solid 1px #DDDDDD; } .per-gz-box>li { line-height: 80px; color: #999999; overflow: hidden; } .per-gz-h { display: block; width: 80px; height: 80px; border-radius: 120px; overflow: hidden; } .per-gz-h>img { width: 100%; height: 100%; } .per-gz-xx { height: 40px; line-height: 40px; overflow: hidden; } .per-gz-xx>div, .per-gz-xx>a { display: block; float: left; } .per-gz-xb { margin-left: 10px; } .per-gz-xb>img { width: 20px; height: 20px; margin-bottom: -4px; } .per-gz-dz { margin-left: 20px; } .per-gz-dz>img { width: 20px; height: 20px; margin-bottom: -4px; } .per-gz-qm { height: 40px; line-height: 40px; } .per-li-r { text-align: right; } .per-btn-x { display: inline-block; height: 40px; line-height: 40px; padding: 0px 20px; font-size: 14px; font-weight: bold; background-color: #F1F1F1; color: #999999; } .per-btn-x:hover { background-color: #FF556E; color: #FFFFFF; } .per-now-box { position: relative; margin-top: 20px; border-bottom: solid 2px #F5F5F6; } .per-now-box_last { border-bottom: 0; } .per-now-box>li:last-of-type { margin-left: 60px; } .per-now-h { position: absolute; left: 0; top: 0; } .per-now-h .navTopLogonImg { width: 54px; height: 54px; } .per-now-h .navTopLogonImg>a>img { width: 54px; height: 54px; border-radius: 50px; transition: all 0.2s; z-index: 3; } /*.per-now-h:hover .navTopLogonImg>a>img {*/ /* position: absolute;*/ /* margin-top: -30px;*/ /* transform: scale(2);*/ /* z-index: 3;*/ /*}*/ .per-now-h .navTopLogon-name { margin-left: 88px; } .per-now-h:hover .navTopLogon-GRXX { display: block; top: 0px; left: 0; } .per-now-h:hover .navTopLogon-box02 { margin: 0 10px; display: grid; grid-template-columns: 3fr 1fr 1fr 8fr; grid-gap: 5px; overflow: hidden; } .per-now-h:hover .navTopLogon-Progress { grid-column-start: 3; grid-column-end: 5; } .per-now-h:hover .navTopLogon-name>img { width: 20px; margin-right: 12px; margin-bottom: -4px; } .per-now-h:hover .navTopLogon-rank { text-align: left; font-size: 16px; } .per-now-h:hover .navTopLogon-rank>span { font-size: 20px; } .per-now-h:hover .per-gz-dz { color: #FFFFFF; } .per-now-h:hover .per-gz-dz>img { margin-right: 12px; } .per-now-h:hover .navTopLogon-experience { text-align: left; } .per-now-h:hover .per-now-h:hover .navTopLogon-name { margin-left: 90px; } .per-now-btn { display: inline-block; float: right; width: 30px; height: 32px; line-height: 40px; font-size: 14px; font-weight: bold; color: #999999; margin-top: 10px; padding-left: 30px; background-image: url(../images/xinfeng-g.png); background-repeat: no-repeat; background-position: left center; background-size: 20px; cursor: pointer; } .per-now-btn:hover { color: #FF556E; background-image: url(../images/xinfeng-o.png); } .per-now-box-01 { height: 31px; /*line-height: 31px;*/ font-size: 16px; font-weight: 500; color: #797A7D; } .per-now-box-01>div { display: inline-block; } .per-now-box-01>img { margin-left: 10px; margin-bottom: -5px; height: 20px; } .per-now-box-01>a { color: #FF556E; } .per-now-box-02 { /*padding-bottom: 8px;*/ line-height: 24px; font-size: 16px; font-weight: 500; color: #000000; } .per-now-box-03 { padding-bottom: 13px; overflow: hidden; } .per-now-box-03>li { float: left; height: 34px; line-height: 34px; color: #797A7D; font-size: 14px; margin-right: 38px; overflow: hidden; font-weight: 500; } .per-now-box-03>li>span { padding-bottom: 5px; display: block; height: 34px; line-height: 34px; float: left; margin-left: 5px; } .per-now-box-03>li:nth-of-type(2):hover { color: #FF556E; } .per-btn-z { float: left; display: block; /*margin-right: 5px;*/ width: 20px; height: 34px; background-image: url(../images/aixin.png); background-repeat: no-repeat; background-size: 18px 14px; background-position: left center; } .per-btn-z:hover { background-image: url(../images/aixin_c.png); } .per-btn-z.act { background-image: url(../images/aixin_c.png); } .per-now-box-03 .per-btn-reply{ display: block; width: 20px; height: 34px; line-height: 34px; background: url(../images/pinglun.png) no-repeat center; } .per-now-box-03 .per-btn-reply:hover{ background: url(../images/pinglun_c.png) no-repeat center; } .per-now-box-03 .per-btn-reply.act { background: url(../images/pinglun_c.png) no-repeat center; } .per-btn-s { height: 24px; line-height: 24px; width: 70px; font-size: 16px; color: #999999; padding-left: 29px; background-image: url(../images/delete-g.png); background-repeat: no-repeat; background-size: 24px; } .per-btn-s:hover { color: #FF556E; background-image: url(../images/delete.png); } .per-now-h>img { width: 50px; height: 50px; } .per-now-box-03>li>span.act { color: #FF556E; } .per-qx { float: right; overflow: hidden; } .per-qx>input { margin-right: 20px; height: 40px; line-height: 40px; width: 100px; text-align: center; font-size: 16px; color: #999999; background-color: #FFFFFF; } .per-qx>input:hover { color: #FFFFFF; background-color: #FF556E; } .per-qk { float: right; overflow: hidden; } .per-qk>input { margin-right: 20px; height: 40px; line-height: 40px; width: 100px; text-align: center; font-size: 16px; color: #999999; background-color: #FFFFFF; } .per-qk>input:hover { color: #FFFFFF; background-color: #FF556E; } .per-sp-box.act { display: none; } .per-qx-02 { float: left; overflow: hidden; } .per-qx-02>input { margin-right: 20px; height: 40px; line-height: 40px; width: 100px; text-align: center; font-size: 16px; color: #999999; background-color: #FFFFFF; } .per-qx-02>input:hover { color: #FFFFFF; background-color: #FF556E; } .per-qx-03 { float: right; overflow: hidden; } .per-qx-03>input { margin-left: 20px; height: 40px; line-height: 40px; width: 100px; text-align: center; font-size: 16px; color: #999999; background-color: #FFFFFF; } .per-qx-03>input:hover { color: #FFFFFF; background-color: #FF556E; } .per-sp-box02-h { float: left; overflow: hidden; height: 40px; line-height: 40px; font-size: 16px; color: #999999; } .per-btn-cbox { display: none; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; border: solid 1px #999999; border-radius: 3px; overflow: hidden; } .per-btn-cbox>input { width: 100%; height: 100%; } .per-btn-cbox>input.act { background-image: url(../images/select-square.png); background-position: center; background-size: 20px; background-repeat: no-repeat; } .per-bf-lst { position: relative; /*overflow: hidden;*/ } .per-bf-lst-btn { position: absolute; top: 36px; left: 0; font-size: 14px; font-weight: 400; color: #373737; } /*.per-bf-lst-btn.act {*/ /* color: #FF556E;*/ /*}*/ .per-bof-box { position: relative; margin-left: 90px; /*overflow: hidden;*/ /*padding: 13px 0;*/ border-left: solid 2px #F5F5F6; background-image: url(../images/sanjiao3.png); background-position: -5px 50%; background-repeat: no-repeat; background-size: 20px; } .per-bof-box { position: relative; margin-left: 90px; /*overflow: hidden;*/ /*padding: 13px 0;*/ border-left: solid 2px #F5F5F6; background-image: url(../images/sanjiao3.png); background-position: -5px 50%; background-repeat: no-repeat; background-size: 20px; } .per-bof-box-01 { position: absolute; top: 43%; font-size: 14px; font-weight: 400; color: #BEBEBE; left: -210px; white-space: nowrap; text-align: right; width: 200px; } .per-bof-box-02 { margin-left: 49px; } .per-bf-bow { position: absolute; bottom: 20px; left: 240px; height: 30px; line-height: 30px; } .per-bf-bow>a { color: #999999; font-size: 14px; } .per-bf-bow>a:hover { color: #FF556E; } .per-bf-bow>input { height: 24px; padding: 0px 10px; color: #FF556E; font-size: 14px; border: solid 1px #FF556E; box-sizing: border-box; margin-left: 20px; } .per-bf-bow>input:hover { background-color: #FF556E; color: #FFFFFF; } .per-bf-bow02 { position: absolute; bottom: 20px; left: 160px; line-height: 30px; font-size: 14px; color: #999999; } .per-bf-bow02-h>span { color: #000000; } .per-bf-bow02-h02 { height: 30px; line-height: 30px; overflow: hidden; } .per-bf-bow02-h02>li { float: left; } .per-bf-bow02-h02-jd { margin-top: 12px; margin-right: 20px; width: 200px; height: 6px; background-color: #F1F1F1; overflow: hidden; } .per-bf-bow02-h02-jd>div { width: 20%; height: 6px; background-color: #FF556E; } .per-qq-box { position: relative; background-color: #FFFFFF; overflow: hidden; height: 640px; border: solid 1px #DDDDDD; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .per-qq-list { position: absolute; top: 0; left: 0; height: 100%; width: 300px; overflow: hidden; border-right: solid 1px #DDDDDD; box-sizing: border-box; } .per-qq-h01 { height: 40px; box-sizing: border-box; border-bottom: solid 1px #DDDDDD; overflow: hidden; padding: 0px 10px; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .per-qq-h02 { position: relative; height: 40px; box-sizing: border-box; border-bottom: solid 1px #DDDDDD; overflow: hidden; padding: 0px 10px; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .per-qq-sz { display: none; float: right; height: 40px; width: 40px; background-image: url(../images/shezi.png); background-position: center; background-repeat: no-repeat; background-size: 20px; } .per-qq-sz.act { display: block; } .per-qq-sz:hover { background-image: url(../images/shezi-o.png); } .per-qq-sz02 { position: absolute; right: 10px; top: 0; height: 40px; width: 40px; background-image: url(../images/shezi.png); background-position: center; background-repeat: no-repeat; background-size: 20px; } .per-qq-sz02.act { background-image: url(../images/shezi-o.png); } .per-qq-sz02:hover { background-image: url(../images/shezi-o.png); } .per-qq-bl{ display: none; height: 40px; padding-left: 30px; font-size: 14px; font-weight: bold; background-image: url(../images/qq-left.png); background-position: left center; background-repeat: no-repeat; background-size: 20px; } .per-qq-bl.act { display: block; } .per-yh-lst { display: none; width: 300px; height: 600px; overflow-y: auto; padding-right: 40px; } .per-yh-lst.act { display: block; } .per-qq-yh { padding: 20px 0; width: 300px; height: 60px; overflow: hidden; cursor: pointer; } .per-qq-yh.act { background-color: #FF556E; } .per-qq-yh>li { float: left; overflow: hidden; } .per-qq-yh>li:first-of-type { margin-left: 20px; margin-right: 10px; overflow: hidden; } .per-qq-yh>li:first-of-type>img { height: 60px; width: 60px; border-radius: 60px; } .per-qq-yh>li:nth-of-type(2) { width: 150px; margin-right: 10px; } .per-qq-yh>li:last-of-type { display: none; width: 50px; } .per-qq-yh:hover>li:last-of-type { display: block; } .per-qq-name01 { height: 40px; line-height: 40px; font-size: 16px; } .qer-qq-day01 { height: 20px; line-height: 20px; font-size: 14px; color: #999999; } .per-qq-dlt { width: 30px; height: 30px; font-size: 20px; margin-top: 15px; margin-right: 10px; color: #FFFFFF; } .per-qq-yh.act .per-qq-name01, .per-qq-yh.act .qer-qq-day01 { color: #FFFFFF; } .per-qq-yh:hover { background-color: #FF556E; } .per-qq-yh:hover .per-qq-name01, .per-qq-yh:hover .qer-qq-day01 { color: #FFFFFF; } .per-qq-xxsz-box { display: none; width: 300px; height: 600px; overflow-y: auto; padding-right: 40px; } .per-qq-xxsz-box.act { display: block; } .per-qq-xxsz { margin-top: 20px; overflow: hidden; } .per-qq-xxsz>li { float: left; height: 50px; line-height: 50px; font-size: 14px; overflow: hidden; } .per-qq-xxsz>li:first-of-type { width: 200px; margin-left: 20px; } .per-qq-xxsz-an>label { margin-top: 16px; display: inline-block; width: 40px; height: 20px; border-radius: 60px; background-color: #F1F1F1; border: solid 1px #DDDDDD; overflow: hidden; } .per-qq-xxsz-an>label.act { background-color: #FF556E; } .per-qq-xxsz-an>label>div { margin: 2px; width: 16px; height: 16px; border-radius: 60px; background-color: #FFFFFF; overflow: hidden; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .per-qq-xxsz-an>label.act>div { margin-left: 22px; } .per-qq-box-r { margin-left: 300px; height: 640px; } .per-qq-name02 { margin: 0px 60px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; text-align: center; } .per-qq-name02>input { display: none; margin-left: 10px; height: 24px; padding: 0px 10px; font-size: 12px; } .per-qq-name02>input.act { display: inline-block; } .per-qq-gz01 { color: #999999; border: solid 1px #999999; } .per-qq-gz01:hover { color: #FFFFFF; background-color: #999999; } .per-qq-gz02 { color: #FF556E; border: solid 1px #FF556E; } .per-qq-gz02:hover { color: #FFFFFF; background-color: #FF556E; } .per-qq-sz02-slc { display: none; position: absolute; top: 45px; right: 10px; width: 120px; padding: 10px; border-radius: 3px; background-color: #F9F9F9; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); z-index: 3; } .per-qq-sz02-slc.act { display: block; } .per-qq-sz02-slc>input { display: block; height: 40px; line-height: 40px; width: 120px; font-size: 14px; text-align: center; } .per-qq-sz02-slc>input:hover { color: #FF556E; } .per-qq-lt-box { height: 425px; padding: 20px; box-sizing: border-box; overflow-y: auto; } .per-qq-lt-l { margin-bottom: 20px; overflow: hidden; } .per-qq-lt-l>ul { position: relative; max-width: 40%; min-height: 40px; overflow: hidden; } .per-qq-lt-l>ul>li:first-of-type { position: absolute; top: 0; left: 0; height: 40px; width: 40px; border-radius: 50px; overflow: hidden; } .per-qq-lt-l>ul>li:first-of-type>img { width: 100%; height: 100%; } .per-qq-lt-l>ul>li:last-of-type { float: left; margin-left: 50px; padding: 10px; line-height: 30px; border-radius: 0px 10px 10px 10px; background-color: #F1F1F1; word-break: break-all; } .per-qq-lt-r { margin-bottom: 20px; overflow: hidden; } .per-qq-lt-r>ul { float: right; position: relative; max-width: 40%; min-height: 40px; overflow: hidden; } .per-qq-lt-r>ul>li:first-of-type { position: absolute; top: 0; right: 0; height: 40px; width: 40px; border-radius: 50px; overflow: hidden; } .per-qq-lt-r>ul>li:first-of-type>img { width: 100%; height: 100%; } .per-qq-lt-r>ul>li:last-of-type { float: right; margin-right: 50px; padding: 10px; line-height: 30px; color: #FFFFFF; border-radius: 10px 0px 10px 10px; background-color: #FF556E; word-break: break-all; } .per-qq-text-box { border-top: solid 1px #DDDDDD; box-shadow: 1px 1px 4px 0 rgb(0, 0, 0, 0.14); } .GNbox-PLsr textarea::placeholder { color: #999999; } /*落地页*/ .Title-01>div { display: inline-block; } .Title-01>div>input { display: inline-block; background-color: #F4F4F4; height: 30px; padding: 0px 10px; font-size: 12px; color: #999999; } .Title-01>div>input:hover { background-color: #FF556E; color: #FFFFFF; } .Title-01>div>input.act { background-color: #FF556E; color: #FFFFFF; } .ind-bth-box01 { margin-left: 20px; } .ind-bth-box01>input { margin-right: 3px; } .ind-bth-box02 { float: right; } .ind-bth-box02>input { margin-left: 3px; } /*他人主页*/ .mt-20 { margin-top: 20px; } .mt-80 { margin-top: 80px; } .per-qm { color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: bold; } /*个人主页（新）开始*/ .per-box-new { margin-top: 62px; /*min-height: 640px;*/ } .per-title { overflow: hidden; height: 176px; margin-top: 62px; } .per-title-name { height: 176px; background: linear-gradient(89deg, #C9AC80, #836134); padding-left: 165px; } .per-title-name>img { margin-top: 48px; width: 81px; height: 81px; float: left; } .per-title-name>span { display: block; float: left; font-size: 22px; font-weight: 500; color: #FFFFFF; padding-top: 60px; margin-left: 17px; } .per-title-name>p{ font-size: 20px; font-weight: 500; color: #FFFFFF; margin-left: 98px; } .per-title-name>p:first-of-type{ padding-top: 60px; } .per-title-name>p>a { color: #FFFFFF; } .box-per-tab { height: 159px; text-align: center; overflow: hidden; background-color: #FFFFFF; padding-left: 241px; padding-right: 229px; } .box-per-tab img{ width: 40px; height: 40px; } .box-per-tab>li { display: inline-block; padding: 0 20px; margin: 47px 20px auto 20px; font-size: 16px; color: #5A5A5A; font-weight: 500; cursor: pointer; } .box-per-tab>li.act { font-size: 16px; color: #FF556E; text-decoration:underline; text-underline-offset:42px; } .box-per-tab>li.act>a { color: #FF556E; } .per-img-icon { position: relative; width: 50px; height: 50px; left: 50%; margin-left: -25px; /*margin-bottom: 16px;*/ } .per-tab-box-new{ display: none; } .per-tab-box-new.act{ display: block; } .per-tab-w-new { margin-top: 21px; background-color: #FFFFFF; } .per-tab-wrap{ padding: 0 239px; } .pop-tip{ display: none; position: fixed; top: 50%; left: 45%; overflow: hidden; z-index: 15; padding: 12px 70px; height: 26px; line-height: 26px; text-align: center; background: #FF556E; border-radius: 5px; font-size: 16px; font-weight: 500; color: #FFFFFF; } .per-sp-box-new{ padding-left: 239px; height: 108px; line-height: 108px; border-bottom: 3px solid #F6F6F6; display: grid; grid-template-columns: auto auto auto; grid-gap: 17px; overflow-x: auto; } .per-sp-box-new>.per-tab02-new>li{ float: left; margin-right: 72px; font-size: 16px; font-weight: 400; color: #373737; cursor:pointer; } .per-sp-box-new>.per-tab02-new>li.act{ color: #FF556E; } .per-sc-new{ font-size: 16px; font-weight: 400; color: #373737; justify-self: right; } .per-sc-pl{ display: none; width: 100%; } .per-sc-pl.act{ display: block; } .per-sc-pl>li{ padding-left: 20px; background: url('../images/shanchu.png') no-repeat left center; background-size: 16px; } .per-sc-btn{ display: none; width: 100%; padding-left: 20px; } .per-sc-btn.act{ display: block; } .per-sc-btn>li{ float: left; margin-top: 31px; margin-right: 17px; height: 45px; line-height: 45px; background: #FFFFFF; border: 2px solid #E3E3E3; border-radius: 23px; padding: 0 27px; font-size: 16px; font-weight: 400; color: #2A2A2A; } .per-ss-new { float: right; margin-top: 24px; width: 250px; height: 60px; background: #F6F6F6; border-radius: 30px; } .per-ss-new>input { float: left; height: 60px; line-height: 60px; font-size: 16px; font-weight: 400; } .per-ss-new>input:first-of-type { width: 44px; height: 100%; overflow: hidden; background-image: url(../images/sousuo_c.png); background-position: right center; background-repeat: no-repeat; background-size: 16px; } .per-ss-new>input:last-of-type { padding: 0 10px; } .per-ss-new>input:last-of-type::placeholder { color: #373737; } .per-tab-w02-new { display: none; padding-bottom: 99px; } .per-tab-w02-new.act { display: block; } .per-tab-video-list{ min-height: 588px; } .no-video{ min-height: 588px; text-align: center; line-height: 30px; padding-top: 267px; box-sizing: border-box; background-image: url(../images/no_video.png); background-position: center 87px; background-repeat: no-repeat; background-size: 170px; } .no-video>h2{ font-size: 16px; font-weight: 400; color: #9A9A9B; } .RANbox-list01-new { position: relative; overflow: hidden; padding: 11px 26px; border-bottom: 2px solid #F5F5F6; } .RANbox-list-xx-new { display: grid; grid-template-columns: 148px auto 90px; grid-gap: 13px; } .RANbox-list-xx-new>li { overflow: hidden; border-radius: 10px; } .RANbox-list-xx-new>li:first-of-type img { width: 100%; height: 199px; transition: all 0.2s; border-radius: 10px; } .RANbox-list-xx-new>li:first-of-type:hover img { transform: scale(1.2); } .RANbox-list-xx-new>li:last-of-type .RANbox-choose{ width: 32px; height: 32px; margin-top: 48px; margin-left: 58px; } .RANbox-choose-img{ width: 100%; height: 100%; } .RANbox-choose-img.act1{ background-image: url("../images/duihao.png"); } .RANbox-choose-img.act{ background-image: url("../images/duihao_c.png"); } .RANbox-list-xx-new>li:last-of-type input{ width: 90px; height: 31px; background: #FF556E; border-radius: 5px; font-size: 14px; font-weight: 500; color: #FBFBFB; margin-top: 82px; } .RAN-z-box01-name-new { display: block; margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #000000; } .RAN-z-box01-name-new:hover { color: #FF556E; } .GNbox-type-new>span{ margin-bottom: 12px; display: inline-block; height: 20px; line-height: 20px; font-size: 14px; color: #78797C; padding-right: 15px; } .RANbox-list01-b-new { line-height: 20px; font-size: 14px; font-weight: 500; color: #78797C; } /*播放记录（新）开始*/ .per-sp-box-new>.per-tab02-new-02>li{ float: left; margin-right: 34px; font-size: 16px; font-weight: 400; color: #373737; } .per-sp-box-new>.per-tab02-new-02>li.act{ color: #FF556E; } .per-sp-box-new>.per-tab02-new-02>li:hover{ color: #FF556E; cursor:pointer; } .per-bof-box-new{ /*display: grid;*/ /*grid-template-columns: 77px auto;*/ /*grid-gap: 13px;*/ /*align-items: center;*/ } .per-bof-box-01-new{ text-align: right; font-size: 24px; font-weight: 400; color: #BEBEBE; } .per-bof-box-new { position: relative; margin-left: 90px; overflow: hidden; /*padding: 13px 0;*/ border-left: solid 2px #F5F5F6; background-image: url(../images/sanjiao3.png); background-position: -5px 50%; background-repeat: no-repeat; background-size: 20px; } /*播放记录（新）结束*/ /*安全中心（新） 开始*/ .per-safe-box{ display: none; padding: 34px 381px 38px 376px; } .per-safe-box.act{ display: block; } .per-safe-box>li{ width: 100%; height: 136px; line-height: 136px; font-size: 16px; font-weight: 500; color: #373737; border-bottom: 2px solid #F5F5F6; } .per-safe-title-c{ display: inline-block; width: 98px; padding: 0 6px; text-align: justify; text-align-last: justify; } .per-safe-content{ display: inline-block; margin-left: 48px; } .per-safe-action{ display: inline-block; float: right; margin-right: 29px; text-decoration: underline; } /*安全中心（新） 结束*/ /*安全中心-修改手机号 开始*/ .per-edit-phone-box{ display: none; padding: 26px 271px; } .per-edit-phone-box.act{ display: block; } .per-safe-title{ margin-top: 25px; font-size: 18px; font-weight: 400; color: #373737; background: url('../images/anquan-2.png') no-repeat left center; padding-left: 20px; } .per-safe-auth-box{ width: 659px; height: 79px; margin: 0 auto; margin-top: 56px; } /*安全中心-修改手机号 结束*/ /*安全中心-修改邮箱 开始*/ .per-bind-email{ position: relative; width: 463px; margin: 0 auto; } .email-inpt{ width: 463px; height: 50px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 5px; padding-left: 10px; font-size: 16px; font-weight: 400; } .per-bind-email>.yzm-btn{ position: absolute; top: 0; right: -12px; width: 112px; height: 52px; background: #FF556E; border-radius: 5px; font-size: 16px; font-weight: 400; color: #FFFFFF; } /*安全中心-修改邮箱 结束*/ /*个人主页（新）结束*/ .oth-bth-box { position: absolute; top: 100px; right: 40px; } .oth-btn-a { display: inline-block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 0px 10px 0px 35px; border-radius: 50px; background-image: url(../images/xinfeng-w.png); background-position: 10px center; background-repeat: no-repeat; background-size: 20px; margin-right: 10px; } .oth-btn-a:hover { background-color: rgba(0, 0, 0, 0.2); } .oth-btn-off { display: none; height: 30px; line-height: 30px; font-size: 14px; color: #999999; padding: 0px 20px; background-color: #F4F4F4; border-radius: 50px; } .oth-btn-off.act { display: inline-block; } .oth-btn-on { display: none; height: 30px; line-height: 30px; font-size: 14px; color: #FFFFFF; padding: 0px 20px; background-color: #FF556E; border-radius: 50px; } .oth-btn-on.act { display: inline-block; } .per-tab.oth { text-align: left; padding-left: 20px; } .per-tab.oth>li { padding: 0px 40px; margin: 0px; } .oth-sj { position: absolute; right: 40px; bottom: 0px; height: 70px; line-height: 70px; color: #FFFFFF; font-size: 16px; overflow: hidden; } .oth-sj>li { float: left; margin-left: 80px; } .oth-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; overflow: hidden; margin-top: 80px; } .oth-list>li { overflow: hidden; } .oth-img-box { position: relative; width: 100%; overflow: hidden; } .oth-img-box>a { display: block; margin: 0; padding: 0; box-sizing: border-box; } .oth-img-box>a>img { display: block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } .oth-time { position: absolute; bottom: 40px; left: 0px; height: 30px; line-height: 30px; width: 100%; text-align: right; font-size: 12px; color: #FFFFFF; box-sizing: border-box; padding: 0px 10px; background-image: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%, transparent 99%, transparent); overflow: hidden; } .oth-name { width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .oth-name:hover { color: #FF556E; } .oth-box-bow { width: 100%; height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; color: #999999; } .oth-box-l { float: left; overflow: hidden; } .oth-box-l>img { width: 15px; } .oth-box-l>span { margin-right: 5px; } .oth-box-l>span:last-of-type { margin-right: 0px; } .oth-box-r { float: right; overflow: hidden; } .oth-img-box.othJj .oth-time { color: #FF972A; font-size: 16px; font-weight: bold; } .oth-box-02 { overflow: hidden; background-color: #F4F4F4; } @media screen and (max-width: 1900px) { .oth-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } @media screen and (max-width: 1680px) { .oth-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } /*上传视频*/ .upl-box { padding-top: 100px; } .upl-box>div { margin: 0px auto; width: 1200px; } .upl-file-box { background-color: #FFFFFF; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } .upl-tle { font-size: 18px; font-weight: normal; margin-bottom: 20px; } .upl-tle>.wrg { font-size: 14px; color: red; margin-left: 20px; } .upl-tle>span { font-size: 14px; color: #999999; margin-left: 20px; } .upl-file-box>ul { display: grid; grid-template-columns: 240px auto; grid-gap: 20px; overflow: hidden; } .upl-file-box>ul>li { overflow: hidden; } .upl-picture { position: relative; width: 100%; height: 135px; background-color: #F4F4F4; box-sizing: border-box; text-align: center; overflow: hidden; } .upl-picture.wrg { border: solid 1px red; } .upl-picture02 { width: 100%; height: 342px; background-color: #F4F4F4; box-sizing: border-box; text-align: center; overflow: hidden; } .upl-picture02.wrg { border: solid 1px red; box-sizing: border-box; } .upl-picture>img { width: 100%; height: 100%; } .upl-picture02>img { width: 100%; height: 100%; } .upl-picture>.upl-picture-img { width: 80px; height: auto; margin-top: 30px; } .upl-picture02>.upl-picture-img { width: 80px; height: auto; margin-top: 130px; } .upl-btn-picture { position: relative; margin-top: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #FF556E; color: #FFFFFF; overflow: hidden; } .upl-btn-picture>input { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .upl-text { margin-top: 10px; height: 40px; line-height: 40px; font-size: 14px; } .upl-btn-vid { position: absolute; top: 50px; left: 50%; margin-left: -120px; height: 40px; line-height: 40px; width: 240px; color: #FFFFFF; background-color: #FF556E; overflow: hidden; } .upl-btn-vid>input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .upl-vid { display: none; } .upl-vid>h3 { height: 60px; line-height: 60px; color: #FF556E; } .upl-vid-jd { margin: 10px 20px; height: 6px; background-color: #999999; border-radius: 50px; overflow: hidden; } .upl-vid-name { margin: 0 20px; padding: 0px 10px; height: 40px; line-height: 40px; font-size: 16px; text-align: left; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); } .upl-vid-name>input { width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: left; padding-right: 40px; box-sizing: border-box; background-image: url(../images/modify.png); background-position: right center; background-repeat: no-repeat; background-size: 20px; } .upl-vid-jd>div { width: 60%; height: 100%; background-color: #FF556E; } .upl-box02 { margin: 0px 20px; padding-bottom: 20px; } .upl-alt-picture { width: 100%; max-height: 300px; background-color: #F4F4F4; overflow: hidden; } .upl-alt-picture>img { display: block; max-width: 100%; } .upl-box02>.hlp-t03 { margin-bottom: 20px; } .upl-file-box>.seekbox-ipt { margin-bottom: 20px; } .upl-file-box>.seekbox-tta>textarea { height: 100px; } .upl-file-box>.seekbox-ipt, .upl-file-box>.seekbox-tta { position: relative; overflow: hidden; } .seekbox-ipt.wrg>input { border: solid 1px red; box-sizing: border-box; } .upl-xz { position: absolute; bottom: 0; right: 10px; height: 40px; line-height: 40px; font-size: 14px; color: #999999; } .upl-btn-tab { overflow: hidden; } .upl-btn-tab>input { display: inline-block; margin-right: 20px; padding: 0px 10px; height: 40px; line-height: 40px; font-size: 16px; } .upl-btn-tab>input:hover { color: #FF556E; } .upl-rbtn.act { background-color: #FF556E; color: #FFFFFF; } .upl-rbtn.act:hover { color: #FFFFFF; } .pul-kong { height: 40px; line-height: 40px; font-size: 16px; color: #999999; } .upl-btn-list { display: none; overflow: hidden; } .upl-btn-list.act { display: block; } .upl-btn-list>input { display: inline-block; margin-right: 20px; padding: 0px 10px; height: 40px; line-height: 40px; font-size: 16px; } .upl-btn-list>input:hover { color: #FF556E; } .upl-cbtn.act { background-color: #FF556E; color: #FFFFFF; } .upl-cbtn.act:hover { color: #FFFFFF; } .upl-box .seek-btn { padding: 0px 60px; } /*上传剧集*/ .upl-gz { overflow: hidden; margin-bottom: 7px; } .upl-gz>div { overflow: hidden; line-height: 40px; } .upl-gz-l { font-size: 16px; } .upl-gz-r { font-size: 14px; } .upl-gz-r>p:last-of-type { color: #FF0000; } .upl-vid02 { display: none; position: relative; padding-right: 40px; overflow: hidden; } .upl-vid02>h3 { padding-left: 40px; height: 60px; line-height: 60px; color: #FF556E; } .pul-dlt { position: absolute; top: 70px; right: 10px; } .pul-dlt>input { display: block; width: 40px; height: 40px; background-image: url(../images/delete-g.png); background-repeat: no-repeat; background-position: center; background-size: 20px; } .pul-dlt>input:hover { background-image: url(../images/delete.png); } .upl-box03 { height: 40px; } .upl-box03>div { position: relative; float: left; margin-right: 20px; } .upl-box03>div:last-of-type { margin-right: 0px; } .upl-box03>.seekbox-ipt { width: 560px; } .upl-slt { width: 80px; } .upl-slt-text>input { width: 100%; height: 40px; text-align: center; padding-right: 20px; box-sizing: border-box; background-image: url(../images/icon-down.png); background-position: 60px center; background-repeat: no-repeat; background-size: 14px; color: #999999; background-color: #F4F4F4; } .upl-slt-text.wrg>input { border: solid 1px red; box-sizing: border-box; } .upl-slt-text>input:hover { color: #FF556E; background-image: url(../images/up-o.png); } .upl-slt-text.act>input { color: #FF556E; background-image: url(../images/up-o.png); } .upl-slt-list { display: none; position: absolute; top: 50px; left: 0px; width: 100%; background-color: #F4F4F4; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } .upl-slt-list.act { display: block; } .upl-slt-list>input { display: block; width: 100%; height: 40px; text-align: center; font-size: 14px; color: #999999; } .upl-slt-list>input:hover { color: #FF556E; } .upl-slt-list>.act { background-color: #FF556E; color: #FFFFFF; } .upl-slt-list>.act:hover { color: #FFFFFF; } .upl-slt-list.san { position: absolute; top: 50px; left: 50%; margin-left: -150px; width: 300px; padding: 0px 10px; padding-top: 10px; box-sizing: border-box; background-color: #F4F4F4; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); overflow: hidden; } .upl-slt-list.san>input { display: inline-block; width: 80px; margin-bottom: 10px; } .upl-slt-list.san>input:nth-of-type(3n+2) { margin: 0px 10px; } .upl-file-box>.upl-box04 { display: grid; grid-template-columns: 50px auto; grid-gap: 0px; overflow: hidden; margin-top: 20px; } .upl-box04>li { line-height: 40px; overflow: hidden; } .upl-box04>li:first-of-type { font-size: 16px; color: #999999; } .upl-btn-list02>input { margin-right: 10px; padding: 0px 15px; height: 40px; text-align: center; font-size: 12px; color: #999999; background-color: #F4F4F4; } .upl-btn-list02>input:hover { color: #FF556E; } .upl-btn-list02>.act { color: #FFFFFF; background-color: #FF556E; } .upl-btn-list02>.act:hover { color: #FFFFFF; background-color: #FF556E; } .upl-btn-list02>span { font-size: 14px; color: #999999; } .upl-btn-list02>.seekbox-ipt { width: 466px; } .upl-btn-list02>.seekbox-tta { height: 80px; } .upl-btn-list02>.seekbox-tta.gao300 { height: 250px; } .upl-btn-list02>.seekbox-tta.gao300>textarea { height: 250px; } /*---------vip中心--------------*/ .vip-top { position: relative; min-height: 300px; overflow: hidden; background-image: url(../images/vip-center-background.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 60px; } .vip-top-p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .vip-top-nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; padding: 0px 40px; background-color: rgba(0, 0, 0, 0.2); box-sizing: border-box; overflow: hidden; } .vip-y { display: inline-block; margin-right: 20px; font-size: 16px; font-weight: bold; color: #FFFFFF; } .vip-y>img { width: 40px; height: 40px; border-radius: 50px; margin-bottom: -15px; margin-right: 10px; } .vip-top-tab { display: inline-block; margin-left: 20px; } .vip-top-tab>a { display: inline-block; padding: 0px 10px; height: 40px; line-height: 36px; text-align: center; font-size: 14px; color: #FF556E; border: solid 2px #FF556E; box-sizing: border-box; margin-right: 10px; } .vip-top-tab>a:last-of-type { margin-right: 0px; } .vip-top-tab>a:hover, .vip-top-tab>.act, .vip-top-tab>.act:hover { background-color: #FF556E; color: #FFFFFF; } .vip-top-r { float: right; overflow: hidden; } .vip-top-r>a { padding-left: 23px; color: #999999; font-size: 14px; background-image: url(../images/iconcz-g.png); background-position: left center; background-repeat: no-repeat; background-size: 16px; } .vip-top-r>a:hover, .vip-top-r>.act { color: #FF556E; background-image: url(../images/iconcz-o.png); } .vip-content { padding: 0px 40px; overflow: hidden; } .vip-tab-baox { display: none; } .vip-tab-baox.act { display: block; } .vip-content-nav { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; overflow: hidden; } .vip-content-nav>li { font-size: 14px; text-align: center; margin: 20px 0px; padding: 20px 0px; overflow: hidden; cursor: pointer; } .vip-content-nav>li>div:first-of-type { width: 60px; height: 60px; margin: 0 auto; } .vip-content-nav>li>div>img { width: 100%; height: 100%; transition: all 0.2s; z-index: 3; } .vip-content-nav>li:hover>div>img { transform: scale(1.5); z-index: 3; } .vip-content-nav>li>div:last-of-type { margin-top: 10px; } .vip-content-nav>.act { background-color: #F1F1F1; overflow: hidden; } .content-tab-box { display: none; background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 20px 40px; box-sizing: border-box; overflow: hidden; } .content-tab-box.act { display: block; } .content-tab-box>.top { height: 80px; line-height: 80px; font-size: 18px; } .content-tab-box>.top>img { width: 64px; height: 64px; margin-bottom: -24px; margin-right: 20px; } .content-tab-box>p { margin-bottom: 20px; color: #999999; font-size: 18px; } .content-tab-box>.picture { padding-bottom: 20px; } .content-tab-box>.picture>img { width: 100%; } .vip-tc { width: 90%; max-width: 1500px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin: 40px auto 20px auto; overflow: hidden; } .vip-tc>li { position: relative; padding: 0px 20px; height: 206px; background-image: url(../images/recharge-product-bg.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; box-sizing: border-box; overflow: hidden; cursor: pointer; } .vip-tc>.no::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); cursor: not-allowed; z-index: 2; } .vip-tc>.act { border: solid 2px #FF556E; } .vip-tc>.no.act::after { cursor: pointer; background-color: rgba(255, 255, 255, 0); } .vip-tc>li>.left { float: left; width: 70%; } .vip-tc>li>.right { float: right; width: 30%; text-align: right; } .vip-tc>li>.left>div:first-of-type, .vip-tc>li>.right>div:first-of-type { margin-top: 40px; line-height: 40px; margin-bottom: 10px; font-size: 30px; } .vip-tc>li>.left>div:first-of-type>span { margin-right: 10px; } .vip-tc>li>.left>div:first-of-type>span>span { font-size: 20px; } .vip-tc>li>.right>div:first-of-type { color: #FF556E; } .vip-tc>li>.right>div:first-of-type>span { margin-left: 10px; } .vip-tc>li>.left>div:last-of-type, .vip-tc>li>.right>div:last-of-type { font-size: 16px; font-weight: bold; } .vip-tc>li>.bow { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: bold; color: #F1F1F1; overflow: hidden; } .vip-tc>li>.bow>img { margin-right: 10px; height: 40px; margin-bottom: -10px; } .vip-pay { margin: 20px auto; position: relative; width: 90%; max-width: 1500px; padding-bottom: 40px; background-color: #FFFFFF; } .vip-pay .alt02-tabA.ZT-black, .vip-pay .alt02-tabA, .vip-pay .paybox { margin: 0 auto; width: 800px; border: none; } .vip-pay .paybtn01 { left: 300px; } .vip-pay .alt02-foot { bottom: 10px; left: 10px; margin: 0px; } .vip-pay .paybox02-B { display: none; } .vip-pay .paybox02-B.act { display: block; } .alt02-tabA>li { position: relative; } .alt02-tabA>.no::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); cursor: not-allowed; z-index: 2; } .alt02-tabA>.tabA.no::after { background-color: rgba(255, 255, 255, 0); cursor: pointer; } .vip-pay-xz, .vip-pay-add, .vip-pay-jh { display: none; width: 800px; height: 320px; margin: 0 auto; padding: 0px 10px; box-sizing: border-box; overflow: hidden; } .text { padding-top: 40px; height: 40px; line-height: 40px; font-size: 14px; color: #999999; } .pay-dz { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; overflow: hidden; } .pay-dz>li { position: relative; background-color: #F4F4F4; border: solid 2px #F4F4F4; box-sizing: border-box; overflow: hidden; cursor: pointer; } .pay-dz>.act { border: solid 2px #FF556E; } .pay-add { position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; font-size: 14px; color: #999999; transform: translate(-50%, -50%); } .pay-dz>li>div { margin-left: 10px; margin-right: 40px; margin-bottom: 10px; height: 40px; line-height: 40px; font-size: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pay-dz>li>ul { margin-left: 10px; margin-right: 40px; padding-bottom: 10px; overflow: hidden; } .pay-dz>li>ul>li { width: 100%; font-size: 14px; color: #999999; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pay-modify { position: absolute; right: 0px; top: 0px; height: 40px; width: 40px; background-image: url(../images/modify.png); background-position: center; background-repeat: no-repeat; background-size: 20px; } .pay-modify:hover { background-image: url(../images/modify-o.png); } .pay-delete { position: absolute; right: 0px; bottom: 0px; height: 40px; width: 40px; background-image: url(../images/delete-g.png); background-position: center; background-repeat: no-repeat; background-size: 20px; } .pay-delete:hover { background-image: url(../images/delete.png); } .bnt-tow { margin-top: 20px; text-align: right; } .vip-pay .bnt-tow { text-align: center; } .bnt-tow>input { display: inline-block; height: 40px; width: 100px; color: #999999; background-color: #F1F1F1; margin-right: 10px; } .bnt-tow>input:last-of-type { margin-right: 0px; } .bnt-tow>input:hover { color: #FFFFFF; background-color: #FF556E; } .bnt-tow>input[disabled="disabled"] { background-color: #F4F4F4; color: #DDDDDD; cursor: not-allowed; } .bnt-tow>input[disabled="disabled"]:hover { background-color: #F4F4F4; color: #DDDDDD; cursor: not-allowed; } .bnt-tow.ZT-black>input[disabled="disabled"] { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.1); cursor: not-allowed; } .dz-inp { display: grid; grid-template-columns: 1fr 1.5fr 1fr 1fr 0.8fr; grid-gap: 10px; overflow: hidden; } .dz-inp>li { overflow: hidden; } .dz-inp>li>div { height: 40px; line-height: 40px; font-size: 14px; color: #999999; overflow: hidden; } .dz-inp>li>.wrg { color: red; } .dz-inp>li>div:last-of-type { border: solid 1px #DDDDDD; } .dz-inp>li>div:last-of-type>input, .dz-inp>li>div:last-of-type>select { height: 100%; width: 100%; line-height: 38px; font-size: 14px; box-sizing: border-box; background-color: #FFFFFF; } .dz-inp>li>div:last-of-type>select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dz-inp>li>div:last-of-type>input { padding: 0px 10px; } .dz-inp>li>div:last-of-type>input::placeholder { color: #999999; } .dz-inp>li:nth-of-type(6) { grid-column-start: 1; grid-column-end: 3; grid-row: 2; } .dz-inp>li:last-of-type { grid-column-start: 4; grid-column-end: 6; grid-row: 2; } .bnt-tow>.off.act { color: #FFFFFF; background-color: #FF556E; } .vip-pay-jh { overflow: hidden; } .vip-pay-jh>ul { margin-top: 40px; display: grid; grid-template-columns: 1.2fr 1fr; grid-gap: 10px; overflow: hidden; } .vip-pay-jh>ul>li { position: relative; height: 100%; padding: 10px; box-sizing: border-box; overflow: hidden; } .jh-left { background-color: #F4F4F4; } .jh-ewm { position: absolute; top: 10px; left: 10px; width: 150px; } .jh-ewm>img { width: 100%; } .jh-xx { margin-left: 170px; overflow: hidden; font-size: 14px; } .jh-xx>p { width: 100%; font-size: 14px; padding-top: 10px; overflow: hidden; } .jh-xx>.paybox03-L-btn { margin-top: 10px; margin-left: 0px; } .jh-left>input { position: absolute; bottom: 10px; right: 10px; font-size: 16px; color: #FF556E; } .jh-right { text-align: center; } .jh-right>div { height: 40px; line-height: 40px; } .jh-right>div:first-of-type { font-size: 26px; color: #FF556E; } .jh-right>div:first-of-type>span { margin-right: 10px; } .jh-right>div:nth-of-type(2) { font-size: 16px; } .jh-right>div:nth-of-type(2)>span { color: #FF556E; margin: 0px 10px; } .jh-right>div:nth-of-type(3), .jh-right>div:nth-of-type(4) { text-align: left; height: 30px; line-height: 30px; font-size: 14px; color: #FF972A; } .jh-right>input { display: inline-block; margin-top: 20px; margin-bottom: -10px; height: 40px; padding: 0px 20px; font-size: 16px; color: #FFFFFF; background-color: #FF556E; } .jh-right>input[disabled="disabled"] { background-color: #999999; cursor: not-allowed; } .cz-oth { padding: 20px 0px; margin: 0px auto; width: 90%; max-width: 1500px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; text-align: center; overflow: hidden; } .cz-oth>li { text-align: center; padding: 20px 0px; overflow: hidden; border-bottom: solid 4px #DDDDDD; } .cz-oth>.act { color: #FF556E; border-color: #FF556E; } .cz-oth-box { margin: 0px auto 100px auto; padding: 100px 0px 0px 0; width: 900px; box-sizing: border-box; background-image: url(../images/recharge-for-other-intro_light.png); background-position: left center; background-repeat: no-repeat; overflow: hidden; } .cz-oth-box>div { position: relative; float: right; width: 460px; height: 396px; padding-left: 100px; padding-top: 40px; background-image: url(../images/recharge-for-other-bg_left.png); background-position: 100px top; background-repeat: no-repeat; overflow: hidden; } .cz-box { width: 380px; margin-left: 40px; overflow: hidden; } .cz-tab { line-height: 50px; font-size: 14px; color: #999999; text-align: center; overflow: hidden; } .cz-tab>li { display: inline-block; margin: 0px 20px; padding-bottom: 4px; cursor: pointer; } .cz-tab>.act { font-size: 16px; font-weight: bold; color: #000000; background-image: url(../images/bj-01.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: 30px 4px; } .cz-tab-box { padding-top: 10px; width: 300px; margin: 0px auto; } .cz-tab-box>div { position: relative; display: none; height: 40px; line-height: 40px; border-radius: 5px; background-color: #F4F4F4; overflow: hidden; } .cz-tab-box>.act { display: block; } .cz-tab-box>div>input { display: block; height: 40px; line-height: 40px; padding: 0px 10px; } .cz-tab-box>div>input::placeholder { color: #999999; } .cz-int01>select { position: absolute; top: 0px; left: 0px; padding: 0px 10px; height: 40px; width: 60px; color: #FF556E; font-weight: bold; box-sizing: border-box; } .cz-int01>select>option { color: #000000; font-weight: normal; } .cz-int01>input { margin-left: 70px; } .cz-btn { display: block; height: 40px; margin: 20px auto; width: 300px; font-size: 14px; font-weight: bold; border-radius: 5px; background-image: url(../images/jin-bj.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; color: #992b1c; } .cz-p { position: absolute; top: 330px; left: 50%; margin-left: -140px; width: 380px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #992b1c; } .cz-top { position: absolute; top: 0px; right: 320px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 0px 30px; border-radius: 40px 40px 0px 40px; /*background-image: linear-gradient( 120deg, #FFC1A2 10%, #FF972A 70%, #FF556E 100%, transparent 100%, transparent);*/ background-image: url(../images/jin-bj.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } /*------充值记录--------------*/ .vip-top .RANbox-title-icon { padding-top: 60px; } .rec-box { margin: 20px auto; width: 90%; max-width: 1500px; min-height: 700px; } .rec-box table { width: 100%; text-align: center; background-color: #FFFFFF; border: none; } .rec-box table tr { border: none; } .rec-box table th, .rec-box table td { border: none; padding: 30px 10px; } .rec-box table th { border-bottom: solid 2px #DDDDDD; } .rec-box table td { font-size: 14px; color: #999999; } /*-----20210730修改----------*/ .Movie .oth-time { bottom: 0; color: #FF972A; font-size: 18px; font-weight: bold; } /*.SSjgName {*/ /* margin-top: 25px;*/ /* margin-bottom: 22px;*/ /*}*/ .SSjgTitle { display: inline-block; margin-right: 10px; /*font-size: 16px;*/ } .SSjg-category { font-size: 14px; font-weight: 400; color: #78797C; } .SSjg>p { padding-bottom: 5px; } .SSjgIntro { height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .RANbox-list01-b>div { padding-bottom: 5px; } .sort-a { background-color: #FF556E; } .sort-a:hover { color: #FFFFFF; background-color: #FF972A; } .RAN-z-box01 { grid-template-columns: 40px 148px auto; } /*.RAN-z-box02 {*/ /* padding-left: 206px;*/ /*}*/ /*.RAN-b>ul {*/ /* grid-template-columns: 11px auto 40px;*/ /*}*/ /*.RANbox-list-xx {*/ /* margin-left: 50px;*/ /*}*/ .RANbox-list02>ul { grid-template-columns: 50px auto 600px; } .foot { font-size: 12px; } .navTopBox.bkgBlack .navTopSearchText { color: #FFFFFF; } .navTopBox.bkgBlack .navTopSearchText::placeholder { color: #FFFFFF; } .navTopBox.bkgWhite .navTopSearchText { color: #777777; } .navTopBox.bkgWhite .navTopSearchText::placeholder { color: #777777; } .navTopBox.ZT-black.bkgWhite .navTopSearchText { color: #FFFFFF; } .navTopBox.ZT-black.bkgWhite .navTopSearchText::placeholder { color: #FFFFFF; } @font-face { font-family: 'BolshevikSLObl'; src: url("..//fonts/newindex/BolshevikSLObl.otf"); } /*.searchMenuBox>.searchMenu>a>span:first-of-type {*/ /* font-family: "BolshevikSLObl";*/ /*}*/ .per-vip-box01-day-l { background-image: url(../images/jin-bj.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; color: #992b1c; } .play{ border: none; } /*广告中心*/ .RANbox-title.AD{ background-image: url(../images/vip-center-background.png); } .ADcurrency{ position: absolute; bottom: 80px; right: 40px; display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px; } .ADcurrency>li{ height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #FFFFFF; } .ADcurrency>li>input{ padding: 0px 20px; height: 30px; font-size: 16px; font-weight: bold; color: #FFFFFF; border-radius: 30px; background-color: rgba(255,255,255,0.2); } .ADcurrency>li>input:hover, .ADcurrency>li>input.act{ background-color:#FF556E; /*background-image: url(../images/jin-bj.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;*/ } .ADbox .RANbox-box02 { margin: 20px auto; width: 1180px; } .AD-navR { position: fixed; bottom: 380px; right: 80px; border-radius: 10px; background-color: #F1F1F1; overflow: hidden; z-index: 3; } .AD-navR>a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #999999; padding: 0px 40px; } .AD-navR>a:hover { color: #FFFFFF; background-color: #FF556E; } .AD-navR>a.act { color: #FFFFFF; background-color: #FF556E; } .AD-title { padding-top: 100px; } .AD-title-01 { height: 50px; line-height: 50px; font-size: 40px; } .AD-title-01>img { height: 40px; margin-bottom: -5px; margin-right: 20px; } .AD-title-02 { height: 50px; line-height: 50px; font-size: 18px; color: #999999; } .AD-ul01 { display: grid; grid-template-columns: 260px auto 360px; grid-gap: 50px; overflow: hidden; padding: 100px 0px; } .AD-ul01>li { position: relative; overflow: hidden; } .AD-ul01>li:first-of-type>img { width: 100%; } .AD-text01 { font-size: 30px; padding: 20px 0px; margin-bottom: 20px; } .AD-text01>img{ margin-right: 20px; margin-bottom: -12px; } .AD-p01 { line-height: 26px; font-size: 16px; color: #999999; } .AD-text02 { margin-top: 20px; font-size: 16px; line-height: 26px; font-size: 16px; color: #999999; } .AD-text03 { list-style: disc; list-style-type: disc; padding-left: 20px; line-height: 26px; font-size: 16px; color: #999999; margin-bottom: 20px; } .AD-text03>li::marker { color: #000000; } .AD-bth-box{ position: absolute; left: 0px; bottom: 0px; width: 100%; overflow: hidden; } .AD-bth-box>input{ height: 50px; width: 45%; font-size: 16px; border-radius: 5px; color: #FFFFFF; } .AD-bth-box>.bth-l{ float: left; background-color: rgba(51,51,51,0.7); } .AD-bth-box>.bth-l:hover{ background-color: rgba(51,51,51,1); } .AD-bth-box>.bth-r{ float: right; background-color: #FF556E; } .AD-list>.top{ margin-top: 20px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; padding-left: 20px; color: #FFFFFF; background-color: rgba(51,51,51,0.7); } .AD-list>.bow{ list-style: decimal; list-style-type: decimal; padding-left: 40px; padding-right: 10px; padding-bottom: 10px; background-color:rgba(51,51,51,0.1); } .AD-list>.bow>li{ font-size: 14px; font-weight: bold; color: #999999; padding: 10px 0px; } .AD-list>.bow>li:hover{ color: #FF556E; } .AD-list>.bow>li>a{ color: #999999; } .AD-list>.bow>li:hover>a{ color: #FF556E; } .AD-title.mt-80{ margin-top: 150px; } .AD-ul02{ display: grid; grid-template-columns: 600px auto; grid-gap: 80px; width: 1180px; margin: 100px auto; overflow: hidden; padding: 100px 0px; } .AD-ul02>li:first-of-type{ text-align: center; } .AD-ul02>li:first-of-type>img{ width: 500px; } .AD-ul02>li:nth-of-type(2)>p{ margin: 30px 0px; font-size: 18px; } .AD-bth{ margin-top: 30px; } .AD-bth>input{ height: 50px; width: 45%; font-size: 16px; border-radius: 5px; color: #FFFFFF; } .AD-bth>.bth-r{ background-color: #FF556E; } .AD-ul02>li:last-of-type{ grid-column-start: 1; grid-column-end: 3; } .AD-table01{ width: 100%; } .AD-table01 th{ padding: 10px 0px; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: normal; background-color: rgba(51,51,51,1); } .AD-table01 td{ padding: 10px 0px; text-align: center; color: #999999; font-size: 16px; font-weight: normal; background-color: rgba(51,51,51,0.1); } .AD-table01 tr td:first-of-type{ color: #FFFFFF; background-color: rgba(51,51,51,0.5); } .AD-ul03{ display: grid; grid-template-columns:500px auto; grid-gap: 80px; width: 1180px; margin: 100px auto; overflow: hidden; padding: 100px 0px; } .AD-ul03>li:first-of-type>p{ margin: 30px 0px; font-size: 18px; } .AD-ul03>li:nth-of-type(2){ text-align: center; } .AD-ul03>li:nth-of-type(2)>img{ width: 510px; } .AD-ul03>li:last-of-type{ grid-column-start: 1; grid-column-end: 3; } .AD-bow{ text-align: center; } .AD-bow>div{ padding: 20px; overflow: hidden; } .AD-bow>div:first-of-type>img{ width: 100px; } .AD-text05{ font-size: 30px; font-weight: bold; color: #FF556E; } .alt-content02{ position: relative; background-color: #FFFFFF; min-width: 900px; white-space: nowrap; font-size: 18px; font-weight: 400; color: #373737; } .alt-content02 .AD-text01{ line-height: 80px; text-align: center; color: #FFFFFF; margin-bottom: 0px; background-image: url(../images/vip-center-background.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .alt-content02 .seekbox02-text02:before, .alt-content02 .seekbox02-text02:after{ width: 19%; } .hexa{ display: grid; grid-template-columns: 200px 200px auto; grid-gap: 10px; padding: 0px 40px; overflow: hidden; } .hexa>li{ overflow: hidden; } .hexb{ display: grid; grid-template-columns: 300px auto; grid-gap: 10px; padding: 0px 40px; overflow: hidden; } .hexc{ display: grid; grid-template-columns: 300px 1fr 1fr; grid-gap: 10px; padding: 0px 40px; overflow: hidden; } .ADS-xieyi{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; padding-bottom: 90px; } .ADS{ display: inline-block; width: 16px; height: 16px; border-radius: 3px; border: solid 1px #FF556E; margin-right: 5px; margin-bottom: -4px; } .ADS.act{ background-image: url(../images/correct-01.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .ADS-xieyi>input{ display: none; } .ADS-xieyi>a{ color: #FF556E; } .ADS-xieyi>a:hover{ font-weight: bold; text-decoration: underline; } .alt-content02 .alt-bth-box02{ left: 50%; bottom: 20px; margin-left: -300px; width: 600px; } .alt-content02 .alt-GB{ right: 10px; top: 10px; margin: 0px; } .ADbz{ margin-top: -15px; font-size: 12px; color: #999999; } .wrg, .wrg .ADbz, .wrg .seekbox02-text.ZT-black{ color: #FF0000; } .wrg select, .wrg input[type="text"], .wrg input[type="password"] { line-height: 38px; box-sizing: border-box; border: solid 1px #FF0000; } .AD-table02{ margin-bottom: 40px; width: 100%; text-align: center; border: none; border-top: solid 1px #aaa; border-left: solid 1px #aaa; } .AD-table02 td, .AD-table02 th{ padding: 10px 0px; font-size: 16px; font-weight: normal; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; } .AD-table02 th{ background-color: rgba(51,51,51,0.5); color: #FFFFFF; } .AD-table02 tr:first-of-type th{ padding: 30px 0px; background-color: rgba(51,51,51,1); } .AD-table02 td{ text-align: center; color: #999999; background-color: rgba(51,51,51,0.1); } .AD-table02 a{ color: #FF556E; } .AD-table02 a:hover{ color: #FF0000; } .AD-ul04{ margin: 40px 0px; padding-left: 20px; list-style: decimal; list-style-type: decimal; font-size: 16px; color: #333333; } .AD-ul04>li{ margin-top: 20px; line-height: 26px; } .AD-text06{ text-align: center; font-size: 30px; padding: 20px 0px; margin-bottom: 20px; } .ADjsq-box{ display: grid; grid-template-columns: 380px 380px auto; grid-gap: 20px; overflow: hidden; } .ADjsq-box>li{ overflow: hidden; } .ADjsq-box>li:first-of-type .seekbox02-text{ text-align: right; line-height: 40px; font-weight: bold; } .ADjsq-box>li .ADbz{ margin: 0; line-height: 40px; } .ADjsq-box02{ margin-bottom: 20px; display: grid; grid-template-columns: 380px auto; grid-gap: 20px; overflow: hidden; } .ADjsq-box02>li:first-of-type .seekbox02-text{ text-align: right; line-height: 40px; font-weight: bold; } .ADjsq-box02 .upl-btn-list02>input{ font-size: 16px; } .ADjsq-box02.wrg span{ color: #FF0000; } .xingH{ color: #FF0000; } .ADjsq-box03{ width: 300px; margin: 40px auto; } .ADjsq-box03 .AD-bth-box{ position: relative; } .ADjsq-box04{ display: none; text-align: center; color: #FF556E; } .ADjsq-box04.act{ display: block; } .ADjsq-box04>p{ padding: 10px 0px; font-size: 14px; } .AD-box05{ margin: 0px auto; width: 900px; } .AD-p02{ text-align: center; margin-bottom: 20px; } .AD-text07{ font-size: 24px; color: #333333; padding: 40px 0px; } .AD-text08{ text-align: center; font-size: 16px; font-weight: bold; } .AD-title-03{ padding: 20px; line-height: 30px; font-size: 16px; color: #999999; } .AD-text09{ padding: 40px 0px; font-size: 24px; font-weight: bold; text-align: center; } .AD-box06>.AD-title-03{ padding: 10px 20px; } .AD-time{ padding: 50px 0px; text-align: right; font-size: 16px; } .AD-text10{ margin-bottom: 10px; line-height: 30px; font-size: 16px; } .AD-text10>li:first-of-type{ font-size: 18px; font-weight: bold; } .AD-text10>li:last-of-type{ color: #999999; } .AD-text10>li:last-of-type>a{ color: #999999; } .AD-text10>li:last-of-type>a:hover{ color: #FF556E; } .AD-box06{ padding-left: 20px; } .AD-table03{ width: 100%; text-align: center; } .AD-table03 th{ padding: 30px 0px; color: #FFFFFF; font-size: 16px; font-weight: normal; background-color: rgba(51,51,51,1); } .AD-table03 td { padding: 15px 0px; color: #999999; font-size: 16px; font-weight: normal; background-color: rgba(51,51,51,0.2); } .RANbox.ADbox{ min-height: 600px; } /*-------暂无搜索数据-------*/ .ss_no{ /*margin: 0px 40px;*/ margin-top: 20px; background-color: #FFFFFF; text-align: center; min-height: 500px; line-height: 50px; padding-top: 300px; box-sizing: border-box; background-image: url(../images/no_video.png); background-position: center 127px; background-repeat: no-repeat; background-size: 170px; } .ss_no>h2{ color: #999999; font-weight: normal; font-size: 16px; } .ss_no>h2>span{ color: #FF556E; margin: 0px 5px; font-weight: bold; } .ss_no>h2>a{ color: #FF972A; } .ss_no>h2>a:hover{ color: #FF556E; } .ss_no{ /*margin: 0px 40px;*/ margin-top: 20px; background-color: #FFFFFF; text-align: center; min-height: 500px; line-height: 50px; padding-top: 300px; box-sizing: border-box; background-image: url(../images/no_video.png); background-position: center 127px; background-repeat: no-repeat; background-size: 170px; } .ss-no-update{ text-align: center; min-height: 314px; line-height: 50px; padding-top: 250px; box-sizing: border-box; background-image: url(../images/no_video.png); background-position: center; background-repeat: no-repeat; background-size: 170px; } .ss-no-update>h2{ color: #999999; font-weight: normal; font-size: 16px; } /*---------最新剧集 红点标识---------*/ .icon_spot{ background-image: url(../images/icon_spot.png); background-position: right top; background-repeat: no-repeat; } /*---------忘记密码--------*/ .helpbox01 .alt-content02 { /*width: 800px;*/ min-width: auto; margin: 0px auto; padding-bottom: 120px; } .wjmm { padding-top: 20px; margin: 0px 80px; overflow: hidden; } .wjmm>li { position: relative; } .helpbox01 .alt-bth-box02 .bth-on { background-image: none; background-color: #FF556E; color: #FFFFFF; } .wjmm .eye { position: absolute; top: 40px; right: 0px; height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0); background-image: url(../images/eye.png); background-position: 8px 8px; background-repeat: no-repeat; background-size: 24px auto; } .wjmm .eye.act { background-position: 8px -24px; } .wjmm .seek-slk { background-position-x: 98%; } /*忘记密码（新）*/ .hlp-forget-pass-title{ margin-top: 41px; margin-left: 261px; font-size: 18px; font-weight: 400; color: #373737; padding-left: 20px; background: url('../images/anquan-2.png') no-repeat left center; } .hlp-forget-pass-content{ margin-top: 116px; width: 659px; height: 79px; margin: 0 auto; } .hlp-forget-pass-item:first-child{ width: 297px; height: 79px; text-align: center; float: left; } .hlp-forget-pass-item:nth-child(2){ width: 70px; height: 79px; text-align: center; float: left; } .hlp-forget-pass-item:last-child{ width: 267px; height: 79px; text-align: center; float: left; } .hlp-forget-pass-jindu{ width: 47px; height: 56px; line-height: 56px; text-align: center; font-size: 24px; font-weight: 500; color: #FFFFFF; background: url("../images/anquan-check.png") no-repeat top center; position: relative; margin: 0 auto 7px auto; } .hlp-forget-pass-jindu-01{ width: 47px; height: 56px; line-height: 56px; text-align: center; font-size: 24px; font-weight: 500; color: #FFFFFF; background: url("../images/anquan-check.png") no-repeat top center; z-index: 2; position: absolute; } .hlp-forget-pass-jindu-01.act{ background: url("../images/anquan-check_c.png") no-repeat top center; } .hlp-forget-pass-line{ width: 244px; height: 4px; background-color: #DDDDDD; position: absolute; top: 28px; } .hlp-forget-pass-line.act { background-color: #FF556E; } .hlp-forget-pass-line-01{ left: -125px; } .hlp-forget-pass-line-02{ width: 181px; left: -65px; } .hlp-forget-pass-line-03{ left: -62px; } .hlp-forget-pass-desc{ line-height: 16px; font-size: 16px; font-weight: 500; color: #A5A5A5; } .hlp-forget-pass-desc.act{ color: #212121; } .hlp-forget-pass-sub{ width: 561px; margin: 0 auto; margin-top: 70px; padding-bottom: 246px; } .help-te-box{ display: none; } .help-te-box.act{ display: block; } .hlp-forget-pass-sub .inp-title{ width: 80px; margin-right: 17px; font-size: 16px; font-weight: 500; color: #373737; text-align: right; } .hlp-forget-pass-sub .inp-box>input::placeholder{ font-size: 16px; color: #A5A5A5; } .hlp-forget-pass-sub .inp-box{ position: relative; } .hlp-forget-pass-sub .inp-box>input[type="text"], .hlp-forget-pass-sub .inp-box>input[type="password"]{ /*display: block;*/ width: 463px; height: 50px; line-height: 50px; font-size: 16px; padding-left: 15px; padding-right: 36px; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 5px; } .hlp-forget-pass-sub input[type="text"].tel { padding-left: 135px; } .bttn-box-warning{ display: none; margin: 24px auto 0px 60px; font-size: 16px; color: #FF556E; } .bttn-box-warning1{ display: none; margin: 24px auto 0px 130px; font-size: 16px; color: #FF556E; } .bttn-box-warning2{ display: none; margin: 24px 0; font-size: 16px; color: #FF556E; } .bttn-box-warning3{ display: none; font-size: 16px; color: #FF556E; } .hlp-forget-pass-sub .bttn-box{ margin-top: 24px; margin-left: 60px; width: 137px; height: 50px; line-height: 50px; background: #FF556E; border-radius: 5px; text-align: center; } .J_ep_second_step{ margin-left: 80px !important; } .hlp-forget-pass-sub .bttn-box>input{ font-size: 16px; font-weight: 500; color: #FFFFFF; } .hlp-forget-pass-sub .inp-sure-btn{ width: 137px; height: 50px; line-height: 50px; background: #FF556E; border-radius: 5px; text-align: center; font-size: 16px; font-weight: 500; color: #FFFFFF; } .hlp-forget-pass-sub .inp-box.pasbox>input[type="text"], .hlp-forget-pass-sub .inp-box.pasbox>input[type="password"]{ padding-right: 60px; } .hlp-forget-pass-sub .inp-box.pasbox .eye{ position: absolute; top: 10px; right: 25px; width: 30px; height: 30px; background-image: url(../images/yanjing-3.png); background-position: center; background-repeat: no-repeat; } .hlp-forget-pass-sub .inp-box.pasbox .eye.act{ background-image: url(../images/yanjing.png); } .hlp-forget-pass-sub .inp-box.yzmbox>input[type="text"]{ padding-right: 188px; } .hlp-forget-pass-sub .inp-box.yzmbox .yzm{ position: absolute; right: 48px; height: 38px; background-color: #F9F9F9; } .hlp-forget-pass-sub .inp-box>.selectJ{ position: absolute; left: 30px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 400; color: #373737; text-align: left; padding-left: 50px; padding-right: 20px; border-radius: 50px; box-sizing: border-box; background-image: url(../images/jiantouxiangxia.png); background-position: 97.5% center; background-repeat: no-repeat; width: 155px; } .J_ep_select_country{ left: 45px !important; } .hlp-forget-pass-sub .inp-box>.selectJ.act{ color: #000000; } .hlp-forget-pass-sub .opJ{ display: none; position: absolute; top: 0; left: 60px; /*right: 20px;*/ border-radius: 5px; /*border: solid 1px rgba(0,0,0,0.1);*/ background: #FFFFFF; /*box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);*/ box-shadow: 0px 1px 7px 0px rgba(180, 180, 180, 0.35); min-width: 110px; max-height: 181px; overflow-x: hidden; overflow-y: auto; padding: 10px 0px; z-index: 2; } .hlp-forget-pass-sub .tel .opJ{ left: 0; right: 200px; } .hlp-forget-pass-sub .opJ.act{ display: block; } .hlp-forget-pass-sub .opJ>input[type="button"], .hlp-forget-pass-sub .opJ>li{ display: block; width: 100%; height: 36px; line-height: 36px; /*text-align: center;*/ font-size: 16px; padding-left: 17px; cursor: pointer; } .hlp-forget-pass-sub .opJ>input[type="button"].act, .hlp-forget-pass-sub .opJ>li.act{ color: #FF556E; } .hlp-forget-pass-sub .opJ>input[type="button"]:hover, .hlp-forget-pass-sub .opJ>li:hover{ /*background-color: #FF556E;*/ color: #FF556E; } .help-tel-check-box{ display: none; } .help-tel-check-box.act{ display: block; } .help-tel-check{ width: 299px; height: 50px; line-height: 50px; background: #FF556E; border-radius: 5px; font-size: 16px; font-weight: 500; color: #FEFEFF; text-align: center; margin: 0 auto; cursor: pointer; } .help-tel-check-code-box{ display: none; } .help-tel-check-code-box.act{ display: block; } .help-tel-check-item{ width: 298px; margin: 0 auto; } .help-tel-check-item>p{ font-size: 16px; font-weight: 400; color: #373737; } .help-tel-check-code{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #DDDDDD; border-radius: 5px; margin: 18px 0; position: relative; } .help-tel-check-code-box .yzm{ font-size: 16px; padding-left: 15px; padding-right: 15px; } .help-tel-check-code-box .yzm-btn{ position: absolute; right: 0; background-color:#FF556E; width: 112px; height: 100%; border-radius: 5px; font-size: 16px; font-weight: 400; color: #FFFFFF; } .resend{ color: #0000FF; text-decoration: underline; } .help-pass-box{ display: none; margin-top: 70px; } .help-pass-box.act{ display: block; } .hlp-forget-pass-sub .help-pass-box .inp-box{ display: flex; flex-direction: row; /*justify-content: space-between;*/ align-items: center; margin-top: 30px; } .help-pass-set{ display: none; margin-top: 83px; } .help-pass-set.act{ display: block; } .help-pass-set-success{ font-size: 20px; font-weight: 500; color: #373737; height: 30px; line-height: 30px; text-align: center; } /*---------登录弹出层----------*/ .alt01—box { position: absolute; top: 50%; left: 50%; margin-left: -225px; margin-top: -250px; width: 449px; /*background-color: #FFFFFF;*/ /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);*/ /*border-radius: 30px;*/ overflow: hidden; background: rgba(255, 255, 255, 0.96); box-shadow: 9px 15px 35px 16px rgba(197, 197, 197, 0.17); border-radius: 4px; } .alt01—box>div { float: left; height: 100%; overflow: hidden; } .alt01-GG { width: 400px; overflow: hidden; } .alt01-GG img { display: block; padding: 0; width: 100%; height: 100%; } .alt-logon { width: 449px; min-height: 500px; position: relative; } .alt-logon .tab-nav { line-height: 40px; font-size: 16px; /*color: rgba(0, 0, 0, 0.4);*/ color: #999999; text-align: center; overflow: hidden; } .alt-logon .alt_login_d .tab-nav>li { position: relative; padding: 72px 43px 16px 43px; display: inline-block; cursor: pointer; } .alt-logon .alt_login_d .tab-nav>li:after { content: ""; width: 150px; height: 2px; background: #E5E5E5; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%); } .alt-logon .alt_login_d .tab-nav>li.act:after { content: ""; width: 150px; height: 2px; background: #ff556e; background: -webkit-gradient(linear, left top, right top, from(#ff556e), to(#ff556e)); background: linear-gradient( 90deg, #ff556e, #ff556e); -webkit-box-shadow: 0 5px 15px 0 rgb(255 138 11 / 30%); border-radius: 5px; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); /*box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);*/ } /*注册*/ .alt-logon .alt_register .alt-reback { padding-left: 30px; padding-top: 30px; font-size: 16px; color: #011A48; cursor: pointer; } .alt-logon .alt_register .tab-nav { /*line-height: 40px;*/ font-size: 16px; /*color: rgba(0, 0, 0, 0.4);*/ color: #011A48; text-align: center; overflow: hidden; } .alt-logon .alt_register .tab-nav>li { position: relative; padding: 16px 43px 16px 43px; display: inline-block; cursor: pointer; margin-top: 30px; } .alt-logon .alt_register .tab-nav>li:after { content: ""; width: 300px; height: 2px; background: #ff556e; background: -webkit-gradient(linear, left top, right top, from(#ff556e), to(#ff556e)); background: linear-gradient( 90deg, #ff556e, #ff556e); -webkit-box-shadow: 0 5px 15px 0 rgb(255 138 11 / 30%); border-radius: 5px; position: absolute; bottom: 10px; left: 0; -webkit-transform: translate(-50%); transform: translate(-25%); /*box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);*/ } .alt-logon .tab-box{ margin: 0px 74px; padding-top: 20px; } .alt-logon .tab-box>div{ display: none; } .alt-logon .tab-box>div.act{ display: block; } .alt-logon .inp-box{ position: relative; } .mb-16{ margin-bottom: 16px; } .mb-20{ margin-bottom: 20px; } .mb-25{ margin-bottom: 25px; } .mb-30{ margin-bottom: 30px; } .font-14{ font-size: 14px; } .font-color-FFFFFF { color: #FFFFFF } a.font-color-FFFFFF:visited{ color: #FFFFFF } a.font-color-FFFFFF:active{ color: #FFFFFF } a.font-color-FFFFFF:focus{ color: #FFFFFF } .font-color-FF556E { color: #FF556E } .font-color-000000 { color: #000000 } .alt-logon .inp-box>input::placeholder{ /*color: rgba(102,102,102,0.6);*/ color: #b9b9ba; } .alt-logon .inp-box>.icon{ position: absolute; left: 17px; top: 10px; width: 28px; height: 28px; } .alt-logon .inp-box>input[type="text"], .alt-logon .inp-box>input[type="password"]{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding-left: 15px; padding-right: 36px; border-radius: 4px; border: 1px solid #CCCCCC; box-sizing: border-box; } .alt-logon .inp-box.pasbox>input[type="text"], .alt-logon .inp-box.pasbox>input[type="password"]{ padding-right: 60px; } .alt-logon .inp-box.pasbox .eye{ position: absolute; top: 5px; right: 25px; width: 30px; height: 30px; background-image: url(../images/yanjing-3.png); background-position: center; background-repeat: no-repeat; } .alt-logon .inp-box.pasbox .eye.act{ background-image: url(../images/yanjing.png); } .alt-logon .inp-box.yzmbox>input[type="text"]{ padding-right: 188px; } .alt-logon .inp-box.yzmbox .yzm{ position: absolute; right: 48px; height: 38px; background-color: #F9F9F9; } .alt-logon .inp-box.yzmbox .sx{ position: absolute; top: 0px; right: 2px; width: 48px; height: 48px; background-image: url(../images/logon-icon-04.png); background-position: center; background-repeat: no-repeat; } .alt-logon .inp-box.smsbox .sms_code{ position: absolute; top: 5px; right: 7px; width: 70px; height: 30px; color: #FF556E; text-align: right; } .alt-logon .bttn-box>input{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #FFFFFF; border-radius: 4px; background-color: #FF556E; /*box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.2);*/ } .loginTip { display: none; margin-bottom: 17px; font-size: 12px; font-weight: 400; color: #FF556E; } .gn-box{ height: 12px; line-height: 12px; font-size: 12px; /*color: rgba(102,102,102,0.6);*/ color: #000000; overflow: hidden; margin-bottom: 17px; cursor: pointer; } .gn-box>li:first-of-type{ float: left; } .gn-box>li:first-of-type>input[type="checkbox"]{ display: none; } .gn-box>li:last-of-type{ float: right; } .gn-box>li:hover{ color: #FF556E; } .gn-box .chebox{ position: relative; padding-left: 20px; cursor: pointer; } .gn-box .chebox:hover{ color: #FF556E; } .gn-box .chebox::before{ position: absolute; left: 0; top: 1px; content: ""; width: 14px; height: 14px; border-radius: 2px; border: solid 1px rgba(0,0,0,0.1); box-sizing: border-box; } .gn-box .chebox.act::before{ border: solid 1px rgba(0,0,0,0.4); } .gn-box .chebox::after{ display: none; position: absolute; left: 3px; top: 50%; margin-top: -4px; content: ""; width: 8px; height: 8px; border-radius: 2px; background-color: #FF556E; } .gn-box .chebox.act::after{ display: block; } .gn-box>li:last-of-type>a{ /*color: rgba(102,102,102,0.6);*/ color: #000000; } .gn-box>li:last-of-type>a:hover{ color: #FF556E; } .bowbox{ position: absolute; bottom: 44px; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 15px; /*color: rgba(102,102,102,0.6);*/ color: #000000; overflow: hidden; } .bowbox>input{ display: none; } .bowbox>.chebox{ position: relative; padding-left: 25px; } .bowbox>.chebox::before{ position: absolute; left: 0; top: 1px; content: ""; width: 19px; height: 19px; background-color: #E8E8E8; /*border-radius: 14px;*/ /*border: solid 1px rgba(0,0,0,0.1);*/ box-sizing: border-box; cursor: pointer; } .bowbox>.chebox.act::before{ /*border: solid 1px rgba(0,0,0,0.4);*/ } .bowbox>.chebox::after{ display: none; position: absolute; left: 0; top: 1px; content: ""; width: 19px; height: 19px; background-image: url(../images/agree.png); /*width: 8px;*/ /*height: 8px;*/ /*border-radius: 8px;*/ /*background-color: #FF556E;*/ cursor: pointer; } .bowbox>.chebox.act::after{ display: block; } .bowbox>.chebox>a{ color: #FF556E; } .bowbox>.chebox>a:hover{ text-decoration: underline; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .alt-logon .inp-box>.selectJ{ display: block; width: 100%; height: 48px; line-height: 48px; font-size: 14px; text-align: left; /*color: rgba(102,102,102,0.6);*/ /*color: #b9b9ba;*/ padding-left: 50px; padding-right: 20px; border-radius: 50px; border: solid 1px rgba(0,0,0,0.1); box-sizing: border-box; background-image: url(../images/jiantouxiangxia.png); background-position: 97.5% center; background-repeat: no-repeat; } .alt-logon .inp-box>.selectJ.act{ color: #000000; } .alt-logon .opJ{ display: none; position: absolute; /*top: 50px;*/ left: 50px; right: 20px; border-radius: 5px; /*border: solid 1px rgba(0,0,0,0.1);*/ background: #FFFFFF; /*box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);*/ box-shadow: 0px 1px 7px 0px rgba(180, 180, 180, 0.35); min-width: 110px; max-height: 181px; overflow-x: hidden; overflow-y: auto; padding: 10px 0px; z-index: 2; } .alt-logon .tel .opJ{ left: 0; right: 200px; } .alt-logon .opJ.act{ display: block; } .alt-logon .opJ>input[type="button"], .alt-logon .opJ>li{ display: block; width: 100%; height: 36px; line-height: 36px; /*text-align: center;*/ font-size: 14px; padding-left: 17px; cursor: pointer; } .alt-logon .opJ>input[type="button"].act, .alt-logon .opJ>li.act{ /*background-color: #FF556E;*/ color: #FF556E; } .alt-logon .opJ>input[type="button"]:hover, .alt-logon .opJ>li:hover{ /*background-color: #FF556E;*/ color: #FF556E; } .alt-logon .tel>input[type="text"]{ padding-left: 120px; } .alt-logon .tel>.selectJ{ position: absolute; left: 15px; padding: 0px; width: 85px; height: 40px; line-height: 40px; border: none; } .GGtext { position: absolute; top: 0px; left: 0px; font-size: 12px; /*color: rgba(102,102,102,0.6);*/ color: #b9b9ba; width: 50px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; z-index: 8; } .alt-logon .alt-GB{ margin: 0px; top: 0px; right: 0px; background-size: 20px; } .alt-logon .wor{ /*border-radius: 50px;*/ /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/ } .alt-logon .wor>input[type="text"], .alt-logon .wor>input[type="password"], .alt-logon .wor>input[type="button"]{ border-color: #FF556E; } /*--------主题颜色切换----------*/ body.ZT-black, .navTopBox.ZT-black, .bkgWhite.ZT-black, .searchMenuBox.ZT-black, .LSmenuBottom.ZT-black, /*.LSmenu.ZT-black>li:hover,*/ .Ranking-type.ZT-black>div, .alt02-xz.ZT-black, .alt02-top.ZT-black, .Altsjk, .alt03-box.ZT-black, .helpbox02, .alt04-box.ZT-black, .alt06-box.ZT-black, .alt-content.ZT-black, .alt-content02.ZT-black, .alt01—box.ZT-black { /*background-color: #16161a;*/ background-color: #000000; } .navTopSearch.ZT-black, .navTopBox.bkgWhite .navTopSearch.ZT-black, .Ranking-type.ZT-black>div, /*.Movie-type.ZT-black>li,*/ .SSjgName.ZT-black>span, .SSjgJS.ZT-black>a, .BtnZY, .RAN.ZT-black .GNbox-type.ZT-black>span, .RANbox-list01 .GNbox-type.ZT-black>span, .seekbox-ipt>input.ZT-black, .seekbox-tta>textarea.ZT-black, .seek-slk.ZT-black, .per-btn-tow.ZT-black>a, .per-btn-tow.ZT-black>input, .per-li-r.ZT-black>input, .per-qx.ZT-black>input, .per-qx-02.ZT-black>input, .per-qx-03.ZT-black>input, .per-qk.ZT-black>input, .per-bf-bow02-h02-jd.ZT-black, .ind-bth-box01.ZT-black>input, .ind-bth-box02.ZT-black>input, .upl-picture.ZT-black, .upl-alt-picture.ZT-black, .upl-picture02.ZT-black, .upl-slt-text.ZT-black>input, .upl-btn-list02.ZT-black>input { background-color: rgba(255, 255, 255, 0.2); } .Movie-Ranking.ZT-black, .foot.ZT-black, .navTopMenu-one>li.ZT-black, .navTopMenu-two.ZT-black, .searchMenuBox.ZT-black, .searchMenuBox, .VIPmenuBOX.ZT-black, .FLmenuBox.ZT-black, .LSmenuBox.ZT-black, .FLmenuBox.ZT-black, .navTopLogon-GRXX.ZT-black, .sort.ZT-black, .Movie-details.ZT-black, .alt02-box.ZT-black, .box01.ZT-black>div, .scPX.ZT-black, .SSbox.ZT-black, .box02>.HrBox.ZT-black>li, .box02>.Sports-box.ZT-black>li, .BtnList, .BZbox02, .GNbox-type.ZT-black>span, .GNbox-JS.ZT-black>a, .GNbox-PLsr.ZT-black, .Movie-Ranking02.ZT-black, .JJXG-R-tp.ZT-black>span, .XQ-btn.ZT-black>input, .RAN.ZT-black, .RANbox-list01.ZT-black, .RANbox-list02.ZT-black>ul, .GNtab.ZT-black, .hlptab-box.ZT-black, .hlptab-a.ZT-black>li:hover, .hlptab-a.ZT-black>li.act, .hlp-box02.ZT-black, .hlp-kf.ZT-black, .hlp-bd.ZT-black, .seek-slk.ZT-black>option, .hlp-mm.ZT-black, .hlp-us.ZT-black, .hlp-xy.ZT-black, .hlp-app-nav, .per-tab-box.ZT-black, .oth-box-02.ZT-black, .sort02.ZT-black, .upl-file-box.ZT-black, .AD-navR.ZT-black, /*.ss_no.ZT-black,*/ .helpbox01 .alt-content02.ZT-black .ZT-black .alt-logon .opJ { /*background-color: #16161a;*/ background-color: rgba(0,0,0,0.8); } .LSmenuBox{ background-color: rgba(0,0,0,0.8); } .rigNav.ZT-black>div, .rigNav.ZT-black>div>a, .rigNav.ZT-black>div>span, .Ranking-type.ZT-black>div, .paybox02-fs.ZT-black>div, .paybox02-zh.ZT-black, .per-vip-box01.ZT-black, .per-vip-box02.ZT-black, .per-vip-box03.ZT-black, .rec-box.ZT-black table { background-color: rgba(51, 51, 51, 1); } .seekbox02.ZT-black { background-color: rgba(0, 0, 0, 0.7); } .navTopMenu-one>li.ZT-black>a, .navTopMenu-two.ZT-black>li>a, .searchMenu.ZT-black>a, .searchMenu>a, .VIPmenuBOX-A.ZT-black>a, /*.LSmenu.ZT-black>li>a,*/ .sort-menu.ZT-black>li>a, .sort-recommend.ZT-black>li>a, .RD-box.ZT-black>.Title-01>a, .Sports-box.ZT-black>.Title-01>a, .Livemaches-box.ZT-black>.Title-01>a, /*.Movie-box.ZT-black>.Title-02>a,*/ .Movie-box.ZT-black>.Title-03>a, .Ranking-name.ZT-black>a .Movie-name01.ZT-black, .Movie-star.ZT-black, .Movie-star, .Movie-btm.ZT-black, .Movie-btm, .Movie-content.ZT-black, .Movie-content, /*.Movie-name01.ZT-black,*/ .Movie-name02.ZT-black, .Ranking-name.ZT-black>a, /*.Sports-box.ZT-black>.Title-01>a,*/ .HrBox.ZT-black>.Title-01>a, .HrBox-name.ZT-black, .rigNav.ZT-black>div>span, .alt02-tabA.ZT-black, .alt02-topLi02.ZT-black, .condition.ZT-black>li>a, .conditionType-all.ZT-black>a, .scPX.ZT-black>li, .scJg.ZT-black, .SSjgName.ZT-black>a, .SSjgJS.ZT-black>a, .BZname>a, .BZsj, .GNbox-xq.ZT-black, .GNbox-TJ.ZT-black, .GNbox-RD.ZT-black, .GNbox-xq-text.ZT-black, .GNbox-PL.ZT-black, .GNbox-JS.ZT-black>a, .Title-04.ZT-black>a, .JJXG-R.ZT-black>a, .JJXG-R-xsp.ZT-black>a, .xsp.ZT-black, .Title-04.ZT-black, .JJXG-R-xsp.ZT-black, .searchMenuBox.ZT-black>.ZT-black>a, .searchMenuBox>li>a, .alt02-tabA.ZT-black>li, .XQ-name.ZT-black, .RAN-name.ZT-black, .RAN-z-box01-name.ZT-black, .seekbox02-ul>.ZT-black, .seekbox02-text.ZT-black, .seekbox-text03.ZT-black, .hlptab-box.ZT-black, .hlp-box02.ZT-black, .hlp-kf.ZT-black .hlp-kf-l>div>div:first-of-type, .hlp-t03.ZT-black, .hlp-bd-box.ZT-black>li:first-of-type, .hlp-us.ZT-black, .hlp-xy.ZT-black, .hlp-mm.ZT-black>.hlp-text05, .per-vip-box01-day-r.ZT-black, .per-vip-box02-r-box-02.ZT-black, .per-vip-box01-gg.ZT-black, .per-rwlist-h-l.ZT-black, .per-vip-box03-top.ZT-black, .per-gz-name.ZT-black, .per-now-box-02.ZT-black, .per-bf-bow02-h.ZT-black>span, .per-qq-name01.ZT-black, .per-qq-list.ZT-black .per-qq-bl, .per-qq-xxsz.ZT-black, .per-qq-name02.ZT-black, .per-qq-sz02-slc.ZT-black input, .per-qq-lt-l>ul>li:last-of-type.ZT-black, .GNbox-PLsr.ZT-black textarea, .ind-bth-box01.ZT-black>input, .ind-bth-box02.ZT-black>input, .alt-title.ZT-black, .oth-list.ZT-black .oth-name, .sort02.ZT-black .sort-list>a, .sort02-new.ZT-black .sort-list-new>a, .upl-text.ZT-black, .upl-btn-tab.ZT-black>input, .upl-btn-list.ZT-black>input, .upl-gz-l.ZT-black, .upl-gz-r.ZT-black, .vip-content-nav.ZT-black>.act, .vip-content-nav.ZT-black>li, .jh-left.ZT-black, .jh-right.ZT-black, .cz-oth.ZT-black, .AD-ul04.ZT-black /*.tab-nav.ZT-black*/ /*.ZT-black .alt-logon .opJ*/ /*.ZT-black .alt-logon .opJ>input*/ { /*color: rgba(255, 255, 255, 0.7);*/ /*color: #666668;*/ color: #FFFFFF; } { color: #FFFFFF; } .navTopMenu-one>li.ZT-black>a:hover, .navTopMenu-two.ZT-black>li>a:hover, .navTopMenuBox>.navTopMenu>.navTopMenu-text:hover>a, .navTop-search-hot:hover>.hotSearch, .LSmenu.ZT-black>li>a:hover, .LSmenu>li>a:hover, .sort-menu.ZT-black>li>a:hover, .sort-recommend.ZT-black>li>a:hover, .sort_content:hover>.sort_img>a>.sort-text, .RD-box.ZT-black>.Title-00>a:hover, .RD-box.ZT-black>.Title-01>a:hover, .NewTrailer-box-title>.Title-01>a:hover, .NewTrailer-box>.Title-01>a:hover, .Livemaches-box.ZT-black>.Title-01>a:hover, .Movie-box.ZT-black>.Title-02>a:hover, .Movie-box.ZT-black>.Title-03>a:hover, .Movie-name01:hover, .Ranking-name.ZT-black>a:hover, .Movie-name02.ZT-black:hover, .Sports-box.ZT-black>.Title-01>a:hover, .Sports-box>.Title-01>a:hover, .HrBox.ZT-black>.Title-01>a:hover, .HrBox-name.ZT-black:hover, .condition.ZT-black>li>a.conditionAct:hover, .conditionType-all.ZT-black>a.conditionAct:hover, .SSjgName.ZT-black>a:hover, .SSjgJS.ZT-black>a:hover, .BZname>a:hover, .GNbox-JS.ZT-black>a:hover, .Title-04.ZT-black>a:hover, .JJXG-R.ZT-black>a:hover, .play-name.ZT-black, .JJXG-R-xsp.ZT-black>a:hover, .GNbox-xq-text.ZT-black>div>span, .searchMenuBox.ZT-black>.ZT-black>a:hover, .searchMenuBox a:hover, .alt02-tabA.ZT-black>li.tabA, .paybox03-L>.ZT-black, .XQ-name.ZT-black:hover, .RAN-z-box01-name.ZT-black:hover, .seek-slk.ZT-black, .seekbox-ipt>input.ZT-black, .seekbox-tta>textarea.ZT-black, .per-gz-name.ZT-black:hover, .per-btn-tow.ZT-black>a:hover, .per-btn-tow.ZT-black>input:hover, .oth-list.ZT-black .oth-name:hover, .per-ss.ZT-black>input, .sort02.ZT-black .sort-list>a:hover, .sort02-new.ZT-black .sort-list-new>a:hover, .upl-tle.ZT-black, .upl-vid.ZT-black input, .upl-vid02.ZT-black input, .upl-btn-tab.ZT-black>.upl-rbtn.act:hover, .upl-btn-list.ZT-black>.upl-cbtn.act:hover, .alt-content-text.ZT-black, .top.ZT-black, .alt02-top.ZT-black, .pay-dz.ZT-black .pay-name, .dz-inp.ZT-black>li>div:last-of-type>input, .dz-inp.ZT-black>li>div:last-of-type>select, .rec-box.ZT-black table, .AD-title-01.ZT-black, .AD-text01.ZT-black, .AD-text03.ZT-black>li::marker, .AD-text06.ZT-black, .AD-text07.ZT-black, .AD-text08.ZT-black, .AD-text09.ZT-black, .AD-time.ZT-black, .AD-text10.ZT-black>li:first-of-type, .tab-nav.ZT-black>li.act, .inp-box.ZT-black>input[type="text"], .inp-box.ZT-black>input[type="password"], .inp-box.ZT-black>.selectJ.act, .qy-footer>.wp>a:hover, .movie-update-week:hover { /*color: rgba(255, 255, 255, 1);*/ color: #FF556E; } .Movie-Ranking.ZT-black, .content-tab-box.ZT-black { border: solid 0px #2A2A32; } .alt02-tabA.ZT-black, .Movie-Ranking02.ZT-black, /*.XX-tabA.ZT-black,*/ .alt02-tabA.ZT-black { border: solid 1px rgba(51, 51, 51, 1); } .VIPmenuTop.ZT-black { background-image: url(../images/triangle-upb.png); } .page.ZT-black .disabled a { color: rgba(51, 51, 51, 1); } .condition.ZT-black>li>a:hover, .conditionType-all.ZT-black>a:hover, .GNbox-TJ.ZT-black:hover, .GNbox-xq.ZT-black:hover, .GNbox-TJ.ZT-black.act, .GNbox-xq.ZT-black.act, .scPX.ZT-black>li:hover, .per-qq-sz02-slc.ZT-black input:hover, .upl-btn-tab.ZT-black>input:hover, .upl-btn-list.ZT-black>input:hover, .upl-gz-r.ZT-black>p:last-of-type, .AD-list .top.ZT-black { /*color: #FF556E;*/ color: #FF556E; } .GNbox-JS.ZT-black>a.act, .GNbox-JS.ZT-black>a:hover, .XQ-btn.ZT-black>input.act, .per-btn-tow.ZT-black>a:hover, .per-btn-tow.ZT-black>input:hover, .per-li-r.ZT-black>input:hover, .per-qq-xxsz-an.ZT-black label.act, .pper-qx.ZT-black>input:hover, .per-qx-03.ZT-black>input:hover, .per-qx-02.ZT-black>input:hover, .per-qx.ZT-black>input:hover, .upl-btn-list02.ZT-black>.act { background-color: #FF556E; } .per-vip-box02-r-box-02.ZT-black, .per-vip-box02-r-box-03.ZT-black, .paybox02-fs.ZT-black { border-right: solid 1px rgba(255, 255, 255, 0.1); } .per-gz-box.ZT-black, .per-now-box.ZT-black>li:last-of-type { border-bottom: solid 1px rgba(255, 255, 255, 0.1); } .per-rwlist>li.ZT-black:nth-of-type(2) { background-color: rgba(255, 255, 255, 0.1); } .rec-box.ZT-black table td { background-color: rgba(0, 0, 0, 0.2); } .per-vip-box01-day-r.ZT-black, .per-vip-box02-l.ZT-black, .per-vip-box03-top.ZT-black, .per-zw.ZT-black, .per-tab02.ZT-black, .per-ss.ZT-black, .per-tab-box02 .RANbox-list01.ZT-black, .per-tab-box05 .RANbox-list01.ZT-black, .per-tab03.ZT-black, .per-tab-box03.ZT-black, .per-tab04.ZT-black, .per-tab-box06 .RANbox-list01.ZT-black, .per-tab05.ZT-black, .per-tab06.ZT-black, .per-qq-box.ZT-black, .per-qq-xxsz-an.ZT-black label, .alt-bth-box02.ZT-black>.bth-off, .vip-content-nav.ZT-black>.act, .content-tab-box.ZT-black, .vip-pay.ZT-black, .pay-dz.ZT-black>li, .bnt-tow.ZT-black>input, .dz-inp.ZT-black>li>div:last-of-type>input, .dz-inp.ZT-black>li>div:last-of-type>select, .jh-left.ZT-black, .ZT-black .alt-logon .inp-box.yzmbox .yzm { background-color: rgba(255, 255, 255, 0.05); } .per-slt-list.ZT-black, .per-btn.ZT-black>.FLmenuBox.ZT-black, .per-qq-sz02-slc.ZT-black, .per-qq-lt-l>ul>li:last-of-type.ZT-black, .upl-slt-list.ZT-black { background-color: #373843; } .per-btn.ZT-black>.VIPmenuTop.ZT-black { background-image: url(../images/triangle-upb02.png); } .per-bof-box.ZT-black { border-color: rgba(255, 255, 255, 0.05); background-image: url(../images/right02-w05.png); } .per-qq-box.ZT-black, .per-qq-list.ZT-black, .per-qq-h01.ZT-black, .per-qq-h02.ZT-black, .per-qq-xxsz-an.ZT-black label, .per-qq-text-box.ZT-black, .alt-bth-box.ZT-black, .alt-bth-box.ZT-black>input, .pay-dz.ZT-black>li, .dz-inp.ZT-black>li>div:last-of-type, .cz-oth.ZT-black>li, .rec-box.ZT-black table th, .inp-box.ZT-black>input[type="text"], .inp-box.ZT-black>input[type="password"], .inp-box.ZT-black>.selectJ, .gn-box.ZT-black .chebox::before, .bowbox.ZT-black>.chebox::before{ border-color: rgba(255, 255, 255, 0.05); } .cz-oth.ZT-black>.act, .inp-box.wor.ZT-black>input[type="text"], .inp-box.wor.ZT-black>input[type="password"], .inp-box.wor.ZT-black>.selectJ.act, .gn-box.ZT-black .chebox.act::before, .bowbox.ZT-black>.chebox.act::before { border-color: #FF556E; } .pay-dz.ZT-black>.act { border-color: #FF556E; } .per-qq-list.ZT-black .per-qq-bl { background-image: url(../images/qq-left-w.png); } .oth-box-02.ZT-black .page.ZT-black .disabled a { color: #555555; } .alt-content.ZT-black { background-image: linear-gradient( 0deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.1) 100%, transparent 99%, transparent); } .vip-tc.ZT-black>.no::after { background-color: rgba(0, 0, 0, 0.7); } .vip-tc.ZT-black>.act.no::after, .alt02-tabA.ZT-black>.tabA.no::after { background-color: rgba(0, 0, 0, 0); } .alt02-tabA.ZT-black>.no::after { background-color: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.05); } .alt02-tabA.ZT-black>.no { color: rgba(255, 255, 255, 0.05); } .swiper-container { margin: 0px 165px; overflow: hidden; } .swiper-button-prev{ left: 0; background-image: url(../images/left.png); background-repeat: no-repeat; margin-top: -50px; } .swiper-button-next{ right: 0; background-image: url(../images/right.png); background-repeat: no-repeat; margin-top: -50px; } .swiper-button-next:after, .swiper-button-prev:after{ display: none; } .video-right-ad-img{ width: 100%; height: 275px; /*position: absolute;*/ bottom: 16px; overflow: hidden; } .video-right-ad-img>a>img{ width:100%; } .box05>.advert_2{ width: 1600px; background: #1E2126; border-radius: 10px; /*display: grid;*/ /*grid-template-columns: 1fr 1fr 1fr 1fr;*/ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 6px auto 0 auto; } .advert_content{ -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; } .advert_content_title{ width: 100%; height: 72px; line-height: 72px; font-size: 18px; font-weight: 400; color: #FFFFFF; text-align: center; background: #4886E1; border-right: #5C9EFF 4px solid; } .advert_2>.advert_content:first-child>.advert_content_title{ border-top-left-radius: 10px; } .advert_2>.advert_content:last-child>.advert_content_title{ border-top-right-radius: 10px; } .advert_content_ad>ul{ padding-top: 14px; padding-bottom: 20px; border-right: 4px solid #2E3239; } .advert_content_ad.last>ul{ border-right: 0; } .advert_content_ad>ul>li{ padding-left: 50px; padding-right: 20px; font-size: 16px; font-weight: 400; height: 35px; line-height: 35px; background: url(../images/duobianxing.png) no-repeat 20px center; } .advert_content_ad>ul>li>a{ color: #FFFFFF; display: block; width: 100%; height: 100%; overflow: hidden; } .advert_content_title.last{ border-right: 0; } .advert_content_title.last>img{ float: right; margin-top: 18px; margin-right: 11px; width: 32px; height: 32px; } @media screen and (max-width: 1910px) { .box05>.advert_2 { width: 1445px; } .advert_content_title{ height: 62px; line-height: 62px; } /*.advert_content_ad>ul>li{*/ /* height: 51px;*/ /* line-height: 51px;*/ /*}*/ .advert_content_title.last>img{ float: right; margin-top: 18px; margin-right: 11px; width: 32px; height: 32px; } .advert_content_title.last>img{ margin-top: 15px; } } @media screen and (max-width: 1525px) { .box05>.advert_2 { width: 1207px; } .advert_content_title{ height: 55px; line-height: 55px; } /*.advert_content_ad>ul>li{*/ /* height: 45px;*/ /* line-height: 45px;*/ /*}*/ .advert_content_title.last>img{ margin-top: 11px; } } .player-title { margin-top: 36px; float: left; max-width: 100%; /*height: 36px;*/ line-height: 36px; color: #FFFFFF; font-size: 22px; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/ font-weight: 400; } .player-title>.sub-title { color: #FFFFFF; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; } .margin_r5{ margin-right:5px; } .margin_l5{ margin-left: 5px; } .channel-title-shu{ display: inline-block;font-size: 16px; } /*detail页-右侧选中颜色*/ .qy-play-list .play-list-item.selected .title-link, .qy-play-list .play-list-item:hover .title-link { color: #FF556E; } .qy-advunder-show .qy-play-list .img-border { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid rgb(255, 85, 110); transition: all .2s; } .qy-advunder-show .qy-play-list .play-list-item.selected .img-border { display: block; } .qy-episode-num .select-item:hover { color: #FF556E; } @media screen and (min-width: 1560px) { .qy-episode-num .select-item { min-width:70px } /*.qy-flash-func .func-download,.qy-flash-func .func-give-piece,.qy-flash-func .func-share {*/ /* display:block*/ /*}*/ /*.qy-flash-func .func-more .qy-give-piece-tip {*/ /* display: none*/ /*}*/ } .alt01 .alt-GB{ margin-right: -249px; margin-top: -280px; } .alt03 .alt-GB{ background-image: url(../images/guanbi.png); } /* 首页头部导航 */ .navTopBox.ZT-black.index-navi-top100{ background-color: rgba(25,26,32,.8); } /* 列表页和搜索页，固定影片宽高样式 begin */ .container { width: 100%; padding-right: 0; padding-left: 0; } @media (min-width: 1336px) { .container { max-width: 1270px; margin-right: auto; margin-left: auto; } } @media (min-width: 1440px) { .container { max-width: 1275px; margin-right: auto; margin-left: auto; } } @media (min-width: 1679px) { .container { max-width: 1542px; margin-right: auto; margin-left: auto; } } @media (min-width: 1920px) { .container { max-width: 1770px; margin-right: auto; margin-left: auto; } } .box02-new .Movie, .update-box .Movie{ width: 216px; height: 296px; } .box02-new .Movie-name02, .box02-new .Movie-type02, .update-box .Movie-name02, .update-box .Movie-type02{ width: 216px; } .box02-new .Movie .Movie-img{ width: 100%; min-height: 100%; } .box02-new .Sports-box, .update-box .NewTrailer-box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; /*margin: 0px 165px;*/ } .box02-new .Sports-box .Title-01, .update-box .Title-01 { grid-column-start: 1; grid-column-end: 9; } /*更新列表*/ @media screen and (max-width:1920px) { .box02-new .Sports-box, .update-box .NewTrailer-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .box02-new .Sports-box .Title-01, .update-box .Title-01{ grid-column-start: 1; grid-column-end: 8; } .box02-new>.Sports-box>.Movie-list:last-of-type { display: block; } .update-box .NewTrailer-box>.Movie-list:nth-of-type(7){ display: block; } .channel-new>.Sports-box>.Movie-list:last-of-type, .update-box .NewTrailer-box>.Movie-list:nth-of-type(8) { display: none; } .channel-new>.Sports-box>.Movie-list:nth-last-of-type(2) { display: none; } .box02-new .Movie, .update-box .Movie{ width: 213px; height: 291px; } .box02-new .Movie-name02, .box02-new .Movie-type02, .update-box .Movie-name02, .update-box .Movie-type02{ width: 213px; } } @media screen and (max-width:1680px) { .box02-new .Sports-box, .update-box .NewTrailer-box { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .box02-new .Sports-box .Title-01, .update-box .Title-01 { grid-column-start: 1; grid-column-end: 7; } .box02-new>.Sports-box>.Movie-list:last-of-type { display: block; } .box02-new>.Sports-box>.Movie-list:nth-last-of-type(2) { display: block; } .channel-new>.Sports-box>.Movie-list:last-of-type, .update-box .NewTrailer-box>.Movie-list:nth-of-type(7) { display: none; } .channel-new>.Sports-box>.Movie-list:nth-last-of-type(2), .update-box .NewTrailer-box>.Movie-list:nth-of-type(8) { display: none; } .channel-new>.Sports-box>.Movie-list:nth-last-of-type(3), .channel-new>.Sports-box>.Movie-list:nth-last-of-type(4) { display: none; } .box02-new .Movie, .update-box .Movie{ width: 205px; height: 277px; } .box02-new .Movie-name02, .box02-new .Movie-type02, .update-box .Movie-name02, .update-box .Movie-type02{ width: 205px; } } .box02-new-content { margin: 20px 0; } .SScondition-new{ margin-left: 0px; } .box02-new .hiddenclass{display: none} /* 列表页和搜索页，固定影片宽高样式 end */ /* 排行榜数字 begin */ .index-rank-NO{ display: none; position: absolute; left: 3px; bottom: 11px; font-family: Impact; font-size: 32px; line-height: 1; color: #fff; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: -webkit-linear-gradient(-90deg,#fff 11%,hsla(0,0%,100%,0)); opacity: .2; text-align: center; transform: skew(-10deg); } .index-rank-num{ float: left; position: relative; margin-right: 10px; width: 40px; color: hsla(0,0%,100%,.12); font: 600 40px Impact; line-height: 50px; text-align: center; transform: skew(-10deg); } .detail-rank-NO{ color: #eef1f4; background-image: -webkit-linear-gradient(270deg,rgba(24,25,30,.13),rgba(24,25,30,.04)); left:0px; bottom: 0px; font-size: 40px; opacity: 1; } .detail-rank-num{ color: rgba(24,25,30,.2); } .index-rank-1 .index-rank-num, .index-rank-2 .index-rank-num, .index-rank-3 .index-rank-num{ position: relative; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .index-rank-1 .index-rank-num{ color: #ff473a; background-image: -webkit-linear-gradient(#ff5d52,#ff3e30); } .index-rank-2 .index-rank-num{ color: #f73; background-image: -webkit-linear-gradient(#ff7e3d,#ff6619); } .index-rank-3 .index-rank-num{ color: #ffa82e; background-image: -webkit-linear-gradient(#ffa424,#ff9500); } /*.index-rank-1 .index-rank-NO,*/ /*.index-rank-2 .index-rank-NO,*/ /*.index-rank-3 .index-rank-NO{*/ /* display: block;*/ /*}*/ /* 排行榜数字 end */ .channel-add{ margin: 0 auto; /*padding: 0 40px;*/ } .alt05-box.ZT-black{ background-color: #25262B; } .alt05-box.ZT-black .alt-bth-box{ border-top: solid 1px #37383D; } .alt05-box.ZT-black .alt-bth-box>input{ border-left: solid 2px #2C2D32 } .alt05-box.ZT-black .alt-bth-box>input:first-of-type { border: none; } .alt05-box .alt-title{ padding: 20px 20px; } .alt05-box .alt-bth-on{ color: #000000; } .alt05-box.ZT-black .alt-bth-on{ color: #FFFFFF; } .alt05-box.ZT-black .alt-bth-box>input:hover { color: #FF556E; }