/*此文件只允许写通用布局类样式，禁止写其它功能相关样式,基本不做调整*/
body { font-size: 14px; font-family: "arial",'Microsoft YaHei'; }
* { margin: 0; padding: 0; font-family: "arial",'Microsoft YaHei'; }
li, ol, ul { list-style: none; }
i, em { font-style: normal; }
img, input, button, textarea { outline: none; }
input::-ms-clear, input::-ms-reveal { display: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; }
input::-webkit-input-safebox-button { display: none; }
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }*/
table { border-collapse: collapse; border-spacing: 0; }
.prompt table { border-collapse: unset !important; }
a:link, a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*功能性样式*/
.split { display: inline-block; width: 1px; height: 14px; background: #ddd; margin-top: -2px; }

#common_loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: auto; cursor: wait; z-index: 10000; }
#common_loading .pic { background: url(/res/image/loading.gif) no-repeat; width: 48px; height: 48px; position: fixed; z-index: 10001; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; }

.flowstep { display: flex; }
.flowstep li { text-align: center; position: relative; flex: 1; }
.flowstep .num { width: 40px; height: 40px; line-height: 40px; margin: auto; margin-bottom: 18px; position: relative; z-index: 1; border-radius: 5px; transform: rotate(45deg); font-size: 20px; }
.flowstep .num span { display: inline-block; transform: rotate(-45deg); margin-left: 0px; position: relative; }
.flowstep .num .ico40 { display: none; }
.flowstep li:before, .flowstep li:after { content: ""; display: block; position: absolute; top: 20px; width: 50%; height: 4px; }
.flowstep li:before { left: 0px; }
.flowstep li:after { right: 0px; }
.flowstep .active .name { font-weight: bold; }

.illegal { border: 1px solid red !important; }
.scroller { max-height: 240px; overflow: hidden; overflow-y: auto; }
.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; }
.btn-loading { pointer-events: none; }
.data-item { display: block; height: 40px; line-height: 40px; padding: 0px 30px; text-decoration: none !important; }

