@charset "utf-8";
/* CSS Document */
html {
    font-size: 62.5% !important;line-height: 1.4;margin: 0 auto;
}
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { 
    margin: 0; 
    padding: 0;
    border: 0; 
    font-weight:normal;
    list-style: none;
}
body{
    margin: 0 auto;width: 100%;height: inherit;
}
ul,ol,li,dl,dd,dt{
    list-style: none;
}
div{box-sizing: border-box;}
em,i { 
    font-style: normal;
     }
strong{ 
    font-weight: normal;
}
a { 
    text-decoration: none;
	display:block;
    color: inherit;
    box-sizing: border-box;
}
table{
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    text-align: center;
}
th,td{
    border: 1px solid #b5b5b5;
    height: 46px;
    padding: 0 0.5em;
}
legend { 
    color: #000; 
}
fieldset,img { 
    border: 0; 
}
label,button { 
    cursor: pointer;
}
/*框*/
.text_div{
    width: 100%;
    box-sizing: border-box;
    padding: 2%;
    background: #fff;
}
.text_div_eee{
    width: 100%;
    box-sizing: border-box;
    padding: 2%;
    background: #eee;
    color: #7a7979;
}
.item_div{
    width: 100%;
    box-sizing: border-box;
    padding: 3% 2%;
    background: #fff;
}
.label_div{width: 4em;margin-right: 2%;text-align-last: justify;}
/*font*/
.font_s{font-size: 12px;}
.font_n{font-size: 14px;}
.font_m{font-size: 16px;}
.font_b{font-size: 20px;}
.b{font-weight: bold;}
img{
    width: 100%;
}
/*解决IE图片缩放失真*/
img { 
    -ms-interpolation-mode: bicubic;
    display: block;
	list-style:none;
	outline:none;
}

