@charset "UTF-8";
*, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { height: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.5; font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; height: 100%; }
ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp { margin: 0; padding: 0; }
input, textarea, button, select, pre, xmp, tt, code, kbd, samp { line-height: inherit; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; text-align: left; }
fieldset, img { border: 0; vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
blockquote:before, blockquote:after, q:before, q:after { content: "\0020"; }
textarea, pre, xmp { overflow: auto; -webkit-overflow-scrolling: touch; }
textarea { resize: none; }
input, textarea, button, select a { outline: 0 none; }
input, textarea, button, select { color: inherit; }
input:disabled, textarea:disabled, button:disabled, select:disabled { opacity: 1; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
mark { background-color: transparent; }
a, img { -webkit-touch-callout: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.g-clear::after, .g-mod::after { display: block; overflow: hidden; clear: both; height: 0; content: "\0020"; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: not-allowed; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type=checkbox] { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; outline: 0; -webkit-appearance: none; border: 1px solid #bbb; background-color: #fff; }
input[type=checkbox]:checked { background-image: url(/Skin/images/tea-icon.svg); background-color: #e62528; background-position: 47.69% 10.47%; background-size: 1642.8571428571427% 1464.2857142857142%; background-repeat: no-repeat; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/**share style*/
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; }
.hide { display: none; }
.mgr5 { margin-right: 5px; }
.mgl5 { margin-left: 5px; }
.mgr10 { margin-right: 10px; }
.mgl10 { margin-left: 10px; }
.mgl30 { margin-left: 30px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgl15 { margin-left: 15px; }
.mrgt10 { margin-top: 10px; }
.mrgt70 { margin-top: 70px; }
.mrgb10 { margin-bottom: 10px; }
.mrgbt5 { margin: 5px 0; }
.mrgr10 { margin-right: 10px; }
.mrgl10 { margin-left: 10px !important; }
.mrgr15 { margin-right: 15px; }
.pd10 { padding: 10px; }
.pd010 { padding: 0 10px; }
.pdl30 { padding-left: 30px; }
.small9 { -webkit-transform: scale(0.9); }
.small8 { -webkit-transform: scale(0.8); }
.small7 { -webkit-transform: scale(0.7); }
.small5 { -webkit-transform: scale(0.5); }
.w100 {
    width: 100px;
    height: 100%;
    max-height: 60px;
}
/**button style*/
.btn { font-size: 13px; font-weight: normal; border-radius: 2px; border: 0; line-height: 20px; text-align: center; text-decoration: none; height: 30px; width: 90px; }
.btn.w120 { width: 150px; }
.btn.white { width: 120px; }
.btn.purple { padding: 0 15px; height: 30px; border-radius: 2px; }
.btn.mini { height: 30px; width: 40px; font-size: 12px; font-weight: normal; }
.btn.mini5 { width: 50px; }
.btn.mini8 { width: 80px; }
.btn.position { position: absolute; right: 10px; bottom: 10px; }
/*input*/
.date { background: url(../images/default/icon_date.png); background-repeat: no-repeat; background-position: right center; }
.input { font-weight: normal; width: 150px; height: 30px; text-indent: 5px; }
textarea.input { text-indent: 0; padding:0 5px;}
.input.longtxt { width: 290px; }
.input.fulltxt { width: 100%; }
.input.bighight { height: 30px; }
.input[onclick].disabled { pointer-events: none !important; }
.input.mini { width: 60px; }
.input.mini7 { width: 90px; }
.btn:hover { opacity: .8; }
select.input { -moz-appearance: none; -webkit-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(../images/default/icon_downbg.png); background-repeat: no-repeat; background-position: 99% center; }
input, textarea, select { border: 0; }
.text-gradient { display: inline-block; color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.28))); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
input:focus::-webkit-input-placeholder { opacity: .5; }
.ibox { border-radius: 2px; overflow: hidden; }

/*多选样式*/
.ms-parent { display: inline-block; position: relative; margin-top: 0px; }
.ms-choice { display: block; width: 100%; height: 28px; padding: 0; overflow: hidden; cursor: pointer; border: 0; text-align: left; white-space: nowrap; line-height: 28px; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; width: 100%; height: 100%; line-height: 26px; }
.ms-choice > span.placeholder { color: #ddd; }
.ms-choice > div { position: absolute; top: 0; right: 0; width: 15px; height: 25px; background: url('multiple-select.png') left top no-repeat; }
.ms-choice > div.open { background: url('multiple-select.png') right top no-repeat;transform:translateX(5px); }
.ms-drop { width: 100%; overflow: hidden; display: none; margin-top: 2px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #fff; border: 1px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); }
.ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); }
.ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; }
.ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }
.ms-search, .ms-search input {  color: #222222;-webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; background: #000; }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; text-align: left; line-height: 23px; }
.ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type="checkbox"] { vertical-align: middle; }
.ms-drop .ms-no-results { display: none; }
.ms-drop span { float: inherit !important; display: inline !important; }
/*消息中心*/
.orderlist .tea-table td a:hover { color: #006eff; text-decoration: underline !important; }
.orderlist .tea-table .tr-mark-read td a { color: #888; text-decoration: none !important; }
.orderlist .tea-table .tr-mark-read td a:hover { color: #888; text-decoration: underline !important; }
.orderlist .tea-table .tr-mark-read .tea-icon-envelop { background-image: url(/Skin/images/msg-center-blue.svg); background-position: 0.44% 56.67%; background-size: 1512.5% 1412.5%; background-repeat: no-repeat; }
.orderlist .tea-icon.tea-icon-envelop { margin-right: 8px; margin-left: 8px; background-image: url(/Skin/images/msg-center-blue.svg); background-position: 52.65% 26.19%; background-size: 1512.5% 1412.5%; background-repeat: no-repeat; }
.orderlist .tea-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: inherit; font-size: 0; }
.message-detail-hearder { margin: 0; height: auto; line-height: inherit; min-height: inherit; position: relative;  padding: 10px 20px; }
.tea-content__header-back { height: 26px; line-height: 26px; width: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: center; margin-left: -6px; vertical-align: top; margin-right: 24px; }
.tea-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: inherit; font-size: 0; }
.tea-icon-btnback { background-image: url(/Skin/images/tea-icon.svg); background-position: 91.12% 67.2%; background-size: 1437.5% 1281.25%; background-repeat: no-repeat; }
.message-detail-inner { padding-top: 20px; margin: 0 auto; max-width: 1360px; min-height: 600px; }
.tea-h2 { display: inline-block; }
.tea-content-header__text{color:#888;}
.message-detail-center { min-width: 320px;max-width:999px; min-height: 500px; margin-top: 20px;  margin: auto; padding: 30px; }

/*项目状态背景控制*/
.StateIcon{ display:inline-block; width: 18px; height:18px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 80%; }
.notStartIcon { background-color: #ddd; background-image: url(../images/default/icon_minus.png); }
.DoneIcon { background-color: #278ac9; background-image: url(../images/default/icon_done.png); }
.delayIcon { background-color:#c30c10; background-image: url(../images/default/icon_delay.png); }
.doingIcon {background-color:#cc6600; background-image: url(../images/default/icon_minus.png); }

.notStart { background-color: #ddd; color: #222; }
.Done { background-color: #008000; color: #fff; }
.delay { background-image: linear-gradient(90deg, #e08c5b 0%, #CC0600 100%); color: #fff;  }
.doing { background-image: linear-gradient(90deg, #469ED6 0%, #0F7BC0 100%); color: #fff; }