/*公告*/
.nav .nav-bar .notice{font-size: 0.8em;}
.nav .nav-bar .notice .swiper-container{height: 40px;}

.main{padding-top: 0px;}

/*dashboard*/
.dashboard{background: url('../image/index_bg.png') no-repeat center; background-size: cover; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 45px 20px 30px;
 display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.dashboard .meter{width: 220px; height: 220px; background: url('../image/index_meter.png') no-repeat center; background-size: cover; display: flex; display: -webkit-flex;
 justify-content: center; align-items: center; text-align: center; position: relative;}
.dashboard .meter .round{width: 220px; height: 220px; background: url('../image/index_round.png') no-repeat center; background-size: 70% 70%; position: absolute; top: 0; left: 0; z-index: 10;}
.dashboard .meter .pointer{width: 220px; height: 220px; background: url('../image/index_pointer.png') no-repeat center; background-size: 80% 80%; position: absolute; top: 0; left: 0; z-index: 15;
 transform: rotate(0deg); transition: all 0.5s;}
.dashboard .meter .innercircle{width: 220px; height: 220px; background: url('../image/index_innercircle.png') no-repeat center; background-size: 99.5% 99.5%; position: absolute; top: 0; left: 0; z-index: 16;
 transform: rotate(0deg); transition: all 0.5s;}
.dashboard .meter .speed-value{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0;
 left: 0; z-index: 20; visibility: hidden;}
.dashboard .meter .speed-value .speed{}
.dashboard .meter .speed-value .speed .key{font-size: 12px;}
.dashboard .meter .speed-value .speed .value{color: #ffffff; font-size: 1.4em;}
.dashboard .meter .speed-value .timer{}
.dashboard .meter .speed-value .timer .value{font-size: 0.8em; color: rgba(255,255,255,0.5);}
.dashboard .meter .speed-value .release{font-size: 0.8em; color: rgba(255,255,255,0.5); padding-top: 10px;}
.dashboard .meter .speed-value .release span{color: #ffffff; padding-left: 5px;}
.dashboard .meter .bth-img{position: absolute; bottom: -10px; left: 50%; margin-left: -17.5px; z-index: 25;}
.dashboard .meter .bth-img img{width: 35px;}
.dashboard .meter .rocket{width: 220px; height: 220px; background: url('../image/index_rocket.png') no-repeat center; background-size: 70% 70%; position: absolute; top: 0; left: 0; z-index: 26;
       /*transition: all 0.5s;*/ display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-around; align-items: center;}
.dashboard .meter .rocket span{font-size: 0.8em;}
.dashboard .meter .rocket.animation{animation: rocket 0.5s ease-in;}
@keyframes rocket{
    from{top:220px; transform: scale(1);}
    to{top:-220px; transform: scale(0.5);}
}
/*mylock*/
.mylock{padding: 20px 20px 10px;}
.mylock .activity-value{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; padding-bottom: 20px;}
.mylock .activity-value .shufenge{ width: 1px; background-color: #efefef; height: 30px;}
.mylock .activity-value .activity,
.mylock .activity-value .gain,
.mylock .activity-value .release{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; width: 120px;}
.mylock .activity-value .activity .key,
.mylock .activity-value .gain .key,
.mylock .activity-value .release .key{color: #7d7d7d; font-size: 0.75em;}
.mylock .activity-value .activity .value,
.mylock .activity-value .gain .value,
.mylock .activity-value .release .value{color: #3d3d3d; font-size: 1.125em;}
.mylock .lock{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.mylock .lock .btn{width: 180px; height: 40px; background-color: #de8507; background: url('../image/index_btn.png') no-repeat center; background-size: 100% 100%; display: flex; display: -webkit-flex; 
    justify-content: center; align-items: center; cursor: pointer; border-radius: 5px;}

/*modal*/
.mylock .modal{position: fixed; top: 30%; left:50%; width: 300px; border-radius: 10px; margin-left: -150px; z-index: 99; background-color: #fff; display: none;}
.mylock .modal-backdrop{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.5);}
.mylock .modal-content{position: relative; z-index: 9999;}
.mylock .modal-content .modal-body{padding: 10px; background-color: #fff; border-radius: 10px;}
.form .form-content .form-group{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: 5px 20px 0px 30px;}
.form .form-content .border{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #efefef; margin: 0 20px;}
.form .form-content .form-group .form-label-static{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; min-width: 70px; 
 color: #3d3d3d; font-size: 0.875em;}
.form .form-content .form-group .form-control-static{display: flex; display: -webkit-flex; align-items: center; flex-grow: 1; color: #3d3d3d; font-size: 0.875em;}
.form .form-content .form-group .form-label{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; min-width: 70px; height: 30px; line-height: 30px; color: #3d3d3d;
 font-size: 0.875em;}
.form .form-content .form-group .form-control{display: flex; display: -webkit-flex; align-items: center; flex-grow: 1; color: #3d3d3d; font-size: 0.875em; width: 100px; height: 30px; line-height: 30px;
 border: none;}
.form .form-content .form-group .form-control span{color: #e84e4e; margin-right: 5px;}
.form .form-content .form-group .form-tips{display: flex; display: -webkit-flex; align-items: flex-start; flex-direction: column;}
.form .form-content .form-group .form-tips .key{font-size: 0.7em; color: #e84e4e; flex-grow: 1;}
.form .form-content .form-group .btn{display: flex; display: -webkit-flex; justify-content: center; align-items: center; background-color: #2b97ed; color: #fff; font-size: 0.75em; cursor: pointer; 
  padding: 5px 10px; border-radius: 20px; height: 25px;}
.form .form-content-submit{margin-top: 20px; padding:5px 0px 5px 0px;}
.form .form-content-submit .form-group{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: 0px 20px 0px 20px;}
.form .form-content-submit .form-group .form-submit{display: flex; display: -webkit-flex; justify-content: center; align-items: center; background-color: #2b97ed; color: #fff; flex-grow: 1; height: 40px;
 font-size: 0.875em; cursor: pointer; border-radius: 5px;}


/*tongji*/
.tongji{padding: 10px 15px;}
.tongji .tongji-release{border: 1px solid #efefef; border-radius: 5px; padding: 10px;display: flex;justify-content: space-around;align-items: center;}
.tongji .tongji-release .shufenge{width: 1px; background-color: #efefef; height: 100px;}
.tongji .tongji-release .gezi{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; /*! width: 100%; */flex-direction: column;}
.tongji .tongji-release .gezi .hengfenge{width: 100%; background-color: #efefef; height: 1px;}
.tongji .tongji-release .gezishu{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; flex-direction: column; height: 50px; padding: 10px 0; min-width: 120px;}
.tongji .tongji-release .gezishu .value{font-size: 15px; color: #e84e4e;}
.tongji .tongji-release .gezishu .value div{display: inline;}
.tongji .tongji-release .gezishu .value span{font-size: 0.7em; color: #7d7d7d; padding-left: 5px;}
.tongji .tongji-release .gezishu .key{color: #3d3d3d; font-size: 0.75em;}