*{margin:0px; padding:0px; box-sizing:border-box;}
html{overflow:auto; font-size: 16px; height: 100%;}
body{color:#333; background: #fff; font-family:'Microsoft YaHei'; height: 100%;}
textarea,input,code{font-family:'Microsoft YaHei'; outline: none;}
a{text-decoration:none; color:#333; cursor:pointer; outline: none !important;}
img{border:none;}
table{border-collapse:collapse;}
i{font-style: normal;}
div{overflow: hidden;}
ul,li{list-style-type:none;}
.wrap{width:1200px; height: auto; margin:0 auto;}
.wrapOut{width:100%; float: left;}
.f_l{float: left !important;}
.f_r{float: right !important;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.overflowVisible{overflow:visible !important;}
.active{display: block !important;}
.hide{display: none !important;}
@media screen and (max-width:1900px){
    html{font-size: 15px;}
}
@media screen and (max-width:1600px){
    html{font-size: 14px;}
}
@media screen and (max-width:1366px){
    html{font-size:12px;}
}
@media screen and (max-width:1280px){
    html{font-size: 10px;}
}
@media screen and (max-width:1024px){
    html{font-size: 8px;}
}

.head{height: 74px;}
.logo{display: block; float: left; height: 74px; padding-top: 20px;}
.loginMain{background: url("../images/loginBj.jpg") no-repeat center top; height: 660px;}
.loginForm{width: 430px; height: 386px; float: right; background: #fff; margin: 115px 30px 0 0;}
.loginForm h3{width:100%; text-align: center; height: 77px; border-bottom: 2px solid #03873a; line-height:75px; color: #4c4c4c; font-size: 22px;}
.loginCon{padding: 42px 32px 0; width:100%;}
.loginCon .loginRow{width: 100%; float: left; border: 1px solid #ddd; background: #f7f7f7; height: 50px; line-height: 50px; border-radius: 50px; margin-bottom: 24px;}
.loginCon .loginRow input{width:100%; height: 48px; float: left; padding: 0 10px; color: #4c4c4c; font-size: 14px; border: none; background: none;}
.loginBtn{margin-top: 25px;}
.loginBtn a{width:100%; text-align: center; display: block; height: 50px; background: #03873a; color: #fff; font-size: 18px; line-height: 48px;}
.foot{height: 110px; border-top: 2px solid #03873a; text-align: center; line-height: 20px; padding-top: 30px; font-size: 12px; color: #666; margin-top: 70px;}

.pageLeft{width: 56px; height: 100%; float: left; background: #46b029; position: relative;}
.pageLeft a{width: 56px; display: block; float: left; height:56px;}
.pageLeft a img{width:25px; height: 25px; margin: 15px 0 0 15px;}
.homeLink,.exitLink{background: #03873a;}
.exitLink{position: absolute; left: 0; bottom: 0;}
.pageLeft a.on{background: #81cb3f;}
.pageRight{height: 100%; margin-left: 56px; background: #f2f2f2; position: relative;}
.pageRTitle{width:100%; float: left; background: #fff; border-bottom: 1px solid #e6e6e6; height: 56px;}
.pageRTitle a.f_l{width: 120px; height: 32px; margin: 11px 0 0 24px;}
.pageRTitle span.f_r{float: right; display: block; line-height: 55px; font-size: 14px; color: #999; margin-right: 40px;}
.pageRTitle span.f_r i{color: #333;}
.pageRMain{width:100%; float: left; padding:2rem 10.2% 0;}
.pagePath{color: #999; font-size: 14px;}
.pagePath a{color: #999;}
.pagePath i{display: inline-block; margin: 0 5px;}
.pagePath span{color: #4c4c4c;}
.editPwdMain,.orderMain,.indexRTit,.indexMain,.indexRFoot,.orderRTit,.orderListCon{width:100%; float: left; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; margin: 20px 0; padding:5rem 0;}
.editForm{width:360px; margin:0 auto; font-size: 14px; color: #333;}
.editForm .editRow{width: 100%; float: left; height: 44px; margin-bottom: 30px; line-height: 44px;}
.editForm .editRow span{float: left;}
.editForm .editRow input{height: 44px; float: right; width: 265px; border: 1px solid #ddd; border-radius:4px; padding: 0 5px;}
.editForm .editBtnRow{width:100%; float: left; margin-top:2rem;}
.editForm .editBtnRow a,.returnBtn a,.exportBtn a{display: block; background: #03873a; width: 156px; height: 37px; text-align: center; color: #fff; line-height: 37px; border-radius: 37px; font-size: 14px;}

.orderMain{padding:3rem 0; overflow-y: visible;}
.returnBtn{width: 156px; height: 47px; margin:0 auto; padding-top:10px;}
.orderDetails{width:675px; margin: 0 auto; background:#fff; color: #4c4c4c; border: 1px solid #e3e3e3; border-collapse: collapse; font-size: 14px;}
.orderDetails td{height:44px; padding-left: 20px; border: 1px solid #e3e3e3;}
.orderDetails td.attrTd{color: #999; background: #f9f9f9;}
.billTd img{width:54px; height: 25px; float: left; border: 1px solid #dfdfdf; margin-right: 20px;}

.indexRTit{margin:1.25rem 0 1rem; padding:2rem 0; text-align: center; font-size: 30px; color: #03873a;}
.indexMain{margin: 0 0 15px; padding: 0 0 20px 56px; position: relative; overflow: visible;}
.indexMainTit{width:100%; float: left; padding: 2rem 0 1.375rem; font-size: 14px; color: #03873a}
.indexMainTit i{width: 3px; height: 12px; background: #03873a; display: block; float: left; margin:4px 10px 0 0;}
.indexMainCon{width: 100%; float: left;}
.businessBlock{width:16.6%; float: left;}

 .lastBlock{margin-right: 0 !important;}
.businessBlock i{width:9.375rem; height:6.25rem; display: block; float: left; background: url("../images/businessBj.png") no-repeat; background-size: contain;}
.businessBlock i img{float: left; width:100%; height:100%;}

.businessBlock p{display: block; float: left; width: 100%; text-align: center; font-size: 12px; color: #666; margin:5px 0;}
.companyName{width:100%; float: left; font-size: 14px; color: #333;}
.companyName p{float: left; margin-right: 20px;}
.contactCon{font-size: 14px; color: #333; width: 100%; float: left; padding:1.25rem 0 1.5rem;}
.contactCon p{margin-bottom: 5px;}
.indexRFoot{padding:1.25rem 3.5rem; margin: 0;}
.indexRFoot span{width: 25%; display: block; float: left; line-height: 30px; font-size: 14px; color: #333;}
.indexRFoot span i{width: 30px; height: 30px; display: inline-block; float: left; margin-right: 10px;}

.orderRTit{margin:1.125rem 0; padding:2rem 0; font-size:14px;}
.orderRTit span{float: left; line-height: 34px; margin:0 10px 0 3.5rem;}
.orderRTit input{float: left; height: 34px; width:12.5rem; border: 1px solid #ddd; padding:0 10px; margin: 0 18px 0 14px; border-radius: 2px;}
.orderRTit a{display: block; float: left; height: 34px; width: 65px; text-align: center; line-height: 34px; color: #fff; background: #03873a; border-radius: 2px;}
.select_m{width:8.625rem; height:34px; color: #aaa; padding:0px 2px 0 5px; float:left; line-height:34px; background:url(../images/selectArrow.png) no-repeat right top; font-size:14px; color: #4c4c4c; border: 1px solid #ddd; border-radius:2px;}
.select_options{position:absolute; z-index:999; top:0px; left:0px; width:8.625rem; border:1px solid #d9d9d9; padding:5px 0; background-color:#FFF; color: #aaa; border-top:0px; display:none; overflow-y:auto; color: #3d3f4a;}
.select_options li{height:34px; line-height:34px; text-indent:8px; overflow:hidden; cursor:pointer;}
.select_options li:hover{background-color:#81cb3f; color:#fff;}
.orderListCon{padding: 2rem 56px; margin:5px 0 15px;}
.listTable{border: 1px solid #e3e3e3;}
.listTable th{border: 1px solid #e3e3e3; height:32px; background: #efefef; font-size: 14px; color: #4c4c4c; font-weight: normal; white-space:nowrap; padding: 0 12px;}
.listTable td{border: 1px solid #e3e3e3; height:40px; text-align: center; padding: 0 10px; font-size: 14px; color: #888; white-space:nowrap; min-width:90px;}
.listTable tr:nth-child(2n+1) td{background: #f9f9f9;}
.listTable .listBillTd img{margin-top:6px;}
.oprTd a{text-decoration: underline;}
.oprTd a.f_l{color: #03873a;}
.oprTd a.f_r{color: #ef8c22;}
.listPage{width:100%; height: auto; float: left; margin-top:5px;}
.listPage .pageCon{width:630px; margin: 0 auto; font-size: 12px;}
.listPage .pageCon span{float: left; line-height: 30px; margin-right: 10px;}
.listPage .pageCon span i{margin: 0 5px;}
.listPage .pageCon .select_m{height: 30px; line-height: 30px; font-size: 12px; background: #fff url("../images/selectArrow.png") no-repeat right -2px; margin-left: 20px;}
.listPage .pageCon .select_options{margin-left: 20px; max-height:70px;}
.listPage .pageCon .select_options li{height: 30px; line-height: 30px;}
.listPage .pageCon a{display: block; float: left; line-height: 30px; margin: 0 10px;}
.listPage .pageCon input.pageNum{width:42px; height: 30px; border: 1px solid #d9d9d9; background: #fff; text-align: center; float: left; margin-right: 10px;}



.pageFoot{position: absolute; width:100%; left: 0; bottom: 0; text-align: center; font-size: 12px; color: #666; padding: 10px 0 20px; line-height:18px;}



.longTableOut div,.indexMain div{overflow: visible;}
.longTableOut{width:100%; float: left; overflow: visible; height: 100%;}
.div_scroll {width: 100%; overflow: auto; float: left; height:100%;}
.scroll_container {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.scroll_absolute {
    position: absolute;
}
.scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width:8px;
    height: 100%;
    margin: 0;
    padding: 0;
}
.scroll_horizontal_bar {
    position: absolute;
    bottom:-5px;
    left: 0;
    width: 100%;
    height:8px;
    padding: 0; background: #fff;
    margin: 0 0 5px; overflow: visible;
}

.scroll_cap {
    display: none;
}
.scroll_horizontal_bar .scroll_cap {
    float: left;
}

.scroll_track {
    position: relative;
    text-align: left; border-radius:7px; overflow: visible;
}

.scroll_drag {
    position: relative;
    left: 0;
    cursor: pointer;
    background: #e5e5e5; border-radius:8px; overflow: visible;
}
.scroll_horizontal_bar .scroll_track, .scroll_horizontal_bar .scroll_drag {float: left; height: 100%;}

 .scroll_vertical_bar .scroll_track {
    position: relative;
}
 .scroll_vertical_bar .scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #e5e5e5;
}

.grayBj{width: 100%; height: 100%; position: fixed; left: 0; top:0; background: rgba(0,0,0,0.4); display: none;}
.exportModal{width: 728px; height: 318px; background: #fff; border-radius: 5px; position: absolute; z-index: 999; padding: 50px 80px; display: none;}
.savePosition{width:100%; float: left; line-height: 34px; font-size: 14px;}
.savePosition span{float: left; color: #4c4c4c;}
.file, .file_box{display: block; height:34px; width:65px; float:left;}
.file{cursor: pointer; opacity: 0;}
.file_box{background:#038739; cursor: pointer; height:34px; position: relative; border-radius: 5px;}
.file_box i{width:100%; position: absolute; text-align: center; color: #fff; left: 0; height: 100%; line-height: 34px;}
.savePosition input[type="text"]{float: left; width: 338px; height: 34px; border: 1px solid #ddd; padding: 0 10px; margin: 0 20px 0 10px;}
.progressBar{width:100%; float: left; margin-top:55px;}
.progressCon{width: 100%; height: 7px; background: #e5e5e5; border-radius: 7px;}
.progressCon span{height: 7px; float: left; background: #03873a; border-radius: 7px; display: block;}
.progressBar p{color: #4c4c4c; font-size: 14px; display: block; float: right; margin-top:8px;}
.exportBtn{width:156px; height:87px; margin: 0 auto; padding-top:50px;}
.fileDisable{background: #c1c1c1 !important;}