@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; 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: #222; 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: #222; }
a:hover { color: #ff6d00; }

label {cursor: pointer;}
textarea {overflow: auto; resize: none!important; outline: none; transition: all .3s;}
input{outline: none; transition: all .3s;}
select{cursor: pointer; transition: all .3s;}

/*圆角*/
.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%;}/*半圆*/

/*文字溢出用...处理*/
.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{color:#ccc;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}

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

/*btn color*/
.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;}

.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;}

/* body_noscroll */
.body_noscroll{overflow: hidden;}

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

/* 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;}

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

/* kong */
.kong_box{width: 100%; text-align: center; padding: 35px 0 10px 0;}
.kong_box i{display: inline-block; width: 240px;}
.kong_box i img{width: 100%;}
.kong_box span{display: inline-block; width: 100%; text-align: center; font-size: 14px; color: #999; padding: 10px 0 24px 0;}
.kong_box a{display: inline-block; padding: 8px 30px; font-size: 14px;}


/*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%);}

/*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;
}

/*tan*/
#dream {
margin:0 auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position:absolute;
top:50%;
}
#dream button {
margin: 0 20px;
}
.dream-btn {
font-size: 14px;
text-decoration: none;
padding: 6px 20px;
white-space: nowrap;
border-radius: 5px;
font-weight: 500;
display: inline-block;
cursor: pointer;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dream-btn.cancel {
margin-right: 10px;
color: #525456;
background-color: transparent;
font-weight: 500;
transition: all 0.06s ease-out;
}

.dream-btn,
.dream-btn span{
position: relative;
font-size: 16px;
font-weight: bold;
}
.dream-btn.info {
background-color: #47d4cd;
color: #fefefe;
}
.dream-btn.success {
background-color: #9edc65;
color: #fefefe;
}
.dream-btn.warning {
background-color: #e5b442;
color: #fefefe;
}
.dream-btn.error {
background-color: #ec4141;
color: #fefefe;
}
.dream-btn.loading {
 background-color: #7bb4e7;
 color: #fefefe;
}
.dream-btn.close {
background-color: #676868;
color: #fefefe;
}

.dream-btn.ok::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
transition: all 0.12s ease-out;
background-color: transparent;
}
.dream-btn.ok:hover::before {
background-color: rgba(255, 255, 255, 0.08);
}
.dream-btn.ok:active::before {
transition: all 80ms ease-out;
background-color: rgba(0, 0, 0, 0.2);
}

/*page*/
.page_box{width:100%; padding:40px 0 20px 0; display: flex; justify-content: center; align-items: center;}
.page_box a{background:#fff; border:#eee 1px solid; font-size:13px; color:#666; padding:7px 14px; margin:0 3px; border-radius: 4px;}
.page_box a:hover{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}
.page_box .page_hover{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}