/*连续英文、数字换行*/
.wordwrap { 
    word-break: break-all; 
    word-wrap: break-word; 
}
/*单行文字超出显示省略号*/
.omg{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space:nowrap;
}
button{
    cursor:pointer;
    background:#50bafd;
    border-radius:5px;
    color:#fff;
    font-size: 18px;
    margin: 20px 0;
}
.block{
    display:block;
}
.ps_relative{
    position: relative;
}
.ps_absolute{position: absolute;}
.fl{
    float:left;
}
.fr{
    float:right;
}
/*清除浮动*/
.clearfix:after { 
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clear{
    overflow: hidden;
}
.over_x{
    overflow-x: auto;
}
.over_y{
    overflow-y: auto;
}
/*color*/
.red{color: #e31d36;}
.grey{color: #555656;}
.green{color: #53693a;}
.light_green{color: #a4b589;}
.fff{color: #fff;}
.orange{color: #ff9800;}
.black{color: #444;}
.blue{color: #2c92b8;}
/*hover*/
a.light_green:hover{color: #bdcfa1;}
a.green:hover{color: #738e55;}
a.orange:hover{color: #fcad37;}
/*bg_color*/
.bg_more{
    background: #fff url(images/more.png) 98% no-repeat;
    background-size: 2%;
}
.bg_down{
    background: #fff url(images/down.png) 98% no-repeat;
    background-size: 1em;
}
.bg_up{
    background: #fff url(images/up.png) 98% no-repeat;
    background-size: 1em;
}
.bg_blue{background: #2c92b8;}
.bg_red{background: #fe0000;}
.bg_green{background: #53693a;}
.bg_lightgreen{background: #a4b589;}
.bg_grey{background: #555656;}
.bg_fff{background: #fff;}
.bg_eee{background: #eee;}
.bg_orange{background-color: #ff9800;}
.bg_yellow{background: #a7a70b;}
.bg_lightyellow{background: #e7e3bd;}
.bg_deepgreen{background: #274114;}
.bg_deepgrey{background: #181818;}
.bg_000{background: #000;}
.bg_menu_grey{background: #3b3c3c;}
a.bg_lightgreen:hover{
    background: #53693a;
}
.bg_fff_opcity{
    background: rgba(255,255,255,0.5);
}
.bg_000_opcity{
    background: rgba(0,0,0,0.6);
}
.bg_yellow_opcity{
    background: rgba(221,222,146,0.3);
}
.bg_orange_opcity{
    background: rgba(255,152,0,0.3);
}
.bg_green_opcity{
    background: rgba(164,181,137,0.3);
}

/*gradient*/
.bg_red_gradient{
    background: #fe0000;
    background: -moz-linear-gradient(top,  #fe0000 0%, #f24c0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#f24c0e));
    background: -webkit-linear-gradient(top,  #fe0000 0%,#f24c0e 100%);
    background: -o-linear-gradient(top,  #fe0000 0%,#f24c0e 100%);
    background: -ms-linear-gradient(top,  #fe0000 0%,#f24c0e 100%);
    background: linear-gradient(to bottom,  #fe0000 0%,#f24c0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#f24c0e',GradientType=0 );
}
.bg_blue_gradient{
    background: #019ceb;
    background: -moz-linear-gradient(top,  #019ceb 0%, #77e9df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019ceb), color-stop(100%,#77e9df));
    background: -webkit-linear-gradient(top,  #019ceb 0%,#77e9df 100%);
    background: -o-linear-gradient(top,  #019ceb 0%,#77e9df 100%);
    background: -ms-linear-gradient(top,  #019ceb 0%,#77e9df 100%);
    background: linear-gradient(to bottom,  #019ceb 0%,#77e9df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019ceb', endColorstr='#77e9df',GradientType=0 );
}
.bg_green_gradient{
    background: #12a69d;
    background: -moz-linear-gradient(top,  #12a69d 0%, #77e9df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12a69d), color-stop(100%,#77e9df));
    background: -webkit-linear-gradient(top,  #12a69d 0%,#77e9df 100%);
    background: -o-linear-gradient(top,  #12a69d 0%,#77e9df 100%);
    background: -ms-linear-gradient(top,  #12a69d 0%,#77e9df 100%);
    background: linear-gradient(to bottom,  #12a69d 0%,#77e9df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a69d', endColorstr='#77e9df',GradientType=0 );
}
.bg_yellow_gradient{
    background: #b6a73f;
    background: -moz-linear-gradient(top,  #b6a73f 0%, #d5c870 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6a73f), color-stop(100%,#d5c870));
    background: -webkit-linear-gradient(top,  #b6a73f 0%,#d5c870 100%);
    background: -o-linear-gradient(top,  #b6a73f 0%,#d5c870 100%);
    background: -ms-linear-gradient(top,  #b6a73f 0%,#d5c870 100%);
    background: linear-gradient(to bottom,  #b6a73f 0%,#d5c870 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6a73f', endColorstr='#d5c870',GradientType=0 );
}
.bg_orange_gradient{
    background: #ff9800;
    background: -moz-linear-gradient(top,  #ff9800 0%, #fbbb5e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#fbbb5e));
    background: -webkit-linear-gradient(top,  #ff9800 0%,#fbbb5e 100%);
    background: -o-linear-gradient(top,  #ff9800 0%,#fbbb5e 100%);
    background: -ms-linear-gradient(top,  #ff9800 0%,#fbbb5e 100%);
    background: linear-gradient(to bottom,  #ff9800 0%,#fbbb5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#fbbb5e',GradientType=0 );
}
.bg_grey_gradient{
    background: #2e2e2e;
    background: -moz-linear-gradient(top,  #2e2e2e 0%, #5c5c5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#5c5c5c));
    background: -webkit-linear-gradient(top,  #2e2e2e 0%,#5c5c5c 100%);
    background: -o-linear-gradient(top,  #2e2e2e 0%,#5c5c5c 100%);
    background: -ms-linear-gradient(top,  #2e2e2e 0%,#5c5c5c 100%);
    background: linear-gradient(to bottom,  #2e2e2e 0%,#5c5c5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#5c5c5c',GradientType=0 );
}
:root .bg_red_gradient{filter:none;}
:root .bg_blue_gradient{filter:none;}
:root .bg_green_gradient{filter:none;}
:root .bg_yellow_gradient{filter:none;}
:root .bg_orange_gradient{filter:none;}
/*border*/
.border_grey{border: 1px #d6d4d4 solid;}
.border_t{border-top: 1px #eee solid;}
.border_r{border-right: 1px #eee solid;}
.border_b{border-bottom: 1px #d6d4d4 solid;}
.border_l{border-left: 1px #eee solid;}
.border_red{border: 1px #f00036 solid;}
.border_green{border: 1px #21ccc2 solid;}
.border_b_fff{border-bottom: 1px solid #fff;}
.radius_s{border-radius: 6px;}
/*margin*/
.margin{margin: 1em;}
.margin_t{margin-top: 1em;}
.margin_b{margin-bottom: 1em;}
.margin_l{margin-left: 1em;}
.margin_r{margin-right: 1em;}
.margin_c{margin: 0 auto;}
/*padding*/
.padding{padding: 1em;}
.padding_tb{padding: 1em 0;}
.padding_lr{padding: 0 1em;}
.padding_t{padding-top: 1em;}
.padding_r{padding-right: 1em;}
.padding_b{padding-bottom: 1em;}
.padding_l{padding-left: 1em;}
/*align*/
.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}
.text_j{text-align: justify;}
/*display*/
.none{display: none;}
.block{display: block;}
.inblock{display: inline-block;}
/*input*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
input,select{width: 100%; height: 2.4em;line-height: 2.4em; padding: 0.1em 0.5em;font-size: 14px;box-sizing: border-box;}
input[type="submit"]{outline: none;cursor: pointer;}
input[type="submit"]:disabled{background: #274114;}
input[type="radio"],input[type="checkbox"]{display: none;}
.icon_checked:before {
    content: "\a0";
    color: #C9C9C9;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 1.36em;
    height: 1.36em;
    background: #fff;
    border: 1px solid #b5b5b5;
}
input[type=checkbox]:checked+.icon_checked:before {
    content: '\2713';
    font-weight: bold;
    color: #53693a;
    text-align: center;
}
input[type=checkbox]:disabled+.icon_checked:before {
    background: #e1dfdf;
}
.icon_radio:before {
    content: "\a0";
    color: #C9C9C9;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 1.36em;
    height: 1.36em;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #b5b5b5;
}
input[type=radio]:checked+.icon_radio:before {
    content: '\2713';
    font-weight: bold;
    background: #53693a;
    color: #fff;
    text-align: center;
}
input[type=radio]:disabled+.icon_radio:before {
    background: #e1dfdf;
}
textarea{display: block; border: 0;resize: none;width: 100%;color: inherit;font: inherit;padding: 0.5em;box-sizing: border-box;outline: none;}
input:disabled{cursor: default;}
.select_ul{width: 100%; background: #fff;border: 1px #d6d4d4 solid;box-sizing: border-box;min-height: 30px; max-height: 180px;overflow-y: auto;position: absolute;top: 34px;left: 0;box-shadow: 1px 1px 4px #d6d4d4;z-index: 99;}
.select_ul li{padding: 0 0.5em;cursor: pointer;line-height: 30px;}
.select_ul li:hover{background: #a4b589;color: #fff;}
/*btn*/
.btn{text-align: center;color: #fff;border-radius: 4px;position: relative;cursor: pointer;width: 15em; padding: 0.75em;display: inline-block;}
.btn_small{text-align: center;color: #fff;border-radius: 4px;line-height: 36px;width: 6em;display: inline-block;cursor: pointer;}
input.btn_small{height: 36px; line-height: 36px;padding: 0;}
.cursor{cursor: pointer;}
/*dialog*/
.mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.dialog{
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 1000px;
    max-height: calc(100vh * 0.8);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    border-radius: 3px;
    overflow-y: auto;
}
.dialog_confirm{
    max-width: 500px;
    height: 270px;
}
.dialog_confirm_text{
    height: 150px;
    background: rgba(255,255,255,0.7);
    margin-top: 14px;
    font-weight: bold;
    border-radius: 6px;
}
.mask_fff{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
}
.dialog_tips{
    position: fixed;
    z-index: 5000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #555656;
    border-radius: 3px;
    overflow-y: auto;
    color: #fff;
    padding: 3em;
}
.z998{z-index: 998;}
/*flex*/
.display_f{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.display_bd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex_middle{
    -webkit-align-items:center;
    align-items:center;
}
.flex_center{
    -webkit-justify-content:center;
    justify-content:center;
}
.flex_r{
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.flex_lr{
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.wrap{
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}