@import url(base.css); /*Top s*/ .header{position:fixed; width:100%; left:0; top:0;z-index:100;transition: all 0.5s;} .header:before{content:"";transition: all 0.5s;z-index: 0;background: url(../images/top-bg.jpg) no-repeat center center/cover;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;position: absolute;} .header .auto-inner{height: 1rem;} .header:after{height: 2rem;top: 0;width: 100%;transition: all 0.5s;background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) , rgba(0,0,0,0));content: "";position: absolute;z-index: -1;pointer-events: none;} .header .logo{position: relative;z-index: 101;} .header .logo img{height: 0.36rem;} .header .notice{width: 0.46rem;height: 0.46rem;margin-left: 0.1rem;border-radius: 50%;background: rgba(255,255,255,0.1) url(../images/ico_notice.svg) no-repeat center center/0.16rem 0.18rem;position: relative;transition: all 0.5s;} .header .notice.has:after{width: 0.04rem;height: 0.04rem;border-radius: 50%;position: absolute;content: "";top: 0.11rem;right: 0.13rem;background-color: #eb2f2f;} .header .notice:hover{background-color: rgba(255,255,255,0.3);} .header .btn{border-radius: 0.46rem;color: #fff !important;line-height:0.46rem;height: 0.46rem;background-image: var(--bg-lg);padding: 0 0.2rem;} .topSearch {width: 2.5rem;background-color: rgba(255,255,255,0.1);border-radius: 0.46rem;transition: all 0.5s;position: relative;} .topSearch input{width: 100%;height: 0.46rem;background-color: transparent;border: 0;padding: 0 0.56rem 0 0.2rem;font-size: 0.14rem;color: #fff;} .topSearch input::-webkit-input-placeholder {color: #fff;} .topSearch:hover{box-shadow: 0 0 15px rgba(0,0,0,0.05);background-color: rgba(255,255,255,0.3);} .topSearch .btn{position: absolute;right: 0;top: 0;width: 0.56rem;text-align:center;height:100%;background: url(../images/soso.svg) no-repeat center center/0.16rem 0.16rem;} .topSearch .btn:hover{opacity: 0.9;} .topSearch .keyword{padding-top: 0.18rem;color: #666666;} .topSearch .keyword span{margin: 0 0.15rem 0 0.2rem;} .topSearch .keyword a:not(:last-child){margin-right: 0.32rem;} .topSearch .keyword a{color: #666666;} .topSearch .keyword a:hover{color: var(--base-color);} .topSearchWin {width: 5.5rem;background-color: #EEE; margin:0 auto; border-radius: 0.46rem;transition: all 0.5s;position: relative;} .topSearchWin input{width: 100%;height: 0.46rem;background-color: transparent;border: 0;padding: 0 0.56rem 0 0.2rem;font-size: 0.14rem;color: #333;} .topSearchWin input::-webkit-input-placeholder {color: #333;} .topSearchWin .btn{position: absolute;right: 0;top: 0;width: 0.56rem;text-align:center;height:100%;background: url(../images/soso.svg) no-repeat center center/0.16rem 0.16rem;} .topSearchWin .btn:hover{opacity: 0.9;} .topSearchWin .keyword{padding-top: 0.18rem;color: #666666;} .topSearchWin .keyword span{margin: 0 0.15rem 0 0.2rem;} .topSearchWin .keyword a:not(:last-child){margin-right: 0.32rem;} .topSearchWin .keyword a{color: #666666;} .topSearchWin .keyword a:hover{color: var(--base-color);} .mainNav{padding-left: 0.9rem;} .mainNav li{padding:0 0.25rem;position: relative;} .mainNav span a{ position:relative; z-index:100;display:block;line-height: 1rem;transition: all 0.3s;color: #fff;} .mainNav span a:after{position: absolute;width: 0;height: 0.06rem;content: "";left: 50%;transform: translateX(-50%);bottom: 0.25rem;transition: all .5s;background-image: var(--bg-lg);border-radius: 0.06rem;} .mainNav .arr{ display:none;} .mainNav li.active span a,.mainNav li.aon span a,.mainNav li:hover span a{color: rgba(var(--primary-color),1);} .mainNav li:hover span a:after,.mainNav li.active span a:after,.mainNav li.aon span a:after{width: 0.2rem;} .login-out a{margin-left: 0.29rem;color: #fff;} .login-out a:hover{color: rgba(var(--base-color));} .login-in .avatar{position: relative;margin-left: 0.1rem;height: 1rem;} .login-in .avatar .img{position:relative;width: 0.52rem;height: 0.52rem;border-radius: 50%;padding: 0.02rem;background-image: var(--bg-lg);overflow: hidden;} .login-in .avatar .img a{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center; align-items: center;} .login-in .avatar .img img{border-radius:100%;width: 0.48rem;height: 0.48rem;object-fit:contain;} .login-in .dropDown:before{left: 50%;transform: translateX(-50%);position: absolute;top: -0.11rem;content: "";border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-bottom: 0.12rem solid #fff;} .login-in .dropDown{width: 3.2rem;left: 50%;transform: translateX(-50%);top:110%;background-color: #fff;border-radius: 0.2rem;position: absolute;box-shadow: 0 5px 30px rgba(0,0,0,0.25);transition: all 0.5s;pointer-events: none;opacity: 0;z-index: -1;} .login-in .dropDown figure{padding: 0.15rem 0 0.15rem;text-align: center;} .login-in .dropDown figure img{display: block;border-radius: 50%;width: 0.8rem;height: 0.8rem;border:0.02rem solid #e7e8ec;object-fit: cover;margin: 0px auto 0.06rem;} .login-in .dropDown .info{border-radius: 0.2rem;background-color: #f1f4f7;padding: 0.1rem 0.15rem;} .login-in .dropDown .info .nav{display: block;line-height: 0.48rem;border-bottom: 1px dotted #cbd3da;position: relative;margin-bottom: 0.17rem;} .login-in .dropDown .info .nav:After{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.11rem;height: 0.18rem;content: "";background: url(../images/arr_r_gray.svg) no-repeat center center/contain;} .login-in .dropDown .info .nav:hover{color: rgba(var(--primary-color),1);} .login-in .dropDown .info aside{margin-bottom: 0.15rem;} .login-in .dropDown .info .link a{display: inline-block;margin-left: 0.11rem;line-height: 0.32rem;min-width: 0.5rem;text-align: center;border-radius: 0.35rem;background-color: #fff;color: #bababa;font-size:0.15rem;} .login-in .dropDown .info .link a:hover{background-color: rgba(var(--primary-color));color: #fff;} .login-in .dropDown .info ul{margin-top: 0.25rem;} .login-in .dropDown .info li a{display: block;text-align: center;line-height: 0.48rem;color: #555555;} .login-in .dropDown .info li a:hover{color: rgba(var(--primary-color));} .login-in .dropDown .info li img{width: 0.22rem;margin-right: 0.16rem;} .login-in .dropDown .info li:not(:last-child){border-bottom: 1px solid #e7e7e7;} .login-in .avatar:hover .dropDown{pointer-events: auto;opacity: 1;z-index: 0;top: 100%;} .login-in .btn{margin-left: 0.19rem;} /* 下拉 */ .mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;padding: 0.15rem;border-radius: 0 0 0.2rem 0.2rem;width: 1.5rem;text-align: center;} .mainNav .sub dl{flex: 1;line-height: 0.32rem;} .mainNav .sub dl dd{margin-bottom: 0.1rem;} .mainNav .sub dl dt{margin-bottom: 0.15rem;} .mainNav .active .sub{z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;} /* 头部滑过 */ /*Top end*/ .header.on:before,.header.fix:before,.header-hasbg .header:before{opacity: 1;} .header-hasbg .header:after{display: none;} /*Bottom s*/ .footer{ position:relative;background: #15151e;z-index: 2;padding: 0.6rem 0 0.5rem;color: #fff;} .footer:before{position: absolute;left: 0;top: 0;width: 100%;content: "";height: 0.1rem;background-image: var(--bg-lg2);} .footer .auto-inner{padding-top: 0 !important;} .footer a{color: #fff;}.footer a:hover{color: rgba(var(--base-color)) !important;} .footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;} .footer .top .logo{margin-right: 0.24rem;} .footer .top .logo img{height: 0.36rem;} .footer .top .nav a:not(:last-child){margin-right: 0.34rem;position: relative;} .footer .top .nav a:not(:last-child):After{position: absolute;right: -0.18rem;top: 50%;transform: translateY(-50%);width: 0.04rem;height: 0.04rem;background-color: rgba(var(--base-color));content: "";border-radius: 50%;} .footer .bot{color: rgba(255,255,255,0.4);margin-top: 0.08rem;} .footer .bot a{color: rgba(255,255,255,0.4);} .footer .bot .nav{margin-left: 0.29rem;} .footer .fllowus{padding-top: 1.719vw;} .footer .fllowus li{position: relative;z-index: 8;} .footer .fllowus li:not(:first-child){margin-left: 0.4rem;} .footer .fllowus .icon{cursor: pointer;transition: all 0.5s;} .footer .fllowus .icon img{height: 0.22rem;} .footer .fllowus .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;height: 1.5rem;bottom: 0.22rem;left: 50%;transform: translateX(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);} .footer .fllowus .ewm img{width: 100%;} .footer .fllowus .ewm:after{width: 10px;height: 10px;left: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;bottom: -5px;} .footer .fllowus li:hover .ewm{bottom: 0.4rem;visibility: visible;z-index: 1000;opacity: 1;} .footer .fllowus li:hover{z-index: 1500;} .footer .fllowus li:hover .icon{opacity: 0.6;} .footer-short{position: absolute;left: 0;bottom: 0.38rem;width: 100%;text-align: center;color: #fff;} .footer-short a{color: #fff;}.footer-short a:hover{color: rgba(var(--primary-color));} .footer-short .nav{margin-left: 0.29rem;} .fixNav{width: 0.5rem;top: 50%;transform: translateY(-50%);right: -50%;position: fixed;z-index: 100;text-align: center;font-size: 0.14rem;transition: all 0.8s;visibility: hidden;opacity: 0;} .fixNav.show{right: 0.15rem;visibility: visible;opacity: 1;} .fixNav .item:not(:last-child){margin-bottom: 0.13rem;} .fixNav .item{position: relative;} .fixNav .item .btn{color: #999;cursor: pointer;background-color: #ededed;position: relative;z-index: 10;height: 0.5rem;border-radius: 50%;} .fixNav .item figure{width: 0.2rem;height: 0.2rem;} .fixNav .item:hover .btn{background-color: rgba(var(--main-color),1);color: #fff;} .fixNav .item .ewm {width: 1.6rem;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0.1rem;position: absolute;pointer-events: none;transition: all 0.5s;visibility: hidden;right: 50%;opacity: 0;top: 0;z-index: -1;min-height: 0.79rem;} .fixNav .item:hover .ewm {pointer-events:auto;right: 105%;opacity: 1;visibility: visible;z-index: 10;} .fixNav .item .ewm img{width: 100%;display: block;margin-bottom: 0.05rem;} .online-btn{bottom: 1.95rem;left: 0.1rem;position: fixed;z-index: 10;width: 0.6rem;height: 1.1rem;font-size: 0.14rem;color: #fff;border-radius: 0.6rem;background-image: var(--bg-lg);line-height: 1.2;font-size: 0.14rem;} .online-btn img{width: 0.2rem;margin-bottom: 0.05rem;} .online-btn:hover{background-image: var(--bg-lg2);} /*Bottom end*/ /* 首页 s*/ .titHead{line-height: 1;margin-bottom: 0.5rem;position: relative;} .titHead h2{font-size: 0.4rem;font-weight: 500;} .titHead .en{color: #999999;font-weight: 100;text-transform: uppercase;margin-left: 0.22rem;letter-spacing: 0.1em;} .titHead .more{position: absolute;right: 0;bottom: 0;font-weight: 100;text-decoration: underline;text-underline-offset: 2px;} /* banner */ .downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;z-index:999;cursor: pointer;margin: 0px auto;width: 0.16rem;height: 0.09rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.5rem;} .downarr span{display: block;position: relative;width: 0.16rem;height: 0.09rem;background: url(../images/arr_b_white.svg) no-repeat center center/contain;} .downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;} .downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;} .downarr .sp3{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 1800ms;} @keyframes down_move1 { 0% { top:-0.25rem; opacity:0;} 50% { top:0; opacity:1;} 100% { top:0.2rem; opacity:0;} } @-webkit-keyframes down_move1 { 0% { top:0; opacity:0;} 50% { top:0.7rem; opacity:1;} 100% { top:1.2rem; opacity:0;} } @keyframes down_move2 { 0% { top:0; opacity:0;} 50% { top:0.2rem; opacity:1;} 100% { top:0.5rem; opacity:0;} } @-webkit-keyframes down_move2 { 0% { top:0; opacity:0;} 50% { top:0.7rem; opacity:1;} 100% { top:1.2rem; opacity:0;} } /* home-ban */ .video-box.fix{position: fixed;z-index: 110;} .video-box.fix .inner{width: 60%;height: 58vh;position: relative;} .video-box.fix video{width: 100%;height: 100%;object-fit: contain;background-color: #000;} .video-box.fix .close{transition: opacity 0.3s;} .home-ban .play{position: absolute; width: 100%; height: 100%;left: 0;top: 0;z-index: 12;visibility: visible;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NjE1OTM2NDQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjExLjkxNDA2MjUiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ2LjkwNDIyOCAxOC4xMDU3M2MtMjc3Ljc2OTE4IDAtNTAyLjk0NTI5IDIyNS4xNzYxMS01MDIuOTQ1MjkgNTAyLjk0NTI5IDAgMjc3Ljc3MTY0IDIyNS4xNzQ4OCA1MDIuOTQ3NzUgNTAyLjk0NTI5IDUwMi45NDc3NSAyNzcuNzY3OTUgMCA1MDIuOTQ1MjktMjI1LjE3NjExIDUwMi45NDUyOS01MDIuOTQ3NzVDMTA0OS44NDk1MTggMjQzLjI4MzA3IDgyNC42NzIxNzggMTguMTA1NzMgNTQ2LjkwNDIyOCAxOC4xMDU3M0w1NDYuOTA0MjI4IDE4LjEwNTczek01NDYuOTA0MjI4IDk3My43MDE2NTljLTI0OS45OTI2MzEgMC00NTIuNjUxODY4LTIwMi42NTkyMzctNDUyLjY1MTg2OC00NTIuNjUxODY4IDAtMjQ5Ljk5MDE3MiAyMDIuNjU5MjM3LTQ1Mi42NDk0MDggNDUyLjY1MTg2OC00NTIuNjQ5NDA4czQ1Mi42NTA2MzggMjAyLjY1OTIzNyA0NTIuNjUwNjM4IDQ1Mi42NDk0MDhDOTk5LjU1NDg2NiA3NzEuMDQyNDIyIDc5Ni44OTY4NTkgOTczLjcwMTY1OSA1NDYuOTA0MjI4IDk3My43MDE2NTlMNTQ2LjkwNDIyOCA5NzMuNzAxNjU5ek03NzUuMjAzOTI0IDQ4NS40MDY0NzhjLTc4LjI2Nzk2Mi01My4yNTU5MS0yMjAuMTkxOS0xMzIuOTY3NjA4LTMwMS4wMDQyMzItMTgyLjM1ODM4OC0zMy4xMzIxNDYtMjAuODkzNTkyLTYwLjk5MzU0OS0xMi41MDI5NTItNjMuNjY3MDQzIDI0LjM5OTYzMy0xLjkzODA5OSA5OC44NDA1ODggMCAyODkuNTUwMjY0IDAgMzkwLjEwMTQ0NSAxLjY4MTA3OSAzNy40NjIxMjUgMzQuNzA5OTI2IDQyLjQwMzI5MyA2My4zNzU1OSAyNy4zNjIxMjEgODAuNzIxMzMtNDguOTA2MjU1IDIxOS40NTY1MDUtMTMyLjk1Nzc3IDMwMC41ODg1NzQtMTgyLjExMjQzNkM3NzMuOTY4MDE3IDU2Mi40NzY2NTYgODM2LjA5Nzg2MiA1MjguMzA1MzY0IDc3NS4yMDM5MjQgNDg1LjQwNjQ3OEw3NzUuMjAzOTI0IDQ4NS40MDY0Nzh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMjAwIj48L3BhdGg+PC9zdmc+) no-repeat center center; background-size: 0.5rem auto;cursor: pointer;} .home-ban .play em{position: absolute;width: 2rem;text-align: center;transform: translateX(-50%);top:calc(50% + 0.3rem);color: #fff;left: 50%;} .home-ban{background-color: #fff;z-index: 10;margin: 0px auto;} .home-ban .auto-inner{position: absolute;left: 50%;bottom: 0.8rem;transform: translateX(-50%);color: #fff;padding-top: 0;z-index: 12;text-align: center;pointer-events: none;} .home-ban .auto-inner .info{border-radius: 0.1rem;width: 3.6rem;padding: 0.13rem 0.2rem;min-height: 2.4rem;background: url(../images/home-ban_infobg.png) no-repeat center center/100% 100%;box-shadow: 3px 26px 32px rgba(0,0,0,0.13);pointer-events: none;} .home-ban .auto-inner .info:not(:last-child){margin-right: 1rem;} .home-ban .auto-inner .info h2{font-size: 0.24rem;margin-bottom: 0.13rem;position: relative;line-height: 0.64rem;color: #1f3ceb;} .home-ban .auto-inner .info h2:after{position: absolute;left: 50%;transform: translateX(-50%);height: 0.02rem;background-color: #1f3ceb;width: 0.36rem;content: "";bottom: 0;} .home-ban .auto-inner .info p{font-weight: 100;margin-bottom: 0.14rem;line-height: 1.875;text-shadow: 2px 3px 7px rgba(0,0,0,0.35);} .home-ban .auto-inner .btn-arr{transition: all 0.5s;background-color: #1f3ceb;pointer-events: auto;} .home-ban .auto-inner .btn-arr:hover{transform: scale(1.25);} .home-ban .ispic{padding-top: 100vh;background-color: #fff;} .home-ban .ispic span img{object-fit:fill;} .home-ban .video-inner{height: 100vh;} .home-ban .video-inner video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;object-fit: fill;} .home-ban .swiper-button-prev{left: 1rem;} .home-ban .swiper-button-next{right: 1rem;} .home-ban .swiper-pagination-bullet{background-color: rgba(255,255,255,0.2);} .home-ban .controls {left: 0;bottom: 0.4rem;z-index: 10;position: absolute;width: 100%;color: #fff;padding: 0 7.5%;} .home-ban .num {font-family: 'Barlow';font-weight: 500;} .home-ban .num .cur{color: rgba(var(--base-color));} .home-ban .notice{top:1.25rem;height: 0.5rem;overflow: hidden;line-height: 0.5rem;background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.2),rgba(255,255,255,0));position: absolute;left: 50%;width: 7.6rem;margin-left: -3.8rem;z-index: 10;padding: 0 1rem 0 1.5rem;color: #fff;border-radius: 0.5rem;white-space: nowrap;} .home-ban .notice span{position: absolute;left: 1rem;} .home-ban #scroll_div{overflow: hidden;white-space: nowrap;} .home-ban .notice a{color: #fff;}.home-ban .notice a:hover{color: rgba(var(--base-color));} .home-ban .swiper-pagination{bottom: 0.25rem;} .home-ban .notice, .home-ban .swiper-button-prev, .home-ban .swiper-button-next, .home-ban .auto-inner, .home-ban .play{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity 0.5s ease, visibility 0.5s ease;} .home-ban.out .notice, .home-ban.out .swiper-button-prev, .home-ban.out .swiper-button-next, .home-ban.out .auto-inner, .home-ban.out .play{opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.5s ease, visibility 0.5s ease;} /* home-creator */ .home-creator .change-tab{position: relative;margin-bottom: 0.4rem;} .home-creator .change-tab .more{position: absolute;right: 0;bottom: 0;font-weight: 100;text-decoration: underline;text-underline-offset: 2px;display: none;} .home-creator .change-tab .item:not(:last-child){margin-right: 0.15rem;} .home-creator .change-tab .item.on .select{background-color: #ededed;} .home-creator .change-tab .item.on .more{display: block;} .select {height: 0.4rem;border-radius: 0.4rem;position: relative;} .select .arr{ background: url(../images/select-arr.svg) no-repeat center center;cursor: pointer;width: 0.36rem;height: 0.4rem;} .select p{line-height: 0.4rem;padding: 0 0.07rem 0 0.15rem;cursor: pointer;} .select .hover {position: absolute;top: calc(100% + 0.08rem);left: 0;width: 2rem;padding: 0.05rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 10;;background-color: #fff;border-radius: 0.1rem;border: 1px solid #dddddd;pointer-events:none;} /* .seltxt .hover ul {overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 8);} */ .select .hover li {transition: 0.3s;cursor: pointer;padding: 0 0.18rem;line-height: 0.47rem;border-radius: 0.1rem;} .select .hover li:not(:last-child) {margin-bottom: 1px;} .select .hover li:hover,.select .hover li.cur{background-color:#ededed;} .select.show {z-index: 15;} .select.show p{position: relative;z-index: 11;} .select.show .hover{visibility: visible;opacity: 1; transform: translateY(0);box-shadow: 0 5px 40px rgba(196,196,196,1);pointer-events:auto;} .select:hover,.select.show{background-color: #ededed;} .card-list{margin: 0 0 -0.4rem -2.5%;} .card-list.w3 .item{width: 30.83%;} .card-list.w5 .item{width: 17.5%;} .card-list .item{width: 22.5%;margin: 0 0 2.5% 2.5%;} .card-list .item .itemhover2{border-radius: 0.18rem;} .card-list .item .itemhover2:hover{ box-shadow: 0 0px 30px rgba(0,0,0,0.1);} .card-list .ispic{border-radius: 0.18rem 0.18rem 0 0;padding-top: 75%;} .card-list .playbtn{left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);z-index: 10;background: url(../images/ico_play.svg) no-repeat center center/contain;opacity: 0.5;transition: all 0.5s;width: 0.5rem;height: 0.5rem;} .card-list .hot{z-index: 10;width: 0.17rem;height: 0.21rem;right: 0.16rem;top: 0.16rem;position: absolute;background: url(../images/ico_hot.svg) no-repeat center center/contain;} .card-list .head .avatar{width: 0.54rem;height: 0.54rem;} .card-list .head{background-color: #fff;border: 1px solid #e5e5e5;border-top: 0;border-radius: 0 0 0.18rem 0.18rem;min-height: 1.2rem;padding: 0 0.1rem 0 0.19rem;} .card-list .item:hover .play{opacity: 1;} .card-list ul{position: relative;margin-bottom: 2.5%;} .card-list ul .item{margin-bottom: 0;} .card-list ul .itemhover2{pointer-events: none;transition: all 0.8s;} .card-list ul .itemhover2.none{opacity: 0;} .card-list ul .itemhover2.hasnone{transform: scale(1.15);opacity: 0;z-index:-1;} .card-list .hover{width: calc(100% - 0.4rem);left: 0.4rem;top: 0;border-bottom: 1px solid #e3e3e3;height: 3.62rem;position: absolute;opacity: 0;pointer-events: none;z-index: -1;transition: opacity 0.5s ease;} .card-list .hover .head{width: 19.68%;background-color: transparent;padding: 0;border: 0;transform: scale(1.15);transition: all 1s;opacity: 0;} .card-list .hover .head .avatar{width: 0.8rem;height: 0.8rem;} .card-list .hover .head .top {padding-bottom: 0.14rem;border-bottom: 1px dotted #d4d4d4;margin-bottom: 0.15rem;} .card-list .hover .head .top .state{width: 100%;padding-top: 0.12rem;margin-bottom: 0;} .card-list .hover .head .state{margin-bottom: 0.3rem;} .card-list .hover .head .tag{padding-left: 0;} .card-list .hover .play{opacity: 0.5 !important;} .card-list .hover .photo li{transform: scale(0.9) translateX(-10px);opacity: 0;transition: none;} .card-list .hover.show{z-index: 10;pointer-events: auto;opacity: 1;} .card-list .hover.show .head{transform: scale(1);opacity: 1;} .card-list .hover.show .photo li{ transform: scale(1) translateX(0);opacity: 1;} .card-list .hover.show .photo li:nth-child(1){transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.1s;} .card-list .hover.show .photo li:nth-child(2){transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.3s;} .card-list .hover.show .photo li:nth-child(3){transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s;} .card-list .hover.show .photo li:nth-child(4){transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.7s;} .card-list .hover:not(.show) .photo li { transition: all 0s !important;} .photo{margin: 0 0 -0.4rem -0.4rem;} .photo .labelt{position: absolute;right: 0.2rem;top: 0.2rem;z-index: 10;text-align: right;width: calc(100% - 0.4rem);} .photo .labelt a{display: inline-block;margin-left: 0.1rem;line-height: 0.28rem;border-radius: 0.28rem;padding: 0 0.12rem;background-color: #fff;font-weight: 100;cursor: pointer;color: #000;} .photo .labelt a.on{color: #ff0000;} .photo .labelt a:before{width: 0.15rem;height: 0.15rem;content: "";display: inline-block;vertical-align: middle;margin: -0.02rem 0.05rem 0 0;background-position: center center;background-size: contain;background-repeat: no-repeat;} .photo .labelt a.like:before{background-image: url(../images/ico_like.svg);} .photo .labelt a.like.on:before{background-image: url(../images/ico_likeon.svg);} .photo .label{position: absolute;right: 0;bottom: 0.08rem;width: 100%;text-align: right;z-index: 1;padding: 0 0.13rem;} .photo .label a{width: 0.26rem;height: 0.26rem;line-height:0.26rem;border-radius: 50%;background-color: rgba(0,0,0,0.6);margin-left: 0.09rem;display: inline-block;text-align: center;background-position: center center;background-repeat: no-repeat;background-size: 0.16rem 0.16rem;} .photo .label img{width: 0.15rem;height: 0.15rem;line-height: 0.15rem;vertical-align:inherit;} .photo .label a:hover{background-color: rgba(0,0,0,0.8);} .photo .label a.like.on{background-image: url(../images/ico_collect3.svg);} .photo .label a.like.on img{opacity: 0;} .photo li:hover .play{opacity: 1 !important;} .photo li{width: 25%;padding: 0 0 0.4rem 0.4rem;position: relative;} .photo .head .state{margin-bottom: 0;} .photo .itemhover{border-radius: 0.18rem;} .photo .info{border: 1px solid #e5e5e5;border-radius: 0 0 0.18rem 0.18rem;padding: 0.12rem 0.22rem;background-color: #fff;} .photo .ispic{border-radius: 0.1rem 0.1rem 0 0;padding-top: 75%;} .photo .ispic a{position:absolute;left:0;top:0;width:100%;height:100%;} .photo .playbtn{left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);z-index: 10;background: url(../images/ico_play.svg) no-repeat center center/contain;opacity: 0.5;transition: all 0.5s;width: 0.5rem;height: 0.5rem;} .photo .tag span{line-height: 0.3rem;padding: 0 0.12rem;border-radius: 0.3rem;background-color: #ededed;color: #333333;} .photo .set{padding: 0.15rem 0 0.1rem;border-top: 1px solid #e3e3e3;margin-top: 0.11rem;} .photo.w4 {margin-left: -0.4rem;} .photo.w5 {margin: 0 0 -0.3rem -0.3rem;} .photo.w5 li{width: 20%;padding: 0 0 0.3rem 0.3rem;} .photo li.hot .ispic:before{width: 0.15rem;height: 0.18rem;content: "";position: absolute;right: 0.27rem;top: 0.09rem;z-index: 2;background: url(../images/ico_hot.svg) no-repeat center center/contain;} .photo.hasline{margin-bottom: -0.5rem;} .photo.hasline li{padding-bottom: 0.8rem;} .photo.hasline li:after{bottom: 0.4rem;width: 100%;right: 0;height: 1px;content: "";position: absolute;background: #e3e3e3;} .photo.hasline li:nth-child(5n+1):after{width: calc(100% - 0.3rem);} .audio-list{margin: 0 0 -2.5% -2.5%;} .audio-list .item{border-radius: 0.2rem;border: 1px solid #e5e5e5;width: 22.5%;margin: 0 0 2.5% 2.5%;overflow: hidden;} .audio-list .article{border-bottom: 1px solid #e5e5e5;min-height: 2.5rem;background-image: linear-gradient(to bottom, #f6f6f6 , #f9f9f9);box-shadow: 0 0 10px rgba(0,0,0,0.15);} .audio-list .article .info{padding: 0.4rem 0 0 0.2rem;} .audio-list .article .top{line-height: 1;margin-bottom: 0.09rem;} .audio-list .article .top aside{max-width: 58%;} .audio-list .article .star{margin-left: 0.11rem;color: #787878;background: url(../images/star.svg) no-repeat 0 center/0.17rem 0.17rem;padding-left: 0.22rem;} .audio-list .article .state {margin-bottom: 0.12rem;} .audio-list .article .state span{padding: 0 0.14rem;line-height: 0.28rem;color: #777777;background-color: #ededed;margin-right: 0.05rem;border-radius: 0.28rem;display: inline-block;} .audio-list .article .ispic{width: 49%;padding-top: 2.48rem;background: url(../images/home-audio_bg.png) no-repeat center center/cover;} .audio-list .article .ispic span{width: 1.58rem;height: 1.58rem;left:50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;border: 0.05rem solid #fff;overflow: hidden;} .audio-list .list{padding: 0.2rem;min-height: 1.95rem;} .audio-list .list dd{display: flex;align-items:center;line-height: 0.46rem;} /*.audio-list .list dd span{font-size: 0.14rem;color: #fff;padding: 0 0.1rem;line-height: 0.28rem;background-color: rgba(42,117,241,0.3);border-radius: 0.28rem;min-width: 0.45rem;text-align: center;}*/ .audio-list .list dd span{font-size: 0.14rem;color: #fff;padding: 0 0.1rem;line-height: 0.28rem;background-color: rgb(97 149 235);border-radius: 0.28rem;min-width: 0.45rem;text-align: center;} .audio-list .list dd .musicStatus:hover{background-color: #d6d6d6;} .audio-list .list dd:hover span{background-color: rgba(42,117,241,1);} .audio-list .item:hover{ box-shadow: 0 0px 30px rgba(0,0,0,0.1);} .musicStatus{width: 0.24rem;height: 0.24rem;background-color: #ededed;margin-right: 0.09rem;content: "";border-radius: 50%;display: inline-block;vertical-align:middle;cursor: pointer;background: #ededed url(../images/music/play.svg) no-repeat center center/0.12rem 0.12rem;} .musicStatus.pause{background-image: url(../images/music/pause.svg);} .musicStatus.play {background-image: url(../images/music/play.svg);} /* 音乐播放器 s */ .music-pop{position: fixed;left: 0;bottom: -100%;width: 100%;z-index: 200;background-color: rgba(0,0,0,0.9);padding: 0.7rem 0 0;opacity: 0;transition: all 0.5s;} .music-pop.show{opacity: 1;bottom: 0;} .music-pop .close{right: 1.08rem;position: absolute;top: 0.3rem;width: 0.26rem;height: 0.26rem;background: url(../images/close_white.svg) no-repeat center center/contain;cursor: pointer;} .music-pop .close:hover{opacity: 0.85;} .music-pop .innerbox {color: #fff;} .music-pop #progressDiv {border-top: 1px solid rgba(255,255,255,0.15);width: 100%;padding: 0.24rem 0;position: relative;transition: height 0.3s ease;overflow: hidden;} .music-pop #progressDiv .auto-inner{transition: opacity 0.3s ease;} .music-pop #progressDiv .center{padding-right: 65px;} .music-pop #progressDiv .right{width: 220px;} .music-pop #progressDiv .foldbtn{position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/music/arr_b_white.svg) no-repeat center center/18px 18px;width: 40px;height: 40px;right: 7%;cursor: pointer;} .music-pop #progressDiv .foldbtn.on{transform: translateY(-50%) rotate(-180deg);} .music-pop #progressDiv .detail{width: 26%;padding-right: 2%;} .music-pop #progressDiv .detail .pic{width: 0.7rem;margin-right: 0.2rem;} .music-pop #progressDiv .detail .pic img{width: 0.7rem;height: 0.7rem;border-radius: 0.05rem;object-fit: cover;} .music-pop #lyricTitle {font-weight: bold; font-size: 0.2rem; background: linear-gradient(to right, #1015eb, #009fe9, #85eed9, #ffcccc, purple); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: spancolorAni 5s linear infinite; margin-bottom: 0.05rem;} .music-pop #progress {height: 20px;position: relative;} .music-pop #totalProgress {border: 1px solid #a2a6ac;position: absolute;margin-top: 10px;margin-bottom: 10px;width: 100%;} .music-pop #totalProgress:hover {cursor: pointer;} .music-pop #progressBar {position: absolute;border: 1px solid;margin-top: 10px;margin-bottom: 10px;box-shadow: 0px 0px 10px 5px #009fe9, 0 0 1px #009fe9, 0 0 1px #009fe9, 0 0 1px #009fe9, 0 0 1px #009fe9, 0 0 1px #009fe9, 0 0 1px #009fe9;color: #ffffff;} .music-pop #progressBar:hover {cursor: pointer;} .music-pop #progressAni {position: absolute;width: 10px;height: 10px;left: -2px;background-image: url("../images/music/note.gif");background-size: 100% 100%;top: 5px} .music-pop #rollTime {margin-left: 15px;} .music-pop #totalTime {margin-right: 25px;} .music-pop #progressDiv .times {text-align: center;display: inline-block;font-size: 14px;color:rgba(var(--base-color));} .music-pop #progressDiv #voicIcon {width: 40px;height: 40px;background-image: url(../images/music/ico_sy.svg);background-position: center; background-repeat: no-repeat; background-size: 19px 19px;cursor: pointer;} .music-pop #menu {display: flex;margin-left: 0.15rem;} .music-pop #menu_1 {display: flex;justify-content: right;align-items: center;padding-right: 0.45rem;} .music-pop #menu_2 {display: flex;justify-content: left;align-items: center;} .music-pop .buttons {display: inline-block;height: 40px;width:40px;cursor: pointer;} .music-pop .buttons:hover {opacity: 0.85;} .music-pop #pre {left: 40px; background: url("../images/music/prev.svg"); background-position: center center; background-repeat: no-repeat;background-size: 38px 38px;} .music-pop #pre:hover {opacity: 0.8;} .music-pop #startStop {left: 80px;} .music-pop .start {border-radius:50%;background: #fff url("../images/music/pause.svg");background-position: center center;background-repeat: no-repeat;background-size: 16px 16px;width: 36px;height: 36px;margin: 0 5px;} /* .music-pop .start:hover {background-image: url("../images/music/play.svg");} */ .music-pop .stop {border-radius:50%;background: #fff url("../images/music/play.svg");background-position: center center;background-repeat: no-repeat; width: 36px;height: 36px;background-size: 16px 16px;margin: 0 5px;} .music-pop #next {left: 120px; background: url("../images/music/next.svg"); background-position: center center; background-repeat: no-repeat;background-size: 38px 38px;} .music-pop #next:hover {opacity: 0.8;} .music-pop #playType { display: inline-block;height: 40px;width: 40px;cursor: pointer;} .music-pop .buttons_lbxh {background: url("../images/music/audio.png");background-position: 0px -400px;background-repeat: no-repeat;} .music-pop .buttons_lbxh:hover {background: url("../images/music/audio.png");background-position: 0px -440px;background-repeat: no-repeat;} .music-pop .buttons_dqxh { background: url("../images/music/audio.png"); background-position: 0px -480px;background-repeat: no-repeat;} .music-pop .buttons_dqxh:hover {background: url("../images/music/audio.png");background-position: 0px -520px; background-repeat: no-repeat;} .music-pop #voicmenu{position: relative;} .music-pop #voicmenu #voice{position: absolute;left: 50%;transform: translateX(-50%);top: 100%;opacity: 0;pointer-events: none;cursor: pointer;} .music-pop #voicmenu:hover #voice{opacity: 1;pointer-events: auto;} .music-pop #zan{margin-left: 10px;background: url(../images/music/ico_zan.svg) no-repeat center center/19px 19px;position: relative;} .music-pop #zan.on{background-image: url(../images/music/ico_zanon.svg);} .music-pop #comment{margin-left: 10px;background: url(../images/music/ico_pl.svg) no-repeat center center/19px 19px;position: relative;} .music-pop #comment.on{background-image: url(../images/music/ico_pl2.svg);} .music-pop #zan.on span{color: #ff0000;} .music-pop .buttons span{position: absolute;left: 28px;top: 5px;color: #fff;line-height: 17px;font-size: 0.09rem;} .music-pop #commentList{padding-bottom: 0.2rem;display: none;} .music-pop #commentList .auto-inner{width: 10rem;} .music-pop #commentList .list{max-height: 4rem;overflow-y: auto;padding-right: 0.1rem;margin-bottom: 0.25rem;} .music-pop #commentList .item {border-bottom: 1px solid rgba(255,255,255,0.15);padding-bottom: 0.2rem;margin-bottom: 0.2rem;} .music-pop #commentList .item .avatar{width: 0.45rem;height: 0.45rem;border-radius: 50%;overflow: hidden;} .music-pop #commentList .item .info{padding-left: 0.15rem;} .music-pop #commentList .item .avatar img{width: 100%;height: 100%;object-fit: cover;} .music-pop #commentList textarea{background-color:rgba(255,255,255,0.8);} .music-pop #commentList textarea:focus{background-color:rgba(255,255,255,1);} .music-pop #lyricDisplay {height: 2.7rem;width: 100%;margin: 0 auto 0.35rem;position: relative;} /* .music-pop #lyricDisplay:After {width: 100%;height: 0.8rem;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.15));content: "";} */ .music-pop #lyricDisplay #lyricUl {position: absolute; width: 100%; margin: 0; padding: 0; top: 0; display: flex; align-items: center; flex-direction: column; transition: top 0.3 linear;height: 2.7rem;overflow-y:auto;} .music-pop #lyricDisplay #lyricUl li {font-weight: 100; height: 0.4rem; line-height: 0.4rem; text-align: center;} .music-pop #lyricDisplay #lyricUl li.active { color: rgba(var(--base-color));} .music-pop #voice { display: flex; align-items: center;width: 100px;} .music-pop #volumeChange { width: 100px; height: 5px;display: block !important;} .music-pop #insTime { position: absolute; top: -11px; font-size: 12px; white-space: pre; padding: 5px 6px; border-radius: 4px; color: #ec07ec;} .music-pop #lyricTip { font-size: 14px;} @keyframes spancolorAni { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /* 音乐播放器 end */ /* home-shining */ .home-shining{background-color: #f8f8f8;} /* home-process */ .home-process .change-nav{width: 16.875%;background: url(../images/home-process_line.png) no-repeat 0.35rem center/0.14rem 4.82rem;} .home-process .content{min-height: 4.8rem;} .home-process .change-nav li{height: 0.8rem;display: flex;align-items: center;padding: 0 0.09rem;cursor: pointer;position: relative;font-size: 0.22rem;flex-wrap: wrap;margin: 0.11rem 0 0.12rem;transition: all 0.5s;font-size: 0.22rem;border-radius: 0.8rem;} .home-process .change-nav li:After{left: -50%;top: 0;width: 100%;transition: all 0.5s;background-color: rgba(228,241,249,1);content: "";height: 100%;position: absolute;z-index: -1;border-radius: 0.8rem;opacity: 0;} .home-process .change-nav .icon{width: 0.66rem;height: 0.66rem;border-radius: 50%;margin-right: 0.24rem;} .home-process .change-nav .icon img{width: 100%;height: 100%;} .home-process .change-nav aside{flex: 1;} .home-process .change-nav li:hover{background-color: rgba(228,241,249,0.4);} .home-process .change-nav li.on{font-size: 0.28rem;} .home-process .change-nav li.on .icon{background-color: #fff;} .home-process .change-nav li.on:after{left: 0;opacity: 1;} .home-process .change-con{width: 74.375%;} .home-process .change-con .con{display: none;} .home-process .change-con img{border-radius: 0.05rem;width: 100%;height: 4.8rem;object-fit: cover;} /* 首页 end*/ /*common s*/ .mainBox{background: #fafafa;} .subPage{position: relative;z-index: 1;height: auto !important;height: 4rem;min-height: 4rem;clear: both;padding: 0 0 0.8rem;background-position: center center;background-repeat: no-repeat;background-size: cover;} .subPage.white{background-color: #fff;} .subPage.gray{background-color: #f8f8f8;} .subTit{padding-bottom:0.6rem;width: 100%;position: relative;} .subTit h2{font-size: 0.4rem;font-weight: 500;} .subTit .tdesc{padding-top: 0.1rem;} .subTit .back{position: absolute;right: 0;top: 0.2rem;} .subTit .back2{position: absolute;right: 0;top: 0.06rem;} .sub-menu{background-color: #fff;border-bottom: 1px solid #e3e3e3;padding-top: 0.6rem;margin-bottom: 0.28rem;position: relative;} .sub-menu li:not(:last-child){margin-right: 0.6rem;} .sub-menu li {position: relative;line-height: 0.69rem;} .sub-menu li span{color: #999999;font-size: 0.18rem;} .sub-menu li a{position: relative;display: inline-block;} .sub-menu li a:after {position: absolute;left: 50%;bottom: -0.02rem;width: 0;transform: translateX(-50%);transition: all 0.5s;height: 0.06rem;background-image: var(--bg-lg);content: "";border-radius: 0.05rem;} .sub-menu li a{color: #999999;} .sub-menu li:hover a,.sub-menu li.onli a{color: #000000;} .sub-menu li:hover a:After,.sub-menu li.onli a:After{width: 0.2rem;} .sub-menu .set{position: absolute;right: 0;top: 0.15rem;} .sub-menu .set a{color: #333;line-height: 0.38rem;} .sub-menu.nobg{background-color: transparent;border-bottom: 0;padding-top: 0;margin-top: -0.3rem;} .singlePage{word-wrap:break-word;word-break:normal;text-align:justify;position: relative; line-height: 1.875;font-weight: 100;} .singlePage p *{text-wrap:none !important; white-space: pre-wrap !important;} .singlePage h2{font-size: 0.2rem;margin-bottom: 0.07rem;} .singlePage .tip{padding: 0.19rem 0 0.33rem 0.2rem;border-bottom: 1px solid #edeef0;margin-bottom: 0.35rem;position: relative;} .singlePage .tip:before{position: absolute;left: 0;top: 0.25rem;width: 2px;height: 0.45rem;content: "";background-color: rgba(var(--primary-color));} .singlePage .tip.nodata:before{display: none;} .singlePage .tip2{position: relative;padding-left: 0.24rem;margin-bottom: 0.1rem;} .singlePage .tip2 aside {margin-bottom: 0.05rem;} .singlePage .tip2 aside span{position: absolute;left: 0;top: 0;} .singlePage .dian{position: relative;padding-left: 0.2rem;} .singlePage .dian:before{position: absolute;left: 0.05rem;top: 0.13rem;width: 0.08rem;height: 0.08rem;border-radius: 50%;content: "";background-color: rgba(var(--primary-color));} /*common end*/ /*pages*/ .Pages{ padding:0.8rem 0 0; line-height:0.4rem; zoom:1; text-align: center;font-size: 0.18rem;} .Pages span{ padding:0px 0.05rem; display:inline-block;} .Pages a{ display:inline-block; margin:0px 0.06rem;width: 0.4rem;height: 0.4rem;vertical-align: middle;background:#fff;border-radius: 50%;font-weight: 100;box-shadow: 0 3px 16px rgba(116,122,176,0.15);color: #666666;} .Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display: none;} .Pages .p_page a.a_cur,.Pages .p_page a:hover{ color:#fff;background-image: var(--bg-lg);} .Pages .p_page b{ font-weight:normal;} .Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} .Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none;} .Pages .a_prev:hover,.Pages .a_prev:hover,.Pages .a_next:hover,.Pages .a_end:hover{background-image: var(--bg-lg);} .Pages .a_arr{width: auto;padding: 0 0.16rem;border-radius: 0.4rem;} /*pages end*/ /* 创作广场 */ .brand-list{min-height: 4.5rem;padding:1rem 0 0.2rem;position: relative;overflow: hidden;} .brand-list h1{text-align: center;padding-bottom: 0.15rem;line-height: 1.04rem;color: #fff;} .brand-list li{width: 10%;text-align: center;padding-bottom: 0.5rem;} .brand-list a{color: #fff;}.brand-list a:hover{color: rgba(var(--base-color));} .brand-list li img{display: block;margin: 0px auto 0.15rem;width: 1rem;height: 1rem;border-radius: 50%;object-fit: cover;transition: all 0.5s;} .brand-list li:hover img{transform: scale(1.05);} .brand-list ul{margin: -0.1rem -0.25rem 0.4rem;height: 1.48rem;overflow: hidden;transition: all 0.5s;padding-top: 0.1rem;} .brand-list ul.more{height: 5.37rem;overflow-y: auto;} .brand-list .open{text-decoration: underline;text-underline-offset: 2px;color: rgba(255,255,255,0.2);cursor: pointer;display: none;} .brand-list .open:hover{color: rgba(255,255,255,1);} .brand-list .isbg{background-position: center top;} .brand-list .isbg:after{content: "";left: 0;top: 0;width: 100%;height:100%;position: absolute;background-image: linear-gradient(to top, #021427 , #0d366e);opacity: 0.9;} .brand-list .isbg.qhxq:after{background-image: linear-gradient(to top, #000000 , rgba(0,0,0,0.95));opacity: 0.95;} .brand-list.sub li{width:12.5%;} .brand-list.sub a{color:#666;} .filter-nav{margin-bottom: 0.7rem;padding-top: 0.15rem;} .filter-nav .group{border-bottom: 1px solid #e3e7e8;padding: 0.2rem 0;line-height: 0.4rem;color: #333;} .filter-nav .group .title{width: 1.34rem;text-align: right;padding-right: 0.12rem;} .filter-nav .group .nav a{padding: 0 0.18rem;border-radius: 0.4rem;color: #333333;} .filter-nav .group .nav a:hover{color: rgba(var(--primary-color));} .filter-nav .group .nav a.on{color: #fff;background-image: var(--bg-lg);} .filter-check{margin-bottom: 0.6rem;color: #555555;} .filter-check .span{min-width: 2rem;text-align: center;cursor: pointer;border: 1px solid #d9dcdf;line-height: 0.39rem;border-radius: 0.4rem;margin-right: 0.2rem;} .filter-check .span:nth-child(3){margin-right: 1.18rem;} .filter-check .span.on{border-color: rgba(var(--primary-color));color: rgba(var(--primary-color));} .filter-check .switch:not(:last-child){margin-right: 0.4rem;} .filter-check .check span{min-width: 1.8rem;line-height: 0.38rem;padding: 0 0.2rem;border-radius: 0.1rem;background-color: #f5f5f7;border:1px solid #f5f5f7;cursor: pointer;} .filter-check .check span:not(:last-child){margin-right: 0.3rem;} .filter-check .check span.on{border-color: rgba(var(--primary-color));color: rgba(var(--primary-color));background-color: #fff;} .filter-check.hasbg{margin-top: 0.35rem;background-color: #fff;border-radius: 0.1rem;padding: 0.1rem 0.2rem;} /* 弹窗详情 s */ .card-pop_detail{background-color: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 998;opacity: 0;transition: all 0.5s;pointer-events: none;visibility: hidden;overflow-y: auto;} .card-pop_detail .innerbox{transition: all 0.8s;transform: scale(0.8);opacity: 0;position: relative;z-index: 2;pointer-events: none;margin-top: 0.2rem;margin-bottom: 0.2rem;} .card-pop_detail.show{opacity: 1;visibility: visible;pointer-events: auto;} .card-pop_detail.show .innerbox{transform: scale(1);opacity: 1;} .card-pop_detail .close{width: 0.26rem;height: 0.26rem; right: 0.2rem;top: 0.2rem;background:url(../images/close.svg) no-repeat center center/contain;cursor: pointer;z-index: 10;position: absolute;} .card-pop_detail .popclose{width: 0.26rem;height: 0.26rem;border-radius:0.26rem; right: 0.2rem;top: 0.2rem;background:#EEE url(../images/close.svg) no-repeat center center/contain; background-size:50% 50%; cursor: pointer;z-index: 10;position: absolute;} .card-pop_detail .popclose:hover{background:#CCC url(../images/close.svg) no-repeat center center/contain; background-size:50% 50%;} .card-pop_detail .close:hover{opacity: 0.6;} .card-pop_detail .closeall{left: 0;top: 0;width: 100%;height: 100%;position: absolute;cursor: pointer;} .card-pop_detail .auto-inner{border-radius: 0.2rem;background-color: #fff;pointer-events: auto;} .card-pop_detail .content{padding: 0.2rem 0.4rem 0.3rem 0.2rem;width: calc(100% - 22.8%);} .card-pop_detail .top-head{padding-bottom: 0.2rem;} .card-pop_detail .top-head .btn a{margin-left: 0.2rem;} .card-pop_detail .head .avatar{width: 0.8rem;height: 0.8rem;} .card-pop_detail .article .ispic{width: 49%;padding-top: 2.48rem;background: url(../images/home-audio_bg.png) no-repeat center center/cover;} .card-pop_detail .article .ispic span{width: 1.58rem;height: 1.58rem;left:50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;border: 0.05rem solid #fff;overflow: hidden;} .card-pop_detail .photo-slider .thumbs{width: 16%;padding-right:0.7%;margin: 0;height: 5.3rem;overflow-y: auto;} .card-pop_detail .photo-slider .swiper-wrapper{transform: translate3d(0px,0, 0px) !important;} .card-pop_detail .photo-slider .swiper-wrapper .swiper-slide{pointer-events:auto !important;} .card-pop_detail .photo-slider .thumbs .swiper-slide{height: auto !important;cursor: pointer;} .card-pop_detail .photo-slider .thumbs .swiper-slide-thumb-active{opacity: 0.7;} .card-pop_detail .photo-slider .thumbs .ispic{border-radius: 0.05rem;padding-top: 1.2rem;} .card-pop_detail .photo-slider .gallery{width: 83.4%;margin: 0;} .card-pop_detail .photo-slider .gallery .ispic{padding-top: 5.3rem;} .card-pop_detail .photo-slider .gallery .ispic video{width: 100%;height: 5.3rem;object-fit: contain;background-color: #000;} .card-pop_detail .photo-slider .play{left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);z-index: 10;background: url(../images/ico_play.svg) no-repeat center center/contain;opacity: 1;transition: all 0.5s;width: 0.8rem;height: 0.8rem; cursor: pointer;} .card-pop_detail .photo-slider .play:hover{transform: translate(-50%,-50%) scale(1.15);} .card-pop_detail .time{margin: 0.1rem 0 0.33rem 0.34rem;color: #bbbbbb;} .card-pop_detail .time span:not(:last-child){position: relative;margin-right: 0.4rem;} .card-pop_detail .time span:not(:last-child):After{position: absolute;right: -0.22rem;top: 50%;transform: translateY(-50%);width: 1px;height: 0.12rem;content: "";background-color: #d0d0d0;} .card-pop_detail .style{margin-left: 0.34rem;} .card-pop_detail .style dl{flex: 1;color: #555555;} .card-pop_detail .style dd{padding-top: 0.07rem;} .card-pop_detail .style dd span{line-height: 0.28rem;padding: 0 0.12rem;border-radius: 0.28rem;margin-right: 0.1rem;background-color: #ededed;} .card-pop_detail .comment{width: 22.8%;border-left: 1px solid #efefef;padding-bottom: 0.3rem;} .card-pop_detail .comment h2{line-height: 1.03rem;padding-top: 0.18rem;border-bottom: 1px solid #efefef;} .card-pop_detail .comment .list{max-height: 4.5rem;border-bottom: 1px solid #efefef;overflow-y: auto;} .card-pop_detail .comment .item {border-bottom: 1px solid #efefef;padding: 0.15rem 0.3rem;} .card-pop_detail .comment .item:last-child {border-bottom:0;} .card-pop_detail .comment pre{line-height: 1.75;} .card-pop_detail .comment time{font-size: 0.14rem;color: #bbbbbb;font-weight: 100;margin-top: 0.09rem;} .card-pop_detail .comment time span{margin-left: 0.13rem;} .card-pop_detail .comment .form{padding: 0.3rem 0.3rem 0;} .card-pop_detail .comment .form textarea{width: 100%;height: 1.21rem;border: 1px solid #efefef;padding: 0.12rem 0.19rem;margin-bottom: 0.3rem;} /* 弹窗详情 end */ /* 登录注册 */ .login-box{min-height: 100vh;padding: 0.4rem 0 0.7rem;background-color: #95aae1;position: relative;} .login-box .isbg{background-size: 100%;} .login-box .content{border-radius: 0.2rem;background-color: #fff;width: 6rem;box-shadow: 0 6px 30px rgba(0,0,0,0.16);padding: 0.35rem 0.7rem 0.5rem;position: relative;z-index: 10;} .login-box .logo{margin-bottom: 0.39rem;color: #b0b7c2;} .login-box .logo figure{padding: 0.43rem 0 0.15rem;} .login-box .logo img{height: 0.36rem;} .login-box .title{line-height: 0.6rem;} .login-box .change-tab{margin-bottom: 0.42rem;} .login-box .change-tab .item{flex: 1;text-align: center;line-height: 0.45rem;cursor: pointer;border-bottom: 2px solid #e1e1e1;position: relative;} .login-box .change-tab .item:after{bottom: -2px;left: 50%;transition: all 0.5s;background-color: rgba(var(--primary-color));position: absolute;height: 2px;width: 0;z-index: 1;content: "";} .login-box .change-tab .item.on{font-weight: 500;color: rgba(var(--primary-color));} .login-box .change-tab .item.on:after{width: 100%;left: 0;} .login-box .form .group{margin-bottom: 0.3rem;position: relative;} .login-box .form .input{position: relative;border: 1px solid #e8ebf2;height: 0.5rem;border-radius: 0.5rem;padding: 0 0.2rem;background-color: #f5f6f8;transition: all 0.5s;} .login-box .form .input .ico{width: 0.2rem;margin-right: 0.08rem;} .login-box .form .input input{flex:1;width:100%;height: 0.48rem;border: 0;background-color: transparent;} .login-box .form .input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: transparent;} .login-box .form .input.flex-aic input{width: 1re;} .login-box .form .code img{width: 1.37rem;height: 0.5rem;margin: 0 0.3rem 0 0.2rem;} .login-box .form .code a{text-decoration: underline;color: rgba(var(--primary-color));} .login-box .form .tip{color: #797f87;margin-top: 0.06rem;} .login-box .form .agree{color: #949494;} .login-box .form .check:not(:last-child){margin-right: 0.6rem;} /* 账户设置 */ .common-content{max-width: 11.5rem;width:87.5%;margin: 0px auto;background-color: #fff;border-radius: 0.1rem;border: 1px solid #edeef0;padding: 0.3rem 0 0.5rem;box-shadow: 0 5px 20px rgba(11,17,138,0.05);min-height: 5rem;} .common-tab{border-bottom: 1px solid #e2e2e2;padding: 0 0.5rem;position: relative;} .common-tab:After{position: absolute;left: 0;bottom: -3px;width: 100%;content: "";height: 2px;background-color: #f7f7f7;} .common-tab .item{width: 25%;position: relative;text-align: center;line-height: 0.7rem;} .common-tab .item:after{left: 50%;transform: translateX(-50%);bottom: -1px;width: 0;content: "";transition: all 0.5s;height: 3px;background-color: rgba(var(--primary-color));position: absolute;} .common-tab .item a{display: block;} .common-tab .item.on a{color: rgba(var(--primary-color));} .common-tab .item.on:after,.common-tab .item:hover:after{width: 80%;} .common-account{padding: 0 0.3rem;} .common-account .item{height: 0.87rem;border-bottom: 1px solid #f0f0f0;} .common-account .item:hover{border-bottom: 1px solid #dddddd;background-color: rgba(0,0,0,0.02);} .common-account .item li{padding-left: 0.46rem;color: #555555;} .common-account .item .btns{font-size: 0.16rem;} .common-account .item li:nth-child(1){width: 20%;} .common-account .item li:nth-child(2){width: 38%;} .common-account .item li:nth-child(3){width: 24%;} .common-account .ok{color: #999999;} .common-account .ok:before{width: 0.25rem;height: 0.25rem;background: url(../images/ico_ok.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;content: "";} .common-account .not{color: #999999;} .common-account .not:before{width: 0.25rem;height: 0.25rem;background: url(../images/ico_no.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;content: "";} .settip{margin-bottom: 0.48rem;text-align: center;} .settip span{padding: 0.13rem 0.5rem 0.13rem 0.15rem;border-radius: 0.5rem;background-color: #e5f0fa;color: #555555;display: inline-block;} .settip .close{display: inline-block;vertical-align: middle;width: 0.24rem;height: 0.24rem;border-radius: 50%;background: #fff url(../images/close3.png) no-repeat center center/0.11rem 0.11rem;margin-right: 0.07rem;cursor: pointer;} .settip .close:hover{background-color: rgba(var(--primary-color),0.2);} .common-notice{padding: 0.3rem 0.3rem 0;} .common-notice .group:not(:last-child){margin-bottom: 0.42rem;} .common-notice .title{padding-left: 0.5rem;} .common-notice .item li{min-height: 0.78rem;padding: 0.2rem 0.5rem;color: #555555;border-bottom: 1px solid #f9f9f9;} .common-notice .item li:nth-child(even){background-color: #f9f9f9;} .common-notice .item li:hover{background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.05));background-color: transparent;} .common-notice .item .check{margin-top: 0.16rem;} .common-notice .item .check label{flex: 1;} .common-fund{padding: 0.37rem 0.3rem 0;} .common-fund .title{line-height: 0.6rem;border-bottom: 1px solid #f0f0f0;color: #333333;margin-bottom: 0.29rem;} .common-fund .title.nob{border-bottom: 0;} .common-fund .account{border-radius: 0.1rem;background: #f0f4f7 url(../images/account_bg.jpg) no-repeat right 1.57rem bottom;margin-bottom: 0.46rem;padding: 0.37rem 0.42rem;} .common-fund .account aside{background: url(../images/ico_account.svg) no-repeat 0 center/0.29rem 0.2rem;padding-left: 0.38rem;margin-bottom: 0.25rem;} .common-fund .account .btn a{min-width: 1rem;line-height:0.4rem;background-color: #fff;border-radius: 0.4rem;text-align: center;margin-left: 0.2rem;} .common-fund .account .btn span{width: 0.17rem;height: 0.17rem;margin-right: 0.1rem;} .common-fund .account .btn a:hover{background-image: var(--bg-lg);background-color: transparent;} .common-fund .account .btn a:before{width: 0.17rem;height: 0.17rem;display: inline-block;content: "";margin-right: 0.1rem;background-position: center cnenter;background-repeat: n no-repeat;background-size: contain;vertical-align: middle;} .common-fund .account .btn a.out:before{background-image: url(../images/ico-fund_out1.svg);} .common-fund .account .btn a:hover.out:before{background-image: url(../images/ico-fund_out2.svg);} .common-fund .account .btn a.in:before{background-image: url(../images/ico-fund_in1.svg);} .common-fund .account .btn a:hover.in:before{background-image: url(../images/ico-fund_in2.svg);} .common-fund .account .btn a:hover{color: #fff;} .common-fund .search{padding: 0.29rem 0 0.21rem;} .common-fund .search .seltxt{margin-right: 0.7rem;} .common-shield{padding: 0 0.74rem;} .common-shield .group{min-height: 1.3rem;padding: 0.15rem 0 0.15rem 0.11rem;border-bottom: 1px solid #f0f0f0;} .common-shield .group:hover{border-bottom: 1px solid #dddddd;background-color: rgba(0,0,0,0.02);} .common-shield .avatar{width: 0.54rem;height: 0.54rem;border-radius: 50%;margin-right: 0.17rem;overflow: hidden;} .common-shield .avatar img{width: 100%;height: 100%;object-fit: cover;} .common-shield .top{line-height: 1;margin-bottom: 0.09rem;} .common-shield .star{margin-left: 0.11rem;color: #787878;background: url(../images/star.svg) no-repeat 0 center/0.17rem 0.17rem;padding-left: 0.22rem;} .common-shield .state span{padding: 0 0.14rem;line-height: 0.28rem;color: #777777;background-color: #ededed;margin-right: 0.05rem;border-radius: 0.28rem;} .common-shield .state .tag{padding-left: 0.15rem;} .common-shield .state .tag span{padding: 0 0.1rem;} /* 工作指南 */ .guide-menu{width: 23.47%;border-right: 1px solid #edeef0;} .guide-menu .title{border-bottom: 3px solid #f7f7f7;line-height: 1.15rem;} .guide-menu ul li{height: 0.97rem;border-bottom: 1px solid #edeef0;} .guide-menu ul a{display: block;position: relative;padding: 0 0.48rem 0 0.38rem;width: 100%;} .guide-menu ul a:after{position: absolute;right: 0;top: 55%;transform: translateY(-50%);content: "";width: 0.07rem;height: 0.12rem;background: url(../images/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: all 0.5s;} .guide-menu ul span{font-size: 0.2rem;color: #d5e0e9;margin-right: 0.08rem;} .guide-menu ul li.onli a{color: rgba(var(--primary-color));} .guide-menu ul li.onli a:After,.guide-menu ul li:hover a:After{opacity: 1;right: 0.32rem;} .guide-content{padding: 0.52rem 0.5rem 0.52rem 1rem;} .guide-content .tophead{background-color: #f0f4f7;border-radius: 0.1rem;margin-bottom: 0.35rem;padding: 0.33rem 0.4rem;position: relative;} .guide-content .tophead .num{position: absolute;left: 0.4rem;line-height: 1;font-size: 1.2rem;color: #e5ebf0;bottom: -0.2rem;z-index: 0;font-weight: bold;} .guide-content .tophead aside{margin-bottom: 0.05rem;} .guide-content .tophead .icon{width: 1.36rem;} .guide-content .tophead .icon img{width: 100%;} /* 确认订单 */ .confirm-order {padding: 0 0.6rem;} .confirm-order .tithead{margin-bottom: 0.25rem;} .confirm-order .form .group{padding-bottom: 0.4rem;} .confirm-order .form .group .label{font-size: 0.18rem;width: 1.03rem;} /*line-height: 0.4rem;*/ .confirm-order .form .payment{border-radius: 0.08rem;border: 1px solid #dddddd;padding: 0.19rem;width: 6.56rem;background-color: #fafafa;} .confirm-order .form .payment img{width: 0.28rem;margin-right: 0.1rem;} .confirm-order .form .payment dd{position: relative;cursor: pointer;display: flex;align-items: center;flex-wrap: wrap;} .confirm-order .form .payment dd:After{position: absolute;right: 0;top: -1px;width: 0.28rem;height: 0.28rem;border-radius: 50%;content: "";border: 1px solid #9c9c9c;} .confirm-order .form .payment dd:not(:last-child){margin-bottom: 0.2rem;} .confirm-order .form .payment dd.on:After{border-color: rgba(var(--primary-color));background: rgba(var(--primary-color)) url(../images/gou.svg) no-repeat center center/0.16rem 0.11rem;} .confirm-order .form .payment .tip{margin-left: 0.4rem;} .confirm-order .form .agree{border-bottom: 1px solid #e3e3e3;padding: 0.36rem 0;margin-bottom: 0.5rem;} .confirm-order .form .price span{margin-left: 0.35rem;} /* 企划需求 */ .demand-list{margin: 0 0 -0.2rem -0.2rem;} .demand-list.w2 .item{width: 50%;} .demand-list .item{width: 33.333%;padding: 0 0 0.2rem 0.2rem;} .demand-list .inner{border-radius: 0.1rem;border: 2px solid #fff;background-image: linear-gradient(to bottom, rgba(16,21,235,0.05) ,rgba(16,21,235,0) );padding: 0.3rem;transition: all 0.5s;box-shadow: 0 5px 32px rgba(45,46,50,0.15);} .demand-list .inner .planInfo { width: 100%; } .demand-list .inner .planPrice { width: 100%; margin: 16px 0 0 0; } .demand-list .state span:not(.price){padding-left: 0.24rem;background-position: 0 center;background-repeat: no-repeat;background-size: 0.19rem 0.19rem;} .demand-list .state span.date{background-image: url(../images/ico_date2.svg);} .demand-list .state span.ct{background-image: url(../images/ico_ct.svg);} .demand-list .state span.num{background-image: url(../images/ico_num.svg);} .demand-list .state .price{text-align: right;flex: 1;margin: 0;} .demand-list .state{padding-top: 0.25rem;border-top: 1px solid rgba(0,0,0,0.1);} .demand-list .state span:not(:first-child){margin-left: 0.3rem;} .demand-list .article{min-height: 1.56rem;} .demand-list .article b { font-weight: normal; font-size: 0.14rem; padding: 2px 6px; border: solid 1px rgba(var(--primary-color),1); color: rgba(var(--primary-color),1); border-radius: 4px; margin-right: 0.1rem; margin-top: 4px; float: left; } .demand-list .avatar{width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;margin: 0.08rem 0 0 0.5rem;} .demand-list .avatar img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;} .demand-list .avatar:hover img{transform: scale(1.05);} .demand-list .txt{margin: 0.09rem 0 0.12rem;} .demand-list .tag img{height: 0.2rem;margin-right: 0.09rem;} .demand-list .item:hover .inner{background: #fff;} .evaluate-list{margin: 0 0 -0.2rem -0.2rem;} .evaluate-list .item{width: 33.333%;padding: 0 0 0.2rem 0.2rem;} .evaluate-list .inner{border-radius: 0.1rem;border: 2px solid #fff;background-image: linear-gradient(to bottom, rgba(16,21,235,0.05) ,rgba(16,21,235,0) );padding: 0.3rem;transition: all 0.5s;position: relative;box-shadow: 0 5px 32px rgba(45,46,50,0.15);} .evaluate-list .head .avatar{width: 1rem;height: 1rem;margin-right: 0.24rem;} .evaluate-list .head .star{margin-top: 0.15rem;} .evaluate-list .salary{position: absolute;right: 0.3rem;top: 0.43rem;color: #eb2f2f;} .evaluate-list .tit{margin-top: 0.14rem;} .evaluate-list .txt{margin: 0.1rem 0 0;} .evaluate-list .item:hover .inner{background: #fff;} /* 发布需求 */ .main-content{margin: 0px auto;background-color: #fff;border-radius: 0.1rem;border: 1px solid #edeef0;padding: 0.7rem 0.8rem;box-shadow: 0 5px 20px rgba(11,17,138,0.05);min-height: 5rem;} .main-content .line{margin-top: 0.6rem;padding-top: 0.6rem;border-top: 1px solid #e6e6e6;width: 100%;} .select-type{margin: 0 0 -2.25% -2.25%;} .select-type li{margin: 0 0 2.25% 2.25%;width:31.08%;font-size: 0.24rem;cursor: pointer;border-radius: 0.2rem;background-color: #f1f9ff;position: relative;transition: all 0.5s;} .select-type li .inner{height:0.96rem;font-size: 0.24rem;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 2px;border-radius: 0.2rem;} .select-type li:after{content: "";left: 0;top: 0;width: 100%;height: 100%;position:absolute;border: 2px solid #e5e5e5;opacity: 0;border-radius: 0.16rem;transition: all 0.5s;} .select-type li.on,.select-type li:hover{background-color: #fff;box-shadow: 0 8px 12px rgba(110,110,110,0.13);} .select-type li.on:after{opacity: 1;} .select-type li:hover,.select-type li.cur{background-color: #f7fbfc;box-shadow: 0 8px 12px rgba(110,110,110,0.13);} .select-type li.cur{background-image: var(--bg-lg);} .select-type li.cur .inner{background-color: #f7fbfc;width: calc(100% - 4px);} .select-type li.cur em{top: 0;right: 0;border-radius: 0 0.18rem 0 0.18rem;width: 0.48rem;height: 0.32rem;position: absolute;background-image: var(--bg-lg);} .select-type li.cur em:After{width: 100%;height: 100%;left: 0;top: 0;position: absolute;content: "";background: url(../images/gou.svg) no-repeat center center/0.16rem 0.12rem;} .select-type.two li{width: 47.5%;} .select-type.two .inner{padding: 0.59rem;height: auto;min-height: 2.44rem;flex-direction: row;} .select-type.two .icon{width: 1.24rem;height: 1.24rem;border-radius: 50%;background-color: #fff;box-shadow: 0 8px 12px rgba(105,149,182,0.13);margin-right: 0.13rem;display: flex;align-items: center;justify-content: center;} .select-type.two .icon img{width: 0.5rem;height: 0.5rem;} .select-type.two aside{margin-bottom: 0.05rem;} .subTit .select-invite{padding-right: 0.47rem;position: relative;} .subTit .select-invite:After{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.08rem;height: 0.15rem;background: url(../images/arr_r_black2.svg) no-repeat center center/contain;transition: all 0.5s;} .subTit .select-invite:hover:After{right: -0.05rem;} .subTit .select-invite .icon{width: 0.6rem;height: 0.6rem;border-radius: 50%; overflow:hidden; background-color: #ededed;margin-right: 0.15rem;} .subTit .select-invite .icon img{width: 100%;height: 100%;} .subTit .select-invite p{margin-top: 0.04rem;} .setp-top{font-size: 0.24rem;margin-bottom: 0.6rem;} .setp-top li{width: 3.88rem;text-align: center;color: #999999;} .setp-top li em{position: relative;z-index: 2;width: 0.44rem;height: 0.44rem;line-height: 0.44rem;background-color: #e6e6e6;border-radius: 50%;} .setp-top li span{margin: 0px auto 0.14rem;text-align: center;width: 0.6rem;height: 0.6rem;display: flex;align-items: center;justify-content: center;background-color: #e6e6e6;border-radius: 50%;color: #999999;position: relative;} .setp-top li span:before,.setp-top li span:after{width: 1.82rem;height: 0.4rem;top: 50%;transform: translateY(-50%);content: "";background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 100%;} .setp-top li span:before{background-image: url(../images/set_point1.svg);left: -1.68rem;} .setp-top li span:after{background-image: url(../images/set_point2.svg);right: -1.68rem;} .setp-top li.on span{color: rgba(var(--primary-color));background-color: rgba(var(--primary-color));} .setp-top li.on {color: rgba(var(--primary-color));} .setp-top li.on span em{background-color: #f0f7fa;} .setp-top li.on span:before{background-image: url(../images/set_point01.svg);} .setp-top li.on span:after{background-image: url(../images/set_point02.svg);} .setp-top li:first-child span:before{display: none;} .setp-top li:last-child span:after{display: none;} .base-form .group{padding: 0.4rem 0;border-bottom: 1px solid #e6e6e6;} .base-form .group:first-child{padding-top: 0;} .base-form .group .label{width: 2.75rem;font-size: 0.24rem;} .base-form .group .radioList label:not(:last-child){margin-right: 0.63rem;} .base-form .range .txt{text-align: right;padding-left: 0.28rem;color: #666666;font-weight: 100;font-size: 0.16rem;} .base-form .range .input input{ flex: 1;} .base-form .range .input span{width: 0.32rem;text-align: center;color: #cccccc;} .base-form .checkList {margin-left: -0.2rem;} .base-form .checkList label{margin: 0 0 0.2rem 0.2rem;width: calc(100% / 4 - 0.2rem);line-height: 0.44rem;padding: 1px;border-radius: 0.08rem;text-align: center;background-color: #e6e6e6;cursor: pointer;} .base-form .checkList label:hover{background-color: #999;} .base-form .checkList label span{display: block;background-color: #fff;border-radius: 0.08rem;} .base-form .checkList label.on{background-image: var(--bg-lg);color: rgba(var(--primary-color));} .base-form .btnbox{padding-top: 0.6rem;} .base-form .btnbox button{margin-left: 0.2rem;} /***** 个人主页 *****/ .pageBan .ispic{height: 5.2rem;overflow: hidden;} .pageBan .ispic img{height: 5.2rem;width: 100%;object-fit: cover;} .homepage-head{border: 1px solid #edeef0;background-color: #fff;padding: 0.3rem 0.5rem;border-radius: 0.1rem;box-shadow: 0 5px 10px rgba(103,106,117,0.08);position: relative;z-index: 10;transform: translateY(-1.23rem);margin-bottom: -0.8rem;} .homepage-head .inner{border-bottom: 1px solid #ebebeb;padding-bottom: 0.25rem;margin-bottom: 0.19rem;} .homepage-head .head {flex: 1;} .homepage-head .head .avatar{width: 1.44rem;height: 1.44rem;margin-right: 0.65rem;} .homepage-head .head .tag{padding-top: 0.25rem;} .homepage-head .head .tag span{line-height: 0.29rem;min-width: 1.25rem;padding: 0 0.12rem;text-align: center;color: #555;border: 1px solid #e4e5e6;border-radius: 0.3rem;} .homepage-head .head .tag img{height:0.16rem;margin: -0.03rem 0.09rem 0 0;} .homepage-head .head .tag_bao{padding-top: 0.05rem;} .homepage-head .head .tag_bao span{line-height: 0.29rem;min-width: 1.25rem;padding: 0 0.12rem;text-align: center;color: #555;border: 1px solid #e4e5e6;border-radius: 0.3rem;} .homepage-head .head .tag_bao img{height:0.16rem;margin: -0.03rem 0.09rem 0 0;} .homepage-head .complete{margin-top: 0.16rem;width: 4.08rem;} .homepage-head .complete .num i{font-size: 0.3rem;margin: 0 0.13rem;} .homepage-head .complete .wight{margin-left: 0.2rem;color: #fff;line-height: 0.3rem;border-radius: 0.3rem;padding: 0 0.12rem;background-color: rgba(var(--primary-color));} .homepage-head .complete .left{min-width: 1.93rem;} .homepage-head .setbtn{width: 2.71rem;text-align: center;border-left: 1px solid #efefef;height: 1.44rem;} .setbtn p:not(:last-child){margin-bottom: 0.22rem;} .setbtn p a{color: #999999;padding-left: 0.33rem;position: relative;} .setbtn p a:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.22rem;height: 0.22rem;content: "";background-size: contain;opacity: 0.4;} .setbtn p.pinbi a:before{background-image: url(../images/ico_pb.svg);} .setbtn p.pinbi.on a { color: #333; } .setbtn p.pinbi.on a:before{opacity: 0.8 !important;} .setbtn p.jubao a:before { background-image: url(../images/ico_jb.svg); } .setbtn p.edit a:before{background-image: url(../images/ico_edit.svg);} .setbtn p.rec a:before{background-image: url(../images/ico_rec.svg);} .setbtn a:hover{color: #333 !important;} .setbtn a:hover:before{opacity: 0.8 !important;} /* 公会详情 */ .detail-content{margin: 0px auto;background-color: #fff;border-radius: 0.1rem;border: 1px solid #edeef0;box-shadow: 0 5px 20px rgba(11,17,138,0.05);min-height: 5rem;} .detail-content .tophead{border-bottom: 1px solid #ebebeb;padding: 0.4rem 0.6rem;} .detail-content .tophead .avatar{width: 1rem;height: 1rem;} .detail-content .tophead .tag{padding-top: 0.15rem;} /*.detail-content .tophead .tag span{line-height: 0.39rem; min-width: 1.88rem;padding: 0 0.14rem;color: #333;border: 1px solid #e4e5e6;border-radius: 0.38rem;}*/ .detail-content .tophead .tag span{line-height: 0.39rem; padding: 0 0.14rem;color: #333;border: 1px solid #e4e5e6;border-radius: 0.38rem;} .detail-content .content{padding: 0.5rem 0.6rem;} .detail-content .pubdate {margin: 0.16rem 0 0.46rem;} .detail-content .pubdate span{margin-right: 0.66rem;} .detail-content .enddate {margin-bottom: 0.3rem;} .detail-content .enddate .item{min-width: 2.7rem;} .detail-content .enddate .item .left{margin-right: 0.38rem;} .detail-content .imgbox{width: 6.8rem;} .detail-content .imgbox img{width: 100%; border-radius:10px;} .detail-content .video{width: 7.8rem;} .detail-content .video video{width: 100%;height: 4.3rem;object-fit: cover;} .detail-content .nviteBox{border-radius: 0.1rem;border: 1px solid #dddddd;padding: 0.3rem;} .detail-content .nviteBox .title .more{font-weight: 100;text-decoration: underline;text-underline-offset: 2px;} .detail-content .nviteBox:not(:last-child){margin-bottom: 0.2rem;} .detail-content .nviteBox .list{margin-left: -0.85rem;} .detail-content .nviteBox .item{padding: 0.14rem 0 0 0.85rem;cursor: pointer;width: 33.333%;} .detail-content .nviteBox .list.w2 {margin: 0;} .detail-content .nviteBox .list.w2 .item{width: 48%;padding-left: 0;} .detail-content .nviteBox .head{width: 2.5rem;} .detail-content .nviteBox .detail{flex: 1;line-height: 0.35rem;} .detail-content .nviteBox .btns{padding: 0 0.1rem;} .detail-content .carditem:nth-child(2){padding-bottom: 0.49rem;margin-bottom: 0.49rem;border-bottom: 1px solid #ebebeb;} .detail-content .carditem dl{margin-top: 0.29rem;} .detail-content .carditem dl img{margin: -0.03rem 0 0 0.2rem;} .detail-content .carditem .img img{max-width: 6.8rem;} .addbtn{width: 0.25rem;height: 0.25rem;border-radius: 50%;border: 1px solid #333333;background: url(../images/ico_jia.svg) no-repeat center center/0.11rem 0.11rem;cursor: pointer;display: inline-block;vertical-align: middle;} .addbtn:hover{border-color: rgba(var(--primary-color));background-image: url(../images/ico_jia2.svg);} /* 创作者 */ .pageBan.h400{height: 4rem;} .pageBan.h400 .ispic{height: 4rem;} .creator-head{margin-bottom: 0.28rem;} .creator-head .top{padding-top: 0.22rem;} .creator-head .avatar{width: 1.7rem;height: 1.7rem;position: relative;margin-top: -0.7rem;overflow: visible;} .creator-head .avatar span{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;} .creator-head .avatar:After{pointer-events: none;left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;border: 0.05rem solid rgba(255,255,255,0.5);border-radius: 50%;} .creator-head .avatar .edit{width: 0.32rem;height: 0.32rem;border-radius: 50%;background: rgba(var(--primary-color)) url(../images/ico_edit2.svg) no-repeat center center/0.18rem 0.18rem;right: 0.09rem;bottom: 0.09rem;z-index: 10;position: absolute;} .creator-head .avatar .edit:hover{opacity: 0.8;} .creator-head .tag{margin-top: 0.13rem;} .creator-head .tag span{min-width: 1.18rem;text-align: center;line-height: 0.28rem;background-color: #ebf9ff;color: rgba(var(--primary-color));border-radius: 0.28rem;} .creator-head .tag span img{height: 0.18rem;margin: -0.03rem 0.07rem 0 0;} .creator-head .tag .change{background-color: #f2f2f2;color: #666666;cursor: pointer;} .creator-head .tag_bao{margin-top: 0.13rem;} .creator-head .tag_bao span{min-width: 1.18rem;text-align: center;line-height: 0.28rem;background-color: #ebf9ff;color: rgba(var(--primary-color));border-radius: 0.28rem;} .creator-head .tag_bao span img{height: 0.18rem;margin: -0.03rem 0.07rem 0 0;} .creator-head .tag_bao .change{background-color: #f2f2f2;color: #666666;cursor: pointer; padding:0 0.16rem} .creator-head .star.s0{margin-left: 0.2rem;} .creator-head .set{padding-top: 0.1rem;} .creator-tit h2:before{display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;width: 0.03rem;height: 0.2rem;content: "";background-image: var(--bg-lg);} .creator-tit .setbtn p:not(:last-child){margin: 0 0.4rem 0 0;} .creator-tit .setbtn p a:before{opacity: 0.25;} .creator-tit .setbtn p a{color: #cccccc;} .creator-tit b { font-weight: normal; color: rgba(var(--primary-color),1); } .creator-txt { padding: 0.1rem 0.13rem 0.25rem; } .creator-txt .txt{position: relative;} .creator-txt .txt .more{position:absolute;bottom: 0;background: linear-gradient(90deg, transparent, white 20%);padding-left: 0.08rem;right: 0;} .creator-txt .txt .inner{max-height: 4em;overflow: hidden;transition: all 0.5s;} .creator-txt .txt.on .inner{max-height: none;} .creator-state{padding: 0.24rem 0.39rem 0.3rem;background-color: #f8f8f8;} .creator-state .list{margin-left: -0.15rem;} .creator-state .list li{width: 2.36rem;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 0.1rem;font-size: 0.18rem;margin-left: 0.15rem;height: 0.75rem;cursor: pointer;background-color: #fff;} .creator-state .list li.on{background-image: var(--bg-lg);color: #fff;} .filter-change{padding: 0.1rem 0 0.2rem;} .filter-change li{line-height: 0.38rem;font-size: 0.18rem;border-radius: 0.4rem;padding: 1px;background-color: #d9dcdf;margin-bottom: 0.2rem;} .filter-change li a{display: block;background-color: #fff;border-radius: 0.38rem;padding: 0 0.23rem;} .filter-change li span{color: #999999;} .filter-change li:not(:last-child){margin-right: 0.2rem;} .filter-change li.on{background-image: var(--bg-lg);} .filter-change li.on a,.filter-change li.on span{color: rgba(var(--primary-color));} .loading-more{text-align: center;color: #b2b2b2; display:none;} .loading-more:before{background: url(../images/loading.gif) no-repeat center center;width: 0.3rem;height: 0.3rem;display: block;content: "";margin: 0px auto 0.05rem;} .audio-content{background-color: #fff;border-radius: 0.2rem;text-align: center;padding-bottom: 0.5rem;} .audio-content .thead{line-height: 0.7rem;background-color: rgba(var(--primary-color));border-radius: 0.2rem 0.2rem 0 0;color: #fff;padding: 0 0.6rem;} .audio-content .thead aside{flex: 1;text-align:left;padding-left:0.5rem;} .audio-content .top{flex: 1;} .audio-content p:nth-child(2){flex: 1;} .audio-content p:nth-child(3),.audio-content p:nth-child(4),.audio-content p:nth-child(5),.audio-content p:nth-child(6){width: 0.58rem;} .audio-content .content{padding: 0 0.6rem 0.6rem;} .audio-content .content .top{text-align: left;padding-left: 0.2rem;} .audio-content .content .dot1{position: relative;padding-left: 0.14rem;} .audio-content .content .dot1:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.06rem;height: 0.06rem;background-color: rgba(var(--primary-color));border-radius: 50%;} .audio-content .content .item{line-height: 0.78rem;transition: all 0.5s;} .audio-content .content .item:not(:last-child){border-bottom: 1px solid #e6e6e6;} .audio-content .content .item:nth-child(even){background-color: #f7fbfc;} .audio-content .content .icon{width: 0.25rem;height: 0.25rem;display: inline-block;cursor: pointer;background-position: center center;background-repeat: no-repeat;background-size: contain;vertical-align: middle;} .audio-content .content .play{background-image: url(../images/ico-audio_sp.svg);margin: 0;background-color: transparent;} .audio-content .content .play:hover{background-image: url(../images/ico-audio_sp2.svg);} .audio-content .content .zan{background-image: url(../images/ico-audio_zan.svg);position:relative;} .audio-content .content .zan.on span{background-color: rgba(var(--primary-color));} .audio-content .content .zan span { position: absolute; left: 60%; top: -0.03rem; font-size: 0.12rem; line-height: 1; background-color: #999 ; height: 0.15rem; line-height: 0.15rem; padding: 0 0.05rem; border-radius: 0.1rem; color: #fff; }} .audio-content .content .zan:hover,.audio-content .content .zan.on{background-image: url(../images/ico-audio_zan2.svg);} .audio-content .content .down{background-image: url(../images/ico-audio_xz.svg);} .audio-content .content .down:hover{background-image: url(../images/ico-audio_xz2.svg);} .audio-content .content .share{background-image: url(../images/ico-audio_fx.svg);} .audio-content .content .share:hover{background-image: url(../images/ico-audio_fx2.svg);} .audio-content .content .ispic{display: none;} .audio-content .content .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);z-index: 1;position: relative;} .audio-content .content .icon.pause{background-size: 0.15rem 0.15rem;} .creator-guide{background-color: #fafafa;border-radius: 0.1rem;padding: 0.34rem 0.4rem;margin-bottom: 0.2rem;} .creator-guide h3{padding-top: 0.03rem;} .creator-guide li{min-width: 50%;margin-top: 0.18rem;padding-left: 0.34rem;background: url(../images/ico_close.png) no-repeat 0 0/0.24rem 0.25rem;color: #333333;font-size: 0.18rem;font-weight: 100;} .creator-guide:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .tip-guide{color: #999999;padding-left: 0.37rem;background: url(../images/ico_wh.svg) no-repeat 0 0.08rem;} .line-btn{border-top: 1px solid #ebebeb;padding-top: 0.4rem;margin-top: 0.4rem;} .back{color: rgba(var(--primary-color));padding-left: 0.2rem;background: url(../images/arr_l_blue.svg) no-repeat 0 center;transition: all 0.5s;} .back:hover{transform: translateX(-0.05rem);} .back2{color: rgba(var(--primary-color));padding-right: 0.25rem;background: url(../images/ico_back.svg) no-repeat right center/0.16rem 0.15rem;transition: all 0.5s;cursor: pointer;} .back2:hover{transform: translateX(-0.05rem);} .tipnum{position: absolute;right: 0.18rem;top: 0.05rem;color: #999999;z-index: 1;font-weight: 100;} .formBox .group{margin-bottom: 0.4rem;} .formBox .group .label{min-width: 1.36rem;} .formBox .group .input{position: relative;} .formBox .textarea{position: relative;} .formBox .textarea .gobtn{position: absolute;right: 0.2rem;bottom: 0.08rem;} .formBox .design{border-radius: 0.1rem;border: 1px solid #dddddd;padding: 0.16rem 0.19rem;} .formBox .design .title{padding-bottom: 0.12rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.23rem;} .formBox .design .list{margin-left: -0.25rem;} .formBox .design .list li{width: 25%;padding: 0 0 0.25rem 0.25rem;} .formBox .design .list .ispic{border-radius: 0.1rem;padding-top: 75%;} .formBox .nviteBox .box{width: 49%;border: 1px solid #dddddd;border-radius: 0.1rem;padding: 0.3rem 0;min-height: 4.5rem;} .formBox .nviteBox .box .tithead{padding: 0 0.66rem;} /* .formBox .nviteBox .box .list{max-height: 3.57rem;overflow-y: auto;} */ .formBox .nviteBox .item{padding: 0.18rem 0.66rem;cursor: pointer;font-size: 0.16rem;} .formBox .nviteBox .item:hover,.formBox .nviteBox .item.on{background-color: #f1f9ff;} .formBox .radios label{padding-right: 0.1rem;display: inline-block;min-width: 1.47rem;margin-bottom: 0.24rem;} .formBox .searchbox{width: 3.3rem;margin: 0 0 0 0.4rem;} .formBox .searchbox{height: 0.5rem;} .formBox .searchbox input{height: 0.45rem;} .formBox .searchbox button{width: 0.98rem;height: 0.48rem;} .gobtn{color: rgba(var(--primary-color));background: url(../images/arr_r_blue.svg) no-repeat right 65%/0.08rem 0.14rem;padding-right: 0.17rem;transition: all 0.5s;display: inline-block;} .gobtn:hover{transform: translateX(0.05rem);} .job-select{margin-left: -0.36rem;} .job-select li{width: 44%; margin:0 auto;} /*.job-select li{width: 33.333%;padding-left: 0.36rem;}*/ .job-select li a{display: block;padding-top: 0.6rem;min-height: 4.56rem;border-radius: 0.1rem;text-align: center;} .job-select li .icon img{height: 1.8rem;} .job-select li aside{font-size: 0.24rem;line-height: 0.7rem;margin-bottom: 0.26rem;} .job-select li:nth-child(1) a{background-color: #f0f8fc;} .job-select li:nth-child(2) a{background-color: #fcf7f0;} .job-select li:nth-child(3) a{background-color: #f0f8fc;} /* 创作者-起始页 */ .creator-head2{border-bottom: 1px solid #ebebeb;padding: 0.4rem 0.6rem 0.6rem;} .creator-head2 .set a:not(:last-child){margin-right: 0.21rem;} .creator-head2 .set a img{width: 0.2rem;margin: -0.04rem 0.08rem 0 0;} .creator-head2 .set a.on{color: #1665ef;} .creator-head2 .head {padding-right: 0.27rem;} .creator-head2 .head .avatar{width: 1rem;height: 1rem;} .creator-head2 .seltxt{width: 1.6rem;margin-right: 0.27rem;} .creator-head2 .tip{padding: 0.07rem 0.12rem;border-radius: 0.1rem;color: rgba(var(--primary-color));background-color: #f0f9fe;} .creator-page{padding: 0.6rem;} .creator-page.line{border-top: 1px solid #ebebeb;} .creator-page .detail{width: 6.38rem;} .creator-page .set .box{border: 1px solid #edeef0;border-radius: 0.1rem;min-height: 2.03rem;box-shadow: 0 5px 10px rgba(103,106,117,0.08);} .creator-page .set .nav{width: 1.9rem;text-align: center;padding-top: 0.4rem;} .creator-page .set .nav li:not(:last-child){margin-bottom: 0.49rem;} .creator-page .set .nav img{width: 0.36rem;height: 0.32rem;margin: -0.03rem 0.19rem 0 0;} .creator-page .set .col{width: 2.6rem;padding: 0.17rem 0.19rem;margin-left: 0.3rem;} .creator-page .set .col ul{margin: 0.07rem 0 0.24rem;} .creator-page .set .col li{line-height: 0.28rem;font-weight: 100;color: #333333;padding-left: 0.14rem;position: relative;} .creator-page .set .col li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";width: 0.04rem;height: 0.04rem;border-radius: 50%;background-color: rgba(var(--primary-color));} .creator-page .leftDetail{width: calc(100% - 3.66rem);padding: 0.6rem 0 0.53rem;} .creator-page .leftDetail .head {padding-bottom: 0.4rem;margin-bottom: 0.4rem;border-bottom: 1px solid #ebebeb;} .creator-page .leftDetail .head .avatar{width: 1.44rem;height: 1.44rem;margin-right: 0.45rem;} .creator-page .leftDetail article{margin-right: 0.6rem;} .creator-page .creator{border-left: 1px solid #ebebeb;width:3.66rem;padding:0.53rem 0 0.53rem 0.39rem;} .creator-page .creator h2{padding-bottom: 0.17rem;} .creator-page .creator .list{padding-bottom: 0.2rem;} .creator-page .creator .item{padding-bottom: 0.3rem;} .creator-page .cardtit img{width: 0.38rem;height: 0.38rem;margin: -0.03rem 0 0 0.3rem;} .creator-page.company .head {width: 4.55rem;} .creator-page.company .head .avatar{width: 1.44rem;height: 1.44rem;margin-right: 0.45rem;} .creator-page.company .detail .desc{margin: 0.1rem 0 0.3rem;} .apply-list li{width: 12.5%;text-align: center;font-size: 0.18rem;} .apply-list li img{display: block;margin: 0px auto 0.15rem;width: 1rem;height: 1rem;border-radius: 50%;object-fit: cover;transition: all 0.5s;} .apply-list li:hover img{transform: scale(1.05);} .notice-list .item {margin-bottom: 0.22rem;} .notice-list .item .inner{box-shadow: 0 5px 32px rgba(45,46,50,0.15);border-radius: 0.1rem;padding: 0.3rem;} .notice-list .item .other{margin: 0.02rem 0 0.18rem;} .notice-list .item .date{padding-left: 0.24rem;background: url(../images/ico_date4.svg) no-repeat 0 center/0.16rem 0.16rem;margin-right: 0.2rem;} .notice-list .item.over .inner{pointer-events: none;opacity: 0.4;} .notice-list .item.over aside{color: #666;} /* 个人页面-企划方 */ .creator-page.qhbg{background: url(../images/qhbg.jpg) no-repeat right bottom;} .create-card{max-width: 11.48rem;margin: 0px auto;} .create-card .card{position: relative;} .create-card .card .ispic{text-align:center;} .create-card .card .ispic img{border-radius: 10px;} .create-card .card .heads{position: absolute;right: 0.54rem;bottom: 0.84rem;z-index: 10;} .create-card .card .info{color: #fff;text-align: right;} .create-card .card .info aside{margin-bottom: 0.05rem;} .create-card .card .avatar{width: 1.46rem;height: 1.46rem;border-radius: 50%;border: 0.05rem solid #fff;box-shadow: 0 11px 24px rgba(27,52,82,0.33);margin-left: 0.28rem;overflow: hidden;} .create-card .card .avatar img{width: 100%;height: 100%;object-fit: cover;} .create-card .inner{padding: 0 0.87rem;} .create-card .headset{padding: 0.4rem 0;border-bottom: 1px dashed #cfcfcf;margin-bottom: 0.4rem;} .create-card .details {width: 7.1rem;padding-bottom: 0.63rem;} .create-card .details .date{margin: 0.08rem 0 0.23rem;} .create-card .details .item {line-height: 0.3rem;margin-bottom: 0.06rem;font-size: 0.18rem;color: #333333;} .create-card .details .item dt{width: 1.04rem;} .create-card .closet{padding-top: 0.32rem;border-top: 1px solid #ebebeb;} .create-card .closet .scroll{padding: 0 0.35rem;position: relative;margin-top: 0.25rem;} .create-card .closet .swiper-slide{padding: 0 0.05rem;} .create-card .closet .ispic{padding-top: 100%;border-radius: 0.1rem;} .create-card .closet .arrow{background-color: transparent;width: 0.16rem;height: 0.3rem;background-size: contain;background-color: transparent !important;} .create-card .closet .swiper-button-prev{left: 0;background-image: url(../images/page_arr_left.svg);} .create-card .closet .swiper-button-next{right: 0;background-image: url(../images/page_arr_right.svg);} .create-card-demand{max-width: 5.48rem;} .create-card-demand .card{position: relative;} .create-card-demand .card .ispic img{border-radius:10px;width:100%;} .create-card-demand .card .heads{position: absolute;right: 0.44rem;bottom: 0.44rem;z-index: 10;} .create-card-demand .card .info{color: #fff;text-align: right;} .create-card-demand .card .info aside{margin-bottom: 0.05rem;} .create-card-demand .card .avatar{width: 0.86rem;height: 0.86rem;border-radius: 50%;border: 0.05rem solid #fff;box-shadow: 0 11px 24px rgba(27,52,82,0.33);margin-left: 0.28rem;overflow: hidden;} .create-card-demand .card .avatar img{width: 100%;height: 100%;object-fit: cover;} .create-card-demand .inner{padding: 0.3rem 0 0 0;} .create-card-demand .headset{padding: 0.4rem 0;border-bottom: 1px dashed #cfcfcf;margin-bottom: 0.4rem;} .create-card-demand .details {width: 7.1rem;padding-bottom: 0.63rem;} .create-card-demand .details .date{margin: 0.08rem 0 0.23rem;} .create-card-demand .details .item {line-height: 0.3rem;margin-bottom: 0.06rem;font-size: 0.18rem;color: #333333;} .create-card-demand .details .item dt{width: 1.04rem;} .create-card-demand .closet{padding-top: 0.32rem;border-top: 1px solid #ebebeb;} .create-card-demand .closet .scroll{padding: 0 0.35rem;position: relative;margin-top: 0.25rem;} .create-card-demand .closet .swiper-slide{padding: 0 0.05rem;} .create-card-demand .closet .ispic{padding-top: 100%;border-radius: 0.1rem;} .create-card-demand .closet .arrow{background-color: transparent;width: 0.16rem;height: 0.3rem;background-size: contain;background-color: transparent !important;} .create-card-demand .closet .swiper-button-prev{left: 0;background-image: url(../images/page_arr_left.svg);} .create-card-demand .closet .swiper-button-next{right: 0;background-image: url(../images/page_arr_right.svg);} .flex-aic-row .typeName { padding: 0.02rem 0.1rem; border: solid 1px #009fe9; border-radius: 2px; color: #009fe9; } .lock{background: url(../images/ico_lock_off.svg) no-repeat 0 center/0.18rem 0.18rem;padding-left: 0.23rem;cursor: pointer;margin-left: 0.3rem;} .lock.on{background: url(../images/ico_lock_on.svg) no-repeat 0 center/0.18rem 0.18rem;color: #333;} .creator-page .formBox{width: 8.72rem;margin: 0px auto;} .creator-page .formBox .set {padding-left: 0.49rem;} .creator-page .formBox .set a:not(:last-child){margin: 0 0 0.24rem 0;} .creator-page .formBox .textarea textarea{height: 2rem;} .creator-page .formBox .textarea .tipnum{right: auto;left: 0.2rem;top: auto;bottom: 0.15rem;} .creator-page .formBox .model li{text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 2.4rem;border-radius: 0.1rem;background-color: #f1f5f8;position: relative;height: 1.8rem;cursor: pointer;overflow: hidden;background-position: right bottom;background-repeat: no-repeat;background-size: 1.31rem 1.3rem;} .creator-page .formBox .model li:nth-child(1){background-image: url(../images/ico_pic.gif);} .creator-page .formBox .model li:nth-child(2){background-image: url(../images/ico_yigui.gif);} .creator-page .formBox .model li:not(:last-child){margin-right: 0.2rem;} .creator-page .formBox .model li:not(:last-child){margin-bottom: 0.2rem;} .creator-page .formBox .model li aside{color: #333;} .creator-page .formBox .model li p{line-height: 0.2rem;margin-top: 0.07rem;} .creator-page .formBox .model li.on{border:2px solid rgba(var(--primary-color));} .creator-page .formBox .model li.on:After{position: absolute;right: 0;top: 0;width: 0.24rem;height: 0.24rem;content: "";z-index: 1;background: rgba(var(--primary-color)) url(../images/gou.svg) no-repeat center center/0.11rem 0.08rem;border-radius: 0 0.08rem 0 0.08rem;} .addUpload{text-align: center;height: 0.6rem;cursor: pointer;border: 1px solid #dddddd;border-radius: 0.1rem;} .addUpload img{margin-right: 0.16rem;} .addUpload:hover{border-color: rgba(var(--primary-color));color: rgba(var(--primary-color));} /* demand-list */ .demand-list.w1 .item{width: 100%;} .demand-list.w1 .left {position: relative;} .demand-list.w1 .left:before{position: absolute;right: 0;top: -0.3rem;height: calc(100% + 0.6rem);content: "";border-right: 1px solid #e4e5e5;} /*.demand-list.w1 .article,.demand-list .state {padding-right: 0.58rem;}*/ .demand-list.w1 .set{padding: 0 0.06rem 0 0.36rem;position: relative;} .demand-list.w1 .state span:nth-child(1){width: 22%;} .demand-list.w1 .state span{width: 17%;} .demand-list.w1 .state .price{flex: none;text-align: left;} /* 聊天工具 */ .connect-popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;background-color: rgba(0,0,0,0.5);display: none;} .connect-popup .close{position: absolute;width: 0.21rem;height: 0.21rem;right: 0.25rem;top: 0.25rem;background: url(../images/close_white.svg) no-repeat center center/contain;opacity: 0.5;cursor: pointer;} .connect-popup .close:hover{opacity: 1;} .connect-popup .closeall{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;cursor: pointer;} .connect-popup .content{background-color: #fff;width: 5.2rem;margin: 0px auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;} .connect-popup .content .head{border-bottom: 1px solid #028cd7;background-image: linear-gradient(to bottom, rgba(16,21,235), rgba(0,159,233));padding: 0.3rem;color: #fff;} .connect-popup .content .avatar{width: 0.8rem;height: 0.8rem;border: 3px solid #fff;} .connect-popup .content .name{line-height: 0.66rem;padding: 0 0.3rem;border-bottom: 1px solid #eeeeee;} .connect-popup .content .head aside,.connect-popup .content .head .star{color: #fff;} .connect-popup .content .star{margin: 0 0 0 0.2rem;} .connect-popup .content .state{margin-top: 0.12rem;} .connect-popup .content .inner{padding: 0.3rem;} .connect-popup .content .inner .item{margin-bottom: 0.3rem;} .connect-popup .content .inner .avatar{text-align: center;margin-right: 0rem;width: 0.6rem;height: 0.6rem;} .connect-popup .content .inner .avatar figure{width: 0.6rem;height: 0.6rem;border-radius: 50%;overflow: hidden;margin: 0.03rem 0 0;} .connect-popup .content .inner .avatar figure img{width: 100%;height: 100%;object-fit: cover;} .connect-popup .content .inner .list{max-height: 5rem;overflow-y: auto;padding-right: 0.2rem;} .connect-popup .content .inner .info{box-shadow: 0 5px 20px rgba(93,93,93,0.1);width: 4.1rem;padding: 0.2rem;border: 1px solid #eeeeee;border-radius: 0.15rem 0.15rem 0.15rem 0;min-height: 0.9rem;margin-top: 0.05rem; margin-left:0.2rem;} .connect-popup .content .inner time{padding-left:0.2rem;} .connect-popup .content .list .item:nth-child(even) .right, .connect-popup .content .list .item.reply .right{display: flex;flex-direction: column;align-items: flex-end;} .connect-popup .content .list .item:nth-child(even) .avatar, .connect-popup .content .list .item.reply .avatar{margin: 0 0 0 0rem !important;} .connect-popup .content .reply{flex-direction: row-reverse;} .connect-popup .content .reply .info{color: #fff; float:right; margin-right:0.1rem; background-color: #0f1beb;border-radius: 0.15rem 0.15rem 0 0.15rem;} .connect-popup .content .reply time{text-align:right; padding-right:0.1rem;} .connect-popup .form{padding: 0.3rem;border-top: 1px solid #e7e7e7;} .connect-popup .message {border-radius: 0.5rem;background-color: #f3f3f3;width:4.15rem;margin-right: 0.1rem;padding: 0 0.12rem 0 0.32rem;position: relative;} .connect-popup .message input{width:100%;height: 0.45rem;border:0;background-color: transparent;} .connect-popup .form #emoji-btn{width: 0.3rem;height: 0.23rem;background: url(../images/input_up.svg) no-repeat center center/contain;cursor: pointer;} .connect-popup .form #emoji-btn:hover{opacity: 0.8;} .connect-popup .form .send{width: 0.89rem;height: 0.45rem;border-radius: 0.5rem;color: #fff;background-color: #0f1beb;cursor: pointer;} .connect-popup .form .send:hover{opacity: 0.8;} /* 表情下拉 */ .emoji-picker { position: absolute; bottom: 50px; right: -100px; width: 300px; background: white; border: 1px solid #ddd; border-radius: 8px; padding: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 100; } .emoji-picker.hidden { display: none; } .emoji-category { font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .emoji-container { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; } .emoji { font-size: 20px; cursor: pointer; text-align: center; border-radius: 4px; } .emoji:hover { background: #f0f0f0; } /* 搜索 */ .searchbox{margin-bottom: 0.4rem;height: 0.6rem;border-radius: 0.6rem;padding-left: 0.59rem;position: relative;border: 1px solid #e6e6e6;} .searchbox:before{position: absolute;width: 0.22rem;height: 0.22rem;content: "";top: 50%;transform: translateY(-50%);left: 0.28rem;background: url(../images/ico_soso.svg) no-repeat center center/contain;opacity: 0.5;} .searchbox input{flex: 1;height: 0.56rem;border: 0;width: 100%;} .searchbox button{height: 0.58rem;width: 1.48rem;border-radius: 0.58rem;background-color: #f2f2f2;font-size: 0.18rem;font-weight: 100;margin-left: 0.1rem;border: 0;cursor: pointer;} .searchbox:hover{box-shadow: 0 0 16px rgba(16,21,235,0.1) !important;} .searchbox button:hover{background-image: var(--bg-lg);color: #fff;} .homeLink{ background-color:#009fe9; color:#fff; display:inline-block; text-align:center; padding:0.04rem 0.06rem; border-radius:4px; } .homeLink:hover { background-color: #009fe9; color: #fff; } /* 20250813 */ .notice-list2{margin-top: -0.15rem;} .notice-list2 .item {padding: 0.18rem 0;border-bottom: 1px solid rgba(0,0,0,0.05);} .notice-list2 .item span{color: #999;} .notice-list2 .item aside{flex: 1;margin: 0 0.15rem;} .notice-list2 .item time{color: #999;} .noneBoxContent { font-size: 0.15rem; padding: 1.8rem 1.5rem 2.2rem 1.5rem; line-height: 0.4rem; text-align: center; color: #b1aeae; } .noneBoxContent span{ color: #0f1beb; } .alipayQRcode img{ margin:0 auto; } .alipayQRcode .total { margin: 0 auto; text-align:center; padding:0.1rem 0; } .alipayQRcode .total b{ font-weight:normal; color:red; } .faceBind .upload-section { margin-right:0px; } .faceBind .image-previews, .faceBind .image-preview { margin: 0 auto 0 auto !important; } .faceBind .btn { margin: 0 auto 0 auto; } .faceBind img { margin: 0 auto 0 auto; } .faceBind .total { margin: 0 auto; text-align: center; padding: 0.1rem 0; } .faceBind .total b { font-weight: normal; color: red; } .faceQRcode img { width: 2.6rem; margin: 0.4rem auto 0 auto; } .faceQRcode .total { margin: 0 auto; text-align: center; padding: 0.1rem 0; } .faceQRcode .total b { font-weight: normal; color: red; } #iframeFace { border-radius:0.16rem; overflow:hidden; } .cursorNoDrop { cursor: no-drop } .inline-block { display:inline-block!important; } .nodatas{text-align:center;font-size:0.24rem;width:100%;} .nodatas:before { content: ""; width: 1.6rem; height: 1.6rem; display: inline-block; vertical-align: middle; margin: 0.5rem 0 0.5rem 0.4rem; background: url(../images/nodata.svg) no-repeat center center/contain; } .pdtb20 { padding:0.2rem 0; } .pdtb30 { padding: 0.3rem 0; } .pdtb40 { padding: 0.4rem 0; } .line-height28 { line-height:0.28rem; } .line-height3 { line-height: 0.3rem; } .line-height32 { line-height: 0.32rem; }