*{margin:0;padding:0;box-sizing:border-box}
:root{--color:#56b282;--header-bg-color:#343544;--card-radius:20px}
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Source Han Sans SC,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:#282a35;background-color:#e7e7e7;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow-x: hidden;}
a{text-decoration:none;color:#333}
a:hover{color:var(--color)}
li{list-style:none}
img{max-width:100%}
button,input,select,textarea{border:none;border-radius:6px}
input[type=number],input[type=password],input[type=text],select,textarea{border:solid 1px #e9e9e9;background-color:#fff;height:30px;padding:10px}
input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border:solid 1px #9a9a9a}
textarea{height:auto}
select{padding-top:0;padding-bottom:0}
table,td,th{border:solid 1px #d9d9d9;border-collapse:collapse}
td,th{padding:8px}
th{background-color:#f1f1f1}
tbody tr:hover{background-color:#f7f7f7}
.cursor-pointer{cursor:pointer}
.w-100{width:100%}
.hide{display:none}
.font-color{color:var(--color)}
.font-color-3{color:#333}
.font-color-6{color:#666}
.font-color-9{color:#999}
.font-color-red{color:red}
.font-color-green{color:green}
.font-12{font-size:12px}
.font-14{font-size:14px}
.font-16{font-size:16px}
.font-18{font-size:18px}
.font-20{font-size:20px}
.font-22{font-size:22px}
.font-24{font-size:24px}
.font-bold{font-weight:700}
.bg-white{background-color:#fff}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.ml-10{margin-left:10px}
.ml-20{margin-left:20px}
.ml-30{margin-left:30px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.mr-30{margin-right:30px}
.pd-5{padding:5px}
.pd-10{padding:10px}
.pd-20{padding:20px}
.pd-30{padding:30px}
.inline-block{display:inline-block}
.type-index{background-color:#f7fcfd}
.text-center{text-align:center}
.text-right{text-align:right}
.button{background-color:var(--color);color:#fff;display:inline-block;line-height:32px;border-radius:6px;padding:0 20px;border:solid 1px var(--color);text-align:center;transition:all .2s;cursor:pointer}
.button:not([disabled]):hover{opacity:.9;color:#fff}
.button[disabled]{opacity:.5;cursor:default}
.button-line{background-color:transparent;color:var(--color)}
.button-line:hover{background-color:var(--color);color:#fff}
.container{width:1330px;max-width:100%;margin:0 auto;padding:0 15px}
.header{position:sticky;top:0;background-color:var(--header-bg-color);font-size:16px;z-index:1000}
.header .in{display:flex;align-items:center}
.header .logo{padding:15px 0;font-size:0}
.header .logo img{height:35px}
.header .nav{flex:1;text-align:right}
.header .nav .mobile-menus{display:none}
.header .nav ul li{display:inline-block;padding:0 8px}
.header .nav ul li a{color:#fff;padding:10px 5px;border-bottom:solid 3px transparent}
.header .nav ul li a.active,.header .nav ul li a:hover{border-color:var(--color)}
.header .user{margin-left:30px}
.header .user .username a{color:#fff;display:flex;align-items:center;font-size:14px}
.header .user .username img{border-radius:50%;width:28px;height:28px;margin-right:5px}
.index-paper{background-color:var(--header-bg-color);padding-bottom:80px}
.index-paper .paper-in{display:flex;justify-content:space-between;padding:100px 0}
.index-paper .links{position:relative;margin:60px 0}
.index-paper .links-in{position:relative;background-color:#48495c;border-radius:var(--card-radius);padding:25px 30px;box-shadow:0 4px 30px 0 rgba(10,25,16,.1);z-index:0}
.index-paper .links .hi{position:absolute;bottom:calc(100% - 30px);right:10px;width:100px}
.index-paper .links .hi-hand{position:absolute;</*background-color:#60cc8c;*/>border-radius:50%;height:15px;width:15px;bottom:calc(100% - 10px);right:85px;z-index:1}
.index-paper .links .hi img{width:100%}
.index-paper .links .row{display:flex}
.index-paper .links .row+.row{margin-top:25px;padding-top:25px;border-top:solid 1px #595c6c}
.index-paper .links .label{flex:0 0 100px;color:#c6c6c6}
.index-paper .links .list{display:flex;flex-wrap:wrap;gap:20px}
.index-paper .links .icon{width:20px;height:20px;margin-right:8px}
.index-paper .links .link{display:flex;align-items:center}
.index-paper .links .link a{color:#fff}
.index-paper .links .link a:hover{color:var(--color)}
.index-paper .paper-right{flex:0 0 400px}
.button-recharge{width:auto;height:22px;line-height:20px;padding:0 5px;margin-left:10px;font-size:12px}
.login-box{position:relative;max-width:400px;margin:0 auto;z-index:0}
.login-box-in{border-radius:var(--card-radius);background-color:#48495c;padding:35px}
.login-box::before{content:'';position:absolute;width:100%;height:calc(100% - 20px);top:10px;right:-10px;background-color:#3d3e4e;border-radius:var(--card-radius);z-index:-1}
.login-box::after{content:'';position:absolute;width:100%;height:calc(100% - 40px);top:20px;right:-20px;background-color:#373847;border-radius:var(--card-radius);z-index:-2}
.login-box .title{font-size:18px;font-weight:700;color:#fff;margin-bottom:30px}
.login-box .form .item{position:relative;margin:25px 0}
.login-box .form .item .icon{position:absolute;width:20px;height:20px;left:10px;top:0;bottom:0;margin:auto 0}
.login-box .form .item .icon img{width:100%}
.login-box .form .item input{height:50px;background-color:#e8f0fe;padding-left:40px;width:100%}
.login-box .form .item .button{position:absolute;right:0;top:0;bottom:0;margin:auto 0;height:30px;right:10px;padding:0 10px;border-radius:5px;background-color:#03a9f4}
.login-box .help-links{margin:20px 0}
.login-box .help-links a{color:#898ca4}
.login-box .help-links a:hover{color:var(--color)}
.login-box .submit .button{width:100%;height:50px;font-size:20px;letter-spacing:2px}
.login-box .user-action{margin:15px 0;color:#fff;font-size:18px}
.login-box .user-action .row{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.login-box .user-action .label{color:#818393}
.login-box .user-action .content{display:flex;align-items:center;justify-content:center}
.login-box .user-action>.button{width:100%;height:44px;line-height:42px;margin:10px 0}
.login-box .user-action .logoff{margin-left:10px;font-size:12px;color:#fff}
.index-cards{margin-top:-50px}
.index-cards .in{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px}
.index-cards .card{position:relative;border-radius:var(--card-radius);padding:50px 40px 20px;background-color:#fff;border-top:solid 20px var(--color)}
.index-cards .card .name{position:relative;font-size:24px;font-weight:700;line-height:1;color:var(--color)}
.index-cards .card .pic{position:absolute;right:0;width:40%;top:-70px}
.index-cards .card .pic img{width:100%}
.index-cards .card .intro{color:#afafaf;font-size:16px;line-height:1.7;margin-top:35px}
.index-reports{background-size:cover;background-image:url(img/top_image.jpg);padding-bottom:50px}
.index-reports .item{display:flex;align-items:center;justify-content:space-between;margin:150px 0;padding:0 100px;gap:200px}
.index-reports .item .content{flex:0 0 40%}
.index-reports .item .pic{flex:0 0 40%}
.index-reports .item .desc{font-size:16px;color:#828282;margin-top:10px}
.index-reports .item .buttons{margin-top:20px}
.index-reports .item .buttons .button{margin-right:20px}
.index-reports .item:nth-child(even){flex-direction:row-reverse}
.index-reports .buttons .button{font-size:18px;line-height:42px}
.footer{background-color:#343544;padding-top:40px;color:#88899e}
.footer .links{display:flex;justify-content:center;text-align:center}
.footer .links .item{padding-right:60px}
.footer .links .name{font-size:18px;color:#d2d2d2;margin-bottom:20px}
.footer .links .list a{display:block;margin:14px 0}
.footer a{color:#88899e}
.footer a:hover{color:var(--color)}
.footer .friend-links{display: flex;margin-top: 20px;}
.footer .friend-links .name{white-space: nowrap;}
.footer .friend-links li{display: inline-block;margin: 0 10px 10px;}
.footer .copyright{border-top:solid 1px #4f5167;text-align:center;margin-top:20px;padding:15px}
.index-articles{background-color:#fff}
.index-articles .in{display:grid;grid-template-columns:repeat(2,1fr);row-gap:100px;column-gap:300px;padding:80px 0}
.index-articles .top{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #ececec;padding-bottom:15px}
.index-articles .top .title a{font-size:20px;font-weight:700;color:var(--color)}
.index-articles .top .more a{color:#828282}
.index-articles .links a:hover,.index-articles .top .more a:hover{color:var(--color)}
.index-articles .links a{position:relative;color:#3f3f3f;font-size:16px;display:block;margin:18px 0;padding-left:15px;width:fit-content}
.index-articles .links a:before{position:absolute;content:'';display:inline-block;background-color:var(--color);width:6px;height:6px;border-radius:50%;top:0;bottom:0;left:0;margin:auto 0}
.top-banner{text-align:center;background-color:var(--header-bg-color);font-size: 0;}
.list-categories{background-color:var(--color);overflow-x:auto;white-space:nowrap}
.list-categories a{display:inline-block;line-height:60px;padding:0 30px;font-size:16px;color:#fff}
.list-categories a.current,.list-categories a:hover{background-color:#108a4b}
.breadcrumb{margin:20px 0}
.breadcrumb .in{align-items:center;line-height:1.5;padding:0 5px;font-size:16px;flex-wrap:wrap}
.breadcrumb .in .item{color:#666}
.mainstay{margin-bottom:auto}
.main{margin:20px 0}
.main-in{display:flex;gap:20px}
.main-in .main-left{flex:1}
.main-in .main-sidebar{flex:0 0 300px}
.function{background-color:#fff;margin-bottom:20px;padding:20px}
.function .function_t{margin-bottom:15px;font-size:16px;border-bottom:solid 1px #ebebeb;padding-bottom:15px;margin-bottom:15px}
#tbCalendar{width:100%}
.article,.post-multi{background-color:#fff;padding:30px;border:solid 1px #ddd;margin-bottom:20px}
.article .head,.post-multi .title{border-bottom:solid 1px #ddd;padding-bottom:15px;margin-bottom:15px}
.post-multi .title a{font-size:20px}
.post-multi .intro{line-height:1.8}
.article .head .info,.post-multi .info{margin-top:20px;display:flex;gap:20px;color:#969696}
.article .head{text-align:center}
.article .head .title{font-size:22px}
.article .head .info{justify-content:center}
.article .content{line-height:1.7}
.article .content img{max-width:100%}
.article .content p{margin-bottom:15px}
.article .sibling{border-top:solid 1px #ddd;padding-top:20px;margin-top:20px;display:flex;justify-content:space-between}
.article-related{margin:20px 0}
.article-related .list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pagebar{margin:20px 0;text-align:center}
.pagebar a{display:inline-block;width:36px;height:36px;line-height:36px;background-color:#fff;border:solid 1px #ddd;text-align:center}
.pagebar a.current{background-color:transparent;pointer-events:none;border-color:transparent}
.pagebar a:not(.current):hover{background-color:var(--color);color:#fff}
.login-page-in{display:flex;justify-content:center;padding:50px 0 100px}
.login-page-in .login-box{flex:0 0 400px}
.login-page-in .login-box::after,.login-page-in .login-box::before{display:none}
.login-page-in .login-box-in{background-color:#fff;border-radius:8px}
.login-page-in .login-box .title{color:#555;text-align:center}
.form-item{display:flex;align-items:flex-start}
.form-item+.form-item{margin-top:20px}
.form-item .form-label{flex:0 0 100px;padding:5px}
.form-item .form-input{flex:1}
.form-item .form-input input[type=text],.form-item .form-input textarea{width:100%;outline:0}
.form-item .form-input textarea{min-width:100%;max-width:100%;min-height:300px}
.form-radio label{display:inline-flex;align-items:center;gap:2px;color:#555;font-size:12px;margin-right:10px;margin-bottom:10px;cursor:pointer}
.recharge .form-item .form-label{flex:0 0 100px}
.theme-radio input{display:none}
.theme-radio .radio-in{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:solid 2px transparent;background-color:#f5f6fa;font-size:20px;border-radius:5px;user-select:none;overflow:hidden}
.theme-radio input:checked+.radio-in{border-color:var(--color)}
.theme-radio input:checked+.radio-in::before{content:'';position:absolute;top:0;right:0;width:30px;height:30px;background-image:url(img/dui.svg);background-size:18px;background-position:12px 0;background-repeat:no-repeat;background-color:var(--color);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}
.recharge .form-item input[name=amount]{width:120px;margin-right:4px}
.theme-loading{width:150px;height:26px;border-radius:40px;color:var(--color,#514b82);border:2px solid;position:relative}
.theme-loading::before{content:"";position:absolute;margin:2px;width:25%;top:0;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l3 1s infinite linear}
@keyframes l3{50%{left:100%;transform:translateX(calc(-100% - 4px))}
}
.file-select{background-color:#f3f3f3;border:dashed 1px #ddd}
.form-inline{display:flex;align-items:center;gap:10px}
.form-inline .button{height:30px;line-height:30px}
.table-outer{overflow-x:auto}
.table-outer table{min-width:1000px}
.product-type-radio{display:grid;grid-template-columns:repeat(3,1fr)}
.product-type-radio .radio-in{display:block;width:100%}
.product-type-radio .radio-in .top{display:flex;align-items:center;gap:10px}
.product-type-radio .radio-in .top .icon{display:flex;align-items:center}
.product-type-radio .radio-in .top .icon img{width:40px;height:40px}
.product-type-radio .radio-in .top .title{font-size:18px;font-weight:700;color:#222}
.product-type-radio .radio-in .top .desc{font-size:14px;color:#666;margin-top:2px}
.product-type-radio .radio-in .intro{margin-top:15px}
.product-type-radio .radio-in .intro li{font-size:12px;background-image:url(img/dui-2.svg);background-repeat:no-repeat;background-size:14px;background-position:left 1px;padding-left:20px;margin:10px 0;color:#666}
.product-type-radio .radio-in .price{font-size:14px;border-top:solid 1px #e5e5e5;margin-top:8px;padding-top:8px}
.product-type-radio .radio-in .price span{color:#f60;font-weight:700}
.notes{margin:10px 0;background-color:#fffcf9;border-radius:5px;border:solid 1px #f5f1ed;padding:20px}
.notes p{margin:20px 0}
.notes p:first-child{margin-top:0}
.notes p:last-child{margin-bottom:0}
.post-comment{--line-color:#f2f2f2}
.post-comment .card-head{display:flex;align-items:center;justify-content:space-between}
.comment-list{padding:10px}
.comment-list .empty{text-align:center}
.comment-list .comment .in{display:flex;padding-bottom:20px;border-bottom:solid 1px var(--line-color)}
.comment-list .comment+.comment{margin-top:20px}
.comment-list .comment .avatar{margin-right:10px}
.comment-list .comment .avatar img{width:42px;height:42px;border-radius:50%}
.comment-list .comment .comment-main{flex:1}
.comment-list .comment .comment-main .info .name{color:#222}
.comment-list .comment .comment-main .info .time{color:#999;font-size:12px}
.comment-list .comment .comment-main .reply{margin-top:10px}
.comment-list .comment .comment-main .reply .button{font-size:12px;line-height:24px;border-radius:5px;padding:0 10px}
.comment-list .comment .comment-main .content{margin-top:10px}
.comment-list .comment .child{margin-top:20px;margin-left:60px}
.comment-form{position:relative;margin-top:20px}
.comment-form p{margin:5px 0}
.comment-form .textarea{font-size:0}
.comment-form .textarea textarea{width:100%;height:100px}
.comment-form .textarea:focus-within textarea{border:solid 1px var(--color)}
.comment-form .submit{text-align:right;border:solid 1px rgba(0,0,0,.1);border-top:none;padding:10px}
.comment-form .no-post{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255,255,255,.9);z-index:10}
@media (max-width:1366px){.paper-in{flex-direction:column}
.login-box::after,.login-box::before{display:none}
.main-in .main-left{width:0}
.main-in .main-sidebar{display:none}
}
@media (max-width:820px){.menu-btn{font-size:14px;width:3em;height:3em;float:right;position:relative;transform:translateX(.5em)}
.menu-btn span{display:block;width:2em;border:1px solid #999;position:absolute;left:.5rem;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}
.menu-btn span.m_1{top:.8em}
.menu-btn span.m_2{top:1.5em}
.menu-btn span.m_3{bottom:.7em}
.menu-btn.click span.m_1{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-btn.click span.m_3{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-btn.click span.m_2{opacity:0;filter:Alpha(opacity=0)}
.header .in{justify-content:space-between}
.header .user{margin-left:auto}
.header .nav{display:none;position:absolute;top:100%;width:100%;left:0;text-align:left;box-shadow:0 15px 10px 0 rgba(0,0%,0%,20%);border-top:solid 1px #5c5c5c;background-color:var(--header-bg-color);padding:10px 0}
.header .nav ul li{display:block;padding:0}
.header .nav ul li a{display:block;border-bottom:none;padding:10px 20px}
.header .nav ul li a.active{color:var(--color)}
.header .user .username a span{display:none}
.header.open-menu .nav{display:block}
.index-paper .paper-in{padding:20px 0}
.index-cards .in{grid-template-columns:repeat(1,1fr)}
.index-cards .card:not(:last-child){margin-bottom:50px}
.index-reports .item{flex-direction:column!important;padding:0 20px;gap:100px;margin:80px 0}
.index-paper .links .row{flex-direction:column;gap:15px}
.index-paper .links .label{flex:1}
.index-articles .in{grid-template-columns:repeat(1,1fr)}
.product-type-radio{display:grid;grid-template-columns:repeat(1,1fr)}
.footer .links{flex-wrap:wrap}
.footer .links .item{padding-right:0;margin-bottom:30px;flex:0 0 50%}
.article-related .list{grid-template-columns:repeat(1,1fr)}
.form-inline{flex-wrap:wrap}
.list-categories a{line-height:40px;padding:0 10px;font-size:14px}
.article .sibling{flex-direction:column;gap:10px}
}