@charset "utf-8";
@font-face {
	font-family: 'HarmonyOS Sans';
	src: url('../../font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}

/* CSS Document */
*{box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,    
form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;font-family:"HarmonyOS Sans","微软雅黑",Arial,sans-serif;}
body {	 background-color:#fff;	font-size:12px; overflow-x: hidden; color: #666666;}
img{display:inline-block;}
nav, footer, section, header, article, figure {padding: 0;margin: 0;display: block;}
ul,li {list-style: none;}
h1,h2,h3,h4,div,li,p,menu,dl,dt,dd{ font-size:100%; text-align:left;}
h1,h2,h3,h4{ font-weight:normal;}
a{ text-decoration:none;}

a:link, a:visited, a:active { text-decoration:none;}
a:hover{ text-decoration: underline;}
img{border:0; height:auto;max-width:100%;}

input[type="text"]:not(.selectbox),input[type="number"],input[type="password"] {
	outline-style: none; 	/*border:none;border:0;*/}
button{border-radius:0;}
select{ appearance:none;-webkit-appearance: none;-moz-appearance:none; border:none;background-color:transparent; outline:none;}
select::-ms-expand{ display: none; }
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}
textarea{ outline:none; border:0;outline-style: none;border:none;border:0;}

input.hx-inpu1{width:95%;margin-bottom:3px; height:34px; line-height: 34px; border:1px solid #e7e7e7;/* width:96%;  */background-color: #f9f9f9; padding-left:10px; font-size: 14px; color: #0087cd;}
select.hx-selbox{ height:34px; color: #666;/*  line-height: 34px;  */border:1px solid #e7e7e7;width:100%; background: url(../img/arrow.png) center right no-repeat #f9f9f9; }
textarea.hx-textar{ height:75px; line-height: 20px;  border:1px solid #e7e7e7;width:100%; background-color: #f9f9f9; padding:5px;}
textarea.hx-inpu2{width:100%;height:80px;line-height:18px;padding:10px; border:1px solid #feb2a0;background-color: #feffeb; font-size: 14px; color: #fe5e3a;}


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/** html .clearfix { height:1%;}
.clearfix { display:block;}*/
.c-p{cursor:pointer;}
.mess{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}

.bg1{ background-color:#fff;}/*白色*/
.bg2{ background-color:#4c4743;}/*深灰色*/
.bg3{ background-color:#ec3e33;}/*红色*/
.bg4{ background-color:#433e3a;}/*红色*/
.bg5{ background-color: #f4f4f4;}/*浅灰色*/
.bg6{ background-color: #fbfbfb;}/*浅灰色2*/
.bg7{ background-color:#A5A5A5;}/*浅灰色3*/
.bg8{ background-color:#fff1c8; color:#c3573f;}/*浅粉*/

.bg11{ background-color:#dceac1;}/*绿色1*/
.bg12{ background-color:#bdd986;}/*绿色2*/
.bg13{ background-color:#8cbb6b;}/*绿色3*/
.bg14{ background-color:#259b24;}/*绿色4*/

.c1{ color:#ae0009;}/*红色*/
.c2{ color:#787878;}/*灰色*/
.c3{ color:#f78b00;}/*橘色*/
.c4{ color:#666;}/*灰色2-title*/
.c5{ color:#5c5c5c;}/*灰色3-sub-title*/
.c6{ color:#fff;}/*白色*/
.c7{ color:#000;}/*白色*/
.c8{ color:#ff0000;}/*大红色*/
.c9{ color:#3161fe;}/*蓝色*/
.c9.red{ color:#ff0000;}/*大红色*/
.c99{ color:#0087cd;}/*蓝色2*/
.c10{ color:#fe5e3a;}/*西瓜红*/

.f-left{float:left;}
.f-right{float:right;}
.f-none{ float:none;}

.t-left{ text-align:left;}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
label.f-normal{font-weight:normal; font-size:14px; line-height:22px;}

.posi1{position:fixed;bottom:0px;left:0;right:0;}
.posi2{position:relative;}

.posi-box1{position:fixed;bottom:20px;left:0;right:0; z-index:99;}
.posi-box2{position:fixed;right:20px;top:30px; z-index:99;width:100px;}

.f1{ font-size:12px;}
.f2{ font-size:14px;}
.f3{ font-size:16px;}
.f4{ font-size:18px;}
.f5{ font-size:20px;}
.f6{ font-size:22px;}
.f7{ font-size:24px;}
.f8{ font-size:26px;}
.f9{ font-size:28px;}

a.link-red{ text-decoration: underline; color:#fe5e3a;}



.mar1{margin-top:42px;}
.mar2{margin-bottom:13px;}
.mar3{margin-left:30px;}
.mar4{margin-top:12px;}
.mar5{margin-top:72px;}
.mar6{margin-top:22px;}
.mar7{margin:15px 0;}

.pad0{padding:0;}
.pad1{padding-right:20px;}
.pad2{padding:20px;}
.pad3{padding:13px 20px 13px;}
.pad4{padding:13px 0px 13px;}
.pad5{padding:5px;}
.pad6{padding: 0 10px;}
.pad7{padding:10px  0;}
.pad8{padding:15px 30px}
.pad9{padding:5px 30px}
.pad10{padding:7px  0;}
.pad11{padding-left:30px;}
.pad12{padding:10px;}
.pad13{padding:13px 20px 0px 45px;}
.pad14{padding:13px 20px 0px 45px;}
.pad15{padding:13px 60px 0px 60px;}
.pad16{padding-left:5px;}
.pad17{padding-right:5px;}
.pad18{padding:5px;}
.pad19{padding:3px 0;}
.pad20{padding:0 15px 0 23px;width:90px; font-weight:bold;line-height:31px;font-size:14px;}
.pad21{margin-left:23px;}