html,body{
    width: 100%;
    height: 100%;
    font-size: 14px;
    background-color: #fff;
    font-family: "Microsoft YaHei", 微软雅黑;
}
*,*:after,*:before{
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
}
ul{
    margin: 0;
    padding: 0;
}
/*li{
    list-style: none;
}*/
a{
    text-decoration: none;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: 1px solid transparent;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../../images/pc/select-icon.png") no-repeat scroll right center transparent;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.clear{zoom: 1;}
.clear:after{content: "";display: block;clear: both;}
.container{
    width: 1230px;
    height: auto;
    margin: 0 auto;
}
.clear-fixed{
    clear: both;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}

.color-og{
    color: #f26f16;
}
.color-lit-og{
    color: #ef9d43;
}
.color-black{
    color: #3e3a39;
    font-weight: bold;
}
.btn-center{
    width: 100%;
    text-align: center;
    margin-top: 22px;
}
.btn-center button{
    margin: 0 auto;
}

.font-16{
    font-size: 16px;
}
.page-hr{
    width: 100%;
    height: 1px;
    margin-bottom: 18px;
    background-color: #f5c28a;
}
.page-hr.grey{
    background-color: #d9dadb;
}
.pd-t-20{
    padding-top: 20px;
}
.pd-t-30{
    padding-top: 30px;
}
.pd-t-40{
    padding-top: 40px;
}
/*-----------------------------------*/

/*-----------------login-head------------------*/
.head-top{
    height: 32px;
    width: 100%;
    font-size: 12px;
    line-height: 32px;
    background-color: #f2f2f2;
}
.head-top-l{
    padding-left: 22px;
    float: left;
}
.head-top-l h3{
    font-size: 12px;
    line-height: 32px;
    font-weight: normal;
}
.head-top-l span{
    font-size: 12px;
    line-height: 32px;
    color: red;
}
.head-top-l span a{
    font-size: 12px;
    line-height: 32px;
    color: red;
}
.head-top-r{
    float: right;
    padding-top: 5px;
}

.head-top-r ul{
    width: auto;
    padding: 0;
    height: 12px;
    font-size: 0;
}
.head-top-r ul li{
    display: inline-block;
    width: auto;
    padding: 0 11px;
    height: 12px;
    border-right: 1px solid #e1e2e2;
    position: relative;
}
.head-top-r ul li:last-child{
    border-right: 1px solid transparent;
}
.head-top-r ul li.li-more span{
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url("../../images/pc/down-icon.png") center center no-repeat;
}
.head-top-r ul li.li-more ul{
    width: auto;
    height: auto;
    padding: 0;
    background-color: #f2f2f2;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 99;
}
.head-top-r .li-more ul li{
    display: block;
    width: auto;
    height: 26px;
    padding: 0 11px;
    position: static;
    border: none;
}
.head-top-r .li-more ul li a{
    display: block;
    height: 100%;
    width: auto;
    font-size: 12px;
    line-height: 26px;
}
.head-top-r ul li a{
    display: block;
    width: auto;
    height: 100%;
    font-size: 12px;
    color: #717071;
    line-height: 12px;
}
/*--------------------logo--------------------------*/
.page-logo{
    width: 100%;
    height: 120px;
    background-color: #fff;
    position: relative;
}
.page-logo .container{
    width: 980px;
}
.page-logo .logo{
    width: 167px;
    height: 100%;
    float: left;
}
.page-logo .logo img {
    display: block;
    width: 140px;
    height: 100px;
    margin-top: 10px;
}
.page-logo h1{
    display: inline-block;
    font-size: 25px;
    line-height: 93px;
    color: #727171;
    padding-left: 20px;
    font-weight: normal;
}
.logo-style-two{
    width: 100%;
    height: 120px;
}
.logo-style-two .container{
    width: 1198px;
}
.logo-style-two .logo{
    width: 208px;
}
.page-logo h2{
    font-size: 16px;
    margin-top: 7px;
    color: #727171;
    font-weight: bold;
}
.page-head-search {
    width: 538px;
    height: 42px;
    padding: 8px;
    border: 2px solid #ef9d43;
    position: absolute;
    left: 46%;
    margin-left: -269px;
    top: 38%;
}
.page-head-search input{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding-left: 138px;
    padding-right: 78px;
}
.search-btn{
    display: block;
    width: 78px;
    height: 38px;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    background-color: #ef9d43;
    position: absolute;
    border: none;
    outline: none;
    right: 0;
    top: 0;
}
.search-list{
    width: 85px;
    height: 38px;
    padding: 8px ;
    position: absolute;
    left: 0;
    top: 0;
}
.search-list select{
    display: block;
    width: 54px;
    height: 100%;
    font-size: 16px;
    color: #727171;
    border:none;
    outline: none;
}


.search-list:after{
    content: '';
    display: block;
    width: 40px;
    height: 22px;
    border-left: 1px solid #dadada;
    position: absolute;
    right: -40px;
    top:8px;
    background: url("../../images/pc/search-icon.png") right center no-repeat;

}
.page-nav{
    width: 100%;
    height: 40px;
    background-color: #ef9d43;
}
.page-nav .container{
    width: 1230px;
}
.page-nav ul{
    width: 100%;
    height: 100%;
    padding: 0;
}
.page-nav ul li{
    display: block;
    width: 180px;
    height: 100%;
    float: left;
    background-color: #ef9d43;
}
.page-nav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #ef9d43;
    position: relative;
}
.page-nav ul li a:hover{
    background-color: #f26f16;
}
.page-nav ul li a:after{
    content: '';
    display: block;
    width: 1px;
    height: 26px;
    background-color: #fff;
    position: absolute;
    right: 1px;
    top: 8px;
}
.page-nav ul li a:hover:after{
    background-color: #f26f16;
}
.page-nav ul li:last-child a:after{
    background-color: transparent;
}

