@charset "utf-8";
:root{--dark-color:#202223;--white-color:#ffffff;--font-000:#000000;--font-333:#333333;--font-af: #afafaf;--font-555:#555555;--font-666:#666666;--font-999:#999999;--font-light:#CECECE;--font-ccc:#cccccc;--font-eee:#eeeeee;--font-fff:#ffffff;--font-color:#626569;--text-muted:#9A9A9A;--border-color:#d7d7d7;--card-color:#ffffff;--bg-f7f7:#f7f7f7;--bg-f6f6:#f6f6f6;--body-color:#F4F8F9;--box-shadow:#c7c1c1;--sidebar-bg:#202223;--secondary-color-green-100:#81EBB1;--secondary-color-green-200:#73E3D5;--secondary-color-blue-100:#A1C8FE;--secondary-color-blue-200:#6DC7E3;--secondary-color-orange-100:#FFD568;--secondary-color-red-100:#FFA585;--secondary-color-red-200:#FF9592;--secondary-color-purple-100:#C0A4F9}
[data-theme=dark]{--dark-color:#e4e4e4;--white-color:#ffffff;--font-000:#ffffff;--font-333:#afafaf;--font-555:#868686;--font-777:#777777;--font-999:#999999;--font-ccc:#cccccc;--font-eee:#202225;--font-fff:#ffffff;--font-color:#838588;--text-muted:#66686b;--border-color:#303338;--card-color:#222427;--body-color:#202225;--box-shadow:#484c52;--sidebar-bg:#202223}
[class=theme-green]{--primary-color:#07C160;--primary-color2:#5db440;--primary-color3:#85b874;--light-color:#E7F8EF;--secondary-color:#0392cf;--secondary-color2:#63a9c7;--link-color:#F46B45;--primary-gradient:linear-gradient(to right, #07C160, #2AAE67)}
[class=theme-orange]{--primary-color:#ff7321;--primary-color2:#c70039;--primary-color3:#940b3f;--secondary-color:#0f4b88;--secondary-color2:#3e6994;--link-color:#55bbc4;--primary-gradient:linear-gradient(45deg, #ff7321, #fdb528)}
[class=theme-blush]{--primary-color:#e4989a;--primary-color2:#b5838f;--primary-color3:#ffb187;--secondary-color:#88d8b0;--secondary-color2:#ffe138;--link-color:#55bbc4;--primary-gradient:linear-gradient(45deg, #e4989a, #ffb4a1);--sidebar-bg:#3c3a47}
[class=theme-cyan]{--primary-color:#59C4BC;--primary-color2:#33BAB0;--primary-color3:#8BCEC9;--secondary-color:#637AAE;--secondary-color2:#00ACEE;--link-color:#E76886;--primary-gradient:linear-gradient(45deg, #59C4BC, #637AAE)}
[class=theme-timber]{--primary-color:#ff6699;--primary-color2:#c54c82;--primary-color3:#512e67;--secondary-color:#6e48aa;--secondary-color2:#00ACEE;--link-color:#6437ac;--primary-gradient:linear-gradient(45deg, #ff6699, #ffe869);--sidebar-bg:#13091e}
[class=theme-blue]{--primary-color:#105192;--primary-color2:#3f6fe7;--primary-color3:#7091e1;--secondary-color:#6e48aa;--secondary-color2:#00ACEE;--link-color:#ffc539;--primary-gradient:linear-gradient(45deg, #0d447b, #ffc539)}
[class=theme-amethyst]{--primary-color:#7952b3;--primary-color2:#6437ac;--primary-color3:#b693fe;--secondary-color:#ff6699;--secondary-color2:#5fc38d;--link-color:#f98a5f;--primary-gradient:linear-gradient(45deg, #7952b3, #b693fe)}
/*登录页面*/
#login-terrace{background:url(../images/bg-login-terrace.jpg) center 0 no-repeat;background-size:100%;background-size:cover}
.logo{background:#fff;height:100px;padding:0 70px;box-shadow:0 6px 15px 0 rgba(0,0,0,.1);font-size:20px}
.logo .logo-img{min-height: 40px;max-height: 60px;min-width: 40px;max-width: 205px;object-fit:cover;}
.logo img{margin-right:20px}
.login{width:1000px;margin:0 auto;border-radius:16px;display:flex;background:#fff;overflow:hidden}
.login .left{width:560px}
.login .right{width:560px}
.loginContent{border-radius:20px;box-sizing:border-box;width:350px;margin-left:auto;margin-right:auto;height:100%}
.login h4{font-size:30px;margin-bottom:14px;font-weight:400}
.login .left img{display:block;height:560px;width:490px}
.edition{border:1px solid var(--primary-color);border-radius:20px 20px 20px 0;color:var(--primary-color)}
.loginInner{width:100%;margin:0 auto}
.login-center{width:100%;box-sizing:border-box;margin-bottom:22px;border:1px solid #ececec;border-radius:24px;color:var(--primary-color);overflow:hidden}
.login-center i{color:var(--primary-color);font-size:18px;width:18px}
.login-center-input{height:44px;z-index:2;position:relative;width:100%;flex-shrink:0;border-radius:22px;overflow:hidden}
.login-center-input input,.login-center-input select{width:100%;height:44px;border:0;box-sizing:border-box;outline:0;outline:0;border-radius:10px;font-size:16px;padding-right:16px;padding:0 1rem}
.code .codeBtn{width:130px;height:44px;float:right;margin-top:5px;border-radius:4px;background:var(--primary-color);text-align:center;line-height:44px;color:#fff}
.code .codeImg{width:160px;height:52px;float:right;margin-top:5px}
.login-center-input-text{background:#fff;padding:0 5px;position:absolute;z-index:0;opacity:0;height:20px;top:50%;margin-top:-10px;font-size:14px;left:5px;color:#1e90ff;line-height:20px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.login-center-input input:focus~.login-center-input-text{top:0;z-index:3;opacity:1;margin-top:-15px}
.login.active{-webkit-animation:login-small .8s;animation:login-small .8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.login-button{cursor:pointer;text-align:center;height:50px;line-height:50px;background-color:var(--primary-color);border-radius:30px;color:#fff;font-size:20px;width:260px}
.login-button:focus {outline:none;}
.codeStatus{position:absolute;top:0px;left:0px;background:rgba(255,255,255,.92);width:100%;height:100%}
.login-center-input input::-webkit-input-placeholder{color:#999}
.login-center-input input::-moz-input-placeholder{color:#999}
.login-center-input input::-ms-input-placeholder{color:#999}
.city{width:55%}
.trade{width:35%}
footer{width:100%;text-align:center;padding:24px 0}
.loginMode{position:absolute;top:15px;right:15px;cursor:pointer}
.loginMode img{display:block;float:left}
.qrcode{background:url(../images/qrcode-green.png) no-repeat center center;background-size:220px;width:220px;height:220px;margin-left:auto;margin-right:auto}
.login-center-input{position:relative}
.login-center-input label{position:absolute;bottom:10px;left:0;color:grey;pointer-events:none;transition:all .3s ease}

.ad{background:linear-gradient(90deg,#aa2af8 1.5%,#ff6c89 96.56%)}
.ad span{background:#c71e6b;border-radius:3px}
@media screen and (min-width:1100px){.navTop{width:calc(100% - 60px);margin:0}
    .fold{display:none!important}
    #accordionExample{margin-top:4.5rem;height:calc(100vh - 4.5rem);overflow-y:scroll}
}
@media screen and (max-width:1099px){.nav-left{position:fixed;left:-100%;height:100%;z-index:1099}
    #right-content{margin-left:0!important}
    .close{display:block}
}
@media screen and (max-width:1290px){.advertising{display:none!important}
}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}
.list-group-item-active em{position:absolute;left:10px;top:32%;width:3px;height:35%;background:var(--primary-color);display:block}
.recent_searche{-moz-box-shadow:0 2px 25px 0 var(--box-shadow);position:absolute;top:75px;width:100%;max-width:700px}
.search-body{max-height:calc(100vh - 130px);overflow-y:auto}
.nav-item.advertising{position:absolute;right:7.5px}

.auth_img{ position: absolute;right:22px;width:100px;}
.logo_bage_right{position:absolute;right:0;bottom: 0;padding:6px;border-radius:100px;background-color: #fff;width: 45px;}
.logo_bage_left{position:absolute;left:0;bottom: 0;padding:6px;border-radius:100px;background-color: #fff;width: 45px;}

/* 版本更新 进度条 */
.mvBox{height:15px; background:#F5FAFD url(../images/signal_bg.jpg) no-repeat left center; width:531px; position:relative; padding:0 30px; margin:0 auto;}
.mvBtn{position:absolute; left:50px; top:0;}

.circle{width:400px;height:400px;position:absolute;left:calc(50% - 200px);border-radius:50%;background:#28a745}
.pie_left,.pie_right{width:400px;height:400px;position:absolute;top:0;left:0}
.pie_left .left,.pie_right .right{display:block;width:400px;height:400px;background:#bbb;border-radius:50%;position:absolute;top:0;left:0}
.pie_right,.right{clip:rect(0,auto,auto,200px)}
.pie_left,.pie_left .left{clip:rect(0,200px,auto,0)}
.mask{width:350px;height:350px;border-radius:50%;left:25px;top:25px;background:#FFF;position:absolute;text-align:center;line-height:350px;font-size:72px;font-weight:bold}
.list-relate{position:relative}
.progress-absolute{height:49px;position:absolute;top:49px;width:100%;z-index:1;opacity:0.1}
.mask-txt{width:350px;height:350px;border-radius:50%;left:25px;top:25px;background:#FFF;position:absolute;text-align:center;line-height:280px;font-size:72px;font-weight:bold}
.circle-io{position:absolute;left:calc(50% - 200px)}
.mask-btn{width:350px;height:350px;border-radius:50%;left:25px;top:25px;position:absolute;text-align:center;line-height:420px;pointer-events: none;}
.mask-time{width:350px;height:350px;border-radius:50%;left:25px;top:25px;position:absolute;text-align:center;line-height:520px}
.imgBox.active .mask{border-radius: 0!important;}
/* 模板设计 进度条 */
.ca-menu{margin:20px auto;padding:0;width:1050px}
.ca-menu li{position:relative;float:left;overflow:hidden;margin:6px;width:160px;height:220px;background:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(0,0,0,.2);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-ms-transition:all .3s linear}
.ca-menu li:last-child{margin-right:0}
.ca-menu li a{position:relative;display:block;width:100%;height:100%;color:#333;text-align:left}
.ca-icon{position:absolute;top:0;left:0;width:100%;height:50%;text-align:center;text-shadow:0 0 1px #333;font-size:60px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-ms-transition:all .4s linear}
.ca-content{position:absolute;top:50%;left:0;width:100%;height:50%}
.ca-main{text-align:center;font-size:20px;opacity:.8;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-ms-transition:all .2s linear}
.ca-sub{position:absolute;bottom:0;width:100%;color:#666;text-align:center;font-size:14px;line-height:40px;opacity:.8;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-ms-transition:all .2s linear}
.ca-menu li:hover{background-color:#e7f8ef}
.ca-menu li:hover .ca-icon{color:#28a745;-webkit-animation:moveFromBottom .3s ease;-moz-animation:moveFromBottom .3s ease;-ms-animation:moveFromBottom .3s ease}
.ca-menu li:hover .ca-main{color:#28a745;-webkit-animation:smallToBig .3s ease;-moz-animation:smallToBig .3s ease;-ms-animation:smallToBig .3s ease}
.ca-menu li:hover .ca-sub{background-color:#28a745;color:#fff;-webkit-animation:moveFromBottom .5s ease;-moz-animation:moveFromBottom .5s ease;-ms-animation:moveFromBottom .5s ease}
@-webkit-keyframes smallToBig{from{-webkit-transform:scale(.1)}
    to{-webkit-transform:scale(1)}
}
@-moz-keyframes smallToBig{from{-moz-transform:scale(.1)}
    to{-moz-transform:scale(1)}
}
@-ms-keyframes smallToBig{from{-ms-transform:scale(.1)}
    to{-ms-transform:scale(1)}
}
@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}
    to{-webkit-transform:translateY(0)}
}
@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%)}
    to{-moz-transform:translateY(0)}
}
@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(100%)}
    to{-ms-transform:translateY(0)}
}

/* 解决select2多选高度不能自使用问题 */
.select2-selection--multiple{overflow: hidden !important;height: auto !important;}

.sub_n_category {border-radius: .1875rem;padding: 3px 10px;background: #E15858;color: rgba(255,255,255,0.7);font-size: 12px;}
.letterSpace{text-align: justify;width: 60px;display: inline-block;height: 18px;line-height: 18px;overflow: hidden;}
.letterSpace:after{content:'';display:inline-block;width:100%;}
.text-block-line-1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-block-line-2{white-space: break-spaces;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

/* 活动模板 */
.template-content{display: grid;grid-gap:15px;margin: 0 auto;}
@media (max-width:2099px){
    .template-content{grid-template-columns: repeat(auto-fill,minmax(300px,1fr));}
}
@media (min-width:2100px){
    .template-content{grid-template-columns: repeat(6,1fr);}
}
.template-item{position:relative;border-radius: 10px;overflow: hidden;background: #fff;border: 1px solid #dedede;}
.template-item:hover{transform: translateY(-10px);transition: transform 0.3s ease;box-shadow: 0 10px 20px #dedede;}
.template-item .mod-size:before{content:'';z-index: 8;position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(-45deg,transparent 30%,transparent,rgba(255,255,255,.5),transparent 70%) no-repeat;background-size:200% 200%;background-position:150% 150%;}
.template-item:hover .mod-size:before{transition:background-position 3s;background-position:-100% -100%;}
.eqx-type{position: absolute;left: 20px;top: 15px;padding:5px 10px;transition: all .3s;font-size: 14px;}
.mod-size{width:100%;height: 0; padding-bottom: 152%;overflow: hidden;position: relative}
.mod-size>img{position: absolute;left: 0;top: 0;width: 100%}
.package{overflow: hidden; position: relative; background-size: contain;}
.col.active>.package{border: 0.5px solid var(--primary-color) !important; box-sizing: border-box; filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.15)); background-size: contain;}
.col.active>.package .packageTag{background: #FFFFFF; color: var(--primary-color);}
.packageMask{background: linear-gradient(0deg, white, rgba(255, 255, 255, 0.85));}
[class*="wy-ratio-"]{max-width: 100%; width: 100%; height: 0; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.payItem .active{border: 1px solid var(--primary-color) !important; background: #fdfdfd; box-shadow: 0 0 10px #a5f1c9;}
.crossSlip{display: flex; overflow-x: auto;}
.crossList{flex-basis: 88px; flex-shrink: 0; white-space: nowrap;}
/* 整个滚动条 */
.crossSlip::-webkit-scrollbar{/* 对应纵向滚动条的宽度 */ width: 10px; /* 对应横向滚动条的宽度 */ height: 10px;}
/* 滚动条上的滚动滑块 */
.crossSlip::-webkit-scrollbar-thumb{background-color: var(--primary-color); border-radius: 32px;}
/* 滚动条轨道 */
.crossSlip::-webkit-scrollbar-track{background-color: var(--light-color); border-radius: 32px;}
.paySubmit{width: calc(100% - 200px); left: 200px;}
.wy-wd-50{width: 50px;}
.wy-ratio-1-1{max-width: 100%; width: 100%; height: 0; padding-top: 50% !important; padding-bottom: 50% !important;}
.payPath>.active{box-shadow: 0 0 4px rgba(25,25,25,0.25); background-color: #E7F8EF!important;}
.nav-link{background:transparent; border-radius: 0;}
/*升级波浪特效*/
.upgrade-header{position:relative;text-align:center;background:linear-gradient(60deg,rgba(231,248,239,1) 0%,rgba(163,255,206,1) 30%)}
.upgrade-inner-header{width:100%;margin:0;padding:0}
.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}
.parallax >use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite}
.parallax >use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.parallax >use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax >use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax >use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}
    100%{transform:translate3d(85px,0,0)}
}@media (max-width:768px){.waves{height:40px;min-height:40px}
    .content{height:30vh}
    h1{font-size:24px}
}
/* 商家倒计时 */
.countdown-1{min-width: fit-content;margin-right: auto;margin-left: auto;display: flex;align-items: baseline;justify-content: center;}
.countdown-1 .number{font-size: 64px;line-height: 1.2;margin-right: 10px;margin-left: 10px;border-radius: 0.45rem!important; color: white;padding: 4px 10px;}
.countdown-1 .tips{font-size: 16px;color: #656565;line-height: 1;}

/* 多端进度 */
.mini-group-stap{position: relative;}
.mini-group-stap::after{content:'';position:absolute;width: 80%;height: 8px;background-color: #f0f0f0;left: 50%;transform: translate(-50%, -50%);top: 50%;}
.mini-group-stap .item{position:relative;z-index: 1}
.mini-group-stap .item::after{content:'';width:32px;height:32px;background-size:cover; background-image: url("../images/sa_upload_arrow.png");position: absolute;top: 50%;left:calc(100% - 15px);transform: translateY(-50%);z-index: 2;}
.mini-group-stap .item:last-child::after{display:none;}
.mini-group-stap .item img{width:150px;height:150px;background-color:#eeeeee;border-radius: 200px;}
.mini-group-stap .item span{position:absolute;bottom:-40px;}

/*!  DmrOuC0oCNGCSuGteeQXxLjvdwz5O+cJy4Ju38vZqM69S/gUVBa533yO5acBCRhBUR8FZ8CgcONyBR54w3Bs4xePmunG4Y5IqMA7VKnCbvXF2jBaSeAFhQ==  */