* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑", sans-serif;
    font-size: 0.14rem;
}

body, html {
    width: 100%;
    height: 100%;
    position: relative;
}
/*body{*/
    /*overflow: hidden;*/
/*}*/
canvas {
    pointer-events: none;
}

/*a, a:focus {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*margin: 25px;*/
    /*color: #ddd;*/
/*}*/

.controls {
    width: 500px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.btn-group {
    display: inline-block;
}
.all-shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 900;
    background-color: #000;
    opacity: 0.7;
    display: none;
}
.changePassword{
    width: 6rem;
    height: 3rem;
    /*color:#fff;*/
    /*background-color: #ccc;*/
    background: url("../images/indeximg14.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3rem;
    margin-top: -1.5rem;
    z-index:1000;
    padding-top: 0.7rem;
    display: none;
}
.oldpassword{
    margin-bottom: 0.2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 1.2rem;
}
.oldpasswordWord{
    margin-right: 0.5rem;
    color: #fff;
}
.oldpasswordInput{
    width: 2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 0.1rem;
}
.newpassword1{
    margin-bottom: 0.2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 1.2rem;
}
.newpassword1Word{
    margin-right: 0.5rem;
    color: #fff;
}
.newpassword1Input{
    width: 2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 0.1rem;
}
.newpassword2{
    margin-bottom: 0.2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 1.2rem;
}
.newpassword2Word{
    margin-right: 0.5rem;
    color: #fff;
}
.newpassword2Input{
    width: 2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    padding-left: 0.1rem;
}
.changePasswordsubmit{
    display: block;
    width: 0.8rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.2rem;
    margin-left: 1.5rem;
    float: left;
    box-sizing: border-box;
    border: 1px solid #418fd3;
}
.changePasswordnoting{
    display: block;
    width: 0.8rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.2rem;
    margin-right: 1.5rem;
    float: right;
    box-sizing: border-box;
    border: 1px solid #418fd3;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff;
    border-color: #d9d9d9;
}

.btn:first-child {
    border-radius: 4px 0 0 4px;
}

.btn:last-child {
    border-radius: 0 4px 4px 0;
}

.btn.active {
    color: #fff;
    background-color: #dc7953;
    border-color: #dc7953;
}

.functions {
    visibility: hidden;
}

.controls {
    visibility: hidden;
}

.rotate {
    margin-left: 20px;
}

.rotate .btn {
    border: none;
    border-radius: 20px;
}

/*.background{*/
/*width: 100%;*/
/*height: 100%;*/
/*overflow: hidden;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*!*z-index: ;*!*/
/*}*/
/*title*/
body {
    background-color: #030c1b;
    overflow-x: hidden;
}

.all-body {
    width: 100%;
    height: 10.8rem;
    padding-top: 0.4rem;
    /*background-color: #030c1b;*/
    /*background-color: lightgreen;*/

    background: url("../images/bg.png") no-repeat center;
    background-size: 100% 100%;

}

.all-box {
    position: relative;
}

.all-title {
    height: 0.45rem;
    background: -webkit-linear-gradient(left, #030c1b, lightblue, #030c1b) no-repeat;
}

.all-titlebox {
    position: relative;
    width: 40%;
    height: 0.47rem;
    margin: 0 auto;
}

.all-titlebox:before, .all-titlebox:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #030c1b;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.all-titlebox:after {
    right: 0;
    transform: skew(45deg);
    -webkit-transform: skew(-45deg);
}

.all-titlebox:before {
    left: 0;
    transform: skew(-45deg);
    -webkit-transform: skew(45deg);
}

.all-titleword {
    line-height: 0.45rem;
    position: relative;
    text-align: center;
    z-index: 10;
    color: #fff;
}

.all-titleword p {
    font-size: 0.32rem;
}

.all-backhome {
    height: 0.45rem;
    line-height: 0.45rem;
    color: #fff;
    position: absolute;
    font-size: 0.2rem;
    top: 0;
    left: 0;
    z-index: 100;
}

.all-person {
    width: 100px;
    height: 100px;
    /*height: 0.45rem;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.all-personlogo {
    width: 0.37rem;
    height: 0.37rem;
    margin-top: 0.04rem;
}

.all-footer {
    width: 100%;
    height: 0.14rem;
    line-height: 0.14rem;
    font-size: 0.14rem;
    color: #fff;
    text-align: right;
    padding-right: 0.95rem;
    position: absolute;
    left: 0;
    bottom: 0.15rem;
}
.menu{
    width: 2.52rem;
    height: 3.39rem;
    background: url("../images/indeximg7.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 3%;
    top: 5%;
    z-index: 10000;
    list-style: none;
    display: none;
}
.menulist{
    width: 2.4rem;
    height: 0.565rem;
    line-height: 0.565rem;
    font-size: 0.2rem;
    color: #fff;
    margin: 0 auto;
    padding-left: 0.5rem;
    position: relative;
}
.menulistselected{
    color: #36e5ff;
}
.menuborder{
    border-bottom: 1px solid #103C5A;
}
.backhomeicon{
     width: 0.18rem;
     height: 0.18rem;
     position: absolute;
     left: 0.1rem;
     top: 0.2rem;
 }
.monitoricon{
    width: 0.25rem;
    height: 0.15rem;
    position: absolute;
    left: 0.1rem;
    top: 0.21rem;
}
.backvideoicon{
    width: 0.21rem;
    height: 0.22rem;
    position: absolute;
    left: 0.1rem;
    top: 0.19rem;
}
.accidenticon{
    width: 0.18rem;
    height: 0.19rem;
    position: absolute;
    left: 0.12rem;
    top: 0.20rem;
}
.passwordicon{
    width: 0.21rem;
    height: 0.21rem;
    position: absolute;
    left: 0.12rem;
    top: 0.19rem;
}
.outicon {
    width: 0.21rem;
    height: 0.16rem;
    position: absolute;
    left: 0.12rem;
    top: 0.21rem;
}
/*login*/
.login-loginbox {
    margin-top: 2.5rem;
    margin-bottom: 3.2rem;
    height: 4.2rem;
}

.login-loginimg {
    width: 100%;
    height: 1.9rem;
    background: -webkit-linear-gradient(left, #03c8fb, #3281ed) no-repeat;
}

.login-imageslogin {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.login-login {
    width: 100%;
    height: 2.24rem;
    background-color: gray;
    opacity: 0.8;
    padding-top: 0.2rem;
    position: relative;
}

.login-account {
    width: 60%;
    height: 0.52rem;
    margin-left: 20%;
    margin-bottom: 0.2rem;
    padding-left: 0.5rem;
    font-size: 0.18rem;
}

.login-password {
    width: 60%;
    height: 0.52rem;
    margin-left: 20%;
    margin-bottom: 0.2rem;
    padding-left: 0.5rem;
    font-size: 0.18rem;
}

.login-enterButton {
    width: 1rem;
    height: 0.35rem;
    font-size: 0.2rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 0.2rem;
    text-align: center;
    text-indent: 0.03rem;
}

.login-imagesAccount {
    width: 0.32rem;
    height: 0.38rem;
    position: absolute;
    left: 1.3rem;
    top: 0.28rem;
}

.login-imagesPassword {
    width: 0.32rem;
    height: 0.38rem;
    position: absolute;
    left: 1.3rem;
    top: 0.99rem;
}

.login-accountword {
    font-size: 0.18rem;
    position: absolute;
    left: 1.7rem;
    top: 0.32rem;
}

.login-passwordword {
    font-size: 0.18rem;
    position: absolute;
    left: 1.7rem;
    top: 1.05rem;
}

.captchabox {
    width: 60%;
    height: 0.52rem;
    margin: 0 auto;
    /*视频*/
    /*background-color: pink;*/
}

.login-yanzheng {
    width: 1.5rem;
    height: 0.52rem;
    line-height: 0.52rem;
    float: left;
    /*margin-right: 0.2rem;*/
    font-size: 0.18rem;
    padding-left: 0.2rem;
}

.login-captcha {
    height: 0.52rem;
    width: 0.4rem;
    font-size: 0.2rem;
}

/*index*/
.index-content {
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
    margin-left: 15px;
}

.index-left {
    height: 9rem;
    margin: 0 auto;
    padding-top: 0.5rem;
    background: url("../images/indeximg1.png") no-repeat;
    background-size: 100% 100%;
}

.index-monitortitle {
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    text-indent: 0.02rem;
    width: 100%;
    color: #36e5ff;
    font-weight: 600;
    position: absolute;
    top: 0;
    /*left: 0.2rem;*/
}

.index-monitorvideo {
    width: 100%;
    height: 3.4rem;
    /*视频*/
    /*background-color: pink;*/
}

.index-monitorchoose {
    height: 4.74rem;
    width: 100%;

}

.indexMonitorbtn1 {
    background: url("../images/btnimg2.png") no-repeat;
    background-size: 100% 100%;
}

.indexMonitorbtn2 {
    background: url("../images/btnimg1.png") no-repeat;
    background-size: 100% 100%;
}

.index-monitorchoose-content {
    /*height: 8rem;*/
    width: 95%;
}

.index-monitor {
    width: 100%;
    height: 0.85rem;
    position: relative;
}

.index-monitormagintop {
    margin-top: 0.26rem;
}

.index-monitorpositiontitle {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    padding-left: 0.2rem;
    font-size: 0.22rem;
}

.index-monitorbtnbox {
    width: 100%;
    height: 0.35rem;
    line-height: 0.35rem;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
}

.indexMonitorbtns {
    width: 1.25rem;
    height: 0.35rem;
    float: left;
}

.index-monitorleftbtn {
    margin-left: 0.75rem;
}

.index-monitorrightbtn {
    margin-left: 0.4rem;
}

.index-center {
    height: 9rem;
    margin: 0 auto;
}

.index-map {
    width: 100%;
    height: 6rem;
}

.index-sign1 {
    position: absolute;
    left: 6rem;
    top: 5rem;
    z-index: 100;
}

.index-sign1word {
    font-size: 0.16rem;
    color: #fff;
    position: absolute;
    left: 6.3rem;
    top: 4.9rem;
    z-index: 100;
}

.index-sign2 {
    position: absolute;
    left: 6rem;
    top: 5.6rem;
    z-index: 100;
}

.index-sign2word {
    font-size: 0.16rem;
    color: #fff;
    position: absolute;
    left: 6.3rem;
    top: 5.5rem;
    z-index: 100;
}

.index-mapbox {
    width: 8rem;
    height: 6rem;
    margin: 0 auto;
    position: relative;
}

.st0 {
    fill: #206ea6;
}

.index-echartsbox {
    height: 3rem;
    background-color: lime;
    padding-top: 0.45rem;
    box-sizing: border-box;
    background: url("../images/indeximg4.png") no-repeat;
    background-size: 100% 100%;
}

.index-echarttitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    padding-left: 0.2rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;
}

/*.index-echartsshadow{*/
/*height: 3rem;*/
/*position: absolute;*/
/*left: 0;*/
/*top: -3rem;*/
/*background-color: #fff;*/
/*opacity: 0.6;*/
/*}*/
.index-echartleft {
    height: 2.5rem;
}

.index-echartcenter {
    height: 2.5rem;
}

.index-echartright {
    height: 2.5rem;
}

.index-right {
    height: 9rem;
    margin: 0 auto;
}

.index-live1 {
    width: 100%;
    height: 0.45rem;
    margin-bottom: 0.25rem;
    margin-left: -15px;
}

.index-live1title {
    width: 2.09rem;
    height: 0.45rem;
    line-height: 0.45rem;
    background: url("../images/indeximg5.png") no-repeat center;
    background-size: 100% 100%;
    text-align: right;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    padding-right: 0.3rem;
    float: right;
}
.index-live2 {
    width: 100%;
    height: 2.75rem;
    background: url("../images/indeximg2.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.25rem;
    margin-left: -15px;
    display: none;
}

.index-live2title {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: right;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    padding-right: 0.3rem;
}

.index-live2show {
    width: 98%;
    height: 2.25rem;
    margin: 0 auto;
    margin-top: 0.02rem;
    /*视频*/
    /*background-color: pink;*/
}
.index-video {
    width: 100%;
    /*height: 8.3rem;*/
    background: url("../images/indeximg6.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: -15px;
}

.index-videotitle {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: right;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    padding-right: 0.3rem;
    margin-bottom: 0.05rem;
}

.index-videobox {
    width: 100%;
    /*height: 7.8rem;*/
}

.index-videocontent {
    width: 90%;
}

.index-videoposition {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    font-size: 0.18rem;
    padding-left: 0.42rem;
}

.index-videopositionOutbox {
    width: 100%;
    height: 1.7rem;
    background-color: #0c1a36;
    color: #fff;
}

.index-videopositionul {
    width: 90%;
    list-style: disc inside none;
}

.index-videopositionulHidden {
    display: none;
}

.index-videopositionulShow {
    display: block;
}

.index-videopositionul li {
    width: 100%;
    padding-left: 0.42rem;
    font-size: 0.16rem;
    height: 0.34rem;
    line-height: 0.34rem;
}

/*monitor*/
.mtor-content {
    height: 9rem;
    margin: 0 auto;
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
    background: url("../images/mtorimg1.png") no-repeat center;
    background-size: 100% 100%;
}

.mtor-contenttitle {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;
    padding-left: 0.27rem;
}
.mtor-contenttitleworld{
    width: 1.6rem;
    display: block;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;
}
.mtor-backvideotitle{
    width: 1rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    position: absolute;
    left:2.6rem;
    top: 0rem;
}
.mtor-backvideotitleshadow{
    width: 2rem;
    height: 0.5rem;
    position: absolute;
    left:2rem;
    top: 0rem;
    background-color: #08142a;
    transform:skew(40deg);
}
.mtor-box {
    height: 8.1rem;
    margin-top: 0.04rem;
}

.mtor-left {
    height: 8.45rem;
    height: 9rem;
    padding-left: 0.38rem;
    padding-top: 0.22rem;
    padding-bottom: 0.38rem;
    position: relative;
}
.mtor-leftbox{
    width: 100%;
    height: 7.45rem;
    /*改动,list加长可以改动的地方*/
}
.mtor-leftcontrols{
    width: 3.5rem;
    height: 8.45rem;
    display: none;
    background: url("../images/mtorimg5.png") no-repeat center;
    background-size: 100% 100%;
}
.mtor-leftcontrolsbox{
    width: 100%;
    height: 7.85rem;
}
.mtor-leftcontrolsbox li{
    display: block;
    width: 100%;
    height: 20%;
    background: url("../images/mtorimg6.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.mtor-leftcontrolsimgsbox{
    width: 2.8rem;
    height: 1.2rem;
    /*background: url("../images/1.jpg") no-repeat center;*/
    /*background-size: auto 100%;*/
    position: absolute;
    top: 11%;
    left: 9.5%;
}
.mtor-shanchu{
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    background: url("../images/shanchu.png") no-repeat center;
    background-size: 100% 100%;
}
.mtor-positiontitle {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    color: #FFFFFF;
}

.mtor-monitorbtnbox {
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
}

.mtorMonitorbtns {
    width: 1.25rem;
    height: 0.35rem;
    float: left;
}

.mtor-monitorleftbtn {
    margin-left: 0.45rem;
}

.mtor-monitorrightbtn {
    margin-left: 0.2rem;
}

.mtorMonitorbtn1 {
    background: url("../images/btnimg2.png") no-repeat;
    background-size: 100% 100%;
}

.mtorMonitorbtn2 {
    background: url("../images/btnimg1.png") no-repeat;
    background-size: 100% 100%;
}

.mtor-center {
    height: 8.45rem;
    position: relative;
    /*background-color: pink;*/
}
.mtor-centerform{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.2rem;
    /*background-color: #fff;*/
    display: none;
    position: absolute;
    left: 0;
    top: 0.35rem;
    /*top: 0rem;*/
}
.mtor-startTimeinput{
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #fff;
    background-color: #08142a;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
    text-align: center;
}
.mtor-startTimebutton{
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #fff;
    background-color: #08142a;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
}
.mtor-monitorShow {
    width: 100%;
    height: 5rem;
    /* object-fit: fill; */
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 5;
    margin-top: -3rem;
}
.mtor-monitorShow2{
    width: 100%;
    height: 5rem;
    /* object-fit: fill; */
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 10;
    margin-top: -3rem;
    display: none;
}
.mtor-monitorCenterdown{
    width: 100%;
    height: 2.4rem;
    position: absolute;
    /*background-color: pink;*/
    left: 0;
    bottom: 0;
    display: none;
}
.mtor-monitorCenterdownleft{
    width: 6.5rem;
    height: 2.4rem;
    /*background-color: lightblue;*/
    float: left;
    padding-left: 0.6rem;
    padding-top: 0.4rem;
}
.mtor-monitorCenterdownright{
    width: 3.1rem;
    height: 2.4rem;
    /*background-color: lightgreen;*/
    padding-top: 0.4rem;
    float: left;
    color: #fff;
}
.mtor-monitorCenterdownright-p1{
    height: 0.37rem;
    line-height: 0.37rem;
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
}
.mtor-monitorCenterdownright-p2{
    height: 0.37rem;
    line-height: 0.37rem;
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
}
.mtor-monitorCenterdownleftWord{
    line-height: 0.37rem;
    margin-bottom: 0.1rem;
    color: #fff;
}
.mtor-right {
    height: 8.45rem;
    position: relative;
}
.mtor-videocontrols{
    width: 2.43rem;
    height: 7.66rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.21rem;
    margin-top: -3.83rem;
    /*background-color: lightblue;*/
    background: url("../images/mtorimg4.png") no-repeat center;
    background-size: 100% 100%;
    display: none;
}
.mtor-videocontrols-close{
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.13rem;
    top: 0.1rem;
}
.mtor-videocontrols-jietu{
    width: 0.61rem;
    height: 0.81rem;
    position: absolute;
    left: 0.9rem;
    top: 0.72rem;
}
.mtor-videocontrols-jin{
    width: 0.76rem;
    height: 0.79rem;
    position: absolute;
    left: 0.82rem;
    top: 1.96rem;
}
.mtor-videocontrols-yuan{
    width: 0.76rem;
    height: 0.79rem;
    position: absolute;
    left: 0.82rem;
    top: 4.14rem;
}
.mtor-videocontrols-up{
    width: 0.76rem;
    height: 0.53rem;
    position: absolute;
    left: 0.82rem;
    top: 5.34rem;
}
.mtor-videocontrols-down{
     width: 0.76rem;
     height: 0.53rem;
     position: absolute;
     left: 0.82rem;
     top: 6.6rem;
 }
.mtor-videocontrols-left{
    width: 0.48rem;
    height: 0.75rem;
    position: absolute;
    left: 0.34rem;
    top: 5.86rem;
}
.mtor-videocontrols-right{
    width: 0.48rem;
    height: 0.75rem;
    position: absolute;
    left: 1.58rem;
    top: 5.86rem;
}

.mtor-right-xiazai{
    display: block;
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 0.3rem;
    font-size: 0.2rem;
    /*background-color: pink;*/
}

.mtor-catchbox {
    width: 1.3rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.45rem;
    margin-left: -0.65rem;
}

.mtor-catchlogo {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background: url("../images/mtorimg3.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.07rem;
}

.mtor-catchbtn {
    width: 1.3rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    background: url("../images/mtorimg2.png") no-repeat center;
    background-size: 100% 100%;
}
.mtor-catchbox1 {
    width: 1.3rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.45rem;
    margin-left: -0.65rem;
    display: none;
}

.mtor-catchlogo1 {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background: url("../images/mtorimg3.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.07rem;
}

.mtor-catchbtn1 {
    width: 1.3rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    background: url("../images/mtorimg2.png") no-repeat center;
    background-size: 100% 100%;
}
.mtor-shadowbg {
    width: 14rem;
    height: 8rem;
    background-color: #000b1c;
    /*opacity: 0.95;*/
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 200;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}

.mtor-shadow {
    width: 14rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 201;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}
.mtor-shadowCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../images/guanbi.png") no-repeat center;
    background-size: 100% 100%;
}
.mtor-shadowImg {
    width: 6rem;
    height: 4rem;
    margin-top: 2rem;
    margin-left: 0.5rem;
    /*background:url("../images/1.jpg") no-repeat center;*/
    /*background-size: 100% 100%;*/
    float: left;
}

.mtor-shadowWord {
    width: 6rem;
    height: 4rem;
    margin-top: 2rem;
    margin-left: 0.5rem;
    float: left;
}

.mtor-shadowWordcontent {
    width: 100%;
}

.mtor-shadowplace {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
}

.mtor-shadowtime {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.mtor-shadowcontentbox {
    width: 100%;
    height: 1rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
}

.mtor-shadowdecripttitle {
    font-size: 0.16rem;
    float: left;
}
.mtor-selectStatus {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    color: #fff;
}

.mtor-selectStatusbox {
    /*margin-left: 0.8rem;*/
    font-size: 0.18rem;
    float: left;
}

.mtor-selectpotion {
    padding-left: 0.1rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-left: 0.4rem;
}

.mtor-evidencePeoplebox {
    margin-right: 12.5%;
    font-size: 0.18rem;
    float: right;
}

.mtor-evidencePeopletitle {
    font-size: 0.16rem;
    margin-right: 0.4rem;
}

.mtor-evidencePeople {
    font-size: 0.16rem;
}

.mtor-pngInput {
    visibility: hidden;
}

.mtor-shadowdecript {
    border-radius: 0.1rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    border: 1px solid #555;
    background-color: #09142c;
    outline: none;
    color: #fff;
    font-size: 0.16rem;
    width: 4.5rem;
    height: 0.4rem;
    /*float: left;*/
    text-align: justify;
    overflow: scroll;
    -ms-overflow-style: none;
}

.mtor-shadowdecript::-webkit-scrollbar {
    display: none;
}

.mtor-shadowinput {
    width: 4.5rem;
    box-sizing: border-box;
    border: 1px solid #555;
    background-color: #09142c;
    border-radius: 0.1rem;
    color: #fff;
    outline: none;
    padding-left: 0.05rem;
}

.mtor-shadowsubmit {
    border: none;
    outline: none;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    /*position: absolute;*/
    /*left: 50%;*/
    /*margin-left: -0.5rem;*/
    bottom: 0.8rem;
    background: url("../images/btnimg3.png") no-repeat;
    background-size: 100% 100%;
    background-color: #474f61;
    text-align: center;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
    font-size: 0.18rem;
} 


/*monitorOldVideo 以.mtorb-开头 */
.mtorb-content {
    height: 9rem;
    margin: 0 auto;
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
    background: url("../images/mtorimg1.png") no-repeat center;
    background-size: 100% 100%;
}

.mtorb-contenttitle {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;
    padding-left: 0.27rem;
}
.mtorb-contenttitleworld{
    width: 1.6rem;
    display: block;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #fff;
    font-weight: 600;
    text-indent: 0.02rem;
}
.mtorb-backvideotitle{
    width: 1rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    font-weight: 600;
    color: #36e5ff;
    text-align: center;
    position: absolute;
    left:2.6rem;
    top: 0rem;
}
.mtorb-backvideotitleshadow{
    width: 2rem;
    height: 0.5rem;
    position: absolute;
    left:2rem;
    top: 0rem;
    background-color: #08142a;
    transform:skew(40deg);
}
.mtorb-box {
    height: 8.1rem;
    margin-top: 0.04rem;
}

.mtorb-left {
    height: 8.45rem;
    /*height: 9rem;*/
    padding-left: 0.38rem;
    padding-top: 0.22rem;
    padding-bottom: 0.38rem;
    position: relative;
}
.mtorb-leftbox{
    width: 100%;
    height: 7.45rem;
    /*改动,list加长可以改动的地方*/
}
.mtorb-leftcontrols{
    width: 3.5rem;
    height: 8.45rem;
    display: none;
    background: url("../images/mtorimg5.png") no-repeat center;
    background-size: 100% 100%;
}
.mtorb-leftcontrolsbox{
    width: 100%;
    height: 7.85rem;
}
.mtorb-leftcontrolsbox li{
    display: block;
    width: 100%;
    height: 20%;
    background: url("../images/mtorimg6.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.mtorb-leftcontrolsimgsbox{
    width: 2.8rem;
    height: 1.2rem;
    /*background: url("../images/1.jpg") no-repeat center;*/
    /*background-size: auto 100%;*/
    position: absolute;
    top: 11%;
    left: 9.5%;
}
.mtorb-shanchu{
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    background: url("../images/shanchu.png") no-repeat center;
    background-size: 100% 100%;
}
.mtorb-positiontitle {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    color: #FFFFFF;
}

.mtorb-monitorbtnbox {
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
}

.mtorbMonitorbtns {
    width: 1.25rem;
    height: 0.35rem;
    float: left;
}

.mtorb-monitorleftbtn {
    margin-left: 0.45rem;
}

.mtorb-monitorrightbtn {
    margin-left: 0.2rem;
}

.mtorbMonitorbtn1 {
    background: url("../images/btnimg2.png") no-repeat;
    background-size: 100% 100%;
}

.mtorbMonitorbtn2 {
    background: url("../images/btnimg1.png") no-repeat;
    background-size: 100% 100%;
}

.mtorb-center {
    height: 8.45rem;
    position: relative;
    /*background-color: pink;*/
}
.mtorb-centerform{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.2rem;
    position: absolute;
    left: 0;
    top: 0.35rem;
    /*top: 0rem;*/
}
.mtorb-startTimeinput{
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #fff;
    background-color: #08142a;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
    text-align: center;
}
.mtorb-startTimebutton{
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #fff;
    background-color: #08142a;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
}
/*改动*/
.mtorb-monitorShow {
    width: 100%;
    height: 5rem;
    /* object-fit: fill; */
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 5;
    margin-top: -3rem;
}
.mtorb-monitorShow2{
    width: 100%;
    height: 5rem;
    /* object-fit: fill; */
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 10;
    margin-top: -3rem;
}
.mtorb-monitorCenterdown{
    width: 100%;
    height: 2.4rem;
    position: absolute;
    /*background-color: pink;*/
    left: 0;
    bottom: 0;
    display: none;
}
.mtorb-monitorCenterdownleft{
    width: 6.5rem;
    height: 2.4rem;
    /*background-color: lightblue;*/
    float: left;
    padding-left: 0.6rem;
    padding-top: 0.4rem;
}
.mtorb-monitorCenterdownright{
    width: 3.1rem;
    height: 2.4rem;
    /*background-color: lightgreen;*/
    padding-top: 0.4rem;
    float: left;
    color: #fff;
}
.mtorb-monitorCenterdownright-p1{
    height: 0.37rem;
    line-height: 0.37rem;
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
}
.mtorb-monitorCenterdownright-p2{
    height: 0.37rem;
    line-height: 0.37rem;
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
}
.mtorb-monitorCenterdownleftWord{
    line-height: 0.37rem;
    margin-bottom: 0.1rem;
    color: #fff;
}
.mtorb-right {
    height: 8.45rem;
    position: relative;
}
.mtorb-videocontrols{
    width: 2.43rem;
    height: 7.66rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.21rem;
    margin-top: -3.83rem;
    /*background-color: lightblue;*/
    background: url("../images/mtorbimg4.png") no-repeat center;
    background-size: 100% 100%;
    display: none;
}
.mtorb-videocontrols-close{
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.13rem;
    top: 0.1rem;
}
.mtorb-videocontrols-jietu{
    width: 0.61rem;
    height: 0.81rem;
    position: absolute;
    left: 0.9rem;
    top: 3.3rem;
}
.mtorb-videocontrols-jin{
    width: 0.76rem;
    height: 0.79rem;
    position: absolute;
    left: 0.82rem;
    top: 1.96rem;
}
.mtorb-videocontrols-yuan{
    width: 0.76rem;
    height: 0.79rem;
    position: absolute;
    left: 0.82rem;
    top: 4.14rem;
}
.mtorb-videocontrols-up{
    width: 0.76rem;
    height: 0.53rem;
    position: absolute;
    left: 0.82rem;
    top: 5.34rem;
}
.mtorb-videocontrols-down{
     width: 0.76rem;
     height: 0.53rem;
     position: absolute;
     left: 0.82rem;
     top: 6.6rem;
 }
.mtorb-videocontrols-left{
    width: 0.48rem;
    height: 0.75rem;
    position: absolute;
    left: 0.34rem;
    top: 5.86rem;
}
.mtorb-videocontrols-right{
    width: 0.48rem;
    height: 0.75rem;
    position: absolute;
    left: 1.58rem;
    top: 5.86rem;
}

.mtorb-right-xiazai{
    display: block;
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 0.3rem;
    font-size: 0.2rem;
    /*background-color: pink;*/
}

.mtorb-catchbox {
    width: 1.3rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.45rem;
    margin-left: -0.65rem;
}

.mtorb-catchlogo {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background: url("../images/mtorimg3.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.07rem;
}

.mtorb-catchbtn {
    width: 1.3rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    background: url("../images/mtorimg2.png") no-repeat center;
    background-size: 100% 100%;
}
.mtorb-catchbox1 {
    width: 1.3rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.45rem;
    margin-left: -0.65rem;
    display: none;
}

.mtorb-catchlogo1 {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background: url("../images/mtorimg3.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.07rem;
}

.mtorb-catchbtn1 {
    width: 1.3rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    background: url("../images/mtorimg2.png") no-repeat center;
    background-size: 100% 100%;
}
.mtorb-shadowbg {
    width: 14rem;
    height: 8rem;
    background-color: #000b1c;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 200;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}

.mtorb-shadow {
    width: 14rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 201;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}
.mtorb-shadowCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../images/guanbi.png") no-repeat center;
    background-size: 100% 100%;
}
.mtorb-shadowImg {
    width: 6rem;
    height: 4rem;
    margin-top: 2rem;
    margin-left: 0.5rem;
    float: left;
}

.mtorb-shadowWord {
    width: 6rem;
    height: 4rem;
    margin-top: 2rem;
    margin-left: 0.5rem;
    float: left;
}

.mtorb-shadowWordcontent {
    width: 100%;
}

.mtorb-shadowplace {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
}

.mtorb-shadowtime {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.mtorb-shadowcontentbox {
    width: 100%;
    height: 1rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
}

.mtorb-shadowdecripttitle {
    font-size: 0.16rem;
    float: left;
}
.mtorb-selectStatus {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    color: #fff;
}

.mtorb-selectStatusbox {
    font-size: 0.18rem;
    float: left;
}

.mtorb-selectpotion {
    padding-left: 0.1rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-left: 0.4rem;
}

.mtorb-evidencePeoplebox {
    margin-right: 12.5%;
    font-size: 0.18rem;
    float: right;
}

.mtorb-evidencePeopletitle {
    font-size: 0.16rem;
    margin-right: 0.4rem;
}

.mtorb-evidencePeople {
    font-size: 0.16rem;
}

.mtorb-pngInput {
    visibility: hidden;
}

.mtorb-shadowdecript {
    width: 4.5rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    border: 1px solid #555;
    background-color: #09142c;
    outline: none;
    color: #fff;
    font-size: 0.16rem;
    text-align: justify;
    overflow: scroll;
    -ms-overflow-style: none;
}

.mtorb-shadowdecript::-webkit-scrollbar {
    display: none;
}

.mtorb-shadowinput {
    width: 4.5rem;
    box-sizing: border-box;
    border: 1px solid #555;
    background-color: #09142c;
    border-radius: 0.1rem;
    color: #fff;
    outline: none;
    padding-left: 0.05rem;
}

.mtorb-shadowsubmit {
    border: none;
    outline: none;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    bottom: 0.8rem;
    background: url("../images/btnimg3.png") no-repeat;
    background-size: 100% 100%;
    background-color: #474f61;
    text-align: center;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
    font-size: 0.18rem;
}





/*video*/
.video-content {
    height: 9rem;
    margin: 0 auto;
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
    background: url("../images/videoimg1.png") no-repeat center;
    background-size: 100% 100%;
}

.video-contenttitle {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;

    padding-left: 0.27rem;
}

.video-box {
    height: 8.1rem;
    margin-top: 0.04rem;
}

.video-left {
    height: 8.45rem;
    padding-left: 0.38rem;
    padding-top: 0.22rem;
    padding-bottom: 0.38rem;
}

.video-right {
    height: 8.45rem;
}

.video-rightvideo {
    width: 100%;
    height: 8.45rem;
    object-fit: fill;
}

.video-videocontent {
    width: 90%;
    margin-left: -0.2rem;
}

.video-videoposition {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    font-size: 0.18rem;
    padding-left: 0.42rem;
}

.video-videopositionOutbox {
    width: 100%;
    height: 1.7rem;
    background-color: #0d1a36;
    color: #fff;
}

.video-videopositionul {
    width: 90%;
    list-style: disc inside none;
}

.video-videopositionulHidden {
    display: none;
}

.video-videopositionulShow {
    display: block;
}

.video-videopositionul li {
    width: 100%;
    padding-left: 0.42rem;
    font-size: 0.16rem;
    height: 0.34rem;
    line-height: 0.34rem;
}

/*accident*/
.acc-content {
    height: 9rem;
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
}

.acc-left {
    width: 100%;
    height: 9rem;
    padding-left: 5%;
    box-sizing: border-box;
}

.echartsbox {
    width: 100%;
    height: 33.3%;
}

.acc-center {
    height: 9rem;
}

.video-mapbox {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    position: relative;
}

.video-st0 {
    fill: #206ea6;
}

.acc-position1 {
    position: absolute;
    left: 2rem;
    top: 3rem;
    z-index: 100;
}

.acc-sign1 {
    position: absolute;
    left: 7rem;
    top: 7rem;
    z-index: 100;
}

.acc-sign1word {
    font-size: 0.16rem;
    color: #fff;
    position: absolute;
    left: 7.3rem;
    top: 6.92rem;
    z-index: 100;
}

.acc-sign2 {
    position: absolute;
    left: 7rem;
    top: 7.5rem;
    z-index: 100;
}

.acc-sign2word {
    font-size: 0.16rem;
    color: #fff;
    position: absolute;
    left: 7.3rem;
    top: 7.42rem;
    z-index: 100;
}

.acc-right {
    height: 9rem;
}

.acc-instruction {
    width: 85%;
    height: 9rem;
    background: url("../images/accimg1.png") no-repeat center;
    background-size: 100% 100%;
}

.acc-instructiontitle {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
    letter-spacing: 0.02rem;
    color: #36e5ff;
    font-weight: 600;
    text-indent: 0.02rem;
    text-align: right;
    padding-right: 0.1rem;
}

.acc-instructioncontent {
    width: 100%;
    height: 8.45rem;
    margin-top: 0.05rem;
}

.acc-tabletitle {
    text-align: center;
}

.acc-tabletitle th {
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.16rem;
}

.acc-tableoutbox {
    width: 111%;
    height: 7.85rem;
}

.acc-tablebox {
    width: 90.2%;
}

.acc-table {
    table-layout: fixed;
    text-align: center;
}

.acc-table td {
    width: 23%;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:  0 auto;
}

.acc-shadowbg {
    width: 14rem;
    height: 8rem;
    background-color: #000b1c;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 200;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}

.acc-shadow {
    width: 14rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 201;
    margin-left: -7rem;
    margin-top: -4rem;
    display: none;
}

.acc-shadowCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../images/guanbi.png") no-repeat center;
    background-size: 100% 100%;
}

.acc-shadowImg {
    width: 6rem;
    height: 4rem;
    margin-top: 1rem;
    margin-left: 0.5rem;
    float: left;
    text-align: center;
}
.acc-shadowImgmore{
    width: 6rem;
    height: 1rem;
    position: absolute;
    left: 0.5rem;
    top: 5.1rem;
}
.acc-shadowImgmore-pics{
    height: 1rem;
    float: left;
    position: relative;
}

.acc-shadowImgInput {
    position: absolute;
    left: 3rem;
    top: 6.2rem;
    width: 2.5rem;
    height: 0.25rem;
    line-height: 0.25rem;
    font-size: 0.18rem;
    border: none;
    outline: none;
    color: #FFFFFF;
}

.acc-shadowWord {
    width: 6rem;
    height: 4rem;
    margin-top: 2rem;
    margin-left: 0.5rem;
    float: left;
}

.acc-shadowWordcontent {
    width: 100%;
}

.acc-shadowplace {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
}

.acc-shadowtime {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.acc-shadowcontentbox {
    width: 100%;
    height: 1rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #fff;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
}

.acc-shadowdecripttitle {
    font-size: 0.16rem;
    float: left;
}

.acc-selectStatus {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    color: #fff;
}

.acc-selectStatusbox {
    font-size: 0.16rem;
    float: left;
}

.acc-selectr {
    padding-left: 0.1rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-left: 0.2rem;
}

.acc-evidencePeoplebox {
    margin-right: 12.5%;
    font-size: 0.16rem;
    float: right;
}

.acc-evidencePeople {
    font-size: 0.16rem;
}

.acc-pngInput {
    visibility: hidden;
}

.acc-idInput {
    visibility: hidden;
}

.acc-shadowdecript {
    border-radius: 0.1rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    border: 1px solid #555;
    display: block;
    background-color: #000b1c;
    outline: none;
    color: #fff;
    font-size: 0.16rem;
    width: 4.5rem;
    height: 1rem;
    float: left;
    text-align: justify;
    overflow: scroll;
    -ms-overflow-style: none;
}

.acc-shadowdecript::-webkit-scrollbar {
    display: none;
}

.acc-shadowinput {
    width: 4.5rem;
    box-sizing: border-box;
    border: 1px solid #555;
    background-color: #000b1c;
    border-radius: 0.1rem;
    color: #fff;
    outline: none;
    padding-left: 0.1rem;
}

.acc-shadowsubmit {
    border: none;
    outline: none;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    bottom: 0.8rem;
    background: url("../images/btnimg3.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
    font-size: 0.18rem;
}