body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

html {
    background: none repeat scroll 0 0 #fff;
    color: #666;
}

body, button, input, select, textarea, pre {
    font-family: "微软雅黑", "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 150%;
}

body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

address, cite, dfn, em, var {
    font-style: normal;
}

small {
    font-size: 12px;
}

ul, ol {
    list-style: none outside none;
}

li {
    vertical-align: top;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #85acdb;
    cursor: pointer; /*transition:color 0.15s linear 0s,background-color 0.3s linear 0s;*/
}

a:focus {
    outline: 0;
    -moz-outline: 0;
    -webkit-outline: 0
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000000;
}

fieldset, img {
    border: 0 none;
}

button, input, select, textarea {
    font-size: 12px;
    vertical-align: middle;
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: top;
    border: 0;
}

textarea {
    resize: none;
}

:focus {
    outline: 0 none;
}

.overflow {
    overflow: hidden;
}

.hide {
    display: none;
}

.disblock {
    display: block;
}

.inlineBlock {
    display: inline-block;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.error {
    color: #ff6262;
    font-size: 12px;
    height: 24px;
    padding-top: 12px;
}

button {
    cursor: pointer;
}

i {
    font-style: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled], input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

.wordwrap {
    word-break: break-all;
    word-wrap: break-word;
}

pre.wordwrap {
    white-space: pre-wrap;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input {
    border: none;
}

.zIndex6 {
    z-index: 6;
}

.zIndex5 {
    z-index: 5;
}

.zIndex4 {
    z-index: 4;
}

.zIndex3 {
    z-index: 3;
}

.zIndex2 {
    z-index: 2;
}

.zIndex1 {
    z-index: 1;
}

.hidden {
    overflow: hidden;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

a {
    color: #666;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #8de2d7;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.org {
    color: #ffa000;
}

.red {
    color: #f00;
}

.blue {
    color: #0088b5;
}

.gray-8 {
    color: #888;
}

.gray-9 {
    color: #999;
}

.gray-6 {
    color: #666;
}

.gray-a {
    color: #aaa;
}

.c_black {
    color: #000;
}

.fb {
    font-weight: bold;
}

.font_wr {
    font-weight: 500;
    font-family: 'Microsoft Yahei';
}

.en, .date {
    font-family: Arial, Helvetica, sans-serif;
}

.area {
    width: 1200px;
    margin: 0px auto;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs25 {
    font-size: 25px;
}

.fs30 {
    font-size: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pb24 {
    padding-bottom: 24px;
}

.bm {
    border-bottom: 1px solid #eee;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.ellipsis {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.c4 {
    color: #444;
}

.c6 {
    color: #666;
}

.c9 {
    color: #999;
}

.orgD {
    color: #F7941C;
}

.orgL {
    color: #FECD39;
}

.tab th {
    font-weight: normal;
}

input[placeholder], [placeholder], *[placeholder] {
    color: #bbb;
}

input.placeholder {
    color: #bbb;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb;
}

input:-moz-input-placeholder, textarea:-moz-input-placeholder {
    color: #bbb;
}

input::-moz-input-placeholder, textarea::-moz-input-placeholder {
    color: #bbb;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #bbb;
}

.loadImg {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.loadImgShow {
    opacity: 1;
}

html {
    background: #fafafa;
}

body.hidden {
    overflow: hidden;
}

body.white {
    background: #fff;
}

body.gray {
    background: #fafafa;
}

/*header*/
#header {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

#header a {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

#header a:hover,
#header a.active {
    color: #ffa000;
}

#header ul.fr {
    float: right;
    padding-top: 20px;
}

#header ul.fr li {
    padding: 0px 15px;
    float: left;
    height: 20px;
    line-height: 20px;
}

#header ul.fr li a:hover {
    color: #ffa000;
}

/*logo*/
#header .logo {
    float: left;
    margin-right: 18px;
    height: 60px;
    vertical-align: top;
    width: 230px;
}

#header .logo a {
    padding-top: 20px;
    display: inline-block;
    height: 60px;
    position: relative;
}

#header .logo a img {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 20px;
    width: 230px;
    height: 20px;
}

#header ul.fr li.menu_list ul.appdown {
    width: 218px;
    height: 115px;
    right: 0px;
    top: 24px;
    z-index: 1;
}

#header ul.fr li.menu_list ul.appdown li {
    float: left;
    width: 92px;
    height: 115px;
    padding: 5px 0 5px 10px;
    text-align: center;
}

#header ul.fr li.menu_list ul.appdown li img {
    width: 87px;
    height: 87px;
    padding: 2px;
    border: solid 1px #ccc;
}

#header .nav {
    float: left;
    padding-left: 76px;
    height: 70px;
}

#header .nav ul li {
    float: left;
    position: relative;
}

