.tc {
    text-align: center !important;
}
.tdl {
    text-decoration: underline;
}
div.layui-layer-title {
    font-weight: bold;
}
.myInput {
    padding: 5px;
    width: 320px;
    height: 32px;
    border: solid 1px #ddd;
    border-radius: 2px;
    font-size: 14px;
}
.myInput:focus{
    border-color: #ff7200;
}
div,span,p{
    word-wrap: break-word;
}
.code-img{
    vertical-align: middle;
}
.file-download,.file-download:hover{
    text-decoration: underline;
}
select.myInput{
    padding: 0 5px;
    width: 120px;
}
.warning1{
    display: inline-block;
    padding-left: 25px;
    padding-right: 10px;
    color: #ff7200;
    font-size: 12px;
    line-height: 32px;
    background: url(../images/icon-t-r.png) no-repeat 5px 10px;
    background-color: #fffdf0;
    background-size: 15px;
}
.warning2{
    display: inline-block;
    padding: 10px 0px;
    padding-left: 25px;
    padding-right: 10px;
    color: #ff7200;
    font-size: 12px;
    background: url(../images/icon-warning-r.png) no-repeat 5px 10px;
    background-size: 15px;
}
.button.cancel{
    background-color: transparent;
    border: 1px solid #ff7200;
    color: #ff7200;
}
html{
    height: 100%;
    overflow: auto;
}
body{
    height: 100%;
    overflow: auto;
}
.l-content{
    display: inline-block;
}
/*图标*/
.icon-bai {
    display: inline-block;
    width: 80px;
    line-height: 28px;
    height: 28px;
    text-align: center;
    background-color: #ff4422;
    color: #fff;
    font-weight: bold;
    border-radius: 14px;
    animation:twinkling 1s infinite ease-in-out;
}
.icon-new {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../../images/icons/icon-new.gif) no-repeat center;
    background-size: cover;
}
.icon-beta {
    display: inline-block;
    width: 27px;
    height: 12px;
    background: url(../../images/icons/icon-beta.png) no-repeat center;
    background-size: contain;
}
.icon-qm{
    background: url(../images/icon-qm.png) no-repeat center;
    background-size: cover;
}
.icon-wait-chugao{
    width: 39px;
    height: 47px;
    background: url(../images/icon-chugao.png) no-repeat center;
    background-size: cover;
}
.icon-wait-huizhi{
    width: 39px;
    height: 47px;
    background: url(../images/icon-huizhi.png) no-repeat center;
    background-size: cover;
}
.icon-tool-ss{
    margin-top: 24px;
    width: 40px;
    height: 40px;
    background: url(../images/icon-ss.png) no-repeat center;
    background-size: cover;
}
.icon-tool-jk{
    margin-top: 24px;
    width: 50px;
    height: 40px;
    background: url(../images/icon-jk.png) no-repeat center;
    background-size: cover;
}
.icon-tool-gl{
    margin-top: 22px;
    width: 46px;
    height: 46px;
    background: url(../images/icon-gl.png) no-repeat center;
    background-size: cover;
}
.icon-wait-fukuan{
    width: 50px;
    height: 40px;
    background: url(../images/icon-fk.png) no-repeat center;
    background-size: cover;
}
.icon-wait-queren{
    width: 50px;
    height: 40px;
    background: url(../images/icon-qr.png) no-repeat center;
    background-size: cover;
}
.icon-wait-pingjia{
    width: 46px;
    height: 40px;
    background: url(../images/icon-pj.png) no-repeat center;
    background-size: cover;
}
.icon-gao{
    width: 14px;
    height: 18px;
    background: url(../images/icon-gao.png) no-repeat center;
    background-size: cover;
}
.icon-mid{
    width: 13px;
    height: 16px;
    background: url(../images/icon-mid.png) no-repeat center;
    background-size: cover;
}
.icon-di{
    width: 13px;
    height: 16px;
    background: url(../images/icon-di.png) no-repeat center;
    background-size: cover;
}
.icon-warning-r{
    width: 14px;
    height: 14px;
    background: url(../images/icon-warning-r.png) no-repeat center;
    background-size: cover;
}
.icon-tag{
    width: 14px;
    height: 14px;
    background: url(../images/icon-tag.png) no-repeat center;
    background-size: cover;
}
.icon-time{
    width: 14px;
    height: 14px;
    background: url(../images/icon-time.png) no-repeat center;
    background-size: cover;
}
.icon-shizhong{
    width: 26px;
    height: 26px;
    background: url(../images/icon-shi.png) no-repeat center;
    background-size: cover;
}
.icon-qianqian{
    width: 22px;
    height: 26px;
    background: url(../images/icon-qian.png) no-repeat center;
    background-size: cover;
}
.icon-pay-sk{
    background: url(../images/icon-pay-sk.png) no-repeat center;
    background-size: cover;
}
.icon-nan{
    width: 20px;
    height: 20px;
    background: url(../images/icon-nan.png) no-repeat center;
    background-size: cover;
}
.icon-nv{
    width: 20px;
    height: 20px;
    background: url(../images/icon-nv.png) no-repeat center;
    background-size: cover;
}
.paying-wrap .section-payMode .cont-bodyer .list .icon.icon-pay-sk{
    width: 20px;
    height: 21px;
}
/*滑动条*/
.scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll::-webkit-scrollbar-button {
    /* 2 */
}

.scroll::-webkit-scrollbar-track {
    /* 3 */
    background-color: #fefefe;
}

.scroll::-webkit-scrollbar-track-piece {
    /* 4 */
}

.scroll::-webkit-scrollbar-thumb {
    /* 5 */
    background-color: #ff7200;
    border-radius: 5px;
}

.scroll::-webkit-scrollbar-corner {
    /* 6 */
}

.scroll::-webkit-resizer{
    /* 7 */

}
/*订单详情*/
.float-left{
    float: left !important;
}
.float-right{
    float: right !important;
}
table{
    width: 100%;
    font-size: 14px;
}
table thead th{
    font-size: 14px;
    background-color: #f7f8fb;
}
table tr{
    height: 2.4em;
}
table tbody tr:last-of-type{
    border-bottom: none;
}
table tr:last-of-type td{
}
.personalCenter3-wrap{
    padding-bottom: 70px;
    background-color: #f5f5f5;
}
.personalCenter3-wrap #personalCenter2-header{
    background-color: #fff;
}
.personalCenter3-wrap #personalCenter2-leftNav{
    border: none;
    box-shadow:0 4px 6px 0 rgba(113,114,119,0.10);
}
.personalCenter3-wrap #personalCenter2-leftNav .icon-beta{
    width: 22px;
    vertical-align: 5px;
}
.personalCenter3-wrap #personalCenter2-rightContainer{

}
.button{
    display: inline-block;
    color: #fff;
    background-color: #ff7200;
    border: 1px solid #ff7200;
    border-radius: 2px;
    cursor: pointer;
}
.button.disabled{
    cursor: default;
    background-color: #ddd;
    border: 1px solid #ddd;
}
.button-white.button{
    background-color: #fff;
    color: #ff7200;
}
.home-page.userInfo{
    margin: -20px;
    margin-top: 0;
    background-color: whitesmoke;
}
.modal table tr{
    border-bottom: none;
}
.order-detail-page {
    position: relative;
    padding: 20px;
    background-color: #fff;
}
.order-detail-box{
    margin-top: 15px;
}
.order-detail-box .order-detail-in {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}
.order-detail-box .showPhotos{
    padding-top: 0px;
}
.order-detail-box:first-of-type{
    margin-top: 5px;
}
.order-detail-box:last-child{
    border: none;
}
.order-detail-box:not(.d-table){
}
.order-detail-box.d-table{
    margin-bottom: 20px;
}
.order-detail-box .brandInfo-wrap label{
    font-size: 14px;
}

.order-detail-box.order-detail-evaluate label {
    width: 100px;
}
.order-detail-box.order-detail-evaluate p {
    margin-top: 10px;
}
.order-detail-box.order-detail-evaluate .starbox .iconfont{
    font-size: 18px;
}
.order-detail-box.order-detail-evaluate .l-content{
    vertical-align: top;
}
.order-detail-box.order-detail-evaluate .content{
    margin-top: 15px;
    padding: 15px 20px;
    background-color: #eee;
    border-radius: 3px;
    color: #666;
}
.order-detail{
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.order-detail-box .modal-button{
    margin-top: 20px;
    text-align: right;
}
.order-detail-box .modal-button .tips{
    margin-right: 15px;
    padding-left: 20px;
    color: #ff9900;
    background: url(../images/icon-warning-o.png) no-repeat 0 center;
    background-size: 15px;
}
.order-detail-box .modal-button .button{
    width: 140px;
    text-align: center;
}
.order-detail-box .modal-button .button.cancel{
    margin-right: 20px;
    border: 1px solid #ff7200;
    color: #ff7200;
    background-color: transparent;
}
.agent-name{
    font-size:14px;
    color:#222222;
}
.customer-service{
    margin-left: 15px;
    padding-left: 18px;
    font-size: 12px;
    background: url(../images/icon-kf.png) no-repeat 0 center;
    background-size: 12px;
}
.customer-service span{
    color: #ff7200;
    text-decoration: underline;
}
.order-status{
    color: #ff7200;
}
.order-status,.order-status:hover{
}
.order-detail-page .d-table{
    border: 1px solid #e0e0e0;
}
.order-detail-page .d-table .d-table-top{
    padding: 9px 20px;
    background-color: #e0e0e0;
}
.order-detail-page .d-table-content{
    padding: 16px;
}
.order-detail-status{
    float: left;
    margin-top: 15px;
    position: relative;
    width: 290px;
}
.order-detail-status:after{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 170px;
    background-color: #ddd;
}
.order-detail-status h2 {
    padding-left: 20px;
}
.order-detail-status h2 span {
    color: #999;
    font-size: 12px;
}
.order-detail-status ul{
    margin-top: 30px;
    padding-left: 20px;
}
.order-detail-status li{
    margin-bottom: 10px;
    line-height: 30px;
}
.order-detail-status li label,.order-detail-status li strong{
    display: inline-block;
    vertical-align: middle;
}
.order-detail-box .order-detail-status li label{
    width: 80px;
}
.order-detail-box .order-detail-status li span{
    width: 170px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order-detail-status strong{
    font-size:20px;
    color: #ff4422;
}
.order-detail-box ul li span{
    display: inline-block;
    vertical-align: middle;
}
.order-detail-box.order-categories{

}
.order-detail-box.order-categories ul{
    padding-left: 20px;
    font-size: 14px;
}
.order-detail-box.order-categories ul.order-info-save li{
    margin-bottom: 15px;
}
.order-detail-box.order-categories ul.order-info-save li .title{
    padding-left: 10px;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    border-left: 3px solid #ff7200;
}
.order-detail-box.order-categories ul li .title span{
    color: #666;
}
.order-detail-box.order-categories ul li .title span.category-status{
    position: relative;
    margin-left: 5px;
    padding-right: 20px;
    font-size:14px;
    color:#ff9900;
    font-weight: bold;
    background: url(../images/icon-clock.png) no-repeat right center;
    vertical-align: 0px;
}
.category-status:hover .invoice-detail{
    display: block;
}
.category-status .invoice-detail{
    width: 258px;
}
.category-status .invoice-detail .td-time-line-ul{
    margin-left: 0px;
}
.category-status .invoice-detail .td-time-line-ul li{
    margin-bottom: 0px;
}
.category-status .invoice-detail .td-time-line-ul li.active{
    color: #ff7200;
}
.order-detail-box.order-categories ul li label{
    display: inline-block;
    color: #666;
    vertical-align: top;
}
.order-detail-box.order-categories ul li .l-content{
    display: inline-block;
    width: 820px;
    vertical-align: top;
}
.order-detail-box.order-categories ul li .l-content.td-file-href a{
    margin-right: 20px;
    color: #ff9900;
    text-decoration: underline;
}
.categories-list span{
    margin-right: 20px;
    font-size: 12px;
    color: #666;
}
.order-categories-info{
    margin-top: 15px;
    margin-left: 10px;
}
.order-detail-pay a, .order-detail-pay span{
    font-size: 13px;
}
.order-detail-pay span{
    margin-right: 10px;
}
.order-category .order-num{
    float: right;
    margin-top: 2px;
    font-size: 12px;
}
.order-detail-status .order-page {

}
.order-detail-status .order-page a {
    padding-left: 18px;
    font-size:12px;
    color:#666666;
}
.order-detail-status .order-page a.order-cancel{
    float: right;
}
.order-detail-process{

}
.order-pay{
    text-align: center;
}
.order-pay strong{
    display: block;
    margin-top: 28px;
    margin-bottom: 18px;
    font-size:20px;
    color:#e70909;
}
.order-pay a.button{
    width: 112px;
    line-height: 30px;
}
.order-handle{
    margin-top: 5px;
}
.order-handle a{
    margin-left: 10px;
    padding-left: 20px;
    font-size: 12px;
    color: #666;
}
.order-handle .order-print{
    background: url(../images/icon-print.png) no-repeat 2px center;
    background-size: 15px;
}
.order-handle .order-share{
    color: #ff7200;
    background: url(../../images/icons/icon-share.png) no-repeat 2px center;
    background-size: 15px;
}
.order-handle .order-cancel{
    float: right;
    padding-left: 26px;
    background: url(../images/icon-c-order.png) no-repeat 2px center;
    background-size: 20px;
}
.order-handle .order-contract{
    padding-left: 5px;
    color: #ff7200;
    font-size: 15px;
    text-decoration: underline;
}
.order-detail-log{
    float: left;
    margin-top: 15px;
    width: 720px;
    height: 185px;
}
.order-time-line{
    margin: 0 auto;
    margin-top: 10px;
    width: 680px;
}
.order-time-line .btn{
    float: right;
    margin-top: 30px;
    margin-right: 50px;
}
.order-time-line ul{
    position: relative;
    margin: 0 auto;
    text-align: left;
    background-color: #f5f5f5;
    border-radius: 12px;
}
.order-time-line ul:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 24px;
    border-radius: 12px;
    background-color: #ff7200;
    z-index: 0;
}
.order-time-line ul.w1:after{
    width: 20%;
}
.order-time-line ul.w2:after{
    width: 40%;
}
.order-time-line ul.w3:after{
    width: 60%;
}
.order-time-line ul.w4:after{
    width: 80%;
}
.order-time-line ul.w5:after{
    width: 100%;
}
.order-time-line li{
    float: left;
    position: relative;
    width: 20%;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    text-align: center;
    border-radius: 12px;
    z-index: 9;
}
.order-time-line li .time-line-date{
    margin: 10px auto;
    width: 120px;
    line-height: 1.2em;
    text-align: center;
}
.order-time-line li:before{
}
.order-time-line li:first-child:before{
}
.order-time-line li:last-child:before{
}
.order-time-line li.active:before{
}
.order-time-line li .circle{
    display: inline-block;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 16px;
    height: 16px;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    z-index: 1;
}
.order-time-line li .circle-in{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.order-time-line li.active{
    color: #fff;
    background-color: #ff7200;
}
.order-time-line li.active .circle{
    border: 2px solid #ff7200;
}
.order-time-line li.active .circle-in{
    background-color: #ff7200;
}
.order-time-line li p{
    position: absolute;
    bottom: -35px;
    width: 100%;
    height: 32px;
    text-align: center;
}
.order-time-line li.active p{
    color: #222;
}
.order-time-line li p span{
    display: block;
    font-size: 12px;
}

/*表格时间轴*/
.td-time-line-ul li{
    padding-bottom: 10px;
    line-height: 1.5em;
}
.td-time-line-ul li:last-of-type{
    padding-bottom: 0px;
}
.td-time-line-ul li:before{

}
.td-time-line-ul li.active{
    color: #ff7200;
}
.td-time-line-ul li p{
    margin-top: 3px;
    padding-left: 15px;
    display: none;
}
.td-time-line-ul li.active p{
    display: block;
}
.td-time-line-item .circle{
    display: inline-block;
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: middle;
}
.td-time-line-item .circle-in{
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e0e0e0;
}
.td-time-line-ul li.active .circle-in{
    background-color: #ff7200;
}
.order-detail-process{
    margin-top: 40px;
    padding: 15px;
    padding-left: 40px;
    height: 100px;
    overflow: auto;
}
.order-detail-process li{
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
    font-size: 12px;
}
.order-detail-process li:first-of-type{
    color: #ff9900;
}
.order-detail-process li:first-of-type:before{
    background-color: #ff9900;
}
.order-detail-process li:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ccc;
}
.order-detail-process li.active{
    color: #ff7200;
}
.order-detail-process li.active:before{
    background-color: #ff7200;
}
.order-detail-box h2{
    /*padding-left: 20px;*/
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
}
.order-detail-page .order-detail-box h2{
    margin-bottom: 15px;
}
.order-detail-box h2 .file-upload-warning{
    margin-left: 10px;
    font-size: 12px;
    color: #ff7200;
}
.order-detail-box h2 .file-upload-warning:hover{
    text-decoration: underline;
}
.order-detail-box h2 a{
    color: #ff7200;
    font-size: 12px;
}
.brand-category-charge{
    float: right;
    margin-top: 15px;
}
.brand-category-charge span{
    margin-left: 15px;
}
.order-detail-box a.edit{
    display: none;
    margin-left: 10px;
    padding-left: 18px;
    font-size: 12px;
    color: #ff7200;
    background: url(../images/icon-edit.png) no-repeat 0 center;
    background-size: 14px;
}
.order-detail-box a.edit.edit-keep-show {
    display: inline-block;
}
.order-detail-box a.edit.file-download{
    font-size: 12px;
    background: url(../images/icon-download-o.png) no-repeat 0 center;
    background-size: 14px;
}
.order-main-title a.edit, .order-title a.edit{
    margin-left: 10px;
    padding-left: 18px;
    font-size: 12px;
    color: #ff7200;
    background: url(../images/icon-edit.png) no-repeat 0 center;
    background-size: 14px;
}
.order-detail-box h2 a.edit{
    float: right;
    margin-left: 8px;
    font-size: 14px;
}
.order-detail-page .order-detail-box table{
    width: 90%;
    font-size: 14px;
}
.order-detail-page .order-detail-box table.table-ns{
    margin-top: 30px;
}
.order-detail-page .order-detail-box table thead th{
    color: #666;
    background-color: #fafafa;
}
.order-detail-page .order-detail-box table tr{
    height: 36px;
}
.order-detail-page .order-detail-box table tbody tr{
}
.order-detail-page .order-detail-box table tbody tr:last-of-type{
    border: none;
}
.order-detail-page .order-detail-box table td{
    padding: 5px 0;
}
.order-detail-page .order-detail-box table td a{
    display: inline-block;
}
.order-detail-page .order-detail-box table td a.order-status{
    color: #ff7200;
    font-size: 12px;
}
.order-detail-box table td .td-href{
    margin: 0 auto;
    padding: 10px;
    width: 180px;
}
.order-detail-box table td .td-href a{
    margin-bottom: 5px;
    font-size: 12px;
}
.order-detail-box-in{
    float: left;
    width: 50%;
}
.order-detail-box-in ul{
}
.order-detail-box .contact-info ul li{
    margin-bottom: 15px;
}
.order-detail-box .contact-info ul li label{
}
.order-detail-box .contact-info .order-info ul li label{
    width: auto;
}
.order-info{
    margin-left: 10px;
    padding-left: 20px;
}
.order-info.order-brand-info {
    margin-left: 0;
}
.order-info .order-brand-box{
    display: inline-block;
    vertical-align: top;
}
.order-info.order-brand-info ul{
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}
.order-info ul li{
    margin-bottom: 8px;
}
.contact-info .order-info ul li{
    float: left;
    margin-right: 60px;
}

.contact-info .order-remarks {
    margin-top: 5px;
}
.contact-info .order-remarks label {

}
.contact-info .order-remarks .l-content {
    vertical-align: top;
}
.contact-info .order-remarks textarea {
    margin-left: 0;
    width: 500px;
}

.order-detail-pay-info ul li {
    float: left;
    width: 320px;
}
.order-detail-pay-info ul li label {
    width: 100px;
}
.order-label-info ul li {
    display: inline-block;
    min-width: 240px;
}
.order-label-info ul li .l-content {
    vertical-align: top;
}
.order-detail-box .order-label-info ul li label {
    width: 100px;
}
.order-brand-content{
    display: inline-block;
    vertical-align: top;

}
.order-brand-images{
}
.order-brand-images .list-photo{
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}
.order-brand-images.showPhotos .list-photo .list-top.img-box{
    position: relative;
    margin-bottom: 12px;
    width: 120px;
    height: 120px;
    border: none;
}

.order-brand-images .img-box .shadow{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.54);
}
.order-brand-images .img-box img{
    width: 100%;
    border: 1px solid #eee;
}
.order-brand-images .img-box p{
    font-size: 14px;
}
.order-brand-box-content label{
    color: #999;
}
.order-brand-textarea{
    position: relative;
    width: 580px;
    color: #999;
}
.order-brand-textarea textarea{
    padding: 10px;
    width:446px;
    height:130px;
    color: #666;
    border:1px solid #cccccc;
    border-radius:2px;
}
p.textarea-tips{
    margin-top: 5px;
    font-size: 12px;
    color: #ff7200;
    text-align: right;
}
p.textarea-tips .textarea-tips-left{
    color: #666;
}
.order-brand-textarea a{
    position: absolute;
    right: 15px;
    bottom: 30px;
    font-size: 12px;
    color: #ff7200;
    text-decoration: underline;
}
p.textarea-tips .icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-warning-r.png) no-repeat 0 center;
    background-size: 14px;
    vertical-align: middle;
}
p.textarea-tips span{
    color: #999;
    vertical-align: middle;
}

