﻿@charset "utf-8";/* CSS Document */
/*公用样式表 */

*,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}

html,body{width: auto; height: auto;}
xmp{font-family:'Arial',"微软雅黑",Georgia,"Times New Roman",Times,serif;}
ul,ol,li {list-style: none;}
div>ul,div>ol {margin: 0}
em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
img {vertical-align: middle;border: none;}
em,i{font-style:normal}

input,button,select,textarea {outline: none;}
input[type="button"],input[type="submit"] {text-align: center;cursor: pointer;font-weight: normal;border: none;font-family: 'Arial',"微软雅黑",Georgia,"Times New Roman",Times,serif;}
textarea {resize: none; padding: 12px;border: 1px solid #dedede;}
input {vertical-align: middle;}
iframe {margin: 0;padding: 0;}
sub{position: relative;top: -10px;left: 2px; padding-right: 3px;vertical-align: baseline}
select{ padding: 2px;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
input[type=text],input[type=password]{padding-right: 10px;}
input[type=text]:focus,input[type=password]:focus{border-color: #3eca52}

.clearfix:before,
.clearfix:after {content: "."; display: block; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.clear {clear: both;}

/*style*/
.po_relative {position: relative;}
.dis_block,.dis {display: block !important;}
.dis_i_b{display: inline-block!important}
.dis_none{display: none!important;}
.table {display: table;}
.row,.ta_row {display: table-row;}
.cell {display: table-cell;}
.middle {margin: 0 auto; width: 1200px;}
.fl,.l {float: left!important;}
.fr,.r {float: right!important;}
.f_none{float: none!important;}
.bor_none{border: none!important;}
.arrow_l:before{content: '<'; font-family: '黑体';padding-right: 10px;}
.arrow_r:after{content: '>'; font-family: '黑体';padding-left: 10px;}
.fill_info .cell{vertical-align: middle; padding: 5px 10px 5px 0;}
.fill_info .cell:first-child{text-align: right;float: none; width: auto; height: auto; line-height:normal;display: table-cell;}
.fill_info input[type='text'],.fill_info input[type="password"]{height: 42px; line-height: 42px; text-indent: 8px;}
.bor_r3{border-radius: 3px!important;;}
.bor_r4{border-radius: 4px!important;;}
.hide{display: none}
.show{display: block}

/*button*/
.btn{padding: 8px 20px!important; border-radius: 4px; border: none}
.btn_green,.btn_green:focus{background:#26d3a8 ; color: #fff}
.btn_green:hover{background:#30d9af; text-decoration:none; color: #fff}
.btn_blue,.btn_blue:focus{background:#3f8cdb; color: #fff}
.btn_blue:hover{background:#4a95e2; color: #fff;}

.btn_a a,.btn_a input[type=button],.btn_a input[type=submit]{display: inline-block; padding: 10px 30px;text-align: center;background: #3eca52;color: #fff;border-radius: 3px; font-size:14px;-moz-transition: all 1s ease ;transition: all .3s ease ; position: relative; text-indent: -20px;}
.btn_a input[type=button],.btn_a input[type=text],.btn_a input[type=submit]{text-indent: 0}
.btn_a a:before{content: '>'; position: absolute; right: 20px; transition: all .3s;font-family: '黑体';font-weight: bold;}
.btn_a a:hover,.btn_a input[type=button]:hover,.btn_a input[type=submit]:hover{ background:#48d65c; text-decoration:none; color: #fff}
.btn_a a:hover:before{right: 15px;}

/*table*/
.table_n{width: 100%;}
.table_n th{background: #f9f9f9; font-size: 15px;}
.table_n td,.table_n th{border:1px solid #ddd; padding:18px;vertical-align: middle;}
.table_n td{color: #666}
.border_b{border-bottom:1px solid #e6e6e6}
.border{border: 1px solid #ddd;}
.table_style tr:nth-child(2n) td{background: #fbfbfb}
.table_blue th{background: #eff9ff;background: linear-gradient(0deg,#eff9ff,#fff);border: 1px solid #e1e4e8;}
.table_green th,.table_green{background: #eefffb;background: linear-gradient(0deg,#eefffb,#fff);border: 1px solid #c5d9d4;}
.ver_top{vertical-align: top}
.ver_bot{vertical-align: bottom}
.ver_mid{vertical-align: middle}

/*text*/
.f_ht{font-family: '黑体'}
.bold {font-weight: 700;}
.t_index0{text-indent: 0!important;}
.font-normal {font-weight: normal!important;}
.font-weight {font-weight: bold!important;}
.center{text-align: center!important;}
.left,.text_l{text-align: left!important;}
.right,.text_r{text-align: right!important;}
.f14 {font-size: 14px!important;}
.f12 {font-size: 12px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}
.f20 {font-size: 20px!important;}
.f24 {font-size: 24px!important;}
h4{font-size: 32px;color: #333;font-weight: 200; line-height: 32px;}
h5{font-size: 16px;color: #333;font-weight: 600; line-height: 24px;}
h6,.border_b h6{font-size: 22px;color: #333;font-weight: normal;line-height: 22px;}
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh30{line-height: 30px;}
.lh36{line-height: 36px;}
.letter_s_0{letter-spacing: 0!important;}

/*color*/
.b_white{background: #fff!important;}
.b_grey{background: #f9f9f9!important;}
.b_green{background: #f8fbfa!important;}
.linear_blue{background: linear-gradient(#fff,#f3faff);background: -webkit-linear-gradient(#fff,#f3faff);}
.linear_gray{background: linear-gradient(#fff,#f9f9f9);background: -webkit-linear-gradient(#fff,#f9f9f9);}
.linear_green{background: linear-gradient(#fff,#eefff3);background: -webkit-linear-gradient(#fff,#eefff3);}
.tip_back_red{background: #fff6f6; padding: 0 12px; border-radius: 50px;}
.green {color: #26d3a8!important;}
.red {color: #ff0000!important;}
.grey {color: #939393!important;}
.orange {color: #ff6600!important;}
.blue{color: #3f8cdb!important;}
.color5{color: #555!important;}
.color6{color: #666!important;}
.colorddd{color: #ddd!important;}

/*width*/
.w_10{width: 10%!important;}
.w_20{width: 20%!important;}
.w_30{width: 30%!important;}
.w_40{width: 40%!important;}
.w_45{width: 45%!important;}
.w_50{width: 50%!important;}
.w_55{width: 55%!important;}
.w_60{width: 60%!important;}
.w_70{width: 70%!important;}
.w_80{width: 80%!important;}
.w_100{width: 100%!important;}
.m_w_100{width: 100%!important; }
.m_w_50{width: 50%!important; }

/*margin-padding*/
.m0 {margin:0!important;}
.m10 {margin:10px!important;}
.m20 {margin:20px!important;}
.m30 {margin:30px!important;}
.mt0 {margin-top: 0px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt_b_30{margin-top: 30%!important}
.mb0{margin-bottom: 0!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.ml0 {margin-left: 0px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.mr0 {margin-right: 0px!important;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.ml_mr_10{margin: 0 10px!important;}
.ml_mr_20{margin: 0 20px!important;}
.ml_mr_30{margin: 0 30px!important;}
.ml_mr_40{margin: 0 40px!important;}
.ml_mr_50{margin: 0 50px!important;}
.mt_mb_20{margin: 20px 0!important;}
.mt_mb_30{margin: 30px 0!important;}
.mt_mb_40{margin: 40px 0!important;}
.mt_mb_50{margin: 50px 0!important;}
.p0 {padding: 0!important;}
.p10 {padding: 10px!important;}
.p20 {padding: 20px!important;}
.p30 {padding: 30px!important;}
.pt0 {padding-top: 0px!important;}
.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt_b_30{padding-top: 30%!important}
.pb0{padding-bottom: 0px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pl0 {padding-left: 0px!important;}
.pl10 {padding-left: 10px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pr0 {padding-right: 0px!important;}
.pr10 {padding-right: 10px!important;}
.pr20 {padding-right: 20px!important;}
.pr30 {padding-right: 30px!important;}
.pr40 {padding-right: 40px!important;}
.pl100{padding-left: 100px!important;}
.pl220{padding-left: 220px!important;}
.pl_pr_10{padding: 0 10px!important;}
.pl_pr_20{padding: 0 20px!important;}
.pl_pr_30{padding: 0 30px!important;}
.pl_pr_40{padding: 0 40px!important;}
.pl_pr_50{padding: 0 50px!important;}
.pt_pb_20{padding: 20px 0!important;}
.pt_pb_30{padding: 30px 0!important;}
.pt_pb_40{padding: 40px 0!important;}
.pt_pb_50{padding: 50px 0!important;}
