@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
abbr, acronym, address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 { font-style: normal;  font-variant: normal; }
input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }
input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%; }
select, input, textarea, button { max-width: 100%; font-size: inherit; padding: 2px 5px; font-family: inherit; }
body { line-height: 1; }
ol, ul, li { list-style: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
html { margin: 0; padding: 0; border: 0; overflow: auto; background-color: #fff; }
body { background-color: #fff; color: #000; font-family: 'PingFang SC', Arial, Helvetica, sans-serif !important; font-size: 12px;}
table { font-size: inherit; }
img{border:none;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; text-decoration:none;}
img{display: block;}
a { text-decoration: none; color: #000; }
a:hover { color: #ff4e19; }
label {cursor: pointer;}
textarea {overflow: auto; resize: none;}
input{outline: none;}
select{cursor: pointer;}
button,input,optgroup,option,select,textarea {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0}

/*圆角*/
.borad_2{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}/*圆角全部*/
.borad_3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}/*圆角全部*/
.borad_4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}/*圆角全部*/
.borad_10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}/*圆角全部*/
.borad_30{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}/*圆角全部*/
.borad_60{-moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}/*圆角全部*/

.borad_50{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}/*半圆*/

.borad_1{-moz-border-radius: 10px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px;}/*圆角左上*/


/*文字溢出用...处理*/
.text_overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*文字2行*/
.text_overflow2{overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
/*border边框*/
.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*垂直居中*/
.vertical_centers{display: -webkit-flex;display: flex;-webkit-align-items:center;align-items:center;justify-content:center; -webkit-justify-content:center; }
/*变灰处理*/
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} 
/*透明度*/
.opacity1{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
/*清除浮动*/
.clear{clear:both;}
/*箭头&线条*/
.arrow_right{width:.2rem; height:.2rem; border-left:#a5a5a5 solid 1px; border-bottom:#a5a5a5 solid 1px; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); display:block;}/*右侧*/
.arrow_left{width:.2rem; height:.2rem; border-left:#333 solid 2px; border-bottom:#333 solid 2px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); display:block; }/*左侧*/
.hr_y{ height:4.8rem; background-color:#d7d7d7; width:1px; position:absolute;}/*竖线*/

/*叉号*/
.xx{width:.7rem; height:.7rem; border-radius:50%; cursor: pointer; background-color:rgba(255,255,255,0.5); display:block; position:fixed; top:.1rem; right:.1rem;}
.xx>em{ width: .6rem; height: 2px; position: relative; background: #fff; display: block; top:.32rem; left:0.05rem;
  border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;}
.xx>em:nth-child(1){transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.xx>em:nth-child(2){transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

/*placeholder颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{font-size: 13px; color:#333;}
input:-moz-placeholder, textarea:-moz-placeholder{font-size: 13px; color:#333;}
input::-moz-placeholder, textarea::-moz-placeholder {font-size: 13px; color:#333;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 13px; color:#333;}

/*font*/
@font-face{
font-family: Din;
	src: url('../../fonts/DIN-Medium.otf')
}

/*btn color*/
.darkblue_background{background:#526ef4; border:#526ef4 1px solid; color:#fff;}
.darkblue_background:hover{background:#6983fb; border:#6983fb 1px solid; color:#fff;}

.darkblue_border{border:#526ef4 1px solid; color:#526ef4;}
.darkblue_border:hover{background:#6983fb; border:#6983fb 1px solid; color:#fff;}

.blue_background{background:#1e9fff; border:#1e9fff 1px solid; color:#fff;}
.blue_background:hover{background:#4ab2ff; border:#4ab2ff 1px solid; color:#fff;}

.blue_border{border:#1e9fff 1px solid; color:#1e9fff;}
.blue_border:hover{background:#1e9fff; border:#1e9fff 1px solid; color:#fff;}

.hui_background{background:#FBFBFB; border:#e6e6e6 1px solid; color:#C9C9C9;}
.hui_background:hover{background:#FBFBFB; border:#e6e6e6 1px solid; color:#C9C9C9;}

.hui_background2{background:#f9f9f9; border:#d2d2d2 1px solid; color:#999;}
.hui_background2:hover{background:#f9f9f9; border:#d2d2d2 1px solid; color:#999;}

.hui_border{border:#bbb 1px solid; color:#666;}
.hui_border:hover{background:#fff; border:#999 1px solid; color:#444;}

.red_background{background:#f22836; border:#f22836 1px solid; color:#fff;}
.red_background:hover{background:#f84e5a; border:#f84e5a 1px solid; color:#fff;}

.red_border{border:#f22836 1px solid; color:#f22836;}
.red_border:hover{background:#f84e5a; border:#f84e5a 1px solid; color:#fff;}

.yellow_background{background:#ff9429; border:#ff9429 1px solid; color:#fff;}
.yellow_background:hover{background:#ffa54b; border:#ffa54b 1px solid; color:#fff;}

.yellow_border{border:#ff9429 1px solid; color:#ff9429;}
.yellow_border:hover{background:#ffa54b; border:#ffa54b 1px solid; color:#fff;}

.green_background{background:#0ac584; border:#0ac584 1px solid; color:#fff;}
.green_background:hover{background:#13d893; border:#13d893 1px solid; color:#fff;}

.green__border{border:#0ac584 1px solid; color:#0ac584;}
.green__border:hover{background:#13d893; border:#13d893 1px solid; color:#fff;}


.orange_bg{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2);  color:#fff;}
.orange_bg:hover{background: #fe8c37; color:#fff;}
.orange_bg2{background: #F6C7A2; box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2);  color:#fff;}
.orange_bg2:hover{background: #F6C7A2; color:#fff;}


/*txt color*/
.blue_txt{color: #298df8;}
.blue_txt:hover{text-decoration: underline;}
.red_txt{color: #f22836;}
.red_txt:hover{text-decoration: underline;}

/* display:none; */
.display_none{display: none;}
.display_block{display: block;}

/*margin*/
.margin_r5{margin-right: 5px;}

/* inputhover */
.inputhover{border:#ff6161 1px solid!important; box-shadow:0 0 5px 0 rgba(255,97,97,0.5); -webkit-transition: all .3s; transition: all .3s;}


/*loading*/
.pageloading{width: 100%; height:6px; margin: 20px auto; display: flex; justify-content:center;}
.pageloading span{display: inline-block; width: 6px; height: 100%; margin-right: 4px;border-radius: 50%; background: #999; -webkit-animation: load 1.04s ease infinite;}
.pageloading span:last-child{margin-right: 0px;}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.pageloading span:nth-child(1){
	-webkit-animation-delay:0.13s;
}
.pageloading span:nth-child(2){
	-webkit-animation-delay:0.26s;
}
.pageloading span:nth-child(3){
	-webkit-animation-delay:0.39s;
}
.pageloading span:nth-child(4){
	-webkit-animation-delay:0.52s;
}
.pageloading span:nth-child(5){
	-webkit-animation-delay:0.65s;
}


.loadEffectbg{position: fixed; z-index: 99999999; width: 100%; height: 100%; top: 0; left: 0;  background: rgba(215, 215, 215, 0.2); display: none;}
.loadEffectbox{width: 110px; position: absolute; top: 50%;  left: 50%; box-sizing: border-box; padding: 30px; margin: -60px 0 0 -60px; border-radius: 12px;}
.loadEffect{width: 50px; height: 50px; position: relative;}
.loadEffect span{display: inline-block;
		width: 8px; height: 8px; border-radius: 50%; background: #666; position: absolute; -webkit-animation: load 1.04s ease infinite;}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.2;
	}
}
.loadEffect span:nth-child(1){
	left: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
	left: 7px;
	top: 7px;
	-webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -4px;
	-webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
	top: 7px;
	right:7px;
	-webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
	right: 7px;
	bottom:7px;
	-webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	-webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
	bottom: 7px;
	left: 7px;
	-webkit-animation-delay:1.04s;
}


/*totop*/
.goTop{position: fixed; right : 5px; bottom : 80px; width: 50px; height: 50px; cursor: pointer; text-align: center; background-color: #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: none; z-index: 999;}
.goTop img{position: relative; top: 18px; left: 18px;}
.goTop:hover{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%);}