@charset "utf-8";* {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.2;
    transition-property: color,border-color,background-color;
    transition-duration: .3s;
    transition-timing-function: linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: englishfont;
    src: local('-apple-system'),local('Segoe UI');
    unicode-range: U+20-7E,U+2000-206F,U+2E00-2E7F
}

@font-face {
    font-family: chinesefont;
    src: local('PingFang SC'),local('Microsoft YaHei');
    unicode-range: U+3000-303F,U+31C0-31EF,U+3200-33FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+20000-2EBEF
}

body {font-family: englishfont,chinesefont,sans-serif;}

input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input,button,select,
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
html {scroll-behavior: smooth;overscroll-behavior: none; }

body{color: #989DB8;background-color: #ffffff;}
p{line-height: inherit;font-size: inherit;}
a {color: #989DB8;text-decoration: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {font-weight: 400;}
img {border: 0;}
textarea,
select,
option,
input {
	outline: none;
}
textarea{resize:none;}

.clearBoth,
.clearboth {clear: both;}
.bordernone {border: none!important;}

.centerBox{
	margin:0 auto;
	width:84%;
	max-width: 1600px;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}

.hidden{overflow: hidden;position: fixed;height: 100%;width: 100%;}

/* ----------------------------------------------------------------------------- */

::-webkit-scrollbar {
  width: 4px; /* 垂直滚动条宽度 */
  height: 4px; /* 水平滚动条高度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent; 
  border-radius: 6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #002266;
  border-radius: 2px;
}
/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #2054CF;
}

/* 目录 */
.dirSelector{background-color: #ffffff;}
.dirSelector .dir{}
.dirSelector .catalog{font-size: 14px;border-left: 1px solid #eeeeee; line-height: 24px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dirSelector .catalog+.catalog{margin-top: 5px;}
.dirSelector .catalog.catalog-active{color: #2054CF;border-left: 1px solid #2054CF;}
.dirSelector .catalog.catalog-active a{ color: #2054CF;}
.dirSelector .catalog:hover{background-color: #eee;}

/* 分页 */
.page{text-align: center;padding: 20px 0;margin-top: 20px;}

/* ----------------------------------------------------------------------------------- */
.blank{display: none; position: fixed;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;}
/*头*/
header{}
.header{position: fixed;left: 0;top:0;z-index: 9; width: 100%;height: 100px;padding: 0 2.5%;
backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.6);box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
display: flex;align-items: center;justify-content: space-between;}
.header_blank{width: 100%;height: 100px;}
.header .logo{}
.header .logo img{display: block;max-height: 60px;}
.header .menu{display: flex;gap: 3vw;color: #6D879D;}
.header .menu li{display: block;}
.header .menu .first{color: #6D879D;font-size:clamp(16px,1.04vw,20px);font-weight: 400;}
.header .menu .first img{display: inline-block;height: 14px;vertical-align: middle;margin: -4px 0 0 4px;transition: all .5s;}
.header .menu li.on .first,
.header .menu li.active .first{color: #0F0B39;font-weight: bold;}
.header .menu li.on .first img,
.header .menu li.active .first img{transform: rotate(180deg);}
.header .menu .second{display: none; position: absolute;left: -20px;top: 60px;border-radius:16px;padding: 25px;width: 400px;
border: 1px solid #ECF1F6;box-shadow: 0px 3px 16px 1px rgba(201,205,210,0.74);background: #FFFFFF;}
.header .menu .second .all{display: block;border-bottom: 1px dashed #65BDF8;padding:0 15px 15px;color: #2587FF;font-size: clamp(16px,1.04vw,20px);}
.header .menu .second .all .img{display: inline-block;height: 1.25vw;vertical-align: middle;border-radius: 100%;float: right;
box-shadow: 0px 0px 10px 1px rgba(44,138,255,0.44);}
.header .menu .second .all:hover .img{animation: hueRotate 8s infinite linear;}
.header .menu .second .linkOne{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 15px;}
.header .menu .second .linkOne .to{display: block;width: calc(50% - 5px);font-size: 16px;padding: 1vw;border-radius: 12px;
background-size: 10px;background-position: center right 1vw;background-repeat: no-repeat;
color: #2C8AFF;background-color: rgba(243,250,255,0.54);border: 1px solid #ECF1F6;}
.header .menu .second .linkOne .to:nth-child(2){color: #31A752;background-color: rgba(243,255,248,0.54);border: 1px solid #ECF6F2;}
.header .menu .second .linkOne .to:nth-child(3){color: #F7A300;background-color: rgba(255,248,243,0.54);border: 1px solid #F6EFEC;}
.header .menu .second .linkOne .to:nth-child(4){color: #6D879D;background-color: rgba(191,213,232,0.11);border: 1px solid #ECECEC;}
.header .menu .second .linkOne .to:nth-child(5){color: #8200DB;background-color: rgba(248,240,255,0.54);border: 1px solid #EADBFF;}
.header .menu .second .linkOne .to:nth-child(6){color: #DE3BAE;background-color: rgba(255,243,253,0.54);border: 1px solid #F9E3F5;}
.header .menu .second .linkOne .to:hover{background-image: url(../img/to2.png);}
.header .menu .second .linkOne .to:nth-child(2):hover{background-image: url(../img/to3.png);}
.header .menu .second .linkOne .to:nth-child(3):hover{background-image: url(../img/to4.png);}
.header .menu .second .linkOne .to:nth-child(4):hover{background-image: url(../img/to5.png);}
.header .menu .second .linkOne .to:nth-child(5):hover{background-image: url(../img/to6.png);}
.header .menu .second .linkOne .to:nth-child(6):hover{background-image: url(../img/to7.png);}

.header .menu .second .linkTwo{display: flex;gap: 15px;flex-wrap: wrap;}
.header .menu .second .linkTwo .to{width: 100%;display: block;border-radius: 20px;background: linear-gradient( 144deg, #F1F9FF 0%, #FFFFFF 100%);border: 1px solid #F4FAFF;}
.header .menu .second .linkTwo .to:nth-child(2){background: linear-gradient( 145deg, #F3FFF4 0%, #FFFFFF 100%);border: 1px solid #F1FFF4;}
.header .menu .second .linkTwo .to .bg{padding: 1vw;background-size: 14px;background-position: center right 1vw;background-repeat: no-repeat;}
.header .menu .second .linkTwo .tit{color: #0A2B48;font-size:clamp(16px,1.04vw,20px);}
.header .menu .second .linkTwo .des{color: #526B80;font-size: 12px;margin-top: 10px;}
.header .menu .second .linkTwo .to .bg:hover{background-image: url(../img/to2.png);}
.header .menu .second .linkTwo .to:nth-child(2) .bg:hover{background-image: url(../img/to3.png);}

.header .other{display: flex;gap: 1.5vw;align-items: center;}
.header .other .headSearch{cursor: pointer;align-self: center;display: flex;align-items: center;}
.header .other .headSearch .img{display: block;height: 1vw;}
.header .other .headSearch .center{display: none;position: absolute;right:0;top:100%;}
.header .other .headSearch .search{width: 400px;margin-top: 10px;padding: 10px;position: static;}
.header .other .headSearch .search .inp{background: none;padding: 0 10px 0 0;font-size:clamp(14px,0.83vw,16px);height: 2vw;}
.header .other .headSearch .search .sub{font-size:clamp(14px,0.83vw,16px);width: 5vw;height: 2vw;}
.header .other .language{}
.language{cursor: pointer;position: relative;align-self: center;line-height: 40px;}
.language span{display: inline-block;color: #6D879D;font-size:clamp(16px,1.04vw,20px);line-height: inherit;}
.language img{display: inline-block;height: 14px;vertical-align: middle;margin-top: -4px;transition: all .5s;}
.language:hover img{transform: rotate(-180deg);transition: all .5s;}
.language .choose{z-index: 1; padding:4px;border-radius: 8px; position: absolute;left: 50%;top: 100%;
transform: translateX(-50%);border: 1px solid #ECECEE;background: #FFFFFF;display: none;}
.language .choose .li{display: block;line-height: 30px;border-radius: 4px;white-space: nowrap;
color: #6D879D;font-size: 14px;text-align: center;width: 80px;}
.language .choose .li:hover{background: #e9e9e9;}
.language:hover .choose{display: block;}
.header .other .to{display: block; background: #2C8AFF;border-radius: 24px;color: #FFFFFF;
font-size:clamp(14px,0.83vw,20px);line-height: 2.25vw;padding: 0 1.5vw;}
.header .other .to:hover{background-color: #F7A300;}

.header .hasLogin .img{cursor: pointer;}
.header .hasLogin .img img{display: block;height: 40px;}
.header .hasLogin .img span{position: absolute;right: 0;top:0; width: 8px;height: 8px;border-radius: 100%;background: #eb1313;}
.header .hasLogin .second{display: none; position: absolute;right: 0px;top: 70px;border-radius:16px;padding: 25px;width: 280px;
border: 1px solid #ECF1F6;box-shadow: 0px 3px 16px 1px rgba(201,205,210,0.74);background: #FFFFFF;}
.header .hasLogin .link{display: flex;gap: 15px;flex-wrap: wrap;}
.header .hasLogin .link .li{width: 100%;display: block;border-radius: 10px;background: linear-gradient( 161deg, #FFFFF2 0%, #FFFFFF 100%);border: 1px solid #f8efd0;}
.header .hasLogin .link .li:last-child{background: linear-gradient( 152deg, #FFF9FF 0%, #FFFFFF 100%);border: 1px solid #ffe7f9;}
.header .hasLogin .link .li:nth-child(2){background: linear-gradient( 152deg, #f1fff4 0%, #FFFFFF 100%);border: 1px solid #d4ffde;}
.header .hasLogin .link .li .bg{padding: 1vw;background-size: 14px;background-position: center right 1vw;background-repeat: no-repeat;}
.header .hasLogin .link .tit{color: #0A2B48;font-size:clamp(16px,0.93vw,18px);}
.header .hasLogin .link .tit span{width: 16px;height: 16px;    line-height: 16px;border-radius: 100%;
background: #eb1313;text-align: center;font-size: 12px;color: #ffffff;
display: inline-block;vertical-align: middle;    margin: -4px 0 0 5px;}
.header .hasLogin .link .li .bg:hover{background-image: url(../img/to2.png);}
.header .hasLogin .link .li:last-child .bg:hover{background-image: url(../img/out.png);}

/*尾*/
footer{background: linear-gradient( 180deg, #3390E2 0%, #4874DA 35.99%, #1C52B8 75.87%, #3337A9 100%);}
footer .top{padding: 5% 8%;overflow: hidden;}
footer .top .left{width: 400px;float: left;}
footer .top .left .logo{}
footer .top .left .logo img{display: block;max-width: 70%;}
footer .top .left .des{color: #FFFFFF;font-weight: 400;line-height: 1.8;font-size:16px;margin-top: 1.5vw;}
footer .top .left .shareBox{margin-top: 1.5vw;}
.shareBox .icon{display: inline-block;position: relative;cursor: pointer;}
.shareBox .icon+.icon{margin-left: 15px;}
.shareBox .icon .img1{display: block;height: 24px;}
.shareBox .icon .img2{display: block;width: 100px;position: absolute;bottom: 30px;left: 50%;z-index: 1;
ransform: translateX(-50%) scale(0);visibility: hidden;opacity: 0;transition: all .3s;}
.shareBox .icon:hover .img2{transform: translateX(-50%) scale(1);visibility: visible;opacity: 1;transition: all .3s;}
footer .top .left .button{margin-top: 3vw;box-shadow: 0px 0px 20px 1px rgba(3,52,120,0.8);
background: linear-gradient( 180deg, #56A1FF 0%, #0053C3 100%);border-radius: 12px;
	color: #FFFFFF;font-size: clamp(14px,1.04vw,20px);display: block;width: 100%;text-align: center;padding: 1vw;}
footer .top .left .button img{display: inline-block;vertical-align: middle;height: 12px;margin: -4px 0 0 5px;}
footer .top .left .button:hover{background: #F7A300;}
footer .top .right{margin-left: 450px;display: flex;justify-content: end;gap: 8vw;}
footer .top .right .li{display: block;}
footer .top .right .tt{color: #FFFFFF;font-weight: bold;font-size:clamp(16px,1.25vw,24px);display: block;margin-bottom: 2vw;}
footer .top .right .aa{color: #EEEEEE;font-weight: 400;font-size:clamp(14px,0.93vw,18px);display: block;}
footer .top .right .aa+.aa{margin-top: 2vw}
footer .top .right .bb{color: #FFFFFF;font-weight: 400;font-size:clamp(14px,0.93vw,18px);display: block;}
footer .top .right .bb a{color: inherit;}
footer .top .right .bb a:hover{text-decoration: underline;}
footer .top .right .bb+.bb{margin-top: 1.5vw}
footer .top .right img{display: inline-block;vertical-align: middle;height: 18px;margin: -2px 8px 0 0;}
footer .bottom{border-top: 1px solid rgba(184,184,184,0.4);margin: 0 2.6%;padding: 2vw 5.5vw;
display: flex;justify-content: space-between;align-items: center;gap: 2vw;}
footer .bottom .copyright{font-size: 14px;color: #B8B8B8;font-weight: 400;}
footer .bottom .link{}
footer .bottom .link a{font-size: 14px;color: #B8B8B8;font-weight: 400;}
footer .bottom .link a+a{margin-left: 10px;}
footer .bottom a:hover{color: #ffffff;}

/* 浮窗 */
.floating.on{transition: all 1s;visibility: visible;opacity: 1;transform: scale(1);}
.floating{position: fixed;z-index: 9;right: 2vw;bottom:20%;transition: all 1s;visibility: hidden;opacity: 0;transform: scale(0);}
.floating .li{transition: all .3s;box-shadow: 0px 0px 26px 1px rgba(44,138,255,0.44);border-radius: 100%;}
.floating .li+.li{margin-top: 1vw;}
.floating .li .txt{opacity: 0;transition: all .3s;transform: scale(0); color: #0C59CC;font-weight: bold;position: absolute;
padding:12px 15px;right: 110%;top: 0; border-radius: 8px;box-shadow: 0px 0px 4px 1px rgba(33,91,157,0.33);background: #FFFFFF;}
.floating .li:hover .txt{opacity: 1;transition: all .3s;transform: scale(1);}
.floating .li .pic{opacity: 0;transition: all .3s;transform: scale(0) translateY(-50%); 
position: absolute;padding:5px;right: 110%;top: 50%;border-radius: 8px;
box-shadow: 0px 0px 4px 1px rgba(33,91,157,0.33);background: #FFFFFF;}
.floating .li .pic img{width: 80px;}
.floating .li:hover .pic{opacity: 1;transition: all .3s;transform: scale(1) translateY(-50%);}
.floating .li a{color: #0C59CC;white-space: nowrap;}
.floating .li .a{display: block;width: 40px;cursor: pointer;}

/* 留资表单 */
.QA{position: fixed;width: 400px;bottom:25%;right:2vw;z-index: 9;display:none;overflow: hidden;
box-shadow: 0px 0px 10px 1px rgba(86,141,197,0.43);border-radius: 18px;background: #F1F4F9;}
.QA .tit{font-weight: bold;color: #FFFFFF;font-size: clamp(18px,1.25vw,24px);height: 5vw;line-height: 5vw;text-align: center;
box-shadow: 0px 2px 6px 1px rgba(194,194,194,0.47);background: linear-gradient( 131deg, #2C8AFF 0%, #31C78A 100%);}
.QA .tit img{display: block;height:36px;position: absolute;right:1.25vw;top:1.25vw;cursor: pointer;
padding: 10px;border-radius: 100%;background: none;}
.QA .tit img:hover{background: rgba(255, 255, 255, 0.1);}
.QA .form{padding: 2vw 1vw;}
.QA .form .question{}
.QA .form .question .list{cursor: pointer;margin-bottom: 1vw;padding: 1vw;background: #FFFFFF;
border-radius: 14px;box-shadow: 0px 0px 6px 1px rgba(154,160,194,0.34);}
.QA .form .question .list .aa{color: #526B80;font-size: 15px;padding-right: 20px;}
.QA .form .question .list:hover .aa{color: #2587FF;}
.QA .form .question .list .aa img{position: absolute;right:0px;top:6px;display: inline-block;
vertical-align: middle;height: 16px;margin: -4px 0 0 5px;}
.QA .form .question .list .bb{display: none; padding: 10px;margin-top: 10px; font-size: 14px;
color: #727588;line-height: 1.5;border-radius: 10px;background: #F8FCFF;box-shadow: inset 0px 0px 6px 1px rgba(4,72,161,0.29);}
.QA .form .question .list:first-child .bb{display: block;}
.QA .form .question .list .aa .img1{}
.QA .form .question .list .aa .img2{display: none;}
.QA .form .question .list .aa.on .img1{display: none;}
.QA .form .question .list .aa.on .img2{display: inline-block;}
.QA .form .btn{margin: 1vw;}
.QA .form .btn img{display: inline-block;vertical-align: middle;height: 12px;margin: -4px 0 0 5px;}
.QA .form .btn .to{background: #2C8AFF;border-radius: 10px;color: #FFFFFF;font-size: 14px;
display: block;width: 100%;text-align: center;padding: 10px;}
.QA .form .btn .to:hover{background: #F7A300;}
.QA .form .tips{color: #306EC1;font-size: 14px;text-align: center;}

/* 登录注册 */
.signUp{display: none; position: fixed;z-index: 10;height: 100%;width: 100%;left: 0;top: 0;}
.signUp .mask{background: rgba(0,0,0,0.5);height: 100%;width: 100%;}
.signUp .box{z-index: 1;display: none;position: absolute;left: 50%;top: 50%;
background: linear-gradient( 156deg, #F2FDFF 0%, #F9FEFF 16.3%, #FFFFFF 24.52%, #FFFFFF 65.86%, #FFFFFF 83.68%, #FFFFFF 84.82%, #F5FEFF 100%);
box-shadow: 0px 0px 20px 1px rgba(0,64,143,0.51);border-radius: 16px;border: 1px solid #2587FF80;
transform: translate(-50%,-50%);padding: 2.5vw;width: 24%;min-width: 360px;}
.signUp .box:first-child{display: block;}
.signUp .box .img img{margin: 0 auto;display: block;width: 65%;}
.signUp .box .txt{color: #586F7E;font-size: clamp(14px,0.83vw,18px);text-align: center;margin-top: 1vw;}
.signUp .box .form{margin-top: 2vw;}
.signUp .box .line{margin-top: 20px;border-radius:10px;background: rgba(241,246,249,0.32);}
.signUp .box .line .code{width:44%}
.signUp .box .line .codeBtn{width:52%; padding: 0;float: right;background-color: #eeeeee;cursor: pointer;}
.signUp .box input{height: 46px;line-height:46px;padding: 0 1vw;font-size: 14px;
border-radius:10px;overflow: hidden;border: 1px solid #828282;}
.signUp .box input:focus{border: 1px solid #2587FF;box-shadow: inset 0px 0px 4px 1px #2587FF60;}
/* .signUp .box input:focus{box-shadow: inset 0px 0px 4px 1px #EA0B0B60;} */
.signUp .box .see{position: absolute;right: 1vw;top: 12px;cursor: pointer;}
.signUp .box .see img{display: block;height: 22px;}
.signUp .box .see:after{content: '';width: 1px;height: 0;background-color: #a6a6a6;
display: block;position: absolute;left: 50%;top: 0;transform: rotate(45deg);}
.signUp .box .see.on:after{height: 100%;}
.signUp .box .tips{font-size: 12px;color: #EA0B0B;position: absolute;left: 10px;bottom: -17px;width: 100%;}
.signUp .box .pwdCk{display: flex;justify-content: space-between;margin-top: 20px;align-items: center;}
.signUp .box .pwdCk .label{display: block;color: #333333;font-size: 14px; white-space: nowrap;}
.signUp .box .pwdCk input{width:14px;height: 14px;box-shadow: none;outline: none;vertical-align: middle;margin: -4px 5px 0 0;}
.signUp .box .pwdCk .forget{display: block;font-size: 14px;color: #AEAEAE;}
.signUp .box .pwdCk .forget:hover{color: #2C8AFF;}
.signUp .box .pwdCk .to{display: inline-block;font-size: 14px;color: #2587FF;}
.signUp .box .pwdCk .to:hover{text-decoration: underline;}
.signUp .box .submit{margin-top: 20px; background: #2C8AFF;border-radius:10px;box-shadow: 0px 0px 16px 1px rgba(44,138,255,0.44);}
.signUp .box .submit *{cursor: pointer;color: #FFFFFF;font-size: 15px;height: 40px;}
.signUp .box .submit:hover,
.signUp .box .submitMore .submit+.submit:hover{background: #F7A300;}
.signUp .box .submitMore{display: flex;justify-content: space-between;}
.signUp .box .submitMore .submit{width:48%;}
.signUp .box .submitMore .submit+.submit{background: #0056B3;}
.signUp .box .submitMore .submit img{display: inline-block;height: 16px;vertical-align: middle;margin: -4px 0 0 5px;}
.signUp .box .pwdCk.free{justify-content: center;padding-top: 20px;}
.signUp .box .pwdCk.free:after{content: '';width: 100%;height: 1px;display: block;position: absolute;left: 0;top: 0;
	background: linear-gradient( 51deg, #FFFFFF 0%, #B7EFFF 50.49%, #FFFFFF 100%);}










/* 首页 */
.commonTitle{text-align: center;padding: 0 10%;}
.commonTitle .tit{font-size:clamp(20px,2.08vw,40px);font-weight: bold;color: #000000;}
.commonTitle .des{font-size:clamp(14px,1.04vw,20px);color: #526B80;font-weight: 400;margin-top: 1vw;}
.commonTitle span{color: #0053C3;}

/* banner */
.banner{background-repeat: no-repeat;background-position: center bottom;background-size: cover;
padding: 6.25% 0 9.375%;text-align: center;}
.banner .text{}
.banner .title{font-size: clamp(24px,3.125vw,60px);font-weight: bold;color: #000000;}
.banner .title span{color: #0053C3;}
.banner .des{color: #526B80;font-weight: 400;font-size: clamp(16px,1.25vw,24px);margin-top: 1.5vw;}
.banner .feature{color: #ffffff;font-weight: 400;font-size: clamp(12px,0.83vw,16px);margin-top: 2vw;}
.banner .feature .li{display: inline-block;margin: 0 10px;border-radius: 24px;
background: linear-gradient( 90deg, #2C8AFF 0%, #31C78A 100%);padding: 10px 25px;}
.banner .feature .li img{display: inline-block;height: 20px;vertical-align: middle;margin: -4px 5px 0 0;}
.search{position: absolute;bottom: 0;left:25%; display: flex;align-items: center;width: 50%;margin-top: 4vw;
background: #FFFFFF;border-radius: 4px;box-shadow: 0px 0px 18px 1px rgba(154,160,194,0.34);padding: 1.25vw;}
.search .txt{height: 2.7vw;line-height: 2.5vw;padding-left:2.5vw;font-size: clamp(16px,1.14vw,22px);
background: url(../img/search.png) no-repeat left center / auto 1.5vw;white-space: nowrap;}
.search .inp{color: #526B80;padding:0 1vw 0 0.5vw; height: 2.7vw;font-size: clamp(16px,1.14vw,22px);}
.search .sub{cursor: pointer; background: #2C8AFF;border-radius:4px;color: #FFFFFF;
font-size:clamp(14px,1.04vw,20px);width: 9vw;height: 2.7vw;}
.search .sub:hover{background-color: #F7A300;}
.search .inp::placeholder{color: #9AA0C2;}

/* 6大服务 */
.service_system{padding: 3.125% 0 6.25%;overflow: hidden;}
.service_system .lists{display: flex;gap: 2vw;flex-wrap: wrap;padding: 0 2vw;}
.service_system .li{display: block;padding: 20px; text-align: center;width: calc((100% - 4vw) / 3);border-radius: 10px;
background: rgba(100,169,255,0.03);border: 1px solid #2C8AFF80;box-shadow: 0px 0px 16px 1px rgba(2,95,210,0.1);}
.service_system .li:nth-child(2){background: rgba(49,167,82,0.03);border: 1px solid #31A75280;box-shadow: 0px 0px 16px 1px rgba(0,101,14,0.1);}
.service_system .li:nth-child(3){background: rgba(247,163,0,0.02);border: 1px solid #F7A30080;box-shadow: 0px 0px 16px 1px rgba(240,158,0,0.1);}
.service_system .li:nth-child(4){background: rgba(191,213,232,0.11);border: 1px solid #6D879D80;box-shadow: 0px 0px 16px 1px rgba(32,52,88,0.1);}
.service_system .li:nth-child(5){background: rgba(221,191,255,0.06);border: 1px solid #8200DB80;box-shadow: 0px 0px 16px 1px rgba(58,1,194,0.1);}
.service_system .li:nth-child(6){background: rgba(255,176,232,0.03);border: 1px solid #DE3BAE80;box-shadow: 0px 0px 16px 1px rgba(222, 59, 174, 0.1);}
.service_system .li .img{display: inline-block;height:4vw;}
.service_system .li .aa{font-size: clamp(20px,1.67vw,32px);color: #0B3558;font-weight: bold;margin-top: 1vw;}
.service_system .li .bb{font-size: clamp(16px,1.04vw,20px);font-weight: 400;margin-top: 1vw;line-height: 1.5;}
.service_system .li:hover{transform: translate(10px,-10px);}

/* 动态 */
.update{background: #F9FCFF;padding: 6.25% 0 6.25% 8%;overflow: hidden;
display: flex;justify-content: space-between;align-items: center;}
.update .leftTxt{width:24%;}
.update .leftTxt .tit{font-size: clamp(20px,2.4vw,46px);font-weight: bold;color: #0A2B48;}
.update .leftTxt .des{margin-top: 2vw;display: block;color: #526B80;font-size: clamp(14px,1.04vw,20px);}
.update .leftTxt .des li{display: block;padding-left: 1.5vw;background: url(../img/dian.png) no-repeat left center / auto 0.93vw;}
.update .leftTxt .des li+li{margin-top: 1vw;}
.update .leftTxt .to{display:inline-block;padding: 15px 3vw; font-size: clamp(14px,1.04vw,20px);
margin-top: 2vw;background: #2C8AFF;box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);border-radius:4px;color: #FFFFFF;}
.update .leftTxt .to img{display: inline-block;vertical-align: middle;height: 12px;margin: -4px 0 0 8px;}
.update .leftTxt .to:hover{background-color: #F7A300;}
.update .rightCont{width: 74%;overflow: hidden;padding: 0 10px;}
.update .rightCont .swiper{overflow: visible !important;}
.update .rightCont .list{display: block;border-radius: 10px;box-shadow: 0px 0px 10px 1px rgba(44,138,255,0.19);overflow: hidden;}
.update .rightCont .list .img{}
.update .rightCont .list .img img{display: block;width: 100%;}
.update .rightCont .list .img .price{position: absolute;right: 15px;top: 15px;background: #31A752;
border-radius:15px;color: #FFFFFF;font-size: clamp(14px,0.93vw,18px);padding: 5px 10px;}
.update .rightCont .list .txtBox{background: #FFFFFF;padding: 15px;}
.update .rightCont .list .time{color: #CDCFD4;font-size: 14px;font-weight: 400;}
.update .rightCont .list .time img{display: inline-block;height:14px;vertical-align: middle;margin: -4px 5px 0 0;}
.update .rightCont .list .tit{color: #0F053C;font-weight: bold;line-height: 1.5;
font-size: clamp(14px,1.04vw,20px);margin-top: 5px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.update .rightCont .list .des{font-size: clamp(12px,0.73vw,14px);line-height: 1.5;margin-top: 10px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.update .rightCont .list .feature{margin-top: 20px;}
.update .rightCont .list .feature .li{color: #6D879D;font-size: clamp(12px,0.73vw,14px);
border-radius: 2px;background: #F0F2F6;border: 1px solid #D7DCDF;padding: 5px 10px;display: inline-block;margin: 3px;}
.update .rightCont .list:hover .tit{color: #2C8AFF;}

/* 客户反馈 */
.customer_feedback{padding: 6.25% 0; overflow: hidden;}
.customer_feedback .lists{margin-top: 3.125%;padding: 0 30%;}
.customer_feedback .swiper{overflow: visible !important;}
.customer_feedback .li{background: #FFFFFF;border-radius:4px;box-shadow: 0px 0px 30px 1px rgba(175,206,238,0.17);padding: 2vw;}
.customer_feedback .li .des{line-height: 1.5;color: #7E839A;font-size: clamp(14px,0.93vw,18px);
padding: 2.5vw 0 0 10px;background: url(../img/1@2x.png) no-repeat top left / auto 2vw;
display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.customer_feedback .li .people{margin-top: 2vw;padding-right: 3vw;}
.customer_feedback .li .people .img{float: left;height: 2.5vw;width:2.5vw;overflow: hidden;border-radius: 100%;}
.customer_feedback .li .people .img img{display: block;height: 100%;width:100%;}
.customer_feedback .li .people .txt{margin-left: 3.25vw;}
.customer_feedback .li .people .txt p:nth-child(1){color: #000000;font-weight: bold;
font-size: clamp(16px,1.04vw,20px);}
.customer_feedback .li .people .txt p:nth-child(2){color: #526B80;font-weight: 400;
font-size: clamp(12px,0.83vw,16px);margin-top: 3px;}
.customer_feedback .li .arrow{position: absolute;right: 0;top: 0.25vw;
box-shadow: 0px 0px 18px 1px rgba(44,138,255,0.44);border-radius: 100%;}
.customer_feedback .li .arrow img{display: block;width: 2vw;}
@keyframes hueRotate {
  to { filter: hue-rotate(360deg); }
}
.customer_feedback .swiper-pagination{text-align: center;}
.customer_feedback .li:hover{box-shadow: 0px 0px 30px 1px rgba(44,138,255,0.44);}
.customer_feedback .li:hover .arrow img{animation: hueRotate 8s infinite linear;}

/* 帮助中心 */
.help_Center{padding: 0 16% 6.77%;margin-top: 3vw;background-repeat: no-repeat;
background-position: center top;background-size: cover;}
.help_Center .bulletin{padding: 20px 40px; background: #FFFFFF;border: 1px solid #55A1FF;
border-radius: 10px;box-shadow: 0px 0px 18px 1px rgba(154,160,194,0.34);}
.help_Center .bulletin .txt{display: block; float: left;width: 130px;color: #2587FF;font-size: 20px;line-height: 24px;font-weight: 400;}
.help_Center .bulletin .txt img{display: inline-block;height:20px;vertical-align: middle;margin: -4px 5px 0 0;}
.help_Center .bulletin .tit{margin-left: 130px;color: #000000;font-size: 18px;line-height: 24px;height: 24px;overflow: hidden;}
.help_Center .bulletin .tit li{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.help_Center .bulletin .tit li a:hover{color: #2C8AFF;text-decoration: underline;}
.help_Center .btns{text-align: center;margin-top: 2vw;}
.help_Center .btns .li{margin: 0 10px; padding: 8px 25px; font-size: clamp(16px,0.93vw,18px);
color: #6D879D;border-radius:36px;background: linear-gradient( 180deg, rgba(255,255,255,0.16) 0%, #FFFFFF 100%);}
.help_Center .btns .li:hover{background: #F7A300;color: #ffffff;}
.help_Center .lists{display: flex;gap: 40px;text-align: center;margin-top: 4vw;}
.help_Center .lists .li{padding: 2vw; border-radius: 36px;
background: linear-gradient( 180deg, rgba(255,255,255,0.16) 0%, #FFFFFF 100%);}
.help_Center .lists .li:hover .tit{color: #2C8AFF;}
.help_Center .lists .li .tit{text-align: left;color: #000000;font-size: clamp(16px,1.04vw,20px);line-height: 1.5;font-weight: bold;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.help_Center .lists .li .des{text-align: left;font-size: clamp(14px,0.83vw,16px);line-height: 1.5;margin-top: 1.5vw;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.help_Center .lists .li .arrow{box-shadow: 0px 0px 18px 1px rgba(44,138,255,0.44);border-radius: 100%;
display: inline-block;margin-top: 2vw;}
.help_Center .lists .li .arrow img{display: block;width: 1.6vw;}
.help_Center .li:hover .arrow img{animation: hueRotate 8s infinite linear;}

/* 合作伙伴 */
.cooperation{background: #F9F9F9;padding: 4.167% 0 6.25%; }
.cooperation .lists{display: flex;gap: 30px;flex-wrap: wrap;align-items: center;margin-top: 3vw;}
.cooperation .lists .li{display: block;width: calc((100% - 150px) / 6);}
.cooperation .lists .li img{display: block;width: 100%;}
.cooperation .lists .li:hover{box-shadow: 0px 0px 18px 1px rgba(154,160,194,0.34);}

/* 痛点 */
.pain_point{padding: 4.167% 0 6.25%;background: #FFFFFF;background-repeat: no-repeat;
background-position: left bottom 6vw;background-size: 46% auto;}
.pain_point .lists{margin-top: 3vw;display: flex;justify-content: space-between;align-items: center;}
.pain_point .lists .left{width: calc(46% - 40px);}
.pain_point .lists .left .text{margin-top: 2vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pain_point .lists .left .text .li{color: #526B80;font-weight: 400;font-size: clamp(20px,1.45vw,28px);padding-left: 2vw;width: calc(50% - 10px);
background: url(../img/yes@2x.png) no-repeat left center / clamp(20px,1.45vw,28px);white-space: nowrap;margin-bottom: 2vw;}
.pain_point .lists .left .data{margin-top: 5vw;display: flex;flex-wrap: wrap;align-items: center;gap: 3vw;}
.pain_point .lists .left .data li{width: calc(50% - 1.5vw);}
.pain_point .lists .left .data .num{color: #043D7E;font-weight: 400;font-size: clamp(30px,3.65vw,70px);margin-top: 1.5vw;}
.pain_point .lists .left .data .num span{}
.pain_point .lists .left .data .txt{color: #526B80;font-weight: 400;font-size: clamp(16px,1.35vw,26px);}
.pain_point .lists .right{width: 54%;}
.pain_point .lists .right .li{border-radius:4px;background: rgba(210,230,255,0.19);padding: 2vw;
display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 2vw;}
.pain_point .lists .right .li+.li{margin-top: 20px;}
.pain_point .lists .right .li .lePart{width: calc(58% - 2vw);overflow: hidden;}
.pain_point .lists .right .li .riPart{width: 42%;}
.pain_point .lists .right .li .botPart{width: 100%;display: flex;gap: 20px;align-items: center;}
.pain_point .lists .right .img{border-radius: 4px;overflow: hidden;width: 5vw;float: left;}
.pain_point .lists .right .img img{display: block;width: 100%;}
.pain_point .lists .right .text{margin-left: 6vw;}
.pain_point .lists .right .aa{color: #0F053C;font-weight: bold;font-size: clamp(18px,1.25vw,24px);margin-bottom: 0.8vw;}
.pain_point .lists .right .bb{color: #526B80;font-weight: 400;font-size: clamp(14px,1.04vw,20px);margin-top: 0.8vw;}
.pain_point .lists .right .cc{font-weight: 400;font-size: clamp(14px,0.93vw,18px);padding-left: 30px;
background: url(../img/15@2x.png) no-repeat left center / 20px;}
.pain_point .lists .right .cc+.cc{margin-top: 0.5vw;}
.pain_point .lists .right .dd{color: #2BA357;font-weight: bold;font-size: clamp(12px,0.93vw,18px);flex: 1;
background: #FFFFFF;border-radius:4px;padding: 8px 10px;}
.pain_point .lists .right .dd img{display:inline-block;height: 16px;vertical-align: middle;margin: -4px 5px 0 0;}
.pain_point .lists .right .ee{text-align: center;width: 10vw; color: #FFFFFF;font-weight: bold;font-size: clamp(12px,0.93vw,18px);
display: block;background: #2C8AFF;border-radius: 4px;box-shadow: 0px 0px 12px 1px rgba(44,138,255,0.44);padding: 8px;}
.pain_point .lists .right .ee img{display:inline-block;height: 18px;vertical-align: middle;margin: -4px 0 0 10px;}
.pain_point .lists .line{background: #2587FF;box-shadow: 0px 0px 6px 1px rgba(44,138,255,0.44);width: 60px;height: 4px;}
.pain_point .lists .right .li:hover .ee{background: #F7A300;box-shadow: 0px 0px 12px 1px rgba(255, 170, 0, 0.4);}
.pain_point .lists .right .li:hover .img{background: rgba(44,138,255,0.1);}

.supply_demand{padding: 4.167% 0 5.2%;background: rgba(243,249,244,0.25);}
.supply_demand .tabLink{border-bottom: 1px solid #E3E4F0;font-size: clamp(18px,1.25vw,24px);text-align: center;margin-top: 3vw;}
.supply_demand .tabLink .li{border-bottom: 2px solid #ffffff;display: inline-block;padding: 0 20px 10px;margin: 0 5vw;cursor: pointer;}
.supply_demand .tabLink .li:hover{color: #2587FF;}
.supply_demand .tabLink .li.on{color: #2587FF;border-bottom: 2px solid #2587FF;}
.supply_demand .tabLists{margin-top: 4vw;padding: 0 2.5vw;display: block;width: 100%;}
.supply_demand .tabLists li{display: none;}
.supply_demand .tabLists li:first-child{display: block;}
.supply_demand .tabLists .lists{display: flex;flex-wrap: wrap;}
.supply_demand .tabLists .li{width:calc(50% - 20px);display: block;margin: 10px;border-radius:4px;padding: 30px;
background: #FFFFFF;box-shadow: 0px 0px 10px 1px rgba(175,206,238,0.3);}
.supply_demand .tabLists .li:hover{transform: translate(5px,-5px);}
.supply_demand .tabLists .li:hover .tit{color: #2C8AFF;}
.supply_demand .tabLists .tit{color: #0F053C;font-weight: bold;font-size: clamp(18px,1.25vw,24px);
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.supply_demand .tabLists .oth{font-size: 14px;margin-top: 15px;}
.supply_demand .tabLists .oth .time{display: inline-block;}
.supply_demand .tabLists .oth .see{margin-left: 20px;display: inline-block;}
.supply_demand .tabLists .oth img{display: inline-block;height: 14px;vertical-align: middle;margin: -4px 5px 0 0;}
.supply_demand .tabLists .des{margin-top: 15px;color: #727588;line-height: 1.5;font-size: 14px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.supply_demand .tabLists .feature{margin-top: 20px;border-top: 1px solid #E0EBFE;padding-top: 20px;}
.supply_demand .tabLists .feature p{display: inline-block;margin: 3px;font-size: 14px;border-radius: 2px;padding: 5px 12px;}
.supply_demand .tabLists .feature .blue{color: #0D7FF2;background: #F0F7FF;border: 1px solid #D6E9FF;}
.supply_demand .tabLists .feature .red{color: #C30D23;background: #FFF4F5;border: 1px solid #FFA0A0;}
.supply_demand .tabLists .feature .pink{color: #DE3BAE;background: rgba(255,176,232,0.03);border: 1px solid #f842c8;}
.supply_demand .tabLists .feature .green{color: #06B847;border: 1px solid #88E8B8;background: #F3FFF9;}
.supply_demand .tabLists .feature .orange{color: #F77134;border: 1px solid #FFD9A0;background: #FFFBF3;}
.supply_demand .tabLists .feature .grey{border: 1px solid #AEAEAE;background: #F6F6F6;color: #616263;}
.supply_demand .tabLists .feature .purple{color: #8200DB;background: rgba(221,191,255,0.06);border: 1px solid #8d00f9;}
.supply_demand .tabLists .more{text-align: center;margin-top: 2vw;}
.supply_demand .tabLists .to{display: inline-block;font-size: 16px;padding: 15px 3vw;color: #FFFFFF;
 box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);border-radius: 4px;background: #2C8AFF;}
 .supply_demand .tabLists .to:hover{background: #F7A300;}
.supply_demand .tabLists img{display: inline-block;height: 12px;vertical-align: middle;margin: -4px 0 0 8px;}

/* 服务需求广场 */
.main{margin: 10px;background: #FCFFFF;border-radius:30px;padding: 4% 2%;max-width: 1700px;}
.main .center{width: 64%;margin: 0 auto;}
@media (min-width: 2540px){
	.main{width: 64%;margin: 0 auto;}
	.main .center{width: 100%;}
}


.release{display: flex;gap: 2vw;justify-content: space-between;align-items: center;}
.release .text{}
.release .text .tit{color: #000000;font-weight: bold;font-size: clamp(24px,2.4vw,46px);}
.release .text .des{color: #526B80;font-size: clamp(16px,1.14vw,22px);margin-top: 10px;}
.release .btn{font-size:clamp(14px,1.04vw,20px);color: #FFFFFF;padding: 1.5vw 3vw;border-radius: 20px;cursor: pointer;
background: #2C8AFF;box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);}
.release .btn:hover{background-color: #F7A300;}

.quantity{display: flex;gap: 20px;margin-top: 3vw;}
.quantity li{width: calc((100% - 60px) / 4);padding: 1.5vw;border-radius: 20px;
display: flex;align-items: center;justify-content: space-between;box-shadow: 0px 3px 10px 1px rgba(193,219,252,0.46);
background: url(../img/m23.png) no-repeat center right / cover;}
.quantity li:nth-child(2){background: url(../img/m24.png) no-repeat center right / cover;}
.quantity li:nth-child(3){background: url(../img/m25.png) no-repeat center right / cover;}
.quantity li:nth-child(4){background: url(../img/m26.png) no-repeat center right / cover;}
.quantity .txt{}
.quantity .txt .num{color: #043D7E;font-size: clamp(14px,0.93vw,18px);font-weight: bold;}
.quantity .txt .num b{font-size: clamp(30px,2.7vw,52px);margin-right: 5px;}
.quantity .txt .num span{}
.quantity .txt .des{color: #586F7E;font-size: clamp(14px,0.93vw,18px);margin-top: 5px;}
.quantity .img{display: block;width: 2.7vw;}

.demand_search{margin-top: 1.5vw;display: flex;gap: 20px;z-index: 2;}
.demand_search .partOne{width: 30%;height: 4.6875vw; background: url(../img/search.png) no-repeat left 1.5vw center / auto 24px #FFFFFF;
box-shadow: 0px 3px 16px 1px rgba(201,205,210,0.74);border-radius: 16px;}
.demand_search .partOne input[type="text"]{padding:0 2vw 0 4vw;font-size: clamp(16px,1.14vw,22px);color: #586F7E;
border-radius: 16px;border: 1px solid #ECF1F6;}
.demand_search .partTwo{flex: 1;height: 4.6875vw;box-shadow: 0px 3px 16px 1px rgba(201,205,210,0.74);border-radius: 16px;background: #FFFFFF;}
.demand_search .partTwo input[type="text"]{padding:0 1.5vw;font-size: clamp(16px,1.14vw,22px);color: #586F7E;
border-radius: 16px;border: 1px solid #ECF1F6; background: url(../img/m4.png) no-repeat right 1.5vw center / auto 20px;}
.demand_search .partThree{width: 50%;height: 4.6875vw;padding: 8px; background: #F1F9FF;border-radius: 16px;
display: flex;justify-content: space-between;
box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.demand_search .partThree .li{width:calc(33.33% - 6px);background: #FFFFFF;border: 1px solid #2587FF30;border-radius: 16px;}
.demand_search .partThree input[type="text"]{padding:0 1.25vw;font-size: clamp(14px,1.04vw,20px);color: #586F7E;
border-radius: 16px;border: 1px solid #ECF1F6; background: url(../img/m4.png) no-repeat right 1.5vw center / auto 18px;}
.demand_search input[type="text"]:focus{border: 1px solid #2587FF;}
.demand_search input[type="text"].on,
.demand_search input[type="text"].on{background: url(../img/up@2x.png) no-repeat right 1.5vw center / auto 20px;}
.drop_down_box{display: none; position: absolute;left: 0;top: 100%;width: 100%;padding: 1.5vw;z-index: 1;
border-radius: 16px;box-shadow: 0px 3px 16px 1px rgba(201,205,210,0.74);background: #FFFFFF;border: 1px solid #ECF1F6;}
.drop_down_box .ck+.ck{margin-top: 1vw;}
.drop_down_box .ck{font-size: clamp(12px,0.83vw,16px);color: #5A7F9D;}
.drop_down_box .ck label{cursor: pointer;}
.drop_down_box .ck input{width: 16px;height: 16px;display:block;float: left;}
.drop_down_box .ck span{display: block;margin-left: 24px;line-height: 16px;}

.blue{color: #2C8AFF !important;}
.pink{color: #DE3BAE !important;}
.purple{color: #8200DB !important;}
.grey{color: #6D879D !important;}
.green{color: #31A752 !important;}
.orange{color: #F7A300 !important;}

.multicolored{margin-top: 3vw;}
.multicolored .li{cursor: pointer; display: inline-block;margin: 6px;font-size: clamp(12px,1.04vw,20px);border-radius: 2vw;padding: 1vw 1vw;}
.multicolored .blue{color: #2C8AFF;background: rgba(219,234,254,0.3);box-shadow: 0px 0px 16px 1px rgba(2,95,210,0.1);border: 1px solid #2C8AFF80;}
.multicolored .pink{color: #DE3BAE;background: rgba(255,176,232,0.15);box-shadow: 0px 0px 16px 1px rgba(225,0,135,0.1);border: 1px solid #DE3BAE80;}
.multicolored .purple{color: #8200DB;background: rgba(221,191,255,0.3);box-shadow: 0px 0px 16px 1px rgba(58,1,194,0.1);border: 1px solid #8200DB80;}
.multicolored .grey{color: #6D879D;background: rgba(191,213,232,0.5);box-shadow: 0px 0px 16px 1px rgba(32,52,88,0.1);border: 1px solid #6D879D80;}
.multicolored .green{color: #31A752;background: rgba(243,249,244,1);box-shadow: 0px 0px 16px 1px rgba(0,101,14,0.1);border: 1px solid #31A75280;}
.multicolored .orange{color: #F7A300;background: rgba(247,163,0,0.06);box-shadow: 0px 0px 16px 1px rgba(240,158,0,0.1);border: 1px solid #F7A30080;}
.multicolored .blue.on{background: #2C8AFF;color: #FFFFFF !important;}
.multicolored .pink.on{background: #DE3BAE;color: #FFFFFF !important;}
.multicolored .purple.on{background: #8200DB;color: #FFFFFF !important;}
.multicolored .grey.on{background: #6D879D;color: #FFFFFF !important;}
.multicolored .green.on{background: #31A752;color: #FFFFFF !important;}
.multicolored .orange.on{background: #F7A300;color: #FFFFFF !important;}


.demand_lists{margin: 1.5vw 0;}
.demand_lists::after{content:"";display:block;clear:both;}
.demand_lists .left{width: 70%;float: left;}
.demand_lists .left .centerPart{height: 95%;display: flex;flex-wrap: wrap;}
.demand_lists .left .page{text-align: center;margin-top: 2vw;}
.demand_lists .left .list{width:100%; margin-bottom: 1vw;overflow: hidden;display: block;background: #FFFFFF;transition: all .3s;
border: 1px solid #ECF1F6;border-radius: 15px;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.demand_lists .left .centerPart.half{gap:2vw;justify-content: space-between;}
.demand_lists .left .centerPart.half .list{width:calc(50% - 1vw);margin-bottom: 0;}
.demand_lists .left .centerPart.half .list .box{padding: 1vw;}
.demand_lists .left .centerPart.half .list .box .txtBox .des{-webkit-line-clamp: 2;}

.demand_lists .left .centerPart.half .list .tit{display: none;}
.demand_lists .left .centerPart.half .list .img{width:100%;float:none;}
.demand_lists .left .centerPart.half .list .txtBox{margin-left: 0;padding:1vw 0 0;}
.centerPart.half .money,.demand_lists .list .oth p.halftime{display: none;}
.demand_lists .centerPart.half .list .oth p.halftime{display: inline-block;}
.demand_lists .centerPart.half .list .oth{margin: 10px 0 !important;}

.halfTitle{display: none;color: #0F053C;font-size: clamp(16px,1.04vw,20px);font-weight: bold;}
.centerPart.half .halfTitle{display: block;}
.demand_lists .left .list:hover{transform: scale(1.01);}
.demand_lists .left .list:hover .tit .aa p{color: #2587FF;}
.demand_lists .left .list .tit{padding: 1vw 1.5vw;display: flex;gap: 20px;justify-content: space-between;align-items: center;
background: linear-gradient( 110deg, #F1F8FF 0%, #FDFEFF 76.44%, #FFFFFF 100%);}
.demand_lists .left .list .tit .aa{overflow: hidden;flex: 1;}
.demand_lists .left .list .tit .aa p{color: #0F053C;font-size: clamp(18px,1.25vw,24px);font-weight: bold;display: inline-block;max-width: 70%;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.demand_lists .left .list .tit .aa span{color: #0056B3;margin-left: 1vw;font-size: clamp(12px,0.73vw,14px);}
.demand_lists .left .list .tit .time{font-size: 14px;color: #2C8AFF;padding:6px 15px;border-radius: 16px;background: #F0F7FF;}
.demand_lists .left .list .tit .time img{display: inline-block;height: 0.83vw;vertical-align: middle;margin: -2px 5px 0 0;} 
.demand_lists .left .list .tit .bb{}
.demand_lists .left .list .tit .bb img{display: inline-block;height: 1.25vw;vertical-align: middle;margin-top: -2px;} 
.demand_lists .left .list .tit span{}
.demand_lists .left .list .box{padding: 1vw 1.5vw;}
.demand_lists .left .list .box .img{width:35%;float:left;}
.demand_lists .left .list .box .img img{width:100%;}
.demand_lists .left .list .box .txtBox{margin-left:37%;}
.demand_lists .list .box .txtBox .oth{margin-top: 5px;}
.demand_lists .left .list .box .txtBox .des{font-size: 14px;color: #989DB8;margin-top: 5px;}
.demand_lists .left .list .box .txtBox .feature{margin-top: 5px;}
.demand_lists .left .list .box .txtBox .feature p{font-size: 12px;}
.demand_lists .left .list .box .txtBox .type{padding-top: 15px;margin-top: 10px;}
.demand_lists .left .list .box .txtBox .type p{padding: 2px 12px;font-weight: bold;margin:0 5px;}
.successCases .demand_lists .right .list .type p{padding: 2px 12px;font-size: 12px;font-weight: bold;}
.money{color: #FFFFFF;font-size: 14px;background: #31A752;border-radius: 15px;padding: 4px 14px 6px;float:right;}

.demand_lists .list .oth{font-size: 14px;}
.demand_lists .list .oth img{display: inline-block;vertical-align: middle;height: 14px;margin: -4px 4px 0 0;}
.demand_lists .list .oth p{display: inline-block;}
.demand_lists .list .oth p+p{margin-left: 1vw;}
.demand_lists .left .list .des{color: #727588;line-height: 1.5;font-size: 15px;margin-top: 15px;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.demand_lists .left .list .feature{margin-top: 1vw;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.demand_lists .left .list .feature p{margin: 5px;display: inline-block;font-size: 14px;padding: 6px 12px;
background: #F5F8FD;border-radius:2px;border: 1px solid #F0F0F0;}
.demand_lists .left .list .industry{color: #586F7E;}
.demand_lists .left .list .region{color: #989DB8;}
.demand_lists .list .type{border-top: 1px dashed #65BDF8;padding-top: 1vw;margin-top: 1vw;}
.demand_lists .list .type::after{content: '';display: block;clear: both;}
.demand_lists .list .type p{margin: 5px;display: inline-block;font-size: 14px;padding: 6px 12px;border-radius: 20px;}
.demand_lists .list .blue{color: #2C8AFF;background: rgba(219,234,254,0.3);box-shadow: 0px 0px 16px 1px rgba(2,95,210,0.1);border: 1px solid #2C8AFF80;}
.demand_lists .list .pink{color: #DE3BAE;background: rgba(255,176,232,0.15);box-shadow: 0px 0px 16px 1px rgba(225,0,135,0.1);border: 1px solid #DE3BAE80;}
.demand_lists .list .purple{color: #8200DB;background: rgba(221,191,255,0.3);box-shadow: 0px 0px 16px 1px rgba(58,1,194,0.1);border: 1px solid #8200DB80;}
.demand_lists .list .grey{color: #6D879D;background: rgba(191,213,232,0.5);box-shadow: 0px 0px 16px 1px rgba(32,52,88,0.1);border: 1px solid #6D879D80;}
.demand_lists .list .green{color: #31A752;background: rgba(243,249,244,1);box-shadow: 0px 0px 16px 1px rgba(0,101,14,0.1);border: 1px solid #31A75280;}
.demand_lists .list .orange{color: #F7A300;background: rgba(247,163,0,0.06);box-shadow: 0px 0px 16px 1px rgba(240,158,0,0.1);border: 1px solid #F7A30080;}
.demand_lists .left .list .date{color: #009637;background: #F3FFF9;border-radius: 15px;font-size: 14px;float: right;padding: 6px 15px;margin-top: 6px;}
.demand_lists .left .list .stop{color: #616263;background: #F6F6F6;}
.demand_lists .left .list .date.red{color: #C30D23;background: #FFF4F5;}
.demand_lists .left .list .date.yellow{color: #F77134;background: #FFFBF3;}
.demand_lists .left .list .date.routine{color: #2C8AFF;background: #F3FDFF;}

.demand_lists .right{width: calc(30% - 2vw);float: right;position: sticky;top: 110px;}
.sticky{position: sticky;top: 110px;}
.demand_lists .right .list{background: #FFFFFF;border-radius: 16px;padding: 18px;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);border: 1px solid #2587FF40;}
.demand_lists .right .list+.list{margin-top: 1vw;}
.demand_lists .right .list .title{color: #2587FF;font-size: clamp(16px,1.14vw,22px);font-weight: bold;border-bottom: 1px dashed #65BDF8;padding-bottom: 10px;}
.demand_lists .right .list .title img{display: inline-block;vertical-align: middle;margin: -4px 10px 0 0;height:1.67vw;}
.demand_lists .right .list .cont{margin-top: 15px;}
.demand_lists .right .list .cont .li{background: rgba(243,250,255,0.54);border-radius: 16px;border: 1px solid #ECF1F6;padding: 15px;display: block;overflow: hidden;}
.demand_lists .right .list .cont .li+.li{margin-top: 12px;}
.demand_lists .right .list .cont .tt{font-size: 16px;color: #333333;}
.demand_lists .right .list .cont .tt p{display: inline-block;max-width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.demand_lists .right .list .cont .tt .date{color: #009637;font-size: 12px;font-weight: bold;display: inline-block;float: right;margin-top: 4px;}
.demand_lists .right .list .cont .tt .stop{color: #616263;}
.demand_lists .right .list .cont .des{font-size: 12px;color: #727588;line-height: 1.5;margin-top: 10px;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.demand_lists .right .list .oth{margin-top: 10px;}
.demand_lists .right .list .type{margin-top: 10px;border: none;padding-top: 0;}
.demand_lists .right .list .type p{padding: 4px 12px;border-radius: 16px;margin: 3px;}
.demand_lists .right .cont .li:hover .tt{color: #2587FF;}

.demand_lists .list.urgent .title{color: #CD2828;}
.demand_lists .list.urgent .cont .li{background: rgba(255,225,225,0.19);}
.demand_lists .list.urgent .cont .li:hover .tt{color: #CD2828;}
.demand_lists .list.curated .title{color: #F77134;}
.demand_lists .list.curated .cont .li{background: rgba(255,252,243,0.54);}
.demand_lists .list.curated .cont .li:hover .tt{color: #F77134;}


.release_box{padding: 1.5vw !important;text-align: center;background: linear-gradient( 180deg, #F2FDFF 0%, #FFFFFF 100%) !important;}
.release_box .release_txt{color: #525252;line-height: 28px;font-size: clamp(12px,0.83vw,16px);}
.release_box .release_btn{margin-top: 20px;border-radius: 10px;font-size: clamp(12px,0.83vw,16px);color: #FFFFFF;padding: 12px;
background: #2C8AFF;box-shadow: 0px 0px 16px 1px rgba(44,138,255,0.44);cursor: pointer;}
.release_box .release_btn:hover{background-color: #F7A300;}
.release_box .release_tips{margin-top: 20px;font-size: 12px;color: #2BA357;}
.release_box .release_tips img{display: inline-block;vertical-align: middle;margin: -2px 5px 0 0;height: 12px;}

/* 发布能力 */
.release_title{text-align: center;margin-bottom: 3vw;}
.release_title .tit{font-size: clamp(20px,2.4vw,44px);font-weight: bold;color: #000000;}
.release_title .des{margin-top: 10px;color: #526B80;font-size: clamp(16px,1.14vw,22px);}

.release_step{padding: 2vw 2.5vw; border-radius: 20px;margin-bottom: 1.14vw; display: flex;justify-content: space-between;
background: linear-gradient( 139deg, #F2FDFF 0%, #FFFFFF 100%);box-shadow: 0px 3px 10px 1px rgba(193,219,252,0.46);}
.release_step .li{font-size: clamp(16px,1.14vw,22px);color: #586F7E80;}
.release_step .li img{display: inline-block;height: 1.875vw;vertical-align: middle;margin: -4px 8px 0 0;opacity: 0.16;}
.release_step .li:after{opacity: 0.16;content: '';display: block;border-top: 2px dashed #2587FF;
position: absolute;right: -60%;top: 50%;width:50%; margin-top: -1px;}
.release_step .li:last-child:after{display: none;}
.release_step .li.on{color: #586F7E;}
.release_step .li.on img{opacity: 1;}
.release_step .li.on:after{opacity: 1;}

.formBox{}
.formBox .step{display: none; padding: 2vw;border-radius: 16px;border: 1px solid #ECF1F6;background: #FFFFFF;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.formBox .step:first-child{display: block;}
.formBox .step .title{font-size: clamp(18px,1.35vw,26px);color: #000000;font-weight: bold;border-bottom: 2px dashed #65BDF880;padding: 0 0.5vw 1vw;}
.formBox .step .title span{font-weight: normal;color: #6D879D;font-size: clamp(12px,0.83vw,18px);margin-left: 10px;}
.formBox .step .btns{border-top: 2px dashed #65BDF880;padding: 1vw 0.5vw 0;font-size: clamp(12px,0.93vw,18px);
display: flex;justify-content: end;align-items: center;gap: 2vw;}
.formBox .step .btns .cancel{color: #999999;cursor: pointer;}
.formBox .step .btns .cancel:hover{text-decoration: underline;}
.formBox .step .btns .prev{color: #2C8AFF;cursor: pointer;}
.formBox .step .btns .prev:hover{text-decoration: underline;}
.formBox .btns .next,
.formBox .btns .confirm{display: inline-block;color: #FFFFFF;background: #2C8AFF;border-radius:1vw;padding: 0.8vw 2vw;cursor: pointer;
box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);}
.formBox .btns .next img,
.formBox .btns .confirm img{display: inline-block;vertical-align: middle;margin: -4px 0 0 5px;height: 0.83vw;}
.formBox .btns .next:hover,
.formBox .btns .confirm:hover{background-color: #F7A300;}
.formBox .btns .back{display: inline-block;color:#2C8AFF;border-radius:1vw;padding: 0.8vw 2vw;cursor: pointer;border: 1px solid #2C8AFF;}
.formBox .btns .back img{display: inline-block;vertical-align: middle;margin: -4px 0 0 5px;height: 0.83vw;}
.formBox .btns .back:hover{box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);}
.formBox .step .infor{padding: 2vw 0.5vw;}
.formBox .service_checkbox{display: flex;flex-wrap: wrap;}
.formBox .service_checkbox .li{cursor: pointer;width: 25.333%;display: block;margin-right: 12%;}
.formBox .service_checkbox .li:nth-child(3n){margin-right: 0;}
.formBox .service_checkbox .li:nth-child(n+4){margin-top: 2vw;}
.formBox .service_checkbox .li input{width: 1.25vw;height: 1.25vw;display: inline-block;vertical-align: middle;margin-right: 1vw;}
.formBox .service_checkbox .li span{font-size: clamp(12px,1.04vw,20px);width: calc(100% - 2.7vw); border-radius: 10px;white-space: nowrap;padding: 1vw 0 1vw 2vw;display: inline-block;vertical-align: middle;}
.formBox .service_checkbox .blue span{background: rgba(219,234,254,0.3);box-shadow: 0px 0px 16px 1px rgba(2,95,210,0.1);border: 1px solid #2C8AFF80;}
.formBox .service_checkbox .green span{background: rgba(243,249,244,1);box-shadow: 0px 0px 16px 1px rgba(0,101,14,0.1);border: 1px solid #31A75280;}
.formBox .service_checkbox .orange span{background: rgba(247,163,0,0.06);box-shadow: 0px 0px 16px 1px rgba(240,158,0,0.1);border: 1px solid #F7A30080;}
.formBox .service_checkbox .grey span{background: rgba(191,213,232,0.5);box-shadow: 0px 0px 16px 1px rgba(32,52,88,0.1);border: 1px solid #6D879D80;}
.formBox .service_checkbox .purple span{background: rgba(221,191,255,0.3);box-shadow: 0px 0px 16px 1px rgba(58,1,194,0.1);border: 1px solid #8200DB80;}
.formBox .service_checkbox .pink span{background: rgba(255,176,232,0.15);box-shadow: 0px 0px 16px 1px rgba(225,0,135,0.1);border: 1px solid #DE3BAE80;}
input[type="checkbox"]{accent-color: #2587FF;}

.formBox .infor .line{margin-bottom: 1.2vw;overflow: hidden;}
.formBox .infor .line .name{color: #586F7E;font-size: clamp(16px,0.93vw,18px);display: block;margin-bottom: 15px;}
.formBox .infor .line .name span{color: #CD2828;}
.formBox .infor .line .txtInp{background: rgba(241,246,249,0.32);}
.formBox .infor .line .txtInp input{border-radius: 10px;overflow: hidden; border: 1px solid #6D879D80;color: #0C141D;
font-size: clamp(14px,0.83vw,16px);padding: 0 1vw;height: 3vw;}
.formBox .infor .line .txtInp input:focus{border: 1px solid #2C8AFF;}
.formBox .infor .line .txtInp select{border-radius: 10px;overflow: hidden; border: 1px solid #6D879D80;color: #0C141D;
font-size: clamp(14px,0.83vw,16px);padding: 0 1vw;height: 3vw;}
.formBox .infor .line .txtInp select:focus{border: 1px solid #2C8AFF;}
.formBox .infor .line .checkbox{}
.formBox .infor .line .customize{}
.formBox .infor .line .checkbox .li{height: 3vw;padding: 0.9vw 1.5vw 0; background: rgba(241,246,249,0.32);
cursor: pointer;display: inline-block;margin: 0 8px 8px 0;overflow: hidden;border-radius: 10px;}
.formBox .infor .line .customize .li{height: 3vw;padding: 0.9vw 1.5vw 0; background: rgba(241,246,249,0.32);
cursor: pointer;display: inline-block;overflow: hidden;border-radius: 10px;float: left;}
.formBox .infor .line .checkbox .li input,
.formBox .infor .line .customize .li input{position: absolute;left: 0;top:0;height: 100%;width:100%; display: block;
border-radius: 10px;border: 1px solid #6D879D80;overflow: hidden;appearance: none;cursor: pointer;}
.formBox .infor .line .checkbox .li span,
.formBox .infor .line .customize .li span{position: absolute;right: 0;bottom: 0;width: 14px;height: 14px;
display: block;border-radius: 2px;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.formBox .infor .line .checkbox .li p,
.formBox .infor .line .customize .li p{color: #A6A6A6;font-size: clamp(14px,0.83vw,16px);}
.formBox .infor .line .checkbox .li input:checked,
.formBox .infor .line .customize .li input:checked{border: 1px solid #2C8AFF;}
.formBox .infor .line .checkbox .li input:checked+span,
.formBox .infor .line .customize .li input:checked+span{background-image: url(../img/ck.png);}
.formBox .infor .line .checkbox .li input:checked+span+p,
.formBox .infor .line .customize .li input:checked+span+p{color: #2C8AFF;}
.formBox .infor .line .customize .txtInp{margin-left: 155px;display: none;}
.formBox .infor .line .radiobox{}
.formBox .infor .line .radiobox .li{height: 3vw;padding: 0.9vw 1.5vw 0; background: rgba(241,246,249,0.32);
cursor: pointer;display: inline-block;overflow: hidden;border-radius: 10px;margin: 0 8px 0 0;}
.formBox .infor .line .radiobox .li input{position: absolute;left: 0;top:0;height: 100%;width:100%; display: block;
border-radius: 10px;border: 1px solid #6D879D80;overflow: hidden;appearance: none;cursor: pointer;}
.formBox .infor .line .radiobox .li span{position: absolute;right: 0;bottom: 0;width: 14px;height: 14px;
display: block;border-radius: 2px;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.formBox .infor .line .radiobox .li p{color: #A6A6A6;font-size: clamp(14px,0.83vw,16px);}
.formBox .infor .line .radiobox .li input:checked{border: 1px solid #2C8AFF;}
.formBox .infor .line .radiobox .li input:checked+span{background-image: url(../img/dui.png);}
.formBox .infor .line .radiobox .li input:checked+span+p{color: #2C8AFF;}
.formBox .infor .line .textareabox{background: rgba(241,246,249,0.32);}
.formBox .infor .line .textareabox .textarea{border-radius: 10px;overflow: hidden; border: 1px solid #6D879D80;font-family: inherit;
font-size: clamp(14px,0.83vw,16px);padding: 0.5vw 1vw;line-height: 1.5;resize: vertical;min-height: 10vw;color: #0C141D;}
.formBox .infor .line .textareabox textarea:focus{border: 1px solid #2C8AFF;}
.optional{border-bottom: 2px dashed #65BDF880;margin: 2vw 0;white-space: nowrap;}
.optional span{background: #ffffff;padding: 0 20px;z-index: 1;color: #6D879D;font-size: clamp(14px,0.93vw,18px);
position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); }
.formBox .infor .optionalBox{padding: 1.5vw;border-radius: 16px;
border: 1px solid #ECF1F6;background: rgba(249,249,249,0.54);}
.formBox textarea::placeholder,.formBox input::placeholder{color: #A6A6A6;}
.char-count {position: absolute;bottom: 8px;right: 10px;font-size: 12px;color: #A6A6A6;
padding: 2px 6px;border-radius: 3px;transition: color 0.3s;}
.char-count.warning{color: #F44336;}

.formBox .infor .line .half{width: 49%;float: left;}
.formBox .infor .line .half:nth-child(2n){float: right;}
.tipsBox{margin-bottom: 2vw; background: #F1F7FF;border-radius:10px;border: 1px solid #D1E1F5;padding: 10px 1vw;color: #2587FF;font-size: 14px;}
.tipsBox img{display: inline-block;height: 18px;vertical-align: middle;margin: -4px 6px 0 0;}
.tipsBox.huang{background: #FFFBEB;border: 1px solid #E6CC74;color: #BA7000;}
.tipsBox.hong{}
.tipsBox.lv{}
.preview{background: rgba(249,249,249,0.54);border-radius:16px;border: 1px solid #ECF1F6;padding: 1.5vw;margin: 1vw 0;}
.preview .line{}
.preview .line+.line{margin-top: 2vw;}
.preview .line .name{color: #0056B3;font-size: clamp(16px,1.04vw,20px);font-weight: bold;margin-bottom: 1.5vw;}
.preview .line .ck{display: flex;flex-wrap: wrap;}
.preview .line .ck .li{border-radius: 16px;font-size: clamp(14px,0.83vw,16px);padding: 0.4vw 1vw;margin: 5px 5px 0;}
.preview .line .ck .li.blue{color: #2C8AFF;background: rgba(219,234,254,0.3);box-shadow: 0px 0px 16px 1px rgba(2,95,210,0.1);border: 1px solid #2C8AFF80;}
.preview .line .ck .li.green{color: #31A752;background: rgba(243,249,244,1);box-shadow: 0px 0px 16px 1px rgba(0,101,14,0.1);border: 1px solid #31A75280;}
.preview .line .ck .li.orange{color: #F7A300;background: rgba(247,163,0,0.06);box-shadow: 0px 0px 16px 1px rgba(240,158,0,0.1);border: 1px solid #F7A30080;}
.preview .line .ck .li.grey{color: #6D879D;background: rgba(191,213,232,0.5);box-shadow: 0px 0px 16px 1px rgba(32,52,88,0.1);border: 1px solid #6D879D80;}
.preview .line .ck .li.purple{color: #8200DB;background: rgba(221,191,255,0.3);box-shadow: 0px 0px 16px 1px rgba(58,1,194,0.1);border: 1px solid #8200DB80;}
.preview .line .ck .li.pink{color: #DE3BAE;background: rgba(255,176,232,0.15);box-shadow: 0px 0px 16px 1px rgba(225,0,135,0.1);border: 1px solid #DE3BAE80;}

.preview .line .all{overflow: hidden;}
.preview .all+.all{margin-top: 2vw;}
.preview .line .half{width: 49%;float: left;}
.preview .line .half:nth-child(2n){float: right;}
.preview .line .half:nth-child(n+3){margin-top: 1.5vw;}
.preview .line .aa{color: #586F7E;font-size: clamp(14px,0.93vw,18px);}
.preview .line .bb{color: #0C141D;font-size: clamp(16px,0.93vw,18px);margin-top: 1vw;line-height: 1.5;}

.success{display: none; background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index: 9;}
.success .pop-up{background: linear-gradient( 156deg, #F2FDFF 0%, #F9FEFF 16.3%, #FFFFFF 24.52%, #FFFFFF 65.86%, #FFFFFF 83.68%, #FFFFFF 84.82%, #F5FEFF 100%);
box-shadow: 0px 0px 20px 1px rgba(0,64,143,0.51);border-radius: 16px;padding: 1.5vw;width: 30%;min-width: 360px;transform: translate(-50%,-50%);left: 50%;top:50%;}
.success .pop-up .close{position: absolute;right: 1.25vw;top: 1.25vw;cursor: pointer;}
.success .pop-up .close img{display: block;width: 20px;cursor: pointer;}
.success .pop-up .img{width: 33%;margin: 2vw auto 1vw;}
.success .pop-up .img img{display: block;width: 100%;}
.success .pop-up .big{text-align: center;color: #000000;font-size: clamp(20px,1.5vw,30px);font-weight: bold;}
.success .pop-up .small{text-align: center;color: #586F7E;font-size: clamp(14px,0.83vw,16px);line-height: 1.5;margin-top:1vw;}
.success .pop-up .btns{display: flex;gap: 20px;justify-content: center;}
.success .pop-up .optional span{color: #000000;font-size: clamp(12px,0.73vw,14px);} 
.optional a{color:#2587FF;}
.optional a:hover{text-decoration: underline;}

/* 我要找 */
.findBg{background: #FCFFFF;}

.trending{display: flex;width: 60%;margin: 0 auto; align-items: center;margin-top: 1vw;}
.trending .left{color: #6D879D;font-size: clamp(14px,0.93vw,18px);display: block;}
.trending .right{flex: 1;text-align: left;display: block;}
.trending .right .li{display: inline-block; color: #2C8AFF;font-size: clamp(14px,0.83vw,16px);margin: 5px;cursor: pointer;
padding: 0.5vw 1vw;background: rgba(243,250,255,0.54);border-radius: 10px;border: 1px solid #2C8AFF80;}
.trending .right .li.on{background: #b7d7ff;}

.filterBox{background: #FFFFFF;padding: 2vw;margin-top: 2vw;
border: 1px solid #ECF1F6;border-radius: 16px;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.filterBox .filter:first-child{margin-top: 0;}
.trending.filter{width: 100%;}
.trending.filter .li{color: #A6A6A6;font-size: clamp(14px,0.88vw,17px);border-radius: 20px;
background: rgba(241,246,249,0.32);border: 1px solid #6D879D80;}
.trending.filter .li.on{color: #2C8AFF;border: 1px solid #2C8AFF;background: rgba(243,250,255,0.54);}
.see_filter{cursor: pointer;font-weight: 500; margin: 1vw 0;padding: 10px;font-size: 14px;
background: #F1F7FF;border: 1px solid #D1E1F5;border-radius: 10px;text-align: center;color: #2587FF;}
.see_filter .a{display: inline-block;}
.see_filter .b{display: none;}
.see_filter img{display: inline-block;vertical-align: middle;margin: -4px 0 0 5px;height:14px;}
.see_filter.on .a{display: none;}
.see_filter.on .b{display: inline-block;}
.more_filter{display: none;}

.findBox{padding: 1.5vw 0 3vw;}
.findBox .centerBox{}
.findBox .left{width: 15vw;float: left;position: sticky; top: 110px;}
.findBox .left .li{border-radius:16px;padding:1vw;margin-bottom: 1vw;
	background: #FFFFFF;border: 1px solid #ECF1F6;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.findBox .left .title{border-bottom: 2px dashed #65BDF880;padding: 0 4px 8px;cursor: pointer;}
.findBox .left .title p{display: inline-block;background: #EEFFF9;border-radius:10px;
padding: 10px 15px;font-weight: bold;color: #2BA357;font-size: clamp(16px,1.04vw,20px);}
.findBox .left .title b{margin-right: 3px;color: #F7A300;}
.findBox .left .title img{float: right; display: inline-block;height:18px;margin-top: 0.7vw;transition: all .3s;}
.findBox .left .title.on img{transform: rotate(-90deg);transition: all .3s;}
.findBox .left .cont{padding: 4px;}
.findBox .left .cont .num{display: block;margin-top: 1vw;border-radius: 10px;padding: 10px 1vw;
font-size: clamp(14px,0.93vw,18px);color: #27A09D;}
.findBox .left .cont .num span{background: #F5F5F5;border-radius: 16px;color: #191919;display: inline-block;margin-top: 2px;
font-size: 12px;line-height: 18px;width: 38px;text-align: center;float: right;}
.findBox .left .cont .num:hover{background: #F5F5F5;}
.findBox .left .cont .num:hover span{background: #ffffff;}
.findBox .left .cont .num.on{background: #F1FFFB;}
.findBox .left .cont .num.on span{background: #F5F5F5;}
.findBox .left .li:nth-child(2n) .title p{background: #EEF9FF;color: #2587FF;}
.findBox .left .li:nth-child(2n) .num{color: #1A5F9E;}
.findBox .left .li:nth-child(2n) .num.on{background: #F6FCFF;}
.findBox .right{width: calc(100% - 17vw);float: right;}
.findBox .right .view{overflow: hidden;}
.findBox .right .view .center{float: right;display: flex;gap: 6px; border-radius:8px;padding: 8px;
background: #F6F9FC;box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.16);}
.findBox .right .view .li{display: block;border-radius:6px;padding: 6px;cursor: pointer;}
.findBox .right .view img{display: block;height: 18px;filter: grayscale(100%);}
.findBox .right .view .li.on{background: #FFFFFF;box-shadow: 0px 0px 9px 1px rgba(190,211,238,0.38);}
.findBox .right .view .li.on img{filter:none;}
.view_lists{}
.view_lists .demand_lists{margin-top: 1vw;gap: 0;} 
.view_lists .demand_lists .left{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} 
.view_lists .demand_lists .left .list:hover{transform: scale(1.02);}
.view_lists .left .list{width: 100%;transition: all .3s;}
.view_lists .left .list .tit .aa{display: flex;gap: 10px;align-items: center;gap: 1vw;}
.view_lists .left .list .tit .aa .img{width: 2.5vw;height: 2.5vw;border-radius: 6px;overflow: hidden;}
.view_lists .left .list .tit .aa .img b{width: 100%;height: 100%;color: #FFFFFF;background: #31A752;
font-size: clamp(18px,1.25vw,24px);display: block;text-align: center;line-height: 2.5vw;}
.view_lists .left .list .tit .aa img{display: block;height: 100%;object-fit: cover;width: 100%;}
.view_lists .left .list .tit.vendor{background: linear-gradient( 137deg, #ECFFF5 0%, #FDFDFD 76.44%, #FFFFFF 100%);}
.view_lists.half .list{width:calc(50% - 0.5vw);}

.ad{background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #003DA8;
min-height: 13vw;padding:2vw;border-radius: 16px;text-align: center; box-shadow: 0px 0px 16px 1px rgba(44,138,255,0.3);
display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 8%;}
.ad .tit{width:100%;color: #FFFFFF;font-size: clamp(20px,2.08vw,40px);font-weight: bold;}
.ad .des{width:100%;color: #FFFFFF;font-size: 16px;margin-top:1vw;}
.ad .to{display: inline-block;color: #2C8AFF;font-size: clamp(14px,1.04vw,20px);border-radius:14px;margin-top: 1.5vw;
border: 1px solid #2C8AFF;box-shadow: 0px 0px 20px 1px rgba(7,102,221,0.44);padding: 1vw 2vw;background: #FFFFFF;}
.ad .to:hover{background-color: #F7A300 !important;color: #ffffff;}
.ad .to+.to{margin-left: 2vw;background: #2C8AFF;color: #FFFFFF;}
/* 展会信息 */
.exhibitionBox{padding: 3% 10%;background: #FCFFFF;}
.carousel{margin: 10px;}
.carousel .li{border-radius: 20px;overflow: hidden;}
.carousel .li .img{}
.carousel .li .img img{display: block;width: 100%;}
.carousel .li .txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(9,15,19,0.39);
text-align: center;padding: 20px;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.carousel .li .txt .tit{font-size: clamp(24px,3vw,60px);font-weight: bold;}
.carousel .li .txt .des{margin-top: 1vw;font-size: clamp(18px,1.25vw,24px);}
.carousel .li .arrow{display: inline-block;border-radius:14px;color: #2C8AFF;font-size: clamp(12px,1.04vw,20px);
border: 1px solid #2C8AFF;background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(7,102,221,0.44);padding: 1vw 2vw;margin-top: 3vw;}
.carousel .li .arrow:hover{background-color: #F7A300;color: #ffffff;}
.carousel .swiper-pagination{text-align: center;position: absolute;bottom: 20px !important;}

.exhibitionBox .demand_search{margin-top: 3.5vw;}
.exhibitionBox .demand_search .partOne{width: 500px;}
.exhibitionBox .demand_search .partThree{width: calc(100% - 520px);}

.exhibitionList{display: flex;flex-wrap: wrap;gap: 2vw;align-items: start;}
.exhibitionList .list:hover .tit{color: #2587FF;}
.exhibitionList .list:hover .img img{transform: scale(1.1);transition: all .3s;}
.exhibitionList .list{background: #FFFFFF;border-radius:10px;box-shadow: 0px 0px 10px 1px rgba(44,138,255,0.19);
overflow: hidden;width: 100%;}
.exhibitionList.oneThird .list{width: calc((100% - 4vw) / 3);}
.exhibitionList .list .img{width: 400px;display: block;float: left;overflow: hidden;}
.exhibitionList.oneThird .list .img{width: 100%;float: none;}
.exhibitionList .list .img img{display: block;width:100%;transition: all .3s;}
.exhibitionList .list .img span{font-size: clamp(12px,0.83vw,16px);color: #FFFFFF;background: #31A752;border-radius:15px;padding: 5px 10px;
position: absolute;right: 1vw;top: 1vw;}
.exhibitionList .list .txtBox{padding: 10px 15px;margin-left: 405px;}
.exhibitionList.oneThird .list .txtBox{margin-left: 0;padding: 15px;}
.exhibitionList .list .txt{padding: 15px 10px;}
.exhibitionList.oneThird .list .txt{padding: 0 0 15px;}
.exhibitionList .list .time{font-size: 14px;font-weight: 400;}
.exhibitionList .list .time img{display: inline-block;height:14px;vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionList .list .tit{color: #0F053C;font-weight: bold;line-height: 1.5;font-size: clamp(14px,1.04vw,20px);
margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;display: block;}
.exhibitionList .list .oth{margin-top: 10px;}
.exhibitionList .list .oth .li{display: inline-block;font-size: 14px;margin-right: 1vw;}
.exhibitionList .list .oth img{display: inline-block;height:14px;vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionList .list .des{font-size: 14px;line-height: 1.5;margin-top: 1vw;
display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.exhibitionList.oneThird .list .des{-webkit-line-clamp: 2;}
.exhibitionList .list .feature{padding: 20px 10px;margin-top: 10px; border-top: 2px dashed #65BDF880;display: flex;align-items: center;}
.exhibitionList.oneThird .list .feature{padding: 15px 0 0;margin-top: 0; }
.exhibitionList .list .feature .li{color: #0D7FF2;font-size: clamp(12px,0.73vw,14px);display: inline-block;
border-radius: 14px;background: #F0F7FF;border: 1px solid #D6E9FF;padding: 7px 15px;white-space: nowrap;}
.exhibitionList .list .feature .li img{display: inline-block;height:14px;vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionList .list .feature .li:nth-child(2){color: #A1893A;background: #FFFDF6;
border: 1px solid rgba(197,173,118,0.49);margin-left: 1vw;}
.exhibitionList.oneThird .list .feature .li{display: none;}
.exhibitionList.oneThird .list .feature .li:first-child{display: inline-block;}
.exhibitionList .list .feature .to{margin-left: auto;display: block;color: #FFFFFF;background: #2C8AFF;font-size:clamp(12px,0.73vw,14px);border-radius: 20px;padding: 8px 18px;}
.exhibitionList .list .feature .to img{display: inline-block;height:1vw;vertical-align: middle;margin: -4px 0 0 5px;}
.exhibitionList.oneThird .list .feature .to{color: #2C8AFF;background: #ffffff;}
.exhibitionList .list .feature .to:hover{box-shadow: 0px 0px 6px 1px rgba(44,138,255,0.44);}
.exhibitionList.oneThird .list .feature .to:hover{color: #FFFFFF;background: #2C8AFF;box-shadow: none;}
.exhibitionBox .other{display: flex;gap:20px;justify-content: space-between;margin: 2vw 0 1.5vw;}
.exhibitionBox .other .left{flex: 1;border-bottom: 2px dashed #65BDF880;padding: 13px 15px;color: #999999;font-size: font-size: clamp(14px,0.93vw,18px);}
.exhibitionBox .other .left a{margin: 0 15px;}
.exhibitionBox .other .left a:hover,
.exhibitionBox .other .left a.on{color: #2587FF;}
.exhibitionBox .other .right{}
.exhibitionBox .other .view .center{float: right;display: flex;gap: 6px; border-radius:8px;padding: 8px;
background: #F6F9FC;box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.16);}
.exhibitionBox .other .view .li{display: block;border-radius:6px;padding: 6px;cursor: pointer;}
.exhibitionBox .other .view img{display: block;height: 18px;filter: grayscale(100%);}
.exhibitionBox .other .view .li.on{background: #FFFFFF;box-shadow: 0px 0px 9px 1px rgba(190,211,238,0.38);}
.exhibitionBox .other .view .li.on img{filter:none;}

/* 展会详情 */
.exhibitionDetails{}
.exhibitionDetails .top{padding: 6% 10%;display: flex;justify-content: space-between;gap: 40px;align-items: center;
background: url(../img/bg4.png) no-repeat top / 100% auto #ffffff;}
.exhibitionDetails .top .left{flex: 1;}
.exhibitionDetails .top .aa{}
.exhibitionDetails .top .aa span{font-size: clamp(12px,0.83vw,16px);border-radius:15px;padding: 4px 10px 6px;
background: #E7FFF3;color: #009637;margin-right: 10px;}
.exhibitionDetails .top .aa span:nth-child(2n){color: #FFFFFF;background: #31A752;}
.exhibitionDetails .top .bb{font-size: clamp(20px,2vw,40px);font-weight: bold;color: #191A55;margin-top: 1vw;}
.exhibitionDetails .top .cc{color: #526B80;font-size: clamp(16px,1.14vw,22px);font-weight: 400;margin-top: 1vw;}
.exhibitionDetails .top .dd{color: #0D7FF2;font-size: clamp(12px,1.04vw,20px);display: inline-block;
background: #e0ecfb;border-radius: 24px;border: 1px solid #D6E9FF;padding: 0.5vw 2vw 0.6vw;margin-top: 1.5vw;}
.exhibitionDetails .top .ee{margin-top: 2vw;}
.exhibitionDetails .top .ee .li{display: inline-block;text-align: center;}
.exhibitionDetails .top .ee .li .has{color: #9FAFC1;font-size: 14px;}
.exhibitionDetails .top .ee .li .has img{height: 14px;display: inline-block;vertical-align: middle;;margin: -4px 5px 0 0;}
.exhibitionDetails .top .ee .li .want{cursor: pointer; color: #9FAFC1;font-size: clamp(12px,1.04vw,20px);padding: 1vw 2vw;
background: #FFFFFF;box-shadow: 0px 0px 6px 1px rgba(201,205,210,0.46);border-radius: 14px;margin-top: 10px;}
.exhibitionDetails .top .ee .li .want span{width: 20px;height: 20px;display: inline-block;vertical-align: middle;
background: url(../img/xin3.png) no-repeat top / 100% auto #ffffff;margin: -4px 10px 0 0;}
.exhibitionDetails .top .ee .li:nth-child(2) .want span{background: url(../img/dui1.png) no-repeat top / 100% auto #ffffff;}
.exhibitionDetails .top .ee .li:nth-child(2){margin-left: 15px;}
.exhibitionDetails .top .ee .li .want.on span{background-image: url(../img/xin2.png);}
.exhibitionDetails .top .ee .li:nth-child(2) .want.on span{background-image: url(../img/dui2.png);}
.exhibitionDetails .top .right{border-radius: 10px;overflow: hidden;width: 52%;}
.exhibitionDetails .top .right img{display: block;width: 100%;}

.exhibitionDetails .bottom{padding: 3% 10% 6%;}
.exhibitionDetails .fourOne{display: flex;gap:2vw;margin-top: 2vw;justify-content: space-between;}
.exhibitionDetails .fourOne .li{padding:1.5vw 3vw 1.5vw 1.5vw; border-radius: 16px;
background: #FFFFFF;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);border: 1px solid #2587FF2e;}
.exhibitionDetails .fourOne .li:nth-child(n+4){flex: 1;}
.exhibitionDetails .fourOne img{display: block;height:48px;width:48px;float: left;}
.exhibitionDetails .fourOne .tit{display: block;margin-left: 60px;font-size: 14px;color: #6D879D;}
.exhibitionDetails .fourOne .des{display: block;margin-left: 60px;font-size: clamp(16px,0.93vw,18px);color: #333333;margin-top: 8px;}
.exhibitionDetails .fourTwo{display: flex;gap:20px;flex-wrap: wrap;margin-top: 2vw;}
.exhibitionDetails .fourTwo .li{width: calc(50% - 10px);padding: 2vw;
box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);border-radius:16px;border: 1px solid #ECF1F6;
background: linear-gradient( 358deg, #F2FDFF 0%, #FFFFFF 100%);}
.exhibitionDetails .fourTwo .li:nth-child(2n){background: linear-gradient( 358deg, #F2FFF3 0%, #FFFFFF 100%);}
.exhibitionDetails .fourTwo .li:nth-child(3n){background: linear-gradient( 358deg, #F5F2FF 0%, #FFFFFF 100%);}
.exhibitionDetails .fourTwo .li:nth-child(4n){background: linear-gradient( 358deg, #FFF6EB 0%, #FFFFFF 100%);}
.exhibitionDetails .fourTwo .img{display: inline-block;height: 1.25vw;margin: -4px 10px 0 0;}
.exhibitionDetails .fourTwo .tit{font-size: clamp(16px,1.25vw,24px);font-weight: bold;color: #333333;display: inline-block;}
.exhibitionDetails .fourTwo .num{position: absolute;right: 0.7vw;top:0.7vw;display: block;height: 4vw;} 
.exhibitionDetails .infor{display: flex;justify-content: space-between;margin-top: 2vw;}
.exhibitionDetails .infor .left{width:68%;}

.exhibitionDetails .infor .left .details{line-height: 2;border-radius: 16px;padding: 2vw;box-shadow: 0px 0px 12px 1px rgba(190,211,238,0.38);background: #FDFDFD;}
.exhibitionDetails .infor .details img{max-width: 100%;height: auto !important;}
.exhibitionDetails .infor .registration{margin-top:1.5vw;border-radius: 16px;display: flex;height:3vw;
border: 1px solid #2C8AFF;background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.12);}
.exhibitionDetails .infor .registration .txt{font-size: clamp(16px,1.25vw,24px);font-weight: 400;width: 70%;
height: 100%;line-height: 3vw;padding-left: 2vw;}
.exhibitionDetails .infor .registration .txt img{display: inline-block;height:1.25vw;
vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionDetails .infor .registration .btn{color: #FFFFFF;font-size: clamp(14px,1.04vw,20px);font-weight: 400;
width: 30%;height: 100%;line-height: 3vw;background: #2C8AFF;border-radius: 12px;text-align: center;cursor: pointer;}
.exhibitionDetails .infor .registration .btn img{display: inline-block;height:1.04vw;
vertical-align: middle;margin: -4px 10px 0 0;}
.exhibitionDetails .infor .registration .btn:hover{background-color: #F7A300;}
.exhibitionDetails .infor .right{width:30%;}
.exhibitionDetails .infor .right .title{color: #191A55;font-weight: bold;font-size: clamp(16px,1.25vw,24px);
border-bottom: 2px dashed #65BDF880;padding-bottom: 10px;}
.exhibitionDetails .infor .right .lists{margin-top: 1vw;}
.exhibitionDetails .infor .right .li{border-radius: 10px;overflow: hidden;margin-bottom: 1vw;
background: #FFFFFF;box-shadow: 0px 0px 10px 1px rgba(44,138,255,0.19);}
.exhibitionDetails .infor .right .li .img{width: 100%;display: block;overflow: hidden;}
.exhibitionDetails .infor .right .li .img img{display: block;width:100%;transition: all .3s;}
.exhibitionDetails .infor .right .li .img span{font-size: clamp(12px,0.83vw,16px);color: #FFFFFF;
background: #31A752;border-radius:15px;padding: 5px 10px;position: absolute;right: 1vw;top: 1vw;}
.exhibitionDetails .infor .right .li .txt{padding: 15px;}
.exhibitionDetails .infor .right .li .time{font-size: 14px;font-weight: 400;}
.exhibitionDetails .infor .right .li .time img{display: inline-block;height:14px;vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionDetails .infor .right .li .tit{color: #0F053C;font-weight: bold;font-size: clamp(14px,1.04vw,20px);
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;display: block;}
.exhibitionDetails .infor .right .li:hover img{transform: scale(1.1);}
.exhibitionDetails .infor .right .li:hover .tit{color: #2C8AFF;}
.exhibitionDetails .infor .right .center{position: sticky;top: 110px;}

.registrationBox{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 10;display: none;}
.registrationBox .mask{background: rgba(0, 0, 0, 0.5);height: 100%; width: 100%;}
.registrationBox .center{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 1;
box-shadow: 0px 0px 20px 1px rgba(0,64,143,0.51);border-radius: 16px;padding: 30px;
background:linear-gradient(160deg, #e9fcff 0%, #eafcff 16.3% 16.3%, #FFFFFF 24.52%, #FFFFFF 65.86%, #FFFFFF 83.68%, #FFFFFF 84.82%, #caedf1 100%);}
.registrationBox .close{position: absolute;right: 40px;top: 30px;cursor: pointer;z-index: 1;}
.registrationBox .close img{display: block;width: 20px;cursor: pointer;}
.registrationBox .title{font-weight: bold;font-size: clamp(16px,1.04vw,20px);color: #000000;border-bottom: 2px dashed #65BDF880;padding:0 10px 15px;}
.registrationBox .from{padding: 30px 10px;display: flex;flex-wrap: wrap;gap:20px;border-bottom: 2px dashed #65BDF880;}
.registrationBox .from .line{width: calc(50% - 10px);}
.registrationBox .from .name{color: #586F7E;font-size: clamp(14px,0.83vw,16px);font-weight: 400;margin-bottom: 10px;}
.registrationBox .from .name span{color: #CD2828;}
.registrationBox .from .inp{border-radius:10px;height: 44px;padding: 0 20px;font-size: 14px;color: #586F7E;
	background: rgba(241,246,249,0.32);box-shadow: inset 0px 0px 4px 1px #65BDF880;}
.registrationBox .from .inp:focus{border: 1px solid #2587FF;}
.registrationBox .btns{margin-top: 20px;display: flex;gap:20px;justify-content: center;}
.registrationBox .btns .li *{cursor: pointer; font-size: clamp(16px,1.04vw,20px);border-radius: 16px;color: #8A8A8A;height: 50px;width: 208px;
border: 1px solid #989DB880;background: rgba(231,231,231,0.5);box-shadow: 0px 0px 20px 1px #989DB840;}
.registrationBox .btns .li+.li *{color: #FFFFFF;background: #2C8AFF;box-shadow: 0px 0px 20px 1px rgba(44,138,255,0.44);}
.registrationBox .btns .li *:hover{background-color: #dedede;}
.registrationBox .btns .li+.li *:hover{background-color: #F7A300;}

/* 平台公告 */
.platformAnnouncement{padding: 5% 16%;background: url(../img/bg3.png) no-repeat top / 100% auto #ffffff;}
.platformAnnouncement .lists{background: #FFFFFF;border-radius: 16px;padding: 1.5vw;
border: 1px solid #ECF1F6;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.platformAnnouncement .lists .li{background: rgba(249,249,249,0.54);border-radius:16px;border: 1px solid #ECF1F6;padding: 1vw;}
.platformAnnouncement .lists .li+.li{margin-top: 10px;}
.platformAnnouncement .li:nth-child(2n){background: #fff7e680;}
.platformAnnouncement .li .img{float: left;}
.platformAnnouncement .li .img img{display: inline-block;height:40px;vertical-align: middle;}
.platformAnnouncement .li .txt{margin-left: 50px;}
.platformAnnouncement .li .tit{color: #191919;font-size: 16px;line-height: 1.5;margin-bottom: 5px;display: block;}
.platformAnnouncement .li .tit:hover{color: #2587FF;}
.platformAnnouncement .li .time{line-height: 1.5;font-size: 14px;margin-bottom: 5px;}
.platformAnnouncement .li .des{line-height: 1.5;color: #586F7E;font-size: 14px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.platformAnnouncement .li .des a{color: #2587FF;text-decoration: underline;}
.platformAnnouncement .li .des a:hover{font-weight: bold;}

/* 帮助中心 */
.helpBox{padding: 5% 0;background: url(../img/bg5.png) no-repeat top / 100% auto #ffffff;}
.helpBox .search{position: static;margin: 3vw auto 0;}
.helpBox .search .inp{padding-left: 3vw;background: url(../img/search.png) no-repeat left center / auto 1.5vw;}
.all_issues{width: 68%;margin: 3vw auto 0;display: flex;gap:20px;align-items: start;}
.all_issues .left{width:300px;border-radius: 16px;padding: 2vw 1vw;position: sticky;top: 110px;
border: 1px solid #ECF1F6;background: #FFFFFF;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.all_issues .left .links{}
.all_issues .left .links .li{display: block;padding: 5% 6%;color: #6D7789;
font-size: clamp(14px,1.04vw,20px);font-weight: 500;margin-bottom: 1vw;cursor: pointer;}
.all_issues .left .links .li.on,
.all_issues .left .links .li:hover{border-radius: 10px;color: #2C8AFF;background: #EEF9FF;}
.all_issues .left .links .li img{filter: grayscale(100%);display: inline-block;height:1.04vw;vertical-align: middle;margin: -4px 10px 0 0;}
.all_issues .left .links .li.on img,
.all_issues .left .links .li:hover img{filter: grayscale(0);}
.all_issues .left .links .li:last-child:after{content: '';display: block;border-top: 2px dashed #65BDF880;
position: absolute;top: -1vw;left: 0;width: 100%;height: 0;}
.all_issues .left .links .li:last-child{margin-top: 2vw;}
.all_issues .right{flex: 1;}
.all_issues .right .center{border-radius: 16px;padding: 2vw 1vw;
	border: 1px solid #ECF1F6;background: #FFFFFF;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.all_issues .right .title{border-bottom: 2px dashed #65BDF880;padding: 0 10px 1vw;font-size: clamp(18px,1.25vw,24px);color: #000000;font-weight: bold;}
.all_issues .right .lists{padding: 0 10px;min-height: 500px;}
.all_issues .right .li{border-radius: 10px;padding: 1vw 1.5vw;margin-top: 1vw;
border:1px solid #2587FF30;box-shadow: 0px 0px 8px 1px rgba(190,211,238,0.38);}
.all_issues .right .li .img{position: absolute;right: 1.5vw;top:1.1vw;transition: all .3s;}
.all_issues .right .li .img img{width: 16px;height: 16px;display: block;}
.all_issues .right .li .img.on{transform: rotate(180deg);transition: all .3s;}
.all_issues .right .li .tit{cursor: pointer;color: #191919;font-size: clamp(16px,0.93vw,18px);font-weight: bold;padding-right: 30px;}
.all_issues .right .li .des{color: #7E839A;font-size: clamp(14px,0.83vw,16px);line-height: 1.5;display: none;
background: rgba(249,249,249,0.54);border-radius: 10px;border: 1px solid #ECF1F6;padding: 0.8vw 1vw;margin-top: 1vw;}
.all_issues .right .li .des *{display: inline-block;}
.all_issues .right .li .des a{color: #2587FF;font-weight: bold;}
.consult{background: #F8FDFF;border-radius: 16px;border: 1px solid #2C8AFF80;padding: 1.5vw;}
.consult .tit{color: #0A2B48;font-weight: bold;font-size: clamp(18px,1.14vw,22px);}
.consult .des{font-size: clamp(14px,0.83vw,16px);color: #333333;line-height: 1.5;margin-top: 1vw;}
.consult .txt{line-height: 1.5;color: #2C8AFF;font-size: clamp(14px,0.83vw,16px);}
.consult .btn{text-align: center;color: #FFFFFF;font-size: clamp(14px,0.83vw,16px);padding: 0.6vw;margin-top: 1.5vw;
background: #2C8AFF;box-shadow: 0px 0px 16px 1px rgba(44,138,255,0.44);border-radius: 10px;cursor: pointer;}
.consult .btn img{display: inline-block;height:1.04vw;vertical-align: middle;margin: -4px 5px 0 0;}
.consult .btn:hover{background-color: #F7A300;}

/* 帮助详情 */
.helpDetails{background: #FCFFFF;padding: 5% 16%;}
.helpDetails .title{}
.helpDetails .title .tit{color: #000000;font-size: clamp(24px,1.875vw,36px);font-weight: bold;}
.helpDetails .title .oth{font-size: 16px;margin-top: 1vw;}
.helpDetails .title .oth li{display: inline-block;margin-right: 20px;}
.helpDetails .title .oth img{display: inline-block;height:16px;vertical-align: middle;margin: -4px 5px 0 0;}
.helpDetails .content{display: flex;gap:20px;align-items: start;margin-top: 2vw;}
.helpDetails .content .left{flex:1;}
.helpDetails .content .left .list{padding: 1.5vw;border-radius: 16px;margin-bottom:1vw;
background: #FFFFFF;border: 1px solid #ECF1F6;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.helpDetails .content .left .list .detail{line-height: 2;color: #6D7789;}
.helpDetails .content .left .list .detail img{height: auto !important;max-width: 100%;}
.related{}
.related .title{color: #000000;font-size: clamp(20px,1.25vw,24px);font-weight: bold;border-bottom: 2px dashed #65BDF880;padding: 0 10px 1vw;}
.related .infor{padding: 10px;}
.related .infor .rela{padding: 1vw 1.5vw;margin-top:1vw; display: block;border-radius: 10px;border: 1px solid #2587FF40;}
.related .infor .rela .tit{display: block;float: left;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.related .infor .rela .tit img{display: inline-block;height:24px;vertical-align: middle;margin: -4px 5px 0 0;}
.related .infor .rela .tit:hover{color: #2587FF;}
.related .infor .rela .num{display: block;margin-left: 90%;text-align: right;}
.related .infor .rela .num img{display: inline-block;height:16px;vertical-align: middle;margin: -4px 5px 0 0;}
.helpDetails .content .right{width: 33%;position: sticky;top: 110px;}
.helpDetails .right .list{padding: 1vw;border-radius: 16px;margin-bottom:1vw;
background: #FFFFFF;border: 1px solid #ECF1F6;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.helpDetails .right .list .tit{color: #2587FF;font-weight: bold;font-size: clamp(18px,1.14vw,22px);border-bottom: 2px dashed #65BDF880;padding-bottom: 10px;}
.helpDetails .right .list:nth-child(2) .tit{color: #CD2828;}
.helpDetails .right .list .tit img{display: inline-block;height:1.6vw;vertical-align: middle;margin: -4px 10px 0 0;}
.helpDetails .right .list .des{padding: 15px 5px 0;}
.helpDetails .right .list .des .keywords{border-radius:20px;padding: 8px 15px;color: #2C8AFF;font-size: 14px;
background: rgba(243,250,255,0.54);border: 1px solid #2C8AFF80;display: inline-block;margin: 5px 3px;}
.helpDetails .right .list .des .keywords:hover{background-color: #2C8AFF;color: #ffffff;}
.helpDetails .right .list .des .hot{display: block;padding: 0 15px;color: #6D7789;font-size: 16px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.helpDetails .right .list .des .hot+.hot{margin-top: 1vw;}
.helpDetails .right .list .des .hot::after{content: '';display: block;background: #2C8AFF;
position: absolute;top: 50%;left: 0;width: 6px;height: 6px;border-radius: 100%;margin-top: -3px;}
.helpDetails .right .list .des .hot span{color: #B0B3C8;font-size: 14px;position: absolute;top: 1px;right: 0;}
.helpDetails .right .list .des .hot:hover{color: #CD2828;}

/* 成功案例 */
.successCases{padding: 0 10%;
background-image: url(../img/bg6.png);background-repeat: no-repeat;background-size: 100% auto;background-position: top;}
.successCases .banner{padding-bottom: 2%;}
.case_search{align-items: center;}
.case_search{padding: 1vw;background: #FFFFFF;border: 1px solid #ECF1F6;border-radius: 16px;box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.case_search .partOne{flex: 1; border-radius: 12px;border: 1px solid #2587FF50;box-shadow:none;height: 3.125vw;}
.labSix{}
.labSix a{display: block;float:left;padding: 0.8vw 1vw;border-radius: 30px;}
.labSix a+a{margin-left: 15px;}
.labSix .blue{background: rgba(100,169,255,0.03);border: 1px solid #2C8AFF80;}
.labSix .green{background: rgba(49,167,82,0.03);border: 1px solid #31A75280;}
.labSix .orange{background: rgba(247,163,0,0.06);border: 1px solid #F7A30080;}
.labSix .grey{background: rgba(191,213,232,0.11);border: 1px solid #6D879D80;}
.labSix .purple{background: rgba(221,191,255,0.3);border: 1px solid #8200DB80;}
.labSix .pink{background: rgba(255,176,232,0.15);border: 1px solid #DE3BAE80;}
.labSix .blue.on,
.labSix .blue:hover{background: #2C8AFF;color: #ffffff !important;}
.labSix .green.on,
.labSix .green:hover{background: #31A752;color: #ffffff !important;}
.labSix .orange.on,
.labSix .orange:hover{background: #F7A300;color: #ffffff !important;}
.labSix .grey.on,
.labSix .grey:hover{background: #6D879D;color: #ffffff !important;}
.labSix .purple.on,
.labSix .purple:hover{background: #8200DB;color: #ffffff !important;}
.labSix .pink.on,
.labSix .pink:hover{background: #DE3BAE;color: #ffffff !important;}
.successCases .exhibitionBox{padding: 0;background: none;}
.successCases .exhibitionBox .other .left{width: auto;}
.successCases .exhibitionBox .other .right{width: auto;}
.successCases .demand_lists .right .list .cont .tt p{max-width:100%;}

/* 案例详情 */
.caseDetail{background: url(../img/bg7.png) no-repeat center top / 100% auto;}
.caseDetail .top .oth{display: flex;}
.caseDetail .top .amount{border-radius: 15px;font-size: clamp(14px,1.04vw,20px);padding:1.5vw 2vw;
background: #31A752;box-shadow: 0px 0px 16px 1px rgba(154,160,194,0.61);color: #FFFFFF;}
.caseDetail .top .zan{margin-left: 15px;border-radius: 20px;cursor: pointer;
border: 1px solid #8abeff80;box-shadow: 0px 0px 16px 1px rgba(201,205,210,0.46);background: #FFFFFF;}
.caseDetail .top .zan .want{padding:1vw;display: block;}
.caseDetail .top .zan span{width: 2vw;height: 2vw;display: block;
background: url(../img/zan1.png) no-repeat center / 100% auto #ffffff;}
.caseDetail .top .zan .want.on span{background: url(../img/zan.png) no-repeat center / 100% auto #ffffff;}
.exhibitionDetails .top .cc li{font-size: clamp(14px,1.14vw,22px);color: #526B80;display: inline-block;margin-right:10px;}
.exhibitionDetails .top .cc li img{display: inline-block;height:1.14vw;vertical-align: middle;margin: -4px 5px 0 0;}
.exhibitionDetails.caseDetail .top{padding-bottom: 0;}
.exhibitionDetails.caseDetail .infor{display: block;}
.exhibitionDetails.caseDetail .infor .left{width:67%;}
.exhibitionDetails.caseDetail .infor .left img{width: 100%;}
.exhibitionDetails.caseDetail .infor .right .title{color: #2587FF;}
.exhibitionDetails.caseDetail .infor .right .list .tt{font-size: 14px;}
.exhibitionDetails.caseDetail .infor .right .list .oth{margin-top:5px;}
.exhibitionDetails.caseDetail .infor .right .list:hover img{transform: scale(1);}
.exhibitionDetails.caseDetail .infor .right .list .type p{padding: 1px 10px; font-size: 12px;}
.selected{border-radius: 16px;padding:2vw 1.5vw;
background: linear-gradient( 359deg, #F2FDFF 0%, #FFFFFF 100%);box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);}
.selected .trending{margin:0;padding: 0 1.5vw;}
.selected .trending+.trending{margin-top: 1vw;}
.selected .trending:last-child{border-top: 2px dashed #65BDF880;padding-top: 1vw;gap:1vw;}
.selected .trending:last-child .fl{display: flex;align-items: center;flex-wrap: wrap;}
.selected .trending:last-child .li{color: #0C141D;border: none;padding:0;margin: 0;background: none;}
.selected .trending .li.blue{background: rgba(100,169,255,0.03);border: 1px solid #2C8AFF80;}
.selected .trending .li.green{background: rgba(49,167,82,0.03);border: 1px solid #31A75280;}
.selected .trending .li.orange{background: rgba(247,163,0,0.06);border: 1px solid #F7A30080;}
.selected .trending .li.grey{background: rgba(191,213,232,0.11);border: 1px solid #6D879D80;}
.selected .trending .li.purple{background: rgba(221,191,255,0.3);border: 1px solid #8200DB80;}
.selected .trending .li.pink{background: rgba(255,176,232,0.15);border: 1px solid #DE3BAE80;}
.selected .trending:nth-child(2) .li{color: #586F7E;border: 1px solid #F0F0F0;background: #F5F8FD;}
.selected .trending:nth-child(3) .li{color: #989DB8;border: 1px solid #F0F0F0;background: #F5F8FD;}
.selected .trending .li{padding:5px 20px;}
















