.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w115 {width: 115px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w145 {width: 145px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w400 {width: 400px !important;}
.w-auto {width: auto !important;}
.mr-20 {margin-right: 20px;}
.mr-10 {margin-right: 10px;}
.link-blue {color: #007bfc;}

.list-table-cont .btn-s {position: relative; margin-right: 10px; display: none; line-height: 25px; top: 4px;}
.datalist-box .li-table:hover .btn-s {display: inline-block;}
/* zczy个人中心 订单列表 */
table {border-spacing: 0;}
.datalist-box { background: #fff; padding: 16px; font-size: 14px; margin-bottom: 100px;}
.datalist-box .nav-block .nav-tab .tab-btn { display: inline-block; *display: inline; border-bottom: 3px solid #fff; padding: 10px 0; position: relative; color: #3b3b3b; font-weight:normal; float: left;}
.datalist-box .nav-block .nav-tab .tab-btn .btn-text {display: inline-block; *display: inline; padding: 0 12px; border-right: 1px solid #e5e5e5; font-size: 14px;}
.datalist-box .nav-block .nav-tab .tab-numbtn .btn-text {padding-right: 10px;}
.last-span{display: inline-block;font-size: 14px;color: #8d8d8d;margin-right: 26px;margin-top: 10px;}
.datalist-box .nav-block .nav-tab .tab-btn .num {
    height:14px; line-height: 14px;padding: 0 4px; background: #ff5556;border-radius: 7px;color: white;font-size: 10px;text-align: center; margin-left: 2px; top:-5px;
    position: relative;  font-weight: normal; display: inline-block; *display: inline;}

.datalist-box .nav-block .nav-tab .last-btn .btn-text {border-right: 0;}
.btn-left-border-weight .btn-text {border-left:3px solid #ddd;}
.datalist-box .nav-block .nav-tab .active {border-bottom-color:#2978bd; }
.datalist-box .nav-block .nav-tab .active .btn-text {color: #2c76bf;}
.datalist-box .nav-block .nav-tab .tab-btn .btn-text {transition:color .2s;}
.datalist-box .nav-block .nav-tab .tab-btn .btn-text:hover {color: #2c76bf !important;}
.datalist-box .nav-block .nav-oper {padding-top: 8px;}
.datalist-box .nav-block .nav-oper .oper-btn {display: inline-block; height: 26px; line-height: 26px; padding: 0 18px; background: #0090f3; color: #fff; font-size: 14px; border-radius: 3px; transition:background .4s;}
.datalist-box .nav-block .nav-oper .oper-btn:hover {background: #007ed4;}
.datalist-box .search-block {padding-top: 14px;}
.datalist-box .search-block input.text {padding: 3px 5px; border: 1px solid #cfcfcf; height: 20px; line-height: 20px; width: 110px;}
.datalist-box .search-block .time-text {line-height: 28px; padding: 0 5px;}
.datalist-box .search-block input.keyword-input {width: 200px; margin-right: 40px;}
.datalist-box .search-block .submit-btn { height: 28px; line-height: 28px; margin: 0; padding: 0; background: #0090f3; border: 1px solid #0090f3; width: 67px; text-align: center; color: #fff; margin-left: 20px; border-radius: 3px; cursor: pointer;}
.datalist-box .search-block .submit-btn:hover { background: #40b1ff; border: 1px solid #40b1ff; font-weight: bold;}
.datalist-box .list-table-head {display: inline-block; margin-top: 18px;}
.datalist-box .list-table-head .th { float: left; line-height: 17px; padding: 10px 0; background: #f5f5f5; text-align: center; font-size: 12px;}
.datalist-box .list-table-head .w-address {width: 147px;}
.datalist-box .list-table-head .w-goodsname {width:168px;}
.datalist-box .list-table-head .w-price {width: 112px;}
.datalist-box .list-table-head .w-carriers {width: 155px;}
.datalist-box .list-table-head .w-cars {width: 155px;}
.datalist-box .list-table-head .w-type {width: 153px;}
.datalist-box .list-table-head .w-oper {width: 115px;}
.datalist-box .list-table-head thead .th {float: none !important;}
.datalist-box .list-table-cont {font-size: 12px;}
.datalist-box .list-table-cont2 {font-size: 12px;}
table {border-collapse:collapse;}
table,
table thead,
table tbody,
table tr,
table td,
table th {border-spacing:0;}

.datalist-box .list-table-cont .li-table {border: 1px solid #e5e5e5; margin-bottom: 13px;}
.datalist-box .list-table-cont2 .li-table {border: 1px solid #e5e5e5; margin-bottom: 13px;}
.datalist-box .li-table th {height: 33px; line-height: 33px; background: #f5f5f5; font-weight: normal; color: #848484; position: relative; z-index: 1;}
.datalist-box .li-table th .date-time {margin:0 10px;}
.datalist-box .li-table th .order-ico {display: inline-block; width: 19px; height: 19px;margin:7px 0 0 5px; background: url(../images/new_images/icons_image.png) no-repeat;}
.datalist-box .li-table th .insurance-ico {display: inline-block; width: 19px; height: 19px;margin:7px 0 0 5px; background: url(../images/new_images/insurance_image.png) no-repeat;background-size:cover;}
.datalist-box .li-table th .order-ico-ya {display: inline-block; width: 19px; height: 19px;margin:7px 0 0 5px; background: url(../images/new_images/ya.png) no-repeat;}
.datalist-box .li-table th .order-ico-yu {display: inline-block; width: 49px; height: 19px;margin:7px 0 0 5px; background: url(../images/new_images/yu.png) no-repeat;}
.datalist-box .li-table th .order_inco_f_0 {display: inline-block; width: 19px; height: 19px;margin:7px 0 0 5px; background: url(../images/new_images/order_inco_f_0.png) no-repeat;}
.datalist-box .li-table th .yi-ico{display: inline-block; width: 19px; height: 19px;margin:7px 0 0 5px;background: url(../css/html_qt/images/newOrderDetail/yi-ico.png) no-repeat;}

.dahui{background: url(../images/new_images/dahui.png) no-repeat;}
.backdahui{background: url(../images/new_images/dahui2.png) no-repeat;}

.datalist-box .li-table th .ico-qiang {background-position: 0 -20px;}
.datalist-box .li-table th .ico-jing {background-position: 0 -40px;}
.datalist-box .li-table th .ico-ticket {background-position: 0 -170px; margin-left: 10px;}
.datalist-box .li-table th .del-btn {background: url(../images/new_images/icons_image.png) 0 -60px no-repeat; width: 20px; height: 20px; margin-right: 20px; margin-top: 5px; }
.datalist-box .li-table th .del-btn:hover {animation:shakebtn 1s;}
.datalist-box .li-table th .order-number:hover {color: #5b9cf0; cursor: pointer;}
.datalist-box .li-table th a {color: #007bfc;}

.datalist-box .li-table .td-cont {padding: 5px; word-break: break-all;}
.datalist-box .li-table .td-cont .valid {line-height:18px; padding-bottom:0;}
.datalist-box .li-table td {border-right: 1px solid #e1e1e1; line-height: 18px; min-height: 100px; height: 100px; word-break:break-all;}
.datalist-box .li-table td.w-address {width: 147px; text-align: center; font-size: 14px; font-weight: bold; color: #35383d;}
.datalist-box .li-table td.w-goodsname {width:168px;text-align: center;}
.datalist-box .li-table td.w-price {width: 112px; text-align: center;}
.datalist-box .li-table td.w-carriers {width: 155px;text-align: center;}
.datalist-box .li-table td.w-cars {width: 155px;text-align: center;}
.datalist-box .li-table td.w-type {width: 153px;text-align: center;}
.datalist-box .li-table td.w-type .td-cont {text-align: center; word-break: break-all; word-wrap: break-word;}
.datalist-box .li-table td.w-oper {width: 115px; border-right: 0; text-align: center;}
.datalist-box .li-table td .count-time-text {padding-left: 16px; position: relative; display: inline-block;}
.datalist-box .li-table td .count-time-text .ico-clock {display: inline-block;width: 14px; height: 15px; background: url(../images/new_images/icons_image.png) no-repeat; position: absolute; top: 2px; left: -2px;}
.datalist-box .li-table td .realtime b { font-weight: normal; color: #ff1717;}
.datalist-box .li-table td .count-time .jishicl {font-weight: normal; color: #ff1717;}
.datalist-box .li-table td .detail-btn {color: #3b3b3b; margin-top: 5px; display: inline-block;}
.datalist-box .li-table td .cancel-btn {color: #3d3d3d;}
.datalist-box .li-table td .canceled-btn {color: #949494; text-decoration: line-through;}
.datalist-box .li-table td .gray-text {color: #909090;}
.datalist-box .li-table td .red-text {color: #ff0d09;}
.datalist-box .li-table td .bold-text {font-weight: bold;}
.datalist-box .li-table td .republish-btn {display: inline-block; min-width: 70px; margin-top: 5px; height: 24px; line-height: 24px; border: 1px solid #009ce3; color: #029ce4; text-align: center; padding: 0 5px; border-radius: 3px; transition:background .4s;}
.datalist-box .li-table td .republish-btn:hover { background: #009ce3; color: #fff;}
.datalist-box .li-table td .red-btn {border-color: #f6404d; color: #f83f51;}
.datalist-box .li-table td .red-btn:hover {background: #f6404d;}
.datalist-box .li-table td .locus-btn {color: #3d3d3d; display: inline-block;}

.datalist-box .li-table td a:hover {color: #029ce4;}
.datalist-box .li-table td .canceled-btn:hover {color: #949494; cursor: default;}

.list-top-page {padding: 8px 0; font-size: 12px;}
.list-top-page .oper-btn {height: 18px; line-height: 18px; background: #fff; border: 1px solid #e8e8e8; position: relative;}
.list-top-page .oper-btn .ico {position: absolute; width: 4px; height: 8px; background: url(../images/new_images/icons_image.png) 0 -85px no-repeat; top: 50%; margin-top:-4px; }
.list-top-page .prev {padding-left: 16px; margin-right: 10px;}
.list-top-page .prev .ico-arrow {left: 6px; top:8px;}
.list-top-page .next .text,
.list-top-page .prev .text {diplay:inline-block; height:18px; line-height:18px; padding:0 5px;}
.list-top-page .next {padding-right: 16px;}
.list-top-page .next .ico-arrow {right: 6px; top:8px; background-position: -5px -85px;}
.list-top-page .oper-btn:hover {border: 1px solid #ccc;}

.list-top-page .filter-type {}
.list-top-page .filter-type .text-title { margin-right: 15px; height: 24px; line-height: 24px; }
.list-top-page .filter-type .type-link {border:1px solid #dbdbdb; width: 48px; text-align: center; height: 22px; line-height: 22px; margin-left: -1px; color: #333;}
.list-top-page .filter-type .active {background: #008df1; color: #fff;}

.list-foot-page {text-align: right; height: 37px;}
.list-foot-page .page-btn {height: 35px; line-height: 35px; min-width: 35px; text-align: center; background: #fff; border: 1px solid #e8e8e8; display: inline-block; float: left; position: relative; color: #3b3b3b; font-weight: bold;}
.list-foot-page .page-btn:hover {border: 1px solid #ccc;}
.list-foot-page .page-btn .ico {position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: url(../images/new_images/icons_image.png) 0 -100px no-repeat;}
.list-foot-page .next .ico { background-position: -10px -100px;}
.list-foot-page .prev {margin-right: 5px;}
.list-foot-page .next {margin-left: 5px; margin-right: 5px;}
.list-foot-page .active {background: #019eff; border: 1px solid #009dfe; color: #fff;}
.list-foot-page .active:hover { border: 1px solid #009dfe;}
.list-foot-page .page-dotted {float: left; width: 35px; height: 35px; line-height: 35px; text-align: center;}
.list-foot-page .page-text { float: left; line-height: 35px; font-size: 12px;}
.list-foot-page .page-input {float: left; width: 34px; height: 20px; line-height: 20px; background: #fff; border: 1px solid #b1b3a8; margin: 6px 5px 0 5px; padding: 0 3px;}
.list-foot-page .page-submit {float: left; width: 51px; height: 37px; margin-top: 0; margin-left: 5px; border: 0;padding: 0; background: #009eff; color: #fff; border-radius: 3px; cursor: pointer;}
.list-foot-page .page-submit:hover {background: #028DE3;}
.empty-list-tip {text-align: center; padding: 80px 0; text-align: center;}
.empty-list-tip .tip-div {display: inline-block; position: relative;padding: 40px 0; padding-left: 120px; }
.empty-list-tip .tip-div .ico-find {position: absolute; width: 110px; height: 100px; background: url(../images/new_images/icons_image.png) -190px 0 no-repeat; left: 0; top: 0;}
.empty-list-tip .tip-div .tip-text {display: inline-block; line-height: 20px; font-size: 14px; color: #5b5b5b;}

/* css3动画 抖动按钮 */
@keyframes shakebtn {
    0% {transform: rotate(0deg); }
    10% {transform: rotate(30deg); }
    20% {transform: rotate(-30deg); }
    30% {transform: rotate(20deg); }
    40% {transform: rotate(-20deg); }
    50% {transform: rotate(10deg); }
    60% {transform: rotate(-10deg); }
    70% {transform: rotate(5deg); }
    80% {transform: rotate(-5deg); }
    90% {transform: rotate(2deg); }
    100% {transform: rotate(0deg); }
}

.tdpop-showbox:hover {position: relative; z-index: 2;}
.tdpop-showbox .tdpop-div {position: absolute; top: 50px; left: 50%; margin-left: -140px; max-height: 200px; width: 240px; padding: 15px 18px; border: 1px solid #44a2e8; background: #f6fafd; border-radius: 5px;color: #353535; font-size: 13px;text-align: left; line-height: 20px; display: none;}
.tdpop-showbox:hover .tdpop-div {display: inline-block;}
.tdpop-showbox .tdpop-div .div-title {font-weight: bold; font-family: simsun;}
.tdpop-showbox .tdpop-div .ico-arrow {position: absolute; width: 9px; height: 9px;top:-9px; left: 50%; margin-left: -5px; background: url(../images/new_images/icons_image.png) 0 -120px no-repeat;}
.tdpop-showbox .history-list .list-cont  {max-height: 140px; overflow-y:auto; padding-right: 10px;font-weight: normal;}

.datalist-box table.list-table-head {width: 100%; display: table;}
.datalist-box table.list-table-head .th {float: none; font-weight: normal; border-right: 1px solid #f5f5f5;}
.datalist-box .list-table-cont .li-table {width: 100%;}
.datalist-box .list-table-cont2 .li-table {width: 100%;}
.datalist-box .li-table td.td-center .td-cont {text-align: center;}
.datalist-box .li-table td:last-child {border-right: 0;}
.datalist-box .search-block .span-text {line-height: 28px; padding: 0 5px;}
.datalist-box .table-td50 td { height: 50px; min-height: 50px;}
.datalist-box .search-block .select {height: 28px; line-height: 28px; padding: 3px; border: 1px solid #cfcfcf;}
.datalist-box .li-table td .btn-link {color: #3d3d3d;}
.datalist-box .li-table td .btn-link:hover {color: #029ce4;}

.datalist-box .my-table .btn {color: #666;}
.datalist-box .my-table .btn:hover {color: #029ce4;}
.datalist-box .li-table td .disabled-btn,
.datalist-box .li-table td .disabled-btn:hover {cursor: default; border-color: #ddd; color: #999; background: #f5f5f5;}

.datalist-box .li-table td.td-cars {}
.datalist-box .li-table td.td-cars .car-title {min-height: 54px; vertical-align: middle; display: table-cell;}
.datalist-box .li-table td.td-cars .tdpop-div { top: 85px; width: 180px; margin-left: -110px;}
.datalist-box .li-table td.td-cars .tdpop-div a {color: #007bfc}
.datalist-box .li-table td.td-cars .tdpop-div a:hover {color: #f60}
.datalist-box .li-table td.td-cars .tdpop-showbox .tdpop-div { top: 65px; width: 180px; margin-left: -110px;}
.datalist-box .li-table td.w-price .tdpop-div,
.price-item-jing .tdpop-div {width:300px; margin-left:-160px;}
.datalist-box .li-table th .ico-zhi { background-position: 0 -150px;}

.datalist-box .list-table-cont .li-table:hover { border: 1px solid #4A88EE; box-shadow: 3px 3px 5px #E0E0E0;}

/* 回单确认 */

.datalist-box .table-warning th {background: #fde8e4;}
.datalist-box .table-warning td {background: #fff4f2;}
.datalist-box .li-table th .huidan-count {padding-right: 20px; color: #404040;}
.datalist-box .li-table th .huidan-count b {color: #ff2e2e;padding: 0 3px;}
.datalist-box .li-table .has-check {padding-left: 25px; position: relative; text-align: left;}
.datalist-box .li-table .has-check .checkbox {position: absolute; top: 8px; left: 8px;}

.list-top-page .alloper-block { line-height: 24px;}
.list-top-page .alloper-block .checkbox {margin: 0 5px 0 8px; position: relative; top:5px;}
.list-top-page .alloper-block .label {margin-right: 20px;}
.min-operbtn {padding: 0 15px; border:1px solid #dcdcdc; display: inline-block; line-height: 22px; color: #3c3c3c; border-radius: 3px;}
.min-operbtn.active,
.min-operbtn:hover {background: #009ce3; color: #fff; border-color:#009ce3;}
.min-operbtn.mini2.active,
.min-operbtn.mini2:hover {background: #ffa70f; color: #fff; border-color:#ffa70f;}
.batchcheck-div {height: 300px; padding: 20px; overflow-y:auto;}
.mytable-blue tbody td {word-break: break-all; word-wrap: break-word; white-space: normal;}

.datalist-box .li-table .btn-s {width: 100%; text-align: center; color: #3b3b3b;}
.datalist-box .li-table .del-btn {color: #3b3b3b;}
.datalist-box .li-table .btn-s:hover {color: #007bfc;}
.datalist-box .li-table .td-tag .td-cont {position: relative; text-align: center;}
.datalist-box .li-table .td-tag .td-cont .text {max-height: 68px; line-height: 18x; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; word-wrap: break-word; text-align: center;}
.datalist-box .li-table .td-tag .td-cont .tag-btn  {display: none; color:#007bfc; }
.datalist-box .li-table .td-tag .td-cont .tag-btn:hover {color: #006BDB;}

.datalist-box .li-table:hover .td-tag .td-cont .tag-btn {display: inline-block;}
.datalist-box .li-table .td-tag .td-cont .edit-btn { position: absolute; bottom: -16px; right: 5px; height: 20px; text-align: right;}

.datalist-box .li-table .td-tag .td-cont .more-dotted {position: absolute; right: 5px; bottom: 5px; line-height: 18px; height: 18px; background: #fff; width: 18px; display: none;}
.datalist-box .li-table .more-rows .td-cont .text {max-height: 56px; _height:56px;}
.datalist-box .li-table .more-rows .td-cont .more-dotted {display: inline-block;}
.datalist-box .li-table .billing-name {padding-right: 15px; color: #4a4a4a;}



.oper-tipbox {position: relative; margin-left: 20px; z-index: 99; cursor: pointer;}
.oper-tipbox .oper-tip {position: absolute; left: 0; top: 0; width: 210px; padding: 3px 5px 3px 25px; background: #fffdcc; color: #807f7d; border:1px solid #f0ee9b; line-height: 17px; height: 17px; border-radius: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: height .4s;}
.oper-tipbox .oper-tip .icon-tip {width: 20px; height: 20px; position: absolute; top: 1px; left: 2px; background: url(../images/new_images/import_excel_img.png) -30px 0 no-repeat;}
.oper-tipbox .oper-tip .icon-red-tip {background: url(../images/new_images/warn_read_ico.png) no-repeat;}
.oper-tipbox .oper-tip:hover { white-space: normal; text-overflow: initial; height: auto; word-break: break-all; word-wrap: break-word;}
.datalist-box .li-table .td-view {text-align: center;}
.datalist-box .li-table .td-view .show-btn {
    /* color: #353a3e;  */
position: relative; display: inline-block; height: 20px; line-height: 20px; padding-right:15px;}
.datalist-box .li-table .td-view .show-btn:hover {color: #009ce3;}
.datalist-box .li-table .td-view .show-btn .icon-arrow {
    /* display: inline-block; width: 0; height: 0; overflow: hidden; border: 5px solid #fff; border-top-color: #363b3f; position: absolute; top: 7px; right: 2px; */
position: absolute; width: 22px; height: 22px; top: -1px; right:-5px; display: inline-block; background-image: url(../images/new_images/center_aside_icons_22.png); background-repeat: no-repeat; background-position: -22px -22px;}


.datalist-box .li-table .td-view .show-btn.active {color: #5a90e8;}
.datalist-box .li-table .td-view .show-btn.active i { background-position: -44px -22px;}

.turnorder-checklist .li-table td  .republish-btn {padding: 0 10px; min-width: auto;}
.turnorder-checklist .li-table td  .gary-btn {border-color: #dcdcdc; color: #404040;}
.turnorder-checklist .li-table td  .gary-btn:hover {border-color: #009ce3;}
.turnorder-checklist .huidan-td {border-top: 1px solid #e1e1e1;}
.show-huidan {text-align: left;padding: 0 10px 5px;}
.show-huidan .h4 {font-size: 14px; color: #5a90e8; height: 30px; line-height: 30px; margin-bottom: 5px;}
.show-huidan .time {line-height: 18px; color: #949494; text-align: center; padding-top: 10px; font-size: 12px}
.show-huidan .li {margin-right: 40px; margin-bottom: 10px;}

.textarea-count {line-height: 25px; text-align: right; color: #999; font-family: microsoft yahei; padding-right: 10px;}

.mt-10 {margin-top: 10px;}
.ml-10 {margin-left: 10px;}
.mt-5 {margin-top: 5px;}
.btn-text {display: inline-block; color: #3d3d3d;}
.btn-text:hover { color: #029ce4; }
.link-text {color: #0066cb;}
.link-text:hover {color: #0062c2;}
.th-tag-type {display: inline-block; height: 18px; line-height: 18px; padding: 0 10px; vertical-align: middle; margin-top: 7px; border-radius: 3px; margin-left: 15px;}
.th-tag-blue { background: #deebf4; color: #4d96bf;}
.th-tag-red { background: #f3dddf; color: #e75b5a;}
.th-tag-yellow { background: #feedd5; color: #ff9913;}

.datalist-box {position: relative;}
.link-back-btn {position: absolute; top: 0; right: 15px; width: 64px; height: 22px; line-height: 22px; border:1px solid #cfcfcf; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font-size: 12px; text-align: center;}
.link-back-btn:hover {color: #2267a0; border-color: #2267a0;}

/* 违约详情 */
.weiyue-page-detail {font-size: 14px; border:1px solid #cfcfcf;}
.weiyue-page-detail .progress-box {padding: 15px 10px 0;}
.weiyue-page-detail .progress-group {font-size: 16px;}
.weiyue-page-detail .progress-group .li {float: left; width: 33.33%; float: left; height: 38px; line-height: 38px; background: #c3c3c3; color: #fff; position: relative;}
.weiyue-page-detail .progress-group {font-size: 16px;}
.weiyue-page-detail .progress-group .li-text {display: block; padding-left: 80px;}
.weiyue-page-detail .progress-group .li-arrow {position: absolute; width: 30px; height: 38px; right: -30px; top: 0; background: url(../images/new_images/weiyue_progress_arrow.jpg) -90px 0 no-repeat; z-index: 2;}
.weiyue-page-detail .progress-group .li-complete .li-arrow {background-position: 0 0;}
.weiyue-page-detail .progress-group .li-active .li-arrow {background-position: -30px 0;}
.weiyue-page-detail .progress-group .li-last .li-arrow {display: none;}
.weiyue-page-detail .progress-group .li-complete .li-arrow-left {position: absolute; width: 30px; height: 38px; left: 0; top: 0; background: url(../images/new_images/weiyue_progress_arrow.jpg) -60px 0 no-repeat; z-index: 2;}

.weiyue-page-detail .progress-group .li-active {background: #3c8aec;}
.weiyue-page-detail .progress-group .li-complete {background: #b6d7ff;}
.weiyue-page-detail .progress-group .li .li-number { width: 20px; height: 20px; position: absolute; left: 45px; top: 9px; background: #fff; border-radius: 10px; }
.weiyue-page-detail .progress-group .li .number-text {position: absolute; top:0; left: 0; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #c3c3c3;}
.weiyue-page-detail .progress-group .li-active .number-text {color: #3b8bec;}

.weiyue-page-detail .progress-group .li-last.li-active .number-text,
.weiyue-page-detail .progress-group .li-complete .number-text {color: #b6d7ff; display: none;}
.weiyue-page-detail .progress-group .li-last.li-active .icon-checked,
.weiyue-page-detail .progress-group .li-complete .icon-checked {position: absolute; top:0; left: 0; width: 20px; height: 20px;  background: url(../images/new_images/weiyue_progress_check.png) 0 0 no-repeat;}

.weiyue-page-detail .wuiyue-type-info {padding: 45px 45px 45px 135px; }
.weiyue-page-detail .wuiyue-type-info .type-info-text {position: relative; line-height: 20px;}
.weiyue-page-detail .wuiyue-type-info .icon-info {position: absolute; top:-5px; left: -45px; width: 30px; height: 30px;background: url(../images/new_images/weiyue_progress_alert.png) 0 0 no-repeat; color: #858585;}

.weiyue-page-detail .weiyue-detail-title { height: 38px; line-height: 38px; background: #efefef; padding: 0 20px; font-size: 16px; }

.weiyue-detail-info { padding-left: 90px; padding-right: 20px;}
.weiyue-detail-info .li {margin-top: 15px; line-height: 22px;}
.weiyue-time-group {margin:60px 20px 20px 90px; position: relative;}
.weiyue-time-group .li {margin-bottom: 35px; line-height: 22px; position: relative; padding-left: 30px;}
.weiyue-time-group .li .li-dotted {position: absolute; width: 22px; height: 22px; left: 0; top: 0; background: #fff;}
.weiyue-time-group .li .icon-dotted { position: absolute; width: 6px; height: 6px; border-radius: 3px; background: #dadada; left: 0; top: 8px; z-index: 2;}
.weiyue-time-group .li .li-time {display: inline-block; width: 150px; padding-right: 15px;}
.weiyue-time-group .li .li-line {position: absolute; top:6px; }

.weiyue-time-group .time-group-line { position: absolute; bottom: 0; top: 0; left: 2px; width: 1px; background: #d9d9d9; }
.weiyue-time-group .li-red .icon-dotted {background: #e96064;}
.weiyue-time-group .li-red .icon-dotted-bg { position: absolute; width: 12px; height: 12px; border-radius: 6px; background: #ffe9e3; left: -3px; top: 5px; z-index: 1;}
.weiyue-detail-foot {padding: 60px 0 150px 90px;}

/* 后台相册 */
.myphotos-div { margin: 20px; position: relative; padding-right: 200px; display: inline-block; min-height:110px;}
.myphotos-list { list-style: none; margin: 0; padding: 0; }
.myphotos-list li { width: 110px; height: 110px; text-align: center; margin: 0 8px 20px 0; position: relative; display: inline; float: left; overflow: hidden; font-size: 12px; }
.myphotos-list li p.title { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; text-overflow : ellipsis; top: 5px; text-indent: 5px; text-align: left; }
.myphotos-list li p.imgWrap { position: relative; z-index: 2; line-height: 110px; vertical-align: middle; overflow: hidden; width: 110px; height: 110px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webit-transition: 200ms ease-out; -moz-transition: 200ms ease-out; -o-transition: 200ms ease-out; -ms-transition: 200ms ease-out; transition: 200ms ease-out; }
.myphotos-list li img { width: 100%; height: 100%; }
.myphotos-list div.file-panel { position: absolute; height: 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0; background: rgba( 0, 0, 0, 0.5 ); width: 100%; top: 0; left: 0; overflow: hidden; z-index: 300; }
.myphotos-list div.file-panel span { width: 24px; height: 24px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url(../images/icons.png) no-repeat; margin: 5px 1px 1px; cursor: pointer; }
.myphotos-list div.file-panel span.cancel { background-position: -48px -24px; }
.myphotos-list div.file-panel span.cancel:hover { background-position: -48px 0; }
.myphotos-list div.file-panel span.zoom { background-position: -72px -24px; }
.myphotos-list div.file-panel span.zoom:hover { background-position: -72px 0; }
.myphotos-list:after {  content: ''; display: block; width: 0; height: 0; overflow: hidden; clear: both;}
.myphotos-div .myphotos-add-btn {position: absolute; width: 108px; height: 108px; border: 2px dashed #ccc; top: 0; right: 80px; cursor: pointer;}
.myphotos-div .myphotos-add-btn .text,
.myphotos-div .myphotos-add-btn .text-tip {display: inline-block; width: 108px; height: 108px; line-height: 108px; text-align: center; font-size: 18px; font-family: microsoft yahei; color: #888;}
.myphotos-div .myphotos-add-btn .webuploader-element-invisible {display: none;}
.upload-link-btn {color: #5595e3;}
.weiyue-page-detail .myphotos-div {margin: 0; margin-top: 10px;}
.weiyue-page-detail .form-div {padding: 45px;}

.webuploader-container {position: relative;}
.webuploader-container .webuploader-element-invisible {opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.more-btns-group {position: relative; z-index: 2;}
.more-btns-group .more-text {color: #666; display: inline-block; height: 22px; line-height: 22px;}
.more-btns-group .more-btns-list {position: absolute; top: 20px; left: 0; background: #fff; width: 100px; padding: 9px; border: 1px solid #ddd; display: none;}
.more-btns-group:hover .more-btns-list {display: inline-block; z-index: 2; border-radius: 3px; box-shadow: 3px 3px 3px #eee;}


.show-pop-block2 {position: relative;}
.show-pop-block2 .pop-main-div {position: absolute; display: none; padding-bottom: 10px;}
.show-pop-block2:hover .pop-main-div {display: inline-block;}
.show-pop-block2 .pop-main-div .icon-arrow {position: absolute; width: 16px; margin-left: 0; height: 10px; bottom: 1px; left: 50%; background: url(../images/new_images/icon_pop_arrow_down.png) no-repeat;}

.check-truck-block {}
.check-truck-block .check-info-main { bottom: 30px; left: -131px;}
.check-truck-block .check-info-main .icon-arrow {margin-left: -4px;}
.check-truck-block .check-info-cont { width: 260px; padding: 10px; line-height: 22px; background:#fef7d9; border: 1px solid #f0d688; color: #ff6000; text-align: left; }
.check-truck-block .icon-check-tip {display: inline-block; width: 30px; height: 30px; background: url(../images/new_images/icon_info_green_30.png) no-repeat;}
.check-truck-block .call-number {color: #3366cc;}


.datalist-box .nav-block .tab-btn-toggle {border-bottom: 0; width: 120px; border: 1px solid #fff; cursor: pointer; z-index: 10;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle .btn-text {border-right: 0;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle .icon-arrow {position: absolute; right: 10px; top:6px; width: 22px; height: 22px;     background-image: url(../images/new_images/center_aside_icons_22.png); background-position: -22px -22px;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle.active {border: 1px solid #E8E8E8;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle.active .btn-text { color:#5086FC;}
.datalist-box .nav-block .tab-btn-toggle {position: relative;}
.datalist-box .nav-block .tab-btn-toggle .slide-items {position: absolute; background: #fff; border: 1px solid #E8E8E8; top: 32px; left: -1px; display: none;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li {color:#666;padding: 10px 0 10px 10px; line-height: 20px; font-size: 14px; cursor: pointer;}
.datalist-box .nav-block .tab-btn-toggle:hover .slide-items {display: inline-block;}
.datalist-box .nav-block .tab-btn-toggle:hover .icon-arrow {background-position: -44px -22px;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li.active {color:#5086FC;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li:hover {background: #f0f5ff;}


.datalist-box .nav-block .tab-btn-toggle {border-bottom: 0; width: 160px; border: 1px solid #fff; cursor: pointer;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle .btn-text {border-right: 0;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle .icon-arrow {position: absolute; right: 10px; top:6px; width: 22px; height: 22px;     background-image: url(../images/new_images/center_aside_icons_22.png); background-position: -22px -22px;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle.active {border: 1px solid #E8E8E8;}
.datalist-box .nav-block .nav-tab .tab-btn-toggle.active .btn-text { color:#5086FC;}
.datalist-box .nav-block .tab-btn-toggle {position: relative;}
.datalist-box .nav-block .tab-btn-toggle .slide-items {position: absolute; background: #fff; border: 1px solid #E8E8E8; top: 32px; left: -1px; display: none;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li {color:#666;padding: 10px 0 10px 10px; line-height: 20px; font-size: 14px; width: 150px; cursor: pointer;}

.datalist-box .nav-block .tab-btn-toggle:hover .slide-items {display: inline-block;}
.datalist-box .nav-block .tab-btn-toggle:hover .icon-arrow {background-position: -44px -22px;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li.active {color:#5086FC;}
.datalist-box .nav-block .tab-btn-toggle .slide-items .li:hover {background: #f0f5ff;}

.pop-tip-box {position: absolute; top: 10px; right: 30px; z-index: 11;}
.pop-tip-box .icon-qa-empty { display: inline-block; width: 14px; height: 14px; background: url(../images/new_images/icon_qa_group_14.png) 0 0; }
.pop-tip-box .pop-tip-div {display: none;}
.pop-tip-box:hover .pop-tip-div { display: inline-block; position: absolute; left: 0; padding: 10px; padding-left: 38px; background:rgba(239,244,255,1); border-radius:4px; border:1px solid rgba(197,215,255,1); top: 20px; }
.pop-tip-box:hover .icon-qa-full { width: 14px; height: 14px; position: absolute; top: 13px; left: 13px; background: url(../images/new_images/icon_qa_group_14.png) -14px 0;}
.pop-tip-box:hover .pop-tip-div .pop-tip-cont {line-height: 20px; width: 280px;}

.pop-tip-box:hover .pop-tip-div .pop-tip-cont b {font-weight: bold;}



.list-sort-toggle {border:1px solid #E8E8E8; border-radius: 5px; position: relative; z-index: 3;}
.list-sort-toggle .current-text {display: block; min-width: 80px; text-align: center; height: 20px; line-height: 20px; padding: 5px 10px; padding-right: 28px;}
.list-sort-toggle .list-sort-panel {position: absolute; left: 0; top:31px; background: #fff; border:1px solid #E8E8E8; display: none;}
.list-sort-toggle:hover .list-sort-panel {display: inline-block;}
.list-sort-toggle .list-sort-panel .li {display:block; padding:5px 10px; line-height: 20px; color: #666;}
.list-sort-toggle .list-sort-panel .active {color: #5086FC;}
.list-sort-toggle .list-sort-panel .li:hover {color: #5086FC;}
.list-sort-toggle .icon-arrow {position: absolute; width:9px; height: 9px; top:11px; right: 10px; background: url(../images/new_images/arrow_down.png) no-repeat;}

.datalist-box .li-warning {border-color:#fcd0c6 !important;}
.datalist-box .li-warning th {background:#ffeae6}
.datalist-box .li-warning td {background:#fff4f4; border-right-color:#f3d9cf}
.li-table-warning {position:relative; line-height:20px; padding-bottom:12px; padding-left:15px;}
.li-table-warning .warning-text {color:#FF602E}
.li-table-warning .icon-warning {width:14px; height:14px; background:url(../img/icon_warning_s14.png) no-repeat; margin:3px 3px 0 0; }
.li-table-warning .icon-arrow-table {width: 12px;height: 10px;background:url(../img/icon_arrow_table.png) no-repeat;position:absolute;bottom: 0;left: 16px;}