#header .nav ul li:hover a.s,
#header .nav ul li.active a.s {
    border-bottom: 2px solid #F7941C;
    height: 58px;
    color: #F7941C;
}

#header .nav ul li a.s {
    font-size: 16px;
    line-height: 60px;
    display: inline-block;
    margin: 0 28px;
    color: #444;
}

#header .nav a:hover {
    color: #F7941C;
}

/* 城市切换 */
.changeCityList {
    float: left;
    position: relative;
    z-index: 999;
    padding-top: 20px;
    width: 96px;
    height: auto;
}

.changeCityList dt {
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    padding-left: 28px;
    background: url(../images/common/location.png) left center no-repeat;
}

.changeCityList dd {
    position: absolute;
    left: -5px;
    top: 40px;
    width: 96px;
    display: none;
}

.changeCityList dd:hover {
    display: block;
}

.changeCityList .con {
    background: transparent;
    height: auto;
    width: 100%;
    border-radius: 0 0 5px 5px;
    position: relative;
    padding-top: 21px;
}

#header .changeCityList dd a {
    display: block;
    text-align: center;
    width: 96px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #999;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05)
}

#header .changeCityList dd a:last-child {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)
}

#header .changeCityList dd a.active,
#header .changeCityList dd a:hover {
    color: #999;
    background: #eee;
}

.changeCityList:hover dd {
    display: block;
    height: auto;
}

#header .changeCityList dd a:nth-child(3) {
    border-radius: 0 0 5px 5px;
}

#loginHelpBox {
    background: #fff;
    padding: 10px;
    width: 500px;
}

.hide {
    display: none;
}

/*container*/
#container {
    width: 100%;
    padding-top: 84px;
}

.shadowBox {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05)
}

/*icon*/
#main .part .title .showSearch i,
#slider .sliderUl dt .icon,
.layui-layer-setwin a {
    background-image: url(../images/common/icon.png);
    background-repeat: no-repeat;
}

/*slider*/

#slider {
    width: 198px;
    background: #fff;
    border-radius: 2px;
    float: left;
    position: relative;
    z-index: 1;
}

#slider .sliderUl dt {
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #444;
    padding: 0 16px;
    width: 166px;
    cursor: pointer;
}

#slider .sliderUl dt:active {
    background: #eee;
}

#slider .sliderUl dt span {
    padding: 0 60px 0 10px;
}

#slider .sliderUl dt .icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

#slider .sliderUl li.orderManage dt b.icon {
    background-position: 0px 0px;
}

#slider .sliderUl li.projectStart dt b.icon {
    background-position: 0px -18px;
}

#slider .sliderUl li.projectPlan dt b.icon {
    background-position: 0px -36px;
}

#slider .sliderUl li.projectDo dt b.icon {
    background-position: 0px -54px;
}

#slider .sliderUl li.projectDelivery dt b.icon {
    background-position: 0px -72px;
}

#slider .sliderUl li dt i.icon {
    background-position: -18px -18px;
}

#slider .sliderUl li.active dt i.icon {
    background-position: -18px 0px;
}

#slider .sliderUl dd {
    display: none;
}

#slider .sliderUl li.active dd {
    display: block;
}

#slider .sliderUl li dd .sliderDdUl {
}

#slider .sliderUl li dd .sliderDdUl a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
}

#slider .sliderUl li dd .sliderDdUl a .iconS {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: transparent;
    margin: -2px 10px 0 49px;
    vertical-align: middle;
}

/*#slider .sliderUl li dd .sliderDdUl a:hover,*/
#slider .sliderUl li dd .sliderDdUl li.active a {
    color: #f7941c;
}

/*#slider .sliderUl li dd .sliderDdUl a:hover .iconS,*/
#slider .sliderUl li dd .sliderDdUl li.active .iconS {
    background: #f7941c;
}

#slider .sliderUl li dd .sliderDdUl li:active {
    background: #eee;
}

/*main*/
#main {
    width: 978px;
    float: right;
    position: relative;
    z-index: 1;
}

#main .part {
    margin-bottom: 24px;
    background: #fff;
    border-radius: 2px;
    padding: 12px 32px 0 32px;
}

#main .part .title {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #ddd;
    font-size: 24px;
    font-weight: bold;
}

#main .part .title .showSearch {
    float: right;
    color: #F7941C;
    font-size: 14px;
    display: block;
    cursor: pointer;
    font-weight: normal;
}

#main .part .title .showSearch i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

#main .part .title .showSearch.up i {
    background-position: -54px 0px;
}

#main .part .title .showSearch.down i {
    background-position: -54px -18px;
}

.noMessage {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #999;
}

/*数据中心*/
.messageUl {
    padding: 24px 24px 0 24px;
}

.messageUl li {
    width: 20%;
    height: 48px;
    float: left;
    padding: 24px 0;
}