/*---------------page-content-----------------*/
.pd-14{
    width: 100%;
    height: auto;
    padding: 0 14px;
    position: relative;
}
.page-content{
    position: relative;
}
.page-content-l{
    width: 196px;
    height: auto;
    margin-top: 10px;
    border: 2px solid #f1f1f0;
    float: left;
    clear: left;
}
.page-content-r{
    width: 970px;
    height: auto;
    margin-top: 10px;
    margin-left: 25px;
}
.page-vip-head{
    width: 100%;
    height: 58px;
    padding-left: 26px;
    border-bottom: 1px solid #f4bb7d;
}
.page-vip-head h3{
    width: 100%;
    font-size: 14px;
    line-height: 58px;
    color: #030000;
}
.page-vip-head h3 img.vip-icon{
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 7px;
}
.vip-menu{
    width: 100%;
    height: 100%;
}
.vip-menu>li.ul-wrap{
    display: block;
    width: 100%;
    height: auto;
    font-size: 11px;
    line-height: 30px;
    color: #595757;
    font-weight: bold;
    position: relative;
}
.vip-menu>li.ul-wrap span{
    width: 100%;
    padding-left: 55px;
}
.vip-menu>li.ul-wrap:after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ef9d43;
    position: absolute;
    left: 28px;
    top: 13px;
}
.ul-wrap>ul{
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.ul-wrap>ul>li>a{
    width: 100%;
    height: 30px;
    padding-left: 55px;
    font-size: 11px;
    line-height: 30px;
    text-decoration: none;
    color: #9e9e9f;
}
.ul-wrap>ul>li:hover,.ul-wrap>ul>li:hover>a,.ul-wrap>ul>li.active,.ul-wrap>ul>li.active>a{
    background-color: #ef9d43;
    color: #fff;
}

/*----------------page-content-r----------------*/
.page-content-r-head{
    height: 59px;
    border-bottom: 1px solid #f4bc7e;
    margin-bottom: 20px;
}
.page-content-r-head h3{
    line-height: 58px;
    font-size: 14px;
    color: #717071;
}
.page-content-r-head h3 a{
    color: #717071;
    font-weight: normal;
}
.page-content-r-head h3 span{
    padding-left: 10px;
    padding-right: 10px;
}
.page-content-r-body{
    position: relative;
}
.page-content-r-body-title{
    min-height: 30px;
}
.page-content-r-body-title h2{
    font-size: 12px;
    line-height: 30px;
    color: #595757;
}
.page-content-r-body-title p{
    font-size: 14px;
    line-height: 30px;
    color: #717071;
}
.page-content-r-body-title p span{
    color: #ef9d43;
}
.page-content-r-body-title ul{
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    border-top: 1px solid #dedfdf;
}
.page-content-r-body-title ul li{
    display: block;
    width: auto;
    height: 50px;
    font-size: 14px;
    line-height: 49px;
    padding-left: 45px;
    padding-right: 45px;
    color: #727171;
    float: left;
    position: relative;
}
.page-content-r-body-title ul li a{
    color: #727171;
}
.page-content-r-body-title ul li.active,.page-content-r-body-title ul li:hover{
    background-color: #fff;
    border-left: 1px solid #dedfdf;
    border-right: 1px solid #dedfdf;
    border-bottom: 1px solid #dedfdf;
}
.page-content-r-body-title ul li.active a,.page-content-r-body-title ul li:hover a{
    color: #f26f16;
}
.page-content-r-body-title ul li:after{
    content: '';
    visibility: hidden;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #f26f16;
    position: absolute;
    top: -2px;
    left: 0;
}
.page-content-r-body-title ul li.active:after,.page-content-r-body-title ul li:hover:after{
    visibility: visible;
}
.page-content-form-wrap{
    width: 485px;
    padding-left: 117px;
    margin-bottom: 22px;
    position: relative;
    float: left;
}
.page-content-form-wrap.col-1{
    width: 100%;
    -webkit-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
}
.page-content-form-wrap.col-3{
    width: 33.33%;
}
.page-content-form-wrap.ts-105{
    -webkit-transform: translateX(105px);
    -ms-transform: translateX(105px);
    -moz-transform: translateX(105px);
    -o-transform: translateX(105px);
    transform: translateX(105px);
}
.border-wrap{
    width: 90%;
    min-height: 164px;
    height: auto;
    padding: 14px 40px;
    border: 1px solid #efefef;
}
.page-content-form-wrap select,.page-table select{
    display: inline-block;
    width: 100%;
    height: 32px;
    padding-left: 14px;
    font-size: 13px;
    color: #030000;
    border: 1px solid #dfdfdf;
    outline: none;
    border-radius: 5px;
    background: url("../../images/pc/select-ac-icon.png") #efefef no-repeat scroll right center;
}
.page-content-form-wrap select.lg-select{
    width: 312px;
}
.page-content-form-wrap select.md-select{
    width: 250px;
}
.page-content-form-wrap select.md-select-160{
    width: 160px;
}
.page-content-form-wrap select.sm-select{
    width: 150px;
}
.page-content-form-wrap select.xm-select,.page-table select.xm-select{
    width: 120px;
}
.page-content-form-wrap select.xs-select,.page-table select.xs-select{
    width: 70px;
}
.page-content-form-wrap input[type='text']{
    display: block;
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 14px;
    padding-left: 14px;
    background-color: #fff;
    border: 1px solid #e7e7e8;
    outline: none;
    float: left;
}
.page-content-form-wrap input[type='password'] {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 14px;
    padding-left: 14px;
    background-color: #fff;
    border: 1px solid #e7e7e8;
    outline: none;
    float: left;
}
.page-content-form-wrap span{
    line-height: 32px;
    color: #3e3b39;
}
.page-table tbody td>img{
    display: inline-block;
    width: 88px;
    height: 88px;
    margin-top: 14px;
    margin-bottom: 14px;
}

input[type='text'].lg-input{
    width: 312px;
}
 input[type='text'].md-input{
    width: 250px;
}
input[type='text'].md-input-100{
    width: 100px;
    text-align: center;
}
input[type='text'].md-input-140{
    width: 140px;
    text-align: center;
}
input[type='text'].md-input-160{
    width: 160px;
}
input[type='text'].md-input-200{
    width: 200px;
}
input[type='text'].md-input-300{
    width: 300px;
}
input[type='text'].md-input-440{
    width: 440px;
}
 input[type='text'].sm-input{
    width: 70px;
}

.page-content-form-wrap label{
    display: block;
    width: 150px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    text-align: right;
    color: #3e3a39;
    position: absolute;
    left: -55px;
    top: 0;
}
/*.page-content-form-wrap.col-3 label{*/
    /*left: -60px;*/
/*}*/
.page-table td label.necessary{
    display: inline-block;
    width:150px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    color: #3e3a39;
    position: relative;
}
.page-content-form-wrap label.necessary:after,.page-table td label.necessary:after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: url("../../images/pc/necessary.png") no-repeat;
    position: absolute;
    right: -10px;
    top:10px;
}
.page-table td label.necessary:after{
    right: 30px;
}
.page-content-form-wrap .radio-wrap{
    width: 152px;
    height: 32px;
    border: none;
    float: left;
    clear: right;
    position: relative;
}
.page-content-form-wrap .radio-wrap.md-radio{
    width: 100px;
    margin-right: 18px;
}
.page-content-form-wrap .radio-wrap input[type='radio']{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 99;
    opacity: 0;
}
.page-content-form-wrap .radio-wrap i{
    font-style: normal;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    color: #727171;
    border: 1px solid #e7e7e8;
    position: absolute;
    left: 0;
    z-index: 97;
}
.page-content-r-body .table-title{
    height: auto;
    width: auto;
    text-align: right;
    margin-bottom: 16px;
}
.page-content-r-body .table-title>p{
    font-size: 14px;
    line-height: 32px;
    color: #717071;
}
.page-content-r-body .table-title>p span.table-title-label{
    display: inline-block;
    width: 70px;
    text-align: right;
}
.page-content-r-body .table-title>div{
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 30px;
    color: #595757;
}
.page-content-r-body .table-title>div:last-child{
    margin-right: 0;
}
.page-table{
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    float:left;
}
.page-table tbody{
    transition: all 0.4s;
}
.page-content-form-wrap button.little-btn,.page-content-form-wrap a.little-btn{
    display: inline-block;
    width: auto;
    height: 30px;
    font-size: 13px;
    line-height: 28px;
    color: #3e3a39;
    background-color: #f7f8f8;
    border: 1px solid #f3f3f2;
    border-radius: 5px;
    outline: none;
}
.page-content-form-wrap table>thead>tr>th,.page-table table>thead>tr>th,.order table>thead>tr>th{
    height: 48px;
    padding: 0;
    font-size: 12px;
    line-height: 48px;
    text-align: center;
    border-top: 1px solid #eeeeef;
    border-bottom: 1px solid #eeeeef;
    color: #595757;
    background-color: #f6f7f7;
    font-weight: bold;
}
.page-table.white table>thead>tr>th{
    background-color: #fff;
}

