@charset "utf-8";


/* ================================================

黑色最深：  #2f4458;
黑色中深：  #586976;
黑色中浅：  #758a9a;
黑色最浅：  #aebcce;
---------------------------------------------------
红色：  #f3262d;    hover:  #da2228;
橙色：  #ff5c00;    hover:  #e55300;
黄色：  #ff9c00;    hover:  #e58c00;
绿色：  #19a97b;    hover:  #16986e;
蓝色：  #0074ff;    hover:  #005dcc;
---------------------------------------------------
边线色-01：  #e8eaee;
边线色-02：  #d8dbe2;  
边线色-03：  #ced2db;

---------------------------------------------------
副背景：#f3f5f8;    
主背景：#edf0f2; 

================================================ */

* { margin: 0; padding: 0; }
* html body { overflow: visible; }
body { padding: 0; margin: 0; color: #333; background: #fff; font-family: "Microsoft Yahei"; font-size: 14px; }
input, select, button { vertical-align: middle; outline: none; font-family: "Microsoft Yahei"; }
li { list-style-type: none; }
img { border: 0 none; }
a { color: #333; text-decoration: none; outline: none; star: expression_r(this.onFocus=this.blur()); }
a:hover { color: #0074ff; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1,h2,h3,h4,h5,h6 { color: #333; font-weight: bold; }
input[type="text"], input[type="password"] { border: 1px solid #d8dbe2; border-radius: 2px; padding: 0px 10px; outline: none; font-size: 14px; }
input[type="checkbox"] { width: 16px; height: 16px; }
label { cursor: pointer; }
small { font-size: 12px !important; color: #758a9a !important; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.container { width: 1200px; margin: 0 auto; }
.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }
.clear:before, .clear:after { display: table; content: " "; }
.clear:after { clear: both; }
.box-shadow { box-shadow: 0px 0px 10px #d8dbe2; }
.text-shadow { text-shadow: 1px 1px 8px #2f4458; }
.text-over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*========== 强制样式 ==========*/
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.fr { float: right !important; }
.fl { float: left !important; }
.ml-0 { margin-left: 0px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-100 { margin-left: 100px !important; }
.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-100 { margin-right: 100px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-100 { margin-bottom: 100px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-80 { padding-right: 80px !important; }
.pl-20 { padding-left: 20px !important; }
.pb-0 { padding-bottom: 0px !important; }
.size-12 { font-size: 12px !important; }
.size-13 { font-size: 13px !important; }
.size-14 { font-size: 14px !important; }
.size-15 { font-size: 15px !important; }
.size-16 { font-size: 16px !important; }
.size-17 { font-size: 17px !important; }
.size-18 { font-size: 18px !important; }
.size-19 { font-size: 19px !important; }
.size-20 { font-size: 20px !important; }
.size-22 { font-size: 22px !important; }
.size-24 { font-size: 24px !important; }
.size-26 { font-size: 26px !important; }
.size-28 { font-size: 28px !important; }
.size-30 { font-size: 30px !important; }
.size-40 { font-size: 40px !important; }
.size-50 { font-size: 50px !important; }
.cl-blue { color: #0074ff !important; }
.cl-red { color: #f3262d !important; }
.cl-green { color: #19a97b !important; }
.cl-orange { color: #ff5c00 !important; }
.cl-yellow { color: #ff9c00 !important; }
.cl-dark { color: #333 !important; }
.cl-md-dark { color: #888 !important; }
.cl-gray { color: #f8f8f8 !important; }
.cl-white { color: #fff !important; }
.cl-ccc { color: #ccc !important; }
.bg-blue { background: #0074ff !important; }
.bg-red { background: #f3262d !important; }
.bg-green { background: #19a97b !important; }
.bg-orange { background: #ff5c00 !important; }
.bg-yellow { background: #ff9c00 !important; }
.bg-md-dark { background: #888 !important; }
.bg-dark { background: #333 !important; }
.bg-white { background: #fff !important; }
.bg-gray { background: #f3f3f3 !important; }
.pt100 { width: 100% !important; }
.wd-800 { width: 800px !important; }
.wd-700 { width: 700px !important; }
.wd-600 { width: 600px !important; }
.wd-500 { width: 500px !important; }
.wd-400 { width: 400px !important; }
.wd-300 { width: 300px !important; }
.wd-200 { width: 200px !important; }
.wd-150 { width: 150px !important; }
.wd-100 { width: 100px !important; }
.wd-80 { width: 80px !important; }
.wd-60 { width: 60px !important; }
.wd-40 { width: 40px !important; }
.mh-200 { min-height: 200px !important; }
.mh-300 { min-height: 300px !important; }
.mh-400 { min-height: 400px !important; }
.mh-500 { min-height: 500px !important; }
.mh-600 { min-height: 600px !important; }
.ht-60 { height: 60px !important; }
.ht-40 { height: 40px !important; }
.ht-38 { height: 38px !important; }
.ht-36 { height: 36px !important; }
.lht-20 { line-height: 20px !important; }
.lht-30 { line-height: 30px !important; }
.lht-38 { line-height: 38px !important; }
.rd-2 { border-radius: 2px !important; }
.rd-4 { border-radius: 4px !important; }
.rd-6 { border-radius: 6px !important; }
.rd-8 { border-radius: 8px !important; }
.rd-10 { border-radius: 10px !important; }
.round { border-radius: 50% !important; }
.bold { font-weight: bold !important; }
.no-bold { font-weight: normal !important; }
.no-style { font-style: normal !important; }
.relative { position: relative !important; }
.num-font { font-family: "impact" !important; }
.border-01 { border: 1px solid #d8dbe2 !important; }
.v-top { vertical-align: top !important; }
.links-blue-01 { color: #0074ff !important; }
.links-blue-01:hover { text-decoration: underline !important; }
.links-blue-02 { color: #0074ff !important; border-bottom: 1px solid #0074ff !important; }
.links-blue-02:hover { color: #005dcc !important; border-bottom: 1px solid #005dcc !important; }
.links-orange-01 { color: #ff5c00; !important; }
.links-orange-01:hover { text-decoration: underline !important; }
.links-command:hover, .links-command:hover i { color: #0074ff !important; }
/*========== Layui样式调整 ==========*/
/* 弹出层 */
/*.layui-layer { border-radius: 8px !important; }
.layui-layer-setwin .layui-layer-close2 { top: -5px !important; right: -5px !important; }
.layui-layer-btn { background: #edf0f2; }
*/
.layui-layer-title {background: #0074ff !important; color: #fff !important; border-bottom: 0px !important; }
/* 分页 */
.page-blue { margin: 10px 0px; text-align: center !important; }
.page-blue .layui-laypage a,
.page-blue .layui-laypage span { margin: 0 2px !important; }
.page-blue .layui-laypage a:hover{ color: #0074ff !important; border: 1px solid #0074ff !important; }
.page-blue .layui-laypage input { border-radius: 0px !important; }
.page-blue .layui-laypage input:focus { border-color: #758a9a !important; }
.page-blue .layui-laypage button:hover { border: 1px solid #0074ff !important; background: #0074ff !important; color: #fff !important; }
.page-blue .layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #0074ff !important; }
/* 轮播 */
.layui-carousel-ind ul { background: transparent !important; }
.layui-carousel-ind li.layui-this { width: 20px !important; border-radius: 20px !important; background-color: rgba(255,255,255,0.8) !important; }
.layui-carousel-ind { top: -35px !important; }
/* 表单 */
.layui-textarea { border-radius: 2px !important; }
.layui-upload-drag {border: 1px dashed #d8dbe2 !important;}
.layui-upload-drag:hover {border: 1px dashed #d2d2d2 !important;}
/* 时间线 */
.layui-timeline-title {font-size: 13px !important;}
.layui-timeline-content p {font-size: 13px !important; color:#2f4458 !important; }
.layui-timeline-subli li {font-size: 13px !important; list-style-type: none !important;}
/* 导航条 */
.layui-nav {padding: 0px !important; background: #fff !important;}
.layui-nav .layui-nav-item {line-height: 50px !important; margin: 0px 30px;}
.layui-nav .layui-nav-item a, .layui-nav .layui-nav-item a:hover {color: #2f4458 !important; padding: 0px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {height: 2px !important; background-color: #0074ff !important;}
.layui-nav .layui-this a {color: #0074ff !important; font-weight: bold;}
.layui-nav-bar {top:48px !important;}
.layui-nav .layui-nav-more {display: none !important;}
.layui-badge-dot {width: 6px !important; height: 6px !important; margin-left: 2px !important;}
.nav-item-sm {margin: 0px 20px !important;}
/* 切换卡片 */
.layui-tab-title .layui-this {color: #0074ff !important; font-weight: bold;}
.layui-tab-title { border-bottom: 1px solid #d8dbe2 !important;}
.layui-tab-title li { color: #2f4458 !important ; }
/* 进度条君 */
.layui-progress-red { background-color: #f3262d !important; }
.layui-progress-orange { background-color: #ff5c00 !important; }
.layui-progress-yellow { background-color: #ff9c00 !important; }
.layui-progress-blue { background-color: #0074ff !important; }
.layui-progress-green { background-color: #19a97b !important; }

.layui-progress-md, .layui-progress-md .layui-progress-bar { height: 12px !important; line-height: 12px !important; }
.layui-progress,.layui-progress-bar { border-radius: 0px !important; }

/*========== 全局按钮样式 ==========*/
/* 颜色 */
.btn-blue {background: #0074ff !important; color: #fff; }
.btn-blue:hover {background: #005dcc !important; color: #fff; }
.btn-red {background: #f3262d !important; color: #fff; }
.btn-red:hover {background: #da2228 !important; color: #fff; }
.btn-orange {background: #ff5c00 !important; color: #fff; }
.btn-orange:hover {background: #e55300 !important; color: #fff; }
.btn-yellow {background: #ff9c00 !important; color: #fff; }
.btn-yellow:hover {background: #e58c00 !important; color: #fff; }
.btn-green {background: #19a97b !important; color: #fff; }
.btn-green:hover {background: #16986e !important; color: #fff; }
.btn-default {background: #758a9a !important; color: #fff; }
.btn-default:hover {background: #005dcc !important; color: #fff; }
.btn-submit { display: inline-block; height: 38px; line-height: 38px; padding: 0px 30px; border-radius: 2px; font-size: 15px; font-weight: bold; border: 0px; cursor: pointer; }

/* 输入框标签 */
.fix-bt-area { width: 100%; position: relative; }
.fix-bt-area .moblie-code-bt { position: absolute; padding: 0px 15px; height: 38px; line-height: 38px; top: 0; right: 0; border: 0px; background: #aebcce; color: #fff; border-radius: 0px 4px 4px 0px; cursor: pointer; z-index: 9; }
.fix-bt-area .moblie-code-bt:hover { background: #758a9a; }
.fix-label-area { width: 100%; position: relative; }
.fix-label-area .label-info { display: inline-block; position: absolute; padding: 0px 12px; height: 36px; line-height: 36px; top: 1px; left: 1px; border: 0px; background: #f3f5f8; border-radius: 4px 0px 0px 4px; border-right: 1px solid #d8dbe2; z-index: 9; text-align: center; }
.fix-label-area-rt { width: 100%; position: relative; }
.fix-label-area-rt .label-info { display: inline-block; position: absolute; padding: 0px 12px; height: 36px; line-height: 36px; top: 1px; right: 1px; border: 0px; background: #f3f5f8; border-radius: 0px 4px 4px 0px; border-left: 1px solid #d8dbe2; z-index: 9; text-align: center; }