.messageUl li a {
    display: block;
    width: 148px;
    height: 24px;
    padding: 12px 0 12px 16px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    margin: 0 auto;
    border-radius: 2px;
}

.messageUl li a .linkTt {
    width: 98px;
    font-size: 14px;
    color: #444;
    height: 24px;
    border-right: 1px solid #eee;
    float: left;
}

.messageUl li a .linkNum {
    width: 48px;
    font-size: 14px;
    color: #4A90E2;
    text-decoration: underline;
    float: left;
    text-align: center;
}

.messageUl li a.gray .linkTt {
    color: #999;
}

.messageUl li a.gray .linkNum {
    color: #999;
    text-decoration: none;
}

/*searchBox*/
#searchBox {
    padding-top: 24px;
    border-top: 1px solid #eee;
}

#searchBox .searchTab td {
    text-align: left;
    padding-bottom: 24px;
}

#searchBox .searchTab td.s {
    width: 170px;
}

#searchBox .searchTab td.m {
    width: 186px;
}

#searchBox .searchTab td.l, #searchBox .searchTab td.l dd {
    width: 356px;
}

#searchBox .searchTab td.l dd .searchIpt,
#searchBox .searchTab td.l dd label {
    float: left;
}

#searchBox .searchTab td.l dd label {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #ccc;
}

#searchBox .searchTab td.l dd.searchBtns .searchBtn {
    width: 96px;
    height: 32px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #444;
}

#searchBox .searchTab td.l dd.searchBtns .searchBtn.active {
    background: #F7941C;
    color: #fff;
    border-color: #F7941C;
}

#searchBox .searchTab td.l dd.searchBtns .searchBtn.export{
    background: #FECD39;
    color: #fff;
    border-color: #FECD39;
}

#searchBox .searchTab td.l dd.searchBtns .searchBtn:disabled {
    background: #ddd;
    color: #fff;
    border-color: #ddd;
    cursor: default;
}

#searchBox .searchTab td.l dd.searchBtns .searchBtn,
#searchBox .searchTab td.l dd.searchBtns label {
    float: right;
}

#searchBox .searchTab td.l dd.dateBox {
}

#searchBox .searchTab td dt {
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
}


/*searchBox*/
.searchBox {
    padding-top: 24px;
    border-top: 1px solid #eee;
}

.searchBox .searchTab td {
    text-align: left;
    padding-bottom: 24px;
}

.searchBox .searchTab td.s {
    width: 170px;
}

.searchBox .searchTab td.m {
    width: 186px;
}

.searchBox .searchTab td.l, #searchBox .searchTab td.l dd {
    width: 356px;
}

.searchBox .searchTab td.l dd .searchIpt,
.searchBox .searchTab td.l dd label {
    float: left;
}

.searchBox .searchTab td.l dd label {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #ccc;
}

.searchBox .searchTab td.l dd.searchBtns .searchBtn {
    width: 96px;
    height: 32px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #444;
}

.searchBox .searchTab td.l dd.searchBtns .searchBtn.active {
    background: #F7941C;
    color: #fff;
    border-color: #F7941C;
}

.searchBox .searchTab td.l dd.searchBtns .searchBtn.export{
    background: #FECD39;
    color: #fff;
    border-color: #FECD39;
}

.searchBox .searchTab td.l dd.searchBtns .searchBtn:disabled {
    background: #ddd;
    color: #fff;
    border-color: #ddd;
    cursor: default;
}

.searchBox .searchTab td.l dd.searchBtns .searchBtn,
.searchBox .searchTab td.l dd.searchBtns label {
    float: right;
}

.searchBox .searchTab td.l dd.dateBox {
}

.searchBox .searchTab td dt {
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
}

/*输入框*/
input.searchIpt {
    width: 150px;
    height: 12px;
    border: 1px solid #ccc;
    color: #444;
    font-size: 12px;
    border-radius: 2px;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/*下拉框*/
.selectBox {
    position: relative;
}

.selectBox .selectUl {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    z-index: 15;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 2px;
    max-height: 260px;
    overflow-y: auto;
}

.selectBox .selectUl li {
    line-height: 28px;
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
}

.selectBox .selectUl li:last-child {
    border-bottom: none;
}

.selectBox .selectUl li:hover,
.selectBox .selectUl li:active,
.selectBox .selectUl li.active {
    background: #eee;
}

.selectBox .searchIpt {
    background: url(../images/common/down.png) 95% center no-repeat;
}

.selectBox:hover .searchIpt {
    background: url(../images/common/up.png) 95% center no-repeat
}

.selectBox:hover .selectUl {
    display: block;
}

#searchBox .searchTab .selectUl {
    width: 170px;
}

/*日历*/
.searchDate {
    background: url(../images/common/date.png) 95% center no-repeat;
    color: #444;
}

