@charset "UTF-8";
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,input,textarea,body{padding:0px;margin:0px;border:none;}{ padding: 0px; margin: 0px;border: none;}
a{cursor:pointer;text-decoration:none;color:#333;}
ul,li{list-style: none;}
body{font-family: "Microsoft YaHei";overflow-x: hidden;}
blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}
html {-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
html::-webkit-scrollbar{width:0px}


/*系统消息页面-周琳恒*/
/*.system{width:60vw;margin:5vw 0;min-height: 40vw;margin-left:20vw;background: white;background-size: 100%;background-size: cover;overflow: hidden;box-sizing:border-box;padding: 0 1.5625vw;}*/
.system{
    width: 89vw;
    margin: 5vw 0;
    min-height: 80vh;
    margin-left: 6vw;
    background: white;
    background-size: 100%;
    background-size: cover;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 1.5625vw;
}
.system .index{    margin-top: 5.2vw;
    text-align: center;}
.system .index img{width:100%;height: auto;}
.system .index1{width:100%;margin-top: 2.34375vw;overflow: hidden;text-align: center;}
.system .index1 .top{width:100%;float: left;}
.system .index1 .top h4{line-height: 2vw;font-size: 1.15vw;text-align: center;font-weight: bold;color: white;position: relative;}
.system .index1 .top h4 i{width:35%;height: 0.1vw;background: #434a54;display: block;position: absolute; left:0;top:0.95vw;}
.system .index1 .top h4 i:nth-child(1){left:65%;}
.system .index1 .top p{line-height: 2.5vw;font-size: 1.35416vw;margin-top: 1vw;text-align: center;color: white;}
.system .index1 .text{width:100%;float: left;}
.system .index1 .text .li{width:100%;margin-top: 2vw;float: left;}
.system .index1 .text .li h4{color: #ff7e00;line-height: 2vw;font-size: 1.15vw;font-weight: bold;}
.system .index1 .text .li p{font-size: 0.9375vw;line-height: 1.6vw;color: white;}
.system .index1 .text .ul{width:100%;float: left;margin-top: 1vw;}
.system .index1 .text .ul ul{width:101.5%;}
.system .index1 .text .ul li{width:23.5%;float: left;margin-right: 1.5%;overflow: hidden;border-radius: 0 0 0.5vw 0.5vw;}
.system .index1 .text .ul li.a1{background:#f39800;}
.system .index1 .text .ul li.a2{background:#8fc31f;}
.system .index1 .text .ul li.a3{background:#005982;}
.system .index1 .text .ul li.a4{background:#005752;}
.system .index1 .text .ul li p{line-height: 2vw;font-size: 1vw;text-align: center;font-weight: bold;color: white;box-shadow: 0vw 0.25vw 0.25vw #33333375;color: white;}
.system .index1 .text .ul li.a1 p{background: #eb6100;}
.system .index1 .text .ul li.a2 p{background: #22ac38;}
.system .index1 .text .ul li.a3 p{background: #005982;}
.system .index1 .text .ul li.a4 p{background: #00736d;}
.system .index1 .text .ul li h4{line-height: 3vw;text-align: center;font-size: 0.8vw;color: #210505;font-weight: bold;}
.system .index1 .text .ul li h4 b{font-size: 1.5vw;}
.system .index2{margin-top: 7vw;float: left;width:8.85416vw;margin-left: calc(50% - 4.42708vw);margin-bottom: 2.3vw;}
.system .index2 img{width:100%;height: auto;}

.system .index1 .html{width:100%;float: left;margin-bottom: 8vw;}
.system .index1 .html p{line-height: 1.5vw;font-size: 0.9375vw;color: white;margin-top: 0.5vw;}
.system .index1 .html p b{color: #fe7e00;font-weight: bold;}
.system .index1 .html ul{width:102.5%;margin-top: 2vw;}
.system .index1 .html li{width:47.5%;float: left;margin-right: 2.5%;background: #434a54;border-radius: 0.5vw;box-sizing:border-box;padding:1vw 1.5vw 1vw 0.5vw;overflow: hidden;margin-bottom: 1vw;}
.system .index1 .html li .img{width:4vw;height:4vw;border-radius: 50%;overflow: hidden;position:relative;float: left;}
.system .index1 .html li .img img{width:auto;height: 4vw;/* position: absolute; */left:-1vw;}
.system .index1 .html li .txt{width:calc(100% - 5vw);float: left;margin-left: 1vw;}
.system .index1 .html li .txt h4{line-height: 2vw;font-size: 0.9375vw;color: #77879e;font-weight: bold;width:100%;float: left;}
.system .index1 .html li .txt .i{float: left;}
.system .index1 .html li .txt .i span{width:0.9vw;height:0.9vw;background-size: 100%;float: left;margin-right: 0.3vw;position: relative;top:0.55vw;}
.system .index1 .html li .txt .i span.a1{background-image: url(../images/li-a1.png);}
.system .index1 .html li .txt .i span.a2{background-image: url(../images/li-a2.png);}
.system .index1 .html li .txt .i span.a3{background-image: url(../images/li-a3.png);}
.system .index1 .html li .txt .i span.a4{background-image: url(../images/li-a4.png);}

.system .index1 .html li .txt .i span.a1.on{background-image: url(../images/li-a1-on.png);}
.system .index1 .html li .txt .i span.a2.on{background-image: url(../images/li-a2-on.png);}
.system .index1 .html li .txt .i span.a3.on{background-image: url(../images/li-a3-on.png);}
.system .index1 .html li .txt .i span.a4.on{background-image: url(../images/li-a4-on.png);}
.system .index1 .html li .txt a{line-height: 2vw;float: right;font-size: 0.83vw;color: #77879e;}
.system .index1 .html .left{float: left;margin-top: 0.5vw;}
.system .index1 .html .left .li{line-height:2vw;float: left;background-size: 100%;margin-right: 0.75vw;font-size: 0.9375vw;color: #60646a;}
.system .index1 .html .left .li i{width:1.2vw;height:1.2vw;background-size: 100%;margin-right: 0.5vw;display: inline-block;position: relative;top:0.2vw;}
.system .index1 .html .left .li.a1 i{background-image: url(../images/li-a1-a.png);}
.system .index1 .html .left .li.a2 i{background-image: url(../images/li-a2-a.png);}
.system .index1 .html .left .li.a3 i{background-image: url(../images/li-a3-a.png);}
.system .index1 .html .left .li.a4 i{background-image: url(../images/li-a4-a.png);}
.system .index1 .html .right{float: right;margin-top: 0.5vw;}
.system .index1 .html .right span{line-height: 2vw;font-size: 0.9375vw;color: #60646a;float: right;margin-left: 0.5vw;}
.system .index1 .html .right span i{width:1vw;height: 1vw;border-radius: 50%;background: #eb6100;display: inline-block;margin-right: 0.5vw;position: relative;top:0.2vw;}
.system .index1 .html .right span:nth-child(1) i{background: #8fc31f;}