*{ margin:0; padding:0; border:0 solid #000000; } #bd_snap{ position:absolute; z-index:9999999999; } .start-design-show{ vertical-align: -2px; margin-right:5px; } html, body, h1, h2, h3, h4, input, p, ul{ margin:0; padding:0; } html{ -webkit-text-size-adjust:none; } .fl{ float:left; } .fr{ float:right; } ul, ol, li{ list-style:none; } body{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "San Francisco", "Microsoft YaHei", "微软雅黑", sans-serif; color:#ADADAD; background:rgba(250, 250, 250, 1); } input, textarea, select, button{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "San Francisco", "Microsoft YaHei", "微软雅黑", sans-serif; } a{ color:#666666; text-decoration:none; } #album-on .nav-pulldown-bg.nav-pulldown-templ, #cut-rotate .nav-pulldown-bg{ display:none; } .start-designer-vip{ display:none; } /*message*/ .message{ top:60px; background:#FFEE83; color:#7C6045; width:100%; margin:0 auto; padding:8px 0; border-bottom:1px solid #ECCA82; font-size:14px; text-align:center; line-height:1.5; position:relative; z-index:10; } .clearfix:after{ content:""; display:block; visibility:hidden; height:0; line-height:0; clear:both; } .clearfix{ zoom:1; } .clearBoth:after{ content:""; display:block; visibility:hidden; height:0; line-height:0; clear:both; } .clearBoth{ clear:both; } input{ outline:none; } .w1200{ width:1200px; margin:0 auto; } @font-face{ font-family:"iconfont"; src:url('//js.tuguaishou.com/font/20210903/iconfont.eot?v=20210903'); src:url('//js.tuguaishou.com/font/20210903/iconfont.eot#iefix?v=20210903') format('embedded-opentype'), /* IE6-IE8 */ url('//js.tuguaishou.com/font/20210903/iconfont.woff?v=20210903') format('woff'), url('//js.tuguaishou.com/font/20210903/iconfont.ttf?v=20210903') format('truetype'), url('//js.tuguaishou.com/font/20210903/iconfont.svg#iconfont?v=20210903') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } /*nav*/ .navi{ background:#FFFFFF; width:100%; /*box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);*/ top:-80px; } .navi{ background:#f43a6d; z-index:12 } .nav{ height:60px; min-width:1200px; z-index: 30; position:relative; } .logo-box{ display:inline-block; } .logo{ display:inline-block; height:60px; line-height:60px; padding-left:40px; vertical-align:middle; } .logo-box .logo i{ background-image:url(https://s.tuguaishou.com/new-index/logo-20190306.png?v=5); background-size:100% 100%; } .logo i{ width:186px; height:37px; vertical-align:middle; margin-top:-6px; display:inline-block } .logo img{ width:186px; height:36px; vertical-align:middle; margin-top:-6px; display:inline-block } .logo-box .tip{ position:absolute; top: 3px; left: 33px; background:url(//js.tuguaishou.com/new-index/logo-tip.png?v=2) no-repeat; width:288px; height:115px; } .logo-box .tip.gzt{ background:url(//js.tuguaishou.com/new-index/logo-tip-gzt.png?v=3) no-repeat; } .logo-box p.text{ font-size:14px; color:rgba(255,255,255,1); margin-top: 74px; margin-left:25px; } .navi.navi-black{ background:#FFFFFF; /*box-shadow:0px 3px 3px 0px rgba(2, 9, 26, 0.15);*/ border-bottom: 1px solid rgba(0, 0, 0, 0.1); z-index:15; } .navi.navi-black .logo-box .logo i{ /*background-image:url(https://s.tuguaishou.com/new-index/logo-20190306-black.png?v=5);*/ background-image:url(https://js.tuguaishou.com/new-index/logo-20200623-black-1x.png?v=7); } .navi.navi-black .logo .slogan{ color:#202020; } .navi.navi-black .nav .nav-lists > li > a{ color:#202020; } .logo .slogan{ color:#FFFFFF; font-size:14px; margin-left:18px; vertical-align:4px; } #drag-fav{ display:none; position:absolute; left:122px; top:10px; z-index:12; width:295px; height:150px; } #drag-fav img{ width:295px; height:150px; } #drag-fav a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:0; } .nav-block{ position:absolute; } .nav > .nav-lists{ height:100%; display:-webkit-box; left:50%; position:absolute; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); top:0px; } /*.nav > .nav-lists .nav-on{*/ /*border-bottom:3px solid #FF787E;*/ /*}*/ /*.nav > .nav-lists .nav-on > a, .nav > .nav-lists .nav-on .doubleA, .nav > .nav-lists .nav-on .xieGang{*/ /*color:#FF787E;*/ /*}*/ .nav > .nav-lists > li{ float:left; font-size:18.67px; height:100%; line-height:60px; box-sizing:border-box; position:relative; } .nav .nav-lists > li > a{ display:block; color:#FFFFFF; padding:0 17px; height:100%; font-size:14px; box-sizing:border-box; } /*.nav .nav-lists > li:hover > .singleA{*/ /*color:#FF787E;*/ /*}*/ /*.nav .nav-lists > li > .doubleA:hover{*/ /*color:#FF787E;*/ /*}*/ .nav .nav-lists > li > .doubleA{ color:#666666; } /*hover下拉*/ .nav-pulldown-bg{ z-index:9; } .nav-pulldown-bg{ /*transition:all .3s;*/ visibility:hidden; opacity:0; position:absolute; left:0; top:60px; width:580px; box-sizing:border-box; /*padding-top:12px;*/ } /*.nav > .nav-lists > li#templ-on{*/ /*position:unset;*/ /*}*/ .nav-pulldown-bg.nav-pulldown-templ{ margin:auto; position:absolute; top:80px; width:1200px; } .nav-pulldown-bg.nav-pulldown-templ .pulldown-title{ padding:14px 40px 2px 40px; } .nav-pulldown-bg.nav-pulldown-templ .pulldown-title .head_search_count{ color:#FF787E; } .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ margin:0 auto; width:1200px; height:420px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px; border-radius:10px; } .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown:before{ left:496px; } .nav-pulldown-templ .pulldown-templ-class{ width:33.33%; padding:0 30px; float:left; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height:140px; background:rgba(255, 226, 228, 0.5); } .nav-pulldown-templ .pulldown-templ-class:nth-child(5n+2){ background:rgba(255, 213, 198, 0.5); } .nav-pulldown-templ .pulldown-templ-class:nth-child(5n+3){ background:rgba(216, 234, 255, 0.5); } .nav-pulldown-templ .pulldown-templ-class:nth-child(5n+4){ background:rgba(220, 255, 208, 0.5); } .nav-pulldown-templ .pulldown-templ-class:nth-child(5n+5){ background:rgba(231, 216, 255, 0.5); } .nav-pulldown-templ #head_search_count{ color:#202020; font-size:18px; font-weight:bold; } .nav-pulldown-templ .pulldown-templ-class .templ-class-title{ height:55px; line-height:50px; font-weight:400; color:#444444; font-size:14px; } .nav-pulldown-templ .pulldown-templ-class .templ-class-title a{ color:#333333; font-weight:600; } .nav-pulldown-templ .pulldown-templ-class .templ-class-title a.more{ font-size:16px; font-weight:400; color:#666666; float:right; } .nav-pulldown-templ .pulldown-templ-class .templ-class-title a:hover{ color:#FF716B; } .nav-pulldown-templ .pulldown-templ-class .templ-class-list{ line-height:16px; } .nav-pulldown-templ .pulldown-templ-class .templ-class-list:after{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .nav-pulldown-templ .pulldown-templ-class .templ-class-list a{ font-size:12px; font-weight:400; color:#666666; margin-bottom:20px; display:block; float:left; width:25%; white-space:nowrap; } .nav-pulldown-templ .pulldown-templ-class .templ-class-list a:hover{ color:#FF716B; } .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown .pulldown-list{ border:none; padding:5px 0px 15px 40px; display:block; float:left; } .nav-pulldown-templ .nav-pulldown:after{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .nav-pulldown{ width:100%; background:#FFFFFF; /* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); */ border:1px solid #EDEDED; border-radius:4px; position:relative; } .nav-pulldown:before{ display:block; display:none; content:''; position:absolute; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED; width:18px; height:18px; transform:rotate(-135deg); left:36px; top:-10px; background:#FFFFFF; } #album-on .nav-pulldown-templ .pulldown-title{ text-align:center; } #album-on .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown:before{ left:582px; } #album-on .album-recommend{ display:inline-block; border-radius:10px; width:250px; height:120px; margin:16px 0px 0px 36px; text-align:center; line-height:36px; font-size:14px; color:#202020; font-weight:400; } #album-on .album-recommend-small{ display:inline-block; width:250px; height:40px; line-height:40px; text-align:center; border:1px solid rgba(235, 235, 235, 1); border-radius:10px; color:#202020; margin-left:34px; margin-bottom:15px; font-size:14px; } #album-on .album-recommend-small.more{ background:#F0F0F0; border:1px solid #F0F0F0; } #album-on .leave_line{ margin-top:20px; margin-bottom:26px; width:100%; border-bottom:1px #E4E4E4 solid; display:block; } #album-on .album-recommend a{ width:100%; height:100%; } #album-on .album-recommend a img{ width:100%; height:100%; } #album-on .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ height:480px; } #cut-rotate :hover .nav-pulldown-bg{ visibility:visible; } #cut-rotate .nav-pulldown-bg{ width:1200px; opacity:1; top:60px; padding-top:12px; left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:fixed; } #cut-rotate .nav-pulldown{ width:1200px; height:460px; padding:0px;border-radius:10px; } #cut-rotate .tool-list{ width:600px; height:230px; text-align:center; font-size:14px; font-weight:400; color:#202020; line-height:20px; display:table-cell; vertical-align:middle; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin-top:-1px; margin-right:-1px; } #cut-rotate .tool-list a.rotate-crop{ display:inline-block; width:90px; /*text-align:left;*/ /*margin-left:10px;*/ } #cut-rotate .tool-list .cut-rotate-title{ font-weight:bold; color:#1C7FCB; font-size:18px; display:block; margin-bottom:20px; } #cut-rotate .nav-pulldown:before{ left:680px; } #cut-rotate .tool-list.more{ font-weight:bold; color:#A4A4A4; font-size:18px; } #cut-rotate .tool-list.background .cut-rotate-title{ color:#F06000; } #cut-rotate .tool-list.qrcode .cut-rotate-title{ color:#2B9B15; } #cut-rotate .tool-list.koutu .cut-rotate-title{ color:#1F3FA7; } #cut-rotate .tool-list.editorcut .cut-rotate-title{ color:#8E22C0; } #cut-rotate .tool-list.background, #cut-rotate .tool-list.editorcut{ border-right:unset; } #cut-rotate .tool-list.koutu, #cut-rotate .tool-list.editorcut, #cut-rotate .tool-list.more{ border-bottom:unset; } .VIP-privilege .nav-pulldown:before{ left:288px; } .VIP-privilege .nav-pulldown-bg{ width:600px; height:460px; border-radius:10px; } .VIP-privilege .vip-title{ width:600px; height:90px; display:table-cell; vertical-align:middle; text-align:center; font-size:14px; font-weight:400; color:#202020; background-color:#F7F7F7; line-height:30px; border-radius:10px; } .VIP-privilege .nav-pulldown:before{ background-color:#F7F7F7; } .VIP-privilege .vip-title h3{ font-size:18px; font-weight:bold; } .nav-lists > .VIP-privilege:hover .nav-pulldown-bg{ left:50%; /* -webkit-transform: translate(-50%, 0); */ -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:absolute; } .nav-lists > li:hover .nav-pulldown-bg{ visibility:visible; opacity:1; top:60px; padding-top:12px; left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:fixed; } .pulldown-title{ height:67px; line-height:67px; font-size:16px; color:#999999; } .pulldown-title .pulldown-title-link{ font-size:18px; color:#666666; margin-right:40px; font-weight:normal; } .vip-link{ display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; font-size:14px; margin-top:18px; border-radius:4px; color:#FFFFFF; background:#FF787E; transition:opacity 0.2s; } .vip-link:hover{ opacity:0.8; } .title-color2 .pulldown-title-link{ color:#666666; letter-spacing:0; font-weight:normal; } #assert-on .doubleA{ display:inline-block; padding:0 7px 0 0; } #assert-on .doubleA:first-child{ padding-left:7px; padding-right:0px; } .pulldown-list{ padding-top:14px; padding-bottom:8px; border-top:1px solid #EEEEEE; } .pulldown-list .pulldown-list-title{ font-size:16px; color:#333333; position:relative; background:#FD7672; width:210px; height:60px; line-height:60px; text-align:center; padding:0px 20px; border-radius:10px; } .pulldown-list .pulldown-list-title::before{ display:none; } .pulldown-list .pulldown-list-title a{ width:100%; height:100%; display:block; } .pulldown-list .pulldown-list-title .class_name{ color:#FFFFFF; font-weight:bold; float:left; font-size:16px; } .pulldown-list .pulldown-list-title .class_count{ color:#FFFFFF; font-size:14px; float:right; } .pulldown-list.title-colorNew1 .pulldown-list-title{ background:#FF4A6D; } .pulldown-list.title-colorNew2 .pulldown-list-title{ background:#01CEED; } .pulldown-list.title-colorNew3 .pulldown-list-title{ background:#836DFE; } .pulldown-list.title-colorNew4 .pulldown-list-title{ background:#6774FE; } .pulldown-list.title-colorNew5 .pulldown-list-title{ background:#FFBE30; } .pulldown-list.title-colorNew6 .pulldown-list-title{ background:#02E5DE; } .pulldown-list.title-colorNew7 .pulldown-list-title{ background:#3BC1FF; } .pulldown-list.title-colorNew8 .pulldown-list-title{ background:#DDAE5C; } .pulldown-list.title-colorNew9 .pulldown-list-title{ background:#3D8FFF; } .pulldown-list.title-colorNew10 .pulldown-list-title{ background:#D35E4C; } .pulldown-list.title-colorNew11 .pulldown-list-title{ background:#FFCC00; } .pulldown-list.title-colorNew12 .pulldown-list-title{ background:#9E7966; } .pulldown-list.title-colorNew12 .pulldown-list-title{ background:#6AC58C; } .pulldown-list.title-colorNew14 .pulldown-list-title{ background:#6AC58C; } .pulldown-list.title-colorNew15 .pulldown-list-title{ background:#72B4C4; } .pulldown-list-block{ padding-left:150px; } .cut-rotate .pulldown-list-block{ padding:0 0 10px 0; } .pulldown-list-block a{ float:left; font-size:14px; height:24px; line-height:24px; /* border-radius: 10px; */ /* padding: 0 12px; */ margin-bottom:3px; position:relative; width:33.33%; text-indent:12px; } .nav-pulldown-bg.nav-pulldown-templ .pulldown-list-block a{ width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .pulldown-list-block a:before{ display:block; content:''; position:absolute; width:4px; height:4px; border:3px solid #FF787E; border-radius:50%; background:#FFFFFF; left:0px; top:7px; } .pulldown-list-block a:hover, .pulldown-list-block a.on{ color:#FF787E; /* background-color: #F5F6F7; */ } .pulldown-hint{ font-size:12px; color:#999999; } /*搜索栏*/ .fixation-nav{ position:fixed; top:0; left:0; transition:top 0.6s; z-index:10; } .hider-seek{ display:none; top:16px; left:112px; } .hider-seek .box-text{ background-color:#EEEEEE; } .hider-seek .clear-search-input{ position:absolute; right:108px; top:-10px; cursor:pointer; color:#A6A6A6; display:none; font-size: 22px; } .hider-seek .clear-search-input:hover{ color:#444950; } .box-text::-webkit-input-placeholder, .box-little-text::-webkit-input-placeholder{ /* WebKit browsers */ color:#D4D4D4; } .hider-seek .input-pull-down, .hider-seek .seek-select-list{ background:#FFFFFF; } .banner-seek{ margin:0 auto; position:relative; width:710px; } .box-text{ height:48px; width:710px; line-height:48px; text-indent:8px; border:none; background:#FFFFFF; font-size:14px; color:#333333; border-radius:4px; box-sizing:border-box; padding:0 112px 0 100px; } .box-btn{ position:absolute; right:0px; top:0px; height:48px; line-height:48px; font-size:14px; width:100px; border-radius:0 4px 4px 0; color:#FFFFFF; border:none; cursor:pointer; background:#FF787E; text-align:center; } .box-btn .iconfont{ font-size:26px; } .box-bg-btn{ position:absolute; right:0px; top:0px; height:48px; line-height:48px; font-size:14px; width:100px; border-radius:0 4px 4px 0; color:#FFFFFF; border:none; cursor:pointer; background:#FF787E; text-align:center; } .box-as-btn{ position:absolute; right:0px; top:0px; height:48px; line-height:48px; font-size:14px; width:100px; border-radius:0 4px 4px 0; color:#FFFFFF; border:none; cursor:pointer; background:#FF787E; text-align:center; } .box-btn:hover{ opacity:0.8; } .input-pull-down{ display:none; position:absolute; top:50px; left:96px; width:514px; box-sizing:border-box; z-index:5; padding:12px 0 11px 0; background:#FFFFFF; border-radius:4px; } .input-pull-down li{ height:32px; line-height:32px; font-size:13.34px; text-align:left; } .input-pull-down li .down-link{ display:block; height:100%; padding:0 16px; } .down-hot .down-link{ color:#FF0000; } .new-li .down-link .down-size, .new-li .new-down-link .down-size{ width:75%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .input-pull-down li .new-down-link{ display:block; height:100%; padding:0 16px; } .down-hot .new-down-link{ color:#FF787E; } .input-pull-down li:hover{ background:#FF787E; } .input-pull-down li:hover span{ color:#FFFFFF; } .two-columns > div{ background:#EEEEEE; height:340px; } .two-columns-left{ width:895px; box-shadow:0 5px 10px #EDEDED; } .input-pull-down .input-recently{ height:29px; line-height:18px; color:#FF787E; border-bottom:1px solid #FFEAE8; padding:0 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:460px; } .input-pull-down .input-recently:hover{ background:none; } .input-pull-down .input-recently a{ margin-left:16px; } .input-pull-down .input-recently a:hover{ color:#FF787E; } /*搜索选择*/ .seek-select{ width:92px; box-sizing:border-box; height:48px; line-height:48px; position:absolute; font-size:14px; color:#666666; } .seek-select:after{ content:''; position:absolute; height:25px; width:1px; background:#CCCCCC; top:12px; right:-1px; } .seek-select:hover .seek-Selected > .iconfont{ transform:rotate(180deg); } .seek-head-select{ width:96px; box-sizing:border-box; height:48px; line-height:48px; position:absolute; font-size:14px; color:#666666; } .seek-head-select:after{ content:''; position:absolute; height:24px; width:1px; background:#D4D4D4; top:8px; right:0; } .seek-head-select:hover .seek-Selected > .iconfont{ transform:rotate(180deg); } .seek-Selected{ padding-left:14px; } .seek-Selected > .iconfont{ display:inline-block; font-size:14px; vertical-align:1px; /*margin-left:10px;*/ color:#A3A3A3; transition:transform 0.3s; } .seek-select-list{ z-index:9; display:none; left:-1px; top:48px; position:absolute; width:92px; text-align:center; border-radius:4px; padding-top:2px; } .seek-select-list > li{ color:#666666; height:38px; cursor:pointer; line-height:38px; background:#FFFFFF; } /*.seek-select-list>li:hover{background: #f9eae8;}*/ .seek-select-list > li.seek-select-color1{ border-radius:4px 4px 0 0; } .seek-select-list > li.seek-select-color3, .seek-select-list > li:last-child{ border-radius:0 0 4px 4px !important; } .seek-select-list > li.seek-select-color1:hover{ background-color:#FF787E; color:#FFFFFF; } .seek-select-list > li.seek-select-color2:hover{ background-color:#FF787E; color:#FFFFFF; } .seek-select-list > li.seek-select-color3:hover{ background-color:#FF787E; color:#FFFFFF; } .seek-select-head-list{ z-index:9; display:none; left:2px; top:40px; position:absolute; width:92px; text-align:center; border-radius:4px; padding-top:20px; box-shadow: 0px 5px 6px #80808066; background: #ffffff; } .seek-select-head-list > li{ color:#666666; height:38px; cursor:pointer; line-height:38px; background:#FFFFFF; } .seek-select-head-list > li.seek-select-color1{ border-radius:4px 4px 0 0; } .seek-select-head-list > li.seek-select-color3, .seek-select-head-list > li:last-child{ border-radius:0 0 4px 4px !important; } /*.seek-select-head-list>li:hover{background: #f9eae8;}*/ .seek-select-head-list > li.seek-select-color1:hover{ background-color:#FF787E; color:#FFFFFF; } .seek-select-head-list > li.seek-select-color2:hover{ background-color:#FF787E; color:#FFFFFF; } .seek-select-head-list > li.seek-select-color3:hover{ background-color:#FF787E; color:#FFFFFF; } .VIP-privilege{ position:relative; } .VIP-privilege .vip-title{ color:#202020; } .VIP-privilege .vip-icon{ width:35px; height:31px; background-image:url(//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9); background-position:-10px -163px; display:block; position:absolute; top:38px; left:203px; } .VIP-privilege .vip-title h5{ font-size:14px; font-weight:400; /*padding-left:54px;*/ } .VIP-privilege:hover > a{ color:#FF787E; } /* .VIP-privilege:hover .VIP-privilege-intr { opacity: 1; visibility: visible; } */ .VIP-privilege .VIP-privilege-intr{ z-index:9; width:500px; height:380px; text-align:center; border-radius:10px; } .VIP-privilege-intr > h3{ font-size:20px; color:#666666; height:60px; line-height:70px; } .VIP-privilege-intr > ul > li{ height:37px; font-size:14px; color:#666666; line-height:40px; } .VIP-privilege-intr > ul > li > span{ color:#FF787E; margin-left:1px; } .VIP-privilege-intr .vip-intro{ color:#661492; text-align:center; font-size:14px; font-weight:400; } .VIP-privilege-intr .vip-intro .vip-icon-intro{ margin-top:30px; font-size:14px; font-weight:400; color:#202020; text-align:center; width:30%; display:inline-block; line-height:30px; } .VIP-privilege-intr .vip-intro .know-more{ line-height:26px; } .VIP-privilege-intr .vip-intro .vip-icon-intro .iconfont{ font-size:23px; /*color:#4E2800;*/ color:#591590; border:1px #C4C4C4 solid; border-radius:50px; display:block; width:50px; height:50px; line-height:54px; margin:0 auto; } .VIP-privilege-intr .vip-intro .vip-icon-intro .purple{ /*color:#4E2800;*/ color:#591590; } .VIP-privilege-intr .vip-intro .at-once-join{ width:230px; height:40px; /*background:#653908;*/ background:#FFCC00; border-radius:25px; line-height:40px; font-weight:bold; color:#000000; font-size:14px; text-align:center; display:block; margin:10px auto 0px auto; } .VIP-privilege-intr .vip-intro .know-more a{ color:#A1A1A1; text-decoration:underline; font-size:14px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg{ width:600px; height:510px; border-radius:10px; font-size:14px; font-weight:400; color:rgba(32, 32, 32, 1); } .nav-lists > .VIP-classify-privilege:hover .nav-pulldown-bg{ left:50%; /* -webkit-transform: translate(-50%, 0); */ -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:absolute; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .VIP-privilege-intr:after{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip{ height:510px; width:255px; float:left; border-right:1px solid #D9D9D9; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .header{ height:100px; padding-top:20px; background:#F8ECFF; position:relative; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .header{ height:100px; padding-top:20px; background:#E7FAFF; position:relative; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .header .vip-logo{ width:35px; height:31px; display:block; background-image:url(//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9); background-position:-10px -571px; margin:0px auto 0px auto; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .header .vip-logo{ width:35px; height:31px; display:block; background-image:url(//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9); background-position:-10px -367px; margin:0px auto 0px auto; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .header .big-title, .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .header .big-title{ font-size:18px; font-weight:bold; color:rgba(32, 32, 32, 1); text-align:center; line-height:30px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .header .small-title, .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .header .small-title{ font-size:14px; font-weight:400; color:rgba(32, 32, 32, 1); text-align:center; line-height:25px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .vip-icon-intro a .iconfont{ font-size:26px; color:#784ECD; border:1px #C4C4C4 solid; border-radius:50px; display:inline-block; width:50px; height:50px; line-height:50px; margin:0 auto; text-align:center; vertical-align:-3px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .vip-icon-intro a .iconfont{ color:#3F71CD; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .vip-icon-intro a{ margin:14px 29px; display:block; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .vip-icon-intro a{ margin:14px 70px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .vip-icon-intro .purple{ color:#784ECD; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .vip-icon-intro .purple{ color:#3F71CD; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .know-more{ font-size:14px; font-weight:400; text-decoration:underline; color:rgba(161, 161, 161, 1); text-align:center; line-height:40px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .know-more{ font-size:14px; font-weight:400; text-decoration:underline; color:rgba(161, 161, 161, 1); text-align:center; line-height:40px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .at-once-join{ height:50px; line-height:50px; width:270px; text-align:center; background:rgba(6, 17, 234, 1); border-radius:25px; font-size:14px; font-weight:bold; color:rgba(255, 255, 255, 1); margin:0 auto;margin-top:22px; display:block; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .gif-vip .at-once-join{ height:50px; line-height:50px; width:170px; text-align:center; background:#6535C6; border-radius:25px; font-size:14px; font-weight:bold; color:rgba(255, 255, 255, 1); margin:0 auto;margin-top:22px; display:block; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip .join-know{ color:rgba(84, 129, 211, 1); text-align:center; display:block; margin:0 auto; line-height:40px; } .nav-lists > .VIP-classify-privilege .nav-pulldown-bg .pic-vip{ height:510px; width:344px; float:left; } .privilege-intr-jiaru{ margin:20px auto; display:block; width:182px; height:38px; border-radius:4px; line-height:38px; color:#FFFFFF; letter-spacing:1px; font-size:16px; background:#FF787E; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7147', endColorstr='#f65e30', GradientType=0); } .privilege-intr-jiaru:hover{ opacity:0.8; } .hader-ipt{ position:relative; height:100%; margin-right:30px; display:inline-block; float:right; } .register{ float:right; width:124px; height:30px; font-weight:900; border:1px solid #FF787E; border-radius:4px; line-height:29px; text-align:center; font-size:14px; color:#FF787E; box-sizing:border-box; margin-left:16px; margin-top:-7px; } .register:hover{ color:#FD7060; border-color:#FD7060; } .register .give_vip{ width:97px; margin-top:-4px; } .Before-login > a{ display:inline-block; text-align:center; float:left; color:#666666; width:100px; background:#ffdb00; border-radius:18px; color:#4e2b0e; font-size:14px; font-weight:bold; margin-right:36px; margin-top: 12px;height: 36px;line-height: 36px; } .navi-black .Before-login > a{ background:#FFFFFF; border:1px #E8E8E8 solid; color:rgba(0, 0, 0, 1); } /*.Before-login > a:hover{*/ /*background:#FF787E;*/ /*color:#FFFFFF;*/ /*}*/ .Before-login > a > span{ position:relative; } /*.Before-login > a.btn-register > span:before{*/ /* position:absolute;*/ /* content:'';*/ /* display:block;*/ /* background:url(//s.tuguaishou.com/new-index/20180327/vip.png?v=2) no-repeat center center;*/ /* background-size:100%;*/ /* width:80px;*/ /* height:21px;*/ /* top:-20px;*/ /* left:50%;*/ /* margin-left:-40px;*/ /*}*/ .Before-login{ position:relative; } .Before-login .login-hover{ display:none; position:absolute; top:68px; right:10px; width:218px; height:194px; background:rgba(255, 255, 255, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .Before-login .login-hover:after{ content: ''; position: absolute; height: 26px; width: 100%; display: block; top: -21px; } .Before-login:hover .login-hover{ display:block; } .Before-login .login-hover .title{ margin:16px 0; font-size:14px; color:rgba(102, 102, 102, 1); line-height:20px; text-align:center; padding-left:0px; } .Before-login .login-hover>div{ cursor:pointer; } .Before-login .login-hover p{ margin-top:16px; font-size:14px; color:rgba(32, 32, 32, 1); line-height:20px; text-align:left; padding-left:22px; } .Before-login .login-hover p .iconfont{ color:#FF787E; font-size:18px; margin-right:10px; vertical-align: text-top; } .Before-login .login-hover hr{ width:100%; height:1px; border-bottom:1px solid #F3F3F3; } .Before-login .login-hover .login{ display:inline-block; margin-top:20px; margin-left:30px; width:68px; height:28px; line-height:28px; background:rgba(255,120,126,1); border-radius:18px; font-size:14px; font-weight:400; text-align:center; color:rgba(255,255,255,1); float:unset; } .Before-login .login-hover .register{ display:inline-block; margin-top:20px; margin-left:22px; width:68px; height:28px; line-height:28px; background:rgba(255,255,255,1); border-radius:18px; border:1px solid rgba(255,120,126,1); font-size:14px; font-weight:400; text-align:center; color:rgba(255,120,126,1); float:unset; } /*登录状态*/ .condition{ float:right; width:90px; box-sizing:border-box; position:relative; line-height:60px; height:60px; } .condition > img.portrait{ width:45px; height:45px; border-radius:50%; margin-top:8px; cursor:pointer; } .condition > i.iconfont{ position:relative; top:-17px; color:#666666; display:inline-block; transform:rotate(0deg); transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; } .condition > .leave_line{ position:relative; top:-44px; height:30px; border-right:1px #EBEBEB solid; display:block; margin-left:34px; } .condition:hover > i.iconfont{ transform:rotate(180deg); } .condition > span{ width:22px; height:19px; position:absolute; top:28px; left:31px; } .condition .cond-VIP{ display:inline-block; margin-right:6px; width:20px; height:18px; vertical-align:-4px; background:url('//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9') -253px -54px; } .condition .cond-VIP.all-vip-icon{ width:20px; height:18px; background:url('//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9') -253px -36px } .condition .cond-VIP.pic-vip-icon{ width:20px; height:18px; background:url('//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9') -253px -18px; } .condition .cond-VIP.gif-vip-icon{ width:20px; height:18px; background:url('//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9') -253px -0; } .cond-VIP2, .cond-VIP4, .cond-VIP6{ background:url(//s.tuguaishou.com/vip/1.png) no-repeat; background-size:100%; } .cond-VIP3, .cond-VIP5, .cond-VIP7{ background:url(//s.tuguaishou.com/vip/2.png) no-repeat; background-size:100%; } .cond-VIP8, .cond-VIP9, .cond-VIP10, .cond-VIP12, .cond-VIP14, .cond-VIP16{ background:url(//s.tuguaishou.com/vip/3.png) no-repeat; background-size:100%; } .cond-VIP11, .cond-VIP13, .cond-VIP14{ background:url(//s.tuguaishou.com/vip/4_small.png) no-repeat; background-size:100%; } .cond-VIP17{ background:url(//s.tuguaishou.com/vip/firm_vip.png) no-repeat; background-size:100%; transform:rotate(0deg) !important; position:absolute !important; top:27px !important; left:21px !important; width:24px !important; height:18px !important; } .condition > ul:before{ content:''; display:block; position:absolute; width:100%; height:30px; top: -10px; left:0; } .condition > ul{ opacity:0; transition:visibility, opacity 0.3s; visibility:hidden; position:absolute; width:450px; z-index:11; font-size:14px; color:#666666; top:52px; margin-left:-85px; right:50%; padding-top:20px; } #user-tool-box .ring-title-box{ box-shadow:0 0 15px rgba(0, 0, 0, 0.2); width:450px; height:auto; border-radius:10px; overflow:hidden; } #user-tool-box .ring-title-box #useravatar1{ width:60px; height:60px; border-radius:50%; float:left; margin-top:28px; } #user-tool-box .ring-title-box .baseinfo{ display:inline-block; margin-top:28px; width:auto; max-width:350px; } #user-tool-box .ring-title-box .baseinfo .username_link{ padding-left:0px; } #user-tool-box .ring-title-box .integral{ display:inline-block; width:auto; font-size:14px; font-weight:400; padding-top:0px; } #user-tool-box .ring-title-box .integral a{ display:inline-block; margin-left:12px; width:70px; height:20px; background:#AFAFAF; border-radius:10px; font-size:12px; font-weight:400; color:rgba(255, 255, 255, 1); padding-left:0px; text-align:center; line-height:20px; text-indent:0px; } #user-tool-box .my-link{ padding-bottom:25px; padding-top:11px; border-bottom:1px solid #F3F3F3; padding-left:0px; height: auto; } #user-tool-box .my-link a{ padding-left: 38px; display:block; float:unset; } #user-tool-box .my-link a:hover{ background-color:#F3F3F3; } #user-tool-box .my-vip{ /*height:180px;*/ height:fit-content; height:-webkit-fit-content; height:-moz-fit-content; font-size:14px; font-weight:400; color:rgba(32, 32, 32, 1); padding-bottom:20px; border-bottom:1px solid #DFDFDF; } #user-tool-box .my-vip .headline{ display:block; padding-top:4px; font-size:16px; font-weight:bold; color:rgba(32, 32, 32, 1); } #user-tool-box .my-vip .vip-name{ font-size:14px; color:#202020; } #user-tool-box .my-vip .expire-time{ font-size:12px; color:#A3A3A3; } #user-tool-box .my-vip a{ width:100px; height:30px; background:#FFC500; border-radius:15px; font-size:14px; font-weight:400; color:rgba(32, 32, 32, 1); text-align:center; line-height:30px; display:inline-block; float:right; padding-left:0px; margin-right:24px; position:absolute; right:0; } #user-tool-box .other_tools{ background-color:#F3F3F3; } #user-tool-box .other_tools a{ display:inline-block; width:auto; padding-left:0px; padding-right:20px; } #user-tool-box .other_tools #subform{ display:inline-block; float:right; } .condition #user-tool-box li{ padding-left:34px; } .condition:hover > ul{ opacity:1; visibility:visible; } .hider-new{ position:absolute; width:16px; height:14px; top:21px; right:-5px; background:url(//s.tuguaishou.com/new-index/20180327/icon_vip_01.png) 0 0 no-repeat; } .condition ul .ring-title{ height:113px; background:#F6F6F6; font-size:16px; font-weight:bold; color:rgba(32, 32, 32, 1); position: relative; } .condition ul .ring-title span.id{ font-size:14px; font-weight:400; } .condition ul li{ background:#FFFFFF; height:40px; line-height:40px; } .condition ul .ring-title p{ padding-top:4px; text-indent:23px; height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; line-height:30px; } .condition ul li a{ display:block; width:100%; padding-left:15px; color:#202020; height:100%; box-sizing:border-box; } .icon-uli span{ width:18px; height:16px; background:url(//s.tuguaishou.com/vip/2.png) no-repeat; background-size:100%; display:inline-block; margin-right:9px; vertical-align:middle; position:relative; top:-1px; } .ring-home{ line-height:39px; border-top:1px solid #E1E1E1; } /*.condition ul li:hover{*/ /*background:#F6F6F6;*/ /*}*/ .condition ul li .iconfont{ padding-right:9px; } /*.condition ul li:hover .iconfont{*/ /*color:#FF787E;*/ /*background:#FF787E;*/ /*-webkit-background-clip:text;*/ /*-webkit-text-fill-color:transparent;*/ /*}*/ .condition ul li .iconfont{ padding-right:4px; color:#666666; } .information{ position:relative; margin-left:5px; } .information .information-link{ font-size:24px; color:#FFFFFF; position:relative; line-height:60px; margin-right:26px; } .navi-black .information .information-link{ color:#8C8C8C; } .information-on{ position:relative; } .information-on:before{ position:absolute; content:''; display:block; width:6px; height:6px; border-radius:50%; background:#FFFFFF; top: 7px; right: 7px; } .navi-black .information-on:before{ background:red; } .information:hover .information-list{ opacity:1; visibility:visible; } .information-list{ opacity:0; visibility:hidden; transition:visibility, opacity 0.3s; position:absolute; top:49px; left:50%; margin-left:-140px; width:280px; background:#FFFFFF; z-index:6; box-sizing:border-box; border:1px solid #FBEBE9; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); } .information-list:before{ position:absolute; top:-30px; content:''; width:100%; height:30px; } .information-list > a{ display:block; height:51px; line-height:50px; font-size:16px; color:#666666; box-sizing:border-box; padding-left:27px; border-bottom:1px dashed #E5E5E5; transition:background 0.2s; } .information-list > a:hover{ background:#F6F6F6; } .information-list > a > i{ display:inline-block; width:6px; height:6px; background:red; border-radius:50%; vertical-align:20px; margin:0 10px 0 -13px; } .information-list > a > i.off{ background:#999999; } .information-list > a > span{ display:inline-block; width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .information-list > p{ height:49px; line-height:49px; text-align:center; } .information-list > p > a{ font-size:16px; color:#666666; transition:color 0.2s; } .information-list > p > a:hover{ color:#DF6552; } /*footer*/ .footer{ background:#323232; } .footer-content{ margin:0 auto; } .friendship{ border-top:1px solid #585858; height:100px; line-height:30px; padding-left:3px; } .friendship li{ float:left; margin-right:4px; } .friendship a{ font-size:14px; color:#999999; } .footet-jiesao{ height:100px; font-size:14px; } .logos{ float:left; height:100%; width:161px; background:url(//s.tuguaishou.com/new-index/text-logo.png) 4px 31px no-repeat; } .footer-url{ padding-top:33px; color:#CAC9C9; padding-bottom:4px; } .footet-jiesao p > a{ font-size:14px; color:#FFFFFF; margin-right:13px; } .footet-jiesao > div{ height:100%; } .footer-bottom-size{ font-size:12px; color:#939393; line-height:30px; text-align:left; background-color:#212121; } .footer-logo{ padding-right:24px; margin-right:24px; border-right:1px solid #585858; } .footer-content .partner-box{ font-size:14px; color:rgba(235, 235, 235, 1); width: 260px; display:inline-block; line-height:1; vertical-align: -30px; } .footer-content .partner-box .partner{ width: 70px; height: 30px; background:rgba(255, 255, 255, 1); border-radius:4px; display:inline-block; text-align:center; line-height: 28px; margin-top:24px; margin-right:4px; } .footer-content .partner-box .partner img{ vertical-align:middle; width: 50px; } .publicity{ width:464px; height:100%; background:url(//s.tuguaishou.com/index_img/publicity.png) 0 42px no-repeat; } /*侧边栏*/ #sidebar{width:50px;height:auto;position:fixed;right:0;top:40%;z-index:10;cursor:pointer;font-size:12px;color:#666666;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #sidebar .sidebar-block{width:50px;height:60px;background-color:#FFFFFF;padding-top:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;} #sidebar .sidebar-block:first-child{border-top:none;} #sidebar .sidebar-block:hover{background-color:#FF787E;color:#FFFFFF;border-radius:0px;} #sidebar .sidebar-block .iconfont{font-size:16px; /*color:#FF787E;*/ margin: 7px 0 2px; display:block;line-height:1;} #sidebar .sidebar-block:hover > .iconfont{color:#FFFFFF;} #sidebar .sidebar-block .sidebar-pop{display:none;cursor:default} #sidebar .sidebar-block:hover > .sidebar-pop{display:block;position:absolute;top:0;padding-right:20px; width:160px;height:182px;left:-157px;} #sidebar .sidebar-block:hover > .sidebar-pop .pop-box{background:rgba(255, 255, 255, 1);border-radius:2px;background-size:100%;font-size:12px;color:#333333} #sidebar .sidebar-block:hover > .pop_link .sidebar-pop{display:block;padding-right:20px; width:160px;height:182px;} #sidebar #client-box.sidebar-block:hover > .pop_link .pop-box{ float:left;width:160px;height:182px; box-shadow:0px 1px 5px 0px rgba(4,23,58,0.15); border-radius:8px; background-color: #fff; } #sidebar #client-box.sidebar-block:hover > .sidebar-pop .pop-box{ float:left;width:150px;height:140px; } #sidebar .sidebar-client-box > .sidebar-pop .pop-box .app-qrcode{ width:72px; height:72px; } /**单个按钮样式**/ #sidebar .sidebar-return-top-box{display:none;position: fixed; bottom: 10px;} #sidebar .sidebar-wechat-box .pop-box img{width:80px;height:80px;} #sidebar .sidebar-qq-group-box span{color:#FF787E;margin-top:10px;display:block;} #sidebar .sidebar-qq-group-box a{border-radius:4px;width:84px;height:26px;color:#FFFFFF;text-align:center;display:block;line-height:26px;margin:15px auto 10px auto;background:#FF787E;} #sidebar .sidebar-cs-box{-webkit-user-select:text ;-moz-user-select:text ;-ms-user-select:text ;user-select:text ;} #sidebar .sidebar-cs-box .sidebar-pop .iconfont{color:#FF787E;margin-right:6px;} #sidebar .sidebar-cs-box:hover > .sidebar-pop{width:180px;left:-180px;text-align:left; z-index: 50;} #sidebar .sidebar-cs-box:hover > .sidebar-pop .pop-box{padding-bottom:10px; line-height:24px;box-shadow:0px 1px 5px 0px rgba(4,23,58,0.15);border-radius:8px;} #sidebar .sidebar-cs-box:hover > .sidebar-pop .pop-box .zx-kf{font-size:14px;font-weight:600;color:rgba(32,32,32,1);text-align: center;border-bottom: 1px solid #EBEBEB;height: 34px;line-height: 34px;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box > p{padding-left:11px;letter-spacing: 1px} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .online-kf{border-bottom:1px solid #E7E7E7;padding-right: 10px} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .lxdh{border-bottom:1px solid #E7E7E7;padding-bottom: 12px;margin-bottom: 12px} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box > p .grey{color:#A1A1A1;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .web-help {line-height: 17px} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .web-help a{font-weight:600;font-size:12px;color:#202020;text-decoration: underline} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .web-help:hover a{color: #FF787E} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box > p > b{font-size:14px;font-weight:bold;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box > p{margin-bottom:14px;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box > p:last-child{margin-bottom:0px;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .online-kf .intro{width: 158px;letter-spacing: 0px} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .sidebar-cs-work-time{padding-left:22px;} #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .lxkf,#sidebar .sidebar-cs-box > .sidebar-pop .pop-box .lxkf_company{text-align:center;color:#FFFFFF;font-size:12px;display:block; margin:8px 0 14px 0;cursor:pointer;width:154px;height:40px;line-height:40px;background:#FF4555;border-radius:5px; padding-top: 0; } #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .lxkf_company_up{color:#FF4555;background:#FFFFFF; border: 1px solid #FF4555; } #sidebar .sidebar-block .sidebar_jump{width:50px;height:47px;display:inline-block} #sidebar .sidebar-client-box .sidebar_jump > .iconfont{ /*font-size:24px;*/ font-size:16px; /*color:#FF787E;*/ display:block;line-height:1;} #sidebar .sidebar-block:hover{background-color:#FF4555;color:#FFFFFF;border-radius:0px;} #sidebar .sidebar-client-box .sidebar_jump:hover > .iconfont{color:#FFFFFF;} #sidebar .sidebar-client-box .sidebar_jump:hover{color:#FFFFFF;} #sidebar .sidebar-client-box img{width:56px;height:60px;margin-top:7px;} #sidebar .sidebar-client-box p{margin-top:13px;margin-bottom:13px;line-height:12px;letter-spacing:1px;font-weight:500;font-size:14px} #sidebar .sidebar-client-box > .sidebar-pop .pop-box > span{margin-bottom:20px;line-height:12px;letter-spacing:1px;font-weight:400;font-size:12px;color:rgba(136, 136, 136, 1);} #sidebar .sidebar-client-box:hover .sidebar_jump > .iconfont{color:#FFFFFF;} #sidebar .sidebar-client-box:hover .sidebar_jump{color:#FFFFFF;} #sidebar .sidebar-client-box > .sidebar-pop .pop-box .khf-install{ width: 84px; height: 26px; background: rgba(255, 120, 126, 1); border-radius: 4px; line-height: 26px; text-align: center; color: #FFFFFF; font-size: 12px; display: block; margin: 0 auto 4px auto; cursor: pointer; } #sidebar .sidebar-wechat-box:hover .sidebar-pop{ width:254px; height:160px; left:-254px; box-shadow:0px 1px 5px 0px rgba(4,23,58,0.15); border-radius: 8px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .pop-box{ width:96px; height:133px; padding: 14px 16px 13px 14px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop { padding-right: 0px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .pop-box:nth-child(1) { border-right: 1px solid rgba(235,235,235,1); border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .sidebar-app .pop-box { border-radius:0px 8px 8px 0px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .pop-box:last-child{ border-right:1px solid transparent; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .pop-box p{ font-size:14px; color:#202020; margin-top: 3px; } #sidebar .sidebar-wechat-box:hover > .sidebar-pop .pop-box span{ font-size:12px; font-weight:500; color:rgba(255,69,85,1); line-height:24px; } #sidebar .sidebar-wechat-box:hover > .jump-app .iconfont { color: #fff; } #sidebar .sidebar-wechat-box:hover > .jump-app { color: #fff; display: block; } /*侧边栏 end */ .sidebar{ position:fixed; bottom:20%; right:15px; width:62px; height:245px; box-sizing:border-box; border-top:1px solid #EEEEEE; z-index:10; top:unset; background:unset; display:unset; } .sidebar-icon{ display:block; position:relative; width:60px; height:60px; border:1px solid #EEEEEE; border-top:none; background:url(//s.tuguaishou.com/index_img/icon.png) 0 -425px no-repeat; } .sidebar-icon:hover{ background-position:0 -494px; } .sidebar-icon2{ background-position:0 0; } .sidebar-icon2:hover{ background-position:0 -72px; } .sidebar-icon3{ background-position:0 -141px; } .sidebar-icon3:hover{ background-position:0 -211px; } .sidebar-icon4{ background-position:0 -286px; } .sidebar-icon4:hover{ background-position:0 -356px; } .sidebar-icon5{ background:url(//s.tuguaishou.com/index_img/zhuanqian.png); background-color:#FFFFFF; background-position:0 -141px; background-position:-1px -1px; } .sidebar-icon5:hover{ background:url(//s.tuguaishou.com/index_img/zhuanqian1.png) } .ewm{ display:none; position:absolute; width:170px; height:170px; top:-1px; left:-170px; background:url(//js.tuguaishou.com/image/wechat_qrcode/1.jpg) 0 0 no-repeat; background-size:100%; } .icon-weixi:hover .ewm{ display:block; } .qun-block{ width:220px; height:186px; top:-193px; right:-15px; position:absolute; overflow:hidden; } .QQqun{ display:block; width:99px; height:45px; background:url(//s.tuguaishou.com/index_img/qqqun.png) no-repeat right bottom; position:absolute; cursor:pointer; right:0; bottom:0; } .header-information-block{ width:220px; position:absolute; bottom:-195px; right:-220px; z-index:100; box-sizing:border-box; border:1px solid #EEEEEE; border-radius:2px; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; } .header-information-none{ bottom:0px; right:0px; } .header-information-block > .header-in-block1{ padding:20px 0 19px 20px; border-bottom:1px dashed #E5E5E5; background:#FFFFFF; } .header-information-block > .header-in-block2{ padding:19px 0 15px 20px; background:#FFFFFF; border-top:0; box-sizing:border-box; } .header-information-block p{ color:#666666; font-size:14px; } .header-in-title{ line-height:14px; height:26px; } .header-in-jia{ height:28px; line-height:28px; } .header-in-jia > span{ width:89px; display:inline-block; } .header-in-jia > a{ display:inline-block; width:90px; height:28px; line-height:28px; text-align:center; border-radius:4px; background:#F98066; color:#FFFFFF; } .header-in-jia > a:hover{ background:#FF787E; } .header-in-title > span{ color:#FF787E; } .clos-pop{ float:right; cursor:pointer; color:#666666; margin:9px 10px 0; } .clos-pop:hover{ color:#FF787E; } .icon-shanchu1:before{ content:"\e605"; } .icon-shoucang:before{ content:"\e663"; } .icon-aixin:before{ content:"\e663"; } .icon-qq:before{ content:"\e601"; } .icon-weixin:before{ content:"\e604"; } .icon-huaban:before{ content:"\e63c"; } .icon-iconjs:before{ content:"\e639"; } .icon-bianji:before{ content:"\e77d"; } .icon-zuo:before{ content:"\e66e"; } .icon-weibiaoti101:before{ content:"\e622"; } .icon-xiala:before{ content:"\e635"; } .icon-weibo:before{ content:"\e614"; } .icon-caiyixiu092206:before{ content:"\e60a"; } .icon-gouxuan:before{ content:"\e739"; } .icon-xiala-copy:before{ content:"\e602"; } .icon-chakan-copy:before{ content:"\e645"; } .icon-tuichu:before{ content:"\e60b"; } .icon-wenhao:before{ content:"\e66d"; } .icon-shanchu:before{ content:"\e62f"; } .icon-weibo1:before{ content:"\e626"; } .icon-taobao:before{ content:"\e65e"; } .icon-zhengpinbaozheng:before{ content:"\e6c2"; } .icon-youjian:before{ content:"\e610"; } .icon-dingwei:before{ content:"\e668"; } .icon-baidu:before{ content:"\e609"; } .icon-tupian:before{ content:"\e6a9"; } .icon-search1:before{ content:"\e607"; } .icon-lingsheng:before{ content:"\e608"; } .icon-sheji:before{ content:"\ea12"; } .icon-yinshua:before{ content:"\e734"; } .icon-ren:before{ content:"\e60f"; } .icon-shenhe:before{ content:"\e698"; } .icon-kuaisu:before{ content:"\e603"; } .icon-yijian-copy-copy-copy-copy:before{ content:"\ea16"; } .icon-del:before{ content:"\e641"; } .icon-bi:before{ content:"\e606"; } .icon-xiangshang-copy:before{ content:"\ea17"; } /*下载次数不够弹窗*/ .pop-bg{ z-index:100; display:none; position:fixed; width:100%; height:100%; background:url('https://s.tuguaishou.com/index_img/pop-bg.png'); top:0; left:0; bottom:0; right:0; } .payment-pop{ width:500px; height:270px; padding-top:40px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background:#FFFFFF; text-align:center; border-radius:4px; } .payment-pop > img{ margin-top:-55px; vertical-align:top; } .payment-pop-text{ font-size:16px; font-family:"微软雅黑"; height:30px; line-height:30px; color:#858585; margin-top:10px; } .payment-pop > h3{ font-size:26px; color:#000000; height:60px; line-height:60px; } .payment-pop-size{ color:#666666; font-size:22px; height:68px; } .payment-pop-size > span{ color:#FF787E; } .payment-pop-join{ display:inline-block; width:220px; height:42px; border-radius:4px; line-height:42px; color:#FFFFFF; font-weight:900; letter-spacing:1px; background:#FF787E; } .payment-close{ position:absolute; right:-40px; top:0px; font-size:22px; padding:0px; border-radius:50px; width:34px; height:34px; text-align:center; line-height:32px; background:rgba(0, 0, 0, 0.3); color:rgba(255, 255, 255, 0.7); cursor:pointer; } /*.payment-close:hover{*/ /*background:url(//s.tuguaishou.com/index_img/fk-delhv.png) 0 0 no-repeat;*/ /*}*/ /*.payment-close:after{*/ /*content:'';*/ /*display:block;*/ /*width:25px;*/ /*height:2px;*/ /*position:absolute;*/ /*top:16px;*/ /*left:-25px;*/ /*background:#FEF7EA;*/ /*}*/ /*下载失败弹窗*/ .downloadPopup{ color:#666666; } .downloadPopup .downloadFaile2 .successIcon{ font-size:60px; color:#FF787E; position:absolute; left:50%; top:30px; margin-left:-30px; } .icon-fail:before{ content:"\e639"; } .downloadPopup .downloadFaile2 .successText{ font-size:18px; position:absolute; top:106px; left:0; width:100%; text-align:center; } .downloadPopup .downloadFaile2 .redownloadBtn{ background:linear-gradient(180deg, #FD7147, #F65E30); color:#FFFFFF; font-weight:700; width:180px; height:42px; line-height:42px; text-align:center; border-radius:18px; cursor:pointer; position:absolute; bottom:36px; left:50%; margin-left:-90px; } #search_count{ width:400px; display:inline-block; } /* 响应式 */ @media screen and (max-width:1460px){ .new-monster .w1200{ width:1000px; } .new-monster .userbox > li{ margin-right:52px; height:306.67px; } .new-monster .userbox > li .pic-talk{ font-size:14px; padding-top:10px; margin:0 12px; } .new-monster .userbox > li .users-logos{ right:15px; bottom:0; } .new-monster .userbox > li .pic-name{ margin:0 12px; } .new-monster .userbox > li .pic-name span{ font-size:14px; } .new-monster .new-banner .nb-lists > li{ margin-right:100px; } /* .new-monster .nav .nav-lists>li>a { font-size: 14px; } */ .new-monster .nav > .nav-lists > li{ margin-left:18px; } /* .new-monster .Before-login>a { width: 120px; } */ } .invite_enter{ width:145px; float:left; margin:20px 26px 0 0; } /*小搜索栏*/ #head-little-text-box{ height:100%; display:flex; display:-webkit-flex; align-items:center; position:relative; } #head-little-text-box .input-pull-down{ box-shadow:1px 2px 1px rgba(0, 0, 0, .2); top:66px; left:70px; width:381px; } #head-little-text{ background:#F2F2F2; border-radius:4px; height:38px; width:381px; padding:11px 35px 11px 8px;; box-sizing:border-box; font-size:12px; margin-left:71px; } #head-little-text-box .search-button{ margin-left:-30px; cursor:pointer; } .shgongshang img{ width:15px; vertical-align:-3px; } @media screen and (max-width:1570px){ #head-little-text{ height:30px; width:190px; margin-left:30px; } } @media screen and (max-width:1320px){ .invite_enter{ display:none; } } .page-corner-mark{ position:absolute !important; background:none !important; width:0 !important; height:0 !important; border-bottom:40px solid rgba(0, 0, 0, 0.6) !important; border-left:40px solid transparent !important; bottom:80px !important; right:0 !important; } .page-corner-mark .page-num{ position:absolute !important; right:22px !important; color:#FFFFFF !important; font-size:14px !important; top:22px !important; } /*.information-link:hover{ color:#F3695A; }*/ .closeTopMessage{ position:absolute; right:20%; cursor:pointer; } #goCheck{ background:#FFA383; background:-moz-linear-gradient(-45deg, #FFA383 0%, #F25E4C 100%); background:-webkit-linear-gradient(-45deg, #FFA383 0%, #F25E4C 100%); background:linear-gradient(135deg, #FFA383 0%, #F25E4C 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa383', endColorstr='#f25e4c', GradientType=1); } .sidebar .qun-none{ width:100px; height:45px; top:-52px; right:-15px; } .reg-piece #wx_refer{ height:26px; background:none; line-height:26px; color:#959090; margin-bottom:5px; margin-top:5px; font-size:15px; } .sidebar-icon{ height:59px; width:59px; background-color:white; } .bindphone_tip{ font-size:12px; margin-top:-5px; color:red; margin-bottom:25px; } .navi{ position:fixed; top:0; left:0; z-index:15; } .Before-login > a.btn-register > span:before{display:none;} .footer-logo-box{ vertical-align:middle; line-height:100px; /*margin-right:60px;*/ } .footer-function{ /*height:100%;*/ /*line-height:100px;*/ margin-top: 10px; } .footer .prevention{ line-height: 0px; padding-top: 24px; } .footer-function a{ height:22px; font-size:12px; color:#9A9A9A; padding-right:10px; } .footer-function a:last-child{ border:none; } .footer-logo{ width:200px; height:75px; vertical-align:middle; margin-top:20px; } .footer-slogan{ color:#EC7043; font-size:14px; border-left:1px solid #EC7043; padding-left:13px; margin-left:18px; } .footer-kefu{ line-height:100px; margin-right:10px; } .footer-kefu .lxkf{ float:right; } .footer-kefu .lxkf:after{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .footer-kefu a{ color:#9A9A9A; font-size:12px; } .footer-kefu a .iconfont{ color:#FF8B36; } .footer-tab{ width:98px; height:36px; background:#222222; font-size:14px; color:#FFFFFF; border-radius:2px; text-align:center; line-height:36px; display:inline-block; } .sidebar-qq{ display:none; } .sidebar-qq-box{ position:absolute; width:172px; height:190px; top:-1px; right:60px; background:rgba(255, 255, 255, 1); box-shadow:0px 0px 4px 1px rgba(232, 232, 232, 0.5); border-radius:2px 0px 0px 0px; border:1px solid rgba(237, 237, 237, 1); font-size:12px; padding:25px 0 0 9px; } .sidebar-qq .iconfont{ color:#FF787E; } .sidebar-qq p{ padding-left:16px; } .sidebar-icon2:hover .sidebar-qq{ display:block; } .sidebar-qq .lxkf{ display:block; margin:10px auto 0 auto; width:84px; height:26px; background:rgba(255, 120, 126, 1); border-radius:4px; line-height:26px; text-align:center; font-size:12px; color:#FFFFFF; } .header-enter{ width:90px; height:80px; font-size:16px; font-family:PingFangSC-Medium; font-weight:500; color:rgba(102, 102, 102, 1); line-height:80px; position:relative; float:right; } .header-enter:hover{ cursor:pointer; color:#FF787E; } .header-enter img{ position:absolute; width:58px; height:21px; left:32px; top:10px } .enter_activity{position:fixed;right:50px;top:200px;width:120px;} @keyframes computer_1{ 0%{transform:translate(0px, 0px);} 50%{transform:translate(0px, -20px);} 100%{transform:translate(0px, 0px);} } #goCheck{ display:block; width:100%; height:48px; background:#FFA383; background:-moz-linear-gradient(-45deg, #FFA383 0%, #F25E4C 100%); background:-webkit-linear-gradient(-45deg, #FFA383 0%, #F25E4C 100%); background:linear-gradient(135deg, #FFA383 0%, #F25E4C 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa383', endColorstr='#f25e4c', GradientType=1); line-height:48px; color:#FFFFFF; font-size:18px; margin-bottom:50px; border-radius:2px; } /**弹出层 start*/ .pop-mask{ position:relative; } .pop-vip-update.pop-bg .pop-mask{ width:460px; height:503px; padding-top:40px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; text-align:center; border-radius:4px; } .pop-vip-update .pop-mask-close{ position:absolute; width:50px; height:50px; display:block; right:6px; top:70px; cursor:pointer; } .pop-vip-update a{ display:inline-block; position:relative; bottom:150px; } /**弹出层 end*/ #cnzz_stat_icon_1275225820{ display:none; } /*小程序头部下拉*/ #xcx_show{font-weight:400;float:right;display:block;margin-right:10px;cursor:pointer;position:relative;} #xcx_show:hover .xcx_code_box{display:block;} #xcx_show .xcx_code_box{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);padding-top:12px;display:none;} #xcx_show .xcx_code_box .xcx_code_pulldown{width:125px;height:177px;background:#FFFFFF;border:2px solid rgba(243, 243, 243, 1);border-radius:4px;font-size:12px;color:#666666;text-align:center;line-height:20px;padding:16px 39px;} #xcx_show .xcx_code_box .xcx_code_pulldown img{display:block;width:126px;height:126px;margin:10px auto 0 auto;} /*新底部*/ .footet-jiesao{ height:172px; } .footer-logo-box{ line-height:140px; } .footer-kefu{ display:flex; justify-content:center; align-items:center; line-height:1; } .footer-kefu .vx-code{ width:100px; text-align:center; margin-right:30px; display:inline-block; } .footer-kefu .xcx-code{ width:100px; text-align:center; display:inline-block; } .footer-kefu .vx-code img{ width:100px; height:100px; margin-bottom:10px; } .footer-kefu .xcx-code img{ width:100px; height:100px; margin-bottom:10px; } .footer-kefu .qq-kefu .lxkf{ width:180px; height:30px; line-height:30px; text-align:center; display:block; background:#565656; border-radius:15px; font-size:14px; font-weight:400; color:rgba(147, 147, 147, 1); cursor:pointer; margin-bottom:10px; } .footer-kefu .qq-kefu{ font-size:14px; font-weight:400; color:rgba(147, 147, 147, 1); line-height:36px; text-align:right; padding-left:30px; } .friendship .customer-service{ width:1200px; height:38px; display:flex; justify-content:space-between; align-items:center; margin:16px auto 0; } .friendship .customer-service .customer-service-btn{ width:98px; height:38px; text-align:center; background:rgba(0, 0, 0, 1); border-radius:2px; font-size:14px; font-family:MicrosoftYaHei; color:rgba(134, 135, 136, 1); line-height:38px; } .friendship .customer-service .customer-service-right{ width:1083px; height:32px; font-size:12px; font-family:MicrosoftYaHei; color:rgba(166, 167, 168, 1); line-height:32px; } .friendship .business-cooper{ width:1200px; height:38px; display:flex; justify-content:space-between; align-items:center; margin:16px auto 0; } .friendship .business-cooper .business-cooper-btn{ width:98px; height:38px; text-align:center; background:rgba(0, 0, 0, 1); border-radius:2px; font-size:14px; font-family:MicrosoftYaHei; color:rgba(134, 135, 136, 1); line-height:38px; } .friendship .business-cooper .business-cooper-right{ width:1083px; height:32px; font-size:12px; font-family:MicrosoftYaHei; color:rgba(166, 167, 168, 1); line-height:32px; } .friendship .friend-link{ width:1200px; height:38px; margin:16px auto 0; } .friendship .friend-link .friend-link-btn{ text-align:left; border-radius:2px; line-height:38px; display:block; font-size:16px; font-weight:bold; color:rgba(124, 124, 124, 1); } .friendship .friend-link .friend-link-btn .tab { font-size:14px; font-weight:bold; color:rgba(124, 124, 124, 1); margin-right: 20px; } .friendship .friend-link .friend-link-btn .tab:hover { color: #F55057; } .friendship .friend-link .friend-link-right{ line-height:16px; font-size:14px; font-weight:400; color:rgba(98, 98, 98, 1); } .friendship .friend-link .friend-link-right a{ margin-right:5px; color:rgba(98, 98, 98, 1); font-size:12px; } #nav-chunjiedacu{ background:#FF4800; font-size:12px; color:#FFFFFF; border-radius:9px; top:15px; right:-32px; position:absolute; width:40px; height:18px; line-height:18px; text-align:center; } .footer-bottom-size a{ color:#999999; } .video-box{top:0;left:0;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#69000000, endColorstr=#69000000);z-index:50;display:none;} .video-close{position:absolute;right:-40px;top:0px;font-size:22px;padding:0px;border-radius:50px;width:34px;height:34px;text-align:center;line-height:32px;background:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.7);} .video-div{width:845px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .start-video{width:845px;height:475px;} #video_play{width:114px;height:50px;float:right;margin-top:5px;margin-right:20px;cursor:pointer;} @media screen and (max-width:1300px){ #video_play{display:none;} } #enter-start-designer { float: right; line-height: 36px; width: 103px; height: 36px; display: inline-block; text-align: center; background: rgba(255,120,126,1); border-radius: 18px; font-size: 14px; font-weight: bold; color: rgba(255,255,255,1); margin: 12px 20px 0 0; } .condition #user-tool-box li.ring-title a.useravatar_link{ display:unset; padding-left:0; } /*还原老菜单的代码*/ #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ{ margin:auto; position:absolute; top:60px; width:900px; } #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ margin:0 auto; width:900px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0px; height:auto; } #templ-on.sigh .title-color2 .pulldown-title-link{ color:#666666; letter-spacing:0; font-weight:normal; } #templ-on.sigh .nav-pulldown-templ #head_search_count{ color:unset; font-size:unset; font-weight:unset; } #templ-on.sigh .pulldown-list .pulldown-list-title{ background:unset; } #templ-on.sigh .pulldown-list .pulldown-list-title{ font-size:16px; color:#333333; line-height:22px; position:relative; padding-left:15px; width:unset; height:unset; } #templ-on.sigh .pulldown-list .pulldown-list-title::before{ display:block; position:absolute; content:''; background:#FF787E; border-radius:2px; width:8px; height:18px; top:2px; left:0px; } #templ-on.sigh .pulldown-list .pulldown-list-title_new{ font-size:16px; color:#333333; line-height:22px; position:relative; padding-left:22px; width:unset; height:unset; } #templ-on.sigh .pulldown-list .color_1 a{ margin-right:18px; } #templ-on.sigh .pulldown-list .color_2 a{ margin-right:52px; } #templ-on.sigh .pulldown-list .color_3 a{ margin-right:52px; } #templ-on.sigh .pulldown-list .color_4 a{ margin-right:52px; } #templ-on.sigh .pulldown-list .color_5 a{ margin-right:52px; } #templ-on.sigh .pulldown-list .pulldown-list-title_new::before{ border:6px solid #FF9873; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_1::before{ border:6px solid #FF787E; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_2::before{ border:6px solid #78ADFF; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_3::before{ border:6px solid #FF787D; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_4::before{ border:6px solid #87E572; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_5::before{ border:6px solid #8D86FF; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list .color_6::before{ border:6px solid #FF9774; display:block; content:''; position:absolute; border-radius:50%; background:#FFFFFF; left:0px; top:5px; } #templ-on.sigh .pulldown-list.title-colorNew3 .pulldown-list-title::before{ background:#FF9873; } #templ-on.sigh .title-colorNew3 .pulldown-list-block a:before{ border-color:#FF9873; } #templ-on.sigh .title-colorNew3 .pulldown-list-block a:hover{ color:#FF9873; } #templ-on.sigh .pulldown-list.title-colorNew2 .pulldown-list-title::before{ background:#8D86FF; } #templ-on.sigh .title-colorNew2 .pulldown-list-block a:before{ border-color:#8D86FF; } #templ-on.sigh .title-colorNew2 .pulldown-list-block a:hover{ color:#8D86FF; } #templ-on.sigh .pulldown-list.title-colorNew1 .pulldown-list-title::before{ background:#87E672; } #templ-on.sigh .title-colorNew1 .pulldown-list-block a:before{ border-color:#87E672; } #templ-on.sigh .title-colorNew1 .pulldown-list-block a:hover{ color:#87E672; } #templ-on.sigh .pulldown-list.title-colorNew4 .pulldown-list-title::before{ background:#78ADFF; } #templ-on.sigh .title-colorNew4 .pulldown-list-block a:before{ border-color:#78ADFF; } #templ-on.sigh .title-colorNew4 .pulldown-list-block a:hover{ color:#78ADFF; } #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown .pulldown-list{ float:unset; } #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown:before{ left:440px; } /*0301*/ #monster{position:absolute; top:-120px; height:72px; width:82px; right:0; } #monster .enter_monster{width:60px;} @keyframes computer{ 0%{transform:translate(0px, 0px);} 50%{transform:translate(0px, -40px);} 100%{transform:translate(0px, 0px);} } #nav-search{ position:relative; margin-right:30px; display:none; } #nav-search input{ width:185px; height:30px; background:#EDEDED; border-radius:15px; font-size:14px; font-weight:400; margin-top:14px; padding-left:15px; } #nav-search .iconfont{ position:absolute; font-size:15px; color:#9F9F9F; right:11px; bottom:7px; cursor:pointer; } .more-VIP{ width:200px; display:inline-block; height:40px; line-height:40px; color:#989898; font-size:14px; text-align:center; /*border:1px solid #A1A1A1;*/ border-radius:40px; margin:0px 20px; } #go-fav{ width:100%; height:60px; line-height:60px; text-align:center; background:#3D3D3D; font-size:14px; font-weight:400; color:rgba(255, 255, 255, 1); } #go-fav span{ padding:5px 10px; background:rgba(255, 197, 0, 1); border-radius:5px; color:#202020; margin:0 5px; } #go-fav b{ font-weight:normal; margin:0 20px; } #go-fav a{ margin-top:2px; width:120px; height:30px; background:rgba(255, 197, 0, 1); border-radius:25px; display:inline-block; line-height:30px; text-align:center; color:#000000; font-size:14px; } .condition > ul{ width:258px; } #user-tool-box .ring-title-box{ width:100%; } #user-tool-box .ring-title-box #useravatar1{ width:40px; height:40px; margin-top:20px; box-shadow:0px 1px 1px 0px rgba(49, 3, 110, 0.23); } #user-tool-box .ring-title-box .baseinfo{ display:inline-block; margin-top:12px; width:auto; max-width:150px; margin-left:16px; font-size:14px; font-weight:400; color:rgba(255, 255, 255, 1); } #user-tool-box .ring-title-box .baseinfo .username_link{ color:#fff; text-indent: 0px; } .condition ul li{padding-left:20px;} .condition #user-tool-box .my-link{ padding-bottom:11px; padding-top:11px; border-bottom:1px solid #F3F3F3; padding-left:0px; height:auto; } #user-tool-box .my-link a{ padding-left:38px; display:block; float:unset; } #user-tool-box .my-link a:hover{ background-color:#F3F3F3; } #user-tool-box .my-vip{ line-height:32px; padding-left:38px; } #user-tool-box .my-vip .headline{ font-size:14px; } #user-tool-box .my-vip a{ display:block; width:182px; height:36px; border-radius:18px; background:#FFC500; font-size:14px; color:#202020; text-align:center; line-height:36px; margin-top:10px; margin-left:4px; padding-left:0px; margin-right:34px; position:unset; float:none; } #user-tool-box .other_tools{ background-color:#F3F3F3; text-align:center; } #user-tool-box .other_tools #subform{ /*display:inline-block;*/ float:none; } .condition ul .ring-title p{ padding-top:4px; height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; line-height:24px; } .condition ul li .iconfont{ padding-right:16px; color:#666666; } .condition ul .ring-title{ height:80px; background:url("//js.tuguaishou.com/common/drop_bg.png?v=1") 0 0 no-repeat; } .condition #user-tool-box li{ padding-left:20px; } .condition #user-tool-box .my-vip{ padding-left:30px; } /**fk.css**/ .fk-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:99;} .fk-body{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:700px;height:530px;background:rgba(255, 255, 255, 1);box-shadow:0px 1px 4px 0px rgba(148, 148, 148, 0.5);border-radius:4px;text-align:center;} .fk-close{position:absolute;right:-40px;top:0px;font-size:22px;padding:0;border-radius:50px;width:34px;height:34px;text-align:center;line-height:32px;background:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.7);cursor:pointer;} .fk-body .fk-title{font-size:20px;color:rgba(56, 64, 68, 1);text-align:center;margin-top:62px;margin-bottom:41px;} .fk-p{width:480px;display:block;text-align:left;font-size:14px;color:#384044;margin:0 auto;margin-bottom:16px;} .fk-p.fk_qq_qun{padding-left:88px;} .fk-p .sidebar-icon2, .fk-p.fk_qq_qun a{border-radius:4px;border:1px #FF787E solid;width:80px;height:26px;color:#FF787E;display:inline-block;line-height:26px;text-align:center;margin-left:10px;} .fk-bg .sidebar-icon2{ cursor:pointer; } .fk-text{width:420px;height:103px;font-family:'΢ÈíÑźÚ';box-sizing:border-box;border:1px solid #FDCDCD;border-radius:2px;margin:13px 0 23px;padding:12px 15px;resize:none;color:#666666;font-size:14px;outline:none;} .fk-bg .fk-qrcode{ width:202px;border:1px #E5E5E5 solid; margin-bottom:36px;} .fk-ipt{width:420px;height:46px;border:1px solid #FDCDCD;border-right:1px solid #FDCDCD;border-radius:2px;line-height:46px;padding:0 15px;color:#666666;box-sizing:border-box;margin:13px 0 30px;} .fk-submit{display:block;margin:37px auto 0;width:199px;height:40px;border-radius:4px;color:#FFFFFF;font-size:16px;line-height:40px;text-align:center;background:#FFA383;background:-moz-linear-gradient(-45deg, #FFA383 0%, #FC766F 100%);background:-webkit-linear-gradient(-45deg, #FFA383 0%, #FC766F 100%);background:linear-gradient(135deg, #FFA383 0%, #FC766F 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa383', endColorstr='#fc766f', GradientType=1);} .fk-submit:hover{opacity:0.9;} .fk-copy{color:#FF8680;text-decoration:underline;margin-left:5px;} /**fk.css end**/ /**login.css**/ .registration-bg{display:none;top:0;left:0;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#69000000, endColorstr=#69000000);z-index:101;} .registration{width:680px;height:420px;position:fixed;top:50%;left:50%;display:none;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); } .registration .reg-content-left { width:278px; float:left; height:420px; background:linear-gradient(314deg,rgba(254,67,80,1) 0%,rgba(255,85,132,1) 100%); border-radius:10px 0px 0px 10px; position:relative; } .registration .reg-content-left .vein{ position: absolute; bottom: 0; } .registration .reg-content-left .reg-tips{ margin-top:56px; margin-left:50px; } .registration .reg-content-left .reg-tips p { font-size:14px; font-weight:500; color:#ffffff; line-height:20px; margin-bottom:24px; } .registration .reg-content-left .reg-tips p .iconfont{ font-size:16px; color:#ffffff; margin-right:14px; } .registration-bg .res-head{width:100%;text-align:center} .registration-bg .res-head .res-logo{width:158px;margin-top:66px;} .registration-bg .res-head .res-gift-tip:before{display:block;content:'';position:absolute;border-right:1px solid #FFE5E5;border-bottom:1px solid #FFE5E5;width:8px;height:8px;transform:rotate(-135deg);left:30px;top:-5px;background:#FFE5E5;} .registration-bg .res-head .res-gift-tip .vip-logo{height:16px;vertical-align:-2px;} .registration-bg .res-head .res-gift-tip{background:#FFE5E5;border-radius:4px;width:208px;height:26px;line-height:28px;margin:8px auto;font-size:12px;color:#FF787E;letter-spacing:0;position:relative;} .logo-mascot{height:61px;width:100%;background:url(//s.tuguaishou.com/index_img/logo-login1.png) 188px -2px no-repeat;} .reg-content{width:402px;height:420px;box-sizing:border-box;border-radius:0px 10px 10px 0px;;background:rgba(255, 255, 255, 1);position:relative;float:right} .registration .reg-content .icon-close{position:absolute;right:-40px;top:0px;font-size:22px;padding:0px;border-radius:50px;width:34px;height:34px;text-align:center;line-height:32px;background:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.7);} .logo-character{height:53px;width:158px;margin:28px auto 0;background:url(//s.tuguaishou.com/index_img/logo-login1.png) 8px -68px no-repeat;} .res-qrcode-box{width:177px;height:177px;text-align:center;margin:11px auto 0 auto;color:#384044;font-size:18px;position:relative;cursor:pointer;} .res-qrcode-box-wechat{color:#FF787E;} .auto-login{margin-top:10px;font-size:12px;color:#384044;cursor:pointer;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;} .auto-login .iconfont{color:#C8C8C8;} .auto-login.check .iconfont{color:#FF787E;} .res-qrcode-box .res-qrcode{width:177px;height:177px;cursor:pointer;display:none;} .res-qrcode-box .res-mask{display:none;width:177px;height:177px;position:absolute;top:0;border:solid 1px transparent;background:rgba(0, 0, 0, 0.5);z-index:1;color:#FFFFFF;font-size:12px;line-height:16px;} .res-qrcode-box.mask .res-mask{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;} .res-qrcode-box.mask .res-qrcode{-webkit-filter:blur(3px); /* Chrome, Opera */-moz-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);} .res-qrcode-box .wx-sys{width:177px;height:177px;border:solid 1px #DCDCDC;} .res-qrcode-box .wechat-logo{color:#444444;font-size:28px;margin-right:6px;vertical-align:-4px;} .reg-content .reg-deal{font-size:12px;color:#969696;position:absolute;bottom:40px;width:100%;text-align:center;letter-spacing:1px;} .reg-content .reg-deal a{color:#969696;font-size:12px;} .reg-content .res-head{ margin-top:35px; font-size:16px; font-weight:500; color:rgba(32,32,32,1); line-height:22px; } .reg-content .res-head .wechat-logo{ color:#5DBB1E; margin-right:11px; font-size:24px; vertical-align:-3px; } #tel-login-box{ display:none; position:absolute; height:420px; bottom:0; left:0; right:0; background:rgba(255, 255, 255, 1); z-index:5; border-radius:0 10px 10px 0; } #tel-login-box .tel-login-title{ text-align:center; margin-top:35px; margin-bottom:17px; } #tel-login-box .tel-login-title span{ font-size:16px; font-weight:500; color:#202020; line-height:22px; position: relative; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } #tel-login-box .tel-login-title .iconfont { font-size:19px; margin-right:14px; } #tel-login-box .tel-login-input-area{ text-align:left; width:266px; margin:0 auto; } #tel-login-box input[type="text"]{ height:36px; line-height:36px; background:rgba(241,243,247,1); border-radius:22px; margin-bottom:14px; padding:0 20px; } #tel-login-box .tel-login-number{ width:226px; } #tel-login-box .tel-login-img-code{ width:110px; float:left; margin-right:6px; } #tel-login-box .tel-login-img-code{ width:110px; float:left; } #tel-login-box .tel-login-code-img{ width:110px; height:36px; border-radius:4px; cursor:pointer; } #tel-login-box .tel-login-send-code .tel-login-tel-code{ width: 120px; padding-right: 125px; } #tel-login-box .tel-login-send-code{ position:relative; } #tel-login-box .tel-login-send-code a{ position:absolute; width:110px; height:36px; background:rgba(255, 120, 126, 1); border-radius:22px; font-size:14px; font-weight:400; color:rgba(255, 255, 255, 1); line-height:34px; text-align:center; cursor:pointer; top:10px; right:2px; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } #tel-login-box .tel-login-error{ color:#FF0101; text-align:left; font-size:12px; margin-top:-7px; padding-left:20px; opacity:0; user-select:none; height:16px; display:block; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } #tel-login-box .tel-login-submit{ width:266px; height:42px; line-height:42px; background:rgba(255,120,126,1); border-radius:25px; font-size:16px; font-weight:400; color:rgba(255,255,255,1); text-align:center; display:block; cursor:pointer; margin-top: 4px; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } #login_account_tip{font-size:10px;text-align:center;margin-top:10px;margin-bottom:5px;} #login_account_tip span{display:inline-block;height:20px;padding:0 10px;line-height:20px;background:rgba(216, 216, 216, 0.3);border-bottom:4px;} .res-qq-login{position: absolute; margin-top:22px; /* right: 34px; */ /* width: 154px; */ text-align:center; font-size: 12px; width: 100%; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .res-qq-login #qq_refer{display:inline-block; /*width: 154px;*/ /*height: 42px;*/ /*background: rgba(255,255,255,1);*/ /*border-radius: 2px;*/text-align:center; /*line-height: 40px;*/ /*border:1px #dcdcdc solid;*/color:#969696; /*margin-bottom:6px;*/cursor:pointer;} .res-qq-login #qq_refer:hover .icon-enroll{ color:#14B1EB; } .res-qq-login #tel-login:hover .icon-enroll{ color:#ff8830; } .res-qq-login #wx-login:hover .icon-enroll{ color:#5DBB1E; } .res-qq-login #tel-login, .res-qq-login #wx-login{ display:inline-block; text-align: center; color:#969696; cursor:pointer; margin-right:30px; } .res-qq-login #tel-login, .res-qq-login #qq_refer, .res-qq-login #wx-login{ line-height:17px; font-size:12px; color:#202020; } #tel-login .tel-login-logo, #qq_refer .qq-login-logo, #wx-login .wx-login-log{ margin:0 auto 4px; width:30px; height:30px; border-radius:50%; background:rgba(241,243,247,1); text-align:center; color:rgba(32,32,32,1); } #tel-login .tel-login-logo .iconfont, #qq_refer .qq-login-logo .iconfont, #wx-login .wx-login-log .iconfont{ font-size:18px; line-height:30px; } .registration .reg-content .protocol { font-size: 12px; color: #969696; position: absolute; bottom: 16px; width: 100%; text-align: center; letter-spacing: 1px; } .registration .reg-content .protocol a { color: #969696; text-decoration:underline; } .res-qq-login #qq_refer .icon-enroll, .res-qq-login #tel-login .icon-enroll, /*.res-qq-login #wx-login .icon-enroll{padding-right:10px;color:rgba(32,32,32,1);font-size:30px;vertical-align:-1px;background:rgba(241,243,247,1);}*/ .res-qq-login #wx-login .icon-enroll{ padding-right:0; font-size:18px; } .reg-piece{width:330px;margin:0 auto;text-align:center;color:#999999;} .reg-describe{font-size:14px;display:inline-block;background:#FFFFFF;padding:17px 11px 28px;position:relative;} .reg-piece > a{display:block;width:100%;height:48px;background:#00B6F1;line-height:48px;color:#FFFFFF;font-size:18px;margin-bottom:25px;border-radius:2px;} .reg-piece > a:hover{opacity:0.8;} .reg-deal, .reg-deal a{font-size:14px;} .reg-deal a{text-decoration:underline;} .reg-deal a:hover{text-decoration:underline;} .reg-piece .reg-wire{height:1px;position:relative;top:26px;background:#E1E1E1;} .reg-piece .reg-bg{background:#79CD00;margin-bottom:31px;} .reg-loggedon{font-size:14px;padding:41px 14px 0 0;} .reg-loggedon a{font-size:14px;color:#F25B4A;} /**login.css end**/ /**head-point.css**/ #red-dot{width:14px;height:14px;display:none;line-height:14px;text-align:center;font-size:10px;font-family:MicrosoftYaHei;color:rgba(255, 255, 255, 1);background:rgba(255, 38, 0, 1);border-radius:50%;position:absolute;top:-6px;left:-2px;} #red-dot2{width:14px;height:14px;display:none;line-height:14px;text-align:center;font-size:10px;font-family:MicrosoftYaHei;color:rgba(255, 255, 255, 1);background:rgba(255, 38, 0, 1);border-radius:50%;float:left;margin-top:10px;margin-left:-5px;} .condition ul li{padding-left:20px;} #new{display:inline-block;height:12px;width:24px;background:url(https://js.tuguaishou.com/image/integral/img.png?v=1);background-position:-280px 0;} /**head-point.css end**/ /**student_pop_box**/ .student_survey_box { z-index: 100; position: fixed; width: 100%; height: 100%; background: url(https://s.tuguaishou.com/index_img/pop-bg.png); top: 0; left: 0; bottom: 0; right: 0; } .student_survey_box .student_survey_content { background: url(https://js.tuguaishou.com/img/student_survey_bg.png) no-repeat; width: 389px; height: 368px; padding-top: 40px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; text-align: center; border-radius: 4px } .student_survey_box .student_survey_content .student_box_close { position: absolute; right: 26px; top: 94px; display: inline-block; width: 20px; height: 20px; } .student_survey_box .student_survey_content .student_p1 { width:200px; height:68px; font-size:20px; font-family:PingFangSC-Semibold; font-weight:600; color:rgba(255,87,95,1); line-height:36px; margin: 66px auto 0; } .student_survey_box .student_survey_content .student_p1 span { font-size:28px; } .student_survey_box .student_survey_content .student_p2 { width:252px; height:78px; font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(68,68,68,1); line-height:26px; margin: 23px auto 28px; } .student_survey_box .student_survey_content .student_wait { width:135px; height:38px; background:rgba(207,207,207,1); border-radius:22px; display: inline-block; line-height: 38px; color: white; font-size: 14px; } .student_survey_box .student_survey_content .student_do { width:135px; height:38px; background:rgba(255,120,126,1); border-radius:22px; display: inline-block; line-height: 38px; color: white; font-size: 14px; margin-left: 30px; } /**student_pop_box end**/ .nav-HOT{ width:38px; height:21px; background:url('https://js.tuguaishou.com/new-index/201810/small-icon-all-v3.png?v=4') -0 -68px; position:absolute; top:3px; left:38px; pointer-events: none; } .nav-give5{ width:66px; height:18px; background:url('https://js.tuguaishou.com/new-index/201810/give5.png?v=4'); position:absolute; top:3px; left:46px; pointer-events: none; background-size: 100%; } .nav-NEW{ width:38px; height:21px; background:url('https://js.tuguaishou.com/new-index/201810/small-icon-all-v3.png?v=4') -38px -68px; position:absolute; top:3px; left:38px; pointer-events:none; } @media screen and (max-width:1200px){ #templ-on.sigh:hover .nav-pulldown-bg.nav-pulldown-templ{ left:0; -webkit-transform:translate(-20%, 0); -moz-transform:translate(-20%, 0); -ms-transform:translate(-20%, 0); -o-transform:translate(-20%, 0); transform:translate(-20%, 0); } .nav-pulldown-bg.nav-pulldown-templ:after{ width:175px; } } .team-center-view{ width: 851px !important; } .templ-center-box{ /*border-top: 1px solid #EBEBEB;*/ } .templ-title{ color: #000000; font-size: 20px; margin-left: 20px; height: 64px; line-height: 65px; /*width: 850px;*/ } .templ-title-button{ float: right; margin-right: 20px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 400; /*margin-top: 12px;*/ } .templ-title-button a{ color: #ffffff; display: block; background-color: #FF4555; height: 40px; width: 154px; margin-top: 12px; margin-bottom: 12px; font-size: 16px; border-radius: 5px; } .nav-pulldown-bg.nav-pulldown-templ:before{ content:""; display:block; position:absolute; top:-20px; height:100px; width:100%; } #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ, #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ width:850px; } #templ-on.sigh .nav-pulldown-bg.nav-pulldown-templ { padding-top: 0; } .templ-center-box{ position:relative; width:850px; height:655px; background:rgba(248, 248, 248, 1); /*box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.16);*/ /*border-radius:6px;*/ padding-top:18px; } .templ-center-box .templ-center-box-tag:hover .templ-center-box-content, .templ-center-box .templ-center-box-tag.show .templ-center-box-content{ display:block; } .templ-center-box .templ-center-box-tag.show .templ-center-box-content{ z-index:1; padding:29px 32px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .templ-center-box .templ-center-box-tag .tag-name-box{ width:150px; height:50px; padding-left: 16px; padding-top: 20px; /*width:132px;*/ /*height:92px;*/ /*text-align:center;*/ /*line-height:92px;*/ /*background:transparent;*/ /*border-left:4px solid transparent;*/ /*font-size:20px;*/ color:rgba(51, 51, 51, 1); /*font-weight:600;*/ margin-left:-1px; border-left:4px solid rgba(248, 248, 248, 1); } .templ-center-box .templ-center-box-tag .tag-name-box .tag-name { font-size:14px; font-weight:600; color:rgba(0,0,0,1); line-height: 14px; } .templ-center-box .templ-center-box-tag.show .tag-name-box .tag-name { color:rgba(255,120,126,1); } .templ-center-box .templ-center-box-tag .tag-name-box .tag-child{ font-size:12px; font-weight:400; color:rgba(102,102,102,1); margin-top: 6px; margin-right: 6px; line-height: 12px; } .templ-center-box .templ-center-box-tag:hover .tag-name-box, .templ-center-box .templ-center-box-tag.show .tag-name-box{ border-left:4px solid #FF787E; color:#FF787E; background:rgba(255, 255, 255, 1); } .templ-center-box .templ-center-box-tag .templ-center-box-content{ display:none; position:absolute; left:132px; top:0px; z-index:2; width:718px; height:100%; background:rgba(255, 255, 255, 1); border-radius:0px 8px 8px 0px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle{ font-size:14px; font-weight:500; color:rgba(0,0,0,1); line-height: 14px; margin-bottom: 5px; float: left; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle1{ font-size:14px; font-weight:500; color:rgba(0,0,0,1); line-height: 14px; margin-bottom: 5px; float: left; width:60px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle a{ font-weight: 600; font-size:14px; color:rgba(0,0,0,1); line-height:20px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle>a:hover{ color: rgba(255,120,126,1); } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle .show_more{ /*float:right;*/ font-size:14px; color:#333333; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:rgba(0,0,0,1); line-height:17px; margin-left: 20px; display: inline-block; margin-bottom: 6px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a > span { font-size: 12px; padding: 1px 0; font-weight: 600; border-radius: 2px; color: #fff; background: #dd425c; line-height: 11px; margin-left: 4px; display: inline-block; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a:hover{ color: #FF787E; } .templ-center-box .templ-center-box-tag .templ-center-class-box{ float: left; width: 100%; padding-bottom: 12px; border-bottom: 1px dashed #EBEBEB; margin-bottom: 15px; } .templ-center-box .templ-center-box-tag .templ-center-class-box:after{ content:""; display:block; clear:both; } .templ-center-box .templ-center-box-tag .line{ border-top:1px solid #E5E5E5; clear: both; position: absolute; bottom: 43px; width: 654px; } .templ-center-box .templ-center-box-tag .templ-center-class-level1{ width:144px; height:34px; line-height:34px; text-align:center; float:left; border:1px solid #EEEEEE; border-radius:6px; font-size:16px; font-weight:500; color:#666666; display:block; margin-right:10px; margin-bottom:8px; } .templ-center-box .templ-center-box-tag .templ-center-class-level1:nth-child(4n){ margin-right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-level1:hover{ border:1px solid #FF787E; color:#FF787E; } .templ-center-box .templ-center-box-tag .templ-center-class-level1-more{ font-size:14px; color:rgba(51, 51, 51, 1); line-height:30px; float:right; } .templ-center-box .templ-center-box-tag .templ-center-class-industry{ width:130px; height:34px; line-height:34px; display:block; float:left; text-align:center; background:#FFFFFF; border:1px solid #dadde1; border-radius:4px; margin-right:26px; margin-bottom:12px; font-size:14px; color:#000; } .templ-center-box .templ-center-box-tag .templ-center-class-industry:nth-child(4n){ margin-right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-industry:hover{ background:#f0f3f4; } .templ-center-box .templ-center-box-tag .templ-center-box-use .templ-center-class-box>a { width: auto; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: rgba(85,85,85,1); float: left; padding-right: 12px; } .templ-center-box .templ-center-box-tag .templ-center-box-use .templ-center-class-box { width: auto; } .templ-center-box .templ-center-box-tag .templ-center-box-content-use { padding: 29px 29px 29px 32px; } .templ-center-box .templ-center-box-tag .templ-center-box-content-use .line { margin-top: 30px; margin-bottom: 0px; position: absolute; } .templ-center-box .templ-center-box-tag .templ-center-box-content .show_all{ font-size:12px; color:rgba(0,0,0,1); line-height:50px; position: absolute; bottom: -5px; width: 100px; left: 32px; } .templ-center-box .templ-center-box-tag .templ-center-box-content-use .templ-center-subtitle a { font-size:14px; font-weight:600; color:rgba(0,0,0,1); } .templ-center-box .templ-center-box-tag .templ-center-box-content .hot_kind>em { transform: scale(.666); display: block; font-style:normal; } .nav-lists > li.nav-btn:hover .nav-pulldown-bg{ visibility:visible; opacity:1; top:48px; /*padding-top:12px;*/ left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:fixed; } .nav-lists > li.nav-btn.qiyevip:hover .nav-pulldown-bg{ position:absolute; } .nav-lists > li:hover .nav-pulldown-bg{ visibility:visible; opacity:1; top:60px; padding-top:12px; left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:fixed; } .VIP-privilege .nav-pulldown-bg { visibility: hidden; top: 0; } #templ-on .nav-pulldown-bg{ visibility:visible; opacity:1; display: none; top:60px; padding-top:12px; left:50%; -webkit-transform:translate(-33%, 0); -moz-transform:translate(-33%, 0); -ms-transform:translate(-33%, 0); -o-transform:translate(-33%, 0); transform:translate(-33%, 0); position:fixed; } #templ-on .little-title{ font-size:14px; color:#000; line-height: 35px; } .VIP-privilege { float: right; margin-right: 20px; position: relative; height: 90px; line-height: 90px; } .VIP-privilege .go-spec { width: 120px; height: 36px; background: rgba(255, 120, 126, 1); border-radius: 4px; text-align: center; line-height: 36px; display: inline-block; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 1); } .VIP-privilege:hover .show-start-designer-vip { display: block; } .VIP-privilege .show-start-designer-vip:after { display: block; content: ''; position: absolute; right: 0px; left: 0px; background: transparent; top: -10px; } .VIP-privilege .show-start-designer-vip { display: none; width: 477px; height: 342px; background: rgba(255, 255, 255, 1); box-shadow: 0px 2px 4px 0px rgba(227, 227, 227, 0.5); border-radius: 10px; position: absolute; top: -12px; left: 50%; line-height: 24px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); overflow: hidden; text-align: center; } .VIP-privilege .show-start-designer-vip .banner-top { width: 100%; height: 78px; background: url('//js.tuguaishou.com/start-design/other/css_sprites1.png') -5px -5px; margin-bottom: 17px; } .VIP-privilege .show-start-designer-vip .sub-title { font-size: 14px; color: rgba(32, 32, 32, 1); line-height: 20px; position: relative; } .VIP-privilege .show-start-designer-vip .sub-title:before { display: block; content: ""; position: absolute; width: 48px; height: 1px; border-bottom: 1px solid #202020; background: #FFFFFF; left: -64px; top: 9px; } .VIP-privilege .show-start-designer-vip .sub-title:after { display: block; content: ""; position: absolute; width: 48px; height: 1px; border-bottom: 1px solid #202020; background: #FFFFFF; right: -64px; top: 9px; } .VIP-privilege .show-start-designer-vip .intro { font-size: 16px; font-weight: 600; color: rgba(32, 32, 32, 1); line-height: 22px; display: inline-block; width: 40%; margin-top: 24px; } .VIP-privilege .show-start-designer-vip .logo-img { width: 40px; height: 40px; display: inline-block; vertical-align: -12px; margin-right: 20px; background-image: url('//js.tuguaishou.com/start-design/other/css_sprites1.png'); } .VIP-privilege .show-start-designer-vip .logo-img.logo-img1 { background-position: -105px -93px; } .VIP-privilege .show-start-designer-vip .logo-img.logo-img2 { background-position: -5px -93px } .VIP-privilege .show-start-designer-vip .logo-img.logo-img3 { background-position: -55px -93px; } .VIP-privilege .show-start-designer-vip .logo-img.logo-img4 { background-position: -155px -93px; } .VIP-privilege .show-start-designer-vip .go-spec-btn { display: block; width: 280px; height: 49px; background: linear-gradient(90deg, rgba(242, 219, 187, 1) 0%, rgba(234, 192, 115, 1) 100%); border-radius: 25px; line-height: 49px; text-align: center; font-size: 18px; font-weight: 500; color: rgba(32, 32, 32, 1); margin: 27px auto; } .VIP-privilege .show-start-designer-vip .go-spec-btn:hover { color: #FFFFFF; } .VIP-privilege .show-start-designer-vip .intro > a { display: block; color: #202020; } .templ-center-box-content ul li{ padding-right:27px; margin-left:25px; width:275px; } .templ-center-box-content ul li a{display:block;width:100%;} .templ-center-box-content ul li a p.c3{width:33.33%;} .templ-center-box-content ul li a p.c4{width:25%;} .templ-center-box-content ul li a p.c5{width:20%;} .templ-center-box-content ul li a p:last-child{border-radius:0px 4px 4px 0px;} .templ-center-box-content ul li a:hover span{color:#FF787E;} .templ-center-box-content ul li a span{width:85px; height:50px; font-size:12px; font-weight:400; color:rgba(85, 85, 85, 1); line-height:73px;} .templ-center-box .templ-center-box-tag .templ-center-class-album{ width:140px; padding:0 20px; height:36px; line-height:36px; display:block; float:left; text-align:center; background:#FFFFFF; border:1px solid #dadde1; border-radius:4px; margin-right:26px; margin-bottom:12px; font-size:14px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } .templ-center-box .templ-center-box-tag .templ-center-class-album:hover{ color:#FF787E; border:1px solid #FF787E; } .templ-center-box .templ-center-box-tag .templ-center-class-album .hot_kind{ position:absolute; top:3px; right:4px; width:32px; height:18px; line-height:18px; background:rgba(222, 66, 93, 1); border-radius:3px; text-align:center; font-size:12px; font-weight:bold; color:rgba(255, 255, 255, 1); transform:scale(0.666); } .templ-center-box .templ-center-box-tag .templ-center-class-tool1{ width:140px; height:65px; background:rgba(255, 255, 255, 1); border:1px solid rgba(228, 227, 227, 1); border-radius:4px; padding-top:20px; padding-bottom:25px; position:relative; font-size:14px; color:#000000; text-align:center; margin-right:19px; float:left; margin-bottom:45px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool1:nth-child(4n){ margin-right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool1 a{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool1 .iconfont{ font-size:40px; line-height:30px; display:block; } #templ-on .templ-center-box .little-title{ font-weight:bold; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2{ width:194px; height:108px; background:rgba(255, 255, 255, 1); border:1px solid rgba(228, 227, 227, 1); border-radius:4px; padding-top:26px; padding-bottom:30px; position:relative; font-size:14px; color:#000000; text-align:center; margin-right:19px; float:left; margin-bottom:45px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2:nth-child(3n){ margin-right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 a{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 .iconfont{ font-size:40px; line-height:30px; display:block; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 .tool-btn{ width:140px; height:30px; line-height:30px; font-size:12px; text-align:center; display:block; border:1px solid rgba(170, 170, 170, 1); border-radius:4px; color:#333333; margin:-6px auto 0 auto; cursor:pointer; position:relative; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 .tool-btn.full-btn{ background:rgba(255, 87, 94, 1); border:1px solid rgba(255, 87, 94, 1); color:rgba(255, 255, 255, 1); pointer-events:none; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 .img-box{ width:140px; height:100px; background-color:#fff; text-align:center; position:absolute; bottom:32px; display:none; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2 .img-box img{ width:100px; height:100px; } .templ-center-box .templ-center-box-tag .templ-center-class-tool2:hover .img-box{ display:block; } .templ-center-box .templ-center-box-tag .templ-center-class-tool1:hover, .templ-center-box .templ-center-box-tag .templ-center-class-tool2:hover{ border:1px solid #FF787E; } .condition ul .ring-title .drop_sign { position: absolute; bottom: 19px; right: 20px; background:linear-gradient(90deg,rgba(255,206,5,1) 0%,rgba(255,232,81,1) 100%); border-radius:9px; width:60px; height:18px; display: block; line-height: 18px; font-weight: 600; color:rgba(61,31,65,1); font-size: 12px; text-align: center; cursor: pointer; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } .condition ul .ring-title .had_sign { position: absolute; bottom: 19px; right: 20px; width:60px; height:18px; border:1px solid; border-radius:9px; display: block; line-height: 18px; font-weight: 600; color:#EBEBEB; font-size: 12px; text-align: center; cursor: pointer; background-color: rgba(1,1,1,0); -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } .qiyevip:hover .show-start-firm-vip{ display:block; } .qiyevip .show-start-firm-vip{ display:none; width:420px; height:290px; background:rgba(255, 255, 255, 1); border-radius:10px; position:absolute; top:-12px; left:50%; line-height:24px; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); overflow:hidden; text-align:center; background:linear-gradient(0deg, rgba(71, 71, 71, 1), rgba(32, 32, 32, 1)); box-shadow:0px 3px 8px 0px rgba(3, 9, 25, 0.2); color:#F0E3C6; } .qiyevip .show-start-firm-vip .banner-top{ width:100%; height:55px; line-height:55px; background:linear-gradient(90deg, rgba(191, 152, 90, 1), rgba(242, 224, 181, 1), rgba(191, 152, 90, 1)); font-size:18px; font-weight:bold; color:rgba(51, 51, 51, 1); text-align:center; position:relative; } .qiyevip .nav-pulldown-bg{ width:680px; } .qiyevip .nav-pulldown-bg .nav-pulldown{ background:unset; box-shadow:unset; border:unset; border-radius:unset; } .qiyevip .nav-pulldown-bg:before { content: ""; display: block; position: absolute; top: -20px; height: 100px; width: 100%; } .qiyevip .show-start-firm-vip .banner-top a{ position:absolute; top:0; right:0; left:0; bottom:0; } .qiyevip .show-start-firm-vip .intro-box{ width:90%; margin:0 auto; } .qiyevip .show-start-firm-vip .intro{ float:left; width:25%; font-size:14px; } .qiyevip .show-start-firm-vip .intro a{ color:#F0E3C6; } .qiyevip .show-start-firm-vip .intro .iconfont{ display:block; font-size:30px; -webkit-text-stroke-width:0px; margin:0 auto; width:28px; height:28px; border:2px solid transparent; } .qiyevip .show-start-firm-vip .intro .iconfont.quan{ border:2px solid #F0E3C6; border-radius:100%; font-size:20px; line-height:28px; text-align:center; } .qiyevip .show-start-firm-vip .intro .iconfont.bigger{ font-size:34px; } .qiyevip .show-start-firm-vip .know-more{ font-size:12px; font-weight:400; text-decoration:underline; color:rgba(105, 100, 89, 1); line-height:24px; margin-top:21px; display:inline-block; } .qiyevip .show-start-firm-vip .go-spec-btn{ width:240px; height:36px; line-height:36px; text-align:center; margin:17px auto; display:block; background:linear-gradient(90deg, rgba(242, 224, 181, 1), rgba(191, 152, 90, 1)); border-radius:18px; font-size:16px; font-weight:bold; color:rgba(51, 51, 51, 1); } .all-client{ padding-top:30px; width:100px; float:right; color:rgba(147, 147, 147, 1); position:relative; text-align:center; cursor:pointer; } .all-client:hover{ color:#FF4555; } .all-client .iconfont{ font-size:36px; display:block; margin-bottom:20px; color:rgba(147, 147, 147, 1); } .all-client .iconfont.xcx-icon{ background-color:rgba(147, 147, 147, 1);; color:#323232; width:42px; height:42px; text-align:center; line-height:42px; border-radius:100%; font-size:30px; margin:-2px auto 16px auto; } .all-client .iconfont.bigger{ font-size: 56px; margin-bottom: 12px; margin-top: -12px; } .all-client a{ position:absolute; left:0; right:0; bottom:0; top:0; } .all-client .img-box{ position:absolute; bottom:96px; left:-22px; width:110px; height:136px; background:rgba(255, 255, 255, 1); border-radius:5px; color:#939393; text-align:center; display:none; padding:10px 15px; border: 1px solid #CCCCCC; } .all-client .img-box img{ width:112px; height:112px; } .all-client:hover .img-box{ display:block; } .ani-up:hover { transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .invite_float_box { width: 60px; border: none; position: absolute; top: -45%; } .show-all-vip{ width:480px; height:474px; background:rgba(255, 255, 255, 1); box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.05); border-radius:8px; } .show-all-vip .part1{ padding:30px 27px 16px 27px; } .show-all-vip .part1 .vip-box img{ display:block; float:left; width:190px; margin-bottom:30px; } .show-all-vip .part1 .vip-box .clearBoth{ position:relative; } .show-all-vip .part1 .vip-box .vip-intro{ float:left; margin-left:16px; line-height:42px; } .show-all-vip .part1 .vip-box .vip-intro a{ position:absolute; top:0; left:0; bottom:0; right:0; } .show-all-vip .part1 .vip-box .vip-intro i{ color:#000000; font-size:18px; } .show-all-vip .part1 .vip-box .vip-intro p{ font-size:40px; color:#C30000 } .show-all-vip .part1 .vip-box .vip-intro p .small{ font-size:14px; } .show-all-vip .part1 .vip-box .vip-intro .open-btn{ display:block; width:186px; height:38px; background:linear-gradient(90deg, rgba(230, 207, 159, 1) 0%, rgba(192, 154, 92, 1) 100%); border-radius:25px; line-height:38px; text-align:center; font-size:18px; color:rgba(32, 32, 32, 1); } .show-all-vip .part2{ width:480px; height:98px; background:rgba(250, 246, 240, 1); border-radius:0px 0px 8px 8px; border-top:1px solid #C19C5F; } .show-all-vip .part2 .vip-intro-one{ font-size:14px; color:rgba(50, 26, 0, 1); line-height:20px; text-align:center; float:left; width:25%; font-weight:600; } .show-all-vip .part2 .vip-intro-one .icon{ width:30px; height:30px; background:url('//js.tuguaishou.com/index-new/vip-intro-icon.png') -5px -5px; margin:19px auto 3px auto; } .show-all-vip .part2 .vip-intro-one:nth-child(2) .icon{ background-position:-45px -5px; } .show-all-vip .part2 .vip-intro-one:nth-child(3) .icon{ background-position:-5px -45px; } .show-all-vip .part2 .vip-intro-one:nth-child(4) .icon{ background-position:-45px -45px; } .qiyevip .show-start-firm-vip .intro-box{ margin-top:10px; } .qiyevip .sub-title{ position:relative; color:#F0E3C6; font-size:14px; top: -14px; } .qiyevip .sub-title:before{ display: block; content: ""; position: absolute; width: 50px; border-bottom: 1px solid #F0E3C6; background: #FFFFFF; left: -64px; top: 9px; } .qiyevip .sub-title:after{ display: block; content: ""; position: absolute; width: 50px; border-bottom: 1px solid #F0E3C6; background: #FFFFFF; right: -64px; top: 9px; } .sidebar-wechat-box .sidebar-pop { width: 160px; height: 182px; } #sidebar #client-box.sidebar-block:hover > .pop_link .pop-box { padding: 16px 15px 21px; height: 145px; width: 137px; cursor: pointer; } #sidebar #client-box .sidebar-pop .pop-box .client-slogan { font-size:12px; font-weight:600; color:rgba(32,32,32,1); line-height:16px; margin-bottom: 15px; } #sidebar #client-box .sidebar-pop .pop-box .client-slogan .client-slogan-logo{ border-radius: 50%; background:rgba(255,69,85,0.1); display: inline-block; width: 24px; height: 24px; line-height: 24px; color: #FF787E; margin-right: 6px; font-size: 12px; vertical-align: middle; letter-spacing: 1px; } #sidebar #client-box .sidebar-pop .pop-box .ljdk { width:124px; height:28px; background: #FF4555; border-radius:4px; font-size:12px; color:rgba(255,255,255,1); line-height:28px; display: inline-block; } #sidebar .sidebar-pop .iconfont { -webkit-text-stroke-width:0px; } #sidebar .sidebar-block .sidebar-pop .pop-box.fl p { font-size: 12px; } #sidebar .sidebar-block a { display: inline-block; } #sidebar .sidebar-client-box:hover .sidebar_jump > .iconfont { display: block; } #sidebar .sidebar-wechat-box .sidebar-pop:after{ display: inline-block; content: ''; position: absolute; right: -27px; left: 254px; background: transparent; width: 10px; height: 60px; } #sidebar .sidebar-client-box .pop_link { display: block; position:absolute;top:0; left: -167px; } #sidebar .sidebar-block:hover .lxkf { color: #fff; } #sidebar .sidebar-block:hover .lxkf .iconfont { color: #fff; } #sidebar .sidebar-wechat-box:hover > .jump-app .iconfont { color: #fff; } #sidebar .sidebar-wechat-box:hover > .jump-app { color:#FFFFFF; } #user-tool-box.is_firm .ring-title-box .baseinfo .username_link{ color:#3C2003; } #user-tool-box.is_firm .ring-title{ height:80px; background:url("//js.tuguaishou.com/common/drop_bg_firm.png?v=1") 0 0 no-repeat; } #user-tool-box .ring-title-box .useravatar-box{ position:relative; } #user-tool-box .ring-title-box .useravatar-box img{ border:2px solid rgba(255, 255, 255, 0.14); } #user-tool-box .ring-title-box .useravatar-box:after{ content:''; position:absolute; width:36px; height:36px; background-image:url(//js.tuguaishou.com/vip/2019/vip_sprites_20191114.png); background-position:-167px -51px; transform:scale(0.5); top:38px; left:20px; } #user-tool-box .ring-title-box .useravatar-box.vip_type1:after{ background-position:-5px -93px; } #user-tool-box .ring-title-box .useravatar-box.vip_type2:after{ background-position:-5px -139px; } #user-tool-box .ring-title-box .useravatar-box.vip_type3:after{ background-position:-167px -5px; } #user-tool-box .ring-title-box .useravatar-box.vip_type4:after{ background-position:-97px -93px; } #user-tool-box .ring-title-box .useravatar-box.vip_type5:after{ background-position:-97px -93px; } #user-tool-box .ring-title-box .useravatar-box.firm_vip1:after{ background-position:-51px -93px; } #user-tool-box .cond-VIP{ background-image:url(//js.tuguaishou.com/vip/2019/vip_sprites_20191114.png); width:44px; height:34px; background-position:-113px -49px; zoom:0.5; } #user-tool-box .cond-VIP.cond-VIP1{ background-position:-59px -5px; } #user-tool-box .cond-VIP.cond-VIP2{ background-position:-5px -5px; } #user-tool-box .cond-VIP.cond-VIP3{ background-position:-113px -5px; } #user-tool-box .cond-VIP.cond-VIP4{ background-position:-59px -49px; } #user-tool-box .cond-VIP.cond-VIP5{ background-position:-59px -49px; } #user-tool-box .cond-VIP.firm_vip1{ background-position:-5px -49px; } #user-tool-box .my-vip .less-times-intro{ color:#666666; font-size:12px; } #user-tool-box .my-vip .less-times-intro .red{ color:red; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-right { float: left; width: 590px; line-height: 0; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-right{ position: relative; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box:nth-child(1) .templ-center-class-right { margin-left: 14px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a > span { position: absolute; border-radius: 90px 10px 100px 10px; width: 24px; height:10px; left: 53px; top: -11px; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-box-use:nth-child(1) .templ-center-class-right { margin-left: 0; } .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-box-use:last-child .templ-center-class-right { margin-left: 0; } .templ-center-box .templ-center-box-tag .templ-center-class-box:last-child { border-bottom: none; } .start-designer-vip .show-start-designer-vip { width: 324px; height: auto; background: rgba(255,255,255,1); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.11); border-radius: 8px; } .start-designer-vip .show-start-designer-vip .banner-top { background: none; font-size: 18px; color: #202020; line-height: 54px; height: 54px; text-align: left; margin-bottom: -2px; padding: 0 25px; border-bottom: 1px solid rgba(246,246,246,1); width: 274px; } .more_vip_intro { float: right; display: inline-block; width: 70px; height: 26px; border-radius: 4px; border: 1px solid #202020; text-align: center; font-size: 12px; color: #202020; line-height: 26px; vertical-align: -19px; margin-top: 13px; } .start-designer-vip .show-start-designer-vip .intro { display: block; width: 100%; text-align: left; margin-top: 20px; margin-left: 26px; } .start-designer-vip .show-start-designer-vip .logo-img { background-image: none; background-color: #ffc508; border-radius: 50%; float: left; text-align: center; line-height: 40px; color: #c57d20; margin-right: 12px; } .start-designer-vip .show-start-designer-vip .logo-img .iconfont { font-size: 19px; font-weight: 400; } .intro_font_content { float: left; } .intro_font_content .intro_title{ font-size:14px; font-weight:600; color:rgba(32,32,32,1); line-height:20px; } .intro_font_content .intro_desc { font-size:12px; font-weight:400; color:rgba(142,148,158,1); line-height:17px; } .start-designer-vip .show-start-designer-vip .sub-title { margin-top: 21px; display: inline-block; } .start-designer-vip .show-start-designer-vip .sub-title:before { display: none; } .start-designer-vip .show-start-designer-vip .sub-title:after { display: none; } .start-designer-vip .show-start-designer-vip .go-spec-btn { margin-top: 19px; width:233px; height:38px; background: linear-gradient(90deg,rgba(255,165,79,1) 0%,rgba(255,93,39,1) 100%); border-radius:4px; font-size:14px; color:rgba(255,255,255,1); line-height:38px; text-align: center; } .nav .hader-ipt > .start-designer-vip:before { display: block; content: ""; position: absolute; width: 125px; height: 20px; left: -5px; bottom: -2px; } .nav .hader-ipt > .start-designer-vip:before:hover .start-designer-vip:hover .show-start-designer-vip{ display: block; } .show-start-designer-vip .top_bg { width: 324px; height: 78px; } .show-start-designer-vip .top_bg img { width: 324px; height: 78px; } .VIP-privilege .show-start-designer-vip{ top:-13px; } .VIP-privilege .show-start-designer-vip{ width:324px; height:auto; background:rgba(255, 255, 255, 1); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.11); border-radius:8px; } .VIP-privilege .show-start-designer-vip .banner-top{ background: #ffc508; font-size:18px; color:#202020; line-height:54px; height:54px; text-align:left; margin-bottom:-2px; padding:0 25px; border-bottom:1px solid rgba(246, 246, 246, 1); width:274px; } .more_vip_intro{ float:right; display:inline-block; width:70px; height:26px; border-radius:4px; border:1px solid #202020; text-align:center; font-size:12px; color:#202020; line-height:26px; vertical-align:-19px; margin-top:13px; } .VIP-privilege .show-start-designer-vip .intro{ display:block; width:100%; text-align:left; margin-top:20px; margin-left:26px; } .VIP-privilege .show-start-designer-vip .logo-img{ background-image:none; background-color:#ffc508; border-radius:50%; float:left; text-align:center; line-height:40px; color:#c57d20; margin-right:12px; } .VIP-privilege .show-start-designer-vip .logo-img .iconfont{ font-size:19px; font-weight:400; } .intro_font_content{ float:left; } .intro_font_content .intro_title{ font-size:14px; font-weight:600; color:rgba(32, 32, 32, 1); line-height:20px; } .intro_font_content .intro_desc{ font-size:12px; font-weight:400; color:rgba(142, 148, 158, 1); line-height:17px; } .VIP-privilege .show-start-designer-vip .sub-title{ margin-top:21px; display:inline-block; } .VIP-privilege .show-start-designer-vip .sub-title:before{ display:none; } .VIP-privilege .show-start-designer-vip .sub-title:after{ display:none; } .VIP-privilege .show-start-designer-vip .go-spec-btn{ margin-top:19px; width:233px; height:38px; background:linear-gradient(90deg, rgba(255, 165, 79, 1) 0%, rgba(255, 93, 39, 1) 100%); border-radius:4px; font-size:14px; color:rgba(255, 255, 255, 1); line-height:38px; text-align:center; } .nav .hader-ipt > .VIP-privilege:before{ display:block; content:""; position:absolute; width:125px; height:20px; left:-5px; bottom:-2px; } .nav .hader-ipt > .VIP-privilege:before:hover .VIP-privilege:hover .show-start-designer-vip{ display:block; } .show-start-designer-vip .top_bg{ width:324px; height:78px; } .show-start-designer-vip .top_bg img{ width:324px; height:78px; } .notice-logo { display: inline-block; height: 40px; line-height: 40px; margin-right: 30px; position: relative; margin-top: 10px; padding: 0 5px 12px; } .notice-icon { font-size: 20px; color: #FFFFFF; cursor: pointer; z-index: 30; } .navi.navi-black .notice-icon{ color: #525252; } .notice-tips { position: absolute; width: 8px; height: 8px; background-color: #FF2C2C; border-radius: 50%; right: -3px; top: 6px; } .notice-drop-box { position: absolute; width: 324px; height: 496px; left: -150px; top: 50px; background:rgba(255,255,255,1); box-shadow:0 0 4px 0 rgba(0,0,0,0.15); border-radius:4px; display: none; } .notice-drop-top { border-bottom: 2px solid #F0F2F5; padding:0 30px 0 20px; } .notice-type { display: inline-block; position: relative; font-size:14px; color:rgba(32,32,32,1); line-height:50px; margin-right: 24px; padding: 0 10px; cursor: pointer; } .read-all { display: inline-block; width:70px; height:26px; border-radius:4px; border:1px solid rgba(255,120,126,1); font-size:12px; color:rgba(255,120,126,1); line-height:26px; text-align: center; float: right; margin-top: 12px; cursor: pointer; } .notice-drop-top .notice-tips { right: 0; top: 12px; } .notice-active { border-bottom: 2px solid #FF787E; } .notice-item { padding: 20px 24px 20px 30px; font-size:14px; color: #202020; cursor: pointer; display: block; border-bottom: 1px solid #F0F2F5; } .notice-item:last-child { border-bottom: none; } .notice-item-top { position: relative; line-height: 23px; } .notice-item-top .notice-tips{ left: -16px; top: 8px; } .notice-item-logo { font-size: 14px; } .notice-item-content { font-size:12px; font-weight:400; color:rgba(142,148,158,1); line-height:22px; margin-top: 10px; } .notice-item-title { margin-left: 3px; width: 172px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: inline-block; vertical-align: top; } .notice-item-time { margin-left: 10px; } .notice-drop-content { height: 442px; overflow-y: scroll; } .notice-drop-content::-webkit-scrollbar{ width: 6px; } .notice-drop-content::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:rgba(233,233,233,1); } .notice-logo:after { content: ""; display: inline-block; width: 100px; height: 30px; position: absolute; bottom: -10px; left: -50px; } .more_msg { height: 48px; text-align: center; line-height: 48px; } .more_msg_btn { display: inline-block; width: 70px; height: 26px; border-radius: 4px; border: 1px solid rgba(142,148,158,1); font-size: 12px; color: rgba(142,148,158,1); line-height: 26px; text-align: center; margin-top: 12px; cursor: pointer; } .nav .hader-ipt .search-nav-firm{ float:left; height:100%; position:relative; } .nav .hader-ipt .search-nav-firm>a{ width:120px; height:36px; line-height:36px; background:rgba(240,203,124,1); border-radius:4px; font-size:14px; font-weight:500; color:#281300; display:block; text-align:center; margin-top:14px; } .search-nav-firm:hover .nav-pulldown-bg{ visibility: visible; opacity: 1; top: 60px; padding-top: 12px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; } #monster{ width:auto; height:auto; /*animation: computer_1 3s infinite;*/ } #monster img{ width: 63px;margin-right: 2px; } #monster p{ text-align:center; font-size:12px; font-weight:bold; color:#2E2F31; position:absolute; width:100%; } #monster:hover .nav-pulldown-bg { visibility: visible; opacity: 1; top: 0px; left: -430px; position: absolute; } .qiyevip .nav-pulldown-bg:before { content: ""; display: block; position: absolute; top: 0px; width: 20px; height: 290px; right: -20px; } .nav .hader-ipt > li .VIP-privilegeA{ width:auto;height:auto; background: rgba(255, 120, 126, 1); border-radius: 4px; text-align: center; line-height: 36px; display: inline-block; font-size:14px; font-weight: 400;color: rgba(255, 255, 255, 1); padding:0px; border:1px solid #ff4555; margin-top:10px; } .VIP-privilegeA span:nth-child(1){ background-color:#ff4555; color:#FFFFFF; font-size:14px; font-weight:bold; display:block;float:left; width:82px; height:36px; } .VIP-privilegeA span:nth-child(2){ background-color:#feecec; color:#ff4555; font-size:14px; display:block;float:left; width:58px; border-radius:0 4px 4px 0; } #nav-y .start-designer-vip .go-spec{ width:auto;height:auto; background: rgba(255, 120, 126, 1); border-radius: 4px; text-align: center; line-height: 36px; display: inline-block; font-size:14px; font-weight: 400;color: rgba(255, 255, 255, 1); padding:0px; border:1px solid #ff4555; margin-top:0px; } #nav-y .start-designer-vip .go-spec span:nth-child(1){ background-color:#ff4555; color:#FFFFFF; font-size:14px; font-weight:bold; display:block;float:left; width:82px; height:36px; } #nav-y .start-designer-vip .go-spec span:nth-child(2){ background-color:#feecec; color:#ff4555; font-size:14px; display:block;float:left; width:58px; border-radius:0 4px 4px 0; } .qiyevip .show-start-firm-vip{ height:254px; background:linear-gradient(217deg, rgba(50, 50, 50, 1) 0%, rgba(19, 19, 19, 1) 40%, rgba(80, 80, 80, 1) 100%); } .qiyevip .show-start-firm-vip .banner-top{ background:linear-gradient(-6deg, rgba(255, 69, 85, 1) 0%, rgba(255, 112, 118, 1) 100%); border-radius:10px 10px 0px 0px; font-size:22px; font-weight:500; color:rgba(255, 255, 255, 1); } .qiyevip .sub-title{ color:#FFFFFF; } .qiyevip .sub-title:before, .qiyevip .sub-title:after{ border-bottom:1px solid rgba(255, 69, 85, 1); } .qiyevip .show-start-firm-vip .know-more{display:none} .qiyevip .show-start-firm-vip .go-spec-btn{ width:240px; height:36px; line-height:36px; text-align:center; background:rgba(255, 69, 85, 1); border-radius:18px; margin-top:48px; color:#ffffff; } .qiyevip .show-start-firm-vip .intro a{ color:#ffffff; } .qiyevip .show-start-firm-vip .intro a .iconfont{ color:rgba(255, 69, 85, 1); } .qiyevip .show-start-firm-vip .intro .iconfont.quan{ border:unset; border-radius:0; font-size:30px; line-height:24px; } .qiyevip .show-start-firm-vip .intro{ position:relative; height:30px; } .qiyevip .show-start-firm-vip .intro a span{ position:absolute; bottom:-26px; display:block; text-align:center; width:100%; } .bg-white{ background: #ffffff; width: 50px; height: 100%;position: fixed; right: 0; top: 0; z-index: 10; box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.1);} #sidebar .people-vip{ display: block; width: 50px; height: 68px; background: linear-gradient(180deg, #FFF0CC 0%, #E9CE89 100%); position: absolute;top: -218px; } #sidebar .people-vip .people-vip-bg{ background: url("//js.tuguaishou.com/img/indexhead/people_vip.png") center center /20px 20px no-repeat; width: 20px; height: 20px;position: relative; top: 12px; margin: 0 auto;} #sidebar .people-vip .people-vip-desc{ font-size: 12px; font-weight: 400; color: #202020; line-height: 17px; text-align: center;width:100%; position: relative; top:18px; } #sidebar .people-vip-hover{ width: 320px; height: 120px; background: url('//js.tuguaishou.com/img/indexhead/people_vip_1_v1.png') center center / 320px 120px no-repeat; position: absolute; right:50px; top:-26px; display: none; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; } #sidebar .people-vip .people-vip-2{ display: block; width: 50px; height: 68px; } #sidebar .people-vip:hover > .people-vip-hover{ display: block;} #sidebar .company-vip{ display: block; width: 50px; height: 68px; background: linear-gradient(135deg, #ECECEC 0%, #CCA370 100%); position: absolute;top: -150px; } #sidebar .company-vip .company-vip-bg{ background: url("//js.tuguaishou.com/img/indexhead/company_vip.png") center center /18px 20px; width: 18px; height: 20px; position: relative;top: 12px; margin: 0 auto;} #sidebar .company-vip .company-vip-desc{ font-size: 12px; font-weight: 400; color: #202020; line-height: 17px; text-align: center;width:100%; position: relative; top:18px; } #sidebar .company-vip-hover{ width: 328px; height: 128px; background: url('//js.tuguaishou.com/img/indexhead/company_vip_1.png') center center / 328px 128px no-repeat; position: absolute; right:50px; top:-30px; display: none; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; } #sidebar .company-vip .company-vip-2{ display:block; width: 50px; height: 68px; } #sidebar .company-vip:hover > .company-vip-hover{ display: block;} #sidebar .invites-vip-hover{ background: url("//js.tuguaishou.com/img/indexhead/inviter_vip_2.png") center center / 320px 120px no-repeat; width: 320px; height: 120px; position: absolute; right:25px; top:-19px; display: none; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; } #sidebar .invites-vip:hover > .invites-vip-hover{ display: block;} .nav-getVIP{ width: 34px; height: 14px; background: url(https://js.tuguaishou.com/new-index/HOT.png?v=4); position: absolute; top: 5px; left: 61px; pointer-events: none; } .nav-getVIP .HOT{ position: absolute; margin-top: -23px; margin-left: 5px; color: #fff; font-size: 12px; } .getVIP .show-getVIP{ display:none; position: absolute; top: 58px; left: -100%; } .getVIP:hover .show-getVIP{ display:block; } .recru-design{ width: 167px; height: 109px; background: #FFFFFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13); border-radius: 6px;position: absolute; right: 24px; } .recru-design-title{ width: 113px; margin-top: 20px; margin-left: 26px; height: 33px; font-size: 14px; font-weight: 400; color: #343434; line-height: 20px; } .recru-design-content-body{ margin-left: 17px; width: 136px; height: 28px; background: #FF4656; border-radius: 4px; } .recru-design-content{ margin-top: 17px; width: 136px; padding-top: 4px; font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 20px; } .recru-design-box a{ color: #ff4555; } .recru-design-box:hover a{ color: #fff; } .recru-design-box:hover a{ color: #fff; display: block; } .recru-design{ position: absolute; right:3px; } #sidebar .sidebar-cs-box,#sidebar .sidebar-client-box,#sidebar .sidebar-wechat-box,#sidebar .recru-design-box{ cursor:pointer;} #sidebar .sidebar-block:hover > .sidebar-pop{ padding-right: 0;} #sidebar .sidebar-block:hover > .pop_link .sidebar-pop{ padding-right: 0;} #sidebar .sidebar-block{ padding-top: 0;} #sidebar .sidebar-cs-box{ position: absolute; top:0; } #sidebar .sidebar-block .lxkf,#sidebar .sidebar-block .sidebar_jump,#sidebar .sidebar-block .jump-app{ display: block; width: 50px; padding-top: 8px; height: 52px; } #sidebar .sidebar-client-box{ position: absolute; top:60px;} #sidebar .sidebar-wechat-box{ position: absolute; top:120px;} #sidebar .recru-design-box{ position: absolute; top:180px;} #sidebar .sidebar-return-top-box{padding-top: 8px;} #sidebar .sidebar-wechat-box .sidebar-pop:after{ position: absolute; left: 245px;} /*windows下载-工作台*/ .gzt-recommend-div{ float: right; margin-right: 20px; position: relative; margin-top: 26px; display: inline-block; } .gzt-recommend{ width: 98px; height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #FF4555; display: inline-block; text-align: center; } .gzt-recommend span { width: 70px; height: 36px; font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #FF4555; line-height: 36px; /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ } /*493 首页搜索框加精选专题模块 #4 */ .recommend-list:after{ display:block; content:' '; clear:both; } .recommend-list{ *zoom:1; } .input-pull-down-2-div{ width: 474px; margin: 0 auto; } .input-pull-down-2-div-p{ text-align:left; font-size:14px; font-family:PingFangSC-Semibold,PingFang SC; font-weight:600; color:#202020; line-height:20px; } .input-pull-down-3-div{ width:474px; margin:0 auto; margin-top:20px } .input-pull-down-3-div-title{ text-align:left; font-size:14px; font-family:PingFangSC-Semibold,PingFang SC; font-weight:600; color:#202020; line-height:20px; } .input-pull-down-3-div-gengduo{ width:auto; height:17px; font-size:12px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:#666666; line-height:17px; float:right; cursor:pointer; } .input-pull-down-3-div-img{ margin-top: 6px; } .input-pull-down .input-recently.new{ border-bottom: 1px solid rgba(235, 235, 235, 1) !important; } /*手机海报导航下拉*/ #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle{ width:56px; } #poster-on .team-center-view{ width: 492px !important; } #poster-on .templ-center-box{ width: 486px; height: 228px; background:rgba(255, 255, 255, 1);} #poster-on .templ-title{ font-size: 16px; color: #19191A; font-weight: 600;} #poster-on .templ-title{ height: 106px;} #poster-on .templ-title{ margin-left: 0px; padding-left: 28px; padding-right: 28px; background-color: #F6F7F9; border-radius: 10px 10px 0 0; } #poster-on .templ-ul{ padding-top: 20px; padding-left: 26px; padding-right: 29px; } #poster-on .templ-ul .hover-home-video{ width: 138px; } #poster-on .templ-ul {border-top: 0px solid #EBEBEB;} #poster-on .templ-title-button a{ font-weight: 600;} #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content{ position: absolute; left:0; width:100%; padding: 20px 0 20px 36px; display: block; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ padding-top: 0; } #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle{ font-weight: 500; color: #19191A;} #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-right{ width: 391px; } #poster-on .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ height:505px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */; padding-top: 0px; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 11%); } #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right{ margin-left: 73px; margin-top: -20px; } #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a{ margin-left: 0; margin-bottom: 15px; min-width: 69px; } #poster-on .templ-title-button{ margin-right:10px;} #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right .nav-update{ margin-left:32px;} #poster-on .templ-center-box .templ-center-box-tag .templ-center-class-box{padding-bottom: 10px; margin-bottom: 20px; } #poster-on .nav-pulldown-bg.nav-pulldown-templ{ width: auto;} #poster-on .nav-pulldown-bg.nav-pulldown-templ:before{ height:0;} #poster-on:hover .nav-pulldown-bg { left: 25%; } #poster-on .hover-home-video:hover { transform: scale(1.20); z-index: 20; } #poster-on .templ-center-subtitle1 a{ font-size: 14px; font-weight: 600; color: #000000; cursor: default; } #poster-on .hot_kind{ margin-left: 1px; margin-top: -11px; left: auto; top: auto; } #poster-on .templ-center-subtitle1:after{ content: ""; width: 3px; height: 14px; margin-left: -7px; background-color: #FF4555; float: left; } #poster-on .templ-ul .hover-home-desc p{ text-shadow: 0px 1px 1px rgb(0 0 0 / 50%); z-index: 11; } #poster-on .item-img-filter{ position: absolute; height: 40px; width: 138px; /* background-color: #435d73; */ z-index: 10; margin-top: 47px; background: linear-gradient( 180deg , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 56%, rgba(0, 0, 0, 0.6) 100%); } #poster-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a:hover { color: #FF4555; } #poster-on .templ-ul a{ margin-left: 2px; } #poster-on .title-text{ height: 20px; line-height: 20px; } #poster-on .title-text-item{ display:inline-block; } #poster-on .title-text-item span{ margin-left: 5px; } #poster-on .item-left{ margin-left: 58px; } /*视频导航下拉*/ #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle{ width:56px; } #album-on .team-center-view{ width: 680px !important; } #album-on .templ-center-box{ width: 660px; height: 325px; background:rgba(255, 255, 255, 1);} #album-on .templ-title{ font-size: 16px; color: #19191A; font-weight: 600;} #album-on .templ-title-button a{ font-weight: 600;} #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content{ position: absolute; left:0; width:100%; padding: 20px 0 20px 20px; display: block; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ padding-top: 0px; } #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-subtitle{ font-weight: 500; color: #19191A;} #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-right{ width: 580px;} #album-on .nav-pulldown-bg.nav-pulldown-templ .nav-pulldown{ height:630px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */; padding-top: 0px; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 11%); } #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box:nth-child(1) .templ-center-class-right{ margin-left:0;} #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right > a{margin-left: 12px; margin-bottom: 10px; } #album-on .templ-title-button{ margin-right:10px;} #album-on .templ-center-box .templ-center-box-tag .templ-center-box-content .templ-center-class-box .templ-center-class-right .nav-update{ margin-left:32px;} #album-on .templ-center-box .templ-center-box-tag .templ-center-class-box{padding-bottom: 10px; margin-bottom: 20px; } #album-on .nav-pulldown-bg.nav-pulldown-templ{ width: auto;} #album-on .nav-pulldown-bg.nav-pulldown-templ:before{ height:0;} .navi.navi-black .nav .nav-lists > li > a:hover{ color:#FF4555; } .navi.navi-black .VIP-privilege:hover{color:#FF4555; } @keyframes scratchy { 0% { background:rgba(250, 250, 250, 0); } 50% { background:rgba(250, 250, 250, 0.3); } 100%{ background:rgba(250, 250, 250, 0); } } /*头部企业vip下拉框升级*/ .qiyevip .pop{ width: 680px; height: 446px; background: #FFFFFF; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.12); border-radius: 8px; cursor: pointer; } .qiyevip .pop .pop-desc{ padding:0 24px; box-sizing: border-box; height: 78px; background: #FFFAF2; border-radius: 8px 8px 0px 0px; } .qiyevip .pop .pop-desc p{ height: 16px; line-height: 16px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;} .qiyevip .pop .pop-desc .desc-black{ padding-top: 18px; color: #202020; } .qiyevip .pop .pop-desc .desc-red{ padding-top: 10px; color: #A30A0A;} .qiyevip .pop .pop-centent{ height: 368px; margin:0 24px; } .qiyevip .pop .pop-centent .pop-title{ margin-top: 23px;} .qiyevip .pop .pop-centent .pop-title img{ width: 22px; height: 26px; float: left;} .qiyevip .pop .pop-centent .pop-title .black{ height: 28px; font-size: 20px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #202020; line-height: 28px; margin-left: 12px; float: left; } .qiyevip .pop .pop-centent .pop-introduce{ height: 16px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; color: #444; line-height: 16px; width: 632px; text-align: left; margin-top:16px; float: left;} .qiyevip .pop .pop-centent .pop-tab-list{ width: 632px; height: 86px; float: left; margin-top: 20px; } .qiyevip .pop .pop-centent .pop-tab-list li{ float:left; width: 58px; height: 86px; margin-right: 54px; } .qiyevip .pop .pop-centent .pop-tab-list li.tag-end{ margin-right: 0;} .qiyevip .pop .pop-centent .pop-tab-list li .icon-box{ width: 58px; height: 58px;border-radius: 8px; overflow: hidden; position: relative;} .qiyevip .pop .pop-centent .pop-tab-list li .tag-bg{ display: block; width: 58px; text-align: center; height: 58px; background: #FFFAF2; border-radius: 8px; font-size: 23px; color: #AF7E42;} .qiyevip .pop .pop-centent .pop-tab-list li .tag-buy{ width: 58px; height: 58px;border-radius: 8px; text-align: center; position: absolute; top:58px; left:0; background: #FFFAF2; color: #AF7E42; font-size: 12px; z-index: -1;transition: .3s; } .qiyevip .pop .pop-centent .pop-tab-list li .icon-box:hover .tag-buy{ position: absolute; top:0; left:0; z-index: 1; } .qiyevip .pop .pop-centent .pop-tab-list li .tag-title{ width: 58px; margin-top: 8px; height: 20px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; color: #202020; line-height: 20px; text-align: center; } .qiyevip .pop .pop-centent .pop-tab-list .tag-two{ position: relative; width: 85px; margin-right: 30px; } .qiyevip .pop .pop-centent .pop-tab-list .tag-two .tag-title{ position: absolute; left:-12px; top:58px; width: 85px; } .qiyevip .pop .pop-centent .pop-introduce-2{ height: 34px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #444444; line-height: 17px; margin-top: 32px; float: left;} .qiyevip .pop .pop-centent .pop-introduce-2 font{ color: #A30A0A; } .qiyevip .pop .pop-centent .to-pay-btn{ display: block; width: 632px; height: 50px; text-align: center; background: linear-gradient(360deg, #000000 0%, #4B4B4B 100%); border-radius: 4px; font-size: 18px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FADEB9; line-height: 50px; position: relative; margin: 30px auto 0 auto; float: left;} .qiyevip .pop .pop-centent .to-pay-btn .pay-hot-tag{ position: absolute; top: -14px; left:0; width: 130px; display: block; height: 24px; line-height: 24px; background: linear-gradient(315deg, #FF3B4D 0%, #FFA248 100%); border-radius: 4px 12px 0px 0px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF;} .templ-ul {padding-top: 20px;border-top: 1px solid #EBEBEB;} .templ-ul a{margin-left: 9px;display: inline-block;font-size: 15px;} .templ-ul .hover-home-video{width: 154px;border-radius: 4px;overflow: hidden;height: 86px;position: relative;} .templ-ul .hover-home-video video{border-radius: 4px;position: absolute;z-index: 2; width: 154px;height: 86px} .templ-ul .hover-home-video .hover-home-mask{height: 35px;border-radius: 4px; width: 154px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);position: absolute;z-index: 7;margin-top: 51px;} .templ-ul .hover-home-video .hover-home-bg-mask{height: 80px; border-radius: 4px; width: 150px; position: absolute; background-color: #000000; z-index: 1; margin-top: 3px; margin-left: 3px;} .templ-ul .hover-home-desc{width: 100%;height: 100%;position: absolute;} .templ-ul .hover-home-desc img{width: 100%;height: 100%;display: block;margin-top: 0;position: absolute;z-index: 7} .templ-ul .hover-home-desc p{height: 32px;line-height: 32px;position: absolute;font-size: 14px;color: #fff;bottom: 0;left: 10px;font-weight: 400;z-index: 9} /*首页登录下拉改版*/ .Before-login .login-hover-save{ width: 218px; height: 218px; background: #FFFFFF; border-radius: 10px;} .Before-login .login-hover-save .title{ font-weight: 600; color: #666666; } .Before-login .login-hover-save .title font{ color: #000; font-size: 20px;padding: 0 5px;} .Before-login .login-hover-save p .iconfont.original{ font-size: 20px; margin-left: -2px;} /*首页登录弹窗样式调整*/ .registration-bg .res-head .res-logo.res-logo-v1{margin-top: 40px; } .registration .reg-content-left .reg-tips.res-tips-v1{margin-top: 44px;}