/*listBox*/
.listBox {
    border-top: 1px solid #eee;
}

.listTab {
    width: 100%;
}

.listTab tr {
    border-bottom: 1px solid #eee;
}

.listTab td.tabLeft {
    width: 64px;
    position: relative;
    z-index: 1;
    padding: 24px 0 14px 0;
}

.listTab .tabMain .listMain li.liHalf {
    float: left;
    width: 45%;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 12px;
}

.listTab td.tabMain {
    width: 722px;
    padding: 24px 0;
    padding: 24px 0 14px 0;
}
.listTab td.tabMainLeft {
    width: 200px;
    padding: 24px 0;
    padding: 24px 0 14px 0;
}

.listTab td.tabMainRight {
    width: 522px;
    padding: 24px 0;
    padding: 24px 0 14px 0;
}

.listTab td.tabRight {
    width: 128px;
    text-align: center;
}

.listTab td.tabLeft .item {
    width: 48px;
    height: 48px;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    position: absolute;
    left: 0;
    font-weight: bold;
    z-index: 2
}

.listTab td.tabLeft .item.itemNo {
    top: 24px;
}

.listTab td.tabLeft .item.itemBtn {
    width: 46px;
    height: 46px;
    top: 72px;
    border: 1px solid #FECD39;
}

.listTab td.tabLeft .item.itemBtn.down {
    background: url(../images/common/down.png) center center no-repeat;
}

.listTab td.tabLeft .item.itemBtn.up {
    background: url(../images/common/up.png) center center no-repeat;
}

.listTab.listTabM:nth-child(odd) td.tabLeft .item.itemNo,
.listTab tr:nth-child(odd) td.tabLeft .item.itemNo {
    background: #FECD39;
}

.listTab.listTabM:nth-child(even) td.tabLeft .item.itemNo,
.listTab tr:nth-child(even) td.tabLeft .item.itemNo {
    background: #F7941C;
}

.listTab.listTabM:nth-child(odd) td.tabLeft .item.itemBtn,
.listTab tr:nth-child(odd) td.tabLeft .item.itemBtn {
    border-color: #FECD39;
}

.listTab.listTabM:nth-child(even) td.tabLeft .item.itemBtn,
.listTab tr:nth-child(even) td.tabLeft .item.itemBtn {
    border-color: #F7941C;
}

.listTab .tabMain .listMain li {
    float: left;
    width: 33%;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 12px;
}

.listTab .tabMain .listMain li.listTt {
    width: 100%;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}

.listTab .tabMain .listMain li.lg {
    width: 100%;
}

.listTab .tabMain .listMain li .ttD {
    color: #444;
    cursor: default;
}

.listTab .tabMain .listMain li.listTt .link {
    text-decoration: underline;
    cursor: pointer;
}

.listTab .tabMain .listMain li .ttL {
    color: #999;
}

.listTab .tabMain .listMain li.listTt .ttD {
    font-weight: bold;
}

.listTab .tabMain .listMain li.listTt .tag {
    color: #F7941C;
    padding: 0 8px;
    padding-left: 5px;
    font-size: 12px;
}
.listTab .tabMain .listMain li.listTt .tagblue {
    padding: 0 6px;
    padding-left: 8px;
    font-size: 12px;
    background: #B8E986;
    color: #fff;
    border-color: #B8E986;
    border-radius:4px 4px 4px 4px
}

.listTab .tabMain .listMain li.listTt .tagyellow {
    padding: 0 6px;
    padding-left: 8px;
    font-size: 12px;
    background: #FDCF42;
    color: #fff;
    border-color: #FDCF42;
    border-radius:4px 4px 4px 4px
}

.listTab .tabMain .listMain li.listTt .tagred {
    padding: 0 6px;
    padding-left: 8px;
    font-size: 12px;
    background: #D0021B;
    color: #fff;
    border-color: #D0021B;
    border-radius:4px 4px 4px 4px
}
.listTab .tabMain .listMain li.listTt .tagblue {
    padding: 0 6px;
    padding-left: 8px;
    font-size: 12px;
    background: blue;
    color: #fff;
    border-color:blue;
    border-radius:4px 4px 4px 4px
}

.listTab .tabMain .listMain li.listTt .taggreen {
    padding: 0 6px;
    padding-left: 8px;
    font-size: 12px;
    background: #FDF2E7;
    color: #DF7A00;
    border-color:limegreen;
    border-radius:4px 4px 4px 4px
}

.listTab .tabMain .listMain li.listTt .tag:last-child {
    padding-left: 8px;
}

.listTab td.tabRight a {
    font-size: 14px;
    color: #F7941C;
    text-decoration: underline;
}

.listTab td.tabRight p {
    padding: 8px 0;
    height: 14px;
    line-height: 14px;
}

