@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:Helvetica Neue, PingFang SC, Hiragino Sans GB, HeitiSC, Helvetica, Arial, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; 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('../../../css/cn/DIN-Medium.otf') format('opentype'); 
    font-display: swap;
}

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

.hui_border2{border:#D9D9D9 1px solid; color:#666; box-sizing: border-box;}
.hui_border2:hover{background:#fff; border:#999 1px solid; color:#444;}

.blue_bg{background: linear-gradient(90deg, #16ADFD 0%, #0F8FFD 100%);box-shadow: 0px 6px 20px #CBE6FF; color:#fff;}
.blue_bg:hover{background: #0F8FFD; color:#fff;}

.blue_bg2{background: linear-gradient(90deg, #16ADFD 0%, #0F8FFD 100%);box-shadow: 0px 6px 20px #CBE6FF; color:#fff; opacity: 0.3; cursor: not-allowed;}
.blue_bg2:hover{color:#fff; opacity: 0.3;}

/* 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 */
@media screen and (max-width: 20000px) and (min-width: 700px) {
 .cuo_404{width:90%; height: 100vh; display: flex; align-items: center; flex-direction: column; padding: 0 5%;}
.cuo_404 i{display: inline-block; width: 380px; padding: 100px 0 0 0;}
.cuo_404 i img{display: block; width: 100%;}
.cuo_404 h1{display: inline-block; width: 100%; font-size:22px; color:#777; padding:10px 0 30px 0;  text-align: center; font-weight: 500;}
.cuo_404 a{display: inline-block; padding: 0 60px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: linear-gradient(90deg, #16ADFD 0%, #0F8FFD 100%); box-shadow: 0px 6px 20px #CBE6FF; border-radius: 60px;}
.cuo_404 a:hover{background: #0F8FFD; color: #fff;}
  }
@media screen and (max-width: 700px) and (min-width: 10px) {
.cuo_404{width:90%; height: 100vh; display: flex; align-items: center; flex-direction: column; padding: 0 5%;}
.cuo_404 i{display: inline-block; width: 70%; padding: 1rem 0 0 0;}
.cuo_404 i img{display: block; width: 100%;}
.cuo_404 h1{display: inline-block; width: 100%; font-size:.3rem; color:#777; padding:.2rem 0 .4rem 0;  text-align: center;}
.cuo_404 a{display: inline-block; padding: .16rem .8rem; font-size: .24rem; color: #fff; background: linear-gradient(90deg, #16ADFD 0%, #0F8FFD 100%); box-shadow: 0px 6px 20px #CBE6FF; border-radius: 60px;}
.cuo_404 a:hover{background: #0F8FFD; color: #fff;}
  }

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