.mask { position: fixed !important; }
.mask div { background: #000; opacity: 0.3; }

.nodata { background: url(/res/image/notfind.jpg) center top no-repeat; text-align: center; }
.nodata p { padding-top: 90px; }
.loading { background: url(/res/image/loading.gif) no-repeat center top; width: 60px; height: 60px; padding-top: 48px; position: relative; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; text-align: center; }

.vertical { position: absolute; top: 50%; transform: translate(0, -50%); }
.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ratio169 { width: 100%; padding-top: 56.25%; background-color: #e0e0e0; position: relative; text-align: center; }
.ratio169 > div { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
.ratio169 > a { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center }
.ratio169 img { max-height: 100%; max-width: 100%; width: 100%; }
.ratio43 { width: 100%; padding-top: 75%; background-color: #f9f9f9; position: relative; text-align: center; }
.ratio43 > div { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center }
.ratio43 > a { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.ratio43 img { max-height: 100%; max-width: 100%; }

.flex-center { display: flex; align-items: center; justify-content: center; }
.brightness { }
.brightness i { filter: contrast(0) grayscale(100%) brightness(100); }

/*专用弹窗*/
.window1 { position: fixed; border: 1px solid #DDDDDD; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.130054); border-radius: 4px; }
.window1 .panel-header { height: 48px; line-height: 48px; text-align: center; background: #fff; font-size: 18px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd; padding: 0px 23px; position: relative; }
.window1 .panel-header .fll { width: 96%; text-align: center; color: #333 !important; }
.window1 .panel-header .flr { position: absolute; right: 24px; top: 0px; }
.window1 .panel-header .static-icon-btn { display: none; background: url(/res/image/icon/icon1.png); }
.window1 .panel-header .static-icon-btn:hover { background-color: #DDDDE2; }
.window1 .panel-header .icon-close { display: inline-block; background-position: -1400px -200px; }

.window2 { position: fixed; border: 1px solid #DDDDDD; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.130054); border-radius: 4px; padding: 32px; }
.window2 .panel-header { background-color: #fff; line-height: 30px; color: #333; font-size: 16px; font-weight: 600; padding: 0px; }
.window2 .panel-header .ico24 { margin: -2px 18px 0px 0px }
.window2 .panel-header .fll { color: #333 !important; }
.window2 .messager-box { height: 50px; }
.window2 .messager-box .static-icon-btn { display: none; }
.window2 .messager-msg { color: #666; text-align: left; }
.window2 .messager-buttons { height: auto; padding: 0px; text-align: right; }
.window2 .btn { width: 62px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 4px; background: #fff; font-weight: normal; cursor: pointer; margin: 0px 8px 0px 0px; font-size: 14px; }
.window2 .btn-cancel { margin: 0px; }
.window2 .btn:hover { opacity: 0.8; }

#viewer_image { position: fixed; }

.notify-top { position: fixed; z-index: 1000; margin-top: 10px; border: 1px solid #eee; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.13); }
.notify .panel-body { padding: 10px 12px; }
.notify .messager-box th { width: 40px; }
.notify .messager-msg { text-align: left; }

/*定义keui外观*/
.combobox .box > input { pointer-events: none; }
.checkbox { width: auto !important; cursor: pointer; }
.checkbox .box { padding-top: 0px; }
.checkbox > label { font-size: 14px; padding-bottom: 0px; color: #666; cursor: pointer; }

/*图标*/
.ico14 { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.ico16 { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.ico20 { width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.ico24 { width: 24px; height: 24px; display: inline-block; vertical-align: middle; }
.ico30 { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
.ico40 { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }
.ico60 { width: 60px; height: 60px; display: inline-block; vertical-align: middle; }

/*第1行*/
.ico14-up { background-position: -23px -23px; }
.ico14-down { background-position: -83px -23px; }
.ico14-left { background-position: -143px -23px; }
.ico14-right { background-position: -203px -23px; }
.ico14-dotcircle { background-position: -263px -23px; }
.ico14-upcircle { background-position: -323px -23px; }
.ico14-arrowleft { background-position: -383px -23px; }
.ico14-arrowright { background-position: -443px -23px; }
.ico14-blockfour { background-position: -503px -23px; }
.ico14-bookmark { background-position: -563px -23px; }
.ico14-emblem { background-position: -623px -23px; }
.ico14-diamonddown { background-position: -683px -23px; }
.ico14-database { background-position: -743px -23px; }

/*第2行*/
.ico14b-up { background-position: -23px -83px; }
.ico14b-down { background-position: -83px -83px; }
.ico14b-left { background-position: -143px -83px; }
.ico14b-right { background-position: -203px -83px; }
.ico14b-blockfour { background-position: -503px -83px; }
.ico14b-bookmark { background-position: -563px -83px; }

/*第4行*/
.ico16-up { background-position: -22px -202px; }
.ico16-down { background-position: -82px -202px; }
.ico16-left { background-position: -142px -202px; }
.ico16-right { background-position: -202px -202px; }
.ico16-email { background-position: -262px -202px; }
.ico16-phone { background-position: -322px -202px; }
.ico16-inbox { background-position: -382px -202px; }
.ico16-linethree { background-position: -442px -202px; }
.ico16-blockfour { background-position: -502px -202px; }
.ico16-phonesound { background-position: -562px -202px; }
.ico16-emailline { background-position: -622px -202px; }
.ico16-earth { background-position: -682px -202px; }
.ico16-english { background-position: -742px -202px; }
.ico16-chinese { background-position: -802px -202px; }
.ico16-scan { background-position: -862px -202px; }
.ico16-shield { background-position: -922px -202px; }
.ico16-crosscircle { background-position: -982px -202px; }
.ico16-lock { background-position: -1042px -202px; }
.ico16-mobilephone { background-position: -1103px -202px; }
.ico16-eyeclose { background-position: -1162px -202px; }
.ico16-eyeopen { background-position: -1222px -202px; }
.ico16-people { background-position: -1282px -202px; }
.ico16-house { background-position: -1342px -202px; }
.ico16-cross { background-position: -1402px -202px; }
.ico16-penblock { background-position: -1462px -202px; }
.ico16-circle { background-position: -1522px -202px; }
.ico16-block { background-position: -1582px -202px; }
.ico16-star { background-position: -1642px -202px; }
.ico16-circledown { background-position: -1702px -202px; }
.ico16-cirlceup { background-position: -1762px -202px; }
.ico16-location { background-position: -1822px -202px; }
.ico16-dotcircle { background-position: -1882px -202px; }
.ico16-tickblock { background-position: -1942px -202px; }
.ico16-qq { background-position: -2002px -202px; }
.ico16-plus { background-position: -2062px -202px; }
.ico16-minus { background-position: -2122px -202px; }
.ico16-downtwo { background-position: -2182px -202px; }
.ico16-fax { background-position: -2242px -202px; }

/*第5行*/
.ico16b-up { background-position: -22px -262px; }
.ico16b-down { background-position: -82px -262px; }
.ico16b-left { background-position: -142px -262px; }
.ico16b-right { background-position: -202px -262px; }
.ico16b-linethree { background-position: -442px -262px; }
.ico16b-blockfour { background-position: -502px -262px; }
.ico16b-star { background-position: -1642px -262px; }
.ico16b-cirlcedown { background-position: -1702px -262px; }
.ico16b-circleup { background-position: -1762px -262px; }

/*第7行*/
.ico20-wechat { background-position: -20px -380px; }
.ico20-skype { background-position: -80px -380px; }
.ico20-clock { background-position: -140px -380px; }
.ico20-tickcircle { background-position: -200px -380px; }
.ico20-locaion { background-position: -260px -380px; }
.ico20-moneybook { background-position: -320px -380px; }
.ico20-thumbblock { background-position: -380px -380px; }
.ico20-starblock { background-position: -440px -380px; }
.ico20-sale { background-position: -500px -380px; }
.ico20-hot { background-position: -560px -380px; }
.ico20-new { background-position: -620px -380px; }
.ico20-structurethree { background-position: -680px -380px; }
.ico20-structure { background-position: -740px -380px; }
.ico20-filedown { background-position: -800px -380px; }
.ico20-clockempty { background-position: -860px -380px; }
.ico20-board { background-position: -920px -380px; }
.ico20-phonesound { background-position: -980px -380px; }
.ico20-email { background-position: -1040px -380px; }
.ico20-cart { background-position: -1100px -380px; }
.ico20-qq { background-position: -1160px -380px; }
.ico20-people { background-position: -1220px -380px; }
.ico20-doubtcircle { background-position: -1280px -380px; }
.ico20-draft { background-position: -1340px -380px; }
.ico20-starempty { background-position: -1400px -380px; }
.ico20-thumb { background-position: -1460px -380px; }
.ico20-zoom { background-position: -1520px -380px; }
.ico20-qqcolor { background-position: -1580px -380px; }
.ico20-earphones { background-position: -1640px -380px; }
.ico20-plus { background-position: -1700px -380px; }
.ico20-minus { background-position: -1760px -380px; }
.ico20-play { background-position: -1820px -380px; }

/*第8行*/
.ico20b-filedown { background-position: -800px -440px; }
.ico20b-cart { background-position: -1100px -440px; }
.ico20b-people { background-position: -1220px -440px; }
.ico20b-starempty { background-position: -1400px -440px; }
.ico20b-thumb { background-position: -1460px -440px; }
.ico20b-earphones { background-position: -1640px -440px; }

/*第10行*/
.ico24-twitter { background-position: -18px -558px; }
.ico24-wechat { background-position: -78px -558px; }
.ico24-weibo { background-position: -138px -558px; }
.ico24-facebook { background-position: -198px -558px; }
.ico24-linkcircle { background-position: -258px -558px; }
.ico24-zoom { background-position: -318px -558px; }
.ico24-doubtcircle { background-position: -378px -558px; }
.ico24-crosscircle { background-position: -438px -558px; }
.ico24-tickcircle { background-position: -498px -558px; }
.ico24-exclamationcirlce { background-position: -558px -558px; }
.ico24-scan { background-position: -618px -558px; }
.ico24-location { background-position: -678px -558px; }
.ico24-printer { background-position: -738px -558px; }
.ico24-truck { background-position: -798px -558px; }
.ico24-cube { background-position: -858px -558px; }
.ico24-fackbookcircle { background-position: -918px -558px; }
.ico24-cart { background-position: -978px -558px; }
.ico24-earth { background-position: -1038px -558px; }
.ico24-star { background-position: -1098px -558px; }

/*第11行*/
.ico24b-twitter { background-position: -18px -618px; }
.ico24b-wechat { background-position: -78px -618px; }
.ico24b-weibo { background-position: -138px -618px; }
.ico24b-facebook { background-position: -198px -618px; }
.ico24b-linkcircle { background-position: -258px -618px; }
.ico24b-exclamationcirlce { background-position: -558px -618px; }
.ico24b-printer { background-position: -738px -618px; }
.ico24b-facebookcircle { background-position: -918px -618px; }
.ico24b-cart { background-position: -978px -618px; }
.ico24b-star { background-position: -1098px -618px; }

/*第12行*/
.ico24c-exclamationcirlce { background-position: -558px -678px; }

/*第13行*/
.ico30-headset { background-position: -15px -735px; }
.ico30-penline { background-position: -75px -735px; }
.ico30-topline { background-position: -135px -735px; }
.ico30-pencircle { background-position: -195px -735px; }
.ico30-ticktriangle { background-position: -255px -735px; }
.ico30-earphones { background-position: -315px -735px; }
.ico30-cart { background-position: -375px -735px; }
.ico30-people { background-position: -435px -735px; }
.ico30-toplinebold { background-position: -495px -735px; }
.ico30-pen { background-position: -555px -735px; }
.ico30-ring { background-position: -615px -735px; }
.ico30-cross { background-position: -675px -735px; }

/*第14行*/
.ico30b-earphones { background-position: -315px -795px; }
.ico30b-cart { background-position: -375px -795px; }
.ico30b-people { background-position: -435px -795px; }
.ico30b-toplinebold { background-position: -495px -795px; }
.ico30b-pen { background-position: -555px -795px; }

/*第16行*/
.ico40-people { background-position: -10px -910px; }
.ico40-diamondpage { background-position: -70px -910px; }
.ico40-plus { background-position: -130px -910px; }
.ico40-tick { background-position: -190px -910px; }
.ico40-structure { background-position: -250px -910px; }
.ico40-left { background-position: -310px -910px; }
.ico40-right { background-position: -370px -910px; }

/*第17行*/
.ico40b-tick { background-position: -190px -970px; }

/*第19行*/
.ico60-play { background-position: 0px -1080px; }
.ico60-woman { background-position: -60px -1080px; }
.ico60-people { background-position: -120px -1080px; }
.ico60-tick { background-position: -180px -1080px; }
.ico60-leftcircle { background-position: -240px -1080px; }
.ico60-rightcircle { background-position: -300px -1080px; }
.ico60-split-line { background-position: -360px -1080px; }