*{ box-sizing: border-box; margin:0; padding:0; list-style: none;font-style: normal; }
body{ font-size: 14px; background: #f8f8f8; }
a{ color: #555; text-decoration: none; }
a:hover{ color: #f60;text-decoration: none;   }
.logintop{ height: 100px; line-height: 100px; text-align: right; padding-right: 40px; color: #fff; font-size: 18px; border-bottom: #93ba93 solid 2px; }
.loginbox{ width: 1380px; height: 746px; background: url("../images/loginbg.jpg") no-repeat top center; margin:50px auto 0 auto; border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0px 0px 20px;}
.logincont{ padding-left: 807px; padding-right: 85px; padding-top: 68px;  }
.tabbox{ display: flex; height: 87px; border-bottom: #eeeeee solid 1px; }
.tabitem{ width: 140px; margin-right: 15px; font-size: 24px; font-weight: bold; color: #999999; cursor: pointer; padding-top: 17px; }
.tabon{ color: #000; position: relative; }
.tabon::after{ content: ''; position: absolute; width: 80px; height: 2px; background: #000; bottom: 0; left: 0; }
.logininputbox{ padding-top: 20px; }
.logininputbox span{ display: block; margin-top: 27px; }
.myinput{ height: 66px; line-height: 66px; width: 100%; font-size: 16px; outline: none; background: #f4f4f4; border:#dddddd solid 1px; border-radius: 8px; padding:0 12px; }
.code{height: 66px; display: flex; justify-content: space-between; align-items: center; line-height: 66px; width: 100%; font-size: 16px; outline: none; background: #f4f4f4; border:#dddddd solid 1px; border-radius: 8px; padding:0 0px; }
.code input{ outline: none; font-size: 16px; width: 70%; height: 64px; background: none; line-height: 64px; padding-left: 12px; border:none; }
.code em{ display: block; width: 30%; cursor: pointer; text-align: center; color: #30a1e5; height: 48px; line-height: 48px; border-left: #dddddd solid 1px;}
.autologin{ display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.autologin a{ color: #9a9a9a;  }
a.logina{ display: block; height: 60px; text-align: center; color: #fff; line-height: 60px; border-radius: 8px; font-weight: bold; font-size: 18px; background: #6c9d6c; }
#usernamelogin{ display: none; }
.header{ display: flex; justify-content: space-between; align-items: center; padding:0 80px; background: #fff; height: 80px; }
.headeright i{ display: inline-block; width: 46px; height: 46px;vertical-align: middle; }
.headeright i img{ display: block; width: 100%; border-radius: 24px; border:#97fa07 solid 1px; vertical-align: middle; }
.headeright em{ margin-right: 15px; }
.nav{ height: 56px; background: #efefef; text-align: center; }
.nav ul{ display: inline-block; }
.nav ul li{ display: inline-block; }
.nav ul li a{ display: inline-block; width: 114px; height: 52px; text-align: center; line-height: 52px; margin:0 8px; }
.nav ul li a:hover{ background: #fff; border-radius: 0 0 6px 6px; box-shadow: rgba(0,0,0,0.05) 0px 3px 3px; color: #000; }
.nav ul li a.navon{background: #fff; border-radius: 0 0 6px 6px; box-shadow: rgba(0,0,0,0.05) 0px 3px 3px; color: #000;}
.kong{ height: 80px; }
.wz{ color: #30A1E5; font-weight: bold; padding:20px 80px 10px 80px; }
.main{ margin:0 80px 0 80px;border: #f2f2f2 solid 1px; border-top: none; background: #fff; border-radius: 8px; overflow: hidden; }
.mainhead{ height: 52px; background: #70a070; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; }
.mainheadleft{ font-weight: bold; }
.mainheadleft i{ margin-right:8px; }
.mainheadright{ cursor: pointer; }
.mainheadright i{ vertical-align: middle; margin-right:8px; }
.mainheadright i img{ vertical-align: middle;margin-top: -3px;  }
.search{ height: 52px; background: #fff; display: flex; justify-content: space-between; align-items: center; }
.searchleft{ padding-left: 18px; color: #6B6B6B; }
.searchselect{width: 188px;height: 34px;background: #F9F9FA;border-radius: 4px;border: 1px solid #EFEFEF; outline: none;}
.searchleft span{ display: inline-block; margin-right: 18px; }
.searchleft span label{ padding-right: 6px; }
a.searchbtn{ display: inline-block;width: 86px;height: 34px;background: #30A1E5;border-radius: 4px; text-align: center; color:#fff; line-height: 34px; font-size: 14px; }
.listbox{ padding:0px; color: #3A3A3A; }
.listbox table{ width: 100%; }
.listbox table thead{ background: #f5f5f5; }
.listbox table thead th{ height: 52px;}
.listbox table tbody{ border-left: #f2f2f2 solid 1px;border-top: #f2f2f2 solid 1px; }
.listbox table tbody tr td{ padding:8px 12px; border-right: #f2f2f2 solid 1px;border-bottom: #f2f2f2 solid 1px; text-align: center;height: 52px; }
/*.listbox table tbody tr td:last-child{ border-right: none; }*/
/*.listbox table tbody tr:nth-child(even) td{background: #f7fcf7;}*/
.listbox table tbody tr td.left{ text-align: left; }
.listbox table tbody tr td.blue a{color: #30A1E5; margin:0 10px; }
.listbox table tbody tr td.blue a i img{ vertical-align: middle; }
.page{ text-align: right; padding:18px 15px; }
.page a{ display: inline-block; width: 20px; height: 20px; font-size: 12px; text-align: center; line-height: 20px; color:#3A3A3A; }
.page a:hover{ background: #30A1E5; color: #fff; border-radius: 10px; }
.page span{ display: inline-block; font-size: 12px; height: 20px;  text-align: center;line-height: 20px; }
a.pageon{background: #30A1E5; color: #fff; border-radius: 10px;}
.homebox{ padding:0 80px; margin:30px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start; }
.homeitem{ width: 32%; }
.homeitemtop{ height: 150px; color: #fff; display: flex; justify-content: space-between; align-items: center; padding:0 32px; }
.homeitem:nth-child(1) .homeitemtop{background: #4D4CAC; border-radius: 8px;}
.homeitem:nth-child(2) .homeitemtop{background: #659DFF; border-radius: 8px;}
.homeitem:nth-child(3) .homeitemtop{background: #FF808B; border-radius: 8px;}
.hometopleft{ width: 86px; height: 86px; border-radius: 8px; text-align: center; padding-top: 25px; }
.hometopcenter{ width: 300px; }
.hometopcenter strong{ display: block; font-size: 40px; }
.hometopcenter span{ display: block; font-size: 16px; margin-top: 8px; }
.hometopright{ width: 80px; }
.homecont{ background: #fff; border-radius: 8px; margin-top: 30px; padding:20px; }
.hometitle{ display: flex; height: 42px; justify-content: space-between; align-items: center; }
.hometitle span{ font-size: 16px; color: #3A3A3A; }
.hometitleright{ border:#979797 solid 1px;  height: 42px; border-radius:  21px; display: flex; justify-content: space-between; align-items: center; padding:0 15px;  }
a.seemore{ color: #027AFF; }
a.seemore i img{ vertical-align: middle;  }
.hometitleright span{ margin-right: 50px; }
.homechartbox{ height: 260px; }
.centercont{ margin-top: 30px;background: #fff; border-radius: 8px; margin-top: 30px; padding:20px;}
.homechartbox2{ height: 630px; }
th.pxth span{ display: inline-block; vertical-align:middle; margin-left: 5px; }
th.pxth span i{ display: block; width: 11px; height: 6px; cursor: pointer; }
th.pxth span i img{ vertical-align: middle; display: block; }
th.pxth span i:nth-child(1){ margin-bottom: 3px; }

#modalbg{ background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#modalbox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: flex; justify-content: center; align-items: center;}
.tcbox{  border-radius: 15px; overflow: hidden; }
.tctitle{ display: flex; color: #fff; height: 52px; background: #70A070; justify-content: space-between; align-items: center; padding:0 12px; }
.tctitle2{ display: flex; color: #0D0D0D; height: 52px; background: #fff; justify-content: space-between; align-items: center; padding:0 12px; }
.titleright{cursor: pointer;}
.titleright2{ font-size: 30px; color: #a0a0a0; cursor: pointer; }
.titleleft{ width:70px; }
.titleleft2{font-weight: bold; font-size: 20px; }
.titleright i img{ vertical-align: middle; margin-right: 5px; }
.tccont{ padding:18px;background: #fff; max-height:900px; overflow: auto; }
.tccont2{ padding:0px 18px 18px 18px;background: #fff; max-height: 600px; overflow: auto; }
.changehead{ text-align: center; }
.changehead a{ display: inline-block; width: 80px; height: 80px; text-align: center; line-height: 80px; color: #fff; background: #828282; border-radius: 40px; }
.formbox{ margin-top: 20px; }
.formbox span{ display:flex;  align-items: center; margin-bottom: 18px; }
.formbox span i{ display: inline-block; width: 120px; text-align: right; color: #6B6B6B; }
.modalinput{height: 42px;background: #F6F6F6; min-width: 260px; border-radius: 4px;border: 1px solid #979797; outline: none; line-height: 42px; padding:0 10px;}
.tccont::-webkit-scrollbar{width:10px;height:10px;}
.tccont::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
.tccont::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
.tccont::-webkit-scrollbar-thumb:hover{background: #333;}
.tccont::-webkit-scrollbar-corner{background: #179a16;}

.hetongtop{ display: flex; justify-content: space-between; align-items: center; }
.hgitem{ background: #fff; width: 32.5%; padding:6px 18px; border-radius: 8px; height: 374px;  }
.hgitem:last-child{ margin-right: none; }
.hgitemtitle{ font-size: 16px; border-bottom: #F5F5F5 solid 1px; color: #3A3A3A; text-align: center; padding:5px 0 12px 0; }
.hgcont span{ display: flex; align-items: center; margin-bottom: 8px; padding-top: 12px; }
.hgcont span i{ display: inline-block;width: 115px; text-align: left; color: #6B6B6B;  }
.hgcont span em{ flex:1; }
.hginput{height: 33px;background: #F9F9FA; width:100%;border-radius: 2px;border: 1px solid #EFEFEF; outline: none; line-height: 33px; padding:0 12px;}
.hetongbot{ margin-top: 20px; height: 375px; }
.hgbottitle{ height: 42px; background: #dbeedb; border-radius: 8px 8px 0 0; }
.hgbottitle a{ display: inline-block; height: 42px; line-height: 42px; padding:0 42px; color: #fff; background: #a5c6a5; border-radius: 8px 8px 0 0; }
.hgbottitle a.on{ background: #70a070; }
.hetongbottable{ background: #fff; }


.hetongbottable{ padding:0px; color: #3A3A3A;  }
.hetongbottable table{ width: 100%; }
.hetongbottable table thead{ background: #f7fcf7; }
.hetongbottable table thead th{ height: 52px;border-bottom: #d8ebd8 solid 1px; }
.hetongbottable table tbody{ border-left: #f2f2f2 solid 1px;border-top: #f2f2f2 solid 1px; }
.hetongbottable table tbody tr td{ padding:4px 12px; border-right: #d8ebd8 solid 1px;border-bottom: #d8ebd8 solid 1px; text-align: center;height:42px; }
.hetongbottable table tbody tr td:last-child{ border-right: none; }
.hetongbottable table tbody tr:nth-child(even) td{background: #f7fcf7;}
.hetongbottable table tbody tr td.left{ text-align: left; }
.hetongbottable table tbody tr td.blue a{color: #30A1E5; }
.hetongbottable table tbody tr td.blue a i img{ vertical-align: middle; }
a.listactive{color: #30A1E5;}
a.listactive:hover{ text-decoration: underline; }
.premitem{ margin-bottom: 40px; }
.premitem strong{ display: block; font-size: 18px; }
.premitem span{ display: inline-block; width: 24%; margin-top: 15px; color: #0D0D0D; font-size: 16px; }
input[type="checkbox"]{ vertical-align: middle; margin-top: -3px; }
.tcbotconfirm{ background: #fff; padding:25px 0; text-align: center;  border-top: #f2f2f2 solid 1px; }
.tcbotconfirm a{width: 120px;height: 34px; line-height: 34px; color: #fff; background: #30A1E5;border-radius: 17px; display: inline-block;}

.edittcbox{ display: none; }
.setbox{ display: none; }
.normalstrong{ font-weight: normal; color: #7C7C7C;  }
.premitem2{ margin-bottom: 40px; }
.premitem2 strong{ display: block; font-weight: normal;color: #7C7C7C; font-size: 15px; }
.premitem2 span{ display: inline-block; margin-right: 30px; margin-top: 15px; color: #0D0D0D; font-size: 16px; }
.printbox{ background: #fff; color: #3A3A3A;}
.printbox span{ display: flex; border-bottom: #f2f2f2 solid 1px; height: 60px;align-items: center;}
.printbox span:last-child{ border-bottom: none; }
.printbox span i{ display: inline-block; width: 89px; margin-left: 40px; }
.num{ text-align: right; padding:40px 0; }
.num u{ display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; text-decoration: none; cursor: pointer; text-align: center; }
.num input{width: 50px;height: 30px;background: #F5F5F5;border-radius: 5px; outline: none; border:none; text-align: center;}
.trackcont{ background: #fff; padding:30px 60px; }
.trackitem{ display: table; width: 100%; }
.trackleft{ width: 40px; position: relative;  display: table-cell; width: 10%;  }
.trackleft i{ display: block; flex:0 0 20px; width: 20px; height: 20px;background: #e3e3e3; border:#bdbdbd solid 2px; border-radius: 10px; }
.trackleft em{ display: block; border-left:#bdbdbd solid 1px; flex:1; }
.trackright{ display: table-cell; width: 90%; }
.trackrightcont{ display: flex;padding-bottom:24px;border-bottom:#d5d5d5 solid 1px; margin-bottom:24px; justify-content: space-between; align-items: flex-start; }
.trackrightcont p{ width: 70%; line-height: 140%; }
.trackrightcont a{ text-decoration:  underline; }
.trackon .trackrightcont{color: #30A1E5;}
.trackon .trackrightcont a{color: #30A1E5;}
.trackon .trackleft i{background: #a9e4fe; border:#30a1e5 solid 2px;}
.trackleftcont{ display: flex; flex-direction: column; justify-content: space-between; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.trackleftcont em{ flex:1; width: 1px; margin-left: 10px; margin-top:5px; margin-bottom:5px; }
.trackon .trackleftcont em{border-left:#30A1E5 solid 1px;}
.trackitem:last-child .trackleft em{ display: none; }
.plancont{ display: flex; background: #fff; padding:20px; justify-content: space-between; align-items: flex-start; }
.planleft{ flex:0 0 195px; border-right: #cde6cd solid 1px; }
.planright{ flex: 1; margin-left: 40px;  }
.planleftitem{ display: flex; cursor: pointer; margin-bottom: 5px; color: #6B6B6B; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 80px; }
.planitemtop i{display: inline-block; vertical-align: middle; margin-right: 10px; flex:0 0 20px; width: 20px; height: 20px;background: #e3e3e3; border:#bdbdbd solid 2px; border-radius: 10px;}
.planitembot{border-left:#bdbdbd solid 1px; height: 55px; margin-left: 10px;}
.planon .planitemtop i{background: #a9e4fe; border:#30a1e5 solid 2px;}
.planon .planitembot{border-left:#30a1e5 solid 1px;}
.planemon{ color: #027AFF; }
.planleftitem:last-child .planitembot{ display: none; }
.planinput{width: 460px;height: 50px;background: #FFFFFF;border-radius: 8px;border: 1px solid #CDE6CD; line-height: 50px; padding:0 15px; outline: none;}
.planinputitem{ margin-bottom: 15px; }
.planinputitem strong{ display: block; }
.checkbox{ background: #f7fcf7; border-radius: 8px; padding:10px; margin-top: 6px; }
.checkboxitem{ margin-bottom: 15px; }
.checkboxitem:last-child{ margin-bottom: 0; }
.checkboxitem i{ margin-left:28px; }
span.checkplan{ display: inline-block; cursor: pointer; padding:15px 27px; background: #f9f9fa; border:#efefef solid 1px; border-radius: 30px; }
span.checkplanon{ display: inline-block; cursor: pointer; padding:15px 27px; background: #fff; border:#30a1e5 solid 1px; border-radius: 30px; color: #30a1e5; }
a.nexta{ width: 460px;height: 50px;background: #30A1E5;border-radius: 8px; display: block; text-align: center; line-height: 50px; color: #fff; }
.trancont{ padding:10px 18px; }
.trancont strong{ display: block; font-size: 18px; color: #000; padding:15px 0; margin-top: 15px;  }
.trancont span{ display: flex; align-items: center; margin-bottom: 20px; }
.trancont span i{ display: block; width: 135px; color:#6B6B6B; }
.transinput{width: 556px;height: 42px;background: #F6F6F6;border-radius: 4px; line-height: 42px; padding:0 12px; outline: none; border: 1px solid #979797;}
.stockbox{margin:0 80px 0 80px;}
.stocklist{ display: flex; flex-wrap: wrap; }
a.stocklistitem{ width: 32.5%; padding:20px 0; margin-right: 1.2%; display: flex; height: 150px; margin-bottom: 22px; background: #D5EDD5; border-radius: 8px;  }
a.stocklistitem:nth-child(3n){ margin-right: 0; }

.userinfo{ display: none; }
.trackbox{ display: none; }

.wastetop{ display: flex;margin:0 80px 0 80px; justify-content: space-between; align-items: flex-start; }
.wastecont{ background: #fff; border-radius: 16px; width: 49.5%; height: 455px; }
.wastetitle{ display: flex; margin-top:10px; align-items: center; height: 60px; justify-content: space-between; padding:0 18px; }
.wastetitle span{ font-size: 18px; }
.wastetitleright{ display: flex; justify-content: space-between; align-items: center; }
.wastetitlebs{display: flex; align-items: center;}
.wastetitlebs i{ display: block;  width: 16px; height: 7px; border-radius: 4px; margin-left: 15px; }
.wastetitlebs em{ color:#a2a2a2; font-size:12px; margin-left:4px; }
.wastetitlebtn{ border:#e3e3e3 solid 1px; height: 34px; margin-left:20px; border-radius: 17px; line-height: 34px; display: flex; align-items: center; }
.wastetitlebtn u{ display: block; width: 50px; text-align: center; text-decoration: none; cursor: pointer;}
.wastetitlebtn u:nth-child(2){border-left: #e3e3e3 solid 1px;border-right: #e3e3e3 solid 1px;}
.wastetitlebtn u.uon{ color:#4ea0ca; }
.wastecharts{ padding:0px 18px; }
th{ padding-left: 8px; }
span.ysing{ display: inline-block; padding:2px 12px; background: #eeb732; color:#fff; border-radius: 15px; }
span.df{ display: inline-block; padding:2px 12px; background: #ababab; color:#fff; border-radius: 15px; }

.jdbox{  position: relative; height: 100px; margin-top:10px;}
.jditem a{ display: block; text-align: center; }
.jditem a span{ display: block; margin-bottom:8px; width: 25px; height: 25px; text-align: center; background: #fff; line-height: 22px; border:#d8d8d8 solid 2px; border-radius: 13px; }
.jdbox::before{content: ''; position: absolute; height: 3px; width: 98%;z-index: 10; left: 0; top: 12px; background: #e8e8e8;}
.jdlist{display: flex; justify-content: space-between; align-items: flex-start; position: absolute; width: 100%; left: 0; top: 0; z-index: 100;}
.green{position: absolute; height: 3px; width: 98%;z-index: 10; left: 0; top: 12px; background: #75bf6d;}
.jditem a.jdon{ color:#75bf6d; }
.jditem a.jdon span{ border:#75bf6d solid 2px;}
.jditem a.jdon p{ font-weight: bold; }
.map{ height: 380px; }

.anmeidabox{ background: #fff; margin:0 80px 0 80px; border-radius: 8px; }
.anmeidatitle{text-align: center;font-size: 24px; padding:40px 0;}
.amd{ position: absolute;color:#7b7b7b; cursor: pointer; transition: all 0.1s; }
.amd:hover{ background: #fbfffa; border: #53b546 solid 2px;  transform: scale(1.1); box-shadow: rgba(0,0,0,0.2) 0 0 10px;}
.hm34{ top: 0; left: 135px; width: 230px; height: 177px; }
.hm17{ top: 0; left:370px; width: 369px; height: 177px; }
.hm06{ top: 0; left:740px; width: 363px; height: 177px; }
.hm13{ top: 0; left:1104px; width:180px; height: 177px; }
.hm29{ top: 0; left:1285px; width:160px; height: 177px; }
.hm16{ bottom: 0; left:135px; width:133px; height: 180px; }
.hm162{ bottom: 0; left:968px; width:133px; height: 180px; }
.hm49{ bottom: 0; left:272px; width:260px; height: 180px; }
.hm12{ bottom: 0; left:536px; width:430px; height: 180px; }
.hm09{ bottom: 0; left:1104px; width:180px; height: 180px; }
.hm08{ bottom: 0; left:1286px; width:158px; height: 180px; }
.amd strong{ display: block; text-align: center; padding: 16px 0 0 8px;  }
.amdtj{ padding:12px 15px 0px 15px; }
.amdtj span{ display: flex; align-items: center; margin-bottom: 7px; }
.amdtj span i{ display: block; width: 14px; height: 14px; border-radius: 7px; }
.amdtj span i.greeni{background: #53b546;}
.amdtj span i.orangei{background: #ff9a0a;}
.amdtj span i.redi{background: #ff3600;}
.amdtj span em{ margin-left: 7px; }
.amdstatus{ display: flex; align-items: center; justify-content: center; height: 40px; line-height: 40px; margin-top: 30px; }
i.status{ display: block; padding:0px 12px; height: 26px; line-height: 26px; border-radius: 3px; color:#fff; }
i.greeni{background: #53b546; }
i.orangei{background: #ff9a0a; }
i.redi{background: #ff3600; }
.statusshow{ display: flex; align-items: center; justify-content: center; margin:0 20px; }
.statusshow span{ display: flex; align-items: center; margin-bottom: 0px; margin:0 15px; }
.statusshow span i{ display: block; width: 14px; height: 14px; border-radius: 7px; }
.statusshow span i.greeni{background: #53b546;}
.statusshow span i.orangei{background: #ff9a0a;}
.statusshow span i.redi{background: #ff3600;}
.statusshow span em{ margin-left: 8px; }
.amdstatus p{ display: block; width: 147px; height: 40px; line-height: 40px; cursor: pointer; text-align: center; border:#b3d1af solid 1px; border-radius: 5px; color:#4d8a47; }
.amdtag{ text-align: center; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.amdtagitem{ height: 40px; margin:0 5px; line-height: 40px; color:#75bf6d; font-size: 15px; font-weight: bold;  cursor: pointer; border:#b3d1af solid 1px; padding:0 38px;  border-radius: 6px; }
.amdtagitemon{ background: #75bf6d; border:#75bf6d solid 1px;  color:#fff;}
.history{ display: flex; max-height: 500px; overflow: auto; flex-wrap: wrap; padding-left: 25px; }
.historyitem{ width: 263px; height: 224px; cursor: pointer; margin-right: 38px; margin-bottom: 20px; }
.historyitem:nth-child(4n){ margin-right: 0; }
.historyitem i{ display: block; width: 100%; height:184px; overflow: hidden; border-radius: 5px; }
.historyitem p{ display: block; height: 40px; line-height: 40px; text-align: center; }
.video{ width: 921px; height: 496px; margin:0 auto 0 auto; }