/* COMBO: filename = 2017/vip/common/css/reset-style.css, type = text/css, resp = 200 */ /************* clear default style *************/ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0;font: inherit;vertical-align: baseline;text-align: left;font-family: "Microsoft YaHei";margin: 0;padding: 0;color: #333} * {-webkit-box-sizing: border-box;box-sizing: border-box} ol, ul {list-style: none} table {border-collapse: collapse;border-spacing: 0} form, input, textarea,select{font-family: "Microsoft YaHei";outline: 0;} ::-moz-placeholder {color:#999} ::-webkit-input-placeholder {color:#999} :-ms-input-placeholder {color:#999} h1, h2, h3, h4 {font-weight: 400} i{ font-style:normal; } .clear {clear: both;} b{ font-weight: normal; } .clearfix::after {clear: both; content: ""; display: block; height: 0;} .clearfix { zoom: 1;} .fl {float: left} .fr {float: right} a{text-decoration:none;color:#333;cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());} a:active{border:none;} a:after{border:none;} img{border:0} .trans{ transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s } .w1200 {width: 1200px;margin: 0 auto} body{ min-width: 1200px;background-color: #f6f6f6; font-size: 14px;} /* COMBO: filename = framework/public/common/css/refresh_css_www.v9.12.10.css, type = text/plain, resp = 404 */ /* COMBO: filename = 2017/vip/common/css/vip-publicV2.css, type = text/css, resp = 200 */ /****************** 本样式表针对VIP公共样式部分 2018-11-20 ******************************/ i{display: inline-block;} .loginMask .loginBox {margin-left: -120px !important;} /*plus-top*/ .plus-top{height:32px;background:#333} .plus-top .subject{color:#ccc;line-height:32px} .plus-top .link{margin-top:6px} .plus-top i{margin-right:5px;vertical-align:-2px;background:url(/static/images/plus-home.png) no-repeat} .plus-top a{color:#ccc} .plus-top a:hover{color:#d12f39} .plus-top .wt{padding-right:14px;border-right:1px solid #ccc} .plus-top .wt i{width:17px;height:16px;background-position:0 0} .plus-top .wt:hover i{background-position:-19px 0} .plus-top .work{padding-left:14px} .plus-top .work i{width:15px;height:16px;background-position:0 -18px} .plus-top .work:hover i{background-position:-20px -18px} /*头部*/ .header{ background-color: #fff;padding: 36px 0 32px} .header .vip-logo{position: relative;width: 157px; height: 24px; background: url(/static/images/logo.png);margin-right:70px;} .header .vip-logo a{ display: block; width: 157px; height: 24px;position: relative;z-index: 5;} .header .vip-logo img{width: 100%;height: 100%;} .header .vip-logo .tip{display:none;position:absolute;left:0;top:-52px;width:298px;height:138px;background:url(/static/images/logo-tip.png) center;box-sizing:border-box;padding-top:104px;z-index:4} .header .vip-logo .tip p{text-align:center;color:#C61F29} .header .vip-logo:hover .tip{display:block} .header .nav-link{display: block;height: 39px; font-size:16px;margin-right:35px;position:relative;padding-bottom:18px;z-index: 4;box-sizing: border-box;} .header .nav-link .tri{width:10px;height:6px;background:url(/static/images/plus-home.png) 0 -115px;position:absolute;left:42%;bottom:-9px;display:none;z-index: 20;} .header .nav-link:hover a{color:#c61f29;} .header .nav-link:hover{border-bottom: 4px solid #c61f29;} .header .nav-link:hover .tri{display: block;} .header .nav-link .nav-dropdown{width:1200px;height: 142px;padding-top: 24px; background:#fff;position:absolute;top:38px;left:-251px;display:none;box-sizing: border-box;} .header .nav-link .nav-dropdown ul{text-align:center} .header .nav-link .nav-dropdown ul li{display:inline-block;margin-right: 26px;} .header .nav-link .nav-dropdown ul li:last-child{margin-right: 0;} .header .nav-link:hover .nav-dropdown{display:block} .header .nav-link .nav-dropdown ul li a{display: block;} .header .nav-link .nav-dropdown .i-box{width: 54px;height: 52px;background: #fff;margin-bottom: 10px;text-align: center;line-height: 52px;} .header .nav-link .nav-dropdown i{background:url(/static/images/plus-icon.png?v=1) no-repeat;margin:auto;vertical-align: middle;} .header .nav-link .nav-dropdown p{color:#666;font-size:12px;width: 60px;text-align: center;} .header .nav-link .nav-dropdown a:hover .i-box{background: #ffe8e8;} .header .nav-link .nav-dropdown a:hover p{color: #d12f39;} .header .nav{ margin-top: 2px} .header .operate .open{ padding-bottom: 15px; position: relative;margin-right:18px} .header .operate .open .drop-box{ width: 340px; height: 180px; background-color: #fff;border: 1px solid #EEEEEE;box-shadow: 2px 3px 30px 0 rgba(212,212,212,0.50);border-radius: 6px; position:absolute; top:40px; right:-65px; z-index: 3;display: none;} .header .operate .open .drop-box dl{ width:100px; margin-top: 26px } .header .operate .open .drop-box dl dt{ width: 35px;height: 29px; margin: 0 auto 10px;background: url(/static/images/plus-home.png)} .header .operate .open .drop-box dl dt.icon-vip{ background-position: -81px 0;} .header .operate .open .drop-box dl dt.icon-company{ background-position: -81px -44px;} .header .operate .open .drop-box dl dd{ text-align: center;} .header .operate .open .drop-box dl dd.f16{ color: #333; font-size: 16px;line-height: 20px;} .header .operate .open .drop-box dl dd.f12{ color: #999; font-size:12px; line-height: 16px} .header .operate .open dl dd a{display: block;background: #fff;font-size: 12px; margin: 0 auto;border: 1px solid #C03C3F;border-radius: 2px; margin-top:14px;width: 90px;height: 34px; line-height: 32px; color: #C03C3F; text-align:center;} .header .operate .open dl dd a:hover{background: #C03C3F; color: #fff; } .header .operate .open .w270{ width: 270px; margin: 0 auto} .header .operate .open .line{border-right: 1px solid #EEEEEE; height: 124px; margin-top: 26px} .header .operate .open .people-box{ margin-right:34px;} .header .operate .open i.icon-triangle{ position: absolute; display: inline-block; width: 28px; width: 28px;height:14px; background:url(/static/images/plus-home.png) -46px -49px; top:-14px; right: 75px;} .header .operate .open:hover .drop-box{ display: block;} .header .operate .open a{color:#c61f29;display:block} .header .operate .open i{width:22px;height:22px;margin-right:6px;vertical-align:-3px;background:url(/static/images/plus-home.png) 0 -38px} .header .operate .without a{color:#666;display:block} .header .operate .without i{width:24px;height:24px;vertical-align:-4px;margin-right:6px;background:url(/static/images/plus-home.png) 0 -64px} .header .operate .user{width:41px;height:41px;border-radius:50%;margin-top:-8px;display: none;margin-right: 16px;position:relative;padding-bottom:6px;box-sizing:content-box} .header .operate .user .user-photo{display:block;width:41px;height:41px;border-radius:50%;overflow:hidden; border: #eee 1px solid} .header .operate .user img{width: 41px;height: 41px;} .header .operate .user .login-drop{ width:412px; height:auto; padding-bottom:15px;position:absolute; top:44px; right:-180px; background-color: #fff;border-radius:2px;box-shadow:0 0px 10px rgba(65,65,65,0.3); display: none;z-index:10} .coupon-Send{ height:24px; text-align:center; color: #333; font-size:12px; background-color: #ffeab4; line-height: 24px; margin-top: 12px;} .coupon-Send a{ color: #ff6e00; text-decoration: underline;} .login-drop .user-infor{ height: 66px; background-color: #f2f2f2; padding:14px 46px 0 26px;} .login-drop .user-infor dl{ width:260px;} .login-drop .user-infor dl dt{ width:38px; height: 38px; border-radius: 38px; margin-right: 18px;} .login-drop .user-infor dl dd{ width:200px; color: #666; line-height: 18px; padding-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .login-drop .login-out{ color: #666;} .login-drop .login-out:hover{ color: #db2828} .login-drop .privilege-describe{ width: 362px; height:162px; margin:15px auto 24px; border:#e5e5e5 1px solid; border-radius: 2px;} .login-drop .privilege-describe .describe-title{ text-align:center; height: 35px; line-height: 35px; border-bottom: #f2f2f2 1px solid; font-size: 16px; color: #666;} .login-drop .privilege-describe .describe-icon{ display: inline-block; width: 25px; margin-right: 10px;height: 22px; background: url(/static/images/vip-public-img.png); vertical-align: -4px;} .login-drop .privilege-describe .describe-box{ padding-top:25px;} .login-drop .privilege-describe p{ height: 24px; line-height: 24px; width: 140px; font-size: 12px;color:#666; margin-bottom:30px; margin-left:25px;} .login-drop .privilege-describe .describe-one{ background-position: -306px 0; height: 22px;} .login-drop .privilege-describe .describe-two{ background-position: -306px -26px; height: 25px; vertical-align: -7px;} .login-drop .privilege-describe .describe-three{ background-position: -306px -54px; height:20px; vertical-align: -3px} .login-drop .privilege-describe .describe-four{ background-position: -306px -77px; height: 22px;} .login-drop .btn-red-color{ background-color: #c61f29; height:40px; width: 240px; margin: 0 auto 20px; text-align: center; font-size: 16px;line-height: 40px; display: block; line-height: 40px; color:#fff; border-radius: 2px;} .login-drop .btn-red-color:hover{ opacity: 0.9} .login-drop .link-box{ width: 362px; margin: 0 auto ; height: 18px; line-height: 18px;} .login-drop .link-box i{ display: inline-block; border-left:#999 1px solid; height: 12px; margin-top:4px;} .login-drop .link-box a{color: #666; display: inline-block; margin: 0 22px;} .login-drop .link-box a:hover{ color: #db2828} .header .operate .user:hover .login-drop{ display: block; } .optimize{ color: #999; font-size: 12px; text-align:center; line-height: 24px; padding: 10px 0 0} /*头部下拉调整 2019-08-05*/ .dropLogin{ width: 236px; background-color: #fff; border-radius:4px;position:absolute; top:50px; box-shadow: 0 0 7px rgba(0,0,0,0.2); z-index: 3; left: 50%; top: 46px;margin-left: -118px;display: none;} .userInfor{ height:62px; background-color: #f5f5f5} .userInfor dt{ width:40px; height: 40px; border-radius: 40px; border:#fff 2px solid; margin: 11px 13px } .userInfor .userName{ margin-top: 12px; margin-right: 10px} .userInfor .userName p{ color:#333; line-height: 20px; width:90px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden} .userInfor .userName p.f12{ color:#666; font-size: 12px;} .userInfor .bindBox a{ width: 25px; height: 25px; display: inline-block;border-radius: 25px; background-color: #e2e2e2; text-align:center; line-height: 25px; margin:19px 2px; transition: all 0.2s;} .userInfor .bindBox a i{ color: #fff;} .userInfor .bindBox a i.on{ color: #c61f29;} .userInfor .bindBox a:hover{ opacity: 0.8} .openVip{ height: 72px; border-bottom: #eee 1px solid; padding: 20px 0} .openVip a{ width: 120px; height: 32px; line-height: 32px; color: #fff; border-radius: 32px; background-color: #c61f29; text-align:center; margin:0 auto;display: block; transition: all 0.2s;} .openVip a:hover{ opacity: 0.85} .dropLogin ul{margin-top:10px;} .dropLogin ul li{ height:40px; line-height: 40px; width: 100%;} .dropLogin ul li a{ display: block; width: 100%; height:100%; color: #666} .dropLogin ul li a span{ color: #c61f29} .dropLogin ul li i{ display: inline-block; width: 18px; color: #666; background-image:none;font-size: 18px;margin: 0 10px 0 20px;} .dropLogin ul li i.icon-collect{ font-size: 20px; vertical-align: -2px} .dropLogin ul li i.icon-integrals,.dropLogin ul li i.icon-uploadBtn{ vertical-align: -2px} .dropLogin ul li i.icon-switch{ font-size:17px} .dropLogin ul li.stylistApply{ margin-bottom: 10px} .dropLogin ul li.stylistApply i{ font-size: 20px} .dropLogin ul li:hover{ background-color:#c61f29;} .dropLogin ul li:hover a,.dropLogin ul li:hover a i,.dropLogin ul li:hover a span{ color: #fff;} .dropLogin ul li.linkCompany{ width: 212px; height: 73px; display: block; margin:0 auto 20px; background: url(/static/images/linkCompany.png);} .switchLogin{ background-color: #f5f5f5} .operate .user:hover .dropLogin{ display: block;} .operate{ padding-bottom: 10px} /*头部下拉调整 2019-08-05*/ /*悬浮头部*/ .fix-header{display:none;position:fixed;top:-68px;left:0;right:0;background:#fff;z-index:9;border-bottom: 1px solid #eee; padding: 0} .fix-header .vip-logo{margin-top:24px;margin-right: 67px;} .fix-header .vip-seek{width:550px;margin:12px 0} .fix-header .vip-seek .input-box input{width:460px} .fix-header .vip-seek .input-box .seek-tip{width:460px} .fix-header .vip-seek .input-box .seek-tip .history{width:550px} .fix-header .operate{margin-top:20px} .fix-header .classify{margin-top:24px;margin-right:58px;position:relative} .fix-header .classify p{font-size:16px;width:102px;cursor:pointer;padding-bottom:10px;text-align:center} .fix-header .classify:hover .box{display:block} .fix-header .classify .box{width:102px;position:absolute;left:0;top:30px;background:#fff;z-index:5;border-top:4px solid #c61f29;box-shadow:0 0 6px rgba(0,0,0,.2);border-radius:0 0 6px 6px;display:none} .fix-header .classify .box a{display:block;text-align:center;line-height:30px;color:#666;margin:14px 0} .fix-header .classify .box a:hover{background:#fbedee;color:#c61f29} .fix-header .classify .box i{width:10px;height:8px;background:url(/static/images/plus-home.png) -12px -114px no-repeat;position:absolute;left:45px;top:-10px} .fix-header .classify .down{width:12px;height:7px;background:url(/static/images/plus-home.png) -28px -115px no-repeat;vertical-align:1px;margin-left:2px} /*广告*/ .nav-link .nav-dropdown .panel i{width:31px;height:39px;background-position:-254px -172px} .nav-link .nav-dropdown .poster i{width:28px;height:28px;background-position:-59px -402px} .nav-link .nav-dropdown .vip{vertical-align:-16px} .nav-link .nav-dropdown .vip i{width:31px;height:27px;background-position:-165px -350px} .nav-link .nav-dropdown .album i{width:39px;height:29px;background-position:-226px -241px} .nav-link .nav-dropdown .culture i{width:35px;height:29px;background-position:-176px -297px} .nav-link .nav-dropdown .leaflet i{width:27px;height:31px;background-position:-417px -281px} .nav-link .nav-dropdown .ccie i{width:34px;height:33px;background-position:-10px -297px} .nav-link .nav-dropdown .stage i{width:37px;height:33px;background-position:-254px -119px} .nav-link .nav-dropdown .vi{vertical-align:-14px} .nav-link .nav-dropdown .vi i{width:31px;height:37px;background-position:-312px -180px} .nav-link .nav-dropdown .house i{width:32px;height:33px;background-position:-364px -228px} .nav-link .nav-dropdown .festival i{width:33px;height:34px;background-position:-364px -10px} .nav-link .nav-dropdown .packaging i{width:35px;height:35px;background-position:-365px -332px} .nav-link .nav-dropdown .blackboard i{width:35px;height:35px;background-position:-320px -384px} .nav-link .nav-dropdown .tabloid i{width:35px;height:35px;background-position:-320px -343px} /*视频*/ .nav-link .nav-dropdown .ae i{width:29px;height:28px;background-position:-10px -402px} .nav-link .nav-dropdown .diss i{width:30px;height:30px;background-position:-417px -181px} .nav-link .nav-dropdown .bg-v i{width:33px;height:30px;background-position:-61px -350px} .nav-link .nav-dropdown .shoot{vertical-align:-14px} .nav-link .nav-dropdown .shoot i{width:36px;height:32px;background-position:-170px -241px} .nav-link .nav-dropdown .movie i{width:30px;height:30px;background-position:-417px -231px} .nav-link .nav-dropdown .edius i{width:32px;height:32px;background-position:-364px -281px} .nav-link .nav-dropdown .PR i{width:33px;height:33px;background-position:-364px -123px} .nav-link .nav-dropdown .anaphase i{width:37px;height:45px;background-position:-140px -10px} .nav-link .nav-dropdown .dog{vertical-align:-14px} .nav-link .nav-dropdown .dog i{width:38px;height:33px;background-position:-170px -396px} .nav-link .nav-dropdown .sound i{width:30px;height:33px;background-position:-417px -10px} .nav-link .nav-dropdown .mg i{width:39px;height:37px;background-position:-217px -393px} .nav-link .nav-dropdown .wechat i{width:41px;height:39px;background-position:-268px -391px} .nav-link .nav-dropdown .other i{width:29px;height:6px;background-position:-216px -350px} /*电商*/ .nav-link .nav-dropdown .act i{width:29px;height:35px;background-position:-312px -237px} .nav-link .nav-dropdown .tao i{width:36px;height:27px;background-position:-231px -297px} .nav-link .nav-dropdown .tao-detail i{width:33px;height:32px;background-position:-364px -176px} .nav-link .nav-dropdown .tao-home i{width:38px;height:34px;background-position:-254px -10px} .nav-link .nav-dropdown .sales{vertical-align:14px} .nav-link .nav-dropdown .sales i{width:33px;height:36px;background-position:-10px -241px} .nav-link .nav-dropdown .car{vertical-align:16px} .nav-link .nav-dropdown .car i{width:52px;height:16px;background-position:-287px -297px} .ec-link .nav-dropdown .font{vertical-align: 16px;} .nav-link .nav-dropdown .font i{width:31px;height:32px;background-position:-10px -350px} .nav-link .nav-dropdown .tao-phone i{width:28px;height:39px;background-position:-364px -64px} /*设计*/ .nav-link .nav-dropdown .science i{width:42px;height:40px;background-position:-10px -70px} .design-link .nav-dropdown .font{vertical-align:0} .nav-link .nav-dropdown .nature i{width:45px;height:33px;background-position:-108px -397px} .nav-link .nav-dropdown .people i{width:41px;height:34px;background-position:-133px -130px} .nav-link .nav-dropdown .holiday i{width:34px;height:34px;background-position:-116px -241px} .nav-link .nav-dropdown .sign i{width:45px;height:40px;background-position:-10px -10px} .nav-link .nav-dropdown .streak i{width:35px;height:33px;background-position:-186px -185px} .nav-link .nav-dropdown .clan i{width:40px;height:35px;background-position:-73px -130px} .nav-link .nav-dropdown .bg i{width:37px;height:36px;background-position:-10px -185px} .nav-link .nav-dropdown .demo i{width:37px;height:37px;background-position:-197px -67px} .nav-link .nav-dropdown .camera i{width:39px;height:33px;background-position:-127px -185px} .nav-link .nav-dropdown .ikon i{width:40px;height:33px;background-position:-67px -185px} /*手抄报*/ .nav-link .nav-dropdown .memory i{width:32px;height:37px;background-position:-312px -10px} .nav-link .nav-dropdown .day i{width:36px;height:31px;background-position:-120px -297px} .nav-link .nav-dropdown .day{vertical-align:-16px} .nav-link .nav-dropdown .read i{width:32px;height:36px;background-position:-312px -124px} .nav-link .nav-dropdown .subject i{width:32px;height:37px;background-position:-312px -67px} .nav-link .nav-dropdown .vacation{vertical-align:-16px} .nav-link .nav-dropdown .vacation i{width:45px;height:40px;background-position:-75px -10px} .nav-link .nav-dropdown .pe i{width:37px;height:37px;background-position:-197px -10px} .nav-link .nav-dropdown .eco i{width:42px;height:38px;background-position:-72px -70px} .nav-link .nav-dropdown .safe i{width:35px;height:35px;background-position:-254px -64px} .hp-link .nav-dropdown .safe{vertical-align: -16px;} /*手机*/ .nav-link .nav-dropdown .i-poster i{width:24px;height:40px;background-position:-417px -63px} .nav-link .nav-dropdown .h5 i{width:25px;height:38px;background-position:-417px -123px} .nav-link .nav-dropdown .chart i{width:43px;height:35px;background-position:-10px -130px} .nav-link .nav-dropdown .i-hiapk i{width:34px;height:30px;background-position:-278px -347px} .nav-link .nav-dropdown .i-create i{width:33px;height:33px;background-position:-386px -397px} /*更多*/ .nav-link .nav-dropdown .bg-wall{vertical-align:16px} .nav-link .nav-dropdown .bg-wall i{width:31px;height:28px;background-position:-114px -350px} .nav-link .nav-dropdown .ui i{width:25px;height:33px;background-position:-417px -332px} .nav-link .nav-dropdown .company i{width:36px;height:31px;background-position:-64px -297px} .nav-link .nav-dropdown .product i{width:34px;height:34px;background-position:-140px -75px} .nav-link .nav-dropdown .cad i{width:37px;height:37px;background-position:-197px -124px} .more-link .nav-dropdown .culture{vertical-align: 16px;} .nav-link .nav-dropdown .productImg i{ width:36px; height: 36px; background-position: -8px -444px} .header .vd-link .nav-dropdown{left: -355px;} .header .ec-link .nav-dropdown{left: -459px} .header .ds-link .nav-dropdown{left: -563px} .header .hp-link .nav-dropdown{left: -667px} .header .phone-link .nav-dropdown{left: -791px} .header .more-link .nav-dropdown{left: -895px} .nav-link{ position: relative;} .header .nav-link .nav-dropdown { position: absolute;width:592px; background-color: #fff; box-shadow:1px 1px 6px rgba(76,76,76,0.5); height: auto; padding:25px 20px 15px; border-radius: 5px; transition: all 0.2s;} .header .nav-link .nav-dropdown ul{ text-align: left; overflow: hidden; } .header .nav-link .nav-dropdown ul li{ margin-right: 0; margin-bottom: 10px;overflow: hidden; height: 54px; float: left; position: relative; width: 184px;} .header .nav-link .nav-dropdown .i-box{ margin-bottom: 0; margin-right: 10px; display: table-cell;vertical-align: middle; line-height: 52px;} .header .nav-link .nav-dropdown p{ width: 120px; text-align: left; height: 54px; line-height: 54px; font-size: 14px; position: absolute; top: 0; left: 64px} .header .nav-link .tri{display:none !important} .header .ad-link .nav-dropdown{ left:-200px; } .header .vd-link .nav-dropdown{ left:-180px; } .header .ec-link .nav-dropdown{ left:50%; margin-left: -245px;} .header .ds-link .nav-dropdown{ left:50%; margin-left: -245px;} .header .hp-link .nav-dropdown{ left:50%; margin-left: -300px;} .header .phone-link .nav-dropdown{ left:50%; margin-left: -370px;} .header .more-link .nav-dropdown{ left:50%; margin-left: -420px;} /*搜索框*/ .vip-seek{width:804px;margin:20px auto 0;} .vip-seek .input-box{position:relative} .vip-seek .input-box input{height:44px;width:714px;border:1px solid #d12f39;box-sizing:border-box;padding-left:26px;border-radius: 44px 0 0 44px;} .vip-seek .input-box .go{display:block;width:89px;height:44px;line-height:44px;background:#d12f39;color:#FFF;text-align:center;border-radius:0 44px 44px 0;} .vip-seek .input-box .go i{width:18px;height:18px;margin-right:8px;vertical-align:-4px;background:url(/static/images/plus-home.png) 0 -92px no-repeat} .vip-seek .input-box .seek-tip{width:714px;border-radius:0 0 6px 6px;background:#fff;position:absolute;top:44px;left:0;box-shadow:0 0 6px rgba(0,0,0,.2);display:none;z-index: 3;} .vip-seek .input-box .seek-tip .history{width:700px;margin:auto;line-height:40px;border-bottom:1px solid #e6e6e6} .vip-seek .input-box .seek-tip .history span{color:#999;font-size:12px;margin:0 18px} .vip-seek .input-box .seek-tip .history a{margin-right:24px;font-size:12px;color:#999} .vip-seek .input-box .seek-tip .history a:hover{color:#d12f39} .vip-seek .input-box .seek-tip li{height:40px;line-height:40px} .vip-seek .input-box .seek-tip li a{display:block;padding:0 22px} .vip-seek .input-box .seek-tip li:hover{background:#fbedee} .vip-seek .input-box .seek-tip li:hover .key{color:#d12f39} .vip-seek .input-box .seek-tip li .key{color:#666} .vip-seek .input-box .seek-tip li .value{color:#999} .vip-seek .hot{margin-top:12px} .vip-seek .hot span{margin-right:12px} .vip-seek .hot a{margin-right:26px} .vip-seek .hot .on{color:#d12f39} .vip-seek .hot a:hover{color:#d12f39} .hotlists{ position: absolute;top:44px; left:19px;z-index:2;width:695px; border: #ddd 1px solid; border-top: none ; background-color: #fff; display: none;} .hotlists ul{ cursor: pointer;width: 100%; overflow: hidden; } .hotlists li{ height: 40px; line-height: 40px; padding: 0 20px; color: #666; font-size: 16px; } .hotlists .sokeyup_2{ float:left } .hotlists .sokeyup_3{ float:right } .hotlists ul:hover{background-color:#fbedee } .vip-seek .hotlists2{width:441px} .vip-seek .sokeyup_2{color:#666;font-size:14px} .vip-seek .sokeyup_3{color:#999;font-size:14px} .vip-seek ul:hover .sokeyup_2{color:#d12f39} .btn-red{ background-color: #c61f29; display: block; color: #fff; text-align:center; border-radius: 2px; } .btn-red:hover{ opacity: 0.9 } /*footer*/ #vip-footer .footer{background:#f5f5f5;padding:28px 0 20px;height:auto} #vip-footer .about{height:140px;border-right:1px solid #c8c8c8;padding-right:160px;box-sizing:border-box} #vip-footer .about h1{font-size:24px;color:#666;margin-bottom:12px} #vip-footer .about .desc-module{font-size:24px;color:#666;margin-bottom:12px} #vip-footer .about p{font-size:16px;color:#999;margin-bottom:26px} #vip-footer .about .link a{font-size:16px;color:#666;margin-right:70px} #vip-footer .about .link a:hover{color:#C61F29} #vip-footer .contact{padding-left:30px} #vip-footer .contact h1{font-size:24px;color:#666;margin-bottom:24px} #vip-footer .contact .contact-module{font-size:24px;color:#666;margin-bottom:24px} #vip-footer .contact .way{margin-right:80px} #vip-footer .contact .way p{color:#666;margin-bottom:18px} #vip-footer .contact .way p i{background:url(/static/images/plus-home.png) no-repeat;margin-right:12px;vertical-align:-2px; display: inline-block;} #vip-footer .contact .way .service i{width:17px;height:16px;background-position:-41px -75px} #vip-footer .contact .way .qq i{width:17px;height:19px;background-position:-64px -75px} #vip-footer .contact .chart{margin-right:36px} #vip-footer .contact .chart:last-child{margin-right:0} #vip-footer .contact .chart .pic{width:96px;height:96px;background:#959595;margin-bottom:10px} #vip-footer .contact .chart .pic img{width:96px;height:96px} #vip-footer .contact .chart p{text-align:center;font-size:12px;color:#666} #copyright{height:82px;background:#333;min-width:1200px;} #copyright .pz p{ float:left;display:inline;font-size:16px;color:#797979;height:82px;line-height:82px;padding-right:35px;} #copyright .pz p i{ float:left;display:inline;width:26px;height:34px;margin:25px 18px 0 0;background:url(/static/images/vip-public-img.png) 0px -32px no-repeat;} #copyright .pz p .bz{ background-position:-27px -32px} #copyright .pz p .tx{ background-position:-54px -32px} #copyright .pz p .pp{ background-position:-81px -32px } #copyright .copy{color:#999;line-height:24px;padding-top:20px;width:550px; font-size: 12px} #copyright .copy a{color:#999;} #copyright .copy span{color:#999 !important;} #copyright .m{ width:1200px;margin:0 auto} .beian-box{display: inline-block; width:15px; height: 15px; background: url(/static/images/InsertPic.png); vertical-align: -2px; margin: 0 3px 0 2px} #vip-footer .about{ padding-right: 157px} #vip-footer .contact .way .service i {width: 17px;height: 17px;background-position: -65px -100px;} #vip-footer .contact .way .qq i{ background-position: -44px -100px; width:19px; height: 17px} #vip-footer .contact .way p span{color: #666} /** pagelist ***/ .page{text-align:center; height:38px;width:100%;margin:60px auto;} .page a{display:inline-block; padding:0 15px; height:38px;margin:0 5px;border-radius: 2px; background: #fff; line-height:38px; font-size:16px;color:#666;transition:all .2s;} .page a:hover,.page a.current{background: #c61f29;color:#fff;} .page span{color:#666; font-size:16px;padding:0 5px;} /**底部友情链接**/ .link-box .tab-link span,.link-box-m .link-box-every a{ color: #999; line-height: 30px;margin-right: 20px; cursor: pointer;} .link-box .tab-link span:hover,.link-box-m .link-box-every a:hover{ color:#c61f29} .link-box-m .link-box-every{ display:none; margin-bottom: 50px;} .link-box .tab-link span.on{ color:#c61f29} /*right-fixed-m*/ .right-fixed-m{ top: 50%; position: absolute;} .right-fixed{ position: fixed; width:38px; height: 100%; top: 0; right: 0; z-index: 5; background-color:#fff; box-shadow: 1px 0 5px rgba(0,0,0,0.08)} .everyItem{position: relative; height:90px;} .everyItem:after{ content:''; position: absolute; width: 30px; height:1px; background-color: #eee; left: 50%; margin-left: -15px; bottom: -1px;} .everyItem .linkLabel{display:block; width:40px ; height:56px;padding:20px 0;color:#666; text-align: center; font-size: 12px; line-height: 16px} .everyItem .linkLabel i{ width:18px; height: 18px; display: block; margin:0 auto 5px; color: #999; font-size: 18px; text-align: center;} .everyItem:hover .linkLabel{color: #fff} .everyItem:hover{background-image: linear-gradient(0deg, #D12F39 0%, #EE6972 100%); color: #fff; background: -webkit-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -o-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -moz-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: linear-gradient(0deg,#D12F39 0%, #EE6972 100%);} .hover-show{position: absolute;z-index:5; top:20px;right:40px; opacity: 0; z-index: -1;transition: all 0.2s ease-in-out;visibility:hidden;} .everyItem:hover .hover-show{top: 0; opacity: 1;visibility: visible;z-index: 1} backTop.linkLabel i.icon-gift{ color: #f5a623; font-size: 18px;} .everyItem .linkLabel:hover i.icon-gift{ color: #fff} .right-fixed .qqTip{background:#fff;width:200px;padding:10px; box-sizing: border-box; font-size:12px;box-shadow: 0 0px 6px rgba(168,168,168,0.38)} .right-fixed .qqTip .work-time{padding:6px 0;border-top:1px solid #e8e8e8;} .right-fixed .qqTip .work-time p{color:#666666} .right-fixed .qqTip .id-info{padding-top: 4px;border-top:1px solid #e8e8e8;color:#666666} .right-fixed .qqTip .id-info p{text-align: left;padding-left: 28px;} .right-fixed .qqTip .id-info span{color:#d12f39;margin-left: 4px;} .right-fixed .everyItem .iconImg {background: url(/static/images/fixedRight.png);} .right-fixed .qqTip .service{margin-left: 6px} .right-fixed .qqTip .service div{width:83px;height:105px;box-sizing:border-box} .right-fixed .qqTip .service p{color:#666; width: 74px;} .right-fixed .qqTip .service .line{height:75px;border-left:1px solid #e8e8e8;} .right-fixed .qqTip .service .qq .qq-box{display: block;width: 74px;height:75px;background: #d8d7d7;margin-left: 12px;padding-top:25px;box-sizing: border-box;margin-bottom: 3px;} .right-fixed .qqTip .service .qq i{display:block;width:35px;height:30px;margin:-3px auto; font-size: 35px; color: #fff;} .right-fixed .qqTip .service .qq:hover .qq-box{background:#d12f39;} .right-fixed .qqTip .service .WeChat .WeChatImg{ width:74px; height: 75px; background-position: 0 -172px;} .right-fixed .qqTip .service .qq .icon-qq{width: 27px; height: 31px; background-position: -52px -47px} .right-fixed .qqTip .service .qq p{ margin-left: 12px} .right-fixed .qqTip p{line-height: 20px;text-align: center;} .right-fixed .wx-erwema{position: absolute;width:150px;height: 190px;left: -150px; background: url(/static/images/fixedRight.png) 0 -249px no-repeat;padding-left: 10px;} .right-fixed .back-top{ height: 90px} .right-fixed .back-top .linkLabel{ height:20px;padding:35px 0;} .right-fixed .back-top::after{ height: 0;} .everyItem .linkLabel .icon-vip{width: 24px; height: 19px; background: url(/static/images/icon-member.png) 0 0 ;} .everyItem .linkLabel .icon-company{width:24px;height:19px;background: url(/static/images/icon-member.png) 0 -20px;} .everyItem:hover .linkLabel i{ color: #fff;} .everyItem .linkLabel .icon-backTop{ font-size: 20px} .everyItem .linkLabel .icon-service{ font-size: 16px} .everyItem .linkLabel .icon-gift{ color: #d33640} .everyItem .send-icon{display:block;width:60px;height:18px;border-radius:0 6px 0 6px;background:#ff6631;position:absolute;left:-30px;top:0;text-align:center;color:#fff;font-size:12px;line-height:16px;transform:scale(0.85);-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.85);-o-transform:scale(0.85)} /*邀请有礼 2019-11-7*/ .inviteBox .hover-show{width:148px;height:99px;background:url(/static/images/inviteIn.png)} .inviteBox .hover-show a{display:block;width:148px;height:99px} .signBox span{ cursor: pointer;} .signBox em{ width: 6px; height: 6px; border-radius:6px; position:absolute; top: 18px; left: 5px; display: inline-block;background-color: #d12f39} .signBox b{ position:absolute; top: 0; font-size: 12px;left: -13px; display: inline-block;color: #d12f39} .page{text-align:center; height:38px;width:100%;margin:60px auto;} .page a{display:inline-block; padding:0 15px; height:38px;margin:0 5px;border-radius: 2px; background: #fff; line-height:38px; font-size:16px;color:#666;transition:all .2s;} .page a:hover,.page a.current{background: #c61f29;color:#fff;} .page span{color:#666; font-size:16px;padding:0 5px;} /*签到 2019-05-24*/ .layui-layer-sign{ border-radius: 8px;} .signTitle{ line-height:34px; font-size: 24px;color: #333;text-align: center; padding-top: 30px; padding-bottom: 7px;} .signNum{color: #333;text-align: center;line-height: 17px; padding-bottom:30px;} .signNum span{ color:#D12F39} .signSchedule{margin-left: 40px} .signSchedule li { margin-bottom: 18px;margin-right: 20px; position: relative;} .signSchedule li .borderLine{width: 50px; height: 60px; background-color: #FCF4F5; border: #F9E7E8 1px solid; border-radius: 4px; } .signSchedule li .borderLine p{ color: #999; font-size: 12px; text-align: center;} .signSchedule li .day{ color:#666; width: 50px; text-align: center; display: block; font-size: 12px; line-height: 17px;margin-top: 10px;} .icon-integral{ width: 24px; height: 24px; display: block; margin:8px auto 5px; background: url(/static/images/fixedRight.png) -85px 0} .icon-vipCard{ width: 26px; height: 21px; background: url(/static/images/fixedRight.png) -113px -29px; vertical-align: -5px; margin-right: 5px;} .signSchedule li.on .borderLine{background-image: linear-gradient(0deg, #D12F39 0%, #EE6972 100%); color: #fff; background: -webkit-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -o-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -moz-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: linear-gradient(0deg,#D12F39 0%, #EE6972 100%);} .signSchedule li.on .borderLine p{ color: #fff} .signSchedule li.on .borderLine .icon-integral{ background-position: -115px 0} .signSchedule .on:after{ content: '';position: absolute;top: 0; left: 0; width: 15px; height: 17px; background: url(/static/images/fixedRight.png) -89px -29px} .signBtn{background: #D12F39;width: 260px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px;border-radius: 4px; margin-left: 40px; display: block; cursor: pointer; margin-bottom: 20px} .signBtn:hover{ opacity: 0.9} .goBlank{ color: #999; text-align: center; width: 260px; margin: 0 auto} .goBlank span{ color: #999; display: inline-block; width: 49.5%; position: relative;} .goBlank span:first-child::after{ position: absolute; top:2px; right: 0; width: 1px; height:16px; background-color: #bcbcbc; content: ''} .goBlank span:last-child{ text-align:right} .goBlank a{ color: #D12F39 ; text-decoration: underline} .signSchedule .fiveDay .borderLine,.signSchedule .fiveDay .day{ width:120px;} .fiveDay .borderLine{ text-align:center; line-height:60px;} .fiveDay .borderLine span{ color: #999; font-size: 14px} .layui-layer-sign .layui-layer-ico {background: url(/static/images/icon-Business.png);} .layui-layer-sign .layui-layer-setwin .layui-layer-close2{ width:16px; height:16px; background-position:0 -99px; right:0; top:0;} .layui-layer-sign .layui-layer-setwin .layui-layer-close2:hover{ background-position:0 -99px;} .layui-layer-dialog .layui-layer-content{color: #fff !important;} .signBox .hover-show{ background: url(/static/images/signIn.png); width: 146px;height: 91px;} .signBox .hover-show a{ display: block; width: 146px;height: 91px} .right-fixed .current{background-image: linear-gradient(0deg, #D12F39 0%, #EE6972 100%); color: #fff; background: -webkit-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -o-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: -moz-linear-gradient(0deg,#D12F39 0%, #EE6972 100%); background: linear-gradient(0deg,#D12F39 0%, #EE6972 100%)} .right-fixed .current .linkLabel,.right-fixed .current i{ color: #FFF} /*签到*/ /*推荐月刊 2019-12-10*/ .right-fixed .monthly{ width: 311px; height: 152px; border: #000 2px solid; box-shadow: 0 3px 1px rgba(133,133,133,1); border-radius: 5px; overflow: hidden; background-color: #fff; padding: 0 6px} .right-fixed .monthly dl{ width:145px} .right-fixed .monthly dt{ width: 145px;height: 80px; border-radius:2px; overflow: hidden; margin-top: 10px; margin-bottom: 15px;} .right-fixed .monthly dt img{ width: 100%; height: 100%;} .right-fixed .monthly dd{ width:34px;width: 100px; line-height: 30px;text-align: center; border: #000 2px solid; border-bottom: 5px #000 solid;border-radius: 34px; color: #000; font-size: 16px; margin: 0 auto} .right-fixed .monthly dd:hover{ background-color:#fdf65a} /*推荐月刊 2019-12-10*/ @media screen and (max-width: 1440px) { .header .operate .user .login-drop{ right: -100px;} } @media screen and (max-width: 1390px) { .header .operate .user .login-drop{ right: -80px;} } /*收藏我们*/ .collect-us{display:none;position:fixed;right:120px;bottom:45px;width:224px;height:120px;background:#fff;box-shadow:0px 4px 21px 0px rgba(0,0,0,0.12);border-radius:4px;z-index:8;box-sizing:border-box;padding-top:22px} .collect-us .close{position:absolute;top:8px;right:8px;display:block;width:10px;height:10px;background:url(/static/images/collect-close.png);cursor:pointer} .collect-us .content{width:124px;margin:0 auto 18px} .collect-us .content p{width:42px;height:42px;line-height:42px;border-radius:4px;text-align:center;color:#fff;font-size:18px;background:#C61F29} .collect-us .content p:first-child{margin-right:15px} .collect-us .content span{font-size:20px;color:#C61F29;line-height:42px} .collect-us .note{text-align:center;font-size:16px;color:#333} /*企业vip添加曝光*/ .everyItem .jd-icon{display:block;width:60px;height:18px;border-radius:0 6px 0 6px;background:#FF2D3A;position:absolute;left:-30px;top:0;text-align:center;color:#fff;font-size:12px;line-height:16px;transform:scale(0.85);-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.85);-o-transform:scale(0.85)} /*登陸彈窗劇中*/ .loginMask .loginBox{margin-left:-220px} /* COMBO: filename = 2017/vip/common/css/font/iconfont.css, type = text/css, resp = 200 */ @font-face {font-family: "iconfont"; src: url('/static/font/iconfont.eot?t=1517876954'); /* IE9 */ src: url('/static/font/iconfont.eot?t=15731876954#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('/static/font/iconfont.woff?t=157311876954') format('woff'), url('/static/font/iconfont.ttf?t=157311776954') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('/static/font/iconfont.svg?t=157311786954#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-QQ:before{content:"\e62e"} .icon-wx:before{content:"\e637"} .icon-gengduo:before{content:"\e628"} .icon-gift:before{content:"\e7b7"} .icon-close:before{content:"\e608"} .icon-service:before{content:"\e61a"} .icon-new:before{content:"\e609"} .icon-spsj:before{content:"\e60b"} .icon-ad:before{content:"\e60d"} .icon-tb:before{content:"\e60e"} .icon-yssj:before{content:"\e60f"} .icon-scb:before{content:"\e610"} .icon-iphone:before{content:"\e611"} .icon-zszx:before{content:"\e612"} .icon-cad:before{content:"\e613"} .icon-yclabel:before{content:"\e615"} .icon-leftArrow:before{content:"\e616"} .icon-rightArrow:before{content:"\e617"} .icon-index:before{content:"\e618"} .icon-bgPpt:before{content:"\e619"} .icon-arrow:before{content:"\e61c"} .icon-search:before{content:"\e61e"} .icon-wall:before{content:"\e61f"} .icon-sign:before{content:"\e620"} .icon-idea:before{content:"\e621"} .icon-makeMoney:before{content:"\e622"} .icon-backTop:before{content:"\e623"} .icon-collected:before{content:"\e624"} .icon-collect:before{content:"\e625"} .icon-download:before{content:"\e627"} .icon-error:before{content:"\e626"} .icon-correct:before{content:"\e70d"} .icon-question:before{content:"\e61b"} .icon-teamwork:before{content:"\e636"} .icon-aiticle:before{content:"\e67d"} .icon-integrals:before {content: "\e600";} .icon-personage:before { content: "\e602";} .icon-phone:before {content: "\e66f";} .icon-download2:before {content: "\e71e";} .icon-mail:before {content: "\e606";} .icon-switch:before { content: "\e7eb";} .icon-VIP:before {content: "\e83d";} .icon-uploadBtn:before {content: "\e521";} .icon-wall:before{content:"\e61f"} .icon-PPT:before{content:"\e62b"} .icon-inset:before{content:"\e62f"} .icon-video:before {content: "\1001";} .icon-invite:before{content:"\e630"} .icon-calendar:before {content: "\e60a";} /* COMBO: filename = 2017/vip/common/css/vip-mporary-style.css, type = text/css, resp = 200 */ /************ 本样式表是临时文件 针对页面上临时功能的样式 修改人员务必 备注好自己的添加的是什么功能 活动下掉随之删掉对应样式模块即可 2018-12-17 **************/ /****************** vip优惠券活动 start ***********************/ /* 优惠券未使用提示悬浮 正在使用 */ .active-link-cou{ position: absolute; top: -90px; right: 0} .active-link-cou .link-box-vipup{ width: 98px; height: 82px; background: url(/static/images/link-right.png); } .active-link-cou .link-box-vipup a{ display:block;width: 98px; height: 82px;} /*88优惠券弹窗 2019-04-01*/ /*.myskin{background-color: transparent !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important;} .discounts-alert{display: none; width:387px;height:413px;background:url(/static/images/discounts-alert-bg.png) no-repeat;box-sizing:border-box;padding-top:40px;position:relative} .discounts-alert .close{display:block;width:15px;height:15px;background:url(/static/images/alert-close-icon.png) no-repeat;cursor:pointer;position:absolute;right:36px;top:16px} .discounts-alert h2{text-align:center;font-size:20px;color:#6F5221;margin-bottom:32px} .discounts-alert h2 span{color:#C61F29} .discounts-alert .coupon{width:301px;height:80px;background:url(/static/images/coupon-bg.png) no-repeat;margin:auto;margin-bottom:20px} .discounts-alert .coupon .num{font-size:36px;line-height:80px;padding-left:22px;font-style:italic;color:#fff;text-shadow:2px 3px 0px rgba(149,5,2,0.7);position:relative} .discounts-alert .coupon .num i{font-size:14px;color:#fff;text-shadow:1px 2px 0px rgba(149,5,2,0.7);position:absolute;top:-14px;left:16px} .discounts-alert .coupon .detail{width:207px;box-sizing:border-box;padding-top:16px;padding-left:16px} .discounts-alert .coupon .detail .note{font-size:16px;color:#fff;text-shadow:1px 1px 1px rgba(149,5,2,0.8);margin-bottom:8px} .discounts-alert .coupon .detail .date{font-size:12px;color:#fff;text-shadow:1px 1px 1px rgba(149,5,2,0.8)} .discounts-alert .now{display:block;width:156px;height:42px;border-radius:21px;line-height:42px;text-align:center;font-size:18px;color:#fff;margin:auto;margin-top:70px;background:linear-gradient(270deg,rgba(255,132,0,1),rgba(255,174,0,1));box-shadow:2px 3px 5px 0px rgba(149,5,2,0.25);text-shadow:1px 2px 1px rgba(149,5,2,0.2)}*/ /*88优惠券弹窗 end*/ /*新人专享30优惠券*/ .fix-coupon{cursor: pointer; position: fixed; bottom: 150px;} .openGift{ background: url(/static/images/openGift.png) ; width: 70px; height: 84px; right:63px; } .closeGift{ background: url(/static/images/closeGift.png) ; width:154px; height: 100px; right: 20px; z-index: 5} .layui-layer-present{ background: url(/static/images/present.png) !important; box-shadow:none !important} .provideCoupon{ color: #fff; font-size: 24px; text-align: center;padding-top:125px; padding-bottom: 70px} .provideCoupon span{ color: #fff600; font-family: 'Impact'; padding:0 5px; } .layui-layer-present .layui-layer-ico {background: url(/static/images/closeMask.png) 0 0 !important;} .layui-layer-present .layui-layer-setwin .layui-layer-close2{ width:37px; height:37px; right:-68px; top:68px;} .layui-layer-present .layui-layer-setwin .layui-layer-close2:hover{ background-position:0 0 !important;} .couponList{ width: 210px; margin: 0 auto 50px; height: 42px} .couponList .MuchMoney{ color: #df3c03; font-size: 48px; font-family: 'Impact'; line-height: 42px; margin-top:-7px; margin-right: 30px;} .couponList .MuchMoney i{ color: #df3c03; font-size: 18px; vertical-align:20px;} .condition p{ color: #7d0f10; line-height: 18px;} .condition p:first-child{ margin-bottom:8px} .couponList:nth-child(2){ margin-bottom:60px} .useNow{ width: 160px; height: 48px; line-height: 48px; text-align: center; border-radius: 48px; color: #ba0500; display: block; margin:10px auto; font-size: 18px; background: -moz-linear-gradient(top, #fceb53 0%, #fca40b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceb53), color-stop(100%,#fca40b)); background: -webkit-linear-gradient(top, #fceb53 0%,#fca40b 100%); background: -o-linear-gradient(top, #fceb53 0%,#fca40b 100%); background: -ms-linear-gradient(top, #fceb53 0%,#fca40b 100%); background: linear-gradient(to bottom, #fceb53 0%,#fca40b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceb53', endColorstr='#fca40b',GradientType=0 ); } /*新人专享30优惠券*/ /*全案活动 2019-11-18*/ .fullCaseMask{ width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); position:fixed; top: 0; left: 0; z-index:10} .fullCaseLink{ width:602px; height: 473px; background: url(/static/images/fullCaseMask.png); position: absolute; top: 50%; margin-top: -237px;left: 50%; margin-left: -328px;} .fullCaseLink a{ display: block; width: 370px; height: 75px;border-radius: 75px; margin-top:322px; margin-left: 162px;} .fullCaseLink .closeMask{ width: 21px;height: 21px; background: url(/static/images/fullCaseMaskClose.png); position: absolute; top: 35px; right:20px; cursor: pointer;} .fullCaseMaskFixed{ width:182px; height:156px; background: url(/static/images/fullCaseMaskFixed.png); position:fixed; right: 50px; top: 50%; margin-top:-240px; animation:myfirst 1.5s ease-in-out infinite; -webkit-animation:myfirst 1.5s ease-in-out infinite; -moz-animation:myfirst 1.5s ease-in-out infinite; -o-animation:myfirst 1.5s ease-in-out infinite;} .fullCaseMaskFixed a{ display: block;width:182px; height:156px; } .closeFixed{width:13px;height: 13px; background: url(/static/images/fullCaseCloseFixed.png); background-size: cover;position: absolute; top:5px; right:5px; cursor: pointer;} @keyframes myfirst{ 0% { transform: translate(0px, 0px);} 50% {transform: translate(0px, -5px);} 100% {transform: translate(0px, 0px);} } /*全案活动 2019-11-18*/ /* COMBO: filename = 2017/vip/category/css/vip-classify-style-v2.css, type = text/css, resp = 200 */ .vip-seek .hot{ display: none;} .colorRed{ color:red !important} .vip-classify-nav{background-color:#c61f29;height:40px;position:relative;z-index:5} .vip-classify-nav ul{position:relative} .vip-classify-nav ul li a{display:block;color:#fff;font-size:16px;padding:0 26px;height:40px;line-height:40px} .vip-classify-nav .drop-classify{position:absolute;top:40px;left:0;min-width:80px;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,0.1);display:none;padding:8px 0} .vip-classify-nav .drop-classify a{display:block;height:30px;line-height:30px;color:#666;font-size:14px;padding:0 28px;white-space:nowrap} .vip-classify-nav .drop-classify a:hover{background-color:#f9e8e9;color:#c61f29} .vip-classify-nav ul:hover .drop-classify{display:block} .vip-classify-nav ul:hover li a{background-color:#b00c16} .bg-white{background-color:#fff;margin-top: 10px;} .vip-search-banner{background:url(/static/images/eleven-banner-search.png) no-repeat;height:80px;padding-top:8px} .index-sreach{width:644px;margin:0 auto 0;background:rgba(255,255,255,0.6);filter:Alpha(opacity=60);background-color:#fff \9;height:64px;border-radius:2px;padding:2px;position:relative} .index-sreach .searchInput{display:block;height:60px;line-height:60px;width:540px;padding:0 20px;font-size:16px;color:#333;border-top-left-radius:2px;border-bottom-left-radius:2px;border:#fff 1px solid} .index-sreach .searchInput:focus{border:#c61f29 1px solid} .index-sreach .search-link{height:60px; background: url(/static/images/eleven-search-bg.png);width:100px;border-top-right-radius:2px;border-bottom-right-radius:2px;cursor:pointer} .index-sreach .search-link i{display:inline-block;width:30px;height:30px;background:url(/static/images/vip-public-img.png) -154px -28px;margin:15px 35px} .index-sreach .search-link:hover{opacity:0.9} .index-sreach .hotlists{position:absolute;z-index:3;top:62px;left:2px;background-color:#fff;width:640px;display:none} .index-sreach .hotlists ul{cursor:pointer;width:100%;overflow:hidden} .index-sreach .hotlists li{height:40px;line-height:40px;padding:0 20px;color:#666;font-size:15px} .index-sreach .hotlists ul:hover{background-color:#fbedee} .index-sreach .hotlists .sokeyup_2{float:left} .index-sreach .hotlists .sokeyup_3{float:right} .vip-recommend-word{width:640px;text-align:center;margin-top:18px} .vip-recommend-word a{color:#fff;font-size:16px;display:inline-block;margin:0 5px} .search-result{height:52px;line-height:50px;border-bottom:#eee 1px solid} .search-result i{color:#999;padding-left:5px} .search-result span{padding-left:5px} .search-rusult-m{height:50px;border-bottom:#eee 1px solid} .search-rusult-m span{color:#666;line-height:50px;margin-right:5px;display:inline-block} .search-condition{height:24px;line-height:24px;border:#d71a1a 1px solid;color:#d71a1a;border-radius:2px;background-color:#fff;padding:0 8px;margin:12px 0;overflow:hidden;margin-right:10px} .search-rusult-m .search-condition a{color:#d71a1a} .search-rusult-m .search-condition i{display:inline-block;width:10px;height:10px;background:url(/static/images/vip-public-img.png) -258px -119px no-repeat;float:right;margin-top:8px;margin-left:5px;cursor:pointer} .search-rusult-m .rusult-num{color:#999;line-height:50px} .search-classify{padding:20px} .sub-classify{overflow:hidden;height:38px} .sub-classify,.sub-classify-style{padding:0px 0 0px 5px;position:relative} .sub-classify a,.sub-classify-style a{color:#333;padding:0px 10px;height:22px;line-height:22px;margin-right:20px;display:block \9;white-space:nowrap \9;border-radius:2px;margin-bottom:16px} .sub-classify a:hover,.sub-classify-style a:hover{color:#d71a1a} .sub-classify a.on,.sub-classify-style a.on{background:#d71a1a;color:#fff !important;} .sub-classify .class-title,.sub-classify-style .class-title{width:80px;text-align:right;margin-right:20px;display:inline-block;height:22px;line-height:22px;color:#333} .sub-classify .right-title,.sub-classify-style .right-title{width:1000px} .sub-classify .more-list{position:absolute;width:48px;top:2px;right:30px;transition:all 0.2s;cursor:pointer;display:none} .sub-classify .down-more{background:url(/static/images/more-1.png) no-repeat 35px 7px} .sub-classify .down-more:hover{background:url(/static/images/more-3.png) no-repeat 35px 7px;color:#d71a1a} .sub-classify .up-more{background:url(/static/images/more-2.png) no-repeat 35px 7px} .sub-classify .up-more:hover{background:url(/static/images/more-4.png) no-repeat 35px 7px;color:#d71a1a} .over{overflow:hidden;height:auto} .rank-nav{height:52px;background-color:#e8e8e8;margin-top:20px;margin-bottom:20px} .rank-nav a{display:inline-block;width:80px;text-align:center;height:28px;line-height:28px;color:#fff;font-size:15px;margin:12px 10px;border-radius:2px;background-color:#e8e8e8;color:#333} .rank-nav a:hover{color:#d71a1a} .rank-nav .on,.rank-nav .on:hover{background-color:#d71a1a;color:#fff} /*筛查 2019-08-22*/ .filter-box .class-title{width:80px;text-align:right;margin-right:20px;display:inline-block;height:38px;line-height:38px;color:#333} .filter-box{background:#fff;height:38px; margin-top: -7px; padding-left: 5px} .filter-box .filter{display:inline-block;position: relative;} .filter-box .filter:nth-child(2){margin:0 44px} .filter-box .filter .val{line-height:38px; padding-bottom: 10px} .filter-box .filter .val .triangle{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;vertical-align:2px;margin-left:6px;transition:all 0.3s} .filter-box .filter:hover .triangle{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg)} .filter-box .filter .drop{display: none;position: absolute;top:35px;z-index: 4;width:90px;border-radius:4px;background:#fff;left:-18px; padding:5px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.16)} .filter-box .filter .drop a{display:block;text-align:center;color:#333; height: 30px; line-height: 30px; font-size: 14px} .filter-box .filter:hover .drop{display: block;} .filter-box .filter .drop a:hover,.filter-box .filter .drop .on{color: #CA343C; background-color: #fceae7} .filter-box .filter .val .current{color: #d71a1a;} /*筛查 2019-08-22*/ .guess-find{overflow:hidden;height:14px} .guess-find a,.guess-find span{display:inline-block;color:#999;line-height:14px} .guess-find span{margin-left:43px} .guess-find a{margin-right:40px} .guess-find a:hover{color:#d71a1a} .pic-list .over1200{width:1235px} .pic-list{overflow:hidden \9} .pic-list .list{width:278px;height:376.5px;border-radius:5px;overflow:hidden;margin:0 30px 27px 0;border:2px solid #e8e8e8;position:relative} .pic-list .list img{width:274px;height:auto} .pic-list .list h3{position:absolute;bottom:15px;width:100%;bottom:-30px;z-index:3;background:#000;} .pic-list .list h3 a{width:260px;display:block;margin:0 auto;padding:0 15px;color:#fff;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center} .pic-list .Linklists{display:block;width:278px;height:419px;background:url(/static/images/list-bg-mask-big.png);position:absolute;top:0;left:0;display:none;z-index:2;background-size:cover} .pic-list .btn-box{position:absolute;top:-50px;width:100%;z-index:3} .pic-list .collect-btn{width:40px;height:40px;background-color:#fff;border-radius:2px;margin-left:12px;cursor:pointer} .pic-list .collect-btn .icon-xin{display:inline-block;width:20px;height:18px;background:url(/static/images/vip-public-img.png) -254px -17px;margin:11px 10px} .pic-list .collect-btn:hover .icon-xin{background-position:-254px -35px} .pic-list .collect-btn-plus{width:40px;height:40px;background-color:#fff;border-radius:2px;margin-left:12px;cursor:pointer} .pic-list .collect-btn-plus .icon-xin{display:inline-block;width:20px;height:18px;background:url(/static/images/vip-public-img.png) -254px -17px;margin:11px 10px} .pic-list .collect-btn-plus:hover .icon-xin{background-position:-254px -35px} .pic-list .over-coll i{background-position:-280px -40px !important} .pic-list .download-btn{width:180px;height:40px;margin-right:12px} .pic-list .download-btn a{width:180px;height:40px;line-height:40px;font-size:20px} .pic-list .list:hover .Linklists{display:block} .pic-list .list:hover .btn-box{top:15px} .pic-list .list:hover h3{bottom:15px} .pic-list .list .identify{width:74px;height:24px;position:absolute;top:0;right:0} .pic-list .list .icon-cy2{background:url(/static/images/wt-ad-icon.png);width:51px;height:22px;top:2px;right:5px} .pic-list .list .icon-cy{ width:54px; height:49px; background: url(/static/images/yc-top-icon.png); position: absolute ;top:0; right:0;} .pic-list .list .icon-share{background:url(/static/images/icon-cy.png) 0 0; display: none;} .pic-list .list .lookLink{ position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -90px; width: 180px; height: 40px; display:none} .pic-list .list .lookLink a{ width:180px; height:40px; line-height: 40px; font-size: 20px} .pic-list .list:hover .lookLink{ display: block;} .video-list{width:285px;height:160px;overflow:hidden;position:relative;margin:0 20px 20px 0;border-radius:3px} .video-list .video-name{line-height:30px;height:30px;position:absolute;width:285px;overflow:hidden;text-overflow:ellipsis;white-space:normal;bottom:0px;left:0;text-align:center;color:#f6f6f6;background:url(/static/images/mask-video.png) left no-repeat} .video-list:hover .video-name{bottom:-40px} .video-list .btn-box{position:absolute;width:110px;top:-30px;right:10px} .video-list .collect-btn{width:28px;height:28px;background-color:#fff;border-radius:2px;margin-left:10px !important;cursor:pointer} .video-list .collect-btn .icon-xin{display:inline-block;width:16px;height:14px;background:url(/static/images/vip-public-img.png) -125px -325px;margin:7px 6px} .video-list .collect-btn:hover .icon-xin{background-position:-146px -325px} .video-list .over-coll i{background-position:-166px -325px !important} .video-list .download-btn{width:70px;height:28px;margin-right:0 !important} .video-list .download-btn a{width:70px;height:28px;line-height:28px;font-size:14px} .video-list:hover .btn-box{top:10px} .video-list .video-icon{width:64px;height:64px;background:url(/static/images/vip-public-img.png) -186px -324px;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px} .video-list:hover .video-icon{display:none} .video-list:hover{box-shadow:0 0 13px rgba(0,0,0,0.5)} .video-list .identify{width:74px;height:24px;position:absolute;top:0;right:0} .video-list .icon-cy{ width:54px; height:49px; background: url(/static/images/yc-top-icon.png); position: absolute ;top:0; right:-1px;} .video-list .icon-share{background:url(/static/images/icon-cy.png) 0 0} .video-list:hover .identify{display:none} .edit-box{position:absolute;bottom:-60px;width:100%;z-index:3} .edit-box input{display:inline-block;height:24px;line-height:24px;padding:0 3px;width:40px} .edit-box p{font-size:12px;line-height:24px;background-color:#c61f29;color:#fff} .edit-box .sel-btn{margin-left:15px} .edit-box .sel-btn i{display:inline-block;width:19px;height:19px;background:url(/static/images/vip-public-img.png) -262px -54px;cursor:pointer} .edit-box .sure-sel i{display:inline-block;width:19px;height:19px;background:url(/static/images/vip-public-img.png) -262px -75px;cursor:pointer} .edit-box .del-btn{cursor:pointer;color:#fff;background-color:#c61f29;width:40px;height:24px;text-align:center;line-height:24px;border-radius:2px;margin-left:20px} .edit-box .sure-btn{cursor:pointer;color:#fff;background-color:#00b369;width:40px;height:24px;text-align:center;line-height:24px;border-radius:2px;margin-right:15px} .edit-box .del-btn:hover,.edit-box .sure-btn:hover{opacity:0.9} .edit-box .btn-box-edit{margin-top:5px} .pic-list .list:hover .edit-box{bottom:40px} .delete-sel span{display:inline;height:28px;line-height:28px;padding:0 10px;margin:12px 8px;cursor:pointer;border:#c61f29 1px solid;color:#c61f29;border-radius:2px} .classify-sel select{display:inline;height:28px;line-height:28px;width:100px;border:#c61f29 1px solid;margin:12px 8px} .change-where{height:28px;line-height:28px;padding:0 10px;margin:12px 8px;cursor:pointer;border:#c61f29 1px solid;color:#c61f29;border-radius:2px} .delete-sel span:hover,.change-where:hover{background-color:#c61f29;color:#fff} .change-index{width:1200px;border-bottom:#ddd 1px solid;line-height:30px} .change-index span{display:inline-block;color:#ccc;margin-right:20px;cursor:pointer} .change-index .current{color:#666} .vip-change-link{padding-bottom:25px} .vip-change-link a{display:inline-block;margin-right:12px;color:#ccc;line-height:32px} .vip-change-link a:hover{color:#d71a1a} .no-result{text-align:center;background-color:#fff;margin-bottom:60px !important;clear:both; padding:60px 0} .no-result p{color:#333;font-size:22px;text-align:center;padding-top:55px;padding-bottom:15px} .no-result p span{color:#d71a1a} .no-result div{font-size:15px;text-align:center;color:#424242;padding-bottom:50px} .edit-box .del-btn1{cursor:pointer;color:#fff;background-color:gray;width:65px;height:24px;text-align:center;line-height:24px;border-radius:2px;margin-left:20px} #public-mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99} #public-mask .mask{background:#000;filter:alpha(opacity=40);opacity:.4;height:100%} .public-mask-box{width:455px;height:276px;background-color:#fff;border-radius:2px;overflow:hidden;position:fixed;top:50%;left:50%;margin-top:-163px;margin-left:-227px;box-shadow:0px 0px 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2)} .public-mask-box p{color:#353535;text-align:center;font-size:20px;margin-top:90px;margin-bottom:40px} .BtnMuch{text-align:center} .BtnMuch span{display:inline-block;width:180px;height:48px;margin:0 10px;line-height:48px;border:1px solid #d71a1a;background-color:#d71a1a;text-align:center;color:#fff;font-size:16px;border-radius:2px;cursor:pointer} .BtnMuch .Reset-Btn{background-color:#f4f4f4;border:#e2e2e2 1px solid;color:#333} .form-group{position:absolute;right:224px;top:345px;overflow:hidden} .rank-nav .sq{position:relative} .rank-nav .sq .hot-icon{display:inline;position:absolute;top:5px;left:75px;width:50px;height:17px;background:url(/static/images/hot-icon.png) 0 0} .fixed-right-bottom{position:fixed;right:0;z-index:5;width:310px;height:160px;bottom:0px;background:url(/static/images/fix-right-bottom.png);display:none} .fixed-right-bottom p{color:#fff;text-align:center;font-size:16px;line-height:26px;margin-top:20px} .fixed-right-bottom a{width:134px;height:28px;line-height:28px;line-height:28px;border:1px solid #fff;display:block;margin:20px auto;position:relative;background-color:#f89e48;color:#fff;text-align:center} .fixed-right-bottom .icon-close{display:inline-block;height:12px;width:12px;position:absolute;top:10px;right:10px;cursor:pointer} .right-nav-link a{display:block;color:#fff;font-size:16px;padding:0 15px;height:40px;line-height:40px;position:relative} .right-nav-link a i{display:inline-block;width:17px;height:14px;background:url(/static/images/nav-link.png);vertical-align:-1px;margin-right:5px} .right-nav-link a i.gr{background-position:0 0} .right-nav-link a i.qy{background-position:-17px 0} .right-nav-link a b{display:inline-block;width:43px;height:22px;background:url(/static/images/nav-link.png) 0 -18px;position:absolute;top:1px;left:100px;z-index:7} .right-nav-link a:hover{background-color:#B00C16} body{background-color:#f6f6f6 !important} .rank-nav{margin-top:20px !important;margin-bottom:20px !important} .right-nav-link a:hover{color:#fff !important} .download-btn a{color:#fff !important} .search-rusult-m .cate_search{margin-top:12px;margin-left:24px;position:relative} .search-rusult-m .cate_search input{height:28px;width:234px;border-radius:14px;border:none;border:1px solid #dcdcdc;padding-left:24px} .search-rusult-m .cate_search i{display:block;width:20px;height:20px;background:url(/static/images/search.png);position:absolute;top:4px;right:24px;cursor:pointer} /*gif标志*/ ins.play-gif{position: absolute;width:31px;height:17px;line-height:17px;text-align: center;font-size: 12px;color: #fff;border-radius: 6px;background: rgba(0,0,0,0.5); opacity: 0.5;cursor:pointer;text-decoration: none; top: 10px !important; left: 10px !important} .gifplayer-wrapper{position:relative;display: inline-block;} .eleven-link-box{width:54px;height:71px;background:url(/static/images/red-bag.png);position:fixed;left:5px;top:50%;margin-top:-16px;cursor:pointer;z-index:9;-webkit-animation:zy 0.5s infinite alternate;animation:zy 0.5s infinite alternate;-o-animation:zy 0.5s infinite alternate;-moz-animation:zy 0.5s infinite alternate} .eleven-link-box a{display:block;width:54px;height:71px} .gif-list .gif-icon{position:absolute;width:31px;height:17px;line-height:17px;text-align:center;font-size:12px;color:#fff;border-radius:6px;background:#666;cursor:pointer;text-decoration:none;top:10px;left:10px} .gif-list{text-align:center;background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F3F3), to(#EAEAEA));background: -webkit-linear-gradient(#F4F3F3, #EAEAEA);background: -moz-linear-gradient(#F4F3F3, #EAEAEA);background: -o-linear-gradient(#F4F3F3, #EAEAEA);background: linear-gradient(#F4F3F3, #EAEAEA);} .gif-list img{max-width: 234px;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);} @-webkit-keyframes zy{10%{transform:rotate(15deg)} 20%{transform:rotate(-10deg)} 30%{transform:rotate(5deg)} 40%{transform:rotate(-5deg)} 50%,100%{transform:rotate(0deg)} }@-moz-keyframes zy{10%{transform:rotate(15deg)} 20%{transform:rotate(-10deg)} 30%{transform:rotate(5deg)} 40%{transform:rotate(-5deg)} 50%,100%{transform:rotate(0deg)} }@-0-keyframes zy{10%{transform:rotate(15deg)} 20%{transform:rotate(-10deg)} 30%{transform:rotate(5deg)} 40%{transform:rotate(-5deg)} 50%,100%{transform:rotate(0deg)} }@keyframes zy{10%{transform:rotate(15deg)} 20%{transform:rotate(-10deg)} 30%{transform:rotate(5deg)} 40%{transform:rotate(-5deg)} 50%,100%{transform:rotate(0deg)} } /*摄影图广告位导流*/ .adBox{ width: 274px; height:416px;margin-right: 32px; position: relative; border-radius:6px; overflow: hidden;} .adBox a{ display: block; width: 100%; height: 100%; } .adBox span{ display: inline-block; width:40px; height: 24px; line-height: 24px; text-align: center; background-color: rgba(0,0,0,0.45); color: #fff; border-bottom-left-radius:6px; position: absolute; top: 0; right: 0} .recommendForYou{ font-size: 16px; height: 50px; line-height: 46px;} .recommendList{ transition: all 0.2s; margin-right: 8px} .recommendList:hover{ transform: translate(0,-5px); -ms-transform: translate(0,-2px); /* IE 9 */ -webkit-transform: translate(0,-2px); /* Safari and Chrome */ -o-transform: translate(0,-2px); /* Opera */ -moz-transform: translate(0,-2px); box-shadow:0 0 30px rgba(0,0,0,0.15)} .recommendAll .item {position: relative;overflow: hidden;} /*摄影图广告位导流*/ /*vip反馈*/ .vip-bussback{text-align: center;font-size: 16px;color:#999;} .vip-bussback a{color: #999;text-decoration: underline;} /*s搜索页音效*/ .pic-list .audioList{ width: 274px; height: 419px; border: 0;transition: all 0.2s; position:relative; overflow: hidden } .audioList .audioLink{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .audioList .bigpic{ width: 274px;height:274px;overflow: hidden;} .audioList .audioLink img{ transition: all 0.2s ease-out;} .audioList .audioInfor{ height: 274px;height:145px; border: #e0e0e0 1px solid; border-top: 0; padding: 0 30px; overflow: hidden; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px} .audioList .audioName{ width:214px; margin-top: 20px; line-height: 20px; height: 20px;} .audioList .audioName span{ color: #333; font-size:16px;display: inline-block;max-width: 170px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .audioList .audioName i{ line-height: 20px; display: inline-block; vertical-align:4px;color: #666; font-size: 12px; margin-right: 10px} .audioList .musicBtn{width: 65px; height: 65px;border-radius: 65px; background-color: rgba(255,255,255,0.7);box-shadow:0 3px 7px rgba(28,61,57,0.2); position: relative; margin:93px auto 116px;cursor:pointer;z-index: 2; overflow:hidden;} .audioList .musicBtn i{ display: block;} .audioList .musicBtn .iconPause{ width: 22px; height:28px; background: url(/static/images/icon-pause.png); margin-top: 18px; margin-left:25px} .audioList .musicBtn .iconPlay{ width: 20px; height:23px; background: url(/static/images/icon-play.png);position: absolute; margin:auto;top: 0;right: 0; bottom: 0; left: 0} .audioList .shengbo-box { width: 214px; border-radius:3px; height:10px; margin:15px auto 28px ; position: relative;z-index: 2; cursor: pointer;} .audioList .time-bar{ height: 4px; width: 130px;border-radius:4px; position: relative; margin-top: 7px} .timeBarBox{ background-color: #e5e5e5; height: 4px; width: 130px;position:absolute; top: 0;left: 0} .audioList .star-time,.audioList .end-time{ color: #666; font-size: 12px; width:38px;display: inline-block; top: 0} .audioList .time-bar .move-color.running { -webkit-animation-play-state: running; animation-play-state: running } .audioList .move-color{ position: absolute; left: 0; top: 0;height:4px;background-color:#cf2c25; z-index: 2; max-width:130px;} .audioList .btn-box{position:relative; z-index:3;width: 214px;top: 0} .audioList .download-btn{ width: 164px; margin-right: 0} .audioList .btn-box .btn-red{width: 164px; height: 40px; line-height: 40px;border: #bfbfbf 1px solid; background-color: #fff;border-radius: 5px; text-align: center; color:#666 !important; font-size: 16px; margin-right: 0} .audioList .btn-box .btn-red:hover{ background-color: #cf2c25; border-color:#cf2c25; color: #fff !important} .audioList .btn-box .collect-btn{ margin-left: 0; width: 40px; height: 40px;border: #bfbfbf 1px solid; border-radius: 5px} .audioList:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15)} .audioList:hover .btn-box{ top: 0 !important;} .pic-list .audioList:hover .audioLink img{ transform: scale(1.05);} .pic-list .audioList:hover .btn-box .btn-red{background-color: #cf2c25; border-color:#cf2c25; color: #fff !important } /*s搜索页音效*/ /*分类页音效*/ .audioList2{ width: 285px; height: 160px; border: #e0e0e0 1px solid; border-radius:5px; margin-right: 20px; margin-bottom: 20px;transition: all 0.2s; position:relative; background-color: #fff} .audioList2 .audioLink{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;} .audioList2 .bigpic{ width: 110px;height:110px;overflow: hidden; margin-top:5px; margin-left: 10px; } .audioList2 .audioLink img{transition: all 0.2s ease-out} .audioList2 .audioLink .audioName{ margin-left:10px; margin-top:12px} .audioList2 .audioName{ width:214px; margin-top: 20px; line-height: 20px; height: 20px;} .audioList2 .audioName span{ color: #333; font-size:16px;display: inline-block;max-width: 170px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .audioList2 .audioName i{ line-height: 20px; display: inline-block; vertical-align:4px;color: #666; font-size: 12px; margin-right: 10px} .audioList2 .audioInfor{ margin-top: 115px} .audioList2 .musicBtn{width: 65px; height: 65px;border-radius: 65px; background-color: rgba(255,255,255,0.7); position: relative; margin:63px 40px 0 33px;cursor:pointer;z-index: 2; overflow:hidden;} .audioList2 .musicBtn i{ display: block;} .audioList2 .musicBtn .iconPause{ width:14px; height:18px; background: url(/static/images/icon-pause.png); background-size:cover;margin-top:23px; margin-left:30px} .audioList2 .musicBtn .iconPlay{ width:14px; height:17px; background: url(/static/images/icon-play.png); background-size:cover;position: absolute; margin:auto;top: 0;right: 0; bottom: 0; left: 0} .audioList2 .shengbo-box { width: 135px; border-radius:3px; height:10px; margin:15px auto 28px ; position: relative;z-index: 2; cursor: pointer;} .audioList2 .time-bar{ height: 4px; width: 130px;border-radius:4px; position: relative; margin-top: 7px} .audioLists .timeBarBox{ background-color: #e5e5e5; height: 4px; width: 130px;position:absolute; top: 0;left: 0} .audioList2 .star-time,.audioList2 .end-time{ color: #666; font-size: 12px; width:38px;display: inline-block; position: absolute; top: -15px;} .audioList2 .star-time{ left: 0;} .audioList2 .end-time{ right: 0;} .audioList2 .time-bar .move-color.running { -webkit-animation-play-state: running; animation-play-state: running } .audioList2 .move-color{ position: absolute; left: 0; top: 0;height:4px;background-color:#cf2c25; z-index: 2; max-width:130px;} .audioList2 .btn-box{position:absolute; z-index:3;width: 135px;top: 62px; right: 10px} .audioList2 .btn-box .download-btn{ width: 98px !important; margin-right: 0} .audioList2 .btn-box .btn-red{width: 98px; height:30px; line-height: 30px;border: #bfbfbf 1px solid; background-color: #fff;border-radius: 5px; text-align: center; color:#666 !important; font-size:14px; margin-right: 0} .audioList2 .btn-box .btn-red:hover{ background-color: #cf2c25; border-color:#cf2c25; color: #fff !important} .audioList2 .btn-box .collect-btn{ margin-left: 0; width: 30px; height: 30px;border: #bfbfbf 1px solid; border-radius: 5px} .audioList2 .btn-box .collect-btn .icon-xin{display:inline-block;width:16px;height:14px;background:url(/static/images/vip-public-img.png) -125px -325px;margin:7px 6px} .audioList2 .btn-box .collect-btn:hover .icon-xin{background-position:-146px -325px} .audioList2 .btn-box .over-coll i{background-position:-166px -325px !important} .audioList2:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15)} .audioList2:hover .btn-box{ top: 62px !important;} .audioList2:hover .btn-box .btn-red{background-color: #cf2c25; border-color:#cf2c25; color: #fff !important } .audioList2:hover .audioLink img{ transform: scale(1.05);} .audioList2 .icon-cy {width: 54px;height: 49px;background: url(/static/images/yc-top-icon.png);position: absolute;top: 0;right: -1px;} /*分类页音效*/ /*vip区新增广告位 2019-11-28*/ .topic-part{margin:20px 0} .topic-part .item{width:282px;height:190px;border-radius:10px;background:#EEE;overflow:hidden;position:relative;margin-right:24px} .topic-part .item:last-child{margin-right: 0;} .topic-part .item a{display: block;width: 100%;height: 100%;} .topic-part .item img{width: 100%;height: 100%;} .topic-part .item .mask{width: 282px;height: 190px;position: absolute;left: 0;top:80px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.6));transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.2s;-o-transition:all 0.3s;} .topic-part .item .mask p{text-align: center;font-size: 18px;color: #fff;margin-top: 76px;transition: all 0.3s;} .topic-part .item:hover .mask{top:0px} .topic-part .item:hover p{font-size: 22px;}