/*可展开的*/
.listTab.listTabM tr {
    border-bottom: none;
}

.listTab.listTabM tr.bm {
    border-bottom: 1px solid #eee;
}

.listTab.listTabM td.tabMain,
.listTab.listTabM td.tabRight {
    border-top: 1px solid #eee;
}

.listTab.listTabM tr:first-child td.tabMain,
.listTab.listTabM tr:first-child td.tabRight {
    border-top: none;
}

.listTab.listTabM tr:last-child {
    border-bottom: 1px solid #eee;
}

/*page*/
#page {
    width: 100%;
    height: 24px;
    padding-top: 40px;
    padding-bottom: 24px;
    text-align: center;
}

#page .pageBtn,
#page .pages,
#page .pageTxt,
#page .pageIpt {
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    color: #444;
    font-size: 12px;
    border-radius: 2px;
}

#page .pageBtn a {
    color: #444;
}

#page .pageBtn:hover,
#page .pageBtn.active,
#page .pages:hover,
#page .pages.active {
    border: 1px solid #F7941C;
    color: #F7941C;
}

#page .pageBtn:hover a,
#page .pageBtn.active a {
    color: #F7941C;
}

#page .pageBtn.disabled,
#page .pageBtn.disabled:hover {
    border-color: #eee;
    color: #999;
    cursor: default;
}

#page .pageBtn.disabled a,
#page .pageBtn.disabled:hover a {
    color: #999;
}

#page .pageTxt {
    border-color: transparent;
}

#page .pageIpt {
    width: 48px;
    padding: 0 2px;
}

#page .pages.hide {
    display: none;
}

/*con*/
.con dt {
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
}

/*上传照片*/
.imgList li .imgBox .iconDel,
.imgList li.uploadLi .imgBox dt {
    background-image: url(../images/common/icon.png);
    background-repeat: no-repeat;
}

.imgList li {
    width: 180px;
    height: 100px;
    float: left;
    margin-bottom: 24px;
}

.imgList li.uploadLi .imgBox input {
    cursor: pointer;
}

.imgList li .imgBox {
    width: 150px;
    height: 100px;
    position: relative;
    z-index: 1;
    border-radius: 2px;
    background: #f9f9f9;
}

.imgList li .imgBox1 {
    width: 75px;
    height: 50px;
    position: relative;
    z-index: 1;
    border-radius: 2px;
    background: #f9f9f9;
}

.imgList li .imgBox .img {
    width: 150px;
    height: 100px;
    overflow: hidden;
    border-radius: 2px;
    text-align: center;
}

.imgList li .imgBox1 .img1 {
    width: 75px;
    height: 50px;
    overflow: hidden;
    border-radius: 2px;
    text-align: center;
}

.imgList li .imgBox .img img {
    height: 100%;
}

.imgList li .imgBox .iconDel {
    display: block;
    width: 18px;
    height: 18px;
    background-position: -250px -2px;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
}

.imgList li.progressLi .img {
    display: none;
}

.imgList li.progressLi .imgBox {
    border: 1px dashed #F7941C;
}

.imgList li.progressLi .imgBox .progressBox {
    border: 1px dashed #F7941C;
    width: 100px;
    height: 10px;
    padding: 1px;
    border-radius: 8px;
    background: #fff;
    margin: 44px auto;
}

.imgList li.progressLi .imgBox .progress {
    background: #F7941C;
    border-radius: 8px;
    width: 50%;
    height: 10px;
}

.imgList li.uploadLi .imgBox {
    cursor: pointer;
    border: 1px dashed #ddd;
    background: #fff;
}

