/**
* 通用CSS
* @author 梦幻(qwerty) <guoyyyy@qq.com>
* Date 2018-11-17
*/
@charset "UTF-8";

::selection{ background:#3f4156; color:#fff}
*{margin:0px; padding:0px;}
img{border:none;}
.fl { float:left !important; }
.fr { float:right !important; }
.cl{ width:100%; clear:both; float:left; overflow: hidden;}
.cl2{ width:100%; clear:both; float:left;}

.cl97{ width: 97%; float: left; clear: both; margin-left: 1.5%;}
.cl98{ width: 98%; float: left; clear: both; margin-left: 1%;}
.cl94{ width: 96%; float: left; clear: both; margin: 2%;}
.cl50{ width: 50%; float: left;}

.wd96{ width: 96%;}
.wd94{ width: 94%;}
.wd93{ width: 93%;}

.clear{ clear:both;}
.wc{ width:100%; clear:both;}
table{ border-collapse:collapse;border-spacing:0;}
ul,li{ list-style:none;}
button{ cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold;}
.strong,.b{ font-weight: bold;}
body{ font-size:14px; color:#666; margin:0px auto; font-family: 'Arial','Tahoma','Verdana', sans-serif;}
input,select{ font-family: 'Arial','Tahoma','Verdana', sans-serif;}
.tc,.center{ text-align:center !important;}
.align_right{ text-align: right;}
.align_left{ text-align: left !important;}
a{ text-decoration: none; color: #333;}
a:visited{ color: #333; text-decoration: none;}
.flex{ display: flex;}
.flex_cl{ width: 100%; display: flex; margin: 0px auto;}
.flex_column{ flex-direction: column;}
.flex_fr{ margin-left: auto;}
.flex_center{ justify-content: center;}
.flex_y_mid{ align-items: center;}
.flex_body{ width: 1100px; margin: 0px auto; display: flex;}/* 用于自适应 */
.flex_1000{ width: 1000px; margin: 0px auto; display: flex;}
.none{ display: none;}
.only_mobile{ display: none;}
.bold{ font-weight: bold !important;}
.one_line_t{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boder_ececec{border: 1px solid #ececec !important;}
/* 主色调 */
.main_col{ color: #5aaa02 !important;}
.main_col a{ color: #5aaa02 !important;}
.main_hover_col:hover{ color: #5aaa02 !important;}
.black_col{ color: #333 !important;}
.black_col a{ color: #333 !important;}
.ml_7{ margin-left: 7px;}
.mr_7{ margin-right: 7px;}

.bg_f5{ background-color: #f5f5f5;}
.body_width{ width: 1000px;}

.body1000{ width: 1000px; margin: 0px auto;}
.bg_f3f3f3{ background-color: #f3f3f3 !important;}
.bg_536390{ background-color: #536390 !important;}
.bg_fafafa{ background-color: #fafafa !important;}
.bg_fbfbfb{ background-color: #fbfbfb !important;}
.bg_grey{ background: #808080 !important;}
.bg_fff{ background: #fff !important;}
.bg_f4f4f4{ background: #f4f4f4 !important;}
.bg_000{ background: #000 !important;}

.col_fff{ color: #fff !important;}
.col_000{ color: #000 !important;}
.col_536390{ color: #536390 !important;}
.col_white{ color: white !important;}
.col_333{ color: #333 !important;}
.col_666{ color: #666 !important;}
.col_999{ color: #999 !important;}
.red{ color: #c00 !important;}
.gray{  color: #868686 !important;}
.grey{  color: #868686 !important;}
.green{  color: green !important;}
.yellow{ color: #ffff00 !important;}
.gold{ color: #fced00 !important;}
.orange{ color: #d4690d !important;}
.col_5aaa02{ color: #5aaa02 !important;}
.size_10{ font-size: 10px;}
.size_12{ font-size: 12px;}
.size_14{ font-size: 14px;}
.size_16{ font-size: 16px;}
.size_18{ font-size: 18px;}
.size_20{ font-size: 20px;}
.size_22{ font-size: 22px;}
.size_24{ font-size: 24px;}
.size_26{ font-size: 26px;}
.size_28{ font-size: 28px;}
.size_30{ font-size: 30px;}


.pr_2{ padding-right: 2px;}

.wd_100_per{ width: 100%;}
.wd_20{ width: 20px !important;}
.wd_30{ width: 30px !important;}
.wd_50{ width: 50px !important;}
.wd_68{ width: 68px !important;}
.wd_70{ width: 70px !important;}
.wd_80{ width: 80px !important;}
.wd_90{ width: 90px !important;}
.wd_100{ width: 100px !important;}
.wd_110{ width: 110px !important;}
.wd_120{ width: 120px !important;}
.wd_130{ width: 130px !important;}
.wd_143{ width: 143px !important;}
.wd_150{ width: 150px !important;}
.wd_180{ width: 180px !important;}
.wd_200{ width: 200px !important;}
.wd_227{ width: 227px !important;}
.wd_273{ width: 273px !important;}
.wd_280{ width: 273px !important;}
.wd_250{ width: 250px !important;}
.wd_297{ width: 297px !important}
.wd_300{ width: 300px !important;}
.wd_350{ width: 350px !important;}
.wd_700{ width: 700px !important;}

.htl_14{ line-height: 14px !important;}
.line_height20{ line-height: 20px;}
.line_height22{ line-height: 22px;}
.line_height24{ line-height: 24px;}
.line_height26{ line-height: 26px;}
.ht_10{ height: 10px !important;}
.ht_20{ height: 20px !important;}
.ht_30{ height: 30px !important;}
.ht_50{ height: 50px !important;}
.ht_100{ height: 100px !important;}
.ht_150{ height: 150px !important;}
.ht_200{ height: 200px !important;}
.ht_400{ height: 400px !important;}

.pointer{ cursor: pointer;}


.mt_1{ margin-top:1px;}
.mt_2{ margin-top:2px;}
.mt_3{ margin-top:3px;}
.mt_4{ margin-top:4px;}
.mt_5{ margin-top:5px;}
.mt_7{ margin-top:7px;}
.mt_8{ margin-top:8px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_20{ margin-top:20px;}
.mt_25{ margin-top:25px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_45{ margin-top:45px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_100{ margin-top:100px;}

.pt_1{ padding-top:1px;}
.pt_2{ padding-top:2px;}
.pt_3{ padding-top:3px;}
.pt_4{ padding-top:4px;}
.pt_5{ padding-top:5px;}
.pt_7{ padding-top:7px;}
.pt_8{ padding-top:8px;}
.pt_10{ padding-top:10px;}
.pt_15{ padding-top:15px;}
.pt_20{ padding-top:20px;}
.pt_25{ padding-top:25px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_45{ padding-top:45px;}
.pt_50{ padding-top:50px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_100{ padding-top:100px;}


.pl_1{ padding-left:1px;}
.pl_2{ padding-left:2px;}
.pl_3{ padding-left:3px;}
.pl_4{ padding-left:4px;}
.pl_5{ padding-left:5px;}
.pl_7{ padding-left:7px;}
.pl_8{ padding-left:8px;}
.pl_10{ padding-left:10px;}
.pl_15{ padding-left:15px;}
.pl_20{ padding-left:20px;}
.pl_25{ padding-left:25px;}
.pl_30{ padding-left:30px;}
.pl_40{ padding-left:40px;}
.pl_45{ padding-left:45px;}
.pl_50{ padding-left:50px;}
.pl_70{ padding-left:70px;}
.pl_80{ padding-left:80px;}
.pl_100{ padding-left:100px;}


.pr_1{ padding-right:1px;}
.pr_2{ padding-right:2px;}
.pr_3{ padding-right:3px;}
.pr_4{ padding-right:4px;}
.pr_5{ padding-right:5px;}
.pr_7{ padding-right:7px;}
.pr_8{ padding-right:8px;}
.pr_10{ padding-right:10px;}
.pr_15{ padding-right:15px;}
.pr_20{ padding-right:20px;}
.pr_25{ padding-right:25px;}
.pr_30{ padding-right:30px;}
.pr_40{ padding-right:40px;}
.pr_45{ padding-right:45px;}
.pr_50{ padding-right:50px;}
.pr_70{ padding-right:70px;}
.pr_80{ padding-right:80px;}
.pr_100{ padding-right:100px;}


.pb_1{ padding-bottom:1px;}
.pb_2{ padding-bottom:2px;}
.pb_3{ padding-bottom:3px;}
.pb_4{ padding-bottom:4px;}
.pb_5{ padding-bottom:5px;}
.pb_7{ padding-bottom:7px;}
.pb_8{ padding-bottom:8px;}
.pb_10{ padding-bottom:10px;}
.pb_15{ padding-bottom:15px;}
.pb_20{ padding-bottom:20px;}
.pb_25{ padding-bottom:25px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_45{ padding-bottom:45px;}
.pb_50{ padding-bottom:50px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_100{ padding-bottom:100px;}

.pd_1{ padding:1px;}
.pd_2{ padding:2px;}
.pd_3{ padding:3px;}
.pd_4{ padding:4px;}
.pd_5{ padding:5px;}
.pd_7{ padding:7px;}
.pd_8{ padding:8px;}
.pd_10{ padding:10px;}
.pd_15{ padding:15px;}
.pd_20{ padding:20px;}
.pd_25{ padding:25px;}
.pd_30{ padding:30px;}
.pd_40{ padding:40px;}
.pd_45{ padding:45px;}
.pd_50{ padding:50px;}
.pd_70{ padding:70px;}
.pd_80{ padding:80px;}
.pd_100{ padding:100px;}


.mb_1{ margin-bottom:1px;}
.mb_2{ margin-bottom:2px;}
.mb_3{ margin-bottom:3px;}
.mb_5{ margin-bottom:5px;}
.mb_7{ margin-bottom:7px;}
.mb_10{ margin-bottom:10px;}
.mb_15{ margin-bottom:15px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_80{ margin-bottom:80px;}
.mb_100{ margin-bottom:100px;}
.mb_200{ margin-bottom:200px;}

.mr_1{ margin-right:1px;}
.mr_2{ margin-right:2px;}
.mr_3{ margin-right:3px;}
.mr_5{ margin-right:5px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}
.mr_25{ margin-right:25px;}
.mr_40{ margin-right:40px;}

.ml_1{ margin-left:1px;}
.ml_2{ margin-left:2px;}
.ml_3{ margin-left:3px;}
.ml_5{ margin-left:5px;}
.ml_7{ margin-left:7px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}
.ml_20{ margin-left:20px;}
.ml_25{ margin-left:25px;}
.ml_30{ margin-left:30px;}
.ml_35{ margin-left:35px;}
.ml_40{ margin-left:40px;}
.ml_45{ margin-left:45px;}
.ml_100{ margin-left:100px !important;}
.ml_130{ margin-left:130px !important;}
.ml_200{ margin-left:200px !important;}
.ml_250{ margin-left:250px !important;}
.ml_280{ margin-left:280px !important;}
.ml_300{ margin-left:300px !important;}

.under_line{  text-decoration: underline;}
.box_size{ box-sizing: border-box;}
.indent_2{ text-indent: 2rem;}

/*请从下方选择*/
/*.ui-autocomplete:before {
    content: "请从下方选择";
    line-height: 30px;
    padding-left: 0.4em;
    font-size: 13px;
    color: #ccc;
}*/
.ui-autocomplete::-webkit-scrollbar {
    width: 4px;
}
.ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #d8d8d8;
    background: #535353;
}
.ui-autocomplete::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d8d8d8;
    border-radius: 10px;
    background: #ededed;
}
.ui-autocomplete {
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    border-top: none !important;
    overflow-x: hidden;
    font-size: 13px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #ebebeb;
}
.theme_color{ color: #536590;}
input,select{ outline: none;}
.body_width2 { width: 800px;}
.center_body{ margin: 0px auto;}
.confirm_nav{ background-color: #fff; height: 35px; line-height: 37px; border-bottom: 1px solid #dadada;}
.cnav_body{ margin: 0px auto;}
.all_line{ border: 1px solid #dadada;}
.bottom_line{ border-bottom: 1px solid #dadada;}
.top_line{ border-top: 1px solid #dadada;}

.login_width{ width: 580px; margin: 0 auto;}
.login_box{ border: 2px solid #9c9899; padding: 33px; box-sizing: border-box; position: relative;}
.login_box .linput{ border: 1px solid #cfcfcf; width: 99%; height: 30px; line-height: 30px; padding-top: 5px; padding-bottom: 5px; float: left; text-indent: 10px;}
.login_box .linput2{ width: 150px;}
.login_close_btn{ position: absolute; top: -12px; right: -12px; cursor: pointer;}
.login_close_btn img{ width: 24px;}

.code_tag{ display: none;}
.login_btn{ width: 80%; float: left; border: none; margin-left: 10%; height: 50px; line-height: 50px; text-align: center; background: #536590; color: #fff; font-size: 16px;}
.send_code_btn{ float: left; width: 120px; box-sizing: border-box; margin-left: 20px; cursor: pointer; color: #666; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border: 1px solid #cfcfcf;}
.login_window{ position: fixed; display: none; z-index: 10000; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.login_window .login_big_tt{ display: none;}
.login_bg{ position: fixed; z-index: 9999; left: 0; top: 0; bottom: 0; right: 0; background-color: #000; opacity:0.3; filter:alpha(opacity=30);}
.pos_eye_box{ position: relative;}
.pos_eye_box .eye_open{ position: absolute; cursor: pointer; right: 15px; top: 12px; width: 20px; height: 20px; background: url("../image/eye_open.png") no-repeat; background-size: 100% 100%;}
.pos_eye_box .eye_close{ position: absolute; cursor: pointer; right: 15px; top: 12px; width: 20px; height: 20px; background: url("../image/eye_close.png?v=2") no-repeat; background-size: 100% 100%;}

#service_box{ position: fixed; top: 63%; z-index: 8888888; right: 10px; background: #536590; width: 26px; padding: 17px; border-radius: 30px; text-align: center;}
#service_box .service_li img{ width: 26px; height: 26px; padding-top: 10px; padding-bottom: 10px;}
#service_box .service_line{ float: left; width: 90%; margin-left: 5%; height: 1px; border-bottom: 1px solid #fff;}