body,html{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif!important;height:100%;width:100%}
.wrap{min-height:100%;height:auto;margin:0 auto -60px;padding:0 0 60px}
.wrap>.container{padding:70px 15px 20px}
.sidebar-toggle{line-height:20px}
.footer{height:60px;background-color:#f5f5f5;border-top:1px solid #ddd;padding-top:20px}
.jumbotron{text-align:center;background-color:transparent}
.jumbotron .btn{font-size:21px;padding:14px 24px}
.not-set{color:#c55;font-style:italic}
a.asc:after,a.desc:after{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;padding-left:5px}
a.asc:after{content:"\e151"}
a.desc:after{content:"\e152"}
.sort-numerical a.asc:after{content:"\e153"}
.sort-numerical a.desc:after{content:"\e154"}
.sort-ordinal a.asc:after{content:"\e155"}
.sort-ordinal a.desc:after{content:"\e156"}
.grid-view td{white-space:nowrap}
.grid-view .filters input,.grid-view .filters select{min-width:50px}
.hint-block{display:block;margin-top:5px;color:#999}
.error-summary{color:#a94442;background:#fdf7f7;border-left:3px solid #eed3d7;padding:10px 20px;margin:0 0 15px 0}
.nav li>form>button.logout{padding:15px;border:none}
@media(max-width:767px){.nav li>form>button.logout{display:block;text-align:left;width:100%;padding:10px 15px}
}
.nav>li>form>button.logout:focus,.nav>li>form>button.logout:hover{text-decoration:none}
.nav>li>form>button.logout:focus{outline:0}
.template-search{display:block;margin-top:10px;overflow:hidden}
.template-search .form-group{padding:0;border-bottom:none;display:inline-block;margin:0 10px 10px 10px!important;float:left}
.page-footer{text-align:center;margin:0 auto;padding:30px;color:#999;font-size:13px}
div.required label.control-label:before{content:' *';color:#a94442}
td.required,th.required:before{content:' *';color:#a94442}
.form-section{margin:5px 10px 15px 10px;padding-bottom:5px;border-bottom:1px solid #eee;clear: both;font-size: 25px;font-style:italic;}
.box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#fff}
.content{background:#fff!important;padding:0 15px!important}
.left-line{border-left:1px solid #f2f3f5}
.col-center-block{float:none;display:block;margin:0 auto}
.login-btn{width:100%}
.wechat-login .login-ewm{text-align:center;padding-top:30px}
.wechat-login .login-ewm .ewm-img{background:#fff;border:1px solid #e9e9e9;margin:0 auto;width:147px;height:147px}
.wechat-login .login-ewm .ewm-img img{width:145px;height:145px}
.wechat-login .login-ewm .ewm-txt{display:inline-block;padding-top:15px;color:#b8b8b8;font-size:14px}
.client-icon{width:100%;height:42px;position:fixed;bottom:2px;text-align:center}
.client-icon span{width:40px;margin-right:2px;padding:10px;border:1px solid #e9e9e9;text-align:center;text-decoration:none}
.tooltip-inner{background:#f2f3f5!important;text-align:left!important;color:#666!important;border:1px solid #f2f3f5;max-width:400px!important;font-size:12px;padding:8px!important}
.tooltip-arrow{border-top-color:#f2f3f5!important}
.tooltip{left:15px!important}
.modal-dialog{width:80%!important;margin:50px auto!important}
.breadcrumb{margin:0 0 3px 0!important;padding-left:25px!important;border-radius:0!important}
.box{border:1px solid #ddd!important;margin:5px 0!important;box-shadow:none!important}
.batch-act button{margin-right:15px!important}
.modal-footer button{margin-left:15px!important}
.iframe-box .box{border:none!important;margin:0!important}
.modal-cancel{display:none!important}
.iframe-box .content{min-height:50px!important}
.iframe-box .box-footer .col-sm-12{padding:0!important}
.iframe-box .modal-cancel{display:block!important}
.modal .modal-cancel{display:block!important}
.iframe-box .box-footer .center-block{margin-right:15px!important;float:right}
.box .box-footer div{text-align: center;}
.box .box-footer .center-block{display: inline-block;}
.modal .modal-footer .center-block{margin-right:15px!important;float:right}
.iframe-box .box .box-body{padding:10px 15px!important}
.table-responsive{display: contents !important;}
.dataTables_wrapper{margin: 0px 10px !important;}
.datatables-tools-btn{padding-top: 5px; padding-right: 25px;}
.dataTables_paginate{margin-top: 5px !important;}
.dataTables_wrapper button{margin:0 0 2px 5px!important}
.dataTables_length select{padding:0!important;margin:0!important}
.dataTables_info{line-height:30px}
.dataTable-search-btn{float: left;width: 39px;}
.advSearchInput{float: left;width: calc(100% - 45px);}
.advSearchInput .search-group{line-height: 34px !important;width: 245px;display: inline-block;}
.advSearchInput input{margin:0 0 5px 5px!important;width:115px!important;padding:6px 2px!important;display: inline-block;font-weight:400!important;}
.advSearchInput select{margin:0 0 5px 5px!important;padding:6px 2px!important}
.advSearchInput span{margin:0 0 0 5px!important;}
.box-header{padding:10px 10px 5px 10px!important}
.datetimepicker .active{background-image:none!important}
.datetimepicker th,td{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.selection{width:100%!important}
.select2-selection{width:100%!important}
.advSearchInput .select2 {height: 34px; margin-top: -4px !important}
.advSearchInput .select2 span{margin: 0 !important;}
.advSearchInput .search-group .input-spacer{line-height: 34px;font-weight:400!important;border-top: 1px solid #d2d6de;border-bottom: 1px solid #d2d6de;height: 34px;width: 10px;margin-right: -5px;display: inline-block;text-align: center;background-color: #f4f4f4;color: #666;}
.select2-container--default{line-height:22px}
.city-picker-select select{margin-right:5px!important}
.hint-block{font-size:13px!important}
.nav-tabs>li>a{border-radius:0!important}
.nav-tabs{margin:-1px!important}
.nav-tabs>li{margin-bottom:-1px!important}
.col-sm-2 .btn{margin:0 5px 5px 0!important}
#editDataTablesFrom input[type=text]{width:70px!important;padding:6px 2px!important}
.textbox-text{color:#555!important;font-size:14px!important;height:32px!important}
.textbox-text:focus{border-color:#3c8dbc!important;box-shadow:none}
.textbox-focused{border-color:#3c8dbc!important;-moz-box-shadow:0 0 3px 0 #d4d4d4;-webkit-box-shadow:0 0 3px 0 #d4d4d4;box-shadow:0 0 3px 0 #d4d4d4}
.advSearchInput .textbox-text{height:26px!important;padding-top:9px!important}
.dataTables_info,.dataTables_length{line-height:41px}
.input-m{width:240px!important}
.input-s{width:120px!important}
.input-xs{width:60px!important}
.multi-img-details{margin:.5em 0;padding:0}
.multi-img-details .multi-item{max-width:100px;position:relative;float:left;margin-right:18px;margin-bottom:.5em}
.multi-img-details .multi-item img{max-height:100px;}
.multi-img-details .multi-item em{position:absolute;top:0;right:-14px}
.cus-img{height:100px}
.delImage{position:absolute;top:0;right:-14px}
#local_file input[type=text]{padding:6px 2px!important;margin-right:2px!important;height:32px;line-height:32px}
#local_file select{padding:6px 2px!important;margin-right:2px!important;height:32px;line-height:32px}
.is_must_error{border:1px red solid}
.popover{max-width:800px!important}
.popover-hover{border-bottom:1px dashed #000}
.popover-click{cursor:pointer;border-bottom:1px dashed #000}
.radio label{margin-right:20px}
.checkbox label{margin-right:20px}
.input-select-wrap{position:relative}
.input-select-wrap select{margin-left:0!important;width:150px!important;height:32px!important}
.input-select-wrap input{position:absolute!important;top:1px;left:20px;border:none;padding:0 8px;width:120px;height:30px}
.layui-form-radio{padding:0!important;margin:0!important}
.layui-radio label{margin:5px 10px 5px 0}
.split5 sapn{margin:5px 15px 5px 0}
.split5 label{margin:5px 15px 5px 0}
.split5 label input{margin-right: 5px;}
div[role="radiogroup"] label{margin:5px 10px 5px 0}
.cover-icon{max-width:120px;height:60px}
.dataTable img{max-width:120px !important;}
.checkbox-icon{width:12px;height:12px}
.checkbox-checked{display:inline-block;background:url(../img/icons.png) 0 0 no-repeat}
.order a{min-width:88px;height:38px;float:left;margin:5px 20px 5px 0;color:#444;line-height:24px;padding:5px 3px 5px 3px;text-align:center;background-color:#f4f4f4;border:1px solid #ddd;border-radius:3px}
.order a:hover{background-color:#ecf8fd;border:1px solid #008bc9}
.order a.active{color:#fff;background-color:#2196f3;border:1px solid #15a4e6}
.linkage select{margin-right:3px}
.order-process-div{width:260px;height: 32px;line-height: 32px;float:left;margin-bottom: 5px;}
.progress{margin-top:2px;width:200px!important;height:14px!important;margin-bottom:10px;overflow:hidden;background-color:#f5f5f5!important;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{background-color:#5cb85c!important;background-image:linear-gradient(45deg,rgba(255,255,255,.14902) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.14902) 50%,rgba(255,255,255,.14902) 75%,transparent 75%,transparent)!important;background-size:40px 40px!important;box-shadow:rgba(0,0,0,.14902) 0 -1px 0 0 inset!important;box-sizing:border-box!important;color:#fff!important;display:block;float:left;font-size:12px!important;height:20px!important;line-height:20px!important;text-align:center;transition-delay:0s;transition-duration:.6s;transition-property:width;transition-timing-function:ease;width:266.188px}
.cancel-file{cursor:pointer;margin-left:20px}
.offer-value{font-size:25px}
.info{background:#fffee6;color:#8f5700;padding:10px}
.ml5{margin-left:5px}
.mr5{margin-right:5px}
.mt5{margin-top:5px}
.mb5{margin-bottom:5px}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.filed-print_machine .form-inline .label{width:120px;display:inline-block;text-align:right;color:#333}
.has-error{border-color:#dd4b39!important;box-shadow:none!important}
td.has-error{border-color:#f4f4f4!important;}
.has-error td{background-color: #f3c6c0!important;box-shadow:none!important}
.has-success{border-color:#00a65a!important;box-shadow:none!important}
.print-arrange div{padding:0;margin:0;position:absolute}
.print-arrange .paper{position:relative;background-color:#f4f4f4;border:1px solid #000!important}
.print-arrange .paper .print-item{background-color:#fff}
.print-arrange .paper .print-item .border{border:1px solid #000!important}
.flipx{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH()}
.flipy{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV()}
.rotate90{-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.rotate180{-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.rotate270{-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.print-arrange .paper .print-item .text{display:inline-block;font-size:16px}
.print-arrange .text-center{display:flex;justify-content:center;align-items:Center;height:100%;text-shadow:.2rem 0 .5rem #fff,-.2rem 0 .5rem #fff,0 .2rem .5rem #fff,0 -.2rem .5rem #fff}
tr div.act-btn{float:left;position:relative;left:-320px;width:40px;top:-13px}
td.order_property{line-height:32px!important}
td.order_property .form-section{display:none}
td.order_property .hint-block{display:none}
td.order_property .help-block{display:none}
td.order_property .sizeSelect{display:none}
td.order_property textarea{display:none!important;}
td.order_property label{display:none!important;}
td.order_property .form-group{margin-bottom:3px!important;float:left!important;padding: 0px !important;}
td.order_property .form-group div{width:100%!important;padding: 0px !important;}
td.order_property .form-group input{width:80px!important;}
td.order_property .orderAllPro{display: block;}
.arrow-down{font-size:60px;width:100px;height:100px;position:absolute;left:300px;top:160.001px;transform:rotate(1.5708rad);color:#40a4c0;text-align:center}
.step-round a{color:#007bff!important;background-color:#fff!important}
.nav-stacked>li{border-bottom:0 solid #fff!important}
.vertical li>a{padding:38px 15px!important;border-left-color:#fff!important}
.component .flow-allot{position:absolute;width:400px;height: 90px;left:160px;top:5px;padding:0;background-color:#f4f4f4;}
.arrow-right{transform:rotate(3.14159rad);position:absolute;font-size:40px;width:40px;height:40px;left:110px;top:34px;color:#2196f3;text-align:center;display:block}
.component{width:200px;display:inline-block;border:1px solid #f4f4f4;margin:5px;overflow:hidden;vertical-align:top;text-align:left!important;}
.component.active{width:565px!important}
.component.active .flow-info{display:inline-block!important}
.component.active .component-tab{display:inline-block!important}
.component-tab{display:none;margin-top:5px;margin-bottom: -3px;width:100%;}
.flow-info{display:none}
.component .allot-input{float: left;margin: 5px 0px 5px 10px;}
.component select.allot-input{width: 100px;}
.component input.allot-input{width: 250px;}
.component textarea.allot-input{width: 250px;}
.component-title{background-color:#2196f3;color:#fff;text-align:center;height:40px;line-height:40px;font-weight:600}
.offset-label{margin:5px 20px 5px 0}
.l-text{background-color:#f6f6f6;text-align:center;vertical-align:middle;cursor:pointer}
.l-text:hover{background-color:#76c2ff}
.l-text.active{background-color:#2196f3;color:#fff}
.bg-sky-blue{background-color:#87cefa!important}
.component-title .close{margin:8px 5px 5px 5px}
.workflow-close{float: none;position: absolute;z-index: 1;top: 37px;left: 95px;font-weight: normal;}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus {background-color: #2196f3;}
.product_component .flow-info{display:inline-block!important;width: 225px;position: initial;display: block !important;margin: 0 auto;}
.product_component{margin-top: 15px;}
.product_component .component-tab{display:inline-block!important}
.product_component .arrow-right{transform: rotate(4.71239rad);width: 50px;height: 50px;}
.product_component .flow-allot{position:absolute;width:400px;height:150px;left:160px;top:5px;padding:0;background-color:#f4f4f4}
.product_component .workflow-close{position: inherit;top: 48px;left: 0px;}
.infowrap .info{padding: 0px !important}
.out_pro{width: 100%;height: 392px;line-height: 392px;text-align: center;vertical-align: middle !important;font-size: 35px;font-weight: 800;}
.flow-demand:focus{height: 80px;z-index: 99;position: absolute;width: 360px !important;}
.hint-block strong{background: #fffee6;color: #8f5700;padding-right: 5px;}
.content-tabs{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.page-tabs-content .menu_tab:hover{background-color: #f4f4f4;position: relative;}
table.table-bordered.dataTable {border-collapse: collapse !important;}
.RadioStyle input {
    display: none
    }
.RadioStyle label {
    border: 1px solid #CCC;
    color: #666;
    padding: 2px 10px 2px 5px;
    line-height: 28px;
    min-width: 80px;
    text-align: center;
    float: left;
    margin: 2px;
    border-radius: 4px
    }
.RadioStyle input:checked + label {
    background: url(../img/ico_checkon.svg) no-repeat right bottom;
    border: 1px solid #00a4ff;
    background-size: 21px 21px;
    color: #00a4ff
    }
.RadioStyle input:disabled + label {
    opacity: 0.7;
    }
.selection-box {margin: 80px 0px;}
.selection-box a{display: inline-block;text-decoration:none !important;cursor:pointer;min-width: 260px;height: 180px;font-size: 30px;margin: 20px;color:#444;line-height:100px;padding: 35px 3px 5px 3px;text-align:center;background-color:#f4f4f4;border:1px solid #ddd;border-radius:3px;}
.selection-box a:hover{background-color:#1D7BC8;color: #ffffff;border:1px solid #008bc9}
.selection-box a:disabled{opacity: 0.7;}
.selection-box a.active{color:#fff;background-color:#2196f3;border:1px solid #15a4e6}

.util-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 15px #c4c4c4;
    padding: 60px;
    width: 60%;
    min-width: 400px;
    min-height: 500px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}
div.btn-group{margin-left: 5px !important;}
.btn-group button {
    margin: 0px !important;
}
.data-view {margin: 0px 10px;}
.purviews li .subtree {margin-left: 50px}
.rich-text img {max-width: 750px !important;}
.fa-2 {font-size: 2em}
.fa-3 {font-size: 4em}
.fa-4 {font-size: 7em}
.fa-5 {font-size: 12em}
.fa-6 {font-size: 20em}
.column-1 .form-group{width: 70%;}
.column-2 .form-group{float: left;width: 50%;}
.column-3 .form-group{float: left;width: 33.33%;}
.column-4 .form-group{float: left;width: 25%;}
.column-5 .form-group{float: left;width: 20%;}
.column-1,.column-2,.column-3,.column-4,.column-5{clear: both;}
.help-block{margin: 0px !important;}
.has-error .help-block{
    position: absolute;
    top: 0px;
    right: 50px;
    font-style: italic;
    line-height: 35px;
    z-index: 123;
}
#toggler_Apply{padding: 6px !important;width: 260px !important;}
#toggler_Apply label{min-width: 120px; padding-left: 5px}
#down-panel{padding: 20px;display: none}
#down-panel label{min-width: 120px; padding-left: 5px}
.dataTables_filter{display: inline-block;}
.form-group .form-content{width: calc(100% - 130px) !important;}
.fixed-btn{position: fixed;bottom: 0px;height: 50px;width: 97%;z-index: 99999;}
.m_show{margin-left: 5px}
@media (max-width: 767px){
    .hint-block{display: none;}
    .form-group{width: 100% !important;}
    .form-group .form-content{width: 100% !important;}
    .box-footer{margin-top: 100px}
    .DTFC_RightWrapper{display: none;}
    .DTFC_LeftWrapper{display: none}
    .m_show{display: inline;}
    .pc_show{display: none}
}
.trade-icon-flag-0 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-0.png) 0 0 no-repeat;
}
.trade-icon-flag-1 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-1.png) 0 0 no-repeat;
}
.trade-icon-flag-2 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-2.png) 0 0 no-repeat;
}
.trade-icon-flag-3 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-3.png) 0 0 no-repeat;
}
.trade-icon-flag-4 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-4.png) 0 0 no-repeat;
}
.trade-icon-flag-5 {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(../img/trade-icon-flag-5.png) 0 0 no-repeat;
}
.webui-popover-content button{
    margin: 3px;
}