/*订单详情尼斯分类*/
.td-ns-items{
    margin: 0 auto;
    width: 450px;
    color: #666;
    font-size: 12px;
    text-align: left;
}
.td-ns-items span{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
}

.invoice-btn{
    padding-right: 16px;
    background: url(../images/icon-qm.png) no-repeat right center;
    background-size: 14px;
}
.invoice-box{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.invoice-box:hover .invoice-detail{
    display: block;
}
.invoice-detail{
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -140px;
    padding: 0px 20px;
    padding-bottom: 15px;
    width: 280px;
    border:1px solid #cccccc;
    border-radius:4px;
    background-color: #fff;
    transition: 0.3s;
    z-index: 99;
}
.invoice-detail:before{
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -7px;
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-bottom-color: #ccc;
}
.invoice-detail-top{
    margin-bottom: 15px;
    line-height: 3em;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.invoice-detail-top span{
    font-size: 14px;
    color: #666;
}
.invoice-detail-top span.invoice-status{
    float: right;
    font-size: 12px;
    color: #ff7200;
}
.invoice-detail-body{
    text-align: left;
}
.invoice-detail .invoice-detail-body li{
    display: block;
    float: none !important;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
}
.invoice-detail .invoice-detail-body li label{
    display: inline-block;
    width: 95px;
    color: #666;
    text-align: right;
}
.invoice-detail .invoice-detail-body li span{
    display: inline-block;
    width: 120px;
    vertical-align: top;
}
.invoice-detail .invoice-detail-body li .i-content{
    display: inline-block;
    width: 130px;
    vertical-align: top;
}
.order-file-box{
    padding-top: 15px;
}
.order-detail-box .order-file-tips{
    display: none;
    margin-left: 10px;
    color: #ff001f;
}
.order-detail-box .order-file-tips.show{
    display: inline-block;
}
.order-file-list{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}
.order-file-list ul{
    overflow: hidden;
}
.order-file-list li{
    float: left;
    width: 113px;
    text-align: center;
}
.order-file-list li.list-photo{
    display: none;
}
.order-file-list-show.order-file-list li.list-photo{
    display: inline-block;
}
.order-file-list li.list-photo.active{
    display: block;
}
.order-file-list li img{
    width: 100%;
}
.order-file-list .list-photo{
    margin-right: 30px;
}
.order-file-list .list-photo .list-top{
    position: relative;
    width: 113px;
    height: 160px;
    background: #F8F9F9;
    border-radius: 2px;
    border: 1px solid #F0F0F0;
}
.order-file-list .list-photo .list-top .shadow-box .shadow-btn a{
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.order-file-list .list-top .shadow-box{
}
.order-file-list .list-photo .list-bottom{
    font-size: 12px;
    color: #333;
}
.order-file-list .list-photo .list-bottom a {
    color: #ff7200;
    text-decoration: underline;
}
.order-file-list .list-photo .list-bottom span {
    display: inline-block;
    width: 100%;
    height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order-file-list .list-photo .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #D2D2D2;
    text-align: center;
}
.order-file-list .list-photo .bg .icon{
    display: block;
    margin-top: 50px;
    margin-bottom: 12px;
}
.check-img {
    position: relative;
    display: inline-block;
    margin-left: 8px !important;
    margin-right: 40px !important;
    margin-top: 72px;
    border: 1px solid #F0F0F0;
    width: 64px !important;
    height: 90px !important;
    background: #F8F9F9;
}
.icon-tag-shili {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(../images/icon-tag-shili.png) no-repeat center;
    background-size: cover;
}
.list-photo-overseas {
    margin-right: 30px !important;
}
.check-img img {
    width: 56px !important;
    height: 80px;
    margin: 4px 2px;
}
.check-img:hover .check-shadow-box {
    display: flex;
}
.check-shadow-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 1;
    display: none;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}
.check-shadow-box  a {
    display: block;
    border: 1px solid #fff;
    padding: 4px;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
}
.order-file-list .list-photo .bg .iconfont{
    font-size: 30px;
}
.order-file-tips-box{
    text-align: right;
}
.order-file-warning{
    margin-right: 15px;
    color: #666;
    font-size: 12px;
}
.file-upload-container .order-file-warning{
    width: 520px;
    display: block;
    margin: 0 auto;
}
.file-upload-container .order-file-warning span{
    display: inline-block;
    width: 430px;
    vertical-align: top;
}
.order-file-warning i{
    padding-left: 18px;
    color: #ff7200;
    background: url(../images/icon-warning-o.png) no-repeat 0 center;
    background-size: 15px;
}
.order-file-box .order-file-warning{
    margin-left: 20px;
    color: #cb1f2b;
    font-size: 14px;
}
.order-file-box .order-file-warning i{
    padding-left: 18px;
    color: #cb1f2b;
    background: url(../images/icon-warning-br.png) no-repeat 0 center;
    background-size: 16px;
}
.order-file-tips{
    font-size: 12px;
}
.order-file-tips i{
    color: #ff7200;
}
.order-file-tips-box .button{
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    color: #ff7200;
    background-color: #fff;
    border: 1px solid #ff7200;
}
.order-file-tips-box .order-file-warning{
    display: block;
    margin-top: 5px;
    margin-bottom: 6px;
    text-align: left;
}
.order-remarks{
    /*padding-right: 20px;*/
}
.order-remarks-textarea {
    padding: 15px 20px;
}
.order-remarks textarea{
    /*margin-left: 20px;*/
    padding: 10px;
    width: 100%;
    height: 60px;
    border-radius:2px;
    border: 1px solid #e0e0e0;
}
.td-process-status{
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ff7200;
}
.td-process span{

}
.td-process-detail{
    position: relative;
    margin: 0 auto;
    width: 70px;
}
.td-process-btn{
    padding-left: 16px;
    color: #666;
    font-size: 12px;
    background: url(../images/icon-time.png) no-repeat 0 center;
    background-size: 12px;
    cursor: pointer;
}
.modal{
    display: none;
    height: 100%;
    overflow: auto;
}
.modal-body {
    padding: 16px;
}
.starbox .iconfont{
    font-size: 25px;
    color: #eee;
}
.starbox .iconfont.active{
    color: #ff9900;
}
.smartRegister-page.modal-body {
    width: 100%;
}
.smartRegister-page.modal-body .td-title {
    padding-right: 10px;
    width: 145px;
    text-align: right;
}
.td-top.td-title{
    padding-top: 12px !important;
    vertical-align: top;
}
.modal-textarea .modal-body{
    margin: 0 auto;
}
.modal-textarea .modal-body-in{
    margin: 0 auto;
    width: 500px;
}
.modal-body .modal-body-textarea{
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px;
    width: 100%;
    height: 120px;
    border:1px solid #e3e3e3;
    border-radius:2px;
}
.modal-button{
    margin-bottom: 20px;
    text-align: center;
}
.modal-button .button{
    display: inline-block;
    width: 120px;
    line-height: 32px;
    vertical-align: middle;
}
.modal-button .button.button-white{
    margin-right: 25px;
}
.modal-button .button.disabled{
    opacity: 0.8;
}
.modal-form ul{
    margin: 0 auto;
}
.modal-form ul li{
    position: relative;
    margin-bottom: 15px;
}
.modal-form ul li>label{
    display: inline-block;
    width: 120px;
    text-align: right;
}
.modal-form ul li .l-content{
    display: inline-block;
    width: 350px;
    vertical-align: top;
}
.modal-form ul li .l-content label{
    margin-bottom: 5px;
    margin-right: 3px;
}
.modal-form ul li label i{
    color: #ff7200;
}
.modal-form ul li input.text {
    padding-left: 5px;
    width: 350px;
    height: 2.4em;
    border:1px solid #cccccc;
    border-radius:2px;
}
.modal-form ul li textarea.text{
    padding: 5px;
    width: 350px;
    height: 4em;
    border:1px solid #cccccc;
    border-radius:2px;
    vertical-align: top;
}
.modal-form ul li .tips {
    display: block;
    position: absolute;
    padding-left: 20px;
    font-size: 12px;
    color: #ff4422;
    background: url(../../images/icons/icon-warning-r.png) no-repeat 0 center;
    background-size: 14px;
}
.modal-table table{
    width: 100%;
}
.modal-table td, .modal-table th{
    padding: 0 12px;
    font-size: 14px;
}
.modal-table table thead th{
    background-color: #f0f0f0;
}
.modal-table .modal-body{
    padding: 20px 40px;
}
.modal-table-top{
    margin-bottom: 15px;
}
.modal-table-top span{
    font-size: 14px;
    color: #666;
}
.modal-table-top span.brand-name{
    color: #333;
}
.modal-table-top span.brand-name i{
    color: #ff7200;
}
.modal-brand .smartRegister-page{
    width: 100%;
}
.modal-brand .brandInfo-wrap .section-base{
    padding-left: 0;
}
.modal-brand .brandInfo-wrap .section-base .td-title{
    width: 120px;
    font-size: 14px;
}
.modal-brand .brandInfo-wrap .section-base .td-content{
    font-size: 14px;
}
.modal-brand .brandInfo-wrap .section-base .table-1 .msg-tips .i-right{
    width: 330px;
    line-height: 1.5em;
}
.modal.cash-progress ul{
    padding-left: 80px;
}
.modal.cash-progress li{
    position: relative;
    margin-bottom: 50px;
    padding-left: 74px;
    color: #ccc;
}
.modal.cash-progress li.active p{
    color: #666;
}
.modal.cash-progress li.active{
    color: #ff7200;
}
.modal.cash-progress li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    background: url(../images/icon-check.png) no-repeat center;
    background-size: 20px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
}
.modal.cash-progress li:after{
    content: "";
    position: absolute;
    left: 17px;
    top: 30px;
    width: 2px;
    height: 60px;
    background-color: #ccc;
}
.modal.cash-progress li:last-of-type:after{
    display: none;
}
.modal.cash-progress li.active:before{
    border: 2px solid #ff7200;
    background-image: url(../images/icon-check-active.png);
}
.modal.cash-progress li.active:after{
    background-color: #ff7200;
}
.ns-first{
    width: 100px;
    text-align: center;
}
.ns-second-box{
    width: 350px;
}
.ns-second{
    padding: 10px;
    overflow: hidden;
}
.ns-second-select{
    width: 350px;
}
.ns-second-show{
    display: inline-block;
    width: 300px;
    vertical-align: middle;
}
.ns-second li{
    display: block;
    float: left;
    margin-right: 2%;
    width: 49%;
    height: 2em;
    line-height: 2em;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 2px;
}
.ns-second li label{
    display: block;
    padding-left: 10px;
    width: 100%;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ns-second li:nth-child(2n){
    margin-right: 0;
}
.ns-second-select label input[type=checkbox]{
    width: 12px;
    vertical-align: middle;
}
.ns-price{
    text-align: center;
    color: #ff7200;
    font-size: 14px;
}
.sum-ns-price{
    text-align: center;
    color: #ff7200;
    font-size: 15px;
}
.order-print-top-btn .button{
    border:1px solid #ff7200;
    border-radius:4px;
    width:58px;
    height:24px;
}
.add-nisi{
    display: inline-block;
    width: 20px;
    line-height: 21px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    background-color: #ff7200;
    vertical-align: middle;
}
.nisi-small-add-container{
    margin-top: 15px;
}
.modal-nisi-top{
    margin-bottom: 15px;
    font-size: 16px;
}
.modal-nisi-top .ns-first-title{
    color: #666;
}
.ns-first-title .ns-first-num{
    color: #ff7200;
}
.ns-select-num{
    font-size: 14px;
    color: #333;
}
.ns-select-num i{
    color: #ff7200;
}
.ns-select-num i.ns-select-tips{
    color: #666;
}
.ns-search-box{
    margin-top: -5px;
}
.ns-search-box .text{
    padding: 5px;
    width: 300px;
    vertical-align: middle;
}
.ns-search-box .button{
    width: 70px;
    line-height: 30px;
}
.ns-seleted-show{
    padding: 15px;
    height: 100px;
    border:1px solid #bbbbbb;
    overflow: auto;
}
.ns-seleted-show li{
    display: inline-block;
    margin-bottom: 3px;
    padding: 3px 8px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 2px;
}
.ns-seleted-show li span{
    display: inline-block;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.ns-seleted-show li label{
    display: block;
    color: #666;
}
.ns-seleted-show li label span{
    text-decoration: underline;
}
.ns-seleted-show li label input[type=checkbox]{
    margin-right: 5px;
    vertical-align: middle;
}
.ns-new-add{
    position: relative;
    margin-right: 15px;
}
.ns-new-add .close{
    display: none;
    position: absolute;right: -7px;
    top: -7px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    background-color: #ff7200;
    border-radius: 50%;
}
.ns-new-add:hover{
    color: #ff7200;
    border: 1px solid #ff7200;
}
.ns-new-add:hover .close{
    display: block;
}
.ns-new-add:hover .close:before{
    content: "\00d7";
}
.ns-selet-list{
    margin-top: 10px;
    padding: 10px;
    height: 230px;
    background-color: #f0f0f0;
    overflow: hidden;
}
.ns-selet-list li.active{
    color: #ff7200;
}
.ns-selet-list-left{
    float: left;
    padding: 10px;
    width: 30%;
    height: 100%;
    font-size: 12px;
    color: #666;
    overflow: auto;
}
.ns-selet-list-left li{
    margin-bottom: 15px;
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.ns-selet-list-left li.active{
    color: #ff7200;
}
.ns-selet-list-right{
    float: left;
    padding: 10px;
    width: 70%;
    height: 100%;
    font-size: 12px;
    color: #666;
    overflow: auto;
}
.ns-selet-list-right li{
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 10px;
    width: 24%;
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.ns-selet-list-right li.disabled{
    text-decoration: line-through;
    cursor: default;
}
.ns-selected-price{
    margin-top: 10px;
}
.ns-selected-price span{
    margin-right: 15px;
}
.change-price i{
    color: #222;
}
.modal-table-scroll{
    border: 1px solid #eee;
}
.ns-tips {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}
.ns-tips span{
    display: inline-block;
    vertical-align: middle;
}
.ns-tips-two-line.ns-tips span{
    vertical-align: top;
}
.ns-tips-two-line.ns-tips span i{
    color: #ff7200;
}
.ns-tips i{
    color: #ff7200;
}
.ns-total-price{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.error-tips {
    padding: 7px 33px;
    color: #666;
    background: url(../images/icon-warning-r.png) no-repeat 10px center;
    background-size: 12px;
    background-color: #ffe9ea;
}
.bank-card-list .error-tips a{
    color: #ff001f;
    text-decoration: underline;
}
.success-tips {
    padding: 7px 33px;
    color: #ff7200;
    background: url(../images/icon-warning-r.png) no-repeat 10px center;
    background-size: 12px;
    background-color: #fff;
}
.icon-warning-f{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-warning-f.png) no-repeat 0 center;
    background-size: 14px;
    vertical-align: middle;
}
.nisi-edit-container table{
}
.nisi-edit-container table thead{
}
.nisi-edit-container table tbody{
    overflow-y:scroll;
}
.nisi-edit-container table tr{
    border-bottom: 1px solid #eee;
}
.nisi-edit-container .modal-table-scroll{
    height: 360px;
    overflow: auto;
}
/*智能注册*/
.applicant-wrap{
    width: 900px;
}
.applicant-wrap .section-base .table-1 td.td-title{
    padding-right: 10px;
    width: 142px;
}
.material-container{
    height: 100%;
    background-color: #fff;
}
.material-form{
    display: none;
}
.material-form.active{
    display: block;
}
.order-title{
    padding-left: 10px;
    line-height: 1em;
    height: 1em;
    border-left: 3px solid #ff7200;
    font-size: 16px;
}
.applicant-wrap .order-title{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.applicant-wrap .i-star {
    margin-right: 7px;
}
.applicant-form table{
    margin-bottom: 30px;
}
input[name=creditcode]{
    vertical-align: middle;
}
.icon-ceditcode {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    cursor: pointer;
}
.icon-ceditcode:hover .ceditcode-content{
    display: block;
}
.icon-ceditcode .ceditcode-content{
    display: none;
    position: absolute;
    left: -30px;
    bottom: 25px;
    padding: 15px;
    width: 212px;
    height: 105px;
    text-align: justify;
    font-size: 12px;
    color: #999;
    background: url(../../images/register-tip-bg.png) no-repeat center;
    background-size: cover;
    z-index: 9;
}
.orderinfo-wrap{
    padding-left: 75px;
    width: 1000px;
    color: #333;
}
.orderinfo-wrap .btn-export{
    float: right;
    display: block;
    padding: 5px 15px;
    border-radius: 3px;
    color: #ff7200;
    border: 1px solid #ff7200;
}
.orderinfo-wrap .showPhotos .list-photo .top{
    width: 120px;
}
.order-content{
}
.order-content .article-bodyer{
    margin-top: 15px;
    margin-bottom: 10px;
}
.order-content label{
    display: inline-block;
    margin-right: 10px;
    width: 130px;
    text-align: right;
}
.order-content>ul{
    margin-top: 15px;
}
.order-content li{
    margin-bottom: 15px;
}
.order-content li label{
    display: inline-block;
    margin-right: 10px;
    text-align: right;
}
.order-content .item-bodyer{
    display: inline-block;
    vertical-align: top;
}
.order-content td{
    font-size: 14px;
}
.order-content.order-files .showPhotos{
    margin-left: 20px;
}
.item-bodyer dt{
    margin-bottom: 10px;
    color:#333333;
    font-size: 18px;
}
.order-content .item-bodyer dd{
    width: 720px;
}
.item-bodyer dd span{
    display: inline-block;
    margin-right: 32px;
    margin-bottom: 6px;
    color: #666;
}
.order-content .showPhotos{
    display: inline-block;
    padding-top: 0px;
    vertical-align: top;
}
.order-applicant ul{
    display: inline-block;
    vertical-align: middle;
}
.order-content textarea{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    padding: 10px;
    width: 100%;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.orderinfo-wrap .btns{
    margin-top: 50px;
    margin-bottom: 80px;
    width: 1100px;
    text-align: center;
}
.orderinfo-wrap .btns .topay{
    width: 180px;
    color: #fff;
}
/*代理人创建订单*/
.order-detail-page .smartRegister-page{
    width: 100%;
}
.order-detail-box.contact-box{
    margin-top: 5px;
}
.order-detail-box.contact-box ul{
    overflow: hidden;
}
.order-detail-box.contact-box ul li{
    float: left;
    margin-right: 20px;
    padding: 8px 0;
}
.order-detail-box.contact-box ul li .text{
    padding: 5px;
    width: 320px;
    height: 32px;
    border:1px solid #ddd;
    border-radius:2px;
    vertical-align: middle;
}
.order-detail-box ul li label{
    display: inline-block;
    width: 133px;
    padding-right: 10px;
    vertical-align: middle;
}
.order-detail-box ul.hw-qy li label, .order-detail-box ul.hw-gr li label{
    width: 140px;
}
.order-detail-box .applicant-info ul li label{
    width: 140px;
}
.order-detail-box .applicant-info ul.dl-qy li label{
    width: 80px;
}
.order-detail-box .applicant-info ul.dl-gr li label{
    width: 80px;
}
.order-detail-box .applicant-info ul li span{
    display: inline-block;
    width: 300px;
    text-align: justify;
    vertical-align: top;
}
.order-detail-box.applicant-box ul li{
    margin-bottom: 12px;
}
.order-detail-box.applicant-box ul li label{
    width: 140px;
}
.order-detail-box ul li label i{
    margin-right: 5px;
    color: #ff7200;
}
.order-detail-box-textarea{
    padding: 0px 20px;
}
.order-detail-box-textarea textarea{
    padding: 5px;
    width: 100%;
    height: 80px;
    border:1px solid #cccccc;
    border-radius:2px;
}
.order-detail-box .brandInfo-wrap tr{
    border: none;
}
.order-detail-box .brandInfo-wrap td{
    text-align: left;
}
.order-form-page .smartRegister-page{
    width: 100%;
}
.order-detail-box .section-base .table-1 td.td-title{
    padding-right: 10px;
    width: 135px;
    text-align: left;
    font-size: 14px;
    color: #333;
}
.order-detail-box .brandInfo-wrap .section-base{
    padding: 0px;
    min-height: 0px;
}
.order-detail-box .btns{
    text-align: center;
}
.order-detail-box .btns .button-white{
    margin-right: 15px;
}
.order-file-box.register-file-box{
    border: none;
}
a.file-odownload{
    padding-left: 21px;
    font-size: 12px;
    color: #ff7200;
    background: url(../images/odownload.png) no-repeat 0 center;
    background-size: 16px;
}
.order-file-list li.download-file{
    position: relative;
    margin-top: 55px;
    width: 110px;
}
.order-file-list li.download-file a.file-odownload{
    position: absolute;
    left: 0px;
    top: 50px;
    width: 150px;
    text-align: left;
}
.order-file-radiobox .myRadioBoxs{
    display: inline-block;
    padding: 0px;
    vertical-align: middle;
}
.order-file-radiobox .myRadioBoxs label{
    margin-right: 15px;
    margin-bottom: 0px;
}
.order-file-list .file_english{
    display: none;
}
.file-agree-box{
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #666;
    text-align: center;
    -webkit-user-select: none;
}
.file-agree-box .checkbox{
    width: 13px;
    height: 13px;
    background-size: cover;
    vertical-align: middle;
}
.file-agree-box a:hover{
    color: #ff7200;
}
.file-agree-box span{
    vertical-align: middle;
}
.smartRegister-page .progressBar .step .icon-bar-circle {

}
.smartRegister3-page.smartRegister-page .progressBar{
    width: 850px;
}
/*服务列表*/
.order-page{
    /*margin: -20px;*/
    padding: 20px;
    margin-top: 0;
    padding-top: 5px;
    min-height: 700px;
    background-color: #fff;
    box-shadow:0 4px 6px 0 rgba(113,114,119,0.10);
}
.order-page .no-pay-tips{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
}
.order-page .no-pay-tips .icon{
    margin-right: 2px;
    width: 12px;
    height: 12px;
}
.order-page .no-pay-tips span{
    display: inline-block;
    vertical-align: middle;
}
.order-page .price-box{
    padding-right: 20px;
    text-align: right;
}
.order-page .price-box .button{
    margin-left: 20px;
    width: 120px;
    line-height: 32px;
    text-align: center;
}
.pl-total-price {
    position: relative;
}
.pl-total-price .price-box:before{
    display: none;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 60px;
    left: 0px;
    background-color: #e2e3e8;
}
.agent-info-page .top-tips {
    margin-top: 20px;
    padding-left: 35px;
    line-height: 26px;
    color: #ff4422;
    font-size: 12px;
    background: url(../images/icon-warning-br2.png) no-repeat 17px center;
    background-color: #ffeddf;
    background-size: 14px;
}
.agent-info-page .top-tips .close{
    float: right;
    margin-right: 15px;
    color: #ff4422;
    font-size: 16px;
    cursor: pointer;
}
.agent-info-page .order-main-title{

}
.agent-info-page .order-main-title .button{
    float: right;
    margin-top: 10px;
    padding: 0 10px;
    line-height: 1.5em;
    font-size: 14px;
}
.agent-info-page .order-main-title .checking{
    float: right;
    color: #ff7200;
    font-size: 14px;
}
.agent-info-page .order-main-title .icon{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
}
.agent-info-page .order-main-title .icon-checking {
    background-image: url(../images/icon-star.png);
}
.agent-info-page .order-main-title .icon-checking .icon-checking-top {
    display: block;
    background-image: url(../images/icon-star.png);
    background-position: center top;
    background-size: 22px;
}
.agent-info-page .order-main-title .icon-checking .icon-checking-bottom {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/icon-star-active.png);
    background-position: center bottom;
    background-size: 22px;
}
.agent-info-page .order-main-title .icon-checked {
    background-image: url(../images/icon-star-active.png);
}
/*审核不通过*/
.agent-base-info .input.error{
    border: 1px solid #ff4422;
}
.error .administrative-division .d-dropinput .input{
    border: 1px solid #ff4422;
}
.sfz-box-in.error{
    border: 1px solid #ff4422 !important;
}
/*身份证*/
.agent-base-info .sfz-box{  }
.agent-base-info .input {
    padding: 5px 5px;
    border: 1px solid #dbdbdb;
    width: 320px;
    height: 32px;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}
.administrative-division .d-dropinput .input{
    border-radius: 0px;
}

.agent-base-info .sfz-box dt{
    display: inline-block;
    position: relative;
    margin-right: 25px;
    width: 240px;
    height: 160px;
    text-align: center;
    overflow: hidden;
    background:#f5f5f5;
    cursor: pointer;
    border-radius:6px;
}
.agent-base-info .sfz-box dt img{
    display: none;
}
.agent-base-info .sfz-box .add-bg{
    display: inline-block;
    margin-top: 37px;
    width: 46px;
    height: 46px;
    background: url(../images/tianjia.png) no-repeat center;
    background-size: 24px;
    background-color: #fff;
    border-radius: 50%;
}
.agent-base-info .sfz-box .show-img img{
    display: inline-block;
}
.agent-base-info .sfz-box .show-img .add-bg{
    display: none;
}
.agent-base-info .sfz-box dt img{  }
.agent-base-info .sfz-box .show-img img{ width: 100%; max-height: 100%;}
.agent-base-info .sfz-box .text{ display: block; color: #999; padding-top: 20px; }
.agent-base-info .sfz-box .show-img .text{ display: none; }
.sfz-box-in .shadow-box{
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
}
.sfz-box-in.show-img:hover .shadow-box{
    display: block !important;
}
.shadow-box .shadow-btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
    font-size: 0;
    line-height: 110px;
    text-align: center;
}
.shadow-box .shadow-btn a {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    color: #fff;
    width: 80%;
    line-height: 30px;
    border: solid 1px #fff;
    font-size: 12px;
    overflow: hidden;
}
.sfz-box-tips {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #999;
    font-size: 12px;
}
.show-sfz-img-ex {
    font-size: 12px;
    color: #0099ff;
    text-decoration: underline;
}
.show-sfz-img-ex:hover{
    text-decoration: underline;
}
.agent-base-info .contact-info{
    width: 90%;
}
.agent-base-info .contact-info .td-title{
    padding-left: 20px;
    font-size: 14px;
    width: 110px;
}
.agent-base-info .contact-info .td-cont{
    font-size: 14px;
}
.agent-select-business{
    position: relative;
    margin-bottom: 170px;
    padding-left: 30px;
}
.agent-select-business .business-list a{
    display: block;
    position: relative;
}
.agent-select-business .business-list a .arrow{
    display: none;
    position: absolute;
    left: 50%;
    top: 25px;
    margin-left: -16px;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-bottom: 16px solid #ddd;
}
.agent-select-business .business-list a .arrow:before{
    content: "";
    position: absolute;
    top: -14px;
    left: -15px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
    z-index: 2;
}
.agent-select-business .business-list.active a .arrow{
    display: block;
}
.agent-select-business .business-list.active{
    border: 1px solid #ff7200;
    color: #ff7200;
}
.agent-select-business .business-list.active a{
    color: #ff7200;
}
.agent-select-business .business-list{
    display: inline-block;
    margin-right: 20px;
    width: 110px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 30px;
    cursor: pointer;
}
.agent-select-business .business-list .business-small{
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    margin-left: 30px;
    padding: 20px;
    padding-bottom: 10px;
    width: 780px;
    text-align: left;
    border: 1px solid #e2e3e8;
    background-color: #fff;
}
.agent-select-business i.arrow{
    position: absolute;
}
.agent-select-business .business-list .business-small span{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;
    width: 136px;
    text-align: center;
    background:#f5f5f5;
    border:1px solid #dddddd;
    border-radius:2px;
    color: #999;
    cursor: pointer;
}
.agent-select-business .business-list .business-small span:nth-child(5){
    margin-right: 0px;
}
.agent-select-business .business-list .business-small span.active{
    color: #ff9900;
    border: 1px solid #ff9900;
    background-color: #fff;
}
.agent-select-business .business-list.active .business-small{
    display: block;
}
.order-main-title{
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 2.8em;
    font-weight: bold;
}
.order-page-form {
    margin-bottom: 12px;
    padding-top: 12px;
    background-color: #fafafa;
}
.order-page-form ul{
}
.order-page-form ul li{
    float: left;
    margin-right: 40px;
    margin-bottom: 12px;
    height: 32px;
}
.order-page-form ul li label{
    display: inline-block;
    min-width: 80px;
    text-align: right;
}
.order-page-form ul li input.text{
    padding: 5px;
    height: 28px;
    border: 1px solid #bbb;
}
.order-page-form ul li>input.text {
    height: 29px;
}
.order-page-form ul li input.text.date{
    width: 100px;
}
.order-page-form ul li .text.s-input{
    width: 143px;
}
.order-page-form ul li .text.m-input{
    width: 230px;
}
.order-page-form ul li .text.l-input{
    width: 300px;
}
.order-page-form ul li select{
    width: 100px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #bbb;
}
.order-page-form ul li .button{
    display: inline-block;
    padding: 0 20px;
    height: 28px;
}
.export-orderinfo{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px;
    padding-left: 16px;
    color: #ff7200;
    text-decoration: underline;
    font-size: 12px;
    background: url(../images/icon-export2.png) no-repeat 0 center;
    background-size: 13px;
}
.batch-edit-organ{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px;
    padding-left: 16px;
    color: #ff7200;
    text-decoration: underline;
    font-size: 12px;
    background: url(../images/hhr-edit.png) no-repeat 0 center;
    background-size: 13px;
}
.order-page .tabs-bodyer .order-time{
    display: inline-block;
    margin-bottom: 12px;
    padding-left: 16px;
    margin-right: 20px;
    color: #ff7200;
    text-decoration: underline;
    font-size: 12px;
    background: url(../images/icon-switch.png) no-repeat 0 center;
    background-size: 13px;
}

.order-page .tabs-bodyer .resetOrder{
    display: inline-block;
    margin-bottom: 12px;
    padding-left: 16px;

    color: #ff7200;
    text-decoration: underline;
    font-size: 12px;
    background: url(../images/icon-back.png) no-repeat 0 center;
    background-size: 13px;
}
.export-orderinfo:hover, .order-time:hover{
    text-decoration: underline;
}

.go-agreement{
    padding-left: 15px;
    color: #ff7200;
    background: url(../../images/icons/icon-info.png) no-repeat 0 center;
}
.fix-agreement-box {
    display: inline-block;
    margin-top: 5px;
    padding-left: 20px;
    font-size: 12px;
    background-image: url(../../images/icons/icon-f-check.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
}
.order-detail-fix .fix-agreement-box {
    position: absolute;
    right: 0;
    text-align: left;
}
.fix-agreement-box.checked {
    background-image: url(../../images/icons/icon-f-checked.png);
}
.td-handle{
    margin: 0 auto;
    width: 100px;
    font-size: 14px;
}
.td-handle a{
    display: inline-block;
    margin-bottom: 3px;
    font-size: 12px;
}
.td-handle a.order-cancel:not(.button){
    color: #666;
}
.td-handle a.t-href{
    color: #666;
}
.td-handle a.button{
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}
.td-total-price{
    display: inline-block;
    width: 120px;
    /*text-align: center;*/
}
.td-total-price.left {
    text-align: left;
}
.td-total-price.left span {
    padding-left: 8px;
}
.td-total-price p{
    font-size: 12px;
    color: #666;
}
.td-total-price span{
    display: inline-block;
    line-height: 2em;
}
.td-total-price p{
    padding-top: 3px;
    min-width: 126px;
    border-top: 1px solid #e2e3e8;
}
.order-product-name{
    width: 120px;
}
.modal-select-status .modal-body li label{
    display: inline-block;
}
.th-product{
    margin: 6px;
    min-width: 210px;
}
.th-product p{
    font-size: 12px;
}
.agent-product-name{
    margin: 0 auto;
    width: 170px;
    font-size: 13px;
}
.agent-product-name p{
    height: 1.4em;
    line-height: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.order-contact{
    margin: 0 auto;
    width: 100px;
}
.order-contact p{
    height: 1.4em;
    line-height: 1.4em;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.order-list-table .td-brand-info {
    position: relative;
    text-align: left;
}
.order-list-table .td-brand-info .order-num {
    margin-bottom: 10px;
    padding-left: 6px;
}
.order-list-table .td-brand-info-in {
    position: relative;
    padding-left: 30px;
    text-align: left;
}
.order-list-table .td-brand-info .icon-platform {
    position: absolute;
    top: 0px;
    left: 6px;
    width: 18px;
    height: 47px;
    line-height: 1.2em;
    font-size: 12px;
    color: #0099FF;
    background: url(../images/icons/icon-platform.png) no-repeat center;
    background-size: cover;
}
.order-list-table .td-brand-info h3 {
    font-size: 14px;
}
.order-list-table .td-brand-info h4 {
    font-size: 12px;
}
.order-list-table .td-brand-info p {
    font-size: 12px;
    color: #666;
}
.package-name {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #AD6A05;
    line-height: 23px;
    width: 50px;
    height: 20px;
    background: linear-gradient(184deg, #FFE3BA 0%, #FFE9C7 53%, #FFD9A2 100%);
    border-radius: 2px;
    padding: 5px 7px;
    margin-right: 4px;
}
.icon-order-warn{
    display: inline-block;
    position: relative;
    width: 23px;
    height: 15px;
    background: url(../../images/icon-clue-warn.png) no-repeat center;
    background-size: 14px;
    vertical-align: -3px;
}
.package-order-warn{
    float: right;
}
.package-order-warn p{
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #999999;
    line-height: 35px;
}
.order-list-table .td-brand-info .brand-img {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    transition: 0.2s;
    z-index: 9;
}
.order-list-table .td-brand-info .brand-img:hover {
    transform: scale(5);
    z-index: 10;
}
.order-list-table .td-brand-info .brand-img img {
    width: 100%;
}
.order-list-table .td-brand-info .brand-img:after{

}
/*排序*/
.t-sort{
    display: inline-block;
}
.t-sort{
    /*margin-right: 5px;*/
    /*padding-right: 15px;*/
    color: #666;
    /*background: url(../images/icon-none-asc.png) no-repeat right center;*/
    background-size: 13px;
    /*cursor: pointer;*/
}
.t-sort.active.asc{
    /*background: url(../images/icon-asc.png) no-repeat right center;*/
    background-size: 13px;
}
.t-sort.active.desc{
    /*background: url(../images/icon-desc.png) no-repeat right center;*/
    background-size: 13px;
}
/*文件上传*/
.file-upload-container{
    display: none;
}
.file-upload-container.active{
    display: block;
}
.file-upload-container .btns{
    margin-top: 10px;
    text-align: center;
}
.file-upload-container .btns .button{
    border-radius:2px;
    width:180px;
    line-height:32px;
}
.file-upload-container .btns .button.disabled{
    opacity: 0.5;
}
.file-content{
    display: none;
    padding-left: 30px;
    height: 415px;
    overflow: auto;
}
.file-content.active{
    display: block;
}
.file-bottom{
    margin-top: 20px;
}
.file-upload-list .i-star{
    display: inline-block;
    width: 10px;
    padding-top: 2px;
    color: #ff7200;
    font-size: 12px;
    vertical-align: top;
}
.file-upload-list>label{
    display: inline-block;
    padding-right: 25px;
    /* width: 145px; */
    text-align: right;
    vertical-align: middle;
}
.file-upload-list>label{

}
.file-upload-list>label .icon{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.file-upload-list>label span{
    display: inline-block;
    vertical-align: middle;
}
.file-upload-list .l-content{
    display: inline-block;
    vertical-align: middle;
}
.file-upload-list .createpower{
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #ff7200;
    text-decoration: underline;
}
.file-detail-top{
    text-align: right;
    overflow: hidden;
}
.file-detail-top .crumbs{
    float: left;
}
.file-detail-date{
    display: inline-block;
}
.file-detail-date span{
    margin-right: 20px;
}
.file-detail-btn{
    float: right;
}
.file-detail-btn .button{
    margin-left: 10px;
    padding: 1px 10px;
}
.file-detail-img img{
    width: 100%;
}
.file-detail-img{
    margin-top: 20px;
    border: 1px solid #eee;
}
.file-detail-img iframe{
    width: 100%;
    min-height: 900px;
}
.td-content .administrative-division .tab-content .item{
    padding-top: 5px;
}
.order-form-file .showPhotos{
    display: inline-block;
    vertical-align: top;
}
.file-upload-btns{
    margin-top: 20px;
    text-align: center;
}
.file-upload-btns .button{
    display: inline-block;
    width: 180px;
    line-height: 32px;
}
.sort a.asc {
    background-image: url(../images/icon-sort-up.png);
}
.sort a {
    display: inline-block;
    padding-right: 16px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-sort-down.png);
}
/*退款详情*/
.order-refund-list h2{
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 14px;
}
.order-refund-list td{
    font-size: 14px;
}
.order-refund-list td.td-title{
    padding-right: 24px;
    width: 150px;
    text-align: right;
}
.order-refund-nisi tr{
    border-bottom: 1px solid #ddd;
}
.order-refund-nisi td{
    text-align: center;
}
.order-refund-nisi .td-ns-items{
    padding-bottom: 10px;
    width: 700px;
    overflow: hidden;
}
.order-refund-nisi .td-ns-items div{
    float: left;
    margin: 12px;
    width: 320px;
}
.order-refund-nisi .td-ns-items div.td-ns-items-add{
    position: relative;
    margin-right: 0px;
    border-right: 1px solid #ddd;
}
.order-refund-nisi .td-ns-items div h3{
    margin-bottom: 10px;
    font-size: 14px;
}
.r-data-table tr{
    height: 40px;
}
.r-data-table td{
    font-size: 14px;
    border: 1px solid #bbb;
}
.r-data-table td.td-title{
    background-color: rgba(240,139,47,0.06);
}
.r-data-table td.td-content{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 360px;
}
.order-refund-brand ul{
    float: left;
    width: 50%;
}
.order-refund-brand ul li{
    margin-bottom: 10px;
}
.order-refund-brand ul li label{
    display: inline-block;
    padding-right: 24px;
    width: 150px;
    text-align: right;
}
.brand-message{
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.td-refund-href a{
    color: #ff7200;
}
.order-status-btn{
    padding-right: 16px;
    background: url(../images/icon-select.png) no-repeat right center;
    background-size: 14px;
}

/*支付页面*/
.payModal.myModal .header{
    padding-top: 10px;
    text-align: center;
    background-color: #fff;
}
.payModal.myModal .header .title{
    display: inline-block;
    margin-top: 14px;
    font-weight: bold;
    color: #333;
    font-size: 18px;
}
.payModal.myModal .header .icon{
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    height: 21px;
    vertical-align: middle;
}
.payModal.myModal .bodyer{
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
.payModal.myModal .wx-code-box{
    margin: 0 auto;
    padding: 10px;
    width: 194px;
    border: 1px solid #d8d8d8;
}
.payModal.myModal .wx-code{
    display: inline-block;
    width: 100%;
}
.payModal.myModal .wx-code img{
    width: 100%;
}
.wx-code-tips{
    margin-top: 10px;
}
.wx-code-tips span{
    display: inline-block;
    padding-left: 33px;
    font-size: 12px;
    color: #888;
    background: url(../images/icon-scan.png) no-repeat 0 center;
    background-size: 26px;
}
.payModal.myModal .price-box p{
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #888;
}
.payModal.myModal .price-box span{
    color: #333;
    font-size: 14px;
}
.payModal.myModal .price-box .f-price{
    font-size: 24px;
    height: 1.1em;
    line-height: 1.1em;
    vertical-align: top;
}
.payModal.myModal .btns{
    margin-top: 18px;
}
.payModal.myModal .btns .btn{
    padding: 0;
    width: 120px;
    line-height: 2.4em;
    font-size: 14px;
}
.payModal.myModal .btns .checkPrice{
    padding: 0;
    width: 240px;
    line-height: 2.4em;
    font-size: 14px;
}
.payModal.myModal .noShow{
    padding-top: 16px;
}
.payModal.myModal .noShow a{
    font-size: 13px;
    color: #FF7200;
    opacity: 0.5;
}

.payModal.myModal .btns .btn:first-of-type{
}
.payModal.myModal .close{
    color: #aaa;
}
.payModal.myModal .wx-tips{
    margin-top: 24px;
    padding-top: 15px;
    font-size: 12px;
    color: #aaa;
    border-top: 1px solid #d8d8d8;
}
.payModal.myModal .loading{
    width: 16px;
}
.payModal.myModal .account-info{
    margin: 0 auto;
    padding-left: 20px;
    text-align: left;
}
.payModal.myModal .account-info strong{
    display: inline-block;
    width: 90px;
    font-weight: bold;
    color: #666666;
}
.payModal.myModal .account-info p{
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
}
.payModal.myModal .account-info .offlinePrice{
    font-size: 13px;
    color: #FF4422;
}
.payModal.myModal .account-info .offlinePrice i{
    font-size: 20px;
    color: #FF4422;
    font-weight: bold;
}
.payModal.myModal .xx-price-box{
    padding-bottom: 24px;
    border-bottom: 1px solid #d8d8d8;
}
.payModal.myModal .xx-text{
    display: inline-block;
    margin-top: 10px;
    padding-left: 38px;
    text-align: left;
    font-size: 12px;
    color: #FF9900;
    background: url(../images/icon-warning-f.png) no-repeat 18px 1px;
    background-size: 15px;
}
.payModal.myModal .xx-text .color{
    font-weight: bold;
    color: #777;
}
.paying-wrap .order-info-box{
    float: left;
    margin-bottom: 30px;
}
.paying-wrap .order-info-box .icon{
    display: inline-block;
    margin-right: 20px;
    width: 90px;
    vertical-align: middle;
}
.paying-wrap .order-info-box .order-info-text{
    display: inline-block;
    vertical-align: middle;
}
.paying-wrap .order-info-box .row-price{
    margin-left: 15px;
    font-size: 14px;
    color: #555;
}
.paying-wrap .order-info-box .row-price span {
    margin-right: 15px;
    vertical-align: middle;
    color: #666;
    font-size: 12px;
}
.paying-wrap .order-info-box .row-price span:last-of-type {
    margin-right: 0;
}
.paying-wrap .order-info-box .order-info-text h2{
    font-weight: bold;
    font-size: 18px;
}
.paying-wrap .order-info-box .order-info-text h2 strong{
    vertical-align: middle;
}
.paying-wrap.plus-order .order-info-box .order-info-text h2 .plus-row-price{
    font-weight: bold;
    font-size: 24px;
    vertical-align: -3px;
    color: #ff7200;
}
.paying-wrap.plus-order .order-info-box .order-info-text h2 .plus-row-price i {
    font-weight: bold;
}
.paying-wrap.plus-order-active .order-info-box .order-info-text h2 .plus-row-price{
    color: #222;
}
.paying-wrap.plus-order .order-info-box .order-info-text h2 strong {
    display: none;
}
.paying-wrap.plus-order.plus-order-active .order-info-box .order-info-text h2 strong {
    display: inline-block;
}
.paying-wrap .order-info-box .order-info-text h2 strong i,
.paying-wrap .order-info-box .order-info-text h2 strong em{
    font-size: 20px;
    font-weight: bold;
    color: #ff4422;
}
.paying-wrap .order-info-box .order-info-text h2 strong i.del {
    /*text-decoration: line-through;*/
}
.paying-wrap .order-info-price{
    float: right;
}
.paying-wrap .order-info-detail{
    margin-top: 15px;
    color: #333;
}
.paying-wrap .order-info-detail span{
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
}
.paying-wrap .order-info-detail .color {
    color: #333;
}
.paying-wrap .order-info-detail span.order-server-name{
    width: 215px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.file-upload-warning{
    margin-left: 25px;
    font-size: 12px;
    color: #ff7200;
    text-decoration: underline;
    cursor: pointer;
}
.agent-handle-modal{
    text-align: left;
}
.agent-handle-modal .modal-body-in{
    padding: 15px 30px;
}
.agent-handle-modal input[type=text]{
    padding: 3px;
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.agent-handle-modal input[type=text]:focus{
    border-color: #ff7200;
}
.agent-handle-modal p{
    margin-bottom: 15px;
    font-size: 13px;
}
.agent-handle-modal input[type=text].nisi-num{
    width: 60px;
}
.agent-handle-modal .user-info{
    margin-bottom: 15px;
}
.agent-handle-modal .user-info span{
    margin-right: 20px;
}
.agent-handle-modal .td-href a{
    color: #ff7200;
}
.agent-handle-modal a.button{
    width: 60px;
    text-align: center;
    color: #fff;
}
.agent-handle-modal .table-box{
    margin-bottom: 15px;
    height: 240px;
    overflow: auto;
}
.agent-handle-modal td{
    padding: 5px !important;
}
.agent-handle-modal .btns{
    text-align: center;
}
.agent-handle-modal .btns .button{
    display: inline-block;
    width: 120px;
    line-height: 30px;
}
/*官文邮寄*/
.postofficial-detail{
    padding: 20px;
}
.postofficial-detail .icon-warning{
    width: 17px;
    height: 17px;
}
.postofficial-detail table{
    width: 100%;

}
.postofficial-detail table thead{
    background-color: #eee;
}
.postofficial-detail table tr{
    border-bottom: 1px solid #ddd;
}
.postofficial-detail table td{
    font-size: 13px;
    text-align: center;
    border: 1px solid #eee;
}
.postofficial-detail .mail-file{
    padding: 10px;
    text-align: left;
}
.postofficial-detail .mail-file span{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.order-detail-page .order-detail-box table.table-ns tbody tr{
    height: 5em;
}
/*绑定机构*/
.unbind-tips{
    margin-bottom: 40px;
    padding: 12px;
    background-color: rgba(240,139,47,0.19);
}
.unbind-tips-right{
    display: inline-block;
    margin-left: 5px;
    color: #666;
    vertical-align: top;
}
.certificate-tips{
    margin-top: 10px;
    width: 150px;
    text-align: center;
    font-size: 12px;
    color: #ff0000;
}
.safe-level {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.safe-level-complete{
    display: inline-block;
    margin-left: 15px;
    color: #ff7200;
    vertical-align: middle;
}
.safe-level .s1 {
    display: inline-block;
    vertical-align: middle;
}

.safe-level .s2 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.safe-level .s3 {
    display: inline-block;
    line-height: 12px;
    color: #ff0000;
    margin-left: 8px;
    vertical-align: middle;
}

.safe-level .s3 .icon {
    margin-right: 3px;
    vertical-align: middle;
}

.safe-level .s3 span {
    vertical-align: middle
}
/*个人信息*/
.personal-info table{
    margin-left: 10px;
    line-height: 2em;
}
.personal-info table td{
    font-size: 15px;

}
.p-base-info .showPhotos{
    display: inline-block;
    vertical-align: top;
}
.p-base-info table{
    display: inline-table;
    margin-left: 20px;
    width: 360px;
    vertical-align: top;
    font-size: 15px;
}
.p-base-info table.table-edit{
    width: 500px;
}
.p-base-info img{
    width: 100%;
}
.p-base-info table tr{
    height: 2.8em;
}
.table-edit .mybtn{
    display: block;
    background:#ff7200;
    border-radius:2px;
    width:140px;
    color: #fff;
    line-height: 32px;
    text-align: center;
}
/*创建订单*/
.order-form-page .crumbs{
    padding-bottom: 10px;
}
.order-form-page .c-row label{
    font-size: 14px;
}
input::-webkit-input-placeholder,
.myInput::-webkit-input-placeholder,
.input::-webkit-input-placeholder,
.text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #ccc;
    font-size: 12px;
}
input::-moz-placeholder,
.myInput::-moz-placeholder,
.input::-moz-placeholder,
.text::-moz-placeholder,
textarea::-moz-placeholder{
    color: #aaa;
    font-size: 12px;
}
.modal-form.modal-select-status ul{
    margin-top: 5px;
    width: 100%;
    min-height: 80px;
}
.modal-form.modal-select-status ul li .l-content{
    width: 300px;
}
.modal-form.modal-select-status ul li .l-content label{
    display: inline-block;
    margin-right: 10px;
}
.modal-form.modal-select-status ul li .l-content label.checkbox{
    margin-right: 2px;
    margin-bottom: 0px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.modal-form.modal-select-status ul li .l-content input[type=checkbox]{
    vertical-align: middle;
}
.modal-form.modal-select-status ul li .l-content span{
    display: inline-block;
    vertical-align: middle;
}
/*批量支付*/
.paying-wrap{
    margin: 40px auto;
    padding: 20px 100px;
    padding-top: 60px;
    width: 1200px;
    background-color: #fff;
    box-shadow:0 4px 6px 0 rgba(113,114,119,0.10);
}
.paying-wrap .section-orderInfo{
    margin-bottom: 20px;
}
.product-type-btn{
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 15px;
    width: 90px;
    line-height: 32px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}
.product-type-btn.active:after{
    top: 7px;
    border: 6px solid transparent;
    border-bottom-color: #ff7200;
}
.product-type-btn:after{
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #ff7200;
}
.pay-order-list.section-orderInfo{
    margin: 0 auto;
    margin-bottom: 30px;
}
.pay-order-list table{
}
table.myDataTable .pl-total-price td{
    border-bottom: none;
}
.myDataTable span{
    display: inline-block;
}
.pl-order-list{
    max-height: 200px;
    overflow: auto;
}
/*官文邮寄*/
.post-editAddressModal .btns{
    margin-top: 30px;
    text-align: center;
}
.post-editAddressModal .btns .mybtn-lg{
    width: 144px;
    line-height: 32px;
}
.order-main-title span{
    margin-left: 10px;
    color: #666;
    font-size: 12px;
}
.order-main-title span.title{
    color: #333;
}
.order-main-title span .iconfont{
    margin-right: 3px;
    font-size: 15px;
    color: #ff0000;
}
.checkbox-label { display: inline-block }
.checkbox{ display: inline-block; width: 16px; height: 16px;border: none; background-image: url(../../images/icons/icon-f-check.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.checkbox.checked{ background-image: url(../../images/icons/icon-f-checked.png); }
.checkbox input[type=checkbox]{
    opacity: 0;
    cursor: pointer;
}
.td-date{
    width: 82px;
}
.td-applicantName{
    margin: 0 auto;
    width: 100px;
}
/*审核不通过*/
.audit-msg{
    padding-left: 18px;
    color: #ff7200;
    background: url(../images/icon-warning-o.png) no-repeat 0px 0px;
    line-height: 1.2em;
    background-size: 14px;
}
.td-audit-msg-box{
    position: relative;
}
.tr-audit-msg-box{
    height: 1.5em;
}
.td-audit-msg{
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 12px;
    text-align: left;
}
table.myDataTable td.td-audit-msg{
    padding: 0px;
}
table.order-list-table tbody tr:not(.tr-audit-msg-box){
}
table.order-list-table tbody tr:not(.tr-audit-msg-box) td{
    padding: 12px 0;
}
table.order-list-table tbody.tbody-type-all tr{
    height: 2em;
}
table.order-list-table tbody.tbody-type-all tr td{
    padding: 5px 0;
}
table.order-list-table tbody.pl-total-price tr td{
}
.detail-audit-msg {
    margin-top: 6px;
    padding: 8px 0px;
    background-color: #ffdbdd;
}
.detail-audit-msg span{
    display: inline-block;
    padding-left: 32px;
    line-height: 1.2em;
    color:#cb1f2b;
    background: url(../images/icon-warning-br.png) no-repeat 8px 0px;
    background-size: 16px;
}
.material-bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.table-search{ margin-top: 5px; }
.table-search td{ padding: 6px 0; }
.table-search .td-title{ text-align: right; }
.table-search .input{ width: 160px; }
.table-search .input:focus{ border: solid 1px #ff7200; }
#zhuyi-modal{ padding: 10px 30px 0 0; }
.zhuyi-modal{ padding: 10px 30px 0 0; }
.zhuyi-modal table td{ vertical-align: top; padding: 6px 3px; }
.zhuyi-modal table .td-title{ font-size: 14px; font-weight: bold; }
.zhuyi-modal table .td-content{ font-size: 12px; color: #333; }
.photo-box .icon-jiahao:before {
    content: "";
}
.photo-box .iconfont.icon-jiahao{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/icon-plus.png) no-repeat center;
    background-size: cover;
}
.modal-brand .modal-body{
    padding-left: 40px;
}
.modal .overseas-form{
    width: 100%;
}
.modal-form .myInput{
    padding: 5px;
    height: 28px;
}
.modal-form .myInput.m-address{
    width: 500px;
}
.modal-form .myInput.address{
    width: 320px;
}
.modal-form .address-tips{
    display: none;
}
.change-applicant-info .modal-body{
    margin-bottom: 15px;
}
.change-applicant-info .administrative-division .d-dropinput .input{
    margin-bottom: 5px;
}
h2.border-title{
    margin-left: 55px;
    margin-bottom: 25px;
    padding-left: 10px;
    height: 1em;
    line-height: 1em;
    font-size: 16px;
    border-left: 3px solid #ff7200;
}
.order-appraise {
    text-align: center;
}
.order-appraise textarea.myInput{
    width: 100%;
    height: 80px;
}
.order-appraise .head-img {

}
.order-appraise .head-img p{
    font-size: 12px;
}
.appraise-tag {
    display: none;
    width: 300px;
}
.appraise-tag.active{
    display: block;
}
.appraise-tag span{
    display: inline-block;
    margin-right: 15px;
    width: 140px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.appraise-tag span:nth-child(1),
.appraise-tag span:nth-child(2) {
    margin-bottom: 15px;
}
.appraise-tag span:nth-child(2n) {
    margin-right: 0px;
}
.appraise-tag span.active{
    border-color: #ff9900;
    color: #ff9900;
}
.order-appraise-btn{
    text-decoration: underline;
}
.order-appraise-btn:hover{
    text-decoration: underline;
}
.order-appraise ul{
    width: 300px;
}
.yzm-form .mybtn:not(.mybtn-lg){
    display: inline-block;
    width: 100px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #ff7200;
    border-radius: 2px;
}
.yzm-form table{
    width: 450px;
}
.yzm-form table td{
    color: #333;
}
.yzm-form img{
    display: inline-block;
    width: 90px;
    height: 30px;
    vertical-align: middle;
}
/*进度条*/
.task-status-bar{
    text-align: center;
}
.task-status-bar.status1{

}
.task-status-bar ul{
    display: inline-block;
    overflow: hidden;
}
.task-status-bar ul li{
    float: left;
    text-align: center;
    vertical-align: middle;
}
.task-status-bar .step.step-finish p{
    color: #ff7200;
}
.task-status-bar .step .step-img{
    display: inline-block;
    margin-bottom: 9px;
    width: 26px;
    height: 30px;
}
.task-status-bar .step p{
    width: 56px;
    color: #999;
}
.task-status-bar .step.step2 .step-img{
    background: url(../images/step2.png) no-repeat center;
    background-size: cover;
}
.task-status-bar .step.step3 .step-img{
    background: url(../images/step3.png) no-repeat center;
    background-size: cover;
}

.task-status-bar .step.step1.step-finish .step-img{
    background: url(../images/step1-active.png) no-repeat center;
    background-size: cover;
}
.task-status-bar .step.step2.step-finish .step-img{
    background: url(../images/step2-active.png) no-repeat center;
    background-size: cover;
}
.task-status-bar .step.step3.step-finish .step-img{
    background: url(../images/step3-active.png) no-repeat center;
    background-size: cover;
}
.task-status-bar .line{
    margin-top: 13px;
    width: 210px;
    height: 4px;
    border-radius: 2px;
    background-color: #e2e3e8;
}
.task-status-bar .line span{
    display: block;
    height: 100%;
    border-radius: 2px;
    background-color: #ff7200;
}
.task-status-bar.status1 .line-1 span{
    width: 50%;
}
.task-status-bar.status1 .line-2 span{
    width: 0%;
}
.task-status-bar.status2 .line-1 span{
    width: 100%;
}
.task-status-bar.status2 .line-2 span{
    width: 50%;
}

/*下拉框*/
.m-select-box{
    display: inline-block;
    padding-bottom: 1px;
    width: 140px;
    height: 32px;
    position: relative;
    border: 1px solid #bbb;
}
.m-select-box .icon{
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 12px;
    width: 8px;
    height: 6px;
    background: url(../images/icon-select-adown.png) no-repeat center;
    background-size: cover;
    z-index: 5;
}
.m-select-box .icon-search{
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background: url(../images/icon-search.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
}
.m-select-box .text{
    padding-left: 15px;
    width: calc(100% - 20px) !important;
    height: 100%;
    border: none !important;
}
.m-select-box .text.search-text{
    padding-left: 8px;
    width: calc(100% - 30px) !important;
    vertical-align: middle;
}
.m-select-box dl{
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 9;
}
.m-select-box dl dd{
    padding: 5px;
    font-size: 12px;
    line-height: 2em;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.m-select-box dl dd:hover{
    color: #ff7200;
    background-color: #f5f5f5;
}
.layui-layer-title{
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 13px;
    height: 52px;
    line-height: 42px;
    border-bottom: none;
    font-size: 16px;
    text-align: center;
}
.layui-layer-title .file-upload-warning{
    position: absolute;
    top: 15px;
}
select{
    height: 30px;
}
/*邮寄地址弹框*/
.selectAddressModal .tr-address{
    display: none;
}
.selectAddressModal .tr-address.active{
    display: block;
}
.selectAddressModal .editAddressModal{
    padding: 0px;
}
.selectAddressModal #editAddressModal table{
    border: none;
}
.selectAddressModal #editAddressModal table td{
    border: none;
}
.selectAddressModal .myradios-address{
    margin-bottom: 15px;
}
/*合伙人*/
.order-detail-pay-info table{
    margin-left: 25px;
}
.order-detail-pay-info td{
    font-size: 14px;
    color: #333;
}
.order-detail-pay-info td.td-title{
    width: 90px;
}
.order-detail-pay-info td.td-content{
    width: 200px;
}
.order-detail-pay-info td span{
    display: inline-block;
    vertical-align: middle;
}
.order-detail-pay-info td a{
    margin-left: 10px;
    font-size: 12px;
    text-decoration: underline;
    vertical-align: middle;
}
.order-detail-pay-info li a{
    margin-left: 10px;
    font-size: 12px;
    text-decoration: underline;
    vertical-align: middle;
}
.order-info-edit{
    display: none;
}
.order-info-edit a.button{
}
.order-detail-fix{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: #f0f0f0;
    box-shadow:0 -2px 4px 2px rgba(113,114,119,0.10);
    z-index: 9;
}
.order-detail-fix .order-check-all{
    display: inline-block;
    margin-left: 28px;
    margin-top: 20px;
}
.order-detail-fix-in{
    margin: 0 auto;
    width: 1240px;
}
.order-detail-fix-in .left{
    float: left;
    width: 160px;
}
.order-detail-fix-in .right{
    float: right;
    position: relative;
    width: 1060px;
}
.order-detail-fix-in .right .file-agree-box{
    float: left;
    margin-top: 22px;
    margin-left: 20px;

}
.order-detail-fix-in .pay-price{
    float: left;
    padding-left: 15px;
    line-height: 60px;
    font-size: 16px;
}
.order-detail-fix-in .pay-price .ds1{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.order-detail-fix-in .pay-price label{
    display: inline-block;
    color: #333;
    vertical-align: middle;
}
.order-detail-fix-in .pay-price label span{
    margin-left: 6px;
}
.order-detail-fix-in .pay-price strong{
    display: inline-block;
    font-size: 24px;
    color: #ff4422;
    vertical-align: middle;
}
.order-detail-fix-in .pay-price strong i{
    font-weight: bold;
}
.order-detail-fix-in .pay-price span{
    display: inline-block;
    margin-left: 18px;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
}
.order-detail-fix-in .pay-price span i{
    color: #666;
}
.order-detail-fix-in .pay-btns{
    float: right;
    padding-right: 3px;
    margin-top: 14px;
    text-align: right;
}

.order-detail-fix-in .pay-btns .button{
    margin-left: 20px;
    width: 160px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
}
.order-detail-fix.order-detail-fix-insure {
    height: 80px;
}
.order-detail-fix.order-detail-fix-insure .order-detail-fix-in .pay-price span {
    font-size: 13px;
    vertical-align: 0px;
}
.order-detail-fix .red {
    color: #ff4422 !important;
    font-weight: bold;
}
.order-detail-fix .red i {
    color: inherit !important;
    font-weight: bold;
}
.order-detail-fix-in .pay-btns .button.disabled{
    color: #fff;
    background-color: #ddd;
    border: 1px solid #ddd;
}
.order-detail-fix-in .pay-btns.pay-btns-agree .file-agree-box {
    float: none !important;
    position: static !important;
    margin-top: 5px !important;
    text-align: right;
}
.order-detail-fix-in .pay-btns.pay-btns-agree {
    margin-top: 10px;
    text-align: right;
}
.order-detail-fix-in .pay-btns.pay-btns-agree .button {
    margin-top: 0px;
}
.order-detail-fix-in .price-box span {
    margin-right: 20px;
}
.order-detail-fix-in .red {
    color: #ff4422;
}
.order-detail-fix-in strong {
    font-size: 20px;
    font-weight: bold;
    vertical-align: -2px;
}
.order-detail-box.in-edit{
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0px;
    padding: 20px;
    background-color: #f8f9fb;
}
.has-agree-box-fix .order-detail-fix-in .right {
    position: relative;
}
.has-agree-box-fix .order-detail-fix-in .pay-price {
    line-height: 30px;
    height: 60px;
}
.has-agree-box-fix .order-detail-fix-in .right .file-agree-box{
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 22px;
    margin-left: 20px;

}
.in-edit .edit{
    display: none !important;
}
.in-edit .order-info-edit{
    display: block;
}
.in-edit tbody.order-info-edit {
    display: table-row-group;
}
.order-detail-pay-info.in-edit tbody.order-info-edit a {
    text-decoration: none;
}
.in-edit .order-info-save{
    display: none;
}
.submit-tips{
    margin: 0 auto;
    padding: 10px;
    padding-left: 30px;
    width: 460px;
    font-size: 12px;
    color: #ff7200;
    background: url(../images/icon-warning-f.png) no-repeat 10px 11px;
    background-color: #fffdf0;
    background-size: 15px;
}
.submit-tips p{
    margin-bottom: 3px;
}
.order-categories .brandInfo-wrap .section-selfchoice .group-left{
    background-color: #fff;
}
.order-categories .categoryInfo-wrap{
    display: none;
}
.order-categories .brandInfo-wrap .section-selfchoice{
    margin-top: 25px;
    border: none;
}
.order-categories .group-right-search>.button {
    font-size: 12px;
    color: #666;
    text-decoration: underline;
    background: none;
    border: none;
}
.order-categories .brandInfo-wrap .section-selfchoice .group-right{
    border: 1px solid #eee;
}
.order-categories .brandInfo-wrap .section-selfchoice .group-right .article .article-header .header-left a{
}
.applicant-info .overseas-form table{
    margin-bottom: 0px;
}
.order-categories-change{
    margin-top: 10px;
    font-size: 12px;
    color: #222;
    text-align: right;
}
.order-categories-total{
    margin-top: 10px;
    font-size: 12px;
    color: #222;
    text-align: right;
}
.order-categories-total .span-total{
    font-size: 12px;
    color: #222;
}
.order-categories-total .span-total strong{
    color: #ff4422;
    font-size: 18px;
    font-weight: bold;
}
.order-categories-total .span-total strong i{
    font-weight: bold;
    font-size: 18px;
}
.order-detail-user{
    float: right;
}
.brandInfo-wrap .section-base .table-1 .brand-fcontent .msg-tips{
    padding: 0px;
}
.article-name{
    font-size: 20px;
}
.article-name i{
    color: #333;
}
.article-status {
    display: inline-block;
    margin-left: 8px;
    background:#ff9900;
    border-radius:2px;
    width: 44px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.article-card{
    display: inline-block;
    position: relative;
    margin-left: 20px;
    height: 18px;
    vertical-align: middle;
}
.article-card .erweimaModal{
    margin-left: -90px;
    width: 170px;
    height: 210px;
    background-color: #fff;
}
.article-card .erweimaModal .bodyer{
    padding: 20px;
    padding-bottom: 0px;
}
.article-card.active .erweimaModal{
    display: block;
}
.article-card .erweimaModal .bodyer .tr-3 td .imgbox{
    margin-top: 0px;
    width: 130px;
    height: 130px;
}
.article-card .erweimaModal .bodyer .tr-4 td{
    padding-top: 0px;
}
.article-card .erweimaModal .bodyer .tr-4 td a{
    display: inline-block;
    margin-top: 13px;
    padding-left: 16px;
    color: #666;
    text-decoration: underline;
    background: url(../images/icon-download.png) no-repeat 0 center;
    background-size: 12px;
}
.article-card .erweimaModal .bodyer .tr-4 td span{
    color: #666;
    margin-left: -10px;
    margin-right: -10px;
}
.article-card img{
    height: 100%;
}
/*信用度*/
.credit-star {
    display: inline-block;
}
.credit-star .icon-star{
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-star.png) no-repeat center;
    background-size: cover;
}
.credit-star .icon-star.active{
    background-image: url(../images/icon-star-active.png);
}
.credit-star .icon-star:before{
    content: '';
}
.level-word {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.level-word.low{
    color: #ff0000;
}
.level-word.middle{
    color: #ff9900;
}
.level-word.high{
    color: #00bb00;
}
.article-money{
    width: 500px;
}
.article-money .money-left{
    float: left;
    position: relative;
    width: 50%;
}
.article-money .money-left:after{
    content: "";
    position: absolute;
    right: 40px;
    top: 0px;
    width: 1px;
    height: 100px;
    background-color: #e6e6e6;
}
.article-money .money-right{
    float: left;
}
.article-money strong{
    color: #ff7200;
}
.article-money .money-left p{
    margin-bottom: 10px;
    font-size: 14px;
    color: #999;
}
.article-money .money-left strong{
    display: block;
    margin-bottom: 16px;
    font-size: 28px;
    color: #ff7200;
}
.article-money .money-left .button{
    background: #ff7200;
    border-radius:100px;
    width:80px;
    line-height:24px;
    font-size: 12px;
    text-align: center;
}
.article-money .money-right p{
    margin-bottom: 15px;
}
.article-money .money-right p:last-of-type{
    margin-bottom: 0px;
}
.article-money .money-right label{
    display: inline-block;
    font-size: 12px;
    color: #999;
    vertical-align: middle;
}
.article-money .money-right strong{
    display: inline-block;
    font-size: 18px;
    color: #ff7200;
    vertical-align: middle;
}
/*广播*/
.article-bottom-info {
    position: relative;
    margin-top: 20px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: url(../../images/icons/icon-trump.png) no-repeat 8px center;
    background-size: 24px;
}
.swiper-box {
    position: relative;
    height: 100px;
}
.swiper-box .swiper-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}
.article-bottom-info p {
    position: absolute;
    left: 50px;
    top: 0;
    width: 100%;

}
.article-bottom-info p.s_show, .swiper-box .swiper-item.s_show{
    opacity: 1;
    animation:gr_scroll_show 2s infinite;
    animation-iteration-count: 1;
    z-index: 5;
}
.article-bottom-info p.s_hide, .swiper-box .swiper-item.s_hide{
    opacity: 0;
    transform: translateY(-20px);
    transition: 1s;
}
@keyframes twinkling {
    0% { transform: scale(0.8);  }
    50% { transform: scale(0.9);  }
    100% { transform: scale(0.8);  }
}
@keyframes gr_scroll_show {
    0% { transform: translateY(20px); opacity: 0 }
    100% { transform: translateY(0px); opacity: 1 }
}
@keyframes gr_scroll_hide {
    0% { transform: translateY(0px); opacity: 1}
    100% { transform: translateY(-20px); opacity: 0 }
}
.article-bottom-info span{
    margin-right: 50px;
}
.article-bottom-info span i{
    color: #ff4422;
}
.article-bottom-link{
    margin-top: 10px;
    padding: 10px 20px;
    height: 120px;
    border: 1px solid #e2e3e8;
    text-align: center;
}
.article-bottom-link .search-box {
    float: left;
    padding-top: 16px;
    width: 43%;
    height: 100%;
    text-align: left;
    border-right: 1px solid #e6e6e6;
}
.article-bottom-link .search-box .search-type {
    margin-bottom: 12px;
}
.article-bottom-link .search-box .search-type a {
    margin-right: 16px;
    color: #666;
    font-size: 12px;
}
.article-bottom-link .search-box .search-type a.active {
    font-weight: bold;
}
.article-bottom-link .search-box .search-box-input {
    padding-left: 35px;
    width: 385px;
    height: 40px;
    background-size: 20px;
}
.article-bottom-link .search-box .search-box-input .search-history {
    display: block;
    top: 38px;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    z-index: 9;
}
.article-bottom-link .search-box .search-box-input .search-history ul {
    border: none;
    background-color: #e3e3e3;
}
.article-bottom-link .search-box .search-box-input .search-history li {
    display: block;
    top: 38px;
    width: 100%;
    border: none;
}
.article-bottom-link .search-box .search-box-input .search-history li:hover {
    color: #ff7200;
}
.article-bottom-link .search-box .search-box-input .text {
    width: 100%;
    height: 100%;
}
.article-bottom-link .search-box .search {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 85px;
    line-height: 38px;
    text-align: center;
    border-radius: 0;
    border: 1px solid #ff7200;
}
.article-bottom-link ul.link {
    display: flex;
    /*width: 57%;*/
    height: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}

.article-bottom-link li.c-positive{
    position: relative;
}
.article-bottom-link li.c-positive img{
    height: 45px;
    margin-top: -5px;
    /*margin-right: -20px;*/
}
.article-bottom-link li .p-img {
    position: absolute;
    top: -11px;
    left: 55px;
    background: url("../../../qdshome/images/clue/Group 32@2x.png") no-repeat;
    background-size: 100% 100%;
    height: 18px;
    width: 32px;
    display: inline-block;
    box-sizing: border-box;
}


.article-bottom-link .link li{
    display: inline-block;
    position: relative;
    text-align: center;
}
.article-bottom-link li .icon-new {
    position: absolute;
    right: -5px;
    top: -10px;
}
.article-bottom-link li .icon-bai {
    position: absolute;
    right: -40px;
    top: -10px;
}
.article-bottom-link li:last-of-type{
    margin-right: 0px;
}
.article-bottom-link li img{
    margin-bottom: 15px;
    height: 40px;
}
.article-bottom-link li p{
    font-size: 16px;
    color: #666;
}
/*支付*/
.new-pay-wrap .header-box{
    width: 1200px;
    margin: auto;
    padding-left: 20px;
    height: 70px;
    position: relative;
}
.new-pay-wrap .new-pay-wrap-header{
    border-bottom: solid 1px rgba(113,114,119,0.10);
    box-shadow: 0 4px 6px 0 rgba(113,114,119,0.10);
    background-color: #fff;
}
.new-pay-wrap .new-pay-wrap-header .logo{
    display: inline-block;
    padding-top: 15px;
}
.new-pay-wrap .new-pay-wrap-header .logo img{
    display: inline-block;
    width: 95px;
    vertical-align: middle;
}
.new-pay-wrap .new-pay-wrap-header .header-box-pay-right{
    margin-top: 0;
    height: 100%;
}
.new-pay-wrap .new-pay-wrap-header .header-box-pay-right .header-user {
    margin-right: 20px;
    padding-top: 21px;
    height: 100%;
}
.new-pay-wrap .new-pay-wrap-header .server-list {
    left: -30px;
    top: 30px;
}
.new-pay-wrap .new-pay-wrap-header .header-box-pay-right .header-user:hover .server-list {
    display: block;
}
.new-pay-wrap .new-pay-wrap-header .header-box-pay-right .header-user:after {
    display: none;
}
.new-pay-wrap .header-box-title{
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    font-size:28px;
    color:#666666;
    border-left: 2px solid #e2e3e8;
    vertical-align: middle;
}
.header-box-pay-right{
    float: right;
    margin-top: 25px;
}
.header-box-pay-right .header-user{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.header-box-pay-right .header-user:after{
    content: '';
    position: absolute;
    top: 3px;
    right: 0px;
    width: 1px;
    height: 16px;
    background-color: #e4e4e4;
}
.header-phone{
    padding-left: 20px;
    font-size:14px;
    color:#666666;
    background: url(../images/icon-phone.png) no-repeat 0 center;
    background-size: 12px;
}
.paying-wrap .section-payMode .cont-bodyer .list .icon-radio{
    display: none;
}
/*收款*/
.paying-sk-top .left{
    float: left;
}
.paying-sk-top .right{
    float: right;
}
.paying-sk-top .left img{
    margin-left: 10px;
    margin-right: 20px;
    width: 30px;
    vertical-align: middle;
}
.paying-sk-top .left span{
    display: inline-block;
    font-size:18px;
    color:#333333;
    font-weight: bold;
    vertical-align: middle;
}
.paying-sk-top .right{
    font-size:14px;
    color:#666666;
}
.paying-sk-top .right strong{
    font-size: 22px;
    color: #ff7200;
    font-weight: bold;
}
.paying-sk-ewm{
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}
.paying-sk-ewm .ewm{
    display: inline-block;
    margin: 0 auto;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.paying-sk-ewm .ewm-img{
    padding: 10px;
    padding-bottom: 0px;
    width: 170px;
}
.paying-sk-ewm img{
    width: 100%;
}
.paying-sk-ewm input{
    padding: 5px;
    width:224px;
    height:32px;
    border:1px solid #cccccc;
    border-radius:2px;

}
.paying-sk-ewm .button{
    margin-left: 10px;
    padding: 6px 14px;
}
.paying-sk-ewm .link{
    margin: 0 auto;
    width: 500px;
    text-align: left;
}
.paying-sk-ewm .link li label{
    display: inline-block;
    width: 120px;
    text-align: right;
}
.paying-sk-ewm .link li label i{
    color: #ff7200;
}
.paying-sk-ewm .link ul li .warning{
    display: block;
    margin-top: 6px;
    margin-bottom: 12px;
    margin-left: 125px;
    font-size: 12px;
}
.paying-sk-ewm p{
    margin-top: 3px;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 12px;
    color: #666;
}
.paying-sk-order{
    margin-top: 35px;
    margin-bottom: 30px;
    padding: 20px;
    padding-bottom: 40px;
    border: 1px solid #e0e0e0;
}
.paying-sk-order h2{
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
}
.paying-sk-order .brand-img{
    display: inline-block;
    margin-left: 20px;
    margin-right: 15px;
    width: 132px;
    height: 132px;
    border: 1px dashed #ccc;
    border-radius: 2px;
    vertical-align: middle;
}
.paying-sk-order .brand-img img{
    width: 100%;
    height: 100%;
}
.paying-sk-order ul{
    display: inline-block;
    width: 780px;
    overflow: hidden;
    vertical-align: middle;
}
.paying-sk-order ul li{
    float: left;
    margin-top: 10px;
    width: 50%;
    white-space: nowrap;
}
.paying-sk-order ul li:nth-child(2n){ width: 60%; }
.paying-sk-order ul li:nth-child(2n+1){  width: 40%; }
.paying-sk-order li label{
    display: inline-block;
    margin-right: 10px;
    width: 120px;
}
.paying-sk-order li span{
    display: inline-block;
    width: 170px;
    vertical-align: top;
}
.paying-sk-input ul label{
    display: inline-block;
    width: 120px;
    text-align: right;
}
.paying-sk-input ul li .warning{
    display: block;
    margin-top: 6px;
    margin-bottom: 12px;
    margin-left: 125px;
    font-size: 12px;
}
.paying-sk-input ul li .myInput{
    width: 400px;
}
.paying-sk-input ul label i{
    margin-right: 3px;
    color: #ff7200;
}
.paying-sk-button{
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}
.paying-sk-button .button{
    display: inline-block;
    margin-right: 24px;
    width: 180px;
    line-height: 36px;
    font-size: 16px;
    border-radius:2px;
}
.paying-sk-button .href{
    color: #ff7200;
    text-decoration: underline;
}
.modal-copy{
    padding: 0 20px;
}
.copy-top{
    padding-bottom: 22px;
    border-bottom: 1px solid #d8d8d8;
    text-align: left;
}
.copy-top img{
    display: inline-block;
    margin-left: 65px;
    margin-right: 18px;
    width: 63px;
    vertical-align: middle;
}
.copy-top .right{
    display: inline-block;
    vertical-align: middle;
}
.copy-top .right h2{
     font-size: 18px;
     font-weight: bold;
}
.copy-top .right p{
    font-size: 16px;
}
.copy-bottom{
    margin-top: 30px;
    margin-bottom: 40px;
    font-size:14px;
    color:#666666;
    line-height:24px;
    text-align: center;
}
.header-box-top{
    display: block;
    height: 40px;
    line-height: 38px;
    background-color: #f5f5f5;
}
.header-box-top.header-banner{
    background: url(../images/home_top_banner.png) center no-repeat;
    background-size: auto 40px;
}
.header-box-top-in{
    margin: 0 auto;
    width: 1240px;
}
.header-user img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    vertical-align: middle;
}
.header-user-name{
    display: inline-block;
    color: #666;
    vertical-align: middle;
}
.header-user:hover .server-list{
    display: block;
}
.person-orderprint .btns{
    margin-top: 20px;
    text-align: center;
}
.person-orderprint .cont-crumbs .btns{
    margin-top: 0px;
}

.header-box-top .header-box-right{
    float: right;
}
.header-ewm img{
    width: 16px;

}
.header-box-top .header-box-right>span{
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
    vertical-align: middle;
}
.header-box-top .header-box-right>span:after{
    content: '';
    position: absolute;
    top: 12px;
    right: 0px;
    width: 1px;
    height: 16px;
    background-color: #e4e4e4;

}
.header-box-top .header-box-right>span:last-of-type:after{
    display: none;
}
.header-user-name{
    position: relative;
}
.header-user-name .server-list{
    display: none;
    position: absolute;
    left: 10px;
    background:#ffffff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.20);
    border-radius:4px;
    width:120px;
    height:148px;
    z-index: 99;
}
.header-user-name .server-list .server-list-top{
    border-bottom: 1px solid #e4e4e4;
}
.header-user-name .server-list div{
    padding: 6px 0;
}
.header-user-name .server-list a{
    display: block;
    padding-left: 36px;
    font-size: 12px;
    line-height: 30px;
    color: #666;
}
.header-user-name .server-list a.header1{
    background: url(../images/icon-header1.png) no-repeat 15px center;
    background-size: 14px;
}
.header-user-name .server-list a.header2{
    background: url(../images/icon-header2.png) no-repeat 15px center;
    background-size: 12px;
}
.header-user-name .server-list a.header3{
    background: url(../images/icon-header3.png) no-repeat 15px center;
    background-size: 12px;
}
.header-user-name .server-list a.header4{
    background: url(../images/icon-header4.png) no-repeat 15px center;
    background-size: 12px;
}
.header-server{
    cursor: pointer;
}
.header-ewm{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.header-ewm:hover .ewm{
    display: block;
}
.header-ewm .ewm{
    display: none;
    position: absolute;
    top: 25px;
    left: -15px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.20);
    border-radius:4px;
    z-index: 99;
}
.header-ewm .ewm img{
    width: 100px;
}
.header-ewm .ewm p{
    margin-top: 6px;
    line-height: 14px;
    color: #ff7200;
}
.paying-wrap .section-payMode .cont-title .tips{
    padding-left: 20px;
    background: url(../images/icon-warning-r.png) no-repeat 0 center;
    background-size: 14px;
}
.readonly{
    border: none;
    background-color: transparent;
}
.readonly:focus{
    border: none;
}
.order-back-title{
    text-align: center;
}
.order-back-title .icon{
    display: inline-block;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    background: url(../images/icon-back.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
}
.order-back-title span{
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
}
.order-back .modal-body{
    padding: 35px 50px;
    font-size: 14px;
    text-align: center;
}

/*代理人信息*/
.agent-base-info{
    margin-top: 20px;
}
.agent-base-info .head-img-box{
    float: left;
    position: relative;
    margin-right: 60px;
    margin-left: 30px;
}
.agent-base-info .head-img{
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}
.personality-sign-text.error{
    color: #ff0000;
}
.agent-base-info .head-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.agent-base-info .head-img img.error{
    border: 1px solid #ff0000;
}
.agent-base-info .head-img .uploadPic-btn{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
}
.agent-detail td{
    font-size: 14px;
    color: #333;
}
.agent-detail table .td-title{
    width: 82px;
}
.agent-detail table tr{
    height: 2em;
}
.agent-detail table .td-content{
    padding-right: 85px;
    max-width: 400px;
}
.agent-person-tips input{
    display: none;
}
.agent-person-tips.edit-box input{
    display: inline-block;
}
.agent-person-tips.edit-box .personality-sign-text{
    display: none;
}
.agent-person-tips .save{
    display: none;
}
.agent-person-tips.edit-box .save{
    display: inline-block;
}
.agent-person-tips.edit-box .edit{
    display: none;
}
.agent-person-tips .edit{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/hhr-edit.png) no-repeat center;
    background-size: cover;
}
.agent-base-info{
    margin-bottom: 30px;
}
.agent-base-info.agent-workyear{
    margin-top: 20px;
    margin-bottom: 10px;
}
.agent-base-info.agent-workyear ul li:last-of-type{
    margin-bottom: 0px;
}
.agent-base-info .sfz-box img.img-example {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.agent-base-info>ul{
    margin-top: 15px;
    margin-left: 30px;
}
.agent-base-info ul li{
    margin-bottom: 15px;
}
.agent-base-info ul li label{
    display: inline-block;
    margin-right: 25px;
    width: 90px;
}
.agent-base-info ul.add-work-btns{
    margin-top: 5px;
}
.agent-base-info ul.add-work-btns li label {
    margin-right: 0;
}
.agent-base-info ul li .l-content{
    display: inline-block;
    vertical-align: top;
}
.agent-base-info .agent-detail{
    float: left;
    width: 730px;
}
.agent-base-info .agent-detail h2{
    margin-bottom: 5px;
    font-size: 16px;
}
.agent-base-info .agent-detail h2 span{
    display: inline-block;
    min-width: 80px;
    color: #333;
    vertical-align: middle;
}
.agent-base-info .agent-detail li{
    display: inline-block;
    width: 40%;
}
.agent-status {
    position: absolute;
    display: inline-block;
    left: 50%;
    bottom: -23px;
    margin-left: -22px;
    width:44px;
    height:17px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #ff9900;
    border-radius: 2px;
}
.agent-business{
    padding: 0 20px;
}
.agent-business a{
    display: inline-block;
    margin-right: 15px;
    width: 140px;
    line-height: 32px;
    background:#f7f7f7;
    border-radius:4px;
    text-align: center;
}
.agent-base-info .card-img{
    display: inline-block;
    margin-right: 15px;
    padding: 5px;
    border:1px solid #dbdbdb;
    border-radius:4px;
    width:150px;
    height:92px;
    overflow: hidden;
}
.agent-base-info .card-img img{
    width: 100%;
}
.agent-base-info .showPhotos .list-photo{
    margin-right: 15px;
    width: 100px;
    height: 120px;
}
.agent-base-info .showPhotos .list-photo .list-top{
    width: 100%;
    height: 100%;
}
.work-experience-info{ position: relative; padding: 0px; }
.work-experience-info .btns{ text-align: left; margin: 20px 0 40px 0px; }
.work-experience-info .btns .mybtn{ width: 100px;}
.work-experience-info .btns-edit{ display: none; }
.work-experience-info.editing .btns{ display: none; }
.work-experience-info.editing .btns-edit{ display: block; }
.work-experience-info .operation{ position: absolute; right: 0px; top: 10px; }
.work-experience-info .operation span{ display: block; float: left; margin-right: 18px; background-position: left center; background-repeat: no-repeat; font-size: 12px; color: #444; padding-left: 16px; cursor: pointer; }
.work-experience-info .operation .save{ background-image: url(../images/baocun.png); }
.work-experience-info .operation .cancel{ background-image: url(../images/quxiao.png); }
.work-experience-list{ padding-bottom: 15px; padding-left: 15px; position: relative; }
.work-experience-list .operation{ position: absolute; right: 0px; top: 10px; }
.work-experience-list .operation span{ display: block; float: left; margin-right: 18px; background-position: left center; background-repeat: no-repeat; font-size: 12px; color: #444; padding-left: 16px; cursor: pointer; }
.work-experience-list .operation .edit{ background-image: url(/qdshome/images/icon-edit.png); }
.work-experience-list .operation .delete{ background-image: url(/qdshome/images/icon-delete1.png); }
.work-experience-list .t-title{ border-bottom: solid 1px #ddd; padding: 12px 10px; margin-bottom: 6px; }
.work-experience-list .t-title .sub{ font-size: 14px; color: #777; display: inline-block; margin-left: 5px; }
.work-experience-list .t-bodyer{ padding: 8px 10px; margin-bottom: 10px; position: relative; }
.work-experience-list .row1:before{ content: ""; display: inline-block; clear: both; width: 11px; height: 11px; border-radius: 50%; border: solid 1px #ff7200; margin-right: 5px; }
.work-experience-list .row1 span{ display: inline-block; }
.work-experience-list .row1 .s1{ font-size: 16px; color: #333; }
.work-experience-list .row1 .s2{ font-size: 14px; color: #999; }
.work-experience-list .row1 .s3{ font-size: 14px; color: #666; margin-left: 8px; border-left: solid 1px #ddd; padding-left: 10px; }
.work-experience-list .row2{ font-size: 14px; color: #666; padding: 20px 0 5px 14px; position: relative; }
.work-experience-list .row2:before{ content: ""; display: inline-block; clear: both; width: 6px; height: 6px; border-radius: 50%; background-color: #ccc; position: relative; top: -3px; left: -11px; }
.work-experience-list .row2:after{ content: ""; display: block; clear: both; width: 2px; height: 20px; position: absolute; top: 2px; left: 5px; background: url(/qdshome/images/dashed-line.png) no-repeat center center; }
.work-experience-list .row3{ font-size: 14px; color: #666; padding: 0 50px 0 20px; }
.work-experience-info .input{
    padding: 5px 5px;
    border: 1px solid #dbdbdb;
    width: 240px;
    height: 32px;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}
.work-experience-info table{
    margin-left: 25px;
}
.work-experience-info table td{
    padding: 6px 0;
    font-size: 14px;
    color: #333;
}
.work-experience-info .td-title{

}
.work-experience-info .operation {
    position: absolute;
    right: 0px;
    top: 10px;
}
.base-info .add{
    color:#ff7200;
    text-decoration: underline;
}
.work-experience-item.editing .t-bodyer{
    display: none;
}
.work-experience-item.editing .work-experience-info{
    display: block;
}
.edit-work-experience-info{
    display: none;
}
.add-work-container .edit-work-experience-info{
    display: block;
}
.add-work-container.editing .edit-work-experience-info{
    display: block;
}
.add-work-container .work-experience-info .operation span {
    display: none;
}
.add-work-experience{
    padding-left: 20px;
    color: #ff7200;
    background: url(../images/add-work.png) no-repeat 0 center;
    background-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
a.add-work-experience:hover{
    text-decoration: underline;
}
.base-info .inputdate {
    width: 150px;
    background: url(/qdshome/images/icon-calendar.png) no-repeat right center;
}
.tr-verticle-top td{
    padding-top: 8px;
    vertical-align: top;
}
.search-box{
    float: right;
}
.search-box .text{
    height: 2em;
    border:0px solid #fff;
    border-radius:2px;
    vertical-align: middle;
}
.search-box .button{
    display: inline-block;
    width: 50px;
    line-height: 1.8em;
    text-align: center;
    vertical-align: middle;
}
.search-box-input{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    border:1px solid #cccccc;
    border-radius:2px;
    width:250px;
    vertical-align: middle;
    background: url(../images/icon-search.png) no-repeat 6px center;
    background-size: 16px;
}
.search-box-input input{
    width: 100%;
}
.search-history{
    display: none;
    position: absolute;
    margin-left: -1px;
    margin-right: -1px;
    top: 26px;
    left: 0px;
    width: 250px;
}
.search-history ul{
    border: 1px solid #ddd;
}
.search-history li{
    padding-left: 5px;
    line-height: 2em;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
}
.search-history li:last-of-type{
    border-bottom: none;
}
.partner-container .order-main-title{
    margin-top: -5px;
}
.partner-container .partner-num{
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: center;
    color: #666;
}
.red-packet{
    display: none;
    position: fixed;
    right: 50%;
    bottom: 350px;
    margin-right: -500px;
    padding: 20px;
    width: 72px;
    height: 72px;
    background: url(../images/redpacket.png) no-repeat center;
    background-size: 100% auto;
}
.red-packet .share{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.red-packet>.close{
    position: absolute;
    right: -5px;
    top: -10px;
    width: 14px;
    height: 14px;
    background: url(../images/red-close.png) no-repeat center;
    background-size: cover;
}
.red-packet .share-box{
    position: absolute;
    top: 75px;
    left: -165px;
    padding-top: 52px;
    width: 400px;
    height: 233px;
    text-align: center;
    background-color: #fff;
    /* box-shadow: 0 0 5px 1px rgba(0,0,0,0.10); */
    background: url(../images/redpacketbg.png) no-repeat center 0;
    background-size: 100% auto;
}
.red-packet .share-box .close{
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 27px;
    width: 18px;
    height: 18px;
    background: url(../images/icon-close.png) no-repeat center;
    background-size: cover;
}
.red-packet .share-box .share-icon{
    margin-bottom: 20px;
    text-align: center;
}
.red-packet .share-box .share-icon a{
    display: inline-block;
    float: none;
    margin-right: 15px;
    padding: 0;
    padding-top: 58px;
    width: 56px;
    height: auto;
    font-size: 14px;
    text-align: center;
    background: none;
}
.red-packet .share-box .share-icon a:last-of-type{
    margin-right: 0px;
}
.share-url label{
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
}
.share-url .l-content{
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.share-url .l-content input{
    margin-bottom: 5px;
    padding: 5px;
    border:1px solid #cccccc;
    border-radius:2px;
    width:258px;
    height:30px;
}
.share-url .l-content span{
    display: block;
    font-size: 12px;
}
.share-url .l-content span .copy{
    color: #ff9900;
    text-decoration: underline;
}
.bd_weixin_popup table tr{
    height: auto;
}
.red-packet .share-box .share-icon a.red-wx{
    background: url(../images/wx.png) no-repeat center 0;
    background-size: 100% auto;
}
.red-packet .share-box .share-icon a.red-pyq{
    background: url(../images/pyq.png) no-repeat center 0;
    background-size: 100% auto;
}
.red-packet .share-box .share-icon a.red-qq{
    background: url(../images/qq.png) no-repeat center 0;
    background-size: 100% auto;
}
.red-packet .share-box .share-icon a.red-mail{
    background: url(../images/mail.png) no-repeat center 0;
    background-size: 100% auto;
}
.red-packet-box{
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 800px;
    height: 145px;
    background: url(../images/red-banner.png) no-repeat center;
    background-size: 100% auto;
}
.red-packet-box .red-packet{
    position: absolute;
    right: 115px;
    bottom: 22px;
    padding: 0;
    margin: 0;
    width: 142px;
    height: 38px;
    background: none;
}
.red-packet-box .red-packet .share-box{
    top: 45px;
    left: -125px;
    z-index: 99;
}
.send-yzm{
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 30px;
}
.third-unbind-tips{
    margin: 0 auto;
    width: 350px;
}
.third-unbind-tips strong{
    display: inline-block;
    margin-bottom: 10px;
    color: #ff7200;
    font-size: 18px;
    font-weight: bold;
}
.third-unbind-tips strong:before{
    margin-right: 5px;
}
.third-unbind-tips p{
    margin-left: 18px;
    font-size: 14px;
    color: #666;
}
.third-unbind-info{
    text-align: center;
}
.third-unbind-info img{
    margin-bottom: 15px;
    width: 130px;
}
.third-unbind-info p{
    margin-bottom: 40px;
    font-size: 14px;
    color: #666;
}
.safe-level .s3{
    display: inline-block;
    line-height: 12px;
    margin-left: 8px;
    vertical-align: middle;
}
/*合伙人注册*/
.smartRegister-page.smartRegister-hhr .section-selfchoice{
    margin-top: 15px;
}
.hhr-help {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999999;
}
.hhr-help .tips{
    display: inline-block;
    position: absolute;
    left: 50%;
}
.hhr-help .tips a.know{
    position: absolute;
    width: 132px;
    height: 60px;
}
.hhr-help .tips.tips1{
    top: 387px;
    margin-left: -624px;
}
.hhr-help .tips.tips1 a.know{
    top: 170px;
    left: 408px;
}
 .selectHistoryOrder .modal-body {
    margin-bottom: 15px;
}
.selectHistoryOrder .modal-body .search-input{
    margin: 0 auto;
    margin-bottom: 15px;
    width: 640px;
}
.selectHistoryOrder .modal-body .search-input .text{
    padding: 5px;
    width: 200px;
    height: 30px;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.selectHistoryOrder .modal-body .search-input .button{
    width: 60px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    vertical-align: middle;
}
.selectHistoryOrder .modal-body ul{
    margin: 0 auto;
    padding-left: 0;
    padding-right: 6px;
    width: 640px;
    height: 355px;
    background-color: #fff;
    overflow: auto;
}
.selectHistoryOrder .modal-body ul li{
    padding-left: 5px;
    height: 36px;
    overflow: hidden;
    cursor: pointer;
}
.selectHistoryOrder .modal-body ul li.active{
    padding-bottom: 10px;
    height: auto;
}
.selectHistoryOrder .modal-body ul li.active .m-first-list{
    background-color: #f8f8f8;
}
.selectHistoryOrder h2{
    margin-bottom: 0px;
    padding-left: 0;
    line-height: 2.4em;
    font-size: 14px;
    font-weight: normal;
}
.selectHistoryOrder h2 .checkbox{
    margin-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: -3px !important;
    /*border-radius: 50%;*/
}
.selectHistoryOrder h2 .checkbox.checked{
    position: relative;
    /*background: none;*/
}
/*.selectHistoryOrder h2 .checkbox.checked:before{*/
    /*content: "";*/
    /*position: absolute;*/
    /*display: block;*/
    /*left: 3px;*/
    /*top: 3px;*/
    /*width: 8px;*/
    /*height: 8px;*/
    /*border-radius: 50%;*/
    /*background-color: #ff7200;*/
/*}*/
.selectHistoryOrder .modal-body ul li h2 .icon{
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url(../../images/icon-adown.png) no-repeat center;
    background-size: cover;
}
.selectHistoryOrder .modal-body ul li.active h2 .icon{
    background: url(../../images/icon-aup.png) no-repeat center;
    background-size: cover;
}
.selectHistoryOrder .m-first-list{
    padding: 10px 20px;
}
.selectHistoryOrder .m-first-list strong{
    display: block;
    margin-bottom: 8px;
    color: #ff7200;
}
.selectHistoryOrder .m-small-list {
    font-size: 12px;
    color: #666;
}
.selectHistoryOrder .modal-button{
    text-align: center;
}
.selectHistoryOrder .modal-button .button{
    color: #fff;
}
.my-rights img {
    width: 100%;
}
.administrative-division .tab-content .item {
    padding: 3px 0 0 !important;
}
/*其他订单*/
.td-order-num{
    margin: 0 auto;
    width: 120px;
}
.td-order-num p:last-of-type{
    font-size: 12px;
    color: #666;
}
.td-order-name{
    margin: 0 auto;
    width: 120px;
}
.other-order-detail .order-detail-box .contact-info ul li label{
    width: 100px;
}
.other-order-detail .order-detail-box .contact-info ul li>span{
    min-width: 120px;
}

.order-needs-money{
    float: right;
}
.order-needs-money span{
    margin-right: 10px;
    font-size: 16px;
}
.order-needs-money span strong{
    font-size: 18px;
    color: #ff7200;
}
.order-needs-money .button{
    font-size: 14px;
    padding: 0 12px;
    line-height: 30px;
    text-align: center;
}
.order-needs ul{
    margin-left: 30px;
    margin-top: 25px;
}
.order-needs ul li{
    margin-bottom: 15px;
}
.order-needs ul li p.price-tips{
    margin-top: 5px;
    margin-left: 75px;
    font-size: 12px;
    color: #ccc;
}
.order-needs ul li input{
    padding: 5px;
    width: 370px;
    height: 34px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
.order-needs ul li .m-select-box{
    width: 370px;
}
.order-needs ul li textarea{
    padding: 5px;
    width: 370px;
    height: 90px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
.order-needs .price_warning{
    margin-left: 10px;
    color: #ff0000;
    font-size: 12px;
}
ul li .order-needs-price{
    position: relative;
    width: 200px;
    border: 1px solid #ccc;
    vertical-align: middle;
    border-radius: 2px;
    overflow: hidden;
}
ul li .order-needs-price input{
    width: 170px;
    border: none;
    color: #ff7200;
}
ul li .order-needs-price span{
    position: absolute;
    right: 8px;
    top: 8px
}
ul li .order-needs-num{
    font-size: 0px;
    border: 1px solid #ccc;
    vertical-align: middle;
    border-radius: 2px;
    overflow: hidden;
}
ul li .order-needs-num input{
    float: left;
    padding: 0;
    width: 50px;
    height: 34px;
    border: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}
ul li .order-needs-num a{
    display: block;
    float: left;
    width: 30px;
    height: 34px;
    line-height: 30px;
    font-size: 24px;
    color: #666;
    text-align: center;
    vertical-align: middle;
}
ul li .order-needs-num a.disabled{
    color: #ddd;
}
.order-needs ul li .order-needs-remark {
    position: relative;
    vertical-align: top;
}
.order-needs ul li .order-needs-remark .word-num{
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    color: #aaa;
}
.order-needs ul li .order-needs-remark textarea{
    font-size: 14px;
}
.order-needs .btns{
    margin-top: 60px;
    margin-left: 160px;
}
.order-needs .btns .button{
    display: inline-block;
    width: 180px;
    line-height: 36px;
    text-align: center;
}
/*计算器*/
.modal-calc{
    position: relative;
    height: 100%;
    overflow-x: hidden;
}
.modal-calc-content{
    position: absolute;
    left: 0;
    width: 900px;
    transition: 0.3s;
}
.modal-calc-content.detail{
    left: -450px;
}
.modal-calc-content .step{
    float: left;
    width: 450px;

}
.modal-calc ul li{
    margin-bottom: 15px;
}
.modal-calc ul li label{
    display: inline-block;
    margin-right: 10px;
    width: 100px;
    text-align: right;
}
.modal-calc ul li input{
    padding: 5px;
    color: #666;
    background-color: #f5f5f5;
}
.modal-calc ul li input:focus{
    border: none;
}
.modal-calc .modal-header{
    font-size: 18px;
    color: #ff7200;
    text-align: center;
}
.modal-calc ul li .order-needs-price{
    width: 260px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.modal-calc ul li .order-needs-num{
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.modal-calc ul li .order-needs-num input{
    border: 1px solid #f5f5f5;
    background-color: #fff;
}
.modal-calc ul li .total-income{
    font-size: 24px;
    color: #ff7200;
}
.modal-calc .modal-button{
    margin-top: 60px;
}
.modal-calc .modal-button a{
    width: 120px;
}
.modal-calc .modal-button a.button-white{
    margin-right: 36px;
}
.modal-calc .income-detail{
    margin: 0 auto;
    width: 290px;
}
table.income-detail tr{
    height: 2.2em;
}
.modal-calc .income-detail td{
    font-size: 14px;
}
.modal-calc .income-detail td.td-title{
    color: #353535;
}
.modal-calc .income-detail td.td-content{
    color: #666;
}
.modal-calc .income-detail-bottom{
    margin: 0 auto;
    padding-top: 25px;
    width: 90%;
    text-align: center;
    border-top: 1px solid #d8d8d8;
}
.modal-calc .income-detail-bottom .total-income{
    color: #ff7200;
    font-size: 18px;
}
.modal-calc .income-detail-bottom span{
    margin-right: 15px;
    font-size: 16px;
}
.modal-calc .income-detail-bottom .button{
    width: 160px;
    line-height: 34px;
}
.modal-calc .m-select-box{
    width: 260px;
    height: 34px;
    border: 1px solid #f5f5f5;
}
.modal-calc .m-select-box .text{
    width: 100%;
    height: 100%;
}
/*分享订单*/
.share-order-modal .copy-ewm{
    margin: 0 auto;
    padding: 5px;
    width: 170px;
    border: 1px solid #ddd;
}
.share-order-modal .copy-ewm img{
    width: 100%;
}
.share-order-modal .copy-ewm p{
    font-size: 12px;
}
.share-order-modal .copy-bottom{
    margin-top: 20px;
    margin-bottom: 30px;
}
.share-order-modal .copy-bottom input{
    margin-left: 15px;
    margin-right: 15px;
    width: 226px;
}
.share-order-modal .copy-bottom .button{
    width: 60px;
    line-height: 32px;
    text-align: center;
}
.share-order-modal .modal-button{
    margin-bottom: 0px;
}
.share-order-modal .modal-button .button{
    width: 120px;
    line-height: 34px;
}
.td-two-line span{

}
.td-two-line p{
    margin-top: 3px;
    padding-top: 3px;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #e2e3e8;
}
.tabs-bodyer-top{
    margin-bottom: 10px;
    overflow: hidden;
}
.tabs-bodyer-top .right{
    float: right;
}
.tabs-bodyer-top .export-orderinfo{
    margin-top: 5px;
    margin-bottom: 0px;
    color: #ff7200;
    line-height: 1em;
    border-bottom: 1px solid #ff7200;
}
.tabs-bodyer-top .income-total{
    font-size: 16px;
}
.tabs-bodyer-top .income-total strong{
    font-size: 23px;
    color: #ff7200;
}
.t-color{
    color: #ff7200;
}
/*指派业务*/
.assign-table input[type=radio] {

}
.assign-table{
    margin-bottom: 45px;
}
.assign-table h3{
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}
.assign-table h3 .right{
    float: right;
}
.assign-table.assign-table-edit .edit{
    display: none;
}
.assign-table .edit{
    display: inline-block;
}
.assign-table .save, .assign-table .cancel, .assign-table .add{
    display: none;
}
.assign-table.assign-table-edit .save, .assign-table.assign-table-edit .cancel, .assign-table.assign-table-edit .add{
    display: inline-block;
}
.assign-table.assign-table-edit table td.td-content:not(.td-radios-box){
    padding: 8px;
}
.assign-table label{
    margin-right: 10px;
}
.assign-table input[type=text]{
    padding-left: 5px;
    width: 100%;
    height: 26px;
    border: 1px solid #c9c9c9;
}
.assign-table input[type=radio]{
    margin-right: 5px;
    vertical-align: middle;
}
.assign-table input[readonly=readonly]{
    padding: 0;
    border: 1px solid #fff;
}
.assign-table h3 .button{
    margin-left: 6px;
    padding: 2px 10px;
    text-align: center;
}
.assign-table table thead{
    background:rgba(240,139,47,0.06);
}
.assign-table table tr{
    height: 40px;
}
.assign-table table td{
    font-size: 14px;
    color: #333;
    border: 1px solid #bbb;
}
.assign-table table td.td-title{
    padding: 10px 20px;
    width: 130px;
    color: #666;
    font-weight: bold;
    text-align: right;
    background:rgba(255,114,0,0.06);
}
.assign-table table td.td-content{
    padding-left: 10px;
    padding-right: 10px;
}
.assign-table textarea{
    padding: 5px;
    width: 100%;
    height: 80px;
    border-radius: 2px;
    border: 1px solid #bbb;
}
.assign-table-center td{
    text-align: center;
}
.assign-table-center td.td-href a{
    color: #ff7200;
}

.assign-table .file-box{
    margin: -10px 0px;
    margin-right: -10px;
    height: 40px;
    overflow: hidden;
}
.assign-table .file-box .file-name{
    float: left;
    display: block;
    padding-left: 30px;
    width: 130px;
    line-height: 40px;
    border-right: 1px solid #bbb;
}
.assign-table .file-box .file-type{
    float: left;
    display: block;
    padding: 8px;
    width: 250px;
}
.assign-table .upload{
    color: #ff7200;
}
.assign-table .upload i{
    display: inline-block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #ff7200;
    color: #fff;
    border-radius: 50%;
}
.assign-table .delete{
    visibility: hidden;
    color: #ff7200;
    text-decoration: underline;
}
.assign-table-edit .delete{
    visibility: visible;
}
.assign-table .add_files{
    visibility: hidden;
}
.assign-table-edit .add_files{
    visibility: visible;
}
.assign-table .upload .add{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    vertical-align: middle;
    background-color: #ff7200;
}
.assign-detail .btns{
    text-align: center;
}
.assign-detail .btns .button{
    width: 160px;
    line-height: 32px;
}
.assign-table .log-content{
    margin: 10px auto;
    width: 600px;
    text-align: left;
}
.modal-handle-log .assign-table {
    padding: 15px 40px;
}
.modal-handle-log .assign-table table{
    margin-top: 15px;
}
/*合伙人向客户收款*/
.paying-wrap.paying-sk-hhr{
    position: relative;
}
.paying-wrap.paying-sk-hhr .paying-sk-top{
}
.paying-wrap.paying-sk-hhr .paying-sk-top:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 110px;
    width: 100%;
    height: 1px;
    background: url(../../images/border-line.png) no-repeat center;
    background-size: cover;
}
.paying-wrap.paying-sk-hhr .paying-sk-order {
    margin-top: 15px;
    background-color: #f5f5f5;
    border: none;
}
.paying-wrap.paying-sk-hhr .paying-sk-order ul:first-of-type{
    margin-left: 15px;
}
.paying-wrap.paying-sk-hhr .paying-sk-order ul{
    display: inline-block;
    margin-right: 50px;
    width: auto;
    vertical-align: top;
}
.paying-wrap.paying-sk-hhr .paying-sk-order ul li{
    float: none;
}
.paying-wrap.paying-sk-hhr .paying-sk-order ul li label{
    width: 80px;
}
.paying-wrap.paying-sk-hhr .paying-sk-order ul li .remark {
    display: inline-block;
    width: 200px;
}
/*发票*/
.confirmPayModal .modal-head{
    padding-left: 20px;
}
.confirmPayModal .modal-body{
    padding: 20px 30px;
}
.confirmPayModal h2{
    font-size:14px;
    color:#333333;
    font-weight: bold;
}
.modal-date{
    padding: 15px 5px;
}
.modal-form .button{
    display: inline-block;
    text-align: center;
    line-height: 28px;
    padding: 0 15px;
}
.confirmPayModal .modal-form .button{
    margin-left: 20px;
}
.confirmPayModal .confirm-pay-table{
    height: 320px;
    overflow: auto;
}
.confirmPayModal table .myInput{
    width: 160px;
}
.confirmPayModal table .td-handle a.button{
    margin-left: 7px;
    margin-bottom: 0px;
    width: 82px;
    height: 25px;
    line-height: 24px;
}
.invoiceModal .edit{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(../images/icon-edit.png) no-repeat 0 center;
    background-size: 14px;
    visibility: hidden;
}
.invoiceModal tr.active .edit{
    display: inline-block;
    visibility: visible;
}
.invoiceModal .pay-name span{
    display: inline;
    vertical-align: middle;
}
.invoiceModal .modal-form ul{
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.invoiceModal .modal-form .myInput{
    width: 200px;
    height: 28px;
}
#invoiceModal .modal-form select.myInput{
    width: 129px;
}
.invoiceModal .modal-form table .myInput{
    width: 100px;
    height: 24px;
}
.invoiceModal .scroll{
    height: 120px;
    overflow: auto;
}
.invoiceModal .modal-head{
    padding-left: 38px;
}
.invoiceModal .modal-head .warning1{
    /*background-image: url(../images/icon-t-r.png);*/
}
.invoiceModal .modal-body{
    margin-bottom: 20px;
    padding: 10px 16px;
    height: 500px;
    overflow: auto;
}
.invoiceModal .ZzAddInvoiceModal  .modal-body{
    height: auto;
}
.InvoiceInfoModal{
    padding: 0 20px;
}
.InvoiceInfoModal .myInput{
    width: 220px;
}
.invoiceModal h2{
    font-size: 16px;
    font-weight: bold;
}
.invoiceModal .warning{
    margin-left: 20px;
}
.invoiceModal .invoice-price{
    font-size: 12px;
    color: #999;
    text-align: right;
}
.invoiceModal .invoice-total-price{
    font-size: 18px;
    color: #ff7200;
}
.invoiceModal .modal-form .invoice-name ul{
    margin: 10px 0;
}
.invoiceModal .modal-form .invoice-name ul li{
    margin-bottom: 6px;
}
.invoiceModal .icon-price-tips{
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 12px;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-w.png) no-repeat center;
    vertical-align: middle;
}
.invoiceModal .icon-price-tips:hover .fp-tips{
    display: block;
}
.invoiceModal .invoice-box{
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.invoiceModal .invoice-box .fp-tips{
    display: none;
    position: absolute;
    top: -60px;
    right: -15px;
    padding: 3px 5px;
    width: 178px;
    height: 57px;
    font-size: 12px;
    border-radius: 4px;
    color: #666;
    background:#fff9ea;
    border:1px solid #ffcc9e;
}
.invoice-num{
    font-size: 12px;
    color: #666;
}
.AddInvoiceModal .myInput{
    width: 220px;
    height: 28px;
}
.AddInvoiceModal .modal-form ul li>label{
    width: 150px;
}
.AddInvoiceModal .modal-form ul li>label i{
    margin-right: 5px;
}
.AddInvoiceModal .modal-button .button{
    width: 120px;
}
.AddInvoiceModal .modal-button .button-white{
    margin-right: 30px;
}
.AddInvoiceModal .modal-form ul li{
    margin-bottom: 10px;
}
.AddInvoiceModal .modal-form ul li .l-content{
    position: relative;
    width: auto;
    max-width: 200px;
}
.AddInvoiceModal .modal-form ul li .l-content .list-top {
    width: 100px;
    height: 100px;
    border: 1px dashed #ccc;
}
.AddInvoiceModal .list-photo .bg .icon {
    display: block;
    margin-top: 25px;
    margin-bottom: 8px;
}
.AddInvoiceModal .list-photo .bg .text{
    font-size: 12px;
    color: #ff7200;
}
.AddInvoiceModal .tips{
    padding: 0 14px;
    margin-top: -10px;
    margin-bottom: 10px;
}
.AddInvoiceModal .tips p{
    font-size: 12px;
    color: #ff7200;
}
.AddInvoiceModal .tips .audit-msg{
    margin-bottom: 5px;
}
.AddInvoiceModal .download-modal{
    display: inline-block;
    position: absolute;
    left: calc(100% + 10px);
    bottom: 15px;
    padding-left: 17px;
    width: 100px;
    color: #ff7200;
    background: url(../images/icon-download-o.png) no-repeat 0 center;
    background-size: 14px;
    vertical-align: bottom;
}
.modal-form ul li .mySelect .select-text{
    padding-left: 0px;
    width: 130px;
    height: 28px;
    line-height: 28px;
}
.modal-form ul li .mySelect .select-text .arrow{
    top: 3px;
}
.modal-form ul li .mySelect .select-text .text{
    border: none;
}
.modal-form ul li .mySelect .select-menu{
    top: 27px;
    height: 200px;
    overflow: auto;
}
.modal-form ul li .mySelect{
    vertical-align: middle;
}
.modal-form ul li .l-content.address{
    width: auto;
    vertical-align: middle;
}
.address select{
    width: 120px;
}
.applying-status{
    color: #fc461e;
}
.invoiceOrderModal .modal-body{
    height: 320px;
    overflow: auto;
}
table.myDataTable td.invoice-td-num{
    padding-left: 10px;
    text-align: left;
}
table.myDataTable td.invoice-td-num i{
    display: inline-block;
    font-size: 12px;
    vertical-align: 2px;
}
.tabsPanel-href{
    float: right;
    margin-top: 8px;
    font-size:14px;
    color:#2775e9;
    text-decoration: underline;
    cursor: pointer;
}
.tabsPanel-href:hover{
    text-decoration: underline;
}
.applying-table .invoice-title, .invoiceOrderModal .invoice-title{
    width: 120px;
    font-size: 13px;
}
.applying-table .td-date{
    color: #999;
}
.applying-table td.td-handle{
    text-align: right;
}
.applying-table td.td-handle .button{
    margin-right: 5px;
}
.applying-table td.td-handle .button:last-child{
    margin-right: 0px;
}
.InvoiceInfoCompanyModal .invoice-name{
    width: 200px;
    vertical-align: top;
}
.invoice-apply-num{
    display: inline-block;
    width: 130px;
}
/*专利*/
.zl-order-file li.list-photo{
    position: relative;
    margin-right: 185px;
}
.zl-order-file li .file-handle{
    position: absolute;
    left: 120px;
    bottom: 49px;
    width: 80px;
}
.zl-order-file li .file-handle a{
    display: block;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 12px;
    color: #ff7200;
}
.zl-order-file li .file-handle .f-example{
    background: url(../images/icon-t-example.png) no-repeat 0 center;
    background-size: 12px;
}
.zl-order-file li .file-handle .f-download{
    background: url(../images/icon-t-download.png) no-repeat 0 center;
    background-size: 12px;
}
.order-detail-box ul li label.creditcode-label {
}
.history-bg {
    margin-left: 120px;
    margin-top: 60px;
    width: 400px;
}
.change-price span{
    color: #333;
}
.change-price-form{
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    vertical-align: middle;
}
.change-price-form .change-price-box{
    display: inline-block;
    position: relative;
    width: 180px;
    height: 40px;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-color: #fff;
}
.change-price-form .change-price-box span{
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.change-price-form input{
    float: left;
    padding: 6px 10px;
    width: 160px;
    font-size: 20px;
    font-weight: bold;
    color: #ff4422;
    border: none;
}
.order-detail-fix-in .pay-price span.change-tips{
    display: none;
    margin-left: 10px;
    padding-left: 20px;
    color: #ff4422;
    font-size: 14px;
    background: url(../images/icon-warning-br2.png) no-repeat 0 center;
    background-size: 14px;
}
.order-detail-box.message-box li{
    padding-left: 10px;
}
.modal-share-order .copy-top img {
    margin-left: 28px;
}
.modal-share-order .copy-bottom {
    margin-top: 15px;
}
.modal-share-order .copy-bottom .ewm{
    margin: 15px auto;
    width: 140px;
    height: 140px;
}
.modal-share-order .copy-bottom .ewm img {
    width: 100%;
}
.modal-share-order .copy-bottom input{
    padding: 5px;
    width: 320px;
    height: 34px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
.activity-rate-btn {
    position: fixed;
    right: 50%;
    top: 470px;
    margin-right: -600px;
    width: 90px;
    height: 103px;
    background: url(../../activity/images/icon-jt.png) no-repeat center;
    background-size: 100%;
    z-index: 9;
}
.modal-activity {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -370px;
    margin-top: -370px;
    width: 740px;
    height: 740px;
    z-index: 999;
}
.modal-activity:before{
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.modal-activity .modal-body{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../../activity/images/bg-jt.png) no-repeat center;
    background-size: 100%;
    z-index: 2;
}
.modal-activity .modal-body .close {
    display: inline-block;
    position: absolute;
    top: 42px;
    right: 120px;
    width: 30px;
    height: 30px;
    z-index: 2;
    cursor: pointer;
}
.modal-activity .modal-body .ewm{
    display: inline-block;
    position: absolute;
    left: 186px;
    bottom: 245px;
    width: 108px;
    height: 108px;
    z-index: 2;
}

.third-file-info .td-title {
    vertical-align: top;
}

/*订单列表*/

.getCategory {
    position: relative;
    cursor: pointer;
    overflow: inherit !important;
    white-space: normal !important;
}
.getCategory.active {
    cursor: pointer;
}
.getCategory:after {
    content: attr(data-tips);
    display: none;
    position: absolute;
    left: -10px;
    top: 25px;
    padding: 10px;
    width: 300px;
    font-size: 12px;
    color: #666;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 #aaa;
    background-color: #fff;
    z-index: 9;
}

.getCategory.active:hover:after {
    display: block;
}
.batch-channel-register-table>li {
    margin-bottom: 15px;
}
.batch-channel-register-table li label {
    display: inline-block;
    padding: 0px !important;
    width: 110px;
    font-size: 12px;
    vertical-align: middle;
}
.batch-channel-register-table li>.td-content {
    display: inline-block;
    width: 800px;
}

.td-category-in {
    position: relative;
    font-size: 12px;
    color: #666;
}
.modal .quandou-tips {
    font-size: 13px;
    margin-top: 10px;
    padding: 5px;
}
.modal .quandou-tips:before, .icon-qd {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 17px;
    vertical-align: -1px;
    background: url(../../images/qd-icon.png) no-repeat 0 center;
    background-size: 13px auto;
}
.modal .quandou-tips span {
    color: #ff7200;
    vertical-align: baseline;
}
.modal .quandou-tips span.checkbox {
    margin-left: 5px;
    background: url(../../images/icons/icon-check-e.png) no-repeat center;
    background-size: contain;
}
.modal .quandou-tips span.checkbox.checked {
    margin-left: 5px;
    background: url(../../images/icons/icon-f-checked.png) no-repeat center;
    background-size: contain;
}
.layui-layer {
    box-shadow: none;
}
.service-list .export-orderinfo {
    padding-left: 20px;
    color: #666;
    text-decoration: underline;
    background: url(../../images/icons/icon-export-q.png) no-repeat 0 center;
    background-size: 14px;
}
.order-info-open.open-table {
    display: block;
    margin-top: 5px;
    color: #ff7200;
    text-align: right;
}

.message-page .order-main-title {
    position: relative;
    padding-left: 15px;
    line-height: 1em;
    font-size: 14px;
}
.message-page .order-main-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 14px;
    background-color: #ff7200;
    border-radius: 2px;
}
.hhr-order-detail-fix .order-detail-fix-in .pay-price {
    padding-top: 6px;
    line-height: 1em;
}
.hhr-order-detail-fix .change-price-form .change-price-box {
    height: 34px;
}
.hhr-order-detail-fix .change-price-form .change-price-box input {
    height: 100%;
}
.hhr-order-detail-fix .change-price-form .change-price-box span {
    height: 100%;
    line-height: 33px;
}
.hhr-order-detail-fix .order-detail-fix-in .pay-price span {
    margin-left: 0;
}
.increment-box {
    margin-top: 6px;
}
.order-detail-fix-in .pay-price .increment-box span {
    font-size: 12px;
    margin: 0;
}
.payTotal {

}
.file-link a {
    margin-right: 20px;
    font-size: 12px;
    color: #222;
}
.insure-price.gray {
    position: relative;
}
.case-link {
    display: inline-block;
    position: relative;
    margin-top: 14px;
    padding-right: 16px;
    font-size: 13px;
    color: #ff7200;
    background: url(../../images/icons/icon-com-tip.png) no-repeat right center;
    background-size: 14px;
}
.case-link:before,
.insure-price.gray:before {
    content: "";
    display: none;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: rgba(0,0,0,0.9);
}
.case-link:after,
.insure-price.gray:after{
    content: attr(data-tip);
    display: none;
    position: absolute;
    top: -36px;
    left: 50%;
    margin-left: -60px;
    padding: 3px 5px;
    min-width: 120px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.9);
}
.case-link:hover:before, .case-link:hover:after,.insure-price.gray:hover:before,.insure-price.gray:hover:after {
    display: block;
}
.new-insurance-box .modal-body {
    padding: 7px 24px;
}
.monitor-case .case-box {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.monitor-case .case-box:last-of-type {
    border-bottom: none;
}
.monitor-case h3 {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}
.monitor-case p {
    font-size: 12px;
}
.monitor-case strong {
    color: #ff4422;
    font-weight: bold;
    font-size: 13px;
}
.monitor-case i {
    color: #666;
}
.monitor-case i.color {
    color: #ff7200;
}
.new-insurance-box table {
    margin-top: 20px;
    width: 100% !important;
}
.new-insurance-box table thead {
    font-weight: bold;
    background-color: #FAFAFA;
}
.new-insurance-box table tbody tr {
    border-bottom: 1px solid #E4E4E4 !important;
}
.new-insurance-box table th {
    font-weight: bold;
}
.new-insurance-box table td, .new-insurance-box table th {
    padding: 12px !important;
    padding-left: 30px !important;
    color: #222 !important;
    font-size: 12px;
    vertical-align: top;
}
.monitor-case table td .brand-img {
    margin-bottom: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid #f0f0f0;
}
.monitor-case table td .brand-img img {
    width: 100%;
}
.monitor-case table td h3 {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: bold;
}
.monitor-case table td h3 .status {
    display: inline-block;
    margin-left: 5px;
    width: 56px;
    line-height: 22px;
    color: #fff;
    background-color: #ff4422;
    text-align: center;
}
.monitor-case table td p {
    margin-bottom: 4px;
    color: #666;
}
.monitor-case table td p.color {
    color: #ff7200;
}
.monitor-case .third-box .third-img {
    margin-bottom: 10px;
}
.monitor-case .third-box img {
    width: 28px;
}
.monitor-case table td .third-box p {
    margin-top: 5px;
    margin-bottom: 15px;
}
.new-insurance-box .register-case .tips {
    color: #ff9900;
}
.register-case p {
    font-size: 13px;
}
.register-case .tip-box {
    margin-bottom: 20px;
    font-size: 12px;
}
.register-case .tip-box p {
    margin-top: 12px;
    font-size: 12px;
}
.register-case .tip-box p a {
    color: inherit;
    text-decoration: underline;
}
.register-case .tip-box p.s {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 0 center;
    font-size: inherit;
}
.register-case .tip-box p.s1 {
    background-image: url(../../images/icons/1@2x.png);
}
.register-case .tip-box p.s2 {
    background-image: url(../../images/icons/2@2x.png);
}
.register-case .tip-box p.s3 {
    background-image: url(../../images/icons/3@2x.png);
}
.register-case .tip-box p.s4 {
    background-image: url(../../images/icons/4@2x.png);
}
.register-case .tip-box p.s5 {
    background-image: url(../../images/icons/5@2x.png);
}
.register-case .tip-box p.s6 {
    background-image: url(../../images/icons/6@2x.png);
}
.top-tips-color {
    margin-bottom: 10px;
    color: #ff7200;
}
.top-tips-color h4 {
    margin-bottom: 8px;
    font-size: 14px;
}
.register-case .modal-button {
    margin-top: 10px;
    text-align: center;
}
.register-case .modal-button .check {
    padding-left: 16px;
    background: url(../../images/icons/icon-f-check.png) no-repeat 0 center;
    background-size: 14px;
}
.register-case .modal-button .check.checked {
    background-image: url(../../images/icons/icon-f-checked.png);
}
.register-case .modal-button .button {
    margin-top: 18px;
    padding: 0 15px;
    min-width: 280px;
    height: 32px;
    font-size: 16px;
}
.register-case label {
    font-size: 12px;
    cursor: pointer;
}
.icon-kf {
    padding-left: 18px;
    background: url(../../images/icons/icon-ewm.png) no-repeat 0 center;
    background-size: 14px;
    color: #ff7200;
    text-decoration: underline;
    cursor: pointer;
}
.modal-kf {
    text-align: center;
}
.modal-kf .modal-body {
    padding-top: 0;
}
.modal-kf img {
    width: 100%;
}
.recharge-modal .select-charge {
    margin-top: 12px;
    padding-bottom: 8px;
}
.recharge-modal .select-charge a {
    display: block;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px 15px;
    width: 163px;
    height: 80px;
    border: 1px solid #FFE8D5;
}
.recharge-modal .select-charge a .icon-send {
    display: block;
    position: absolute;
    right: -1px;
    top: -6px;
    width: 23px;
    height: 16px;
    background: url(../../images/icons/icon-send.png) no-repeat center;
    background-size: contain;
}
.recharge-modal .select-charge a.active {
    color: #ff7200;
    border-color: #ff9900;
    background-color: #FFF9F0;
}
.recharge-modal .select-charge a.active:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: url(../../images/icons/icon-select-corner.png) no-repeat center;
    background-size: contain;
}
.recharge-modal .select-charge a:nth-child(3n) {
    margin-right: 0;
}
.recharge-modal .select-charge a strong {
    font-size: 32px;
}
.recharge-modal .select-charge a strong i {
    font-size: 14px;
    font-weight: inherit;
    vertical-align: 12px;
}
.recharge-modal .select-charge a p {
    margin-top: 6px;
    font-size: 12px;
    color: #999;
}
.recharge-modal .tip {
    padding-top: 16px;
    border-top: 1px solid #e4e4e4;
    color: #666;
    line-height: 1.8em;
}

.case-options {
    vertical-align: top;
}

.case-options label {
    margin-right: 15px;
    padding-left: 18px;
    background: url(../../../qdshome/images/icons/icon-f-check.png) no-repeat 0 center;
    background-size: 14px;
    cursor: pointer;
}

.case-options label.active {
    background-image: url(../../../qdshome/images/icons/icon-f-checked.png);
}
.patent-edit .icon-warning{
    display: inline-block;
    position: relative;
    left:-15px;
    width: 15px;
    height: 15px;
    background: url(../../../qdshome/images/icon-warning-f.png) no-repeat center;
    background-size: contain;
    vertical-align: top;
}
.patent-edit .icon-warning:hover .case-tips{
    display: block;
}
.patent-edit .case-tips {
    display: none;
    position: absolute;
    top: 15px;
    padding: 20px 22px;
    width: 320px;
    font-size: 12px;
    line-height: 2em;
    color: #222;
    background-color: #fff;
    box-shadow: 0px 0px 6px 0px rgba(11,17,60,0.1);
}

.applicant-info-edit h2 a.edit {
    float: right;
}
.applicant-info-edit a.edit {
    margin-left: 10px;
    padding-left: 16px;
    font-size: 12px;
    color: #ff7200;
    background: url(../../../qdshome/images/icons/icon-edit.png) no-repeat 0 center;
    text-decoration: underline;
    background-size: 12px;
}
.applicant-no-data {
    margin-top: 20px;
    line-height: 30px;
    color: #666;
    padding-left: 15px;
    font-size: 12px;
}
.applicant-no-data a {
    color: #ffa800;
    text-decoration: underline;
    vertical-align: 1px;
}
.administrative-division .tab-content.active {
    width: 100%;
}
.commission-tips {
    position: absolute;
    left: 110%;
    padding: 15px;
    width: 300px;
    color: #ff7200;
    border: 1px solid #ff7200;
    background-color: #fff;
    text-align: left;
}
.commission-tips .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: url("../images/icon-close.png") no-repeat center;
    background-size: cover;
    cursor: pointer;
}
.age-warning{
    display: inline-block;
    font-size: 12px;
    color: #FF4422;
    margin-top: 14px;
    width: 850px;
    height: 30px;
    background: #F7E5E3;
    border-radius: 2px;
    margin-left: 37px;
    line-height:30px;
    padding-left: 12px;
}
.jianhu-one{
    margin: 24px 30px;
    font-size: 13px;
    color: #222222;
    line-height: 24px;
}
.jianhu-two{
    margin: 24px 30px;
    font-size: 13px;
    color: #222222;
    line-height: 24px;
}
.jianhu-two .text{
    font-weight: bold;
}
.sitefile{
    color: #FF7200;
}
.age-modal .modal-button{
    margin-top: 20px;
    text-align: center;
}
.age-modal .modal-button .know{
    display: inline-block;
    width: 160px;
    height: 32px;
    background: #FF7200;
    border-radius: 2px;
    color: #FFFFFF;
    line-height: 32px;
    cursor: pointer;
}
.handle-inform {
  position: relative;
}
.handle-inform label {
  background: url(../../images/file.png) no-repeat;
  color: #222;
  font-size: 14px;
  padding-left: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.instructions {
  display: none;
  position: absolute;
  right: 0;
  width: 940px;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(11, 17, 60, 0.15);
  z-index: 100;
}
.handle-inform:hover .instructions {
  display: flex;
}
.instructions ul {
  display: flex;
}

.instructions ul li {
  border-right: 1px dashed #E4E4E4;
  padding-left: 24px;
}

.instructions ul li:nth-of-type(1) {
  width: 186px;
}

.instructions ul li:nth-of-type(2) {
  width: 173px;
}

.instructions ul li:nth-of-type(3) {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 14px;
}

.instructions ul li:nth-of-type(3) img {
  width: 112px;
  height: 24px;
  margin-top: 8px;
  cursor: pointer;
}

.instructions ul li:nth-of-type(3) span {
  font-size: 14px;
  font-weight: bold;
}

.instructions ul li:nth-of-type(3) div {
  width: 100%;
}

.instructions ul li:nth-of-type(3) .wrap {
  width: 50%;
}

.instructions ul li:last-child {
  border-right: none;
}

.instructions .top li {
  height: 40px;
  line-height: 40px;
  color: #222222;
  background: #F5F5F5;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

.instructions .bottom {
  flex: 1;
  font-size: 12px;
}

.instructions .bottom li {
  padding: 4px 0 16px 24px;
  text-align: left;
}

.instructions .bottom li div {
  padding-top: 12px;
}
.tips-wrapper {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #666;
    border-radius: 4px;
    font-size: 12px;
    background: url(../../images/icon-warning2.png) 14px 10px no-repeat #FFF4F2;
    padding-left: 30px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.tips-wrapper:hover {
    height: auto;
    overflow: auto;
    text-overflow: inherit;
    white-space: normal;
}