@import url(../../libs/fonts/iconfont.css);html,html *{margin:0;padding:0;border:0;background:transparent}h1,h2,h3,h4,h5{text-rendering:optimizelegibility;font-weight:normal}button,input[type="button"],input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"],label,select{cursor:pointer;font-size:inherit}button{border:0;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none !important}select,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-width:1px;border-style:solid;padding:12px;font-size:108%;border-radius:var(--salong-input-radius);border-color:var(--salong-input-border);background-color:var(--salong-input-bg);color:var(--salong-input-color)}select::-webkit-input-placeholder,select::-moz-placeholder,select::-ms-input-placeholder,select::-moz-placeholder,select::placeholder,input::-webkit-input-placeholder,input::-moz-placeholder,input::-ms-input-placeholder,input::-moz-placeholder,input::placeholder,textarea::-webkit-input-placeholder,textarea::-moz-placeholder,textarea::-ms-input-placeholder,textarea::-moz-placeholder,textarea::placeholder{color:inherit}select:focus,input:focus,textarea:focus{border-color:var(--salong-input-focus-border);background-color:var(--salong-input-focus-bg)}textarea{min-height:68px}input[type="checkbox"],input[type="radio"]{vertical-align:middle}select{background-image:url(../images/select.svg);background-repeat:no-repeat;background-position:center right;background-size:20px 20px;padding:8px 24px 8px 8px;cursor:pointer}body{font-family:"PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;font-size:var(--salong-body-font-size);line-height:var(--salong-body-line-height);overflow-x:hidden;overflow-y:scroll;margin:0 auto}body *{box-sizing:border-box}body.salong-hidden{overflow:hidden}.wrapper{margin:0 auto;clear:both;width:var(--salong-width-wrapper);max-width:98%}.full{padding-left:1%;padding-right:1%}hr{height:1px;border-top-width:1px;border-top-style:solid;border-color:var(--salong-color-border);margin:24px 0}a,a:hover{text-decoration:none}*:after,*:before,h1,h2,h3,h4,h5,a,svg,img,input,button,textarea,.transition{transition:ease-in-out .5s}.animate-transition{transition:ease-in-out 1.2s}.no-transition{transition:ease-in-out 0s}.excerpt{text-align:justify}svg{display:inline-block;vertical-align:middle}[v-cloak]{display:none !important}h1{font-size:var(--salong-h1-font-size);line-height:var(--salong-h1-line-height)}h2{font-size:var(--salong-h2-font-size);line-height:var(--salong-h2-line-height)}h3{font-size:var(--salong-h3-font-size);line-height:var(--salong-h3-line-height)}h4{font-size:var(--salong-h4-font-size);line-height:var(--salong-h4-line-height)}h5{font-size:var(--salong-h5-font-size);line-height:var(--salong-h5-line-height)}h6{font-size:var(--salong-h6-font-size);line-height:var(--salong-h6-line-height)}.module-radius{border-radius:var(--salong-module-radius)}.button-radius{border-radius:var(--salong-button-radius)}.color-following{background-color:var(--salong-following-bg)}.color-followed{background-color:var(--salong-followed-bg)}.color-each{background-color:var(--salong-follow-each-bg)}.color-image-before-title{color:var(--salong-color-image-before-title)}.color-image-before-subtitle{color:var(--salong-color-image-before-subtitle)}.color-image-before-desc{color:var(--salong-color-image-before-desc)}.color-main{color:var(--salong-color-main)}.border-main{border-color:var(--salong-color-main)}.bg-main{background-color:var(--salong-color-main)}.bg-meta{background-color:var(--salong-color-meta)}.bg-main-hover{background-image:linear-gradient(to right, var(--salong-color-main) 0%, var(--salong-color-hover) 100%)}a.color-main:hover,a.color-title:hover,a.color-text:hover,a.color-meta:hover,.color-hover,a:hover h1,a:hover h2,a:hover h3,a:hover h4,a:hover h5,a:hover h6,a:hover span{color:var(--salong-color-hover)}.bg-hover{background-color:var(--salong-color-hover);color:#fff}.bg-hover-hover:hover{background-color:var(--salong-color-hover) !important;color:#fff !important}.bg-hover-hover:hover::before,.bg-hover-hover:hover::after{color:#fff}.bg-hover-hover:hover.bg-meta::before,.bg-hover-hover:hover.bg-meta::after{background-color:#fff}.color-title,h1,h2,h3,h4,h5,h6{color:var(--salong-color-title)}.color-text{color:var(--salong-color-text)}.color-meta{color:var(--salong-color-meta)}.color-border{border-color:var(--salong-color-border)}.color-bg{background-color:var(--salong-color-bg)}.slide-bg-blur{-webkit-backdrop-filter:blur(var(--salong-slide-blur));backdrop-filter:blur(var(--salong-slide-blur));background-color:var(--salong-slide-bg)}.crumb-bg-blur{-webkit-backdrop-filter:blur(var(--salong-crumb-blur));backdrop-filter:blur(var(--salong-crumb-blur));background-color:var(--salong-crumb-bg)}.popup-bg-blur{-webkit-backdrop-filter:blur(var(--salong-popup-blur));backdrop-filter:blur(var(--salong-popup-blur));background-color:var(--salong-popup-bg)}.content-post{color:var(--salong-color-content-post)}.content-post a{color:var(--salong-color-content-post-a)}.button-main{color:var(--salong-button-text-color);background-color:var(--salong-button-bg-color)}.button-main:hover{background-color:var(--salong-button-hover-bg-color)}.button-border{border-width:1px;border-style:solid;background-color:var(--salong-module-bg-color);border-color:var(--salong-color-border)}.button-border:hover{background-color:var(--salong-button-hover-bg-color) !important;border-color:var(--salong-button-hover-bg-color) !important;color:var(--salong-button-text-color) !important}.button-gradient{color:var(--salong-button-text-color);position:relative;text-transform:uppercase;background:linear-gradient(45deg, var(--salong-button-bg-color), var(--salong-button-hover-bg-color) 51%, var(--salong-button-bg-color)) var(--x, 0)/200%}.button-gradient:hover{--x: 100%}.notification-info{background-color:var(--salong-notification-info-bg)}.notification-success{background-color:var(--salong-notification-success-bg)}.notification-warning{background-color:var(--salong-notification-warning-bg)}.notification-error{background-color:var(--salong-notification-error-bg)}.message-style.shipped,.message-style.info{background-color:var(--salong-message-info-bg)}.shipped,.info{color:var(--salong-message-info-color)}.message-style.signed,.message-style.completed,.message-style.success{background-color:var(--salong-message-success-bg)}.signed,.completed,.success{color:var(--salong-message-success-color)}.message-style.unshipped,.message-style.pending,.message-style.warning{background-color:var(--salong-message-warning-bg)}.unshipped,.pending,.warning{color:var(--salong-message-warning-color)}.message-style.refunded,.message-style.canceled,.message-style.error{background-color:var(--salong-message-error-bg)}.refunded,.canceled,.error{color:var(--salong-message-error-color)}.plyr{--plyr-color-main: var(--salong-color-main)}.plyr .plyr__poster{background-size:cover;background-repeat:no-repeat}body.header-full .header-pc .user-center-menu{right:0;margin-right:-88px}body.header-full .header-pc .user-center-menu:before{right:100px}body.header-transparent .header{position:fixed}body.header-transparent .header>.transparent{border-bottom:1px solid rgba(253,253,253,0.1)}body.header-transparent .header>.transparent .notification i.iconfont{color:var(--salong-color-meta)}body.header-transparent .header>.transparent .header-menu ul.menu>li:not(.current-menu-ancestor):not(.current-menu-parent):not(.current-menu-item):not(.light)>a{color:var(--salong-color-meta)}body.header-transparent .header>.transparent .header-menu ul.menu>li:not(.current-menu-ancestor):not(.current-menu-parent):not(.current-menu-item):not(.light)>a:hover{color:var(--salong-color-main)}body.header-transparent .header>.transparent .search-form input,body.header-transparent .header>.transparent .search-form select{background-color:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:var(--salong-color-meta)}body.header-transparent .full .swiper-pagination,body.header-transparent .home-slider .swiper-pagination{top:92px !important}body.header-transparent.have-top-bar .full .swiper-pagination,body.header-transparent.have-top-bar .home-slider .swiper-pagination{top:142px !important}body.header-transparent .crumbs-module .crumbs-image .content{padding-top:60px}body.have-top-bar .salong-tabs.tabs-float.show-header .tab-buttons-float{top:123px}body.theme-light .header-mobile,body.theme-light .header-pc{width:100%}body.theme-light .header-mobile:not(.transparent),body.theme-light .header-pc:not(.transparent){box-shadow:0 0 4px 0 rgba(0,0,0,0.1)}body.theme-light li.list-arrow::before{border-left-color:rgba(0,0,0,0.1)}body.theme-light .side-buttons button.button span{box-shadow:1px 2px 5px 0 rgba(0,0,0,0.1)}body.theme-light .home-slider.fixed,body.theme-light .home-slider.fixed-menu{box-shadow:0 0 4px 0 rgba(0,0,0,0.1)}body.theme-dark .header-mobile,body.theme-dark .header-pc{width:100%}body.theme-dark .header-mobile:not(.transparent),body.theme-dark .header-pc:not(.transparent){box-shadow:0 0 6px 0 rgba(0,0,0,0.5)}body.theme-dark li.list-arrow::before{border-left-color:rgba(255,255,255,0.2)}body.theme-dark .side-buttons button.button span{box-shadow:1px 2px 5px 0 rgba(0,0,0,0.4)}body.theme-dark .home-slider.fixed,body.theme-dark .home-slider.fixed-menu{box-shadow:0 0 4px 0 rgba(0,0,0,0.6)}body.popup-close-top-right .popup-close{top:-14px;right:-14px}body.popup-close-bottom-center .popup-close{right:50%;bottom:-14px;margin-right:-14px}.parallax .button-border{border-color:rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.1)}.no-parallax .button-border{border-color:var(--salong-color-border);background-color:var(--salong-module-bg-color)}:not(.content-post) ol,:not(.content-post) ul{list-style:none}:not(.content-post) ol li,:not(.content-post) ul li{list-style-type:none}img.avatar{display:block;border-radius:100%}img.large-avatar{width:80px;height:80px}img.medium-avatar{width:48px;height:48px}img.small-avatar{width:24px;height:24px;margin-right:6px}button.disabled{pointer-events:none;opacity:0.6}.user-buttons{white-space:nowrap}.user-buttons button{margin-left:8px;font-size:inherit;padding:5px 11px}.user-buttons button.follow-button{padding:6px 12px;color:#ffffff}.user-buttons button.follow-button b{font-weight:normal;margin-left:4px}.player-icon{position:absolute;top:50%;left:50%;height:80px;width:80px;display:flex;justify-content:center;z-index:10;border:1px solid rgba(255,255,255,0.6);border-radius:100%;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:center;animation-name:button-pulse;animation-duration:1.5s;animation-iteration-count:infinite;transform:translate(-50%, -50%)}.player-icon i.iconfont{color:#fff;font-size:164%}.player-icon:hover{border-color:rgba(255,255,255,0.3)}.user-group .user-icon{margin-right:6px;padding-right:12px;position:relative;font-size:inherit}.user-group .user-icon:last-child{margin-left:0;padding-right:0}.user-group .user-icon:last-child::before{content:''}.user-group .user-icon::before{position:absolute;content:'•';right:0}.user-group-icon{display:flex;grid-gap:6px;flex-direction:row;justify-content:center;align-items:center}.user-group-icon span.icon{line-height:18px;padding:1px 6px;display:inline-block;color:var(--salong-color-image-before-title);border-radius:2px;font-size:12px}.post-loading{text-align:center;padding:40px 30px 30px}.post-loading .salong-loading::before{top:0}.post-loading span{padding-top:20px;display:block}.unread-icon{width:6px;height:6px;border-radius:6px;background-color:#f00;display:block;position:absolute;top:0;right:0}.unread{color:#f00}.message-box{display:flex;padding:20px;width:100%}.message-box .iconfont{margin-right:12px}.emoji-image{margin-top:8px;display:flex;grid-gap:4px}.emoji-image.color-border{border-width:1px;border-style:solid}.emoji-image img{width:100px;height:auto}.first-login{padding:40px;text-align:center;display:flex;grid-gap:12px;flex-direction:column;justify-content:center;align-items:center}.first-login img{width:200px;max-width:80%}.first-login button{padding:12px;min-width:120px}@keyframes spin{100%{transform:rotate(360deg)}}.empty-content{padding:40px;display:flex;grid-gap:20px;flex-direction:column;justify-content:center;align-items:center}.empty-content img{width:120px;max-width:80%}.empty-content span{font-size:var(--salong-h4-font-size);line-height:var(--salong-h4-line-height)}.salong-area{position:relative;flex-grow:1}.salong-area input{width:100%}.salong-area .area-select{padding:12px;position:absolute;z-index:12;top:42px;left:0;right:0;box-shadow:0 12px 12px rgba(0,0,0,0.3);display:flex;grid-gap:8px;flex-direction:row;justify-content:space-between;align-items:center}.salong-area .area-select>select{width:100%}.list-arrow{padding-left:10px;position:relative}.list-arrow:before{position:absolute;content:'';content:'';height:0;width:0;display:block;border:4px transparent solid;border-right-width:0;border-left-color:rgba(0,0,0,0.1);top:8px;left:0}.checkbox-default{display:inline-block}.checkbox-default input[type='checkbox']{display:none}.checkbox-default label{position:relative}.checkbox-default label::before{position:absolute;content:'';width:14px;height:14px;top:50%;left:50%;background-color:var(--salong-module-bg-color);border:1px solid var(--salong-color-meta);border-radius:2px;transform:translate(-50%, -50%)}.checkbox-default .handle{width:10px;height:10px;position:absolute;top:50%;left:50%;background-color:var(--salong-module-bg-color);border-radius:2px;transform:translate(-50%, -50%)}.checkbox-default input[type='checkbox']:checked+label .handle{background-color:var(--salong-color-main)}.checkbox-default input[type='checkbox']:disabled+label{pointer-events:none;cursor:none}.checkbox-default input[type='checkbox']:disabled+label .handle{background-color:var(--salong-color-meta);pointer-events:none;cursor:none}.checkbox-switch{display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-end;align-items:center}.checkbox-switch input[type='checkbox']{display:none}.checkbox-switch label{white-space:nowrap;position:relative;display:inline-block}.checkbox-switch label span{display:inline-block;vertical-align:middle}.checkbox-switch label.off{cursor:none;pointer-events:none;opacity:0.6}.checkbox-switch .style{width:40px;height:21px;border-radius:100px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);background-color:var(--salong-color-bg)}.checkbox-switch .handle{width:14px;height:14px;border-radius:80px;position:absolute;top:5.5px;left:4px;box-shadow:0 0 3px rgba(0,0,0,0.2);background-color:var(--salong-module-bg-color)}.checkbox-switch .name{margin-left:8px}.checkbox-switch input[type='checkbox']:checked+label .handle{left:22px}.checkbox-switch input[type='checkbox']:checked+label .style{background-color:var(--salong-color-main)}.columns-1,.salong-row-1{display:grid;grid-gap:12px;grid-template-columns:repeat(1, 1fr);justify-content:stretch;align-items:stretch}.columns-2,.salong-row-2{display:grid;grid-gap:12px;grid-template-columns:repeat(2, 1fr);justify-content:space-between;align-items:stretch}.columns-3,.salong-row-3{display:grid;grid-gap:12px;grid-template-columns:repeat(3, 1fr);justify-content:space-between;align-items:stretch}.columns-4,.salong-row-4{display:grid;grid-gap:12px;grid-template-columns:repeat(4, 1fr);justify-content:space-between;align-items:stretch}.columns-5,.salong-row-5{display:grid;grid-gap:10px;grid-template-columns:repeat(5, 1fr);justify-content:space-between;align-items:stretch}.columns-6,.salong-row-6{display:grid;grid-gap:10px;grid-template-columns:repeat(6, 1fr);justify-content:space-between;align-items:stretch}.columns-7,.salong-row-7{display:grid;grid-gap:10px;grid-template-columns:repeat(7, 1fr);justify-content:space-between;align-items:stretch}.columns-8,.salong-row-8{display:grid;grid-gap:10px;grid-template-columns:repeat(8, 1fr);justify-content:space-between;align-items:stretch}.columns-9,.salong-row-9{display:grid;grid-gap:8px;grid-template-columns:repeat(9, 1fr);justify-content:space-between;align-items:stretch}.columns-10,.salong-row-10{display:grid;grid-gap:8px;grid-template-columns:repeat(10, 1fr);justify-content:space-between;align-items:stretch}.columns-11,.salong-row-11{display:grid;grid-gap:8px;grid-template-columns:repeat(11, 1fr);justify-content:space-between;align-items:stretch}.columns-12,.salong-row-12{display:grid;grid-gap:8px;grid-template-columns:repeat(12, 1fr);justify-content:space-between;align-items:stretch}.img-effect{overflow:hidden;display:block}.img-effect img{display:block;width:100%;height:auto}#salong-progress-bar{pointer-events:none}#salong-progress-bar .bar{position:fixed;z-index:999999999;top:0;left:0;width:100%;height:2px}#salong-progress-bar .salong-loading{position:fixed;z-index:999999999}.salong-loading{position:relative}.salong-loading:before{width:16px;height:16px;content:'';position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50px;border-width:2px;border-style:solid;animation:load8 1.1s infinite linear}.salong-loading.main::before{border-left-color:var(--salong-color-main) !important}.salong-loading.white:before{border-color:rgba(255,255,255,0.2);border-left-color:#ffffff}.salong-loading.right-bottom{right:30px;bottom:30px}.salong-loading.top-center{top:20px;left:50%;margin-left:-8px}.salong-loading.top-right{top:36px;right:20px}.theme-light .salong-loading.main:before{border-color:rgba(0,0,0,0.2)}.theme-light .button-code .salong-loading{background-color:rgba(0,0,0,0.1)}.theme-dark .salong-loading.main:before{border-color:rgba(255,255,255,0.2)}.theme-dark .button-code .salong-loading{background-color:rgba(255,255,255,0.2)}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rate-star{display:flex;align-items:center}.rate-star::before,.rate-star::after{transition:ease-in-out 0s}.rate-star .rate-item{display:block;padding:0 1px}.rate-star .rate-item>i.iconfont{position:relative;font-size:16px}.rate-star .rate-item>i.iconfont .rate-decimal{position:absolute;top:0;left:0;font-style:normal;line-height:16px;overflow:hidden}.pagination{min-height:36px;position:relative;display:flex;align-items:center;flex-wrap:wrap;margin-top:20px}.pagination:not(.jump-page){justify-content:center}.pagination button{cursor:pointer;min-width:36px;height:36px;padding:0 8px;border-width:1px;border-style:solid}.pagination button:disabled{cursor:default}.pagination button:disabled:hover{background:none !important}.pagination button.start,.pagination button.end,.pagination button.page{font-size:108%}.pagination button.prev i,.pagination button.next i{display:block;font-size:108%}.pagination button.prev i{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.pagination button.next i{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.pagination.jump-page .page-input{flex-grow:1;text-align:right}.pagination.jump-page .page-input input{margin:0 8px;height:36px;width:60px;text-align:center}.pagination button,.pagination span{margin:0 4px 8px}.load-more{position:relative;text-align:center;margin-top:20px}.load-more button{font-size:116%;width:100%;border-width:1px;border-style:solid;padding:12px 20px}.load-more button:disabled{cursor:default}.load-more div.loading{margin:5px 0;width:28px;height:28px;display:inline-block;text-align:center;animation:square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite}@keyframes square-spin{25%{transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{transform:perspective(100px) rotateX(0) rotateY(0)}}.sticky-icon{position:absolute;top:0;right:0;width:54px;height:54px;display:block;overflow:hidden;border-radius:0 var(--salong-module-radius) 0 0}.sticky-icon b{position:absolute;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);top:-10px;right:-36px;padding:20px 32px 4px;z-index:12;font-size:12px;line-height:12px;font-weight:normal;background-color:var(--salong-message-success-bg);color:var(--salong-message-success-color)}.article-list .color-border{border-width:1px;border-style:solid}.article-list .post-list-main{padding:20px}.article-list .list-content{flex-grow:1;display:flex;grid-gap:8px;flex-direction:column;justify-content:space-between;align-items:stretch}.article-list .list-content .list-title{display:flex;grid-gap:12px;flex-direction:row;justify-content:stretch;align-items:center}.article-list .list-content .list-title a.title{flex-grow:1}.article-list .list-content .list-title .course-button{font-size:inherit;padding:3px 6px;white-space:nowrap}.article-list .player-icon{pointer-events:none;width:56px;height:56px}.article-list article.video .feature-hover,.article-list article.portfolio .feature-hover{position:absolute;left:50%;bottom:-20px;opacity:0;visibility:hidden;padding:4px 20px;white-space:nowrap;box-shadow:0 0 12px 0px rgba(0,0,0,0.4);pointer-events:none;transform:translate(-50%, 0)}.article-list article.video:hover .feature-hover,.article-list article.portfolio:hover .feature-hover{opacity:1;visibility:visible;bottom:12px}.article-list article.service .list-content .list-title{grid-gap:0;flex-wrap:wrap}.article-list article.video video{-o-object-fit:cover;object-fit:cover;background-size:cover;height:100%;width:100%;max-width:100%;position:absolute;top:50%;left:0;transform:translate(0, -50%);z-index:10}.article-list article.video video.animate{animation:append-animate 0.5s linear}.article-list article.video video.remove{visibility:hidden;opacity:0}.article-list article.video:hover img.thumb{filter:blur(10px)}.article-list article.video:hover .player-icon{opacity:0;visibility:hidden;top:0}@keyframes append-animate{from{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}.list-content h3{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.document-list:hover,.classmate-main:hover,.material-main:hover,.testimonial-main:hover,.select-main:hover,.post-list-main:not(.widget):hover,.post-grid-main:not(.widget):hover{border-color:var(--salong-color-main);box-shadow:2px 8px 16px 4px rgba(0,0,0,0.2);transform:translate(0, -6px);z-index:1}.post-list-layout .post-list-main.question{display:flex;grid-gap:12px;flex-direction:row;justify-content:center;align-items:flex-start}.post-list-layout .post-list-main.question div.left-meta{min-width:60px;min-height:60px}.post-list-layout .post-list-main.question div.left-meta.avatar img.avatar{width:60px;height:60px;border-radius:100%}.post-list-layout .post-list-main.question div.left-meta.count{padding:8px;display:flex;grid-gap:0;flex-direction:column;justify-content:center;align-items:center}.post-list-layout .post-list-main.question div.left-meta.count b{font-size:var(--salong-h4-font-size);line-height:20px}.question-state{white-space:nowrap;padding:0 6px;line-height:20px;font-weight:normal !important;display:inline-block}.left-meta.open,.question-state.open{background-color:var(--salong-message-info-bg);color:var(--salong-message-info-color)}.left-meta.close,.question-state.close{background-color:var(--salong-message-error-bg);color:var(--salong-message-error-color)}.left-meta.resolved,.question-state.resolved{background-color:var(--salong-message-success-bg);color:var(--salong-message-success-color)}.post-list-main{position:relative}.post-list-main.simple{display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center}.post-list-main.simple.right div.thumb{order:3}.post-list-main.simple.right .list-content{order:1}.post-list-main.multi .multiple a.images{display:flex;margin-bottom:12px;margin-right:-8px}.post-list-main.multi .multiple a.images span{display:block;overflow:hidden;margin-right:8px}.post-grid-main{height:100%;position:relative}.post-grid-main .title a{display:block;max-height:48px;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-grid-main img.thumb{border-radius:var(--salong-module-radius) var(--salong-module-radius) 0 0}.post-grid-main .list-content{padding:12px}.post-grid-main .list-content .subtitle{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.gallery-layout{grid-gap:3px}.gallery-layout .portfolio-grid-main{position:relative;overflow:hidden}.gallery-layout .portfolio-grid-main:before{position:absolute;content:'';top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(var(--salong-slide-blur));backdrop-filter:blur(var(--salong-slide-blur));background-color:var(--salong-slide-bg);z-index:2}.gallery-layout .portfolio-grid-main img{max-width:100%;display:block;height:auto}.gallery-layout .portfolio-grid-main .portfolio-content{text-align:center;position:absolute;top:50%;left:50%;z-index:2;width:96%;overflow:hidden;transform:translate(-50%, -50%);overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.gallery-layout .portfolio-grid-main .portfolio-content .title{margin-bottom:12px}.gallery-layout .portfolio-grid-main .portfolio-content .title,.gallery-layout .portfolio-grid-main .portfolio-content .feature{overflow:hidden;display:block}.gallery-layout .portfolio-grid-main .portfolio-content .title h2,.gallery-layout .portfolio-grid-main .portfolio-content .feature span{display:block;transform:translate(0, 100%)}.gallery-layout .portfolio-grid-main:hover:before{opacity:1;visibility:visible}.gallery-layout .portfolio-grid-main:hover .title h2,.gallery-layout .portfolio-grid-main:hover .feature span{transform:translate(0, 0)}.post-metas{display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.post-metas>span{font-size:var(--salong-body-font-size);white-space:nowrap;display:flex;grid-gap:4px;align-items:center}.post-metas>span.author a{display:flex;grid-gap:4px;flex-direction:row;justify-content:stretch;align-items:center;white-space:nowrap}.post-metas>span.category b{margin-right:4px}.post-metas>span .iconfont{font-size:var(--salong-h5-font-size)}.post-metas>span.featured{position:absolute;top:0;left:50%;background-color:var(--salong-color-main);color:#fff;padding:0 8px;margin:0;transform:translate(-50%, 0)}.post-metas>span.featured:before{font-size:116%;display:inline-block;vertical-align:middle}.post-metas>span.vip-free{line-height:18px;padding:0 4px;font-size:12px}.post-metas>span.separate{flex-grow:1;margin:0}.post-metas>span.newline{width:calc(100% + 12px);display:block;border-bottom:0 !important}.post-metas b{font-weight:300;display:inline-block;vertical-align:middle}.post-metas img{width:16px;height:16px;display:inline-block;vertical-align:middle;border-radius:100%;margin:0 6px 2px 0}.entry .post-metas span.cost{cursor:pointer}.tooltip{position:relative}.tooltip::before,.tooltip::after{position:absolute;z-index:9999;opacity:0;visibility:hidden;pointer-events:none}.tooltip::before{content:'';height:0;width:0;display:block;border:8px transparent solid;border-top-width:0;border-bottom-color:var(--salong-tooltip-title-bg)}.tooltip::after{background-color:var(--salong-tooltip-title-bg);color:var(--salong-tooltip-title-color);font-size:100%;font-weight:normal;content:attr(data-title);display:inline-block;white-space:nowrap;border-radius:4px;padding:4px 8px}.tooltip:hover::before,.tooltip:hover::after{opacity:1;visibility:visible}.tooltip.top::before,.tooltip.top::after{margin-bottom:20px}.tooltip.top::before{bottom:calc(100% - 4px);left:50%;margin-left:-8px;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.tooltip.top::after{bottom:calc(100% + 4px);left:50%;transform:translate(-50%, 0)}.tooltip.top:hover::before,.tooltip.top:hover::after{margin-bottom:6px}.tooltip.left::before,.tooltip.left::after{top:50%;margin-right:20px}.tooltip.left::before{margin-top:-4px;right:calc(100% - 8px);transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.tooltip.left::after{right:calc(100% + 4px);transform:translate(0, -50%)}.tooltip.left:hover::before,.tooltip.left:hover::after{margin-right:6px}.tooltip.right::before,.tooltip.right::after{top:50%;margin-left:20px}.tooltip.right::before{margin-top:-4px;left:calc(100% - 8px);transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.tooltip.right::after{left:calc(100% + 4px);transform:translate(0, -50%)}.tooltip.right:hover::before,.tooltip.right:hover::after{margin-left:6px}.tooltip.bottom::before,.tooltip.bottom::after{margin-top:20px}.tooltip.bottom::before{top:calc(100% - 4px);left:50%;margin-left:-8px}.tooltip.bottom::after{top:calc(100% + 4px);left:50%;transform:translate(-50%, 0)}.tooltip.bottom:hover::before,.tooltip.bottom:hover::after{margin-top:6px}.header{height:76px;z-index:172}.header .wrapper{min-width:var(--salong-width-header-footer-min)}.header .wrapper,.header .full{display:flex;align-items:stretch}.header .wrapper>*,.header .full>*{align-items:center;flex-wrap:nowrap;display:inherit}.header-mobile,.header-pc{width:100%;position:fixed;z-index:120;top:0;left:50%;right:0;transform:translate3d(-50%, 0, 0)}.header-mobile.hidden,.header-pc.hidden{box-shadow:none;transform:translate3d(-50%, -100%, 0)}.header-mobile .menu-mark,.header-pc .menu-mark{position:relative}.header-mobile .menu-mark .mark,.header-pc .menu-mark .mark{color:#fff;font-style:normal;font-size:12px;line-height:20px;height:20px;padding:0 6px;border-radius:6px 6px 6px 0;display:block;position:absolute;top:-16px;right:0;transform:translate(100%, 0)}.header-pc-main .wrapper,.header-pc-main .full{height:76px}.header-pc-main .logo img{margin-right:30px;width:auto}.header-pc-main .header-menu{align-items:stretch;flex-grow:1;white-space:nowrap;font-size:var(--salong-header-menu-font-size);line-height:var(--salong-header-menu-line-height)}.header-pc-main .header-menu ul.menu,.header-pc-main .header-menu ul.menu>li,.header-pc-main .header-menu ul.menu>li>a{display:-moz-inline-flex;display:-ms-inline-flex;display:-o-inline-flex;display:inline-flex}.header-pc-main .header-menu ul.menu{flex-grow:1;align-items:stretch}.header-pc-main .header-menu ul.menu li{position:relative}.header-pc-main .header-menu ul.menu li.menu-item-has-children:before{content:'';height:4px;width:4px;display:block;border-width:1px;border-style:solid;border-right-width:0;border-top-width:0;position:absolute;border-left-color:var(--salong-color-meta);border-bottom-color:var(--salong-color-meta)}.header-pc-main .header-menu ul.menu li.current-menu-ancestor>a,.header-pc-main .header-menu ul.menu li.current-menu-parent>a,.header-pc-main .header-menu ul.menu li.current-menu-item>a{font-weight:bold;color:var(--salong-color-main)}.header-pc-main .header-menu ul.menu li:hover>a{color:var(--salong-color-hover)}.header-pc-main .header-menu ul.menu li:hover>.sub-menu{opacity:1;visibility:visible}.header-pc-main .header-menu ul.menu li.light a{color:#f00}.header-pc-main .header-menu ul.menu>li{align-items:stretch}.header-pc-main .header-menu ul.menu>li.menu-item-has-children:before{top:36px;right:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.header-pc-main .header-menu ul.menu>li.menu-item-has-children>a{padding-right:28px}.header-pc-main .header-menu ul.menu>li>a{align-items:center;padding:4px 16px}.header-pc-main .header-menu ul.menu>li:hover>.sub-menu{top:76px}.header-pc-main .header-menu ul.menu>li>.sub-menu{top:96px;left:0}.header-pc-main .header-menu ul.menu>li>.sub-menu:before{top:-6px;left:26px;width:12px;height:12px;position:absolute;content:'';border-top-style:solid;border-left-style:solid;border-top-width:1px;border-left-width:1px;border-left-color:var(--salong-color-border);border-top-color:var(--salong-color-border);background-color:var(--salong-module-bg-color);z-index:1;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.header-pc-main .header-menu ul.menu>li>.sub-menu li.menu-item-has-children:before{top:18px;right:12px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg)}.header-pc-main .header-menu ul.menu>li>.sub-menu .sub-menu{top:0;left:110%}.header-pc-main .header-menu ul.menu>li>.sub-menu .sub-menu:before{top:12px;left:-7px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.header-pc-main .header-menu ul.menu>li>.sub-menu li:hover>.sub-menu{left:100%}.header-pc-main .header-menu ul.menu .sub-menu{position:absolute;min-width:140px;box-shadow:4px 4px 4px 0 rgba(0,0,0,0.1);opacity:0;visibility:hidden;white-space:nowrap;background-color:var(--salong-module-bg-color)}.header-pc-main .header-menu ul.menu .sub-menu a{display:block;padding:8px 20px;border-top-width:1px;border-top-style:solid;font-size:small}.header-button{align-items:stretch;display:flex}.header-button>*{margin-left:20px;display:flex;align-items:center}.header-button .button{cursor:pointer}.header-button .button.contribute a.button-main{padding:4px 12px;font-size:116%}.header-button .button.notification .iconfont{position:relative}.header-button .header-user-center{position:relative}.header-button .header-user-center button.login-button{font-size:116%;padding:5px 15px}.header-button .header-user-center .login-user{cursor:pointer;display:flex;align-items:center}.header-button .header-user-center .login-user img{width:24px;height:24px;border-radius:24px}.user-center-menu{position:absolute;top:48px;right:50%;margin-right:-160px;padding:20px;width:320px;border-top-width:1px;border-top-style:solid;box-shadow:4px 4px 4px 0 rgba(0,0,0,0.1);z-index:150;display:none}.user-center-menu:before{top:-6px;right:50%;margin-right:-6px;width:12px;height:12px;position:absolute;content:'';border-top-style:solid;border-left-style:solid;border-top-width:1px;border-left-width:1px;border-color:var(--salong-color-border);background-color:var(--salong-module-bg-color);z-index:1;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.user-center-menu .user-info{display:flex}.user-center-menu .user-info>*{display:flex;align-items:center}.user-center-menu .user-info a.user{flex-grow:1}.user-center-menu .user-info a.user img.avatar{width:60px;height:60px;border-radius:100%;margin-right:8px}.user-center-menu .user-info .user-main{flex-grow:1}.user-center-menu .user-info .user-main h4{margin-right:8px}.user-center-menu .user-info .user-main h4,.user-center-menu .user-info .user-main span.desc{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.user-center-menu .user-info .user-main .title-group{display:flex;align-items:center;flex-wrap:wrap}.user-center-menu .user-info .user-main .title-group .user-group-icon span{margin-left:0;margin-right:6px}.user-center-menu .user-info .into-admin a{white-space:nowrap;padding:2px 8px}.user-center-menu .user-counts{display:grid;grid-template-columns:repeat(3, 1fr);margin:12px 0}.user-center-menu .user-counts span{text-align:center;padding:8px;border-radius:6px}.user-center-menu .user-counts span.color-border{border-width:1px;border-style:solid}.user-center-menu .user-counts span>*{display:block}.user-center-menu .user-counts span:hover .iconfont{transform-origin:top center;animation-name:swing}.user-center-menu .user-counts b{font-weight:300}.user-center-menu ul.sub-menu li.color-border{border-bottom-width:1px;border-bottom-style:solid}.user-center-menu a.menu-button{font-size:108%;display:flex;justify-content:space-between;align-items:center;padding:12px}.user-center-menu a.menu-button span.name b{font-weight:300;margin-left:6px}.user-center-menu a.menu-button .iconfont{font-size:large;position:relative}.user-center-menu a.menu-button:hover .iconfont{display:inline-block;transform-origin:top center;animation-name:swing}.top-bar .wrapper,.top-bar .full{padding-top:8px;padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.top-bar.color-border{border-bottom-width:1px;border-bottom-style:solid}.top-bar .top-menu ul{display:flex;align-items:center;display:flex;grid-gap:28px;flex-direction:row;justify-content:stretch;align-items:center}.top-bar .header-button .user-center-menu{top:36px}.have-top-bar .header{height:123px}.container{min-height:40vh}.container>.wrapper{display:flex;flex-direction:column;grid-gap:20px;padding:30px 0}.options-hint{background-color:#fff;position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999;text-align:center;padding-top:100px}.options-hint h1{margin-bottom:30px}.options-hint p{color:#657c98;font-size:13px}.options-hint p a{color:#eb5020}.content-gg img{max-width:100%;display:block;height:auto}.content-gg.module-radius{overflow:hidden}.footer .wrapper{min-width:var(--salong-width-header-footer-min)}.footer-widgets .full,.footer-widgets .wrapper{padding-top:60px;padding-bottom:60px;display:flex;justify-content:space-between;border-bottom:1px solid var(--salong-color-border)}.footer-widgets .widget ul li{margin-bottom:4px}.footer-widgets .widget ul.contact li{display:flex}.footer-widgets .widget ul.contact li label{white-space:nowrap}.footer-widgets .widget h3{margin-bottom:20px}.footer-widgets .widget .qr-list{text-align:center;display:flex;grid-gap:12px}.footer-widgets .widget .qr-list .qr{margin-bottom:12px}.footer-widgets .widget .qr-list .qr:last-child{margin-bottom:0}.footer-widgets .widget .qr-list img{max-width:150px;display:block}.footer-widgets .widget .html{text-align:justify}.footer-links{border-bottom-width:1px;border-bottom-style:solid;padding:40px 0}.footer-links .full,.footer-links .wrapper{display:flex}.footer-links h5{margin-right:20px;white-space:nowrap}.footer-links ul li{display:inline-block;vertical-align:middle;margin-right:12px}.footer-copyright{padding:20px 0}.footer-copyright img{display:inline-block;vertical-align:middle;margin:0 4px}.footer-copyright:not(.have-logo){text-align:center}.footer-copyright.have-logo .full,.footer-copyright.have-logo .wrapper{display:flex;align-items:center;justify-content:space-between}.footer-copyright.have-logo .logo{width:auto}.footer-copyright .copyright a{color:var(--salong-color-meta)}.footer-copyright .copyright a:hover{color:var(--salong-color-main)}.side-buttons{position:fixed;right:8px;top:50%;z-index:166;transform:translate(0, -50%)}.side-buttons.hidden{right:-36px}.side-buttons.show-cart{right:348px}.side-buttons button.button{position:relative;margin-bottom:2px;display:block}.side-buttons button.button a,.side-buttons button.button span{display:block;border-radius:4px}.side-buttons button.button span.cart-count{font-size:10px;padding:0 2px;position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;line-height:16px;display:block;border-radius:16px;pointer-events:none}.side-buttons button.button .iconfont{width:36px;height:36px;text-align:center;line-height:36px}.side-buttons button.button:hover span{background-color:var(--salong-color-main)}.side-buttons button.button:hover span::before{color:#fff}.page-404{margin-top:40px;margin-bottom:40px}.page-404 img{width:100%}.page-404 .wrapper{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:60px;align-items:center;padding:60px}.page-404 .con h2{font-size:72px;line-height:72px}.page-404 .con p{font-size:116%;margin:12px 0 40px}.page-404 .con a.button{padding:12px 32px}.login-page{display:flex;justify-content:center;padding:120px 0;position:relative}.login-page.have-image{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center center}.login-page .login-content{border-radius:var(--salong-module-radius);text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.3);z-index:12}.login-page .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.logged-in-page{width:680px;max-width:96%;margin:120px auto;padding:100px;text-align:center;display:flex;grid-gap:12px;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 12px rgba(0,0,0,0.1)}.logged-in-page i.iconfont{font-size:88px;line-height:88px}.popup{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;text-align:center;justify-content:center;opacity:0;visibility:hidden;z-index:999;margin-bottom:0 !important}.popup.active{opacity:1;visibility:visible}.popup .popup-box{position:relative}.popup .popup-main{overflow:hidden}.popup-close{position:absolute;width:28px;height:28px;border-radius:100%;z-index:12}.popup-close:hover{background-color:var(--salong-color-hover) !important}.popup-close:hover i{color:#fff}.popup-header{text-align:left;padding:12px;color:#fff;position:relative;display:flex;justify-content:space-between;align-items:center}.popup-header h3.title{margin-left:8px;color:#fff}.popup-header span{opacity:0.6}.popup-header span.return,.popup-header span.switch{cursor:pointer}.popup-content{max-height:80vh;min-width:200px;overflow-y:auto}.popup-content.message-content{padding:20px}.phone-content,.wechat-content,.service-content{padding:20px}.phone-content img,.wechat-content img,.service-content img{display:block;max-width:100%;margin:0 auto}.phone-content span.desc,.wechat-content span.desc,.service-content span.desc{margin-top:6px;display:block}.notice-content{padding:40px;width:460px}.notice-content .notice{text-align:left;text-align:justify}.notice-content .notice p{line-height:32px;font-size:108%}.notice-content .notice li{margin-bottom:8px;padding:12px}.notice-content .button-group{margin-top:20px;display:flex;grid-gap:4%;line-height:36px}.notice-content .button-group>*{width:100%;font-size:108%;height:36px;display:inline-block}.form-effect .input{position:relative}.form-effect .input input{width:100%;padding:16px 20px 0;height:68px;font-size:108%}.form-effect .input input:focus+.hint{opacity:.6;visibility:visible}.form-effect .input select{border-width:0;background-color:rgba(255,255,255,0) !important;position:absolute;right:4px;bottom:8px;opacity:0;visibility:hidden;text-align:right}.form-effect .input.active select{opacity:1;visibility:visible}.form-effect .submit button{width:100%;padding:12px;font-size:116%;height:44px}.button-code{position:absolute;top:50%;right:10px;cursor:pointer;z-index:12;transform:translate(0, -50%)}.button-code img{display:block}.button-code.disabled{pointer-events:none;opacity:0.6}.button-code .salong-loading{height:48px;width:100px;display:block}.service-content ul li{width:100%;padding:6px}.service-content ul.wechat-list{display:flex;margin-bottom:12px}.service-content ul.qq-list:not(.only-one-wechat){display:flex}.service-content ul.qq-list li{width:212px}.service-content ul.qq-list li a.button{display:flex;align-items:center;justify-content:center;padding:8px 20px;width:100%;color:#fff;font-size:108%}.service-content ul.qq-list li a.button.iconfont::before{font-size:132%;margin-right:6px}.service-content ul.qq-list.only-one-wechat li{width:100%;display:block}.phone-content .qr-logo{position:relative}.phone-content .qr-logo .favicon{position:absolute;width:54px;height:54px;padding:3px;border-radius:6px;overflow:hidden;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0 0 4px rgba(0,0,0,0.1)}.phone-content .qr-logo .favicon img{max-width:100%;display:block}.login-content .login-box,.login-content .image-box{width:460px;max-width:100%;position:relative}.login-content .login-box .login-bg-blur,.login-content .image-box .login-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:blur(var(--salong-login-blur));backdrop-filter:blur(var(--salong-login-blur));background-color:var(--salong-login-bg)}.login-content.login-clo2{display:flex}.login-content.login-clo2 .image-box{background-position:center center;background-repeat:no-repeat;background-size:cover}.login-content.image-left .image-box{order:2}.login-content.image-left .login-box{order:5}.login-content .login-oauth-buttons{margin:20px 0;display:flex;grid-gap:12px;justify-content:center}.login-content .login-oauth-buttons .button{padding:0 8px;height:32px;line-height:32px;display:flex;align-items:center;justify-content:center}.login-content .login-oauth-buttons.style-2 span.iconfont,.login-content .login-oauth-buttons.style-1 span.iconfont{color:#fff}.login-content .login-oauth-buttons.style-1 .button{white-space:nowrap;width:100%}.login-content .login-oauth-buttons.style-1 span.iconfont{margin-right:6px}.login-content .login-oauth-buttons.style-1 span.title{color:#fff}.login-content .login-oauth-buttons.style-3 .button,.login-content .login-oauth-buttons.style-2 .button{width:32px}.login-content .login-oauth-buttons.style-3 button.color-border{border-radius:100%;border-width:1px;border-style:solid}.login-content .login-oauth-buttons.style-3 button.color-border:hover span.iconfont{color:#fff !important}.login-content .image-box{display:flex;justify-content:center;align-items:center}.login-content .image-box .oauth-content{z-index:12;max-width:80%}.login-content .image-box .oauth-text{text-align:left;color:rgba(255,255,255,0.6);font-size:108%;line-height:18px}.login-content .image-box .oauth-text br{display:none}.login-content .image-box .oauth-text h1,.login-content .image-box .oauth-text h2,.login-content .image-box .oauth-text h3,.login-content .image-box .oauth-text h4,.login-content .image-box .oauth-text h5{color:#fff;margin-bottom:12px}.login-content .image-box .oauth-text ul,.login-content .image-box .oauth-text ol{font-size:0}.login-content .image-box .oauth-text ul li,.login-content .image-box .oauth-text ol li{font-size:108%}.login-content .image-box .oauth-hint{font-size:116%}.login-content .image-box .login-oauth-buttons.style-1{display:block}.login-content .image-box .login-oauth-buttons.style-1 .button{display:block;width:120px;margin:0 auto 16px}.login-box{padding:80px 60px}.login-box .login-header{margin-bottom:50px}.login-box .login-header .logo{margin-bottom:8px;width:auto}.login-box .login-header .title{display:block;font-size:large}.login-box>*{position:relative;z-index:12}.login-box.have-bg .title{color:#fff}.login-box .form-effect{margin-bottom:60px}.login-box .form-effect>div{margin-top:20px}.login-box .form-effect .input .hint,.login-box .form-effect .input .label{position:absolute;pointer-events:none;z-index:1}.login-box .form-effect .input .label{left:20px;top:50%;transform:translate(0, -50%)}.login-box .form-effect .input .hint{top:8px;right:20px;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-width:72%;text-align:right;opacity:0;visibility:hidden}.login-box .form-effect .input.active .label{top:8px;opacity:0.6;transform:translate(0, 0)}.login-box .form-effect .input .show-password{cursor:pointer;position:absolute;top:50%;right:20px;transform:translate(0, -50%)}.login-box .logo-hint{margin-top:8px}.login-box .logo-hint button{margin:0 6px}.login-box .logo-hint .center{margin:0 12px 0 8px}.verify-email-phone-content,.captcha-content{padding:40px;width:460px}.verify-email-phone-content .form-effect div.input,.captcha-content .form-effect div.input{margin-bottom:20px}.verify-email-phone-content .form-effect div.input input,.captcha-content .form-effect div.input input{padding:8px 20px}.verify-email-phone-content .form-effect div.input select,.captcha-content .form-effect div.input select{opacity:1;visibility:visible;bottom:18px}.verify-email-phone-content .form-effect span.hint,.captcha-content .form-effect span.hint{margin-bottom:12px;display:block;text-align:left}.verify-email-phone-content .original-account,.captcha-content .original-account{margin-bottom:12px;text-align:left}.message-box-content{padding:30px}.message-box-content .hint{font-size:108%;display:flex;align-items:center}.message-box-content .hint .iconfont{margin-right:4px;font-size:x-large}.message-box-content .button-group{margin-top:20px}.message-box-content .button-group button{padding:8px 20px;margin:0 6px;font-size:108%}.site-welcome{justify-content:center;align-items:center;position:fixed;display:grid;grid-template-columns:1fr;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999999}.site-welcome>div{position:relative}.site-welcome .hint{margin-top:12px;display:block;white-space:nowrap;position:absolute;bottom:-50px;left:50%;transform:translate(-50%, 0)}@keyframes ball-scale-multiple{0%{transform:scale(0);opacity:0}5%{opacity:1}100%{transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative;transform:translateY(-30px)}.ball-scale-multiple>div{border-radius:100%;animation-fill-mode:both;position:absolute;left:50%;top:0px;margin-top:-40px;margin-left:-30px;opacity:0;width:60px;height:60px;animation:ball-scale-multiple 1s 0s linear infinite}.ball-scale-multiple>div:nth-child(2){animation-delay:-0.4s}.ball-scale-multiple>div:nth-child(3){animation-delay:-0.2s}.folding-cube{margin:40px auto;width:40px;height:40px;position:relative}.folding-cube>div{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.folding-cube>div:before{content:'';position:absolute;background-color:var(--salong-color-main);top:0;left:0;width:100%;height:100%;animation:foldCubeAngle 2.4s infinite linear both;transform-origin:100% 100%}.folding-cube>div.cube2{transform:scale(1.1) rotateZ(90deg)}.folding-cube>div.cube2:before{animation-delay:0.3s}.folding-cube>div.cube3{transform:scale(1.1) rotateZ(180deg)}.folding-cube>div.cube3:before{animation-delay:0.6s}.folding-cube>div.cube4{transform:scale(1.1) rotateZ(270deg)}.folding-cube>div.cube4:before{animation-delay:0.9s}@keyframes foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}.cube-grid{width:40px;height:40px;margin:40px auto}.cube-grid>div{width:33.33%;height:33.33%;float:left;animation:cubeGridScaleDelay 1.3s infinite ease-in-out}.cube-grid .cube1{animation-delay:0.2s}.cube-grid .cube2{animation-delay:0.3s}.cube-grid .cube3{animation-delay:0.4s}.cube-grid .cube4{animation-delay:0.1s}.cube-grid .cube5{animation-delay:0.2s}.cube-grid .cube6{animation-delay:0.3s}.cube-grid .cube7{animation-delay:0.0s}.cube-grid .cube8{animation-delay:0.1s}.cube-grid .cube9{animation-delay:0.2s}@keyframes cubeGridScaleDelay{0%,70%,100%{transform:scale3D(1, 1, 1)}35%{transform:scale3D(0, 0, 1)}}.wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.wandering-cubes>div{width:10px;height:10px;position:absolute;top:0;left:0;animation:wanderingCube 1.8s ease-in-out -1.8s infinite both}.wandering-cubes .cube2{animation-delay:-0.9s}@keyframes wanderingCube{0%{transform:rotate(0deg)}25%{transform:translateX(30px) rotate(-90deg) scale(0.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg)}}.swiper{--swiper-theme-color: var(--salong-color-main);--swiper-navigation-color: var(--salong-color-meta)}.swiper video{width:100%;display:block}.swiper img.slide{width:100%;max-width:100%;display:block;height:auto}.slider-pagination-top-right .swiper-pagination-bullet,.slider-pagination-bottom-center .swiper-pagination-bullet{opacity:.8;width:20px;height:2px;border-radius:0}.slider-pagination-top-right .swiper-pagination-bullet-active,.slider-pagination-bottom-center .swiper-pagination-bullet-active{opacity:1;background-color:var(--salong-color-main)}.slider-pagination-bottom-center .swiper{z-index:8 !important;padding-bottom:40px}.slider-pagination-bottom-center .swiper .swiper-pagination{bottom:0}.slider-pagination-top-right .swiper{padding-bottom:0}.slider-pagination-top-right .swiper-pagination{top:8px;bottom:auto !important;padding-right:20px;text-align:right}.slider-pagination-top-right .slider-content{position:absolute;right:0;left:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);padding:60px 20px 20px}.slider-pagination-top-right .slider-content p{margin-top:12px}.slider-button-outside{position:relative}.slider-button-outside .swiper-button-next,.slider-button-outside .swiper-button-prev{margin-top:-40px}.slider-button-outside .swiper-button-next::after,.slider-button-outside .swiper-button-prev::after{color:var(--salong-color-meta);font-size:26px}.slider-button-outside .swiper-button-next.swiper-button-disabled,.slider-button-outside .swiper-button-prev.swiper-button-disabled{pointer-events:auto;cursor:no-drop}.slider-button-outside .swiper-button-next.swiper-button-disabled::after,.slider-button-outside .swiper-button-prev.swiper-button-disabled::after{opacity:0.5}.slider-button-outside .swiper-button-next:hover::after,.slider-button-outside .swiper-button-prev:hover::after{color:var(--salong-color-main)}.slider-button-outside .swiper-button-next{right:-40px}.slider-button-outside .swiper-button-prev{left:-40px}.article-archive>.wrapper{margin-top:24px}.article-details>section:not(:first-child){margin-top:20px}.archive-posts .message-box{margin-top:20px}.archive-posts .list-content .title>a{display:flex;align-items:center;grid-gap:6px}.article-filter{padding:20px;position:relative;margin-bottom:20px}.article-filter.color-border{border-width:1px;border-style:solid}.article-filter .filter-list{display:flex;grid-gap:12px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:12px;padding-bottom:12px;transition:ease-in-out 0s}.article-filter .filter-list:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.article-filter .filter-list h5{white-space:nowrap;margin-right:20px;line-height:30px}.article-filter .filter-list .buttons{flex-grow:1;display:flex;grid-gap:8px 0;white-space:nowrap;flex-wrap:wrap}.article-filter .filter-list span.more{line-height:24px}.article-filter .filter-result{display:flex;align-items:center;flex-wrap:wrap}.article-filter .filter-result .result-button{flex-grow:1;display:flex;flex-wrap:wrap;margin-left:10px}.article-filter .filter-result .result-button .result{line-height:32px;display:inline-block;margin-right:20px}.article-filter .filter-result .result-button .buttons{display:flex;grid-gap:12px;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start}.article-filter .filter-result .result-button .buttons button{margin:2px 8px 2px 0;display:flex;align-items:center;border-radius:4px}.article-filter .filter-result .result-button .buttons button.border-main{border-width:1px;border-style:solid;padding:4px 10px}.article-filter .filter-result .result-button .buttons button.reset{padding:5px 10px}.article-filter .filter-result .result-button .buttons button i.iconfont{margin-left:4px;font-size:132%}.article-filter .filter-result .search-form input{min-width:220px;font-size:100%;border-radius:var(--salong-input-radius)}.article-filter .filter-result .search-form .button{right:0}.filter-list .buttons a.button,.filter-list .buttons button{transition:ease-in-out 0s}.filter-list a.button,.filter-list button{height:30px;padding:4px 10px;margin:0 !important;white-space:nowrap}.filter-list a.button span,.filter-list button span{font-size:small;margin-left:4px}.filter-list a.button.active,.filter-list button.active{padding:2px 9px;border-width:1px;border-style:solid;pointer-events:none}.filter-list.show-more{overflow:hidden}.filter-list.show-more .buttons button{margin-bottom:16px}.filter-list.show-more .more-button{white-space:nowrap;line-height:30px;cursor:pointer}.crumbs-module .crumbs-image{position:relative;margin:auto}.crumbs-module .crumbs-image img.bg-image{width:100%;display:block;position:relative;top:0;left:50%;transform:translate(-50%, 0)}.crumbs-module .crumbs-image .content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:10;max-width:720px;display:flex;grid-gap:12px;flex-direction:column;justify-content:center;align-items:center}.crumbs-module .crumbs-image .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.crumbs-module .crumbs-main{padding:20px 0}.crumbs-module .crumbs-main .wrapper{display:flex;justify-content:space-between;font-weight:300}.crumbs-module .crumbs-main span.count b{margin:0 2px}.crumbs-module .crumbs-main .iconfont{font-size:108%;margin-right:4px}.search-form{display:flex;position:relative}.search-form>*{height:40px}.search-form input{flex-grow:1;width:100%}.search-form .icon-button{position:absolute;top:50%;right:12px;transform:translate(0, -50%);display:flex;grid-gap:4px;flex-direction:row;justify-content:center;align-items:center}.search-form .icon-button i.empty-input{cursor:pointer}.search-form .icon-button a.button{width:16px}.search-form .icon-button a.button.active{pointer-events:auto;opacity:1}.search-form .icon-button a.button .salong-loading{display:block;width:16px}.search-form .icon-button a.button .salong-loading:before{margin-top:-7px;margin-left:-6px;width:10px;height:10px}.search-form .icon-button .disabled{pointer-events:none;opacity:0.6}.results-list{padding:20px;position:absolute;z-index:100;left:0;right:0;box-shadow:0 12px 12px rgba(0,0,0,0.3)}.results-list ul{overflow-y:auto;max-height:312px}.results-list ul li{border-bottom-width:1px;border-bottom-style:solid;margin-bottom:8px;padding-bottom:8px;display:flex;align-items:center;justify-content:space-between}.results-list ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.results-list a{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.results-list span{white-space:nowrap;padding-left:20px}.search-history,.search-hot{display:flex;align-items:center;margin-top:12px}.search-history div a,.search-hot div a{margin-right:8px}.search-history .history-list{flex-grow:1}.search-history .history-list a{padding:2px 8px;display:inline-block}.search-history .search-form input{min-width:280px}.search-content{padding:40px;width:600px;text-align:left}.search-content input{border-top-left-radius:0;border-bottom-left-radius:0}.search-content select{border-top-right-radius:0;border-bottom-right-radius:0}.search-content span.hint{margin-top:8px;display:block}.header-search{position:relative;z-index:1}.header-search input{width:200px;border-top-left-radius:0;border-bottom-left-radius:0}.header-search select{border-top-right-radius:0;border-bottom-right-radius:0}.header-search .results-list{top:60px}.message-form{width:360px;max-width:100%}.message-form>*{margin-bottom:20px}.message-form input,.message-form textarea{width:100%}.message-form .user{display:flex;align-items:center}.message-form .user img{width:32px;border-radius:100%;margin-right:8px}.message-form .user h5{flex-grow:1;text-align:left}.message-form .user button{padding:6px 12px}.message-form .content textarea{min-height:120px}.message-form .button button{height:44px;width:100%;padding:12px;font-size:116%}.message-form .select{position:relative}.message-form .select .results{padding:20px;position:absolute;z-index:100;left:0;right:0;box-shadow:0 12px 12px rgba(0,0,0,0.3)}.message-form .select .results ul{max-height:320px;overflow-y:auto}.message-form .select .results ul li{min-height:42px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:8px;padding-bottom:8px;display:flex;align-items:center;cursor:pointer}.message-form .select .results ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.message-form .select .results img{width:32px;margin-right:12px}.tipping-content{padding:40px;min-width:300px}.tipping-content .final-price{position:relative;margin-bottom:40px;height:72px}.tipping-content .final-price span{font-size:72px;font-weight:bold;line-height:72px;display:inline-block}.tipping-content .final-price em{position:absolute;bottom:2px}.tipping-content .select-price{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:12px;margin-bottom:12px}.tipping-content .select-price button{width:100%;text-align:center;font-size:20px;border-width:1px;border-style:solid;aspect-ratio:1 / 1}.tipping-content .other-price{margin-bottom:12px;position:relative}.tipping-content .other-price span{position:absolute;top:10px;right:12px}.tipping-content .other-price input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:textfield}.tipping-content .message-to{margin-bottom:12px}.tipping-content .message-to textarea{width:100%}.tipping-content button.submit{height:48px;width:100%;font-size:108%}.tipping-content .pay-pending .qr-code{width:200px;height:200px;border-width:1px;border-style:solid;margin:12px auto}.tipping-content .pay-pending .qr-code img{max-width:100%}.tipping-content .pay-pending .qr-code.salong-loading{background-color:rgba(0,0,0,0.1)}.tipping-content .pay-pending .timer-price{width:200px;display:flex;justify-content:space-between;align-items:center}.tipping-content .pay-pending .timer-price .price{font-size:18px;font-weight:bold}.tipping-content .pay-pending i{font-size:100px;color:#007bff;line-height:100px}.tipping-content .pay-pending h3{line-height:60px}.tipping-content .pay-cancel i,.tipping-content .pay-fail i,.tipping-content .pay-success i{font-size:100px;color:#ff0000;line-height:100px}.tipping-content .pay-cancel .success,.tipping-content .pay-fail .success,.tipping-content .pay-success .success{margin:20px 0}.tipping-content .pay-cancel button,.tipping-content .pay-fail button,.tipping-content .pay-success button{width:100%;padding:10px;font-size:108%;margin-top:12px}.tipping-content>div.warning{margin:20px 0}.pay-type{display:flex;grid-gap:12px;margin-bottom:12px}.pay-type button{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 16px;color:#fff;opacity:0.3;white-space:nowrap}.pay-type button.active{opacity:1}.pay-type button span{font-size:108%}.pay-type button .iconfont{margin-right:6px}.pay-type button.alipay{background-color:#1296DB}.pay-type button.wechat{background-color:#5BC551}.pay-type button.paypal{background-color:#102F82}.pay-type button.balance{background-color:#E13535}.pay-type button.salong-loading:before{left:auto;right:8px;width:12px;height:12px}.pay-type.is-wechat{grid-template-columns:repeat(2, 1fr)}.custom-page-two{margin:40px auto;padding:100px;text-align:center;width:100%}.alipay-order-return span.iconfont{font-size:68px;line-height:68px;margin-bottom:20px;display:block}.alipay-order-return span.iconfont.icon-success{color:#00bf26}.alipay-order-return span.iconfont.icon-error{color:#bf0000}.alipay-order-return ul{text-align:left;display:inline-block;width:100%}.alipay-order-return ul li{border-top-width:1px;border-top-style:solid;margin-top:12px;padding-top:12px;display:flex;grid-gap:20px;flex-direction:row;justify-content:flex-start;align-items:center}.alipay-order-return .buttons{margin-top:40px}.alipay-order-return .buttons a.button{padding:8px 20px;margin:0 10px}.oauth2-return h1{margin-bottom:50px}.oauth2-return input{width:100%;height:66px}.oauth2-return .input{position:relative;margin:20px 0}.oauth2-return .input .show-password{position:absolute;top:50%;margin-top:-13px;right:12px}.oauth2-return .button-group{display:grid;grid-template-columns:repeat(2, 48%);grid-column-gap:4%}.oauth2-return .button-group button{padding:12px}.loader-go{animation:fadein 2s;position:relative}.loader-go .loader-inner{position:relative;width:110px;overflow:hidden;margin:0 auto 40px}.loader-go .pac-man>div:nth-child(2){animation:pac-man-balls 1s 0s infinite linear}.loader-go .pac-man>div:nth-child(3){animation:pac-man-balls 1s 0.33s infinite linear}.loader-go .pac-man>div:nth-child(4){animation:pac-man-balls 1s 0.66s infinite linear}.loader-go .pac-man>div:nth-child(5){animation:pac-man-balls 1s 0.99s infinite linear}.loader-go .pac-man>div:first-of-type{width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #e1244e;border-left:25px solid #e1244e;border-bottom:25px solid #e1244e;border-radius:25px;animation:rotate_pac-man_half_up 0.5s 0s infinite}.loader-go .pac-man>div:nth-child(2){width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #e1244e;border-left:25px solid #e1244e;border-bottom:25px solid #e1244e;border-radius:25px;animation:rotate_pac-man_half_down 0.5s 0s infinite;margin-top:-50px}.loader-go .pac-man>div:nth-child(3),.loader-go .pac-man>div:nth-child(4),.loader-go .pac-man>div:nth-child(5),.loader-go .pac-man>div:nth-child(6){background-color:#e1244e;width:30px;height:30px;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;transform:translate(0, -6.25px);top:25px;left:100px}.loader-go .loader-text{display:block;font-size:16px}.loader-go .loader-hint>*{margin-bottom:20px}.loader-go .loader-hint a.logo{display:block}.loader-go .loader-hint p{word-break:break-all}.loader-go .loader-hint a.button{padding:6px 24px;display:inline-block}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes rotate_pac-man_half_up{0%{transform:rotate(270deg)}50%{transform:rotate(360deg)}100%{transform:rotate(270deg)}}@keyframes rotate_pac-man_half_down{0%{transform:rotate(90deg)}50%{transform:rotate(0deg)}100%{transform:rotate(90deg)}}@keyframes pac-man-balls{75%{opacity:0.7}100%{transform:translate(-100px, -6.25px)}}.module-list{padding:30px}.template-category-tag .filter-list button.letter{width:30px}.category-tag-list ul{margin-right:-12px}.category-tag-list ul li{margin-bottom:12px}.category-tag-list a.tag{display:flex;align-items:center;margin-right:12px;padding:8px 12px;overflow:hidden}.category-tag-list a.tag .name{flex-grow:1;font-size:108%;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.category-tag-list.left a.tag img{width:20px;height:20px;border-radius:20px;display:block;margin:0 4px 0 0}.category-tag-list.top{padding:0}.category-tag-list.top a.tag{flex-wrap:wrap}.category-tag-list.top a.tag img{width:calc(100% + 24px);max-width:calc(100% + 24px);display:block;margin:-8px -12px 12px}.link-list{position:relative}.link-list.layout-list a.link{display:flex;justify-content:space-between;padding:8px 12px;height:100%}.link-list.layout-list a.link .con h5,.link-list.layout-list a.link .con span{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.link-list.layout-list a.link img.icon{width:48px;height:auto;margin-right:12px}.link-list.layout-grid .link{padding:30px 30px 100px;text-align:center;position:relative;height:100%}.link-list.layout-grid .link img.icon{width:68px;height:auto;margin-bottom:20px}.link-list.layout-grid .link h2{margin-bottom:12px}.link-list.layout-grid .link span{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-list.layout-grid .link .button{padding:6px 20px;position:absolute;bottom:30px;left:50%;transform:translate(-50%, 0)}.link-nav .link-title{display:flex;justify-content:space-between;align-items:center}.link-nav.layout-list{padding-top:1px}.link-nav.layout-list .link-title{margin:30px 0 12px}.link-nav.layout-grid .link-title{padding:12px 20px;margin-bottom:12px}.link-nav.layout-grid .link-title:not(#index-0){margin-top:30px}.page-template-moment .article-list.post-list-layout.moment{padding-top:0}.article-list.post-list-layout.moment{overflow:hidden}.article-list.post-list-layout.moment div.date{display:block;font-size:116%;padding:12px 30px;margin:0 0 20px -30px;position:relative;z-index:2;width:calc(100% + 60px)}.article-list.post-list-layout.moment div.date.border-main{border-left-width:4px;border-left-style:solid}.article-list.post-list-layout.moment ul li.date-last{padding-bottom:0;border:0}.user-list ul li{margin-bottom:12px}.user-list .user-main{padding:20px;display:flex;align-items:center}.user-list .user-main div.avatar{min-width:92px}.user-list .user-main .profile{flex-grow:1}.user-list .user-main .profile .name-role{display:flex;align-items:center;white-space:nowrap;flex-wrap:wrap}.user-list .user-main .profile .name-role>*{margin-right:6px}.user-list .user-main .profile .name-role .user-group-icon .icon{margin:0 4px;min-width:31px;text-align:center}.user-list .user-main .profile .name-role .user-group-icon .icon.url{padding:2px 4px;border-radius:100%}.user-list .user-main .profile .name-role .user-group-icon .icon.url .iconfont{font-size:116%}.user-list .user-main .profile .name-role .user-group-icon .icon.color-border{border-width:1px;border-style:solid}.user-list .user-main .user-posts{width:36%}.user-list .user-main .user-posts ul{margin-left:-8px}.user-list .user-main .user-posts ul li{margin-left:8px}.user-list .user-main .user-posts a.img-effect img{width:100%;height:auto}.current-user-counts{font-weight:300;display:flex;flex-wrap:wrap}.current-user-counts .iconfont{font-size:108%;margin-right:8px}.current-user-counts .iconfont:before{margin-right:4px}.catalogue-module{width:220px;position:absolute;top:0;right:0;margin-right:-228px}.sidebar-module .catalogue-module{left:0;margin-left:-228px}.catalogue-list{transition:ease-in-out 0s}.catalogue-list h4{margin:0 !important;padding:12px}.catalogue-list h4.color-border{border-bottom-width:1px;border-bottom-style:solid}.catalogue-list ul,.catalogue-list ol{margin:0;line-height:32px !important}.catalogue-list ul#nav,.catalogue-list ol#nav{padding-top:12px;padding-bottom:12px;padding-right:12px;max-height:600px;overflow-y:auto}.catalogue-list ul#nav li,.catalogue-list ol#nav li{display:flex;grid-gap:4px}.catalogue-list ul li,.catalogue-list ol li{margin-bottom:0px;padding-bottom:0px}.catalogue-list ul li span,.catalogue-list ol li span{font-size:small !important;cursor:pointer;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.catalogue-list ul li span.active,.catalogue-list ol li span.active{font-weight:normal}.catalogue-list ul li b,.catalogue-list ol li b{font-weight:300}.catalogue-list ul ul,.catalogue-list ul ol,.catalogue-list ol ul,.catalogue-list ol ol{margin-left:12px}.catalogue-list ol#nav{padding-left:32px}.catalogue-list ul#nav{padding-left:12px}.catalogue-list ul li{list-style-type:none !important}@media only screen and (max-width: 1280px){.post-grid-layout .salong-row-7,.post-grid-layout .salong-row-8,.post-grid-layout .salong-row-9,.post-grid-layout .salong-row-10,.post-grid-layout .salong-row-12{grid-template-columns:repeat(6, 1fr)}}@media only screen and (max-width: 1024px){.container>.wrapper{padding-top:20px;padding-bottom:20px;grid-gap:12px}.post-grid-layout{grid-gap:8px}.post-grid-layout.salong-row-5,.post-grid-layout.salong-row-6,.post-grid-layout.salong-row-7,.post-grid-layout.salong-row-8,.post-grid-layout.salong-row-9,.post-grid-layout.salong-row-10,.post-grid-layout.salong-row-12{grid-gap:12px;grid-template-columns:repeat(4, 1fr)}.article-filter{margin-bottom:12px;padding:12px}.article-list .post-list-layout{grid-gap:8px}.article-list .post-list-main{padding:12px}.load-more{margin-top:12px}.side-buttons{top:auto;bottom:72px;transform:translate(0, 0)}.empty-content{padding:20px}.empty-content img{max-height:160px}.header{height:48px}.header .bg{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;z-index:15}.header .bg.active{opacity:1;visibility:visible}.header-mobile{z-index:130}.header-mobile .header-mobile-main{padding:0 12px;height:48px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:18}.header-mobile .header-mobile-main button{width:26px;height:26px}.header-mobile .header-mobile-main.color-border{border-bottom-width:1px;border-bottom-style:solid}.header-mobile .show-menu{position:relative}.header-mobile .show-menu:before,.header-mobile .show-menu:after{position:absolute;content:'';left:0;width:24px;height:2px;background-color:var(--salong-color-meta)}.header-mobile .show-menu:before{top:7px}.header-mobile .show-menu:after{top:17px}.header-mobile .show-user-center img{width:100%;height:100%}.header-mobile .logo img{max-height:32px;width:auto;display:block}.header-mobile.show-nav-menu .show-menu:before,.header-mobile.show-nav-menu .show-menu:after{top:12px;background-color:#f00}.header-mobile.show-nav-menu .show-menu:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.header-mobile.show-nav-menu .show-menu:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.header-mobile.show-nav-menu .header-menu{left:0;opacity:1;visibility:visible}.header-mobile.show-user-menu .user-center-menu{right:0;opacity:1;visibility:visible}.header-mobile .header-menu{position:fixed;top:48px;bottom:0;left:-80%;width:80%;z-index:120;height:100%;text-align:left;opacity:0;visibility:hidden;overflow-y:auto}.header-mobile .header-menu ul.menu{height:100%;overflow-y:auto;padding:20px 20px 100px}.header-mobile .header-menu ul.menu li{position:relative}.header-mobile .header-menu ul.menu li a{display:block;padding:12px}.header-mobile .header-menu ul.menu li a.color-border{border-bottom-width:1px;border-bottom-style:solid}.header-mobile .header-menu ul.menu li.menu-item-has-children>span.button{position:absolute;top:0;right:0;width:49px;height:49px}.header-mobile .header-menu ul.menu li.menu-item-has-children>span.button:before,.header-mobile .header-menu ul.menu li.menu-item-has-children>span.button:after{position:absolute;content:'';right:8px;top:22px;width:14px;height:1px;background-color:var(--salong-color-meta)}.header-mobile .header-menu ul.menu li.menu-item-has-children>span.button:after{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.header-mobile .header-menu ul.menu li.menu-item-has-children>span.button:hover:after{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}.header-mobile .header-menu ul.menu li.menu-item-has-children:hover>.sub-menu{display:block}.header-mobile .header-menu ul.sub-menu{padding-left:20px;display:none}.header-mobile .user-center-menu{padding:20px;position:fixed;top:48px;bottom:0;right:-80%;width:80%;z-index:120;height:100%;margin-right:0;display:block;border-top-color:var(--salong-color-border);opacity:0;visibility:hidden;overflow-y:auto}.footer .wrapper{min-width:auto}.footer-widgets .full,.footer-widgets .wrapper{padding-top:40px;padding-bottom:40px}.crumbs-module .crumbs-image img{height:300px}.crumbs-module .crumbs-main{padding:12px 0}.mobile-buttons{position:fixed;bottom:0;right:0;left:0;box-shadow:-4px 0 6px 0 rgba(0,0,0,0.1);z-index:130}.mobile-buttons ul{height:60px;display:flex;align-items:center;justify-content:space-between}.mobile-buttons ul li{width:100%}.mobile-buttons.hidden{transform:translate3d(0, 100%, 0)}.mobile-buttons .button{display:block;width:100%;text-align:center}.mobile-buttons .button .iconfont{font-size:20px}.mobile-buttons .button i,.mobile-buttons .button img{display:block;margin:0 auto}.mobile-buttons .button img{width:18px;height:18px;margin-bottom:4px}.mobile-buttons .button span{font-size:inherit}.mobile-buttons .button.user img{border-radius:100%}.page-404 .wrapper{padding:40px}.page-404 .wrapper .con{padding:20px}.custom-page-two{width:92% !important;margin-top:20px;padding:12px}.custom-page-two h1{margin-bottom:20px}.link-list.layout-grid .link{padding:12px 12px 54px}.link-list.layout-grid .link h2{margin-bottom:6px}.link-list.layout-grid .link img.icon{margin-bottom:12px}.link-list.layout-grid .link .button{bottom:12px}}@media only screen and (max-width: 480px){.container{overflow-x:hidden}.container>.wrapper{margin-top:12px;padding-bottom:12px}h1{font-size:22px;line-height:28px}h2{font-size:18px;line-height:26px}h3{font-size:16px;line-height:24px}h4{font-size:15px;line-height:24px}h5{font-size:14px;line-height:24px}h6{font-size:13px;line-height:24px}.post-grid-layout{grid-gap:4px}.article-list .post-list-layout{grid-gap:4px}.article-list .post-list-main{padding:8px}.article-list .post-list-main .excerpt{display:none}.slider-pagination-bottom-center .swiper{padding-bottom:20px}.empty-content{padding:12px}.side-buttons button.button .iconfont{width:30px;height:30px;line-height:30px}.footer-widgets{display:none}.footer-copyright .wrapper{flex-wrap:wrap;flex-direction:column;grid-gap:6px}.article-filter .filter-list{padding-bottom:4px;margin-bottom:4px}.article-filter .filter-result .search-form{width:100%}.article-list .list-content{grid-gap:6px}.post-metas{grid-gap:6px}.crumbs-module .crumbs-image .content{grid-gap:4px;width:96%}.crumbs-module .crumbs-image img{height:220px}.popup .popup-box{max-width:calc(100% - 40px)}.popup .popup-box .close.close-bottom-center{bottom:-46px}.popup .popup-box .popup-content{max-width:100%;padding:12px}.login-content{padding:0 !important}.login-content .login-box{padding:20px}.login-content .login-box .login-header{margin-bottom:20px}.login-content .login-box .login-header .logo{margin-bottom:0}.login-content .login-box .form-effect{margin-bottom:20px}.login-content .login-box .form-effect>div{margin-top:12px}.login-content .login-box .form-effect .input .hint{top:0px;right:8px}.login-content .login-oauth-buttons{grid-gap:4px}.verify-email-phone-content .form-effect div.input input,.captcha-content .form-effect div.input input{padding:4px 8px;height:60px}.verify-email-phone-content .form-effect div.input select,.captcha-content .form-effect div.input select{bottom:14px}.verify-email-phone-content .form-effect .button-code,.captcha-content .form-effect .button-code{right:6px}.search-content{width:100%;padding:20px}.search-content .form{display:block}.search-content .form>*{width:100%;margin-bottom:8px}.search-content .form a.button{margin-bottom:0}.service-content ul.qq-list li a.button{padding:6px}.tipping-content .final-price{margin-bottom:20px}.tipping-content .pay-type{grid-gap:4px}.tipping-content .pay-type button{padding:8px 6px}.tipping-content button.submit{margin-bottom:20px}.notice-content{width:100%;padding:20px}.page-404{margin-top:20px;margin-bottom:20px}.page-404 .wrapper{display:block;padding:20px}.page-404 .con{margin-top:20px;text-align:center}.page-404 .con h2{font-size:36px;line-height:36px}.page-404 .con p{margin:8px 0 20px;font-size:inherit}.page-404 .con a.button{display:block;padding:8px}.user-list .user-main{align-items:start;flex-wrap:wrap;padding:12px}.user-list .user-main .current-user-counts{margin-bottom:8px}.user-list .user-main div.avatar{min-width:44px}.user-list .user-main div.avatar img.large-avatar{width:36px;height:36px}.user-list .user-main .profile{width:calc(100% - 60px)}.user-list .user-main .user-buttons{margin-left:40px}.user-list .user-main .user-posts{width:100%;padding-left:60px}.user-list .user-main .user-posts a.img-effect img{width:100%;height:auto}.slider-pagination-top-right .slider-content{padding:30px 12px 12px}.slider-pagination-top-right .slider-content p{margin-top:8px;line-height:20px}.home-slider .swiper .swiper-slide.left .slider-content{padding:30px 12px 12px !important}.home-slider .swiper .swiper-slide.left .slider-content p{line-height:24px}}