.page-table table>tbody>tr>td,.order table>tbody>tr>td{
    border-top: 1px solid #eeeeef;
    border-bottom: 1px solid #eeeeef;
    color: #595757;
 }
.page-table.border table>tbody>tr>td,.page-table.border table>thead>tr>th{
    border-right: 1px solid #eeeeef;
}
.order table>tbody>tr>td:nth-of-type(1){
    border-left: 1px solid #eeeeef;
}
.page-content-form-wrap table>thead>tr>th{
    width: 12.5%;

}

.page-content-form-wrap table>thead>tr>th:nth-of-type(1),.page-table table>thead>tr>th:nth-of-type(1),.page-table table>tbody>tr>td:nth-of-type(1),.order table>thead>tr>th:nth-of-type(1),.page-table tfoot tr td:nth-of-type(1){
    border-left: 1px solid #eeeeef;
}
.page-content-form-wrap table>thead>tr>th:last-child,.page-table table>thead>tr>th:last-child,.page-table table>tbody>tr>td:last-child,.order table>tbody>tr>td:last-child,.page-table tfoot tr td:last-child{
    border-right: 1px solid #eeeeef;
}
.page-content-form-wrap table>tbody>tr>td,.page-table table>tbody>tr>td,.order table>tbody>tr>td{
    height: 48px;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.page-content-form-wrap table>tbody>tr>td a,.page-table table>tbody>tr>td a,.order table>tbody>tr>td a{
    /*color: #f16f16;*/
    font-weight: bold;
}

.page-table table>tbody>tr:hover td{
    color: #e74038;
}
.page-table table>tbody>tr>td.collection{
    background: url("../../images/pc/collection-icon.png") center center no-repeat;
}

.page-table table>tbody>tr>td input[type='checkbox']{
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    z-index: 99;
    opacity: 0;
}

.page-table table>thead>tr>th input[type='checkbox'],.page-content-form-wrap span.checkbox-box input[type='checkbox']{
    display: inline-block;
    width: 12px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    z-index: 99;
    opacity: 0;
}
.page-table thead label.checkbox-box,.page-content-form-wrap span.checkbox-box{
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
}
.page-table tbody label.checkbox-box{
    display: inline-block;
    width: 12px;
    height: 100%;
    position: relative;
}
.page-table label.checkbox-box:after,.page-content-form-wrap span.checkbox-box:after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #cecfcf;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    z-index: 97;
}
.page-table label.checkbox-box.active:after,.page-content-form-wrap span.checkbox-box.active:after{
    background: url("../../images/pc/checked-ok-icon.png") center no-repeat;
}
.page-content-form-wrap table>tbody>tr:nth-child(2n)>td,.page-table table>tbody>tr:nth-child(2n)>td,.order table>tbody>tr:nth-child(2n)>td{
    background-color: #f6f7f7;
}
.page-table tbody.no-zebra tr:nth-child(2n)>td{
    background-color: #fff;
}
.page-table tfoot tr td{
    height: 48px;
    padding: 0;
    font-size: 13px;
    line-height: 48px;
    text-align: center;
    border-top: 1px solid #eeeeef;
    border-bottom: 1px solid #eeeeef;
    color: #595757;
    background-color: #f7f8f8;
}
.page-table tfoot button.table-add-icon{
    display: inline-block;
    width: 60px;
    height: 48px;
    font-size: 12px;
    padding-left: 30px;
    border: none;
    outline: none;
    background: url("../../images/pc/table-add-icon.png") left center no-repeat;
}
.page-table span.nothing,.page-content-form-wrap span.nothing{
    padding: 0 5px;
}
span.necessary{
    display: inline-block;
    width: 25px;
    height: 10px;
    position: relative;
}
span.necessary:after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: url("../../images/pc/necessary.png") no-repeat;
    position: absolute;
    left: 5px;
    top:0;

}
.add-number-wrap{
    width: 80px;
    height: 24px;
    border: 1px solid #cccdcd;
}
.add-number span,input{
    display: inline-block;
}
.add-number span{
    width: 16px;
    height: 22px;
    cursor: pointer;
}
.add-number input{
    width: 46px;
    height: 22px;
    border-left: 1px solid #cccdcd;
    border-right: 1px solid #cccdcd;
    border-top: none;
    border-bottom: none;
    outline: none;
    text-align: center;
}
.btn-wrap{
     width: 853px;
     margin-top: 16px;
     margin-bottom: 16px;
}
.table-btn{
    display: block;
    width: 176px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
    background-color: #ee9c43;
    cursor: pointer;
}