.imgList li.uploadLi .imgBox .uploadFile {
    opacity: 0;
    filter: Alpha(opacity=0);
    width: 150px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.imgList li.uploadLi .imgBox dl {
    width: 100%;
    height: 42px;
    margin: 29px 0;
}

.imgList li.uploadLi .imgBox dt {
    width: 26px;
    height: 20px;
    margin: 0 auto;
    background-position: -150px 0;
    margin-bottom: 8px;
}

.imgList li.uploadLi .imgBox dd {
    font-size: 14px;
    color: #999;
    text-align: center;
}

.imgList li .imgBox .defaultImgBox {
    width: 130px;
    height: 30px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    cursor: pointer;
}

.imgList li .imgBox .iconDefault {
    width: 40px;
    height: 40px;
    background: url(../images/common/isDefault.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.imgList li.defaultImg .imgBox .iconDefault {
    display: block;
}

.imgList li .imgBox:hover .defaultImgBox {
    display: block;
}

.imgList li .red {
    padding-top: 12px;
    color: #ff6262;
    font-size: 14px;
}

.part .message {
    font-size: 12px;
    color: #999;
    margin-bottom: 24px;
}

/*tab*/
.tab .noMore {
    font-size: 12px;
    color: #999;
}

/*日历*/
.laydate_body .laydate_box {
    width: 242px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 2px;
    font-size: 14px;
}

.laydate_body .laydate_top {
    width: 230px;
    padding: 0 6px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.laydate_body .laydate_y,
.laydate_body .laydate_ym {
    width: 99px;
    margin-right: 0px;
    border: none;
}

.laydate_body .laydate_y {
    margin-right: 32px;
}

.laydate_body .laydate_y input,
.laydate_body .laydate_m input {
    width: 55px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.laydate_body .laydate_chprev,
.laydate_body .laydate_choose {
    border: none;
    background: #fff;
    width: 20px;
    height: 40px;
}

.laydate_body .laydate_tab cite {
    margin-top: -5px;
    margin-left: -5px;
}

.laydate_body .laydate_table {
    width: 230px;
    margin: 0 6px 10px 6px;
    border: none;
    color: #666;
}

.laydate_body .laydate_table thead {
    height: 30px !important;
    line-height: 30px !important;
    border: none;
    border-color: transparent;
    background: #fff;
}

.laydate_body .laydate_table thead th {
    border-bottom: none;
    font-size: 14px;
}

.laydate_body .laydate_table td {
    border: none;
    height: 33px !important;
    line-height: 34px !important;
    border-radius: 16px;
    background-color: #fff;
    font-size: 12px;
}

.laydate_body .laydate_table td:hover,
.laydate_body .laydate_click {
    background-color: #FECD39 !important;
    color: #fff;
}

.laydate_body .laydate_table td.laydate_void,
.laydate_body .laydate_table td.laydate_nothis:hover {
    background-color: #fff !important;
    color: #999 !important;
    cursor: default;
}

.laydate_body .laydate_bottom #laydate_hms {
    border: none;
}

.laydate_body .laydate_bottom li {
    color: #666;
    font-size: 14px;
}

.laydate_body .laydate_bottom li:first-child,
.laydate_body .laydate_bottom li:last-child {
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    color: #444;
}

.laydate_body .laydate_bottom li .dataHBtn {
    display: block;
    width: 100%;
    height: 100%;
}

.laydate_body .laydate_choose,
.laydate_body .laydate_bottom li:first-child span {
    background: url(../images/common/left.png) center center no-repeat;
}

.laydate_body .laydate_chnext,
.laydate_body .laydate_bottom li:last-child span {
    background: url(../images/common/right.png) center center no-repeat;
}

.laydate_body .laydate_bottom input {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.laydate_body .laydate_bottom .laydate_btn {
    border: none;
    right: 12px;
}

.laydate_body .laydate_bottom .laydate_btn a {
    border: none;
    background-color: #fff;
    padding: none;
}

.laydate_body .laydate_bottom .laydate_btn a:first-child,
.laydate_body .laydate_bottom .laydate_btn a:last-child {
    padding: 0;
    font-size: 14px;
    color: #666;
}

.laydate_body .laydate_bottom .laydate_sj {
    background: #fff;
    border: none;
}

.laydate_body .laydate_m .laydate_yms span {
    color: #666;
}

.laydate_body .laydate_m .laydate_yms span:hover,
.laydate_body .laydate_m .laydate_yms span.laydate_click {
    color: #fff;
    background: #ffa000;
}

.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover {
    color: #444;
    text-align: center;
}

/*modal*/
.layui-layer-shade {
    opacity: 0.5 !important;
}

.layui-layer {
    width: 280px;
    padding: 0 22px;
    background: #fff;
    border-radius: 8px;
    max-height: 600px;
    overflow-y: auto;
}

.layui-layer-page .layui-layer-content {
    position: relative;
    min-height: 24px;
    margin: 0 10px;
    overflow: hidden;
}

.layui-layer.layui-layer-photos {
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    background: transparent;
}

.layui-layer-imgnext, .layui-layer-imgprev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    outline: 0;
    display: block !important;
}

.layui-layer-nobg {
    padding: 0;
}

.layui-layer-phimg {
    width: 750px;
    height: 500px;
    text-align: center;
    margin: 0 auto;
    background: #fafafa;
}

.layui-layer-photos .layui-layer-phimg img {
    width: auto;
    height: 100%;
}

.layui-layer-imgbar {
    background: rgba(0, 0, 0, 0.6);
}

.layui-layer-imgprev {
    background: url(../images/common/leftSlide.png) no-repeat;
}

.layui-layer-imgnext {
    background: url(../images/common/rightSlide.png) no-repeat;
}

.layui-layer-imgprev:hover {
    background: url(../images/common/leftSlideL.png) no-repeat;
}

.layui-layer-imgnext:hover {
    background: url(../images/common/rightSlideL.png) no-repeat;
}

.layui-layer-title {
    font-weight: bold;
    font-size: 24px;
    color: #DDDDDD;
    padding: 24px 0 16px 0;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
}

.layui-layer-setwin {
    right: 20px;
    top: 20px;
}

.layui-layer-setwin a,
.layui-layer-setwin .layui-layer-close2,
.layui-layer-setwin .layui-layer-close2:hover {
    width: 18px;
    height: 18px;
    background-position: -18px -72px;
}

.layui-layer-setwin .layui-layer-close2 {
    top: 0;
    right: 0;
}

.layui-layer-page .layui-layer-btn {
    padding-top: 24px;
}

.layui-layer-btn {
    padding: 48px 0 24px 0;
}

.layui-layer-btn a:first-child,
.layui-layer-btn a:first-child:hover {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 16px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #F7941C;
    border-radius: 4px;
    color: #F7941C;
}

.layui-layer-btn a:last-child,
.layui-layer-btn a:last-child:hover {
    padding: 0;
    margin: 0 auto;
    width: 240px;
    height: 48px;
    line-height: 48px;
    background: #F7941C;
    border-radius: 4px;
    color: #fff;
}

.layui-layer-content {
    height: auto !important;
}

.layui-layer-loading {
    background: transparent;
    z-index: 19891015;
    top: 373.5px;
    left: 425px;
}

.layui-layer-loading .layui-layer-content {
    margin: 0 auto;
    height: 150px !important;
    width: 150px;
    background: url(../images/common/loading.gif) center center no-repeat;
}

.layui-layer-content .error {
    padding-top: 16px;
    color: #ff6262;
    font-size: 12px;
    height: 28px;
    display: none;
}

.modlaAreaBox.hidden,
.modalSelectBox.hidden,
.modlaIptBox.hidden,
.modalTextAreaBox.hidden,
.modalDateBox.hidden {
    display: none;
}

.modlaAreaBox dt,
.modalSelectBox dt,
.modlaIptBox dt,
.modalTextAreaBox dt,
.modalDateBox dt {
    height: 12px;
    line-height: 12px;
    color: #444;
    padding: 12px 0;
    font-size: 12px;
}

.modlaAreaBox .searchIpt,
.modalSelectBox .searchIpt,
.modlaIptBox .searchIpt,
.modalDateBox .searchIpt {
    width: 220px;
}

.modalSelectBox .selectUl {
    position: relative;
    top: 0;
    left: 0;
    width: 240px;
}

.modalTxtBox {
    padding-top: 12px;
    height: 12px;
    line-height: 12px;
}

.modalTxtBox.l {
    height: auto;
}

.modalTxtBox {
    font-size: 12px;
}

.modalTxtBox .txtL,
.modalTxtBox .txtR {
    float: left;
}

.modalTxtBox .txtL {
    width: 60px;
    color: #444;
}

.modalTxtBox .txtR {
    width: 70%;
    color: #999;
    line-height: 16px;
}

.ttD,
.modalTxtBox .ttD {
    color: #444;
}

.ttL,
.modalTxtBox .ttL {
    color: #999;
}

.modalTextAreaBox .textArea {
    margin-top: 24px;
    background: #F9F9F9;
    border-radius: 4px;
    padding: 12px;
    width: 216px;
    font-size: 12px;
    color: #444;
    height: 112px;
}

.modalTextAreaBox .textAreaBox .textArea {
    margin-top: 0;
    height: 97px;
}
.dispatchRemarkTextAreaBox .textArea{
    margin-top: 0;
    height: 60px;
}

.modlaAreaBox {
    position: relative;
}

.modlaAreaBox .iptBox i {
    position: absolute;
    bottom: 5px;
    right: 25px;
    color: #444;
    font-size: 12px;
}

.line {
    width: 100%;
    height: 1px;
    background: #eee;
    margin-top: 12px;
}

.successBox,
.warningBox {
    padding-top: 28px;
    text-align: center;
    font-size: 14px;
    color: #444444;
    line-height: 14px;
}

.successBox .txt,
.warningBox .txt {
    line-height: 20px;
}

.successBox .bg,
.warningBox .bg {
    height: 60px;
    width: 60px;
    margin: 12px auto;
    background-image: url(../images/common/icon.png);
    background-repeat: no-repeat;

}

.successBox .bg {
    background-position: -315px 0;
}

.warningBox .bg {
    background-position: -376px 0;
}

.modalTt {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #444;
    padding-top: 24px;
    font-weight: bold;
}

.layui-layer-tips {
    width: 240px;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    border-radius: 4px;
}

.layui-layer-tips .layui-layer-content {
    padding: 0 !important;
}

.layui-layer-tips i.layui-layer-TipsL {
    right: 0px;
}

.layui-layer-tips .layui-layer-close {
    background-image: url(../images/common/close.png);
    background-repeat: no-repeat;
}

.layui-layer-tips .layui-layer-setwin {
    right: 12px;
    top: 12px;
}

.layui-layer-setwin .layui-layer-close1,
.layui-layer-setwin .layui-layer-close1:hover {
    width: 18px;
    height: 18px;
    background-position: 0 0;
}

.tipBox {
    padding: 8px 12px;
    font-size: 12px;
}

.tipBox .tipTt {
    padding: 8px 0;
    color: #666;
    height: 12px;
    line-height: 12px;
}

.tipBox .tipTt:first-child {
    font-size: 14px;
}

.tipTxt {
    color: #999;
    line-height: 17px;
}

.modalEvaluateBox .evaluateTt {
    padding: 18px 0;
}

.modalEvaluateBox .evaluateTt,
.modalEvaluateBox .problem,
.modalEvaluateBox dl dt {
    font-size: 14px;
    color: #444;
    height: 14px;
    line-height: 14px;
}

.modalEvaluateBox .evaluateUl {
    padding: 12px 0;
}

.modalEvaluateBox .evaluateUl li {
    width: 15%;
    padding-left: 20px;
    float: left;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.modalEvaluateBox .evaluateUl li i.radioBtn {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(../images/common/unChoose.png) center top no-repeat;
    margin-right: 5px;
    margin-top: -2px;
}

.modalEvaluateBox .evaluateUl li.active i.radioBtn {
    background-image: url(../images/common/choose.png);
}

.modalEvaluateBox dl dt {
    padding-bottom: 12px;
}

.modalEvaluateBox dl dd .starUl {
    padding-bottom: 12px;
}

.modalEvaluateBox dl dd .starUl li {
    width: 40px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.modalEvaluateBox dl dd .starUl li i.star {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/common/starGray.png) center top no-repeat;
}

.modalEvaluateBox dl dd .starUl li.active i.star {
    background-image: url(../images/common/starOrg.png);
}

.suggest {
    width: 90%;
    height: 60px;
    background: #f9f9f9;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.modalTabBox {
    padding-top: 24px;
}

.modalTabBox .modalTab {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #444;
}

.modalTabBox .modalTab tr {
    height: 40px;
}

.modalTabBox .modalTab tr:first-child {
    background: #f9f9f9;
}

.modalTabBox .modalTab td {
    border: 1px solid #ccc;
}

/*增加行*/
.addRowBox {
    width: 100%;
    text-align: right;
}

.addRowBox .addRowBtn {
    color: #F7941C;
    text-decoration: underline;
}

/*页面btn*/
.btnBox {
    padding: 16px 0 24px 0;
}

.btnBox li {
    float: left;
    width: 136px;
    height: 40px;
}

.btnBoxLeft {
    float: left;
    width: 500px;
}

.btnBoxRight li {
    float: right;
    text-align: right;
}

.btnBox li .btn {
    width: 118px;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc;
}

.btnBox li .btn.org {
    background: #F6931D;
    border-color: #F6931D;
}

.btnBox li .btn.org:active {
    background: #ffa000;
    border-color: #ffa000;
}

.btnBox li .btn.white {
    background: transparent;
    color: #444;
}

.btnBox li .btn.gray,
.btnBox li .btn:disabled,
.btnBox li .btn.org:disabled {
    background: #DDDDDD;
    border-color: #DDDDDD;
}

#modalLoaing {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 99999;
    display: none;
}

#modalLoaing .img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    padding-left: -75px;
}

#pop {
    background: #fff;
    width: 260px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

#popHead {
    line-height: 32px;
    background: #f6f0f3;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    font-size: 12px;
    padding: 0 0 0 10px;
}

#popHead h2 {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    height: 32px;
}

#popHead #popClose {
    position: absolute;
    right: 10px;
    top: 1px;
}

#popHead a#popClose:hover {
    color: #f00;
    cursor: pointer;
}

#popContent {
    padding: 5px 10px;
}

#popTitle a {
    line-height: 24px;
    font-size: 14px;
    font-family: '微软雅黑';
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#popTitle a:hover {
    color: #f60;
}

#popIntro {
    text-indent: 24px;
    line-height: 160%;
    margin: 5px 0;
    color: #666;
}

#popMore {
    text-align: right;
    border-top: 1px dotted #ccc;
    line-height: 24px;
    margin: 8px 0 0 0;
}

#popMore a {
    color: #f60;
}

#popMore a:hover {
    color: #f00;
}

.clickBtn{
    border-bottom: 1px solid #F7941C;
    color: #F7941C;
}
.colorBackgroundClass{
    color: orange;
}

.select-custom {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 200px;
    border: 1px solid #6c7a86;
    border-radius: 4px;
    height: 40px;

}
.select-custom option {
    width: 200px;
}