/* Add here all your css styles (customizations) */
.btn-orange{
    color: #fff;
    background-color: #F15A24;
    border-color: #F15A24;
}
.btn-orange:focus, .btn-orange.focus{
    color: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(241,90,36, 0.5);
    box-shadow: 0 0 0 2px rgba(241,90,36, 0.5);
}
.btn-orange:hover {
    color: #fff;
    background-color: #f13d1b;
    border-color: #f13d1b;
}
.btn-green{
    color: #fff;
    background-color: #039145;
    border-color: #039145;
}
.btn-green:focus, .btn-green.focus{
    color: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(3, 145, 69, 0.5);
    box-shadow: 0 0 0 2px rgba(3, 145, 69, 0.5);
}
.btn-green:hover {
    color: #fff;
    background-color: #039150;
    border-color: #039150;
}
.btn-red{
    color: #fff;
    background-color: #FD0201;
    border-color: #FD0201;
}
.btn-red:focus, .btn-red.focus{
    color: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(253, 2, 1, 0.5);
    box-shadow: 0 0 0 2px rgba(253, 2, 1, 0.5);
}
.btn-red:hover {
    color: #fff;
    background-color: #D10113;
    border-color: #D10113;
}
.g-color-primary{
    color:#F15A24!important;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #F15A24!important;
    background-color: #F15A24!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
/*自定义三个按钮颜色*/
.my-skin-red .layui-layer-btn0 {
    border-color: #039145!important;
    background-color: #039145!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
.my-skin-red .layui-layer-btn1 {
    border-color: #FD0201!important;
    background-color: #FD0201!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
.my-skin-red .layui-layer-btn2 {
    border-color: #F15A24!important;
    background-color: #F15A24!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
/*自定义两个按钮颜色*/
.my-skin-green .layui-layer-btn0 {
    border-color: #039145!important;
    background-color: #039145!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
.my-skin-green .layui-layer-btn1 {
    border-color: #F15A24!important;
    background-color: #F15A24!important;
    color:#fff!important;
    border-radius: .25rem!important;
}
.g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus {
    border-color: #F15A24 !important;
    outline: 0!important;
    box-shadow: 0 0 0 2px rgba(252,219,189, 1);
}
.form-control:focus, .custom-select:focus {
    border-color: #F15A24!important;
    box-shadow: 0 0 0 2px rgba(252,219,189, 1);
}
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover{
    color:#F15A24!important;
}
.u-go-to-v2:hover, .u-go-to-v2:focus:hover{
    background-color: rgba(0, 0, 0, 0.3)!important;
}
.navBarAtive{
    color: #F15A24!important;
    background-color: #f7f7f7 !important;
}
.hidden{
    display:none;
}
.displayBlock{
    display: inline-block;
}
.toggle{
    margin-left: 15px;
    margin-top:-4px;
    font-size: 40px;
}

.flexDirection{
    flex-direction: row-reverse;
}
.mobileLogo{
    text-align:center;
}
.loginOut{
    height:48px;
    line-height: 48px;
    color:#fff;
    background-color:#FF0000;
    cursor:pointer;
}
.loginOut:hover{
    background-color:#AC0000;
}
@media (min-width: 992px) {
    #navBar {
        display: block;
    }
    .mobileLoginOut{
        display: none;
    }
}
.hamburger{
    padding:5px 10px;
}
.list-inline-item a{
    color:inherit;
    text-decoration: none;
}
.footerBorder{
    border-top:3px solid;
    border-image: -webkit-linear-gradient(to right,#EE1B23, #FCAF3C) 30;
    border-image: -moz-linear-gradient(to right,#EE1B23, #FCAF3C) 30;
    border-image: linear-gradient(to right,#EE1B23, #FCAF3C) 30;
    border-bottom:none;
}
.v-a-m{
    vertical-align: middle;
}
.boxShadow{
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    border:1px solid transparent;
    border-bottom:3px solid #F15A24;
}
.tab-content-list{
    padding:0;
}
.tab-content-list .contentLine{
    min-height:3rem;
    line-height: 3rem;
}
.tab-content-form{
    display: inline-block;
    width: calc(100% - 80px);
}
.personAddAdress{
    margin-top: 5px;
    margin-left: 67px;
    width: auto;
}
.personAddAdressForm{
    display:inline;
}
.tab-hidden{
    display:none;
}
.getCode{
    cursor:pointer;
    color:#fff!important;
    background: #F15A24;
}
.codeInput{
    margin-left:2rem;
    width:8rem!important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
}

.titleh3{
    border-left: 4px solid #F15A24;
    font-weight: bold;
}
.formLabel{
    width:100px;
}
.formInline{
    width:auto;
    display: inline-block;
}
.formEditLable{
    width:110px;
}
.formEditInline{
    width:calc(100% - 120px);
    display: inline-block;
}
.telFormCode{
    width:271px;
}


/*distribution*/
.table>tbody>tr>td,.table>thead>tr>th{
    border:0px;
}
.tableresBorder .table-responsive{
    border-top:1px solid #eee;
}
.ExporterInfoFormAdd{
    position: absolute;
    margin: -10px 0 0 10px;
}
.ExporterInfoAddAdress{
    margin-top: 5px;
    margin-left: 103px;
    width: auto;
}
.titleh3BorderTop{
    border-top:1px solid #eee;
    padding-top: 20px;
}
.titleh3BorderBottom{
    border-bottom:1px solid #eee;
}
.passwordError{
    color:red;
    font-weight: bold;
    padding-left: 106px;
}
.tab-content-import-form{
    width:calc(100% - 110px);
}
.contentimportLine{
    min-height: 2.5rem;
    line-height: 2.5rem;
}
.isUpdata{
    width: 80px;
    display: inline-block;
    text-align: center;
}
.mobileShow{
    display:none;
}

/*account*/
.btn-page a{
    margin-right:5px;
    color:#0e76a8!important;
}
.btn-page a.active{
     color:#F15A24!important;
     border:1px solid #F15A24!important;
     background:rgba(241,90,36, 0.1)!important;
}
.btn-page a:hover{
    color:#F15A24!important;
    border:1px solid #F15A24!important;
    background:rgba(241,90,36, 0.3)!important;
}
.btn-page .pageBtn{
    line-height: 1.6;
}
.currencyList{
    width:100px;
    position: absolute;
    right:0;
    margin: -25px 16px 0 0;
}
.accountFormLabel{
    width:60px;
}
.formInline100{
    width: calc(50% - 50px);
}
.accountSearchForm .col-md-6:first-child{
    padding-right:0;
}
.accountSearchForm .col-md-6:last-child{
    padding-left:0;
}
.expenditureTableList{
    width: 100px;
    position:absolute;
    right: 0;
    margin: -45px 16px 0 0;
}
.expenditureNavList{
    overflow-x: auto;
    overflow-y: hidden;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    flex-direction:row;
    align-items : center;
}
.expenditureNavList a{
    margin-right:10px;
}
.expenditureNavList a:hover{
    color:#fff!important;
    background-color: #F15A24;
    border:1px solid #F15A24;
}
.expenditureNavList .active{
    color:#fff!important;
    background-color: #F15A24;
    border:1px solid #F15A24;
}
.expenditureSearchAll{
    position: absolute;
    right: 17px;
    /*text-decoration:underline!important;*/
}
.tableEllipsis{
    table-layout: fixed;
}
.tdEllipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layerformLabel{
    width:100px;
}
.layerErrorReason{
    width: calc(100% - 100px);
}
.btn-add-expend{
    position:absolute;
    right: 15px;
    margin-top: -43px;
}
.tableWidth .table th,.tableWidth .table td{
    padding-left:0;
    padding-right:0;
}

/*index*/
.indexContent{
    border:1px solid;
    line-height:2;
    letter-spacing: 2px;
}
.messageData{
    width:120px;
}
.tooLonghide{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accountBalance .row{
    align-items: center;
    height: 67px;
}
.account_TWD{
    background: url("../img/index/twd.jpg");
}
.account_CNY{
    background: url("../img/index/cny.png");
}
.account_KRW{
    background: url("../img/index/krw.png");
}
.account_USD{
    background: url("../img/index/usd.png");
}
.account_THB{
    background: url("../img/index/thb.png");
}
.account_JPY{
    background: url("../img/index/jpy.png");
}
.accountBalance{
    height:67px;
    color:#fff;
    background-size: 100% 100%;
}

/*文章详情*/
.articleTitle{
    color:#191919;
}
.articleContent{
    color:#2f2f2f;
    text-indent: 2.3rem;
}

.mobileFlieDown p{
    color:#000;
}

/*hc*/
#main-nav{
    display:none;
}
.hc-mobile-nav .nav-wrapper{
    background: #fff;
}
.hc-mobile-nav.nav-open .nav-wrapper{
    box-shadow: 5px 0 10px 5px rgba(0, 0, 0, 0.1);
}
.hc-mobile-nav a{
    color: #999;
    font-size:inherit;
    padding:7px 10px;
    border-bottom:none;
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
}
.hc-mobile-nav .nav-container{
    width:210px;
}
.navBottom{
    position: absolute;
    bottom:0;
    left:0;
}
.hc-mobile-nav .navBottom a{
    font-size:.8rem;
    box-shadow:none;
}


/*注册*/
.reglogin{
    height: inherit;
    line-height: inherit;
    padding: 5px 12px;
}
.regBody #js-header{
    color:#000;
}
.regTitle{
    position:relative;
}
.regContent{
    width:calc(100% - 500px);
}
.regTabList{
    color:#fff;
    position:absolute;
    bottom:-14px;
    left:calc(50% - 53px);
}
.regTab{
    width:28px;
    height:28px;
    line-height: 28px;
    display:inline-block;
    border-radius: 50%;
    background:#999;
    margin-right:5px;
}
.regTabActive{
    background:#F15A24;
}
.allowcheck{
    width:16px;
    height:20px;
    margin-left:48px;
}
.regsContent{
    width:80%;
    margin:auto;
    text-align: center;
}
.regsformInline{
    max-width:300px;
    display: inline-block;
}
.regsCheck{
    font-size: 18px;
    padding: 1px 6px;
    border-radius: 50%;
    color: #fff!important;
    background: #39B54D;
    position:absolute;
    margin-left:10px;
}

@media (max-width: 992px){
    .regTitle{
        margin-top:20px;
    }
    .regContent{
        width:100%;
    }
    .regTelcode{
        margin-top:5px;
        display:inline-block;
    }
    .regsContent{
        width:100%;
    }
    .regsformInline{
        width:auto;
    }


    .mobilecontainer{
        padding-top:0!important;
    }
    .mobilecontainer .col-lg-3{
        padding:0!important;
        margin-bottom:0!important;
    }
    .mobileLogoContent{
        padding:0 .2rem!important;
        border:none!important;
        margin:1rem 0!important;
        box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
    }
    .mobileLogo{
        margin-bottom:1rem!important;
    }
    .mobileLogo img{
        width:90%;
    }
    .mobileHr{
        display: none;
    }
    .mobileHeader{
        width:auto!important;
    }
    .mobileFooter{
        display: none;
    }
    .footerMes{
        padding-top:10px!important;
        padding-bottom:10px!important;
        margin:0!important;
    }
    .footerMes p{
        font-size:0.85714rem !important
    }
    #js-header{
        display:none;
    }
    .loginOut{
        height:inherit;
        line-height: inherit;
        padding:5px 12px;
    }
    .boxShadow{
        box-shadow: none!important;
        padding-bottom: 0.71429rem !important;
    }
    .navBorder{
        border:none!important;
    }

    .tab-content-form .input-group{
        flex-direction: column;
    }
    .tab-content-form .getCode{
        margin:.8rem 0;
    }
    .tab-content-form .codeInput{
        margin-left:0;
    }
    .tab-content-form input{
        width:100%!important;
    }
    .passwordTip{
        display: inline-block;
        padding-left:100px;
    }
    .telFormCode{
        width:auto!important;
    }
    #telChange{
        margin-left: 103px;
        margin-top:5px;
    }
    .tab-tel-sendCode{
        margin-left: 103px;
        margin-top:5px;
    }
    .mobileHidden{
        display: none;
    }
    .mobileShow{
        display: block;
    }

    .ExporterInfoFormAdd{
        right:0;
        margin:-10px 16px 0 0;
    }
    .addRessInline{
        width: calc(100% - 168px);
        margin-top: 5px;
        margin-left: 103px;
    }
    .addRessInline2{
        margin-left: 113px;
    }
    .addRessInlineFirst{
        margin-left: 0;
    }
    .personaddRessInline{
        width: calc(100% - 74px);
        margin-top: 5px;
        margin-left: 67px;
    }
    .personaddRessInlineFirst{
        margin-left: 0;
    }
    .exporterBtnInline{
        width: 80.8px;
        margin-left: 103px;
    }
    .btn-page a{
        margin-bottom:5px;
    }
    .accountSearchForm .col-md-6:first-child{
        padding-right:15px;
    }
    .accountSearchForm .col-md-6:last-child{
        padding-left:15px;
    }
    .accountSearchId{
        width:100px;
    }
    .expenditureTableList{
        width: 100%;
        position:inherit;
        right: 0;
        margin: 0 0 5px 0;
    }
    .expenditureNavList a{
        min-width: 83px;
    }
    .expenditureNavList a.longtext{
        min-width: 95px;
    }
    /*.expenditureNavList a{
        font-size:0.71429rem !important;
    }*/

    .tableEllipsis th,.tableEllipsis td{
        width:140px;
    }
    .layerformLabel{
        width:70px;
    }
    .layerErrorReason{
        width: calc(100% - 70px);
    }
    .btn-add-expend{
        position:inherit;
        right: auto;
        margin-top:10px;
    }
    .expenditureExplain{
        display: block;
        margin-left:103px;
    }
    .tableInfo th,.tableInfo td{
        padding-left:0;
        padding-right:0;
    }
    .account_TWD{
        background: url("../img/index/twd_mobile.png");
    }
    .account_CNY{
        background: url("../img/index/cny_mobile.png");
    }
    .account_KRW{
        background: url("../img/index/krw_mobile.png");
    }
    .account_USD{
        background: url("../img/index/usd_mobile.png");
    }
    .account_THB{
        background: url("../img/index/thb_mobile.png");
    }
    .account_JPY{
        background: url("../img/index/jpy_mobile.png");
    }
    .accountBalance{
        height:95px;
        background-size: 100% 100%;
    }
    .accountBalance .row{
        height: 95px;
    }
    .expenditureEditForm .formLabel{
        width:68px;
    }
    .expenditureEditForm p{
        padding-left:70px!important;
    }
    .expenditureEditForm .formInline{
        width:calc(100% - 75px);
    }
    .expenditureEditForm .col-md-6:nth-child(2){
        margin-top:20px;
    }

    .dstributorSearch{
        width:48%;
    }
}