.svj-share{position:relative;display:inline-block;height:40px}.svj-share:hover .svj-share__box{display:block}.svj-share .svj-share__box{display:none;position:absolute;top:41px;left:50%;margin-left:-71px;width:142px;background:#fff;padding-bottom:10px;border:1px solid #ddd;-webkit-box-shadow:8px 8px 8px 0 rgba(218,227,234,.43);box-shadow:8px 8px 8px 0 rgba(218,227,234,.43);border-radius:8px;z-index:99}.svj-share .svj-share__box .svj-share__triangle{position:absolute;top:-20px;left:60px;width:0;height:0;border:10px solid transparent;border-bottom-color:#ddd}.svj-share .svj-share__box .svj-share__triangle span{position:absolute;top:-6px;left:-8px;width:0;height:0;border:8px solid transparent;border-bottom-color:#fff}.svj-share .svj-share__box .svj-share__list .svj-share__item{height:38px;line-height:38px;font-size:14px;color:#999;cursor:pointer;padding:0 20px}.svj-share .svj-share__box .svj-share__list .svj-share__item:hover{background:#f5f7fa}.svj-share .svj-share__box .svj-share__list .svj-share__item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.svj-share .svj-share__box .svj-share__list .svj-share__item:last-child:hover{background:#fff;cursor:auto}.svj-share .svj-share__box .svj-share__list .svj-share__item.weibo i{color:#fa6873}.svj-share .svj-share__box .svj-share__list .svj-share__item.qq i{color:#2e94f8}.svj-share .svj-share__box .svj-share__list .svj-share__item.qzone i{color:#fcbe4a}.svj-share .svj-share__box .svj-share__list .svj-share__item.meijia{height:auto}.svj-share .svj-share__box .svj-share__list .svj-share__item.meijia i{color:#82ce4f}.svj-share .svj-share__box .svj-share__list .svj-share__item.meijia .mjCode{width:120px;height:120px;margin-left:-10px}.svj-share .svj-share__box .svj-share__list .svj-share__item.meijia .mjCodeImg{width:120px;height:120px}.svj-share .svj-share__box .svj-share__list .svj-share__item.weixin{height:auto}.svj-share .svj-share__box .svj-share__list .svj-share__item.weixin i{color:#82ce4f}.svj-share .svj-share__box .svj-share__list .svj-share__item.weixin .qrcode{width:100px;height:100px}.svj-share .svj-share__box .svj-share__list .svj-share__item span{vertical-align:middle}.svj-share .svj-share__box .svj-share__list .svj-share__item i{font-size:20px;margin-right:8px;vertical-align:middle}.new-homepage{position:relative;padding-top:30px}.new-homepage__box{position:relative;margin-top:20px;margin-bottom:46px}.new-homepage__left{display:inline-block;vertical-align:top}.new-homepage__designer{background:#fff;-webkit-box-shadow:3px 4px 4px 0 rgba(199,210,220,.14);box-shadow:3px 4px 4px 0 rgba(199,210,220,.14);position:relative;z-index:1}.new-homepage__designer .designer__basic{position:relative;color:#333;text-align:center;padding-top:58px;padding-bottom:35px;border-bottom:1px solid hsla(0,0%,79.2%,.4)}.new-homepage__designer .designer__avatar{display:block;width:120px;height:120px;border-radius:50%;margin:0 auto}.new-homepage__designer .designer__name{position:relative;font-size:20px;font-weight:700;margin-top:30px;margin-bottom:20px}.new-homepage__designer .designer__name span{display:inline-block;max-width:150px}.new-homepage__designer .designer__name .sprites-medal{width:24px;height:24px;vertical-align:0}.new-homepage__designer .designer__name .sprite-medal01{background-position:1px 0}.new-homepage__designer .designer__name .sprite-medal02{background-position:-25px 0}.new-homepage__designer .designer__ipAddress{position:relative;top:-7px;color:#999}.new-homepage__designer .popular__item{display:inline-block}.new-homepage__designer .popular__item:first-child{margin-right:50px}.new-homepage__designer .popular__num{font-size:20px;font-weight:700;margin-bottom:10px}.new-homepage__designer .popular__name{font-size:14px;color:#999}.new-homepage__designer .designer__heat{margin-top:20px}.new-homepage__designer .heat__text{font-size:14px}.new-homepage__designer .heat__text span{font-size:20px;font-weight:700;color:#ff4517;margin:0 5px}.new-homepage__designer .heat__bar{width:200px;height:4px;border-radius:2px;background:#f1f1f1;margin:12px auto 0}.new-homepage__designer .heat__bar--inner{width:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#1fa6ea),to(#26ccd1));background:linear-gradient(90deg,#1fa6ea,#26ccd1);border-radius:2px;-webkit-transition:all .3s;transition:all .3s}.svj-share,.svj-share.my-svj-share{position:absolute;top:18px;right:18px;text-align:left}.svj-share.my-svj-share .svj-share__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;background-color:#147ffa;color:#fff;padding-bottom:0}.svj-share.my-svj-share .svj-share__box .svj-share__triangle{position:absolute;top:-4px;left:calc(50% - 8px);width:8px;height:8px;background-color:#147ffa;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:none}.svj-share.my-svj-share .svj-share__list .svj-share__item:hover,.svj-share.my-svj-share .svj-share__list .svj-share__item :last-child:hover{background-color:transparent}.qrcode-share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:182px;height:220px;border-radius:4px;padding:12px}.qrcode-share__title{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;font-weight:600}.qrcode-share__img{width:112px;height:112px;background-color:#fff;margin:8px 8px 9px}.qrcode-share__label{font-size:12px;font-family:PingFangSC-Regular;color:#fff;text-align:center;line-height:18px;opacity:.8}.new-homepage__designer .designer__detail{color:#333;padding:35px 40px 0}.new-homepage__designer .detail__item{font-size:14px;margin-bottom:20px}.new-homepage__designer .detail__title{color:#999;margin-bottom:8px}.new-homepage__designer .detail__item .detail__content{word-break:break-all}.new-homepage__designer .detail__content .svj-label{margin-right:6px;margin-bottom:10px}.new-homepage__designer .detail__box{position:relative;font-size:14px;text-align:center;padding-bottom:35px}.new-homepage__designer .detail__box .svj-button:first-child{margin-right:16px}.new-homepage__designer .detail__box-tips{display:none;position:absolute;top:6px;right:-186px;padding:6px 10px;background:#178fff;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:hsla(0,0%,100%,.99);border-radius:4px}.new-homepage__designer .detail__box-tips:before{position:absolute;top:8px;left:-6px;content:"";border-top:6px solid transparent;border-right:6px solid #147ffa;border-bottom:6px solid transparent}.new-homepage__designer .detail__box-tips .icon-close{margin-left:10px;vertical-align:middle;cursor:pointer}.new-homepage__designer .detail__btn{display:inline-block;width:120px;height:40px;line-height:36px;font-size:14px;text-align:center;border-radius:5px;outline:0}.new-homepage__designer .detail__btn:first-child{margin-right:20px}.new-homepage__designer a.detail__btn{display:block;margin:0 auto;margin-right:auto!important}.new-homepage__card{padding:20px;background:#fff;margin-top:20px;-webkit-box-shadow:3px 4px 4px 0 rgba(199,210,220,.14);box-shadow:3px 4px 4px 0 rgba(199,210,220,.14);text-align:center}.new-homepage__card .card__text{display:inline-block;vertical-align:middle;margin-bottom:10px;margin-top:12px}.new-homepage__card .card__title{font-size:18px;color:#333;font-weight:700}.new-homepage__card .card__desc{font-size:14px;color:#999;margin-top:10px}.new-homepage__card .mini__code{display:inline-block;width:100px;height:100px;margin-left:10px;vertical-align:middle}.new-homepage__right{display:inline-block;vertical-align:top}.scheme__menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:32px;margin-bottom:20px}.scheme__menu .tab__item{display:inline-block;font-size:20px;font-weight:700;color:#999;padding-bottom:10px;margin-right:34px;cursor:pointer}.scheme__menu .tab__item.on{color:#333;border-bottom:3px solid #147ffa}.new-tab__content{display:none}.new-homepage__right .scheme__menu{margin-top:0;margin-bottom:10px}.new-homepage__right .scheme__menu .menu__tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.new-homepage__right .scheme__menu .tab__item{font-size:18px;padding-bottom:0}.new-homepage__right .scheme__menu .tab__item.on{border-bottom:0}.svj-button__panorama:hover span{color:#fff}.scheme-img__tag{position:absolute;top:0;left:0;width:56px;height:30px;line-height:30px;font-size:14px;color:#fff;text-align:center;background:#147ffa;border-top-left-radius:4px;border-bottom-right-radius:4px}.menu__filter .filter__item{display:inline-block;position:relative;outline:0}.menu__filter .filter__btn{height:37px;line-height:36px;font-size:14px;color:#999;border:1px solid #ddd;border-radius:4px;padding:0 12px;margin-left:4px;cursor:pointer}.menu__filter .filter__btn i{font-size:14px;margin-left:5px}.menu__filter .filter__btn.on{border-color:#147ffa}.menu__filter .sort__box{display:none;position:absolute;top:46px;left:4px;width:73px;background:#fff;border-radius:4px;border:1px solid #ddd;z-index:4}.menu__filter .sort__item{height:38px;line-height:38px;font-size:14px;text-align:center;cursor:pointer}.menu__filter .sort__item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.menu__filter .sort__item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.menu__filter .sort__item.on,.menu__filter .sort__item:hover{background:#f5f7fa;color:#147ffa}.menu__filter .style__box{display:none;position:absolute;top:46px;right:0;width:305px;background:#fff;border-radius:4px;border:1px solid #ddd;padding:20px 24px;z-index:4}.menu__filter .style__title{font-size:14px;color:#666;padding-bottom:12px;border-bottom:1px dashed #c6ccd7}.menu__filter .style__list{font-size:0}.menu__filter .style__item{display:inline-block;width:45px;font-size:14px;margin-right:24px;margin-top:16px;cursor:pointer}.menu__filter .style__item:nth-child(4n){margin-right:0}.menu__filter .style__item.on,.menu__filter .style__item:hover{color:#147ffa}.empty{padding-top:160px;padding-bottom:90px;background-color:#fff;text-align:center}.empty__pic{width:114px;margin-bottom:10px}.empty__text{font-size:16px;color:#999;line-height:1.5}.waterfall{position:relative}.waterfall .waterfall-item{position:absolute}.waterfall .waterfall-item:hover .waterfall-item__mask,.waterfall .waterfall-item:hover .waterfall-item__thumb{display:block}.waterfall .waterfall-item .waterfall-item__pic{width:100%;border-radius:4px}.waterfall .waterfall-item .waterfall-item__thumb{display:none;position:absolute;top:12px;right:12px;height:32px;line-height:32px;color:#fff;background:rgba(0,0,0,.2);padding:0 6px;border-radius:2px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;z-index:2}.waterfall .waterfall-item .waterfall-item__thumb i{font-size:20px;margin-right:4px}.waterfall .waterfall-item .waterfall-item__mask{display:none;position:absolute;bottom:0;left:0;width:100%;height:90px;font-size:16px;font-weight:700;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.76)),to(rgba(0,0,0,.01)));background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.01));border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:50px 0 0 20px}.waterfall .waterfall-item .waterfall-item__mask .icon-pages{margin-right:12px}.waterfall .waterfall-item .waterfall-item__mask .waterfall-item__name{display:inline-block;max-width:200px;vertical-align:top}.waterfall-tips{text-align:center;margin-top:30px;line-height:1}.pagehome-rank{margin-top:20px;padding:20px 40px;background:#fff;border-radius:4px;font-family:PingFangSC-Medium,PingFang SC}.pagehome-rank__title{font-size:16px;font-weight:500;color:#333}.pagehome-rank__tips{display:inline-block;position:relative;margin-left:8px}.pagehome-rank__tips:hover .pagehome-rank__tips-info{display:block}.pagehome-rank__tips .icon-question_solid{color:#f7b500;font-size:14px}.pagehome-rank__tips-info{display:none;position:absolute;top:28px;left:-43px;padding:8px;width:271px;height:201px;background:#333;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:hsla(0,0%,100%,.99);border-radius:4px;z-index:1}.pagehome-rank__tips-info>p{line-height:20px}.pagehome-rank__tips-info:before{position:absolute;top:-6px;left:44px;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333}.pagehome-rank__tips-info:after{position:absolute;top:-10px;left:14px;content:"";width:66px;height:14px}.pagehome-rank__tips-info__key{font-weight:500}.pagehome-rank__list-item{margin-top:20px;font-family:PingFangHK-Regular,PingFangHK}.pagehome-rank__list-item__text{font-size:14px;color:#999}.pagehome-rank__list-item__num{margin-left:12px;color:#333}.pagehome-rank__list-item__change{float:right;font-size:12px;color:#6d7278}.pagehome-rank__list-item__change .icon-arrow__top{display:inline-block;font-size:8px;color:#fa6400}.pagehome-rank__list-item__change .custom-arrow__bottom{color:#6dd400;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pagehome-code{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:20px;padding:24px 40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background:#fff;border-radius:4px;-webkit-box-shadow:3px 4px 4px 0 rgba(199,210,220,.14);box-shadow:3px 4px 4px 0 rgba(199,210,220,.14)}.pagehome-code__left-title{font-size:18px;font-weight:500;color:#333;font-family:PingFangSC-Medium,PingFang SC}.pagehome-code__left-text{font-size:14px;color:#666;font-family:PingFangSC-Regular,PingFang SC}.pagehome-code__right img{width:120px}.video-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:32px;background-image:url(https://3vj-fe.3vjia.com/fe-common/image/icon-play.png);background-position:50%;background-repeat:no-repeat;background-size:32px}.video-dpi{top:16px;left:16px;width:44px;height:20px;text-align:center;line-height:20px;background:rgba(51,51,51,.2);border-radius:4px;font-size:12px}.video-dpi,.video-time{position:absolute;color:#fff}.video-time{bottom:16px;right:16px}.lead-wrap{border-top:1px dashed #eee;padding-top:30px;width:816px;margin:60px auto}.lead-wrap h5{font-size:18px;color:#333;font-weight:700;margin-bottom:20px}.lead-wrap ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.lead-wrap ul li{background:#f8f8f8;border-radius:4px;width:256px;height:96px}.lead-wrap ul li a{display:block;color:#555;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.lead-wrap ul li:hover{background:#f1f1f1}@media screen and (max-width:1599px){.mini__code{margin-left:0!important}.pagehome-code{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pagehome-code .pagehome-code__left{margin-bottom:20px}}