body{background-color: #fff;}
.headBox{ width: 100%; height: 60px; background-image: url("../images/headBj.jpg");}
.headLogo{ width: 95px; height: 36px; float: left; margin-top: 10px; margin-left: 30px;}
.headLogo img{ height: 40px;}
.operation{ float: right; line-height: 60px;}
.operation li{ float: left; padding: 0 30px; color: #e6eff9; cursor: pointer; position: relative;}
.operation li i{ float: right; margin-top: 23px; margin-left: 10px;}
.operation li i.ico_jt{ margin-top: 27px;}
.operation li:hover{ color: #fff;}
.operation li:hover i.ico_gj{background: url("../images/indexIco.png") no-repeat -23px 0;}
.operation li:hover i.ico_jt{background: url("../images/indexIco.png") no-repeat -19px -19px;}
.operation li .popHead{ width: 150px; overflow: hidden; padding: 10px 0; background-color: #fff; position: absolute; left: -36px; top:60px; border-radius: 2px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2); box-shadow: 0 4px 12px rgba(0,0,0,.2); z-index: 99; line-height: 28px; text-align: center;}
.operation li .popHead li{ display: block;  float: none; color: #222;}
.operation li .popHead li:hover{ background-color: #f4f7fd; }
.operation li .popHead li span:hover{color: #222; text-decoration: none;}
.operation li .popHead.user{left:0px; right: 10px;}

.leftBox{ width: 180px; height: 100%; background-color: #fbfbfb; border-right: 1px solid #e1e2e2; position: fixed; z-index: 1; float: left;}
.shrink{ height: 40px; background-color: #f2f3f4; border-bottom: 1px solid #e1e3e4; text-align: center; line-height: 40px; cursor: pointer;}
.shrink i{ float: right; margin-right: 15px; margin-top: 14px;}
.ico_shrink_s{ width: 13px;height: 12px; display: block; background: url("../images/indexIco.png") no-repeat 0 -40px;}
.ico_shrink_z{ width: 13px;height: 12px; display: block; background: url("../images/indexIco.png") no-repeat -22px -40px;}
.navLeft{line-height:30px;}
.navLeft .navTitle{ padding: 0 15px; height: 30px; margin-top: 15px; font-weight: bold; cursor: pointer;}
.navLeft .navTitle:hover{ background-color: #f3f4f4;}
.navLeft .navColumn span{ padding-left: 47px; height: 30px; display: block; cursor: pointer;}
.navLeft .navColumn span:hover{ background-color: #f3f4f4;}
.navLeft a{ display: block; color: #555;}
.navLeft a:hover{ color: #222; text-decoration: none;}
.navLeft i{ display: block; margin-left: 10px;}
.navLeft i.ico_s{width:9px; height:5px; background: url("../images/indexIco.png") no-repeat -33px -19px; float: right; margin-top: 11px;}
.navLeft i.ico_z{width:9px; height:5px; background: url("../images/indexIco.png") no-repeat -33px -24px; float: right; margin-top: 11px;}
.navLeft i.ico_dd{width:12px; height:14px; background: url("../images/indexIco.png") no-repeat 0 -57px; float: left; margin:8px 10px 0 10px; }
.navLeft i.ico_cp{width:17px; height:15px; background: url("../images/indexIco.png") no-repeat 0 -76px; float: left; margin:8px 8px 0 8px;}
.navLeft i.ico_zl{width:15px; height:15px; background: url("../images/indexIco.png") no-repeat 0 -96px; float: left; margin:8px 8px 0 8px;}
.navLeft i.ico_cw{width:14px; height:14px; background: url("../images/indexIco.png") no-repeat 0 -115px; float: left; margin:8px 8px 0 8px;}
.navLeft i.ico_gr{width:14px; height:14px; background: url("../images/indexIco.png") no-repeat 0 -134px; float: left; margin:8px 8px 0 8px;}
.navLeft i.ico_mail{width:15px; height:14px; background: url("../images/indexIco.png") no-repeat 0 -153px; float: left; margin:8px 8px 0 8px;}

.rightBox{ height: 100%; margin-left: 180px;  background-color: #ececec;}
.crumbsNav{ height: 40px; background-color:#f1f1f1; line-height: 40px; padding: 0 20px; position: relative; border-bottom: 1px solid #ddd;}
.crumbsLeft{ width: 19px; height: 24px; border-left: 1px solid #ddd; position: absolute; left: 0; top: 0; padding-top: 16px; cursor: pointer; z-index: 9; background-color: #fff;}
.crumbsLeft .ico_left{ width:10px; height:9px; display:block; background: url("../images/ico.png") no-repeat -20px -45px; margin: auto;}
.crumbsLeft:hover{background-color: #e9fcfe;}
.crumbsRight{ width: 143px; height: 40px; position: absolute; right: 0; top: 0; z-index: 9; background-color: #fff;}
.crumbsIco{ width: 20px; height: 24px; float: left;  padding-top: 16px;  border-left: 1px solid #ddd; cursor: pointer;}
.crumbsIco:hover{background-color: #e9fcfe;}
.crumbsRight .ico_right{ width:10px; height:9px; display:block; background: url("../images/ico.png") no-repeat -20px -57px; margin: auto;}
.tabClose{ border-left: 1px solid #ddd; padding: 0 10px; font-size: 12px; color: #475a7d; cursor: pointer;}
.tabClose:hover{background-color: #e9fcfe;}
.crumbsNav ul{ width: 10000px; height: 40px; position: absolute; left: 20px; top: 0; }
.crumbsNav ul li{ padding: 0 10px; float: left; text-align: center; line-height: 41px; background-color:#2a4475; margin-right: 5px; color:#fff; cursor: pointer; position: relative; }
.crumbsNav ul li .ico_x{ width: 10px; height: 10px; display: block; float: right; background: url("../images/ico.png") no-repeat -20px -30px; margin-top: 15px; margin-left: 10px;}
.crumbsNav ul li:hover{ background-color:#42619c;}
.crumbsNav ul li.active{background-color: #fff; color: #222; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.crumbsNav ul li.active .ico_x{background: url("../images/ico.png") no-repeat -20px -20px;}
.crumbsNav ul li.active:hover{background-color: #fff;}

.leftBox.collect{ width: 50px;}
.leftBox.collect em{ display: none; }
.leftBox.collect .ico_s{ display: none;}
.leftBox.collect .navLeft{  background-color: #fff;}
.leftBox.collect .navTitle{ height: 40px; margin-top: 0px; }
.leftBox.collect .navTitle:hover{height: 40px; }
.leftBox.collect .navTitle i{ margin: 15px 5px 0 5px; position: absolute; z-index: 9;}
.leftBox.collect .ico_z{ display: none;}
.leftBox.collect .navColumn{ display: none; background-color: #fff;}
.leftBox.collect li{ position: relative;}
.leftBox.collect li:hover em{position: absolute; display: block; width: 130px; height: 40px; left:0px; top: -1px; border-right: 1px solid #e1e2e2; border-top: 1px solid #e1e2e2; background-color: #fbfbfb; padding-left: 60px; line-height: 40px; border-bottom: 1px solid #e1e2e2;}
.leftBox.collect li:hover .navColumn{display: block; position: absolute; width: 139px; overflow: hidden; border: 1px solid #e1e2e2; left: 50px; border-top: none;}
.leftBox.collect li:hover .navColumn span{ padding-left: 10px;}
.collectRight{ margin-left: 50px; }

.userBox{ height: 179px; margin: 20px 20px 0 20px;}
.userLeft{ width: 50%; float: left; border-right: 1px solid #e1e2e2;}
.userLogo{ width: 100px; height: 100px; border: 4px solid #ececec; border-radius: 50%; overflow: hidden; margin-left: 10px; margin-top: 25px; float: left; margin-right: 15px;}
.userName{ padding-top: 48px; padding-bottom: 15px; font-size: 16px;}
.userAuthentication span.wei{ padding: 3px 10px; border: 1px solid #f7991f; border-radius: 30px; color: #f7991f; font-size: 12px; margin-right: 10px;}
.userAuthentication span.ren{ padding: 3px 10px; border: 1px solid #3573f8; border-radius: 30px; color: #3573f8; font-size: 12px; margin-right: 10px;}
.userAuthentication a{ color: #cc0000; font-size: 12px;}
.userRight{ width: 49%; float: left;}
.userUl{ padding-left: 100px;}
.userUl li{ float: left; width: 50%; margin-top: 25px; height: 36px; line-height: 36px;}
.userUl i{ width: 36px; height: 36px; display: block; float: left; margin-right: 10px;}
.userUl .ico_bj{ background: url("../images/indexIco.png") no-repeat -51px 0;}
.userUl .ico_dc{ background: url("../images/indexIco.png") no-repeat -51px -41px;}
.userUl .ico_bg{ background: url("../images/indexIco.png") no-repeat -51px -82px;}
.userUl .ico_fh{ background: url("../images/indexIco.png") no-repeat -51px -123px;}
.userUl a em{color: #cc0000;}
.userUl a:hover{ color: #222; text-decoration: none;}

.statisticsTitle{ padding: 30px; height: 32px;}
.statisticsTitle h2{ float: left; font-size: 20px; font-weight: normal; line-height: 32px;}
.statisticsTitle .ssQuery{ float: right;}
.statisticsTitle .ssQuery .form{border: 1px solid #e4e4e4; border-radius: 3px;}
.statisticalBox{padding:20px 30px; overflow: hidden;}

.exportWrite{ padding:5px 0; height: 32px;}
.exportWrite .exportBox{ width: 25%; float: left; height: 32px;}
.exportWrite .exportBox .writeTitle{ width: 32%; float: left; line-height:32px; padding-right: 10px; text-align: right;}
.exportWrite .exportBox .exportInput{ width: 64%; float: left;}
.exportWrite .exportBox .exportInput .form{ width: 80%;}
.queryBtn{ height: 40px; padding-top: 30px; text-align: center;}
.queryBtn .btn{padding: 8px 25px; margin: 0 5px;}
.queryBtn .btn.ae{ background-color: #f35050;}
.queryBtn .btn.cz{ background-color: #aaaaaa;}

.tableQuery{ margin: 10px 0; overflow-x: auto;}
.tableQuery table thead{ background-color:#4f69b0;}
.tableQuery table thead th{ padding: 10px; color: #fff; font-weight: inherit; text-align: center;}
.tableQuery table tbody tr{ border-bottom: 1px solid #e1e2e2; text-align: center;}
.tableQuery table tbody td{padding: 10px; }
.noTime{ background-color: #f8fdff;}

.titleBox{ height: 40px; }
.titleBox h2{ font-size: 18px; color: #3388ff;}

.tabBox{ width: 100%; height: 40px; margin-bottom: 30px;}
.tabBox ul{ border-bottom: 2px solid #d9d9d9; height: 40px;}
.tabBox ul.tabUl{ height: 42px;}
.tabBox ul li{ float: left; margin-right: 30px; font-size: 16px; line-height: 40px; color: #888; cursor: pointer;}
.tabBox ul li a{/*color:#888; */text-decoration: none;}
.tabBox ul li.active{border-bottom: 2px solid #396ffe; color: #396ffe; font-weight: bold;}
.boxTop{ height: 30px;}
.boxTop .title{ float: left; font-size: 18px; font-weight: bold; color: #396fff; line-height: 30px;}
.boxTop .inputBox{ float: right;}
.boxTop .inputBox .btn{ float: right;}
.tableList table thead{ background-color:#4f69b0;}
.tableList table thead th{ padding: 10px; color: #fff; font-weight: inherit; text-align: center;}
.tableList table tbody tr td{border: 1px solid #e1e2e2; text-align: center; padding: 10px;}
.tableList table tbody tr td span{ color: #cc0000; cursor: pointer;}

.exportWrite.w30 .exportBox{ width: 33.3%;}
.exportWrite.w30 .exportBox .writeTitle{ width: 35%;}
.exportWrite.w30 .exportBox .exportInput{ width: 60%;}
.popBtn{ height: 50px; margin-top: 50px; text-align: center; font-size: 16px;}
.popBtn .btn{ padding: 10px 70px;}

.exportWrite.w30.production .exportBox .writeTitle{ width: 45%;}
.exportWrite.w30.production .exportBox .exportInput{ width: 51%;}

.tabLayer{ overflow: hidden;}
.formBox{ width:100%; min-height: 32px; line-height: 32px; margin-bottom: 10px; float: left;}
.formBox .formText{ width:112px; padding-right: 10px; float: left; text-align: right;}
.formBox .formInput{ float: left; line-height: 35px;}
.formBox .formInput span{ color: #cc0000; padding-left: 20px;}
.formBox .formInput em{ padding-left: 20px; padding-right: 8px; color: #396ffe; cursor: pointer;}
.formBox .formInput i{color: #888;}
.formBtn{ padding-left: 123px; padding-top: 20px; margin-bottom: 30px; float: left;}
.formBtn .btn{padding: 10px 50px; font-size: 16px;}
.popText .formText{ width: 126px;}
.popText .formBox .formInput span{ width: 92px; height: 30px; display: block; padding: 0px; color: #555; float: left; line-height:30px; margin-top: 2px; border-radius: 2px; text-align: center; }
.popText .formBox .formInput input{ float: left; margin-top: 2px; margin-right: 5px;}
.popText .formBox .formInput img{ margin-top: 5px;}
.popText .formBox .formInput .change{ color:#396ffe; cursor: pointer;}
.popText .formBox .formInput p{ color: #cc0000;  line-height: 24px;}
.popText .formBtn{ padding-left: 136px; padding-top: 20px;}
.popText .formBtn .btn{padding: 10px 35px;}

.anHead{height: 125px; border-bottom: 1px solid #ddd; padding-top: 20px;}
.anLine{width: 775px; height: 5px;}
.anHead .anBox{ width: 775px; overflow: hidden; margin: auto;}
.anHead .anBox .anSpot{ width: 90px; position: relative; text-align: center;}
.anHead .anBox .anSpot.anLeft{ float: left;}
.anHead .anBox .anSpot.anMiddle{float:left; margin-left:258px;}
.anHead .anBox .anSpot.anRight{float:right;}
.anHead .anBox .anSpot i{width: 40px; height: 40px; display: block; margin: auto; background: url("../images/indexIco.png") no-repeat -101px -129px;line-height: 40px; font-weight: bold; color: #fff; position: relative; z-index: 2;}
.anHead .anBox .anSpot .anLine{ height:5px; width: 310px; background-color: #d2d2d2; position: absolute; top: 18px; right:-284px; z-index: 1;}
.anHead .anBox .anSpot p{ color: #888; padding-top: 5px;}
.anHead .anBox .anSpot.active p{color:#396ffe;}
.anHead .anBox .anSpot.active .anLine{ background-color:#396ffe; }
.anHead .anBox .anSpot.active i{background: url("../images/indexIco.png") no-repeat -101px -79px;}
.anBody{ width: 1000px; margin:20px auto; overflow: hidden;}
.aonBox{ width: 500px; float: left; }
.aonBox .formInput p{ line-height: 20px; color: #cc0000;}
.aonBox .formInput textarea{ width: 307px; height: 60px;}
.aonBox .formText em{ color: #cc0000;}
.aonBox .formText{ width: 137px;}
.formBtn.g-ta-c{ width: 100%; padding:30px 0;}
.formBtn.g-ta-c .btn{padding: 15px 40px;}
.aonBox .formInput .formSelect{ width: 107px;}

.uploadBox{ width: 333px; float: left; padding-top: 30px;}
.uploadBox .aonText{ font-size: 16px; font-weight: bold; color:#396ffe;}
.uploadBox .uploadImg{ width: 300px; height: 200px; border: 1px solid #ddd; margin-top: 20px; position: relative;}
.uploadBox .uploadImg a{ width: 300px; height: 200px; display: block; background: url("../images/add.png") no-repeat center;}
.uploadBox .uploadImg a input{width: 300px; height: 200px; opacity: 0; cursor: pointer;}
.uploadBox .uploadImg img{ width: 294px; height: 194px; position: absolute; top: 2px; left: 2px; z-index: 9;}
.uploadBox .uploadImg span{ width: 300px; height: 30px; line-height: 30px; text-align: center; background: rgba(00,00,00,0.8); color: #fff; position: absolute; left: 0; bottom:0; z-index: 10; cursor: pointer;}
.aonTips{ padding: 30px; text-align: center; line-height: 30px; display: block;}
.aonTips span{ font-size: 30px; color:#396ffe; display: block; padding-bottom: 20px;}
.aonTips img{ margin-bottom: 20px;}
.aonList{margin:0 auto; width: 100%; min-height: 65px; border-bottom: 1px dashed #e1e6eb; line-height: 65px; overflow: hidden;}
.aonList p{ line-height: 26px;}
.aonLeft.aonWidth{ width:150px; padding-left: 50px;}
.aonLeft{ width: 60%; float: left; padding: 0 30px;}
.aonLeft textarea{ width: 100%; background-color: #fff; color: #222;}
.aonLeft .form{ border:none;width:100%; resize:none; background-color: #fff; color: #222;}
.aonLeft .formSelect{color: #222;}
.aonLeft .formSelect.mySelect{appearance:none; -moz-appearance:none; -webkit-appearance:none; border: none;}
.aonRight{ /*width:100px;*/  float: right; padding-right: 50px; color: #888;}
.aonList span{color:#396ffe; cursor: pointer;}
.layerInput {height: 35px; line-height: 35px; margin: 10px 0;}
.layerIt {float: left; width: 360px;}
.layerIt input{width: 100%; height: 35px; border: 1px solid #ddd; padding-left: 15px;}

.list_tab{height:41px; background-color: #ecedef; border-bottom: 1px solid #e1e1e1; line-height:41px;}
.list_tab .offer_box{ float:left; position:relative; margin-bottom:0px;}
.list_tab .offer_box li{ float:left;}
.list_tab .offer_box li a{font-size: 15px; margin-right:0; margin-left: -1px; padding: 10px 25px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-radius: 0; color:#000;}
.list_tab .offer_box li a:hover{background:#eeeeee;}
.list_tab .offer_box .active a{padding:10px 25px; color: #cc0000; border-top:2px solid #cc0000; border-bottom: 1px solid #fff; border-radius: 0; background: #fff;}
.list_tab .offer_box .active a:hover{background:#fff;}
.or_qn_box {margin-bottom:20px;}
.or_qn_box  .pallet_in_te td{ padding:8px 20px; line-height:28px;}
.or_qn_box  .pallet_in_te h2{ font-size:18px; height:24px; line-height:24px;}
.or_qn_box .pallet_in_te td{border: 1px solid #e1e1e1;}

.pop-aonBox{width: 50%; float: left;}
.pop-aonBox .formInput ul{padding-bottom: 10px; overflow: hidden;}
.pop-aonBox .formInput ul li{float: left; margin-right: 20px;}
.pop-record{overflow-x: auto; height: 250px;}
.pop-record .formText{width: 70px; padding-right: 20px;}
.pop-record .form-textarea{width: 250px; height: 40px;}
.pop-enclosure{overflow: hidden; padding-top: 10px;}
.pop-enclosure input{float: left;}
.pop-aonBox .formInput .pop-enclosure .btn{color: #fff; float: left; border-radius: 0px;display:inline-block; position:relative; overflow:hidden; padding: 6px 15px;}
.pop-aonBox .formInput .pop-enclosure .btn input{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);}
.hui-input{background-color: #f9f9f9;}
.pop-submission{  margin-top: 30px; text-align: center;}
.pop-submission .btn{ padding: 8px 30px; border-radius: 5px; background-color: #ea544a;}
.pop-submission .btn:hover{background-color: #ff6157;}
.btn.hui-input{background-color: #797979;}





















.copyright{ width: 100%; height: 80px; line-height: 80px; text-align: center; color: #888;}

.newTab .fa-close:hover{
    color:#f00;
}