@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);}

.layout{width: 100%;height: 100%;display: flex;flex-direction: column;max-width: 750px;margin: auto;}
.header{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;}
.header .header-box{width: 100%;position: relative;}
.header .header-box .goback{width: 25px;height: 100%;position: absolute;left: 12px;top: 0;display: flex;align-items: center;}
.header .header-box .goback img{width: 24px;height: 24px;}
.header .header-box .title{width: 100%;text-align: center;padding: 0 40px;box-sizing: border-box;font-size: 16px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.main{min-width: 100%;height: 100%;flex: 1;overflow-y: auto;}
.footer{width: 100%;}