html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#fff;transition:background-color .3s}
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif}
body,html {height:100%;margin:0;padding:0;border:0}
*, ::after, ::before {box-sizing: border-box;}
a {color:#282a2d;outline:0!important;text-decoration:none}
a:hover {text-decoration:none;color:#2a2df0}
p {margin:0;white-space:normal;word-break:break-all}
em,i {font-style:normal}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#080808;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
input::placeholder {color: #acacac;}
/*header*/
.header-topbar {position:relative;width:100%;background-color: #fc375e;background-image: linear-gradient(90deg, #ff597a 0%, #fc375e 100%);color:#5d5b5b;z-index:99;}
.header-topbar .topbar-content {display:flex;align-items:center;justify-content:center;height:40px;gap:20px;}
.header-topbar .topbar-text {position:relative;color:#fff;}
.header-topbar .topbar-text i{color: #fff;font-size: 1.2rem;line-height: 18px;margin: 0 5px;vertical-align: bottom;}
.header-topbar .topbar-text p {font-size:.875rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.header-topbar .topbar-action {display:flex;gap:15px;flex-wrap:nowrap;align-items:center;flex-shrink:0;}
.header {background-color:#fff;border:0;position:relative;width:100%;z-index:9;box-shadow: 2.5px 5px 18px 0 rgba(49, 83, 236, 0.07);}
.header>.container {display:flex;justify-content: space-between;gap:2rem;}
.navbar-header {display:flex;}
.navbar-header .logo {align-items:center;display:flex;font-size:20px;height:70px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-header .logo img {display:block;height:min(40px,40px);max-width:fit-content;transition:all .3s ease-out 0s;width:auto;}
.menu-wrap {align-items:center;display:flex;gap:20px;justify-content:space-between;}
.navbar-nav {display:flex;margin:0;position:relative;align-items:center;font-size:14px;}
.navbar-nav>li{white-space: nowrap;}
.navbar-nav>li,.navbar-nav>li>a {display:block;position:relative;}
.navbar-nav>li.active>a {color:#206be7;}
.navbar-nav>li>a {color:#1a1a1a;font-size:1rem;line-height:70px;padding:0 25px;white-space: nowrap;}
.navbar-nav>li:hover>a {color:#206be7;}
.navbar-nav>li.active>a:after {content:"";width:22px;height:2px;background:#206be7;position:absolute;left:50%;margin-left:-11px;bottom:18px;border-radius:0.25rem;transition:all .6s;}
.navbar-nav>li small {position:absolute;display:block;right:5px;top:8px;font-size:12px;font-weight:400;color:#ffffff;background:#f53939;background-image:linear-gradient(310deg,#f53939,#fbcf33);border-radius:4px 4px 4px 0;padding:0.02rem 0.275rem;}
.navbar-nav>li small.blue {background:linear-gradient(to right,#0056f3 0%,#2b76ff 100%);}
.navbar-nav>.dropdown {position:relative;}
.navbar-nav>.dropdown>a {position:relative;z-index:1001;padding-right:calc(calc(20px/2) + 1em);}
.navbar-nav>.dropdown:after {content:"\e6a4";font-family:"iconfont" !important;font-size:1.7rem;line-height:70px;opacity:.7;position:absolute;right:0;top:0;font-weight:500;-webkit-transform:scale(1);transform:rotate(0deg) scale(1);transition:transform .3s;}
.navbar-nav>.dropdown:hover:after {transform:rotate(180deg) scale(1);}
.navbar-nav>li ul.dropdown-menu {position:absolute;left:-5%;top:85%;z-index:100;padding:0.375rem 0.75rem;border:2px solid #fff;min-width:130px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-15px);transition:all 500ms ease;border-radius: 5px; background:#fff; box-shadow: 0 1px 10px rgba(0,0,0,.15);}
.navbar-nav>li ul.dropdown-menu li {display:block;position:relative;}
.navbar-nav>li ul.dropdown-menu li a {position:relative;display:block;padding:0.575rem 0.75rem;border-radius: 5px; transition:all 0.1s ease-in;z-index:1;font-size:.875rem;text-shadow:0 1px 1px #fff;}
.navbar-nav>li ul.dropdown-menu li:hover a{background-color: #f5f5f5;color:#206be7;}
.navbar-nav>li.dropdown:hover > .dropdown-menu {visibility:visible;opacity:1;transform:translateX(0);transition-delay:0s;pointer-events:all}
.m-dropdown{display: none;}
.navbar-action {display:flex;gap:16px;align-items:center;white-space:nowrap;}
.navbar-search {color:#1a1a1a;cursor:pointer;}
.navbar-search i {display:inline-block;font-size:18px;line-height:26px;width:22px;}
.navbar-action .btn-a {color:#1a1a1a;font-size:14px;line-height:26px;}
.navbar-action .btn-a i {font-weight:500;font-size:1.2rem;margin-right:2px;vertical-align:bottom;}
.navbar-action .btn-b {border-radius:3px;font-size:.875rem;line-height:14px;padding:10px 15px;background-color:#206be7;color:#fff;transition:all .1s ease-out 0s;}

.search-box {background:#fff;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;visibility:hidden;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.search-box.block {z-index: 1002; visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.search-form {min-width:500px;position:relative;margin:0 auto;margin:1rem auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.search-form>form {background-color:#f4f4f4;border-radius: 4px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
.search-form .search-fields {position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1rem;}
.search-form .search-fields input {position:relative;display:block;line-height:1.5;padding:.5rem 2.25rem .5rem 1rem;width:100%;border:0;margin:0;outline:0;color:inherit;background-color:transparent;-webkit-appearance:none;}
.search-form .search-fields button {position:absolute;right:0;top:0;border:none!important;background:0 0!important;line-height:1.5;height:100%;padding:0 1rem;opacity:.65;}
.search-form .colse{color:#b2bac2; display: inline-block;position: absolute;right: -30px;font-size:1rem;cursor: pointer;z-index: 9999;}
.menu-toggle {cursor: pointer;display: none;padding: 9px 10px;}

@media (max-width: 1199px) {
.navbar-nav>li>a{padding:0 calc(28px/2*0.6);}
}
/*header end*/
.foot {background-color:#f5f7fa;padding-top:30px;display:block;}
.logo-wrapper {position:relative;}
.logo-wrapper .flogo {color:#f5f5f5;}
.logo-wrapper a img {max-width:100%;width:auto;}
.logo-wrapper .text-sm {font-size:14px;line-height:22px;color:#636b77;margin:1rem 0;}
.footer-menu {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 0 1.5rem;}
.footer-menu i {position:absolute;left:0;top:0px;font-size:18px;color:#272a33;}
.footer-menu a {position:relative;display:block;color:#272a33;font-size:.75rem;padding:0 .75rem 0 0;margin:.09rem .75rem 0 0;}
.footer-menu a:after {content:'';position:absolute;right:0;top:50%;width:2px;height:10px;background-color:#777a89;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.footer-menu a:last-child:after {display:none}

.text-md-right {text-align:right;position:relative;min-height:1px;}
.text-md-right img {width:100px;border-radius:8px;}
.text-md-right p {color:#636b77;font-size:12px;margin-bottom:.3rem;font-weight:600;}
.text-md-right .text-muted {font-weight:500;}

.foot .copyright {margin-top:1.5rem;padding:1rem 0;background-color:#e1e6ef;color:#656567;font-size:.75rem;}
.foot .copyright p,.foot .copyright a {color:#656567}
.foot .copyright .copy {text-align:right;color:#656567}


.fixed-box {margin-top:-70px;position:fixed;right:12px;top:50%;width:55px;z-index:9;}
.floatbar {pointer-events:auto;position:relative;margin-bottom:.5rem;}
.floatbar a {background:linear-gradient(180deg,#ffa45a 0%,#ff3b3b 100%);padding:2px 2px;display:block;position:relative;padding:18px 12px;border-radius:26px;text-align:center;cursor:pointer;}
.floatbar a:hover {background-color:#ff3b3b ;background-image:linear-gradient(180deg,#ff3b3b 0%,#ff3b3b 100%);}
.floatbar a i {font-size:1.2rem;color:#fff;}
.floatbar a span {display:block;font-size:16px;line-height:22px;color:#ffffff;}
.fixed-button {transition:all .3s ease-in-out;}
.fixed-button.rollbar-show {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.fixed-button .action {position:relative;width:100%;list-style-type:none;margin:0;padding:0;}
.fixed-button .action li {position:relative;color:#000;-webkit-transition:all .2s;transition:all .2s;display:block;text-decoration:none;z-index:0;background-image:linear-gradient(0deg,#fff,#f3f5f8);box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),5px 5px 20px 0 #fff;border-radius:2rem;}
.fixed-button .action li:hover {background-image:linear-gradient(0deg,#fff,#f2f3f5);}
.fixed-button .action li:first-child {margin-bottom:.5rem;}
.fixed-button .action li>span {display:block;padding:12px 0;cursor:pointer;position:relative;border:0;opacity:1;text-align:center;height:auto;-webkit-transition:all .2s;transition:all .2s;}
.fixed-button .action li>span>i {font-size:1.8rem;color:#000;display:block;}
.fixed-button .action li>span>i.icon-wechat {color:#1abb0d;}
.fixed-button .action li>span>i.icon-QQ {color:#14b6f6;}
.sub-nav-layer {bottom:0;font-size:14px;min-height:190px;margin-bottom:-105px;opacity:0;padding-right:20px;position:absolute;right:calc(100% - 8px);transform:scale(.95);transform-origin:right;transition:opacity .4s,transform .3s ease-out;visibility:hidden}
.fixed-button .action li:hover .sub-nav-layer {opacity:1;transform:scale(1);visibility:visible}
.sub-nav-layer:before {border:8px solid transparent;border-left-color:#fff;content:" ";height:0;left:100%;position:absolute;width:0}
.sub-nav-layer:before {bottom:130px;left:calc(100% - 20px)}
.sub-nav-layer .sub-nav-qrcode,.sub-nav-layer .sub-nav-main {text-align:left;min-width:255px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px 0 hsla(220,4%,56%,.2);display:block;line-height:40px;padding:14px 15px;}
.sub-nav-layer .sub-nav-qrcode {min-width:180px;text-align:center;}
.sub-nav-qrcode h4 {color:#333435;font-size:18px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-qrcode p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-bottom:10px;}
.sub-nav-qrcode img {display:block;margin:0 auto;width:125px;border-radius:8px;}
.sub-nav-qrcode span {color:#333539;display:block;font-size:14px;font-weight:400;line-height:18px;margin-top:5px;}
.sub-nav-main h4 {color:#2468f2;font-size:18px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-main h4 i {font-size:1.4rem;margin-right:5px;color:#333435;}
.sub-nav-main p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-top:10px;}
.back-top {font-weight:500;padding:8px 0;position:relative;text-align:center;cursor:pointer;line-height:36px;background-image:linear-gradient(0deg,#fff,#f3f5f8);box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),5px 5px 20px 0 #fff;border-radius:2rem;}
.back-top i {font-size:1.8rem;vertical-align:middle;}



@media (max-width:991px) {
.header-topbar{display: none;}
.header>.container{justify-content: space-between;}
.canvas-close {display:-webkit-box;position:absolute;right:10px;top:10px;width:40px;height:40px;z-index:99999;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.canvas-close i{font-size: 1.8rem;}
.hua-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;opacity:0;backdrop-filter:blur(2px);transition:ease-out .2s;}
.header .menu-wrap {width:60%;margin-left:0;position:fixed;top:0;right:0;display:flex;flex-direction:column;height:100vh;z-index:99999;background:#fff;transform:translateX(100%);transition:all 0.3s;}
.header .menu-wrap.show {transform:translateX(0);}
.header .menu-wrap .navbar-nav {display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:0;overflow-y:auto;width:100%;margin-top:4rem;padding: 0px 15px;}

.navbar-nav>li{border-bottom:1px solid #f4f4f4;width:100%;display: block;margin: 8px 0;background-color: #f7f7f7;}
.navbar-nav>li>a{font-size: .875rem;padding: 0 25px;line-height: 45px;}
.navbar-nav>li:hover>a{color:#1a1a1a;}
.navbar-nav>.dropdown:after{display: none;}
.navbar-nav>li small{right:15px;top:15px;}
.navbar-nav>li.active>a:after{display: none;}
.m-dropdown {display:block;position:absolute;right:5px;text-align:center;top:0;width:65px;z-index:1003;}
.m-dropdown i {display:inline-block;font-size:2.5rem;line-height:64px;transition:all .3s ease-out 0s;}
.m-dropdown.s-icon i {transform:rotate(180deg);transition:all .3s ease-out 0s;}
.navbar-nav>li ul.dropdown-menu {padding:0.75rem 0.75rem;background-color:#f5f5f5;border:none;border-radius:0;border-top:0;box-shadow:none;box-sizing:border-box!important;display:none;top:0;left:0!important;max-width:none;opacity:1;position:relative;transform:scaleY(1);visibility:visible;width:100%!important;transition:transform .3s,opacity .1s;}
.navbar-nav>li ul.dropdown-menu li a {font-size:.875rem;color:#282a2d;font-weight:400;line-height:24px!important;overflow:hidden;padding:12px 20px;white-space:normal;}
.navbar-action .btn-b,.navbar-action .btn-a{display: none;}

.navbar-action{gap:10px;}
.navbar-search i{font-size: 1.6rem;}
.menu-toggle {display: block;cursor: pointer;padding: 9px 10px;}
.menu-toggle:before,.menu-toggle:after,.menu-toggle span {display:block;height:2px;background-color:#000;content:'';}
.menu-toggle span {width:12px;margin:6px 0 6px 12px;}
.menu-toggle:before {width:24px;}
.menu-toggle:after {width:18px;margin-left:6px;}
.search-form {min-width: 100%;padding: 0 2rem 0 .8rem;}
.search-form .colse{right:10px;}
.footer-menu a{font-size: .875rem;}
.footer-menu i{top:2px;}
.text-md-right{text-align: center;margin-top:2rem;}
.text-md-right p{font-size: 14px;}
.foot .copyright .copy{display: none;}
.foot .copyright{font-size: .875rem;text-align: center;}
.fixed-box {right: 3px;top: 80%;}

}