html,body {margin:0px;padding:0px;font-family:"Microsoft YaHei";background-color: #f8f8f8;}
body {font-size:14px;color:#000;margin:0;padding:0;}
ul,li {list-style:none;margin:0px;padding:0px;}
p {margin:0px;padding:0px;}
dl,dd,dt {list-style:none;margin:0px;padding:0px;}
a {text-decoration:none;}
input {outline:none;text-indent:10px;}
*:focus {outline:none;}


nav {width:100%;height:72px;background:rgba(255,255,255,1);box-shadow:0px 3px 8px 0px rgba(189,189,189,0.46);}
.navCenter {width:80%;height:72px;margin:0px 5%;position: relative;}
.loginIco {cursor: pointer; display:block;width:142px;height:34px;background-image:url(../img/loginIco.png);background-size:100% 100%;float:left;margin-top: 19px;margin-right: 11px;}
.loginMes {width:130px;display:block;height:72px;line-height: 72px; font-size:18px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(255,60,96,1);float:left;}
.goscoreLib {width:92px;height:40px;line-height:40px;background:rgba(255,60,96,1);box-shadow:0px 6px 16px 0px rgba(255,96,60,0.35);border-radius:8px;float:right;color:#fff;font-weight:bold;text-align:center;font-size:16px;cursor:pointer;margin-top: 17px;}
.goscoreLib i {font-size:20px;margin-right:5px;}
.headIco {margin-top: 16px;width: 75px;height:40px;float:right;margin-right: 20px;cursor: pointer;}
.headIco img {width:40px;height:40px;border-radius:20px;float:left;}
.upIco {display:inline-block;vertical-align:top;border-bottom:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent;content:"";margin-top:5px}
.downIco {display:inline-block;vertical-align:top;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent;content:"";margin-top: 20px;margin-left: 5px;}
.infoMes {width: 58px;height:auto;float:right;font-size:16px;margin-top: 28px;margin-right:40px;cursor: pointer;position: relative;}
.infoMes label{border-radius: 8px;position: absolute;width: 24px;height: 16px;background-color:#FF3C60;font-size: 12px;color:#fff;text-align: center;line-height: 16px;right: -15px;top: -7px;}
.infoMes span {float:right;font-size:16px;font-weight:bold;color:rgba(51,51,51,1);}
.infoMes i{font-size:20px;}
.lineIco{content: "";display: block;width: 2px;height:28px;background:rgba(238,238,238,1);float: left;margin:22px 11px 0px 0px;}
.content{width: 90%;height: auto;overflow: hidden;min-height: 100px;margin: 25px auto;margin-bottom: 10px;}
.cLeftNav{width:20%;max-width:200px;min-height: 100px;height:auto;overflow: hidden;float: left;background-color: #fff;border-radius: 10px;padding-bottom: 34px;}
.myInfo{width:100%;height: auto;min-height: 10px;overflow: hidden;padding-top:13px;border-bottom: 1px solid #eee;padding-bottom: 30px;}
.myInfo img{display: block;width:58px;height: 58px;border-radius: 29px;margin: 0px auto; }
.miName{width: 100%;height: auto;overflow: hidden;font-size: 16px;color: #333;text-align: center;margin-top: 9px;}
.miId{width:100px;height: auto;overflow: hidden;margin:8px auto}
.miId label{font-size: 12px;color: #999;padding: 0px 6px; }
.miApprove{width:100%;height: auto;overflow: hidden;}
.miApprove a{display:block;width:68px;height: 26px;border-radius: 12px;background-color:#FFC9D3;margin: 0px auto;font-size: 12px;font-weight: bold;color:#FF3C60;text-align: center;line-height:26px;   }
.miApprove a:after{content: "";display: block;width:8px;height: 12px;background-image: url(../img/rightIco.png);background-size: 100% 100%;float: right;margin: 8px 10px 0px -7px;}
.miNum{width:100%;height:auto;overflow: hidden;margin-top: 26px;}
.miNum span{display: block;width: 98px;height: auto;float: left;overflow: hidden;}
.miNum span strong{display:block;width: 100%;height: auto;overflow: hidden;font-size: 18px;color: #333;text-align: center;}
.miNum span label{display:block;width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666;text-align: center;margin-top:8px;}
.miNum i{display:block;width:2px;height: 40px;background-color: #eee;float: left;margin-top: 5px; }
.clnList{width: 100%;height: auto;overflow: hidden;padding-top: 20px;}
.clnList li{width: 100%;min-height: 54px;text-align: left;height: auto;overflow: hidden;}
.clnList li a{display: block;height: 100%;line-height: 54px;padding:0px 0px 0px 46px;position: relative;cursor: pointer;}
.clnList li a span{font-size: 18px;color:#333333;font-weight: bold;}
.clnList li a i{font-size:20px;color:#333333;margin-right: 2px;}
.nowBg{color:  #FF3C60;}
.nowBg i{color:  #FF3C60 !important;}
.nowBg span{color: #FF3C60 !important;}
.clnLevel{width: 100%;height: auto;overflow: hidden;}
.clnLevel li{width: 100%;height: 50px;line-height: 50px;text-align: center;}
.clnLevel li a{display: block;padding: 0px 0px 0px 71px; height: 50px;line-height: 50px;text-align: left;font-size: 16px;color: #666;cursor: pointer;} 
.nowBg:after{content: ""; display:block;width:3px;height: 54px;background-color: #FF3C60;position: absolute;right: 0px;top: 0px; }
.exitMes{cursor: pointer; text-align: center;line-height: 42px;font-size: 14px;color: #333;z-index: 1;right: 50px;position: absolute;top: 72px;height: 42px;width: 114px;background:rgba(255,255,255,1);box-shadow:0px 6px 16px 0px rgba(189, 189, 189, 0.35);border-radius:0px 0px 6px 4px;}
.exitMes i{margin-right: -10px;color: #FF3C60;font-size: 18px;float: left;margin-left: 20px;}
.infoCenter{width:320px;height: 150px;position: absolute;right: 150px;top: 72px;background-color: #fff;z-index: 1;box-shadow:0px 6px 16px 0px rgba(189, 189, 189, 0.35);border-radius:0px 0px 6px 6px;}
.infoCenter span:nth-child(1){display: block;padding:0px 23px;height: 40px;line-height: 40px;color: #333;font-size: 16px;border-bottom: 1px solid #eee;}
.infoCenter span:nth-child(2){display: block;padding:0px 23px;height:109px;line-height:109px;color: #666;font-size: 14px;text-align: center;}


.zpfx {
    width: 20px;
    height: 20px;
    margin-bottom: 7px;
}
.slibMes{min-height:90vh;overflow:hidden}
.section-header{display:flex;width:100%;justify-content:space-between;height:60px;line-height:60px;border-bottom:1px solid #eee;padding:0 20px;box-sizing:border-box}
.sectionContent{background-color:#fff;border-radius:10px;width:100%;font-size:16px;font-family:SourceHanSansCN-Regular;color:#333}
.section-body{padding:20px;box-sizing:border-box;font-size:14px}
.filter-item{padding:0 10px;height:25px;line-height:25px;margin-right:10px;display:inline-block;cursor:pointer;border-radius:4px}
.filter-item-active{color:#409eff;border:1px solid #409eff}
.null-list-view{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 100px 0;
}
.null-list-view img{
  width: 336px;
}
.null-list-desc{
  margin-top: -30px;
  color: #808080;
}
.section-header {
    position: relative;
}
.account-item-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.section {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    box-sizing: border-box;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}






.crCenter{
	width: 75%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 16px;
}
.crCenter {width:75%;border:none;}
.brNone{border-right: none !important;}
.clFF4C85{color: #FF4C85 !important}
.cl1D89FF{color: #1D89FF !important}
.clFF3C60{color: #FF3C60 !important}
.disHide{display:none !important;}
.clFF7F00{color: #FF7F00 !important}
.cl00B7B3{color: #00B7B3 !important}
.clFF0000{color: #FF0000 !important}
.clFFF3F5{background-color:#FFF3F5 !important;}
.clFFF3F5 a{color: #FF4C85 !important}
.padtb30{padding: 30px 0px;}
.maskMes{position:fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.4);z-index: 5;}
.maskMess{position:fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.4);z-index: 5;}
.worksTypeList {
    display: flex;
    justify-content: space-between;
}
.works-item {
    /* width: 32%; */
    height: 189px;
    border-radius: 10px;
    background-color: white;
}

.section-header-line {
    width: 3px;
    height: 24px;
    background-color: #FF3C60;
    position: absolute;
    left: 0;
    top: 18px;
}

.works-item-body {
    display: flex;
    align-items: center;
}
.section-body {
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
}
.works-item-num {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}

.zpfx {
    width: 20px;
    height: 20px;
    margin-bottom: 7px;
  }
  .cLeftNav .clnList img {
    vertical-align: middle;
  }