@charset "utf-8";
* {margin: 0;padding: 0;outline: none;--default-color: #4aa498;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
html{width: 100%;height: 100%;}
body {width: 100%;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#f5f5f5;height:100%;font-size: 12px;color: #333;}
a{text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all 0.3s;}
a:hover {text-decoration: none;color:#333; transition:all 0.3s;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
@media (max-width:750px){img{max-width: 100%;height: auto;}}
img{max-width: 100%;height: auto;}


.layui-btn{background-color: var(--default-color);}
.layui-btn-primary{background: 0 0 !important;}
.layui-form-checked[lay-skin=primary]>i{border-color: var(--default-color) !important;background-color: var(--default-color);}

.header-bg{width: 100%;width: 100%;height: 300px;background-repeat: no-repeat;background-size: cover;position: relative;}
.header-bg .box{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -80%);}
.header-bg .box .text{font-size: 50px;font-weight: 700;color: #fff;}
.header-bg .box .line{width: 60px;height: 3px;background-color: #fff;margin: 10px auto;}

.header-bar{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;padding: 10px 0;transition: all ease-in .2s;}
.header-bar.show-bg{background-color: var(--default-color);}
.header-bar .header-main{max-width: 1200px;margin: auto;display: flex;align-items: center;justify-content: space-between;}
.header-bar .logo img{height: 50px;}
.header-bar .nav-list{display: flex;align-items: center;margin-left: 10px;}
.header-bar .nav-list .item a{display: flex;align-items: center;font-size: 16px;padding: 0 15px;color: #fff;line-height: 45px;}
.header-bar .nav-list .item.act a{background-color: var(--default-color);border-radius: 45px;}
.header-bar.show-bg .nav-list .item.act a{background-color: #fff;color: var(--default-color);}

.main{width: 1200px;min-height: 600px;margin: -80px auto 80px auto;background-color: #fff;border-radius: 30px;position: relative;z-index: 1;padding: 0 15px;box-sizing: border-box;}

.footer{width: 100%;background-color: var(--default-color);padding: 50px 0;}
.footer .box{width: 1200px;margin: auto;display: flex;justify-content: center;align-items: center;}
.footer .flogo img{width: 275px;}
.footer .finfo{min-width: 0;flex: 1;padding-left: 5%;position: relative;display: flex;align-items: center;margin-left: 100px;}
.footer .finfo::before{content: "";position: absolute;top: 0;left: 0;bottom: 0;background-color: #b8ecbd;width: 1px;}
.footer .finfo::after{content: "";position: absolute;left: -1px;top: 50%;transform: translateY(-50%);width: 3px;height: 24px;background-color: #fff;}
.footer .finfo .base-info{min-width: 0;flex: 1;}
.footer .finfo .base-info .cell{width: 100%;margin: 12px 0;display: flex;align-items: center;}
.footer .finfo .base-info .cell img{width: 20px;height: 20px;}
.footer .finfo .base-info .cell span{font-size: 14px;color: #fff;margin-left: 10px;}
.footer .finfo .qrcode img{width: 120px;height: 120px;}


.pages{min-width: 0;flex: 1;display: flex;align-items: center;justify-content: flex-end;font-size: 14px;}
.pages .total{color: #999;}
.pages .pagination{margin-left: 15px;display: flex;align-items: center;}
.pages .pagination li{width: 32px;line-height: 32px;text-align: center;border: solid 1px #d9d9d9;border-radius: 3px;margin-right: 8px;cursor: pointer;}
.pages .pagination li:last-child{margin-right: 0;}
.pages .pagination li:hover{border-color: var(--default-color);}
.pages .pagination li:hover a{color: var(--default-color);}
.pages .pagination li.active{color: var(--default-color);border-color: var(--default-color);}
.pages .pagination li.disabled{color: #999;cursor: not-allowed;border-color: #d9d9d9;}
.pages .pagination li a{width: 100%;height: 100%;display: block;}