@import url('fonts/iconfont.css');

* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:14px;background:#fff;}
a {color:inherit;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover {color:#ff7f00;text-decoration:none !important;}
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:#273746;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%;}
em, i {font-style: normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
/*header*/
.header {background-color:#fff;border:0;box-shadow:0 10px 20px 0 rgb(6 11 26 / 5%);position:fixed;width:100%;z-index:9;padding:.5rem 0;}
.header>.container {display:flex;justify-content:space-between;}
.navbar-header {display:flex;}
.navbar-header .logo {align-items:center;display:flex;font-size:20px;height:64px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-header .logo img {display:block;height:min(50px,55px);max-width:fit-content;transition:all .3s ease-out 0s;width:auto;}
.menu-wrap {align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-left:2.5em;width:100%; }
.navbar-nav {display:flex;margin:0;position:relative;align-items:center;font-size:14px;}
.navbar-nav>li{white-space: nowrap;}
.navbar-nav>li.register a{
    line-height: 12px;
    background: #ff7f00;
    color: #fff;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .7rem 1.4rem;
    border-radius: 4px;
    font-size: .875rem;
    font-weight: 600;
    transition: all .3s ease;
    margin-right: 10px;
}
.navbar-nav>li.register:hover a{color:#fff;background:#df7206;}
.navbar-nav>li,.navbar-nav>li>a {display:block;position:relative;}
.navbar-nav>li.active>a {color:#eb5921;}
.navbar-nav>li>a {color:#ed6825;font-size:15px;line-height:64px;padding:0 15px;white-space: nowrap;}
.navbar-nav>li:hover>a {color:#e38c60;}
.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:64px;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;}
.header.header-sticky-on {position:fixed;top:0;left:0;right:0;background-color:rgba(255,255,255,.9);border-bottom:1px solid rgba(47,47,47,.1);-webkit-animation:.5s fadeInDown;animation:.5s fadeInDown;backdrop-filter:blur(8px);}
/*index*/
.pro-aitu{padding-top:80px;}
.pro-aitu .container-fluid{padding:0;}
.img-item {display: flex;flex-wrap: wrap;gap: 1px;}
.img-item li{flex: 0 0 calc(10% - 1px);display: inline-block;overflow: hidden;cursor: pointer;}
.img-item li img {display:block;margin:0 auto;border:0;width:100%;height:100%;transition:opacity .3s,transform .3s ease-in-out;object-fit:cover;}
.img-item li:hover img{transform:scale(1.18)}
.love-map {position:relative;padding:4rem 0;}
.love-map .card {position:relative;}
.love-map .card h2 {font-size:1.8rem;line-height:1.3;font-weight:600;color:#333;letter-spacing:1px;margin-bottom:2rem;}
.love-map .card h2 span {display:inline-block;color:#ed6825;background-image:linear-gradient(130deg,#fdba1a 0%,#ed00ad 100%,#f55d64 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.love-map .card p {margin-bottom:1rem;font-size:18px;line-height:1.2;color:#797d8f;font-weight:600;}
.love-map .card p span {color:#ff7f00;}
.love-map .card ul {position:relative;}
.love-map .card li {color:#858597;padding:10px 0;font-size:15px;border-bottom:1px solid #efecec;line-height:22px;position:relative;padding-left:13px;}
.love-map .card li:before {position:absolute;content:'';width:5px;height:5px;left:0;top:18px;border-radius:50%;background:#ff7f00;}
.btn-more {margin:2rem 0;}
.btn-more a {background:#ff7f00;color:#fff;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2.5rem;border-radius:4px;font-size:1rem;font-weight:600;transition:opacity .3s ease-out;}
.btn-more a:hover{opacity: .8;}
.vip-map{position: relative;padding:3rem 0 0 0;background-color: #f6f6f6;}

.services-table {background:#fff;border-collapse:collapse;margin-bottom:50px;width:100%;}
.services-tit {margin-top:1rem;background-color:#ff7f00;text-align:center;color:#fff;font-size:1.5rem;padding:1.2rem 0;font-weight:600;}
.services-table .services-table-hd {background:#6028b9;border-left-color:#6028b9!important;}
.services-table .services-table-hd th {font-weight:600;font-size:16px;}
.services-table tr {background:#40aaf8;border-left-color:#40aaf8!important;color:#fff;}
.services-table tr:nth-child(2n) {background:#ff9484;border-left-color:#ff9484!important;color:#fff;}
.services-table-a th {border-right-color:#0067ed;padding:10px;}
.services-table tr {border-bottom:1px solid #f3f3f3;}
.services-table td,.services-table th {font-size:16px;font-weight:400;padding:15px;text-align:center;}
.vip-text-tit {background-color:#ff7f00;text-align:center;color:#fff;font-size:1.2rem;padding:1rem 0;font-weight:600;}
.vip-text {background:#fff;border-collapse:collapse;margin-bottom:20px;width:100%;color:#858597;}
.vip-text td,.vip-text th {border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;font-size:15px;font-weight:400;padding:12px;text-align:left;}
.vip-text tr {border-bottom:1px solid #f3f3f3;}
.tip {position:relative;background:#fff;border-radius:3px;transition:.5s;padding:1rem 1rem;margin: 1.5rem 0;}
.tip h2 {font-size:22px;color:#202935;letter-spacing:1px;}

.tip ul{margin-top:.8rem;}
.tip ul li{color: #858597;font-size: 14px;line-height: 1.8;}

.vip-map .vip-img{display: flex;justify-content: space-around;}
.vip-map .vip-img img{width: 80%;}

.love-search{position: relative;background-color: #fff;padding:3rem 0;}
.love-search .lovemap{float: left; background:url(../images/lovemap_bg.png) no-repeat; width:570px; height:485px; font-family:  "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; color: #ffffff; text-align: center; overflow: hidden;}
.love-search .lovemap .appAnimate{ width:1px; margin:180px auto 0; position:relative;}
.love-search .lovemap .r1{width: 164px; height: 164px;  background:url(../images/vip_7.png) no-repeat; position: absolute; top:-40px; left: -60px; font-size: 38px; z-index:2;}
.love-search .lovemap .r1 .txt{padding: 30px 0 0 0;}
.love-search .lovemap .r1 .pic_1{background:url(../images/pic_3.png) no-repeat; width: 163px; height: 163px; position: absolute; top:1px; left:0px; display: none;}
.love-search .lovemap .box1{width:114px;height:114px;position:absolute;top:-140px;left:-150px; z-index: 1; background:url(../images/vip_1.gif) no-repeat; opacity: 0; filter: alpha(opacity=0);}
.love-search .lovemap .box2{width:89px;height:89px;position:absolute;top:-130px;left:60px; z-index: 1; background:url(../images/vip_2.gif) no-repeat; opacity: 0;
filter: alpha(opacity=0);}
.love-search .lovemap .box3{width:107px;height:107px;position:absolute;top:-20px;left:140px; z-index: 1; background:url(../images/vip_3.gif) no-repeat; opacity: 0;
filter: alpha(opacity=0);}
.love-search .lovemap .box4{width:71px;height:71px;position:absolute;top:128px;left:130px; z-index: 1; background:url(../images/vip_4.gif) no-repeat; opacity: 0;
filter: alpha(opacity=0);}
.love-search .lovemap .box5{width:115px;height:115px;position:absolute;top:140px;left:-150px; z-index: 1; background:url(../images/vip_5.gif) no-repeat;opacity: 0;
filter: alpha(opacity=0);}
.love-search .lovemap .box6{width:108px;height:108px;position:absolute;top:20px;left:-207px; z-index: 1; background:url(../images/vip_6.gif) no-repeat; opacity: 0;
filter: alpha(opacity=0);}
.love-search .lovemap .box3 .pic_1{background:url(../images/pic_2.png) no-repeat; width: 106px; height: 106px; position: absolute; top:0; left:0px; display: none;}
.love-search .lovemap .box6 .pic_1{background:url(../images/pic_1.png) no-repeat; width: 106px; height: 106px; position: absolute; top:0; left:0px; display: none;}

.img-wrapper-team {border-radius: 100px; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.1em inset; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.1em inset; box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.1em inset; margin: 0 auto; overflow: hidden; width: 164px; height: 164px; -moz-transition-property: box-shadow, color; -o-transition-property: box-shadow, color; -webkit-transition-property: box-shadow, color; transition-property: box-shadow, color; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

.img-wrapper-team:hover { -moz-box-shadow: rgba(72, 164, 255, 0.75) 0 0 0 6px inset, rgba(72, 164, 255, 0.75) 0 0 0 90px inset; -webkit-box-shadow: rgba(72, 164, 255, 0.75) 0 0 0 6px inset, rgba(72, 164, 255, 0.75) 0 0 0 90px inset; box-shadow: rgba(72, 164, 255, 0.75) 0 0 0 6px inset, rgba(72, 164, 255, 0.75) 0 0 0 90px inset; }
.img-wrapper-team:hover .team-box-position { display: block; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.team-box-position { padding: 30px 0; margin: 0; overflow: hidden; text-align: center; width: 163px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; color: #fff; font-size: 26px; font-variant: small-caps; line-height:30px; opacity: 0; filter: alpha(opacity= 0 ); cursor:default; }

.love-search .row .col-lg-6{display: flex;align-items: center;}
.love-search .card {position:relative;}
.love-search .card h2 {font-size:1.8rem;line-height:1.3;font-weight:600;color:#333;letter-spacing:1px;margin-bottom:2rem;}
.love-search .card h2 span {display:inline-block;color:#ed6825;background-image:linear-gradient(130deg,#fdba1a 0%,#ed00ad 100%,#f55d64 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.love-search .card p {margin-bottom:1rem;font-size:18px;line-height:1.2;color:#797d8f;font-weight:500;}
.love-app{position: relative;padding:4rem 0;background-color: #f6f6f6;}
.page-banner {max-width:100%;text-align: center;}
.page-banner .banner-title {font-size:36px;color:#021225;margin-bottom:1.1rem;}
.page-banner .banner-title span {color:#191a1c;}
.page-banner h2 {font-size:1.8rem;line-height:1.3;font-weight:600;color:#333;letter-spacing:1px;margin-bottom:1rem;}
.page-banner h2 span {display:inline-block;color:#ed6825;background-image:linear-gradient(130deg,#fdba1a 0%,#ed00ad 100%,#f55d64 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-banner .banner-description {margin-bottom: 1rem;font-size: 18px;line-height: 1.2;color: #797d8f;font-weight: 500;}
.page-banner .banner-button {margin-top:2rem;text-shadow:none;}

.btn-all {padding:1rem 1.9rem;font-size:17px;letter-spacing:1px;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.btn-all i {font-size:20px;vertical-align:bottom;}
.btn-blue {color:#ffffff;background-color:#17a249;-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.btn-yellow {color:#ffffff;background-color:#202938;-webkit-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;margin-left:2px;}
.btn-all.btn-blue:hover {color:#f0f0f0;background-color:#045722;}
.btn-all.btn-yellow:hover {color:#f0f0f0;background-color:#414c63;}
.footer {background-color:#fbfcfd;color:#666;font-size:.875rem;padding:2rem 0;}
.foot-site {display:flex;justify-content:space-between;}
.navbar-foot {display:flex;align-items:center;}
.navbar-foot .logo {align-items:center;display:flex;font-size:20px;height:64px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-foot .logo img {display:block;height:min(40px,55px);max-width:fit-content;transition:all .3s ease-out 0s;width:auto;}
.navbar-foot .footer-links {position:relative;display:flex;flex-direction:column;justify-content:center;margin:0px 0 0px 20px;padding:0px 0 0px 20px;color:#666;font-size:.875rem;}
.navbar-foot .footer-links:after {background:rgba(158,165,184,.2);content:"";display:block;height:40px;left:-1px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:1px;}

.footer-menu {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;}
.footer-menu a {position:relative;display:block;color:#999;font-size:14px;padding:0 .75rem 0 0;margin:.09rem .75rem 0 0;}
.footer-menu a:hover{color:#ff7f00;}
.footer-menu a:after {content:'';position:absolute;right:0;top:50%;width:1px;height:10px;background-color:#999;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.footer-menu a:last-child:after{display:none}
.foot-action{display: flex;gap: 16px;align-items: center;white-space: nowrap;}
.foot-infos p{color:#999;font-size: 14px;line-height: 1.5;}

.copyright{padding: 1.5rem 0 0 0;font-size: .875rem;text-align: center;color: #333;font-family: Arial;}
.copyright p{color: #333;padding:.2rem 0 ;line-height: 1.5;}
.copyright a{color: #333;margin:0 .5rem}
.copyright a:hover{color: #ff7f00;}
.copyright img{margin: 0 4px 0 2px;vertical-align: sub;width: 17px;}

/*list*/
.breadcrumbs {position:relative;display:flex;flex-wrap:wrap;align-items:center;font-size:.875rem;color:#3b3b3b;}
.breadcrumbs .icon-home{color:#3b3b3b;padding: 0 5px;font-size: 1rem;}
.breadcrumbs a,.breadcrumbs span {font-size:.875rem;color:#3b3b3b;text-shadow:0 1px 1px #fff;}
.breadcrumbs a:hover{color:#f40;}
.breadcrumbs i.sep {color:#3b3b3b;margin: 0 5px;text-shadow: none;}

.list {padding-top:80px;}
.notice_list {background:#fff;min-height:522px;}
.notice_list h2 {font:bold 24px/60px 'Micrsoft Yahei';color:#ff7501;height:60px;border-bottom:1px solid #ff7501;}

.post-list{padding: 0 0px 20px;}
.post-list li {align-items:center;border-bottom:1px solid #f5f5f5;color:#121212;display:flex;justify-content:space-between;line-height:32px;margin:0;padding:15px 0;}
.post-list li a {align-items:center;color:#121212;display:flex;font-size:16px;overflow:hidden;width:100%;}
.post-list li:hover a {color:#ff7501;}
.post-list li a:before {border:4px solid transparent;border-left:6px solid #ccc;content:"";font-size:0;height:0;line-height:0;margin-right:6px;width:0;}
.post-list li:hover a:before {border-left:6px solid #ff7501;}
.post-list li a span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.post-list li .date {color:#919395;flex-shrink:0;font-size:14px;margin-left:20px;white-space:nowrap;}

.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:3rem 0;clear: both;}
.pagination a,.pagination span{display:inline-block;margin-right:2px;}
.pagination a,.pagination span{margin-bottom: .7rem;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;background: hsla(0,0%,100%,.5);box-shadow: 0 4px 24px #2764af1a;border-radius: 4px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.thisclass,.pagination  > span.thisclass {color:#fff;background-color: #ff7501;background: linear-gradient(200deg,#ff7501,#db6403 89%);}

.list-box {position:relative;background-color:#fff;padding:1.2rem;clear:both;overflow:hidden;margin-bottom:1.5rem;border-radius:6px;-webkit-box-shadow:0 4px 24px #7f31090d;box-shadow:0 4px 24px #7f31090d;}
.tit {padding: .5rem 0;display: inline-block;width: 100%;position: relative;}
.tit h3 {position:relative;padding:0 0 0 10px;font-size:1.1rem;color:#121212;font-weight:500;line-height:1;}
.tit h3:before {position:absolute;left:0;top:0px;width:3px;height:100%;border-radius:1px;content:"";background-color:#ff7501;}
.tit .more {float:right;color:#909399!important;font-size:.875rem;line-height:12px;}
.tit .more i{font-size: 1.2rem;color: #262626;font-weight: 600;vertical-align: middle;}
.tit .more i:hover{color:#ff7501;}
.arc-list{position: relative;}
.arc-list li{padding:12px 0;border-top:1px solid #f7f7f7;display: inline-flex;width: 100%;}
.arc-list li span{font-size: 13px;margin-right: 5px;}
.arc-list li:first-child{border:none}
.arc-list li a{height:22px;line-height:22px;font-size:14px;color:#333b55;overflow:hidden;font-weight:400;display:block;text-overflow:ellipsis;white-space:nowrap}
.arc-list li a:hover{color:#ff7501}

/*single*/
.entry-main {margin-top: 2rem;background: #fff;margin-bottom: 30px;display: block;border-radius: 6px;padding: 30px 30px;-webkit-box-shadow: 0 4px 24px #7f31090d;box-shadow: 0 4px 24px #7f31090d;min-height: 500px;}

.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:1px !important;}
.article-detail .detail-title {color:#121212;font-size:1.75rem;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:0;margin-bottom:1rem;}
.article-detail .infos {color:#999;font-size:14px;margin-bottom:25px;}
.article-detail .infos a {color:rgba(26, 26, 26, 0.6);font-size:14px;}
.article-detail .infos a:hover{color:#ff7501;}
.article-detail .infos span {color:rgba(26, 26, 26, 0.6);font-size:14px;}
.article-detail .infos span.dot{color: #999;font-size: 14px;margin: 0 5px;}
.article-detail .infos span a{color:#ff7501;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}

.article-body {color:#262626;font-size:1rem;margin-bottom:20px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body img{max-width: 100% !important;width: auto!important;height: auto !important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.article-body video{width: auto;max-width: 100%!important;height: auto!important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.article-body p {margin: 0 0 1.25rem;color:#262626;font-size:1rem;text-indent: 2rem;line-height: 1.8;}
.article-body ol{padding: 0;}
.article-body code {padding: 3px 5px;margin: 0 2px;border-radius: 2px;font-size: .875em;color: #ff7501;background-color:#f4f4ff;font-family: 'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;word-wrap: break-word;}
.article-body pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family: "Microsoft Yahei";white-space: pre-wrap;}
.article-body pre code{color: inherit;background-color: inherit;}
.article-body pre {margin: 20px 0;font-size: 12px;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.article-body h1,.article-body h2,.article-body h3 {color:#ff7501;line-height: 1.8;}

.article-tags {margin-top:0;padding:0;align-items:center;text-align: left;margin-top:2rem;}
.article-tags a {color: #777;font-size: .875rem;background: #f1f1f1;border-radius: 4px;text-align: center;padding: 5px 15px;}
.article-tags a:hover{background-color: #ff7501;color:#fff;}

.tip-s {position:relative;background: #f9f9f9;border-radius:6px;margin:1.5rem 0;transition:.5s;padding:.8rem 0;}
.tip-s >p {font-size:14px;color:#8d8f96;margin:5px 0;padding:0px 15px;line-height: 1.6;}


@media (max-width: 1299px) {
.img-item li img {height:150px;}
}
@media (max-width: 1199px) {
.navbar-nav>li>a{padding:0 calc(28px/2*0.6);}
.img-item li img {height:130px;}
}
@media (max-width:767.98px) {

.header-topbar{display: none;}

.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:80%;margin-left:0;position:fixed;top:0;left: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;}

.navbar-nav>li{border-bottom:1px solid #f4f4f4;width:100%;}
.navbar-nav>li>a{font-size: 1rem;padding: 0 25px;}
.navbar-nav>li:hover>a{color:#1a1a1a;}
.navbar-nav>.dropdown:after{display: none;}
.navbar-nav>li.register{    text-align: center;}
.navbar-nav>li.register a{margin:1rem 0;}
.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;}

.header{box-shadow:none;border-bottom:1px solid #f1f1f1;}
.navbar-header .logo img{height: 40px;}

.img-item li{flex: 0 0 calc(33.333% - 1px);}
.img-item li:nth-child(n+10){display: none;}

.foot-site{flex-direction: column;}
.navbar-foot{flex-direction: column;}
.navbar-foot .footer-links:after{display: none;}
.foot-action{flex-direction: column;margin-top:.5rem;}
}