@charset "utf-8";
/* CSS Document */
html,body{ margin: 0 auto;  padding: 0;   min-width: 320px;   max-width: 100%;   font: 0.875em ;}
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ padding:0; margin:0; border: 0 none;  font-style: inherit;  font-weight: inherit; font-family: 'PingFang SC', Arial, Helvetica, sans-serif !important; font-size: .22rem;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
.clear{clear:both;}
.img_blk{width:100%;}
body { /* IOS禁止微信调整字体大小 */
 -webkit-text-size-adjust: 100% !important; -size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;
}
select{direction:rtl;}
option{direction:ltr;}
textarea{outline: none; resize: none;}
input{outline: none;}

input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}
/*圆角*/
.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;}
/*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*/
.red_background{background:#ff6161; background:linear-gradient(to right, #f77c7c, #ff6161); color:#fff;}
.red_background:hover{background:#ea5b5b; color:#fff;}

.red_background2{background:#ff6161; background:linear-gradient(to right, #f77c7c, #ff6161);  border:#ff6161 1px solid; color:#fff;}
.red_background2:hover{background:#ea5b5b;  border:#ea5b5b 1px solid; color:#fff;}

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

.red_border2{border:#ff8181 1px solid; color:#ff8181;}
.red_border2:hover{background:#ff8181; color:#fff;}

.hui_background{background:#dcdcdc; color:#fff;}
.hui_background:hover{background:#dcdcdc; color:#fff;}

.hui_border{border:#ccc 1px solid; color:#808080!important;}
.hui_border:hover{background:#ff8181!important; border:#ff8181 1px solid; color:#fff!important;}

.blue_background{background:#3194d0; color:#fff;}
.blue_background:hover{background:#187cb7; color:#fff;}

.blue_background2{background:#3194d0; border:#3194d0 1px solid; color:#fff;}
.blue_background2:hover{background:#187cb7; border:#187cb7 1px solid; color:#fff;}

.yellow_background2{background:#ff9922; border:#ff9922 1px solid; color:#fff;}
.yellow_background2:hover{background:#ee8d1b; border:#ee8d1b 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;}


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

/* input */
.labelhover{border:#ff6161 1px solid; box-shadow:0 0 5px 0 rgba(255,97,97,0.5);}

.checkbox{float: left; width: 13px; height: 13px; border: 1px solid #c2c2c2; cursor: pointer; margin: .1rem 5% 0 0;}
.checked_hover,.checkbox:hover{border: 1px solid #64b3e6; background: url(../../images/checked2.png) no-repeat;}

/* kong */
.kong_box{width:100%; text-align:center; padding:3em 0 0 0;}
.kong_box i{width:70%; display:block; margin:0 auto;}
.kong_box span{font-size:.22rem; color:#999; display:block; width:90%; padding:.1rem 5%;}

/* kong */
.img_bg{background: rgba(0,0,0, 0.85); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999;}
.img_box{text-align: center;}
.img_box img{position: relative; max-width: 100%; max-height: 100%;}

/* 404 */
.cuo_404{width:100%; text-align:center; margin: 0 auto;}
.cuo_404 i{display: inline-block; width: 100%; padding:1rem 0 0 0;}
.cuo_404 i img{display: block; width: 100%;}
.cuo_404 h1{display: inline-block; width: 100%; font-size:.24rem; color:#777; padding:.2rem 0 .4rem 0;}
.cuo_404 h2{display: inline-block; width: 100%; font-size:.26rem; color:#666; padding:0 0 .6rem 0;}
.cuo_404 a{display: inline-block; padding: .1rem .8rem; font-size: .22rem; color: #222; background: #b9dd53; border:#222 1px solid; border-radius: 60px;}
.cuo_404 a:hover{background: #aed248; color: #222;}

/* loading */
.load_bg_box{position: fixed; height: 100%; width: 100%; z-index:9999; top: 0; left: 0; display: none;}
.load_box{top:0; left:50%; margin-left: -125px; width:250px; background: rgba(0,0,0,0.55); position: absolute; z-index: 101; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;   -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -box-shadow: 0 0 10px rgba(0,0,0,.2); min-height: 150px;}
.load_img{width: 60px; height: 60px; margin: 25px auto 0 auto;}
.load_zi{display: block; font-size: 14px; color: #fff; width: 100%; text-align: center; padding: 15px 0 0 0;}

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