.table-btn.sm-btn{
    width: 120px;
}
.table-btn.no{
    background-color: #efefef;
    color: #030000;
}
.page-content-form-wrap textarea{
    width: 853px;
    height: 148px;
    border: 1px solid #ececec;
    resize : none;
}
.page-content-form-wrap textarea.lg-textarea{
    width: 312px;
    height: 162px;
}
.page-content-form-wrap textarea.md-textarea{
    width: 252px;
    height: 162px;
}
.page-content-form-wrap textarea.sm-textarea{
    width: 252px;
    height: 110px;
}
.page-content-form-wrap input[type='file'],.page-content-form-wrap .md-input-file-wrap input[type='submit']{
    display: block;
    width: 160px;
    height: 32px;
    position: absolute;
    left: 117px;
    top:0;
    opacity: 0;
    z-index: 99;
}
.page-content-form-wrap .file-wrap{
    display: block;
    width: 160px;
    height: 32px;
    font-size: 13.5px;
    line-height: 30px;
    color: #4f4e50;
    text-align: center;
    border: 1px solid #e0e1e1;
    position: absolute;
    left: 117px;
    top:0;
    z-index: 98;
}
.page-content-form-wrap .md-input-file-wrap{
    display: inline-block;
    width: 80px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 5px;
    background-color: #ee9c43;
    position: relative;
    margin-top: 10px;
}
.page-content-form-wrap .md-input-file-wrap input[type='file'],.page-content-form-wrap .md-input-file-wrap input[type='submit']{
    width: 80px;
    left: 0;
}
.page-content-form-wrap .img-wrap{
    display: block;
    width: 88px;
    height: 88px;
}
.page-content-form-wrap i.misdeed{
    display: none;
    font-size: 14px;
    line-height: 32px;
    color: #717070;
    padding-left: 1rem ;
    padding-right: 1rem;
    margin-left: 2rem;
    font-style: normal;
    border: 1px solid #c5c6c6;
}
.page-content-form-wrap i.misdeed.active{
    display: inline-block;
}
.page-content-form-wrap a.provisions {
    color: #ee9c43;
    margin-left: 16px;
    line-height: 32px;
}
.file-txt{
    padding-left: 176px;
    font-size: 13px;
    line-height: 30px;
    color: #9d9d9e;
}
.page-content-form-wrap .button-group button{
    display: block;
    width: 176px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
    background-color: #ee9c43;
    float: left;
    cursor: pointer;
}
.page-content-form-wrap .button-group a.md-button{
    display: inline-block;
    width: 142px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 10px;
    background-color: #ee9c43;
}
.page-content-form-wrap .button-group a.md-button.active{
    background-color: #b5b5b6;
}
.page-content-form-wrap .button-group a.md-button.normal{
    background-color: #fff;
    border: 1px solid #c3c3c4;
    color: #727171;
}
.page-content-form-wrap .button-group button:nth-of-type(1){
    margin-right: 20px;
}
.page-content-form-wrap.no-padding{
    padding-left: 80px
}
.page-content-form-wrap.no-padding label{
   left: -98px
}
.page-table input[type='radio']{
    display: inline-block;
    width: 15px;
    height: 15px;
    outline: none;
}
.collection-btn{
    width: 100%;
    height: 40px;
}
.collection-btn button{
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    color: #3e3a39;
    border: 1px solid #eeefee;
    border-radius: 5px;
    background-color: #f7f8f8;
    outline: none;
    cursor: pointer;
}
.page-table p.page-table-title{
   text-indent: 2rem;
    font-size: 14px;
    color: #3e3a39
}
.page-table p.page-table-title button{
    display: inline-block;
    width: auto;
    height: 30px;
    font-size: 13px;
    line-height: 28px;
    color: #3e3a39;
    background-color: #f7f8f8;
    border: 1px solid #f3f3f2;
    border-radius: 5px;
    outline: none;
}
.img-up{
    width: 280px;
    min-height: 132px;
    position: relative;
}
.img-up .img-exp{
    width: 247px;
    height: 90px;
    margin: 0 auto;
}
.img-up input[type='file']{
    display: block;
    width: 247px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.img-up p{
    font-size: 13px;
    color: #3e3a39;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.send-message{
    width: 200px;
    height: 30px;
    margin-left: 20px;
    background-color: #ededed;
    border: 1px solid #d0d0d0;
}
.send-message button{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #3f3d3c;
    padding: 0 30px;
    border: none;
    outline: none;
    background-color: transparent;
    text-align: center;
}
.send-message button span{
    display: block;
    float: left;
    margin-left: 8px;
}
.send-message button i{
    display: block;
    width: 24px;
    height: 28px;
    float: left;
    background: url("../images/msg-icon2.png") center center no-repeat;
}
/*--------------------------银行卡------------------------------*/
.bank-item{
    width: 282px;
    height: 140px;
    margin-top: 20px;
    margin-right: 18px;
    border:1px solid #ececec;
    position: relative;
}
.bank-top{
    width: 100%;
    height: 60px;
    padding-right: 14px;
    background-color: #f7f7f7;
}
.bank-logo{
    width: 50%;
    height: 100%;
}
.bank-logo img{
    display: block;
    width: 130px;
    height: 41px;
    margin-top: 10px;
}
.bank-top-txt{
    width: 50%;
    height: 100px;
    padding-top: 20px;
}
.bank-top-txt span{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.bank-top-txt i{
    display: block;
    width: auto;
    height: auto;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    font-style: normal;
    text-align: center;
    padding: 0 5px;
}
.bank-top-txt i.blue{
    background-color: #589ee5;
}
.bank-top-txt i.pink{
    background-color: #ff7571;
}
.bank-body{
    width: 100%;
    height: 78px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 20px;
}
.bank-body p{
    font-size: 12px;
    line-height: 18px;
    color: #000;
    text-align: left;
}
.bank-item.add-bank a{
    display: block;
    width: 100%;
    height: 100%;
    background: url('../../images/pc/add-bank.png') center 40px no-repeat;
    position: relative;
}
.bank-item.add-bank a:after{
    content: '添加银行卡';
    display: block;
    width: 6rem;
    color: #ef9d43;
    font-weight: bold;
    position: absolute;
    top: 85px;
    left: 50%;
    margin-left: -2.5rem;
}
.bank-radio{
    width: 20%;
    position: relative;
    margin-bottom: 35px;
}
.bank-radio .bank-radio-img-wrap{
    height: 42px;
    width: 130px;
    border: 1px solid #e9e9e9;
}
.bank-radio-img-wrap img{
    display: block;
    width: 130px;
    height: 41px;
}
.round{
    width: 16px;
    height: 16px;
    border: 1px solid #acacad;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 98;
    left: 20px;
    top: 50%;
    margin-top: -7px;
}
.round-center{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -4px;
    top:50%;
    margin-top: -4px;
}
.round.selected .round-center{
    background-color: #000;
}
.bank-radio input[type='radio']{
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 100;
    left: 20px;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
}
.more-bank{
    display: none;
    width: 970px;
    height: auto;
    padding: 50px 14px 16px 14px;
    background-color: #fff;
    border: 1px solid #e6e6e5;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 999;
}
.more-bank:after{
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #e6e6e5;
    border-left: 1px solid #e6e6e5;
    background-color: #fff;
    position: absolute;
    left: 110px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.more-bank-head{
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e5;
    background-color: #f7f8f8;
}
.more-bank-head h3{
    font-size: 15px;
    color: #595757;
    line-height: 48px;
    font-weight: bold;
    padding-left: 30px;
}
.more-bank-body{
    width: 100%;
    height: auto;
}
.more-bank-lists{
    width: 100%;
    height: auto;
}
.more-bank-lists li{
    display: block;
    width: 16.66%;
    font-size: 12px;
    color: #595757;
    line-height: 45px;
    text-align: center;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f1;

}
/*------------------------------order--------------------------*/
.page-content-r .order{
    width: 100%;
    height: auto;
    margin-bottom: 33px;
}

.order-head{
    width: 100%;
    height: 48px;
    background-color: #e5e5e5;
}
.order-head ul{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}
.order-head ul li{
    display: inline-block;
    width: 20%;
    font-size: 12px;
    line-height: 48px;
    color: #595757;
    text-align: center;
}
.order-do{
    padding-top: 25px;
    width: 170px;
    min-height: 146px;
    background-color: #fff;
    border-right: 1px solid #eeeeef;
    border-bottom: 1px solid #eeeeef;
}
.order-btn{
    display: block;
    width: 105px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    margin: 0 auto;
    margin-bottom: 30px;
    cursor: pointer;
}
.order-btn.ok{
    background-color: #ef9d43;
}
.order-btn.no{
    background-color: #9fa0a0;
}
.settle-money{
    padding-top: 20px;
}
.settle-money p{
    line-height: 30px;
}
.settle-money span{
    font-size: 15px;
    line-height: 30px;
}
.page-content-r .material{
    width: 100%;
    height: auto;
}
.material .material-items{
    width: 50%;
    height: auto;
}
.material .material-items p{
    text-align: center;
    margin-bottom:20px;
    font-size: 14px;
    color: #3e3a39;
}
.material .material-items img{
    display: block;
    width: 265px;
    height: 175px;
    margin: 0 auto;
}
.material-items button.little-btn{
    display: block;
    margin: 0 auto;
    width: auto;
    height: 30px;
    font-size: 13px;
    line-height: 28px;
    padding: 0 30px;
    margin-top: 14px;
    color: #3e3a39;
    background-color: #f7f8f8;
    border: 1px solid #f3f3f2;
    border-radius: 5px;
    outline: none;
    position: relative;
}
.material-items button input[type='file']{
    display: block;
    width: 80px;
    height: 32px;
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;
}
/*-------------------------------分页--------------------------*/
.page-pagination{
    width: 560px;
    height: 38px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-pagination ul{
    margin: 0;
    padding: 0;
    width: auto;
    height: 100%;
    float: left;
}
.page-pagination ul li{
    display: block;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 36px;
    color: #9e9e9f;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #f1f1f2;
    float: left;
    margin-right: 4px;
}
.page-pagination ul li.active,.page-pagination ul li:hover{
    background-color: #e74038;
    border-color: #e74038 ;
}
.page-pagination ul li.active a,.page-pagination ul li:hover a{
    color: #fff;
}
.page-pagination ul li a{
    color: #9e9e9f;
}
.page-pagination ul li.active a,.page-pagination ul li:hover a{
    color: #fff;
}
.page-pagination .next{
    display: block;
    width: auto;
    height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #f1f1f2;
    float: left;
    margin-right: 4px;
}
.turn-next{
    width: 195px;
    float: right;
}
.turn-next span{
    display:block;
    width: auto;
    line-height: 38px;
    font-size: 14px;
    color: #9e9e9f;
    margin-right: 10px;
    float: left;
}
.turn-next form{
    width: auto;
    display: block;
    float: right;
}
.turn-next form{
    font-size: 14px;
}
.turn-next form input{
    display: inline-block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    line-height: 36px;

    text-align: center;
    border: 1px solid #f1f1f2;
}
.turn-next form button[type='submit']{
    display: block;
    height: 38px;
    font-size: 14px;
    line-height: 36px;
    color: #9e9e9f;
    margin-left: 10px;
    border: 1px solid #f1f1f2;
    background-color: #f7f7f7;
    float: right;
}
/*---------------------page-dilog-----------------------------*/
.dilog-wrap{
    width: auto;
    height: 1146px;
    background-color: rgba(0,0,0,0.23);
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1000;
}

.page-dilog,.page-son-dilog{
    width: auto;
    height: auto;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    /*border: 1px solid #e6e6e5;
    display: none*/;
}
.page-son-dilog{
    position: absolute;
    z-index: 1003;
}
.page-dilog.style-two,.page-son-dilog.style-two{
    border: 4px solid #999999;
}
.page-dilog-head{
    width: 100%;
    height: 56px;
    margin-bottom: 36px;
    border-bottom: 2px solid #f6c896;
}
.page-dilog-head h3{
    font-size: 14px;
    line-height: 54px;
    color: #717071;
}
.dilog-colose-icon{
    width: 16px;
    height: 16px;
    background: url("../../images/pc/dilog-close.png") no-repeat;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 1110;
}
/*--------------------accreditation--------------------------*/
.accreditation{
    width: 970px;
    margin: 0 auto;
}
.accreditation-head{
    margin-top: 30px;
    margin-bottom: 30px;
    height: 67px;
    border-bottom: 2px dashed #fde7a0;
}
.accreditation-head h2{
    font-size: 20px;
    color: #9fa0a0;
    line-height: 65px;
    font-weight: normal;
}
.accreditation-head h2 i{
    font-style: normal;
    color: #f26f16;
}
.accreditation-head h2 a{
    color: #9fa0a0;
}
.accreditation-head h2 a.active{
    font-size: 21px;
    color: #ef9d43;
    font-weight: bold;
}
.accreditation-panel{
    margin-top: 20px;
    width: 100%;
    height: auto;
    border: 1px solid #eeeeed;
    position: relative;
}
.accreditation-panel-head{
    width: 100%;
    height: 34px;
    background-color: #f7f7f7;
}
.accreditation-panel-head h4{
    font-size: 14px;
    line-height: 34px;
    color: #717071;
    padding-left: 20px;
}
.accreditation-panel-body{
    width: 100%;
    height: auto;
    background-color: #ffffff;
}
.panel-form{
    margin-top: 24px;
    padding-left: 180px;
}
.accreditation-input-wrap{
    height: auto;
    margin-bottom: 16px;
    position: relative;
}
.accreditation-input-wrap label{
    display: block;
    width: 150px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    text-align: right;
    color: #3e3a39;
    position: absolute;
    left: -180px;
    top: 0;
}
.accreditation-input-wrap label.necessary:after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: url("../../images/pc/necessary.png") no-repeat;
    position: absolute;
    right: -10px;
    top:10px;
}
.accreditation-input-wrap input[type='text']{
    display: block;
    width: 254px;
    height: 30px;
    font-size: 13px;
    line-height: 14px;
    padding-left: 14px;
    background-color: #fff;
    border: 1px solid #e7e7e8;
    outline: none;
}
.accreditation-input-wrap input[type='number']{
    display: block;
    width: 254px;
    height: 30px;
    font-size: 13px;
    line-height: 14px;
    padding-left: 14px;
    background-color: #fff;
    border: 1px solid #e7e7e8;
    outline: none;
}

.radio-wrap{
    width: 114px;
    margin-top: 8px;
    height: auto;
    float: left;
    clear: right;
    position: relative;
}
.accreditation-input-wrap input[type='radio'],.accreditation-input-wrap input[type='checkbox']{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 3px;
    z-index: 99;
}

.radio-wrap span{
    padding-left: 20px;
    font-size: 13.5px;
    line-height: 15px;
    color: #3e3a39;
}
.radio-wrap i{
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #9e9e9e;
    padding: 3px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top:0;
    z-index: 97;
}

.accreditation-input-wrap select{
    display: inline-block;
    width: 254px;
    height: 32px;
    padding-left: 14px;
    font-size: 13px;
    color: #030000;
    border: 1px solid #dfdfdf;
    outline: none;
    border-radius: 5px;
    background: url("../../images/pc/select-ac-icon.png") #efefef no-repeat scroll right center;
}
.accreditation-input-wrap textarea{
    width: 588px;
    height: 148px;
    border: 1px solid #ececec;
    resize : none;
}

.accreditation-panel-body .ac-img{
    width: 180px;
    height: auto;
    float: left;
    clear: right;
    margin-right: 24px;
}
.accreditation-panel-body .img-p-example,.accreditation-panel-body .img-cp-example{
    display: block;
    width: 180px;
    height: 128px;
    position: relative;
}
.accreditation-panel-body .ac-img:nth-of-type(1) .img-p-example{
     background: url("../../images/pc/ac-img-1.jpg");
 }
.accreditation-panel-body .ac-img:nth-of-type(2) .img-p-example{
    background: url("../../images/pc/ac-img-3.jpg");
}
.accreditation-panel-body .ac-img:nth-of-type(3) .img-p-example{
    background: url("../../images/pc/ac-img-2.jpg");
}
.accreditation-panel-body .ac-img:nth-of-type(1) .img-cp-example{
    background: url("../../images/pc/ac-img-4.jpg");
}
.accreditation-panel-body .ac-img:nth-of-type(2) .img-cp-example{
    background: url("../../images/pc/ac-img-3.jpg");
}
.accreditation-panel-body .ac-img:nth-of-type(3) .img-cp-example{
    background: url("../../images/pc/ac-img-5.jpg");
}
.accreditation-panel-body .img-p-example:after,.accreditation-panel-body .img-cp-example:after{
    content: '查看样本';
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 128px;
    font-weight: bold;
     background: url("../../images/pc/ac-img-hover.png") rgba(159,160,160,0.7) no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
    padding-left: 45%;
}
.accreditation-panel-body .img-p-example:hover:after,.accreditation-panel-body .img-cp-example:hover:after{
    visibility: visible;
}
.accreditation-panel-body .ac-img p{
    font-size: 13.5px;
    line-height: 20px;
    text-align: center;
    color: #3e3a39;
}
.input-file{
    display: block;
    width: 90px;
    line-height: 32px;
    font-size: 13.5px;
    background-color: #ef9d43;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 15px auto;

}
.input-file.border{
    width: 158px;
    border: 1px solid #c8c9ca;
    background-color: #ffffff;
    color: #4f4e50;
    border-radius: 0;
}
.input-file.border input[type='file']{
    width: 158px;
}
.input-file input[type='file']{
    position: absolute;
    display: block;
    width: 90px;
    height: 32px;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}
.accreditation-panel-body  .points{
    font-size: 11.5px;
    line-height: 15px;
    color: #e74038;
    margin: 16px 0;
    font-weight: bold;
}
.accreditation .button-group{
    width: 280px;
    margin-top: 10px;
    margin-bottom: 60px;
}
.accreditation .button-group button[type='submit']{
    display: block;
    width: 120px;
    height: 40px;
    background-color: #108EE9;
    margin-right: 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    outline: none;
    border: none;
    float: left;
    cursor: pointer;
}
.accreditation .button-group button[type='reset']{
    display: block;
    width: 120px;
    height: 40px;
    background-color: #efefef;
    border-radius: 5px;
    color: #030000;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    outline: none;
    border: 1px solid #e4e4e5;
    float: right;
    cursor: pointer;
}
.accreditation-error-wrap{
    width: auto;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.accreditation-error-wrap span{
    font-size: 13px;
    line-height: 20px;
    color: #ff3027;
    font-weight: bold;
}
.moban{
    text-align: center;
}
.moban a{
    text-decoration: none;
    color: #ef9d43;
    font-size: 15px;
    margin: 0 auto;
}
/*---------------login-footer-------------------*/
.foot{
    width: 100%;
    height: 300px;
    margin-top: 52px;
    background-color: #f2f2f2;
}
.foot-content{
    width: 980px;
    height: 100%;
    margin: 0 auto;
}
.foot-links{
    height: 180px;
    width: 100%;
    border-bottom: 1px solid #e0e1e1;
}
.foot-link-wrap{
    width: 172px;
    height: 100%;
    padding-top: 22px;
    float: left;
}
.foot-link-wrap h4{
    font-size: 13px;
    color: #727171;
}
.foot-link-wrap ul{
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}
.foot-link-wrap ul li{
    display: block;
    width: 100%;
    height: 30px;
}
.foot-link-wrap ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 30px;
    color: #717071;
}
.foot-link-wrap.QRCode{
    width: 120px;
}
.QRCode img{
    display: block;
    width: 86px;
    height: 85px;
    margin-top: 29px;
}



.copyright{
    height: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.copyright-links{
    width: 100%;
    height: auto;
    text-align: center;
}
.copyright-links ul{
    width: auto;
    height: auto;
}
.copyright-links ul li{
    display: inline-block;
    width: auto;
}
.copyright-links ul li a{
    display: block;
    width: auto;
    height: auto;
    font-size: 13px;
    line-height: 30px;
    color: #727171;
    padding: 0 7px;
}
.copyright-content{
    width: 100%;
    height: auto;
}
.copyright-content p{
    margin: 0;
    font-size: 13px;
    line-height: 30px;
    color: #727171;
    text-align: center;
}


/*---------------------------------------*/
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.no-mg{
    margin: 0;
}
.mg-18{
    margin-left: 18px;
}
.mg-t-20{
    margin-top: 20px;
}
.mg-t-30{
    margin-top: 30px;
}
.mg-t-40{
    margin-top: 40px;
}
.mg-b-20{
    margin-bottom: 20px;
}

.mg-b-40{
    margin-bottom: 40px;
}

.mg-l-5{
    margin-bottom: 5px;
}
.no-border{
    border: none;
}
.full-wrap{
    width: 100%;
}
.no-textIndent{
    text-indent: 0;
}
.hintMsg{
  display: inline-block;
  margin-left: 5%;
  font-style: normal;
  color: red;
  margin-top: 5px;
  position: absolute;
}
.zhuce,.zhuxiao,.denglu :hover{
  cursor: pointer;
}
.er {
   font-style: normal;
    position: absolute;
    top: 30px;
    right: 40px;
}
.select-content {
  width: 100%;
  height: 32px;
  padding-left: 14px;
  font-size: 13px;
  line-height: 30px;
  color: #030000;
  border: 1px solid #dfdfdf;
  outline: none;
  border-radius: 5px;
  background: url(../../images/pc/select-ac-icon.png) #efefef no-repeat scroll right center;
}
tbody:empty{ display:table-row }
tbody:empty::before{
  display: table-cell;
}
.brandsup .ant-form{
  width: 70%;
  margin-left: 5%;
}
.brandsup .ant-form-item-label{
  text-align: left;
}
.brandsup .ant-upload.ant-upload-drag .ant-upload-drag-container {
  height: 300px;
  margin-bottom: 24px;
}
.brandsup .ant-form-item-control{
  text-align: left;
}
.brandsup .ant-input-number{
  width: 180px;
}
.brandsup .ant-upload.ant-upload-drag .ant-upload-drag-container{
   height: 200px;
}
.in-extra{
    margin-left: 15px;
}
.ant-rate{
    font-size: 18px;
    display: inline;
    vertical-align: baseline;
    color: #fadb14;
}
.ant-rate-star{
    margin-right: 0;
}
.ant-rate-disabled .ant-rate-star {
    cursor: pointer;
}
.ant-advanced-search-form .ant-form-item{
    margin-bottom: 10px;
}
.ant-form-item-label{
    text-align: right;
    vertical-align: middle;
    line-height: 32px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}