@charset "utf-8";

/* 公共基础样式表 */

/*import font-icon*/
@font-face { font-family: 'ui-icon'; src: url('../fonts/ui-icon/ui-icon.eot?-9uki6c'); src: url('../fonts/ui-icon/ui-icon.eot?#iefix-9uki6c') format('embedded-opentype'), url('../fonts/ui-icon/ui-icon.woff?-9uki6c') format('woff'), url('../fonts/ui-icon/ui-icon.ttf?-9uki6c') format('truetype'), url('../fonts/ui-icon/ui-icon.svg?-9uki6c#Pe-icon-7-stroke') format('svg'); font-style: normal; }

/*global*/
* { box-sizing: border-box; -moz-box-sizing: border-box; }
body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
body, input, select, button, textarea { font:normal 12px/1.6 arial,'microsoft yahei',  helvetica, "PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #333; }
html{width: 100%;height: 100%;}
ul, li, ol { list-style: none }
img, a img, iframe { border: none; }
a { cursor: pointer; text-decoration: none;text-transform:none}
body{height: 100%;width: 100%;}
/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: #aaa; }
::-webkit-scrollbar-thumb:active { background: #43648b; }
::-webkit-scrollbar-thumb:window-inactive { background: #EBEBEB; }

/*basic*/
.hide { display: none; }
.block { display: block; }
.in-block {display: inline-block;}
.table{display: table;}
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.cf:before, .cf:after { content: ""; display: table; clear: both; }
.over-h{overflow: hidden !important;}
.over-a{overflow: auto !important;}
.over-v{overflow: visible !important;}
.rel-body{position: relative;height: 100%;}
.rel{position: relative;}
.cur-p{cursor: pointer;}

/*color*/
.color-000{color: #000}
.color-fff{color: #fff!important}
/*font*/
.fs-n { font-weight: normal !important; }
.fs-b { font-weight: bold !important; }
.fs-340{font-size: 170px!important}
.fs-240{font-size: 120px!important}
.fs-200{font-size: 100px!important}
.fs-180{font-size: 90px!important}
.fs-160{font-size: 80px!important;}
.fs-148{font-size: 74px!important;}
.fs-140{font-size: 70px!important;}
.fs-120{font-size: 60px!important}
.fs-100{font-size: 50px!important}
.fs-90{font-size: 45px!important}
.fs-80{font-size: 40px!important}
.fs-70{font-size: 35px!important}
.fs-60{font-size: 30px!important}
.fs-48{font-size: 24px!important}
.fs-40{font-size: 20px!important}
.fs-32{font-size: 16px!important}
.fs-36{font-size: 18px!important}
.fs-28{font-size: 14px!important}
/*padding*/
.pd-0 { padding: 0 !important; }
.pdlr-3{padding: 0 3px}
.pd-100{padding: 0 50px;}
.pd-150{padding: 0 75px;}
.pd-200{padding: 100px}
.pdt-20{padding-top: 10px;}
.pdt-40{padding-top: 20px!important;}
.pdt-60{padding-top: 30px;}
.pdt-72{padding-top: 36px;}
.pdt-76{padding-top: 38px;}
.pdt-80{padding-top: 40px;}
.pdt-100{padding-top: 50px;}
.pdt-120{padding-top: 60px;}

.pdl-20{padding-left: 10px}
.pdl-30{padding-left: 15px;}
.pdl-40{padding-left: 20px;}
.pdl-60{padding-left: 30px;}
.pdl-80{padding-left: 40px;}
.pdl-120{padding-left: 60px;}
.pdl-140{padding-left: 70px;}
.pdl-200{padding-left: 100px}
.pdl-600{padding-left: 300px}
.pdl-400{padding-left: 400px}



.pdlr-10{padding: 0 5px !important;}
.pdlr-40{padding: 0 20px;}
.pdlr-80{padding: 0 40px;}
.pdlr-120{padding: 0 60px;}

.pdr-400{padding-right: 400px}
.pdr-150{padding-right: 150px}
/*margin*/
.mg-auto { margin-left: auto !important; margin-right: auto !important; }
.mg-0 { margin: 0 !important; }
.mgt-f-80{margin-top: -40px;}
.mglr-40{margin: 0 20px}


.mgt-20{margin-top: 10px!important}
.mgt-40{margin-top: 20px!important}
.mgt-60{margin-top: 30px!important}
.mgt-100{margin-top: 50px!important}
.mgt-80{margin-top: 40px!important}
.mgt-120{margin-top: 60px!important}
.mgt-160{margin-top: 80px!important}
.mgt-200{margin-top: 100px!important}
.mgt-240{margin-top: 120px!important}
.mgt-400{margin-top: 200px!important}

.mgl-10{margin-left: 5px!important}
.mgl-40{margin-left: 20px!important}
.mgl-60{margin-left: 30px!important}
.mgl-2dian5{margin-left: 2.5%!important}
.mgl-20{margin-left: 10px!important}
.mgl-80{margin-left: 40px!important}
.mgl-100{margin-left: 50px!important}
.mgl-200{margin-left: 100px!important}
.mgl-280{margin-left: 140px!important}
.pdl-700{padding-left: 350px!important}
.mgl-500{margin-left: 250px!important}

.mgr-0{margin-right: 0px!important}
.mgr-100{margin-right: 50px!important}
.mgr-40{margin-right: 20px!important}
.mgr-60{margin-right: 30px!important}
.mgr-15{margin-right: 15px!important}
.mgr-20{margin-right: 10px!important}

.mgb-40{margin-bottom: 20px;}
.mgb-60{margin-bottom: 60px;}
.mgb-80{margin-bottom: 40px!important}
.mgb-160{margin-bottom: 80px!important;}
.mgb-240{margin-bottom: 120px!important;}

.mgt-10{margin-top: 10px!important}
.mgt-5{margin-top: 5px!important}
/*border*/
.bor-n{border:none!important;}
/*color*/
.color-ffffff{color: #fff!important}
.color-a4ddff{color: #a4ddff!important}
.color-4c7cd1{color: #4c7cd1!important}
.color-00dcfd{color:#00dcfd!important;}
.color-9ec9f8{color: #9ec9f8!important}
.color-ead400{color: #ead400!important}
.color-00e894{color:#00e894!important;}
.color-2276f9{color:#2276f9!important;}
.color-2eb2e4{color: #2eb2e4!important}
.color-fa8564{color: #fa8564!important}
.color-e2f53d{color: #e2f53d!important}
.color-92c7f7{color: #92c7f7!important}
.color-33d1ff{color:#33d1ff!important}
.color-e852ed{color: #e852ed}
.color-ffc35a{color:#ffc35a}
.color-7ecef4{color: #7ecef4}
.color-0097fd{color:#0097fd}
.color-0fe9eb{color:#0fe9eb;}
.color-2bd1ff{color: #2bd1ff}
.color-01acfe{color: #01acfe}
.color-0599fd{color:#0599fd;}
.color-0b6cfd{color: #0b6cfd}
.color-00e500{color: #00e500}
.color-02aee1{color:#02aee1}
.color-f68226{color:#f68226}
.color-0191eb{color: #0191eb}
.color-006cfd{color: #006cfd}
.color-141f3b{color: #141f3b}
.color-eeb031{color:#eeb031}
.color-017dff{color: #017dff}
.color-f54e4e{color: #f54e4e}
.color-26d053{color: #26d053}
.color-ddff00{color: #ddff00}
.color-4396eb{color: #4396eb}
.color-43eb5b{color:#43eb5b}
.color-ebb243{color: #ebb243}
.color-009ae6{color: #009ae6}
.color-9e64d6{color: #9e64d6;}
.color-26a17e{color: #26a17e}
.color-3ad4fc{color: #3ad4fc}
.color-ee7955{color: #ee7955}
.color-01c4ff{color: #01c4ff}
.color-f0e41f{color: #f0e41f}
.color-53f385{color: #53f385}
.color-56e3fa{color: #56e3fa}
.color-eb6100{color: #eb6100}
.color-80c269{color: #80c269}
.color-75ff37{color: #75ff37}
.color-fa56e1{color:#fa56e1}
.color-ffff00{color: #ffff00}
.color-be4f0a{color:#be4f0a;}
.color-ffa800{color: #ffa800;}
.color-54b2d4{color: #54b2d4}
.color-007ce6{color: #007ce6}
.color-fcf909{color: #fcf909}
.color-fc8109{color: #fc8109}
.color-e60012{color: #e60012}
.color-80c269{color: #80c269}
.color-01acfe{color: #01acfe}
.color-33fd0b{color: #33fd0b}

.color-0e608f{color: #0e608f}
.color-0e86ba {color: #0e86ba}
.color-eb2e8c{color: #eb2e8c}
.color-3dd7f9{color: #3dd7f9}
.color-08b573{color: #08b573}
.color-ff9f41{color: #ff9f41}
.color-9e2c68{color: #9e2c68}
.color-e45e00{color: #e45e00}
.color-4acfdf{color: #4acfdf}
.color-298cef {color: #298cef}
.color-ffd200 {color: #ffd200}
.color-02d9fd {color: #02d9fd}
.color-7ca1d2{color: #7ca1d2}
.color-a3e3f6{color: #a3e3f6}
.color-71c7fd{color: #71c7fd}
.color-1e95ff{color: #1e95ff}
.color-00faff{color: #00faff}
.color-00ecfc{color: #00ecfc}
/*background-color*/
.bg-ffffff{background-color: #fff!important}
.bg-0a5dcc{background-color: #0a5dcc!important}
.bg-d23642{background-color: #d23642!important}
.bg-13478e{background-color: #13478e!important}
.bg-5790df{background-color: #5790df!important}
.bg-fa8564{background-color: #fa8564!important}
.bg-183950{background-color: #183950;}
.bg-0e885f{background-color: #0e885f;}
.bg-c98a47{background-color: #c98a47;}
/*ui-row 删格化布局*/
.ui-row:after { display: table; content: ""; clear: both; }
.col-1 { float: left;min-height: 1px; width: 8.33333333%!important; }
.col-2 { float: left;min-height: 1px; width: 16.66666667%!important; }
.col-2-4 { float: left;min-height: 1px; width: 20%!important; }
.col-3 { float: left;min-height: 1px; width: 25%!important; }
.col-4 { float: left;min-height: 1px; width: 33.33333333%!important; }
.col-5 { float: left;min-height: 1px; width: 41.66666667%!important; }
.col-6 { float: left;min-height: 1px; width: 50%!important; }
.col-7 { float: left;min-height: 1px; width: 58.33333333%!important; }
.col-8 { float: left;min-height: 1px; width: 66.66666667%!important; }
.col-9 { float: left;min-height: 1px; width: 75%!important; }
.col-10 { float: left;min-height: 1px; width: 83.33333333%!important; }
.col-11 { float: left;min-height: 1px; width: 91.66666667%!important; }
.col-12 { float: left;min-height: 1px; width: 100%!important; }
.col-offset-left-1-2{margin-left:4.1666666667%!important}


.col-1-7{ float: left;min-height: 1px; width: 7%!important; }
.col-40 { float: left;min-height: 1px; width: 40%!important; }
.col-60 { float: left;min-height: 1px; width: 60%!important; }
.col-35 { float: left;min-height: 1px; width: 35%!important; }
.col-32 { float: left;min-height: 1px; width: 32%!important; }
.col-30 { float: left;min-height: 1px; width: 30%!important; }
.col-65 { float: left;min-height: 1px; width: 65%!important; }
.col-14 { float: left;min-height: 1px; width: 14%!important; }
/*line*/
.line-14{line-height: 1.4}
.line-25{line-height: 2.5}
.work-break{word-break: break-all;white-space:nowrap;}

.line-20{line-height: 20px}
.line-24{line-height: 24px}
.line-35{line-height: 35px}
.line-40{line-height: 40px}
.line-45{line-height: 45px}
.line-70{line-height: 70px}
/*单行超出隐藏省略号显示*/
.c-omit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/**/

.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.end-all{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row; 
    flex-direction:row; 
   
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -o-align-items:flex-end;
    align-items:flex-end;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap:nowrap;
}
.center-all{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row; 
    flex-direction:row; 
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;

    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap:nowrap;
}

.center-all1{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row; 
    flex-direction:row; 
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;

    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -o-align-items:flex-end;
    align-items:flex-end;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap:nowrap;
}

.flex-nowarp{
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap:nowrap;
}
.flex-warp{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
}
.flex-dir{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row; 
    flex-direction:row;  
}
.flex-dir-su{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column; 
    flex-direction:column;  
}
.flex-jc-start{
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    -o-justify-content: start;
    justify-content: start;
}
.flex-jc-end{
    -webkit-justify-content: end;
    -moz-justify-content: end;
    -ms-justify-content: end;
    -o-justify-content: end;
    justify-content: end;
}
.flex-jc-around{
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.flex-jc-center{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.flex-jc-between{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex-ai-center{
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
}
.flex-ai-end{
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -o-align-items:flex-end;
    align-items:flex-end;
}
.flex-ai-start{
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    -o-align-items:flex-start;
    align-items:flex-start;
}
.fst-hidden1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; 
    text-align: right; 
}
.fst-hidden2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; 
    text-align: right; 
}
.fst-hidden4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4; 
    text-align: right; 
}