@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:Times New Roman,Arial, Helvetica, sans-serif; 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; }


/*圆角*/
.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{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;}


/*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;}


/*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;}

