/* 全局 */
html{height:100%;background:#ddd}
body{color:#000;margin:0 auto;min-height:100%;position:relative;font-size:1rem;overflow:auto;background:#f2f2f2;touch-action:none;touch-action:pan-y;letter-spacing:.043rem;font-family:"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif}

/* 滚动条优化卡顿 */
@media only screen and (-webkit-min-device-pixel-ratio : 2){
	.header-content,.header-footer-content,.main-container,.swiper-slide,.table-content,.treatyContent{-webkit-overflow-scrolling:touch}
}
/* 滚动条变细，点不到横滚了，不要 */
/* @media (min-width: 768px) { */
/* 	::-webkit-scrollbar {滚动条整体样式 */
/* 		width: 2px; 高宽分别对应横竖滚动条的尺寸 */
/* 		height: 1px; */
/* 	} */
/* 	::-webkit-scrollbar-thumb {滚动条里面小方块 */
/* 		border-radius: 2px; */
/* 		-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2); */
/* 		background: #ccc; */
/* 	} */
/* 	::-webkit-scrollbar-track {滚动条里面轨道 */
/* 		-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2); */
/* 		border-radius: 2px; */
/* 		background: #EDEDED; */
/* 	} */
/* } */
a{color:#01aaed;text-decoration:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h3,h4,h5{margin-top:5px;font-weight:600}
h3{font-size:18px}
h4{font-size:16px}
p{margin:0;padding:0}
.left{float:left}
.right{float:right}

/**必填**/
.required:after{content:"*";color:red;margin-left:0}
/* 输入框提示 */
/* WebKit browsers */
::-webkit-input-placeholder{color:#b4b4b4}
/* Mozilla Firefox 19+ */
::-moz-placeholder{color:#b4b4b4}
/* Internet Explorer 10+ */
:-ms-input-placeholder{color:#b4b4b4}

/* 详细内容div，此div可滚动会隐藏body的滚动条 */
.main-container{min-height:calc(100vh - 6.5rem);display:flow-root}
.main-container::-webkit-scrollbar{display:none}
.error-text{padding:.715rem;text-align:center}
.donateDiv{padding:20px;display:flex;height:160px}
.donateDiv .recodeSpan{margin:auto}

/* layui样式覆盖 */
.layui-input{height:2.43rem;caret-color:var(--main_color)}
.layui-input:hover,.layui-laypage input:focus,.layui-textarea:hover{border-color:var(--main_color)!important}
.layui-btn:focus,.layui-btn:hover{border-color:var(--main_color)!important}
.layui-layer-btn .layui-layer-btn0{float:right}
.layui-layer-btn .layui-layer-btn0{border-color:var(--main_color)!important;background-color:var(--main_color)!important;color:#fff!important}
.layui-layer-btn{overflow:hidden}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--main_color)!important}
.layui-form-checked[lay-skin=primary] i{border-color:var(--main_color)!important;background-color:var(--main_color)!important}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:var(--main_color)!important}
.layui-laypage{margin:0}
.layui-laypage .layui-laypage-refresh:hover{color:var(--main_color)!important}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--main_color)}
.layui-laypage a,.layui-laypage span{margin-bottom:0}
.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i{color:var(--main_color)!important}
.loading{color:#999;display:none;padding:10px 0;text-align:center}
.loading .layui-icon{font-size:2rem}

/* 按钮样式：
	主题色按钮（填充）；
	主题色按钮（未填充）；
	次要按钮（填充）；
	灰色按钮（未填充）；
 */
.click{cursor:pointer}
.main-btn{background-color:var(--main_color)!important;border-color:var(--main_color)!important}
.main-trans-btn{background-color:#fff!important;border:1px solid var(--main_color)!important;color:var(--main_color)!important}
.cancle-btn{background-color:#fff!important;border:1px solid #999!important;color:#999!important}

/* 颜色 */
.back-white{background-color:#fff}
.main-color{color:var(--main_color)}
.minor-color{color:var(--minor_color)}
.white{color:#fff}
.red{color:red}