html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, input, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body,textarea{font-size:14px;color:#555;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
a:hover,a:visited,a:link,a:active {text-decoration:none;}
ul{list-style-type: none;}
input{outline:none}
::-webkit-input-placeholder {color: #A8A8A8;}
::-moz-placeholder {color: #A8A8A8;}
:-ms-input-placeholder {color: #A8A8A8;}
:-moz-placeholder {color: #A8A8A8;}
.fl{float: left;}
.fr{float: right;}
/*********登录页面********/
.login{background: url(../images/bj.png)no-repeat;background-size: 100%;position: fixed;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.login .content{width: 1220px;height: 524px;margin: 0 auto;background: none !important;}
.lo-fl{width: 50%;height:100%;background: rgba(63,130,231,0.4);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.lo-fl p{font-size:36px;margin-bottom: 34px;font-family:Adobe Heiti Std;font-weight:normal;color:#FFFFFF;line-height:24px;text-shadow:0px 2px 2px rgba(49,54,60,0.75);}
.lo-fr{width: 50%;height: 100%;background: white;}
.log-form{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.in-li{position: relative;width: 70%;line-height: 40px;margin-bottom: 60px;}
.in-li img{float: left;margin-top: 5px;margin-right: 10px;}
.in-li input{font-size: 16px;}
.in-li .yzm{width: 44%;height: 65px;position: absolute;right: 0;bottom: 0;cursor: pointer;}
.in-li .yzm img{width: 100%;height: 100%;margin: 0;}
.in-li:after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background-color: #C0C0C0;}
.in-li:nth-child(3n+3):after{width: 50%;}
.in-li:last-child:after{width: 0px;}
.in-li input[type=submit]{width: 100%;text-align: center;color: white;background: #3F82E7;border-radius: 30px;height: 60px;font-size: 20px;cursor: pointer;}
/*********首页********/
/*右边内容*/
.content{width: 100%;height: 100%;float: left;}
.select{font-size:12px;font-family:PingFang SC;color: #C1C7CF;display: flex;align-items: center;cursor: pointer;}
.select img{width: 18px;height: 18px;}
.select_open{display: none;}
.open{position: absolute;left: 50px;bottom: -80px; width: 100px;z-index: 99;background: white;border-radius: 4px;-moz-box-shadow:1px 1px 5px #B3B3B3; -webkit-box-shadow:1px 1px 5px #B3B3B3; box-shadow:1px 1px 5px #B3B3B3;z-index: 99;}
.open li{line-height: 40px;height: 40px;text-align: center;cursor: pointer;}
.open li:hover{background: #EEEEEE;}
/*内容*/
.page-content{width: 100%;height: 96%;margin-top: 20px; padding: 0 20px;box-sizing: border-box; display: block;overflow: hidden;position: fixed;}
.page-content .fl{width: 68%;height: 100%;padding-right: 20px;box-sizing: border-box;}
.page-content .fl .top{background: white;width: 100%;height: 32%;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.08);padding: 0 15px;box-sizing: border-box;}
.page-content .fl .bot{background: white;width: 100%;height: 68%;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.08);margin-top: 20px;padding: 0 15px;box-sizing: border-box;}
.page-content .fr{width: 32%;height: 100%;}
.page-content .fr .top{background: white;width: 100%;height: 44%;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.08);padding: 0 15px;box-sizing: border-box;}
.page-content .fr .bot{background: white;width: 100%;height: 56%;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.08);margin-top: 20px;padding: 0 15px;box-sizing: border-box;}
/*内容块标题*/
.block-title{height: 50px;line-height: 50px;border-bottom: 1px dashed #E1E3EB;padding-top: 10px;position: relative;}
.block-title span{font-size:16px;font-family:PingFang SC;font-weight:bold;color: #3D404D;margin-left: 10px;}
/*统计右边按钮*/
.title-fl{float: left;margin-left: 7px;}
.title-fr{float: right;margin-right: 30px;width: 50%;display: flex;justify-content: flex-end;}
.title-fr span{width: 16%;height: 40px;line-height: 40px;color: white;border-radius:20px;overflow: hidden;display: block;text-align: center;float: left;cursor: pointer;margin-left: 32px;}
.title-fr span:first-child{background:rgba(30,135,240,1);box-shadow:3px 3px 12px 1px rgba(30,135,240,0.2);}
.title-fr span:nth-child(2n+2){background:rgba(251,160,90,1);box-shadow:3px 3px 12px 1px rgba(251,160,90,0.2);}
.title-fr span:last-child{background:rgba(50,210,150,1);box-shadow:3px 3px 12px 1px rgba(50,210,150,0.2);}
/*统计内容*/
.tj-cont{width: 100%;overflow: hidden;margin-top: 15px;}
.tj-cont li{margin: 0 1.4%;width: 30.4%;background: blueviolet;float: left;background-size: 100% 100% !important;height: 160px;padding-left: 20px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;color: white;}
.tj-cont li:first-child{background: url(../images/tj1.png)no-repeat;}
.tj-cont li:nth-child(2n+2){background: url(../images/tj2.png)no-repeat;}
.tj-cont li:last-child{background: url(../images/tj3.png)no-repeat;}
.tj-cont li p{font-size:14px;font-family:Adobe Heiti Std;font-weight:normal;}
.tj-cont li div{font-size:24px;font-family:Heiti SC;font-weight:300;margin: 10px 0;}
.tj-cont li text{font-size:30px;font-family:Heiti SC;font-weight:300;}
/*进出口折线统计图标题*/
.zxt-fr{text-align: right;cursor: pointer;}
.zxt-fr span{margin-right: 6px;}
.zxt-open{left: auto;right: 10px;display: none;}
/*进出折线统计图内容*/
#echarts_container{width: 100%;height: 84%;margin: 0 auto;padding-top: 30px;}
#echarts_container1{width: 100%;height: 80%;margin: 0 auto;padding-top: 20px;}
/*记录内容标题*/
.jl-open{display: none;left: auto;right: 0;}
/*记录内容*/
.jl-fr{text-align: right;cursor: pointer;}
.jl-fr span{margin-right: 6px;}
.jl-ul{width: 100%;padding: 0 12px;box-sizing: border-box;overflow-y:auto;height:84%;}
.jl-ul li{height: 90px;display: flex;justify-content: space-between;align-items: center;overflow: hidden;border-bottom: 1px solid #ECF0F5;cursor: pointer;}
.jl-ul li:last-child{border: none;}
.jl-ul li img{width: 51px;height: 51px;border-radius: 50%;overflow: hidden;}
.jl-ul li div{width: 70%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.jl-ul li div p{color: #3D404D;font-size: 18px;}
.jl-ul li div i{font-style: normal;font-size: 14px;color: #7690A9;margin-top: 8px;}
.jl-ul li span{font-size: 14px;color: #999999;}
.i-active{color: #FBA05A !important;}
/*滚动条样式*/
.jl-ul::-webkit-scrollbar {width:2px;}
.jl-ul::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.jl-ul::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}