/*暂仅自由工作部分使用*/
* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font: inherit; line-height: normal; }
header, nav, main, img, form, p { margin: 0; padding: 0; border: 0; }
ul, ol { margin: 0; padding: 0; list-style-type: none; }
hr, dl, dt, dd { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tbody { border-collapse: collapse; border-spacing: 0px; }
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; font-family: inherit; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
select, input, textarea, button { max-width: 100%; font-size: inherit; padding: 2px 5px; font-family: inherit; }
select::-ms-expand { display: none; }
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check { display: none; width: 20px; height: 20px; cursor: inherit; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
th { text-align: left; }
td { word-wrap: break-word; word-break: break-all; }
ins, em { text-decoration: none; font-style: normal; }
h1, h2, h3, h4 { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; }
input[type=submit], input[type=image], button { cursor: pointer; }
button, input[type=text], input[type=password], input[type=file], input[type=number], input[type=tel], input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio], select, textarea { -webkit-appearance: none; color: inherit; }
input[type=radio] { width: 20px; height: 20px; background: url(../image/rdo-no.svg) no-repeat center center; background-size: 18px; vertical-align: middle; cursor: inherit; position: relative; top: -3px; }
input[type=checkbox] { width: 20px; height: 20px; background: url(../image/chk-no.svg) no-repeat center center; background-size: 18px; vertical-align: middle; cursor: inherit; }
input[type=radio]:checked { width: 20px; height: 20px; background: url(../image/rdo-chk.svg) no-repeat center center; background-size: 18px; vertical-align: middle; cursor: inherit; }
input[type=checkbox]:checked { width: 20px; height: 20px; background: url(../image/chk-chk.svg) no-repeat center center; background-size: 18px; vertical-align: middle; cursor: inherit; }
input[type=radio]:disabled { background-color: rgba(0,0,0,.1) !important; opacity: .6 !important; border-radius: 3px; cursor: not-allowed !important; }
input[type=checkbox]:disabled { background-color: rgba(0,0,0,.1) !important; opacity: .6 !important; border-radius: 3px; cursor: not-allowed !important; }
input[type=file] { padding: 0; }

.g_f9 { font-size: 9px; }
.g_f10 { font-size: 10px; }
.g_f11 { font-size: 11px; }
.g_f12 { font-size: 12px; }
.g_f13 { font-size: 13px; }
.g_f14 { font-size: 14px; }
.g_f15 { font-size: 15px; }
.g_f16 { font-size: 16px; }
.g_f17 { font-size: 17px; }
.g_f18 { font-size: 18px; }

.g_ca { color: #aaa; }
.g_c9 { color: #999; }
.g_c8 { color: #888; }
.g_c7 { color: #777; }
.g_c6 { color: #666; }
.g_c5 { color: #555; }
.g_c4 { color: #444; }
.g_c3 { color: #333; }
.g_c2 { color: #222; }
.g_c1 { color: #111; }
.g_c0 { color: #000; }
.g_co { color: #f30; }
.g_cr { color: red !important; }
.g_cg { color: #14A900 !important; }
.g_cb { color: blue !important; }

.g_l { float: left; }
.g_r { float: right; }
.g_c { clear: both !important; }
.g_c::after { content: ''; display: block; clear: both; }
.g_vm { vertical-align: middle; }
.g_dib { display: inline-block; }

.g_h15 { line-height: 1.5em; }
.g_h18 { line-height: 1.8em; }
.g_h20 { line-height: 2.0em; }
.g_mt5 { margin-top: 5px !important; }
.g_mt10 { margin-top: 10px !important; }
.g_mt20 { margin-top: 20px !important; }
.g_mb5 { margin-bottom: 5px !important; }
.g_mb10 { margin-bottom: 10px !important; }
.g_mb20 { margin-bottom: 20px !important; }
.g_ml5 { margin-left: 5px !important; }
.g_ml10 { margin-left: 10px !important; }
.g_ml20 { margin-left: 20px !important; }
.g_mr5 { margin-right: 5px !important; }
.g_mr10 { margin-right: 10px !important; }
.g_mr20 { margin-right: 20px !important; }

.g_ell { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/*全局兼容部分*/
.g_it { border-radius: 2px; height: 38px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; transition: ease 0.3s; }
select.g_it { height: 40px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; transition: ease 0.3s; }
.g_ita { border-radius: 2px; line-height: 1.5em; padding: 10px; border: 1px solid #aaa; transition: ease 0.3s; }
.g_ib_s { border-radius: 2px; height: 40px; background: #0DA056; color: white !important; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; transition: ease 0.3s; }
.g_ib_s:hover { background: #0DA056; color: white !important; }
.g_ib_s:disabled { height: 40px; background: #aaa; color: white !important; padding-left: 10px; padding-right: 10px; }
.g_ib { border-radius: 2px; height: 40px; background: #d0d0d0; color: #767676 !important; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; }
.g_ib:hover { color: #767676 !important; }


.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto; }
.g_cw::after { content: ''; display: block; clear: both; }


.floatbox { display: none; padding: 20px 5px 20px 20px; background: #ffffff; z-index: 2000; position: fixed !important; position: absolute; }
.floatbox .close { width: 40px; height: 40px; line-height: 40px; font-weight: 700; text-align: center; display: inline-block; font-size: 40px; font-family: Arial, Helvetica, sans-serif; color: #999; position: absolute; right: 20px; top: 15px; }
.floatbox .close:hover { color: #ff6600; text-decoration: none; }
.floatbox .fview { padding-right: 20px; height: 100%; overflow: auto; padding-top: 10px; }
.floatbox .fview .title { padding: 0 0 10px; font-size: 18px; color: #0DA056; cursor: move; }
.floatbox .fview .tbox { padding: 10px; }
#dvShelter { width: 100%; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1001; background-color: #000000; position: fixed !important; top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }



.workthumfix { position: relative; width: 220px; height: 145px; text-align: center; display: inline-block; line-height: 145px; overflow: hidden; background: #f7f7f7; color: #ACACAC; }
.workthumfix > img { vertical-align: middle; }

.userfacefix { border: 1px solid #f0f0f0 !important; }
.userfacefix img { float: left; }
.userfacefix.c50 { width: 50px !important; height: 50px !important; border-radius: 25px !important; }
.userfacefix.c100 { width: 100px !important; height: 100px !important; border-radius: 50px !important; }
.userfacefix.r50 { width: 50px !important; height: 50px !important; border-radius: 50px; }
.userfacefix.r100 { width: 100px !important; height: 100px !important; border-radius: 50px; }


.g_fmsg { display: none; position: absolute; z-index: 1; padding-bottom: 9px; filter: Alpha(Opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.g_fmsg .c { border-radius: 6px; border: 1px solid #0DA056; padding: 8px 13px; font-size: 12px; color: #0DA056; background: #fff; white-space: nowrap; }
.g_fmsg .a { bottom: 0; height: 10px; left: 10px; position: absolute; width: 19px; z-index: 1; }
.g_fmsg .a div { background: #fff; border-left: 1px solid #0DA056; border-right: 1px solid #0DA056; display: block; font-size: 0; height: 1px; line-height: 0; margin: 0 auto; }
.g_fmsg .a .line10 { border: medium none; width: 17px; }
.g_fmsg .a .line9 { width: 15px; }
.g_fmsg .a .line8 { width: 13px; }
.g_fmsg .a .line7 { width: 11px; }
.g_fmsg .a .line6 { width: 9px; }
.g_fmsg .a .line5 { width: 7px; }
.g_fmsg .a .line4 { width: 5px; }
.g_fmsg .a .line3 { width: 3px; }
.g_fmsg .a .line2 { width: 1px; }
.g_fmsg .a .line1 { background: #0DA056; border: 0; width: 1px; }
.g_fmsg.g .c { border: 1px solid #0DA056; color: #0DA056; }
.g_fmsg.g .a div { border-left: 1px solid #0DA056; border-right: 1px solid #0DA056; }
.g_fmsg.g .a .line1 { background: #0DA056; border: 0; width: 1px; }

.g_err { }



.g_cover { position: fixed; z-index: 1000; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: .3s ease; }
.g_cover.show { opacity: 1; }
.g_cover td { vertical-align: middle; text-align: center; }


.g_docardsucrate { position: absolute; display: none; box-sizing: border-box; width: 250px; z-index: 1; background: #fff; padding: 15px; font-size: 12px; color: #555555; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.15); }
.g_docardsucrate p { line-height: 1.8em; }
.g_docardsucrate > hr { border: 0; border-top: 1px solid #E0E0E0; margin: 10px 0; }
.g_docardsucrate .ico { vertical-align: middle; }
.g_docardsucrate .light { font-weight: bold; color: #0CC0F4; }

/*end*/


/*无跳转翻页*/
.-turn- { position: relative !important; perspective: 100vmax; }
.-turn-page { position: absolute !important; width: 100% !important; transform: scale(1) rotateX(0) !important; transform-origin: center top !important; opacity: 1 !important; transition: ease .5s !important; transition-property: transform,opacity !important; }
.-turn-page.out { transform: scale(0.95) !important; opacity: 0 !important; }
.-turn-page.in { transform: scale(0.95) rotateX(-20deg) !important; opacity: .2 !important; }
/*end*/


/*层选*/
.-tier- { left: 0; top: 0; display: none !important; position: absolute !important; z-index: 1 !important; background: #fff !important; color: #444 !important; line-height: normal !important; border: 1px solid #eaeaea !important; padding: 15px !important; box-shadow: 0 0 5px rgba(0,0,0,.05) !important; box-sizing: border-box !important; transition: none !important; }
.-tier- * { box-sizing: border-box !important; }
.-tier- a { text-decoration: none !important; color: inherit !important; cursor: pointer !important; transition: ease .3s !important; }
.-tier- a:hover { text-decoration: none !important; color: #0da056 !important; }
.-tier- > .-select { position: relative !important; clear: both !important; padding-right: 50px !important; margin-bottom: 8px !important; white-space: nowrap !important; font-size: 12px !important; overflow: hidden !important; }
.-tier- > .-select:after { position: absolute !important; z-index: -1 !important; content: '' !important; height: 1px !important; background: #e2e2e2 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
.-tier- > .-select a { display: inline-block !important; padding: 0 12px !important; line-height: 26px !important; font-weight: bold !important; }
.-tier- > .-select a.-on { position: relative !important; border: 1px solid #eee !important; border-bottom: 0 !important; background: #fff !important; }
.-tier- > .-select a.-no { color: #888 !important; font-weight: normal !important; }

.-tier- > .-option { clear: both !important; font-size: 12px !important; overflow: hidden !important; }
.-tier- > .-option a { display: block !important; float: left !important; padding: 6px 15px !important; white-space: nowrap !important; }
.-tier- > .-option a.-on { color: #0da056 !important; }
.-tier- > .-option a.-l { clear: both !important; }
.-tier- > .-clear { position: absolute !important; top: 15px !important; right: 25px !important; font-size: 12px !important; line-height: 26px !important; color: #999 !important; }
/*end*/


/*大图查看*/
.-imgsview- { position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding: 0; background: #000; z-index: 2000; box-sizing: border-box; overflow: hidden; }
.-imgsview- * { box-sizing: border-box; }
.-imgsview- .-close { position: absolute; z-index: 2; opacity: .5; width: 44px; height: 44px; right: 10px; top: 10px; background: rgba(160,160,160,.5); border: 0; border-radius: 50%; transition: .3s ease; }
.-imgsview- .-close:before { content: ''; display: inline-block; position: absolute; top: 21px; left: 14px; width: 18px; height: 3px; background: #fff; border-radius: 1.5px; transform: rotate(-45deg); }
.-imgsview- .-close:after { content: ''; display: inline-block; position: absolute; top: 21px; left: 14px; width: 18px; height: 3px; background: #fff; border-radius: 1.5px; transform: rotate(45deg); }
.-imgsview- .-close:hover { opacity: 1; }
.-imgsview- .-prev { position: absolute; z-index: 1; opacity: .5; width: 60px; height: 60px; top: 50%; left: -100px; margin-top: -30px; background: rgba(160,160,160,.5); border: 0; border-radius: 50%; transform: rotate(-120deg); transition: .5s ease; }
.-imgsview- .-prev:before { content: ''; display: inline-block; position: absolute; top: 23px; left: 19px; width: 18px; height: 5px; background: #fff; border-radius: 2.5px; transform: rotate(-45deg); }
.-imgsview- .-prev:after { content: ''; display: inline-block; position: absolute; top: 32px; left: 19px; width: 18px; height: 5px; background: #fff; border-radius: 2.5px; transform: rotate(45deg); }
.-imgsview- .-prev.-show { left: 10px; transform: rotate(0); }
.-imgsview- .-prev.-show:hover { opacity: 1; }
.-imgsview- .-next { position: absolute; z-index: 1; opacity: .5; width: 60px; height: 60px; top: 50%; right: -100px; margin-top: -30px; background: rgba(160,160,160,.5); border: 0; border-radius: 50%; transform: rotate(120deg); transition: .5s ease; }
.-imgsview- .-next:before { content: ''; display: inline-block; position: absolute; top: 23px; right: 18px; width: 18px; height: 5px; background: #fff; border-radius: 2.5px; transform: rotate(45deg); }
.-imgsview- .-next:after { content: ''; display: inline-block; position: absolute; top: 32px; right: 18px; width: 18px; height: 5px; background: #fff; border-radius: 2.5px; transform: rotate(-45deg); }
.-imgsview- .-next.-show { right: 10px; transform: rotate(0); }
.-imgsview- .-next.-show:hover { opacity: 1; }
.-imgsview- .-load { position: absolute; display: inline-block; z-index: 2; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; }
.-imgsview- .-pbox { position: relative; display: inline-block; width: auto; height: auto; margin: 0; cursor: move; }
.-imgsview- .-pbox.-zoom { position: static; width: 100%; height: 100%; text-align: center; cursor: zoom-in; }
.-imgsview- .-pbox.-zoom img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.-imgsview- .-page { position: absolute; z-index: 2; bottom: 42px; left: 10px; color: #fff; font-size: 12px; opacity: .8; }
.-imgsview- .-hscroll { position: absolute; z-index: 2; bottom: 0; height: 1px; background: rgba(13,160,86,1); border-radius: .5px; }
.-imgsview- .-vscroll { position: absolute; z-index: 2; right: 0; width: 1px; background: rgba(13,160,86,1); border-radius: .5px; }
/*end*/