*{
    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/20211215/iconfont.eot?v=20211215');
    src:url('//js.tuguaishou.com/font/20211215/iconfont.eot#iefix?v=20211215') format('embedded-opentype'),
        /* IE6-IE8 */ url('//js.tuguaishou.com/font/20211215/iconfont.woff?v=20211215') format('woff'),
    url('//js.tuguaishou.com/font/20211215/iconfont.ttf?v=20211215') format('truetype'),
    url('//js.tuguaishou.com/font/20211215/iconfont.svg#iconfont?v=20211215') 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:102px;
    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);
}
.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;
}
@media screen and (max-width: 1400px) {
    .nav > .nav-lists {
        left:45% !important;
    }
}
/*.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 > .pop_link .pop-box .pop-box-title, #sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper {
    display: flex;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-title .client-title {
    flex: 1;
    margin-bottom: 20px;
    font-size: 16px;
    color: black;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item {
    flex: 1; border-right: 1px solid #f3f3f3;
    padding: 0 15px;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item img {
    margin-top: 0; width: 120px; height: 120px;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item:last-child {
    border-right: 1px solid transparent;
    display: flex; align-items: center; justify-content: center;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item .desc {
    display: flex;font-size: 12px;font-weight: 600;color: rgba(32,32,32,1);align-items: center;margin-bottom: 15px;
}
#sidebar #client-box.sidebar-block:hover > .pop_link .pop-box .pop-box-wrapper .item .desc .client-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-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:604px;
}
.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: 324px;
    height: 30px;
    position: absolute;
    bottom: -10px;
    left: -240px;
}
.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: 604px;
    height: 100%;
    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 26px; 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 .business-pop-centent {display: flex !important; }
.qiyevip .pop .business-pop-centent .item { flex: 1 !important; border-right: 1px solid #EBEBEB !important; padding: 18px 40px 25px;}
.qiyevip .pop .business-pop-centent .item:last-child { border-right: none !important;}
.qiyevip .pop .business-pop-centent .item .item-top {display: flex; justify-content: space-between; align-items:center; line-height: 22px;}
.qiyevip .pop .business-pop-centent .item .item-top .title {font-size: 18px; color: #202020; font-weight: 500; cursor: pointer;}
.qiyevip .pop .business-pop-centent .item .item-bottom .bottom-button {width: 100%; height: 38px; line-height: 38px; text-align: center; background: #EFC892; color: #5B2C09; display: block; margin-top: 40px; border-radius: 4px; cursor:pointer;}
.qiyevip .pop .business-pop-centent .item .item-bottom .bottom-button-business {width: 100%; height: 38px; line-height: 38px; text-align: center; background: linear-gradient(204deg, #3F4669 0%, #060041 100%); color: white; display: block; margin-top: 40px; border-radius: 4px; cursor: pointer;}
.qiyevip .pop .business-pop-centent .item .item-top .tag {color: #C68A5E; font-size: 12px; background-color: #FFFAF2; border-radius: 13px; padding: 5px 6px; cursor: pointer;}
.qiyevip .pop .business-pop-centent .item .item-top .tag-business {color: #484C76; font-size: 12px; background-color: #F4F5FA; border-radius: 13px; padding: 5px 6px; cursor: pointer;}
.qiyevip .pop .business-pop-centent .item .lists {margin-top: 26px;}
.qiyevip .pop .business-pop-centent .item .lists .list-child {display: flex; align-items: center; height: 36px; line-height: 20px;margin-bottom: 10px;}
.qiyevip .pop .business-pop-centent .item .lists .list-child:last-child {margin-bottom: 0;}
.qiyevip .pop .business-pop-centent .item .lists .list-child .left-wrapper{width: 36px; color: #c98a62; height: 36px; display: flex; align-items:center; justify-content: center; background: #FFFAF2; border-radius: 4px;}
.qiyevip .pop .business-pop-centent .item .lists .list-child .left-wrapper-business{width: 36px; color: #4b4e76; height: 36px; display: flex; align-items:center; justify-content: center; background: #F4F5FA; border-radius: 4px;}
.qiyevip .pop .business-pop-centent .item .lists .list-child .right-wrapper{color: #202020; font-size: 14px; margin-left: 14px; font-weight: 400; cursor: pointer;}
.qiyevip .pop .business-pop-centent .item .lists .list-child .right-wrapper:hover{color: #017AFF !important;}
.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;}

/*侧边栏样式*/
.sidebar-share:hover .share {
    display: block;
}
.share {
    display: none;
    background: #ffffff;
    width: 320px;
    height: 150px;
    position: absolute;
    right: 50px;
    bottom: -45px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 14%);
}

.share_title {
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    line-height: 20px;
    text-align: left;
    margin: 20px 0 0 20px;
}

.share_desc{
    padding-top: 7px;
    width: calc(100% - 60px);
    font-size: 14px;
    color: #a6a6a6;
    line-height: 20px;
    text-align: left;
    margin: 5px 0 0 20px;
}

.share_container{
    width: calc(100% - 60px);
    height: 40px;
    border-radius: 4px;
    display: flex;
    margin: 13px 0 0 20px;
}

.share_input{
    border: none;
    outline: none;
    width: 90%;
    background-color: #f7f7f7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 20px;
    padding-left: 5px;
}

.share_copy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 40px;
    background-color: #ff4555;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
}