/*created by songxue on 2020.3.25*/
@charset "utf-8";
html{background: #F3F4F5;}

.indexBg{height:320px;background: url(../images/inBg.png) no-repeat top center;background-size: cover;}
.indexTip{text-align: center;font-size: 38px;font-weight: bold;color:#0082ef;margin-top: -272px;margin-bottom: 64px;}
.indexTip img,.indexTip span{display: inline-block;vertical-align: middle;}
.indexTip img{width:37px;margin-right: 8px;}



.indexBox{background: #fff;color:#2D3034;border-radius: 6px 6px 0 0;overflow: hidden;}
.indexBox .indexLeft{padding:28px 60px;;}
/* .indexBoxTop{} */
.indexBoxTop .avatar{width:54px;height:54px;margin-right: 10px;}
.indexBoxTop .wel{font-size: 20px;margin-bottom: 20px;}
.indexBoxTop .wel b{font-size: 22px;}
.indexBoxTop .msgAll{color:#787878;background: #F4F7F9;height:40px;padding: 0 14px;}
.indexBoxTop .msgAll>span{margin-right: 6px;}
.indexBoxTop .msgAll .iconfont{color:#0082EF;font-size: 18px;}
.indexBoxTop .msgAll b{color:#0082EF}
.indexBoxTop .msgAll a{color:#0082EF;margin-left: 16px;}


.indexBox .fastTitle{font-size: 18px;margin-bottom: 10px;margin-top: 20px;}
.indexBox .fastBox{font-size: 0;;}
.indexBox .fastBox>div,.indexBox .fastBox>a{display: inline-block;position: relative;padding: 0 20px;;width:212px;height:58px;line-height: 56px;border:1px solid #eaeaea;border-radius: 4px;margin-bottom: 10px;;}
.indexBox .fastBox>div:nth-child(3n-1),.indexBox .fastBox>a:nth-child(3n-1){margin-left: 72px;margin-right: 72px;;}
.indexBox .fastBox img{width:32px;display: inline-block;vertical-align: middle;margin-right:10px;}
.indexBox .fastBox span{font-size: 14px;display: inline-block;vertical-align: middle;color:#2D3034;}
.indexBox .fastBox>div:nth-child(3n),.indexBox .fastBox>a:nth-child(3n){margin-right: 0;}
.indexBox .fastBox .posia{position: absolute;font-size: 12px;color:#2D3034;top: 8px;right: 16px;line-height: 1.5;}
.indexBox .fastBox .posia>i{display:block;margin-top: 6px;cursor: pointer;}
.indexBox .fastBox>div:hover,.indexBox .fastBox>a:hover{border-color: #0082EF;}

.indexBox .system{width:360px;border-left: 1px solid #eaeaea;background: #F9FAFC;padding: 20px 24px;}
.indexBox .systemTop {width:246px;margin: auto;text-align: center;color:#2D3034}
.indexBox .systemTop .logo{margin-top: 24px;}
.indexBox .logoName{font-size: 16px;margin-top: 20px;margin-bottom: 16px;;}
.indexBox .systemTop .line{width:100%;border-bottom: 1px solid #eaeaea;}
.indexBox .systemTop .peoples span{color:#2F7DCD}
.indexBox .systemTop .peoples {margin-top: 12px;margin-bottom: 12px;}

.indexBox .system .bottomBanner{width:268px;margin:60px auto;}

.indexBox .noticBox .title{height:45px;margin-top: 20px;}
.indexBox .noticBox .title .iconfont{font-size: 18px;color:#1B53B0;margin-right: 5px;}
.indexBox .noticBox .title .flex-col-bd{font-size: 16px;font-weight: bold;}
.indexBox .noticBox .title a{color:#467DB9}
.indexBox .noticBoxList>.flex-col{height:43px;border-bottom: 1px solid #eaeaea;background: #fff;color:#787878;}
.indexBox .noticBoxList .flex-col-bd{text-overflow: ellipsis;white-space: nowrap;-webkit-line-clamp:1;overflow: hidden;padding-right: 12px;;}

.banImg{margin-top: 10px;}
.banImg>img{max-width: 100%;}

/*---今日统计---*/
.todayStatistics{padding: 10px 0 5px;}
.todayStatistics>div{padding: 0 18px;}
.todayStatistics p{font-size: 12px;color:#808080;margin-bottom: 10px;}
.todayStatistics span{font-size: 24px;color:#000;font-weight: bold;}
.thisMonthChart{height:240px;}
.todayStatisticsChart{height:160px}

.chartYuan{display: inline-block;width:10px;height:10px;border-radius: 50%;vertical-align: middle;margin-right: 4px;}


/*-----login-----*/

.flex-between {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-around {display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.flex-start{display: -webkit-flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;}
.flex-col{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-column{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.flex-col-bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}



.loginHead{height:70px;padding: 0 40px;background: #F2F2F2;border-bottom: 1px solid #eaeaea;color:#0082EF}
.loginHead .logo{max-height: 30px;}
.loginHead .xian{width:1px;background: #B2B2B2;margin: 0 10px;height:22px}
.loginHead .name{font-size: 16px;;}


.loginBody input::-webkit-input-placeholder{color: #979797;font-size: 12px;}
.loginBody input:-moz-placeholder{color: #979797;font-size: 12px;}
.loginBody input::-moz-placeholder{color: #979797;font-size: 12px;}
.loginBody input:-ms-input-placeholder{color: #979797;font-size: 12px;}

.loginBody{text-align: center;}
.loginBody>div{width:800px;display: inline-block;border-radius: 6px;overflow: hidden;font-size: 0;background-color: #fff;box-shadow: 0px 0px 10px 2px rgba(0, 130, 239,.1);}
.loginBody>div>div{display: inline-block;vertical-align: top;}
.loginBody .leftImg{width:343px;color:#fff;font-size: 16px;background: #0082EF;padding-top: 45px;height:100%}
.loginBody .leftImg .sesLogo{width:100px;margin-bottom: 12px;}
.loginBody .leftImg .pucImg{width:220px;margin-top: 40px;}

.loginBody .rightBox{padding: 36px 96px 10px;width:457px;position: relative;}
.loginBody .rightBox .title{font-size: 20px;font-weight: bold;color:#000;}
.loginBody .rightBox form{font-size: 12px;color:#2D3034;text-align: left;margin-top: 20px;}
.loginBody form>div{position: relative;margin-bottom: 20px;}
.loginBody form input[type=text],.loginBody form input[type=password]{width:100%;height:40px;border:0;border-bottom: 1px solid #eaeaea;font-size: 12px;padding: 0;}
.loginBody .submit{height:40px;width:100%;background: #0082EF;font-size: 16px;color:#fff;border-radius: 4px;margin-top: 16px;}
.loginBody .toSao>span{height:1px;background: #B2B2B2;}
.loginBody .toSao>div{font-size: 13px;color:#2D3034;margin: 0 10px;cursor: pointer;}
.loginBody .toSao>div:hover{color:#0082EF}
.loginBody .toSao img{width:17px}
.loginBody .yanImg{height:40px;position: absolute;right:0;top:0;width:50%;}
.loginBody .yanImg>img{width:100%;height:100%}
.loginBody .saoBox{position: absolute;left: 100%;width:100%;top:0;bottom:0;background-color: #fff;padding: 40px 78px 10px;transition: all .3s;}
.loginBody .saoBox.showIt{left:0}
.loginBody .saoBox title{font-weight: 500;}
.loginBody .saoBox .er{width:225px;height:225px;border:1px dashed #eaeaea;margin-top: 10px;margin-bottom: 10px;}
.loginBody .saoBox .er>img{width:100%}
.loginBody .saoBox .toSao{margin-top: 25px;}
.loginBody .saoBox p{font-size: 12px;color:#000;}
.loginBody .saoBox>span{position: absolute;right:100px;top:62px;font-size: 18px;font-weight: 100;color:#999;cursor: pointer;}




.loginFoot{text-align: center;font-size: 12px;color:#787878;padding: 15px 12px;}
.loginFoot a{color:#999;position: relative;margin: 0 10px;display: inline-block;vertical-align: top;}
.loginFoot a:after{content:"";position: absolute;right:-10px;background: #999;height:12px;width:1px;top:2px}
.loginFoot a:last-child:after{display: none}
.loginFoot span{margin: 0 5px;}