.loginBg{width:850px;margin:0px auto;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding:20px 0;}
.loginBg .formBox{width:80%;margin:0px auto;}
.loginBg .formBox .tabBox ul{display:flex;border-bottom:1px #eee solid;}
.loginBg .formBox .tabBox ul li{width:50%;height:60px;line-height:60px;font-size:20px;text-align:center;position:relative;}
.loginBg .formBox .tabBox ul li.on::after{content:'';position:absolute;left:0px;bottom:0px;width:100%;height:2px;background:#4b9a7b;}

.loginBg .formBox .loginBox{padding:80px 0;width:90%;margin:0px auto;}
.loginBg .formBox .loginBox ::placeholder{color:#ccc;}
.loginBg .formBox .inputBox{margin-bottom:30px;}
.loginBg .formBox .layui-form-label{width:100px;height:48px;line-height:48px;padding-top:0;padding-bottom:0;}
.loginBg .formBox .layui-form-label span{color:red;}
.loginBg .formBox .layui-input-block{margin-left:130px;}
.loginBg .layui-input, .loginBg .layui-select, .loginBg.layui-textarea{height:48px;line-height:48px;}

.loginBg .formBox .checkbox{display:flex;align-items:center;justify-content:space-between;}
.loginBg .formBox .checkbox a{color:#999;}
.loginBg .formBox .checkbox a:hover{color:#0FA784;text-decoration:underline;}
.loginBg .formBox .checkbox .layui-form-checkbox {margin-top:0;}
.loginBg .formBox .checkbox .layui-form-checkbox span{font-size:16px!important;}

.loginBg .formBox .row3{display:flex;align-items:center;}
.loginBg .formBox .input-date{position:relative;}
.loginBg .formBox .input-date span{position:absolute;right:20px;top:50%;margin-top:-10px;font-size:20px;color:#ccc;}

.loginBg .tipBox{color:#666;line-height:28px;margin-top:16px;padding:20px 0;border-top:1px #eee solid;}

.layui-laydate *{font-size:14px!important;}

.mianBox{display:flex;align-items:flex-start;justify-content:space-between;}
.mianBox .flBox{width:240px;}
.mianBox .flBox .navBox{background:#fff;padding:30px 0;box-shadow:0px 5px 5px rgba(0,0,0,0.05);}
.mianBox .flBox .navBox h3{text-align:center;font-size:20px;margin-bottom:20px;}
.mianBox .flBox .navBox dl{}
.mianBox .flBox .navBox dl dt{height:40px;line-height:40px;display:flex;align-items:center;padding:0 30px;position:relative;}
.mianBox .flBox .navBox dl dt.active{background:#f4faf8;}
.mianBox .flBox .navBox dl dt.active a{font-weight:bold;color:#0FA784;}
.mianBox .flBox .navBox dl dt a{display:flex;align-items:center;}
.mianBox .flBox .navBox dl dt a:hover{font-weight:bold;}
.mianBox .flBox .navBox dl dt span{width:30px;color:#4b9a7b;}
.mianBox .flBox .navBox dl dd{padding:0 30px 0 60px;height:36px;line-height:36px;}
.mianBox .flBox .navBox dl dd a{color:#666;}
.mianBox .flBox .navBox dl dd a:hover{color:#0FA784;font-weight:bold;}
.mianBox .flBox .navBox dl dd.active a{color:#0FA784;font-weight:bold;}

.mianBox .flBox .navBox dl dt .layui-icon{margin-left:auto;font-size:12px;display:flex;justify-content:flex-end;}


.mianBox .frBox{width:1110px;}
.mianBox .frBox .contBox{background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.05);padding:10px 0 80px 0;}
.mianBox .frBox .contBox .titBox{border-bottom:1px #eee solid;width:92%;margin:0px auto;font-size:18px;height:60px;line-height:60px;display:flex;align-items:center;}
.mianBox .frBox .contBox .titBox span{color:#4b9a7b;font-size:24px;margin-right:5px;}

.mianBox .frBox .contBox .userInfo{display:flex;align-items:center;justify-content:space-between;width:92%;margin:0px auto;padding:30px 0;border-bottom:1px #eee solid;}
.mianBox .frBox .contBox .userInfo .userpic{width:140px;height:140px;border-radius:100%;overflow:hidden;}
.mianBox .frBox .contBox .userInfo .userpic img{width:100%;height:100%;}
.mianBox .frBox .contBox .userInfo .infoBox{width:840px;}

.mianBox .frBox .contBox .userInfo .infotit{display:flex;align-items:center;justify-content:space-between;}
.mianBox .frBox .contBox .userInfo .infotit label{color:#4b9a7b;font-weight:bold;}
.mianBox .frBox .contBox .userInfo .infotit .btnBox span{font-size:14px;}
.mianBox .frBox .contBox .userInfo .infotit p{display:flex;align-items:center;}
.mianBox .frBox .contBox .userInfo .infotit button{margin-left:10px;}

.mianBox .frBox .contBox .userInfo .itemBox{display:flex;align-items:center;margin-top:10px;}
.mianBox .frBox .contBox .userInfo .itemBox ul{display:flex;align-items:center;flex-wrap:wrap;}
.mianBox .frBox .contBox .userInfo .itemBox ul li{width:33.3333%;height:42px;line-height:42px;color:#666;}

.mianBox .frBox .contBox .countBox{width:92%;margin:0px auto;display:flex;align-items:center;justify-content:space-between;padding:30px 0;}
.mianBox .frBox .contBox .countBox .item{width:240px;height:120px;border: 1px #fff solid;border-radius:2px;overflow:hidden;transition:all .3s ease;}
.mianBox .frBox .contBox .countBox .item a{width:100%;height:100%;display:flex;align-items:center;transition:all .3s ease;}
.mianBox .frBox .contBox .countBox .item:nth-child(1){background: url(../images/userBg01.png) no-repeat center center;}
.mianBox .frBox .contBox .countBox .item:nth-child(2){background: url(../images/userBg02.png) no-repeat center center;}
.mianBox .frBox .contBox .countBox .item:nth-child(3){background: url(../images/userBg03.png) no-repeat center center;}
.mianBox .frBox .contBox .countBox .item:nth-child(4) {
    background: url(../images/userBg02.png) no-repeat center center;
}

.mianBox .frBox .contBox .countBox .item p{width:60px;height:60px;border:1px #4b9a7b solid;color:#4b9a7b;border-radius:100%;margin-left:40px;display: flex;align-items:center;justify-content:center;background:#fff;}
.mianBox .frBox .contBox .countBox .item p span{font-size:32px;transition:all .3s ease;}
.mianBox .frBox .contBox .countBox .item dl{margin-left:30px;text-align: center;}
.mianBox .frBox .contBox .countBox .item dl dt{font-size:28px;color:#4b9a7b;font-weight:bold;}
.mianBox .frBox .contBox .countBox .item dl dt a{color: #4b9a7b;}
.mianBox .frBox .contBox .countBox .item dl dd{color:#666;}

.mianBox .frBox .contBox .countBox .item:hover{background-image: linear-gradient(to right, #0a74ae, #098f60);}
.mianBox .frBox .contBox .countBox .item:hover p span{background-image: -webkit-linear-gradient(65deg, #0a7e93 20%, #098f5f 60%);
    -webkit-background-clip: text;}
.mianBox .frBox .contBox .countBox .item:hover dt{color: #fff;}
.mianBox .frBox .contBox .countBox .item:hover dd{color: #fff;}

.mianBox .frBox .contBox .TbBox{width:92%;margin:0px auto;}
.mianBox .frBox .contBox .TbBox h3{font-size:18px;}
.mianBox .frBox .contBox .TbBox .tit{display:flex;align-items:center;justify-content: space-between;}
.mianBox .frBox .contBox .TbBox .tit p{font-size: 12px;}
.mianBox .frBox .contBox .TbBox .tit p a{color: #666;}
.mianBox .frBox .contBox .TbBox .tit p a:hover {color:#4b9a7b;}

.mianBox .frBox .contBox .TbBox .layui-table a{color:#4b9a7b;}
.mianBox .frBox .contBox .TbBox .layui-table a:hover{text-decoration:underline;}

.mianBox .stepBox{margin-top:60px;}
.mianBox .stepBox .itemBox{width:92%;margin:40px auto;}
.mianBox .stepBox .itemBox .items{margin-bottom:30px;}
.mianBox .stepBox .itemBox .tit{height:48px;line-height:48px;font-size:18px;display:flex;align-items:center;}
.mianBox .stepBox .itemBox .tit::before{content:'';width:5px;height:18px;background:#009688;margin-right:10px;}
.mianBox .stepBox .itemBox .noData{color: #999;}
.mianBox .stepBox .itemBox ul{margin-top:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.mianBox .stepBox .itemBox ul li{width:18.5%;margin-bottom:12px;cursor: pointer;}
.mianBox .stepBox .itemBox ul li p{border:1px #e4e4e4 solid;height:36px;line-height:36px;border-radius:4px;position:relative;overflow:hidden;word-wrap:normal;text-overflow:ellipsis;
white-space: nowrap;}
.mianBox .stepBox .itemBox ul li p span{font-size:14px;margin:0px 15px 0px 5px;}
.mianBox .stepBox .itemBox ul li p::after{content:'';width:1px;height:100%;position:absolute;left:22px;top:0px;background:#e4e4e4;}

.mianBox .stepBox .itemBox ul li p:hover{background:#4b9a7b;color:#fff;cursor:pointer;}
.mianBox .stepBox .itemBox ul li p:hover::after{background:#fff;}

.mianBox .stepBox .itemBox ul li.on p{background:#4b9a7b;color:#fff;cursor:pointer;}
.mianBox .stepBox .itemBox ul li.on p::after{background:#fff;}

.mianBox .stepBox .itemBox ul li dl{border:1px #e4e4e4 solid;border-radius:4px;display:flex;align-items:center;padding:0 5px;}
.mianBox .stepBox .itemBox ul li dl dt{}
.mianBox .stepBox .itemBox ul li dl dd{margin-left:5px;color:#4b9a7b;padding:8px 5px 8px 8px;border-left:1px #e4e4e4 solid;}
.mianBox .stepBox .itemBox ul li dl dd span{display:block;margin-bottom:2px;color:#333;}
.mianBox .stepBox .itemBox ul li.on dl{background:#4b9a7b;cursor:pointer;}
.mianBox .stepBox .itemBox ul li.on dl dt span{color:#fff;}
.mianBox .stepBox .itemBox ul li.on dl dd{color:#fff;}
.mianBox .stepBox .itemBox ul li.on dl dd span{color:#fff;}


.mianBox .stepBox .itemBox .layui-input-inline{margin-top:20px;position:relative;}
.mianBox .stepBox .itemBox .dateBox{width:400px;text-indent:30px;}
.mianBox .stepBox .itemBox .layui-input-inline span{position:absolute;left:10px;top:9px;font-size:22px;}
.mianBox .stepBox .itemBox .btnBox{display:flex;align-items:center;justify-content:center;}
.mianBox .stepBox .itemBox .resultBox{margin:40px 0;}
.mianBox .stepBox .itemBox .resultBox p{text-align:center;}
.mianBox .stepBox .itemBox .resultBox p span{font-size:120px;color:#4b9a7b;}

.mianBox .stepBox .itemBox .resultBox dl{text-align:center;margin-top:30px;}
.mianBox .stepBox .itemBox .resultBox dl dt{font-size:18px;}
.mianBox .stepBox .itemBox .resultBox dd{margin-top:10px;}
.mianBox .stepBox .itemBox .resultBox dd span{color:#4b9a7b;}

.mianBox .stepBox .itemBox .tipBox{width:800px;margin:0px auto; margin-top:80px;}
.mianBox .stepBox .itemBox .tipBox dt{font-weight:bold;margin-bottom:10px;color: #4b9a7b;}
.mianBox .stepBox .itemBox .tipBox dd{color: #666;line-height:28px;}
.mianBox .stepBox .itemBox .tipBox dd span{color: #4b9a7b;text-decoration:underline;}

.mianBox .listBox{width:92%;margin:40px auto;}
.mianBox .statBox{text-align:right;color:#666;font-size:14px;height:40px;line-height:40px;}
.mianBox .listBox .TbBox{width:100%!important;}
.mianBox .listBox .TbBox span{color:#4b9a7b;}
.mianBox .listBox .TbBox .layui-table-cell{color: #666;font-size:14px;height:auto!important;}
.mianBox .listBox .TbBox .layui-table thead tr span{color: #333;}
.mianBox .listBox .TbBox .layui-laypage span{color: #666;}
.mianBox .listBox .TbBox .layui-none{font-size: 14px;}

.mianBox .frBox .detailBox{width:75%;margin:40px auto;}
.mianBox .frBox .detailBox ul{padding:15px 0;border-bottom:#f0f0f0 1px solid;display:flex;align-items:flex-start;}
.mianBox .frBox .detailBox ul li:nth-child(1){width:200px;text-align:right;}
.mianBox .frBox .detailBox ul li:nth-child(2){flex:1;margin-left:30px;}
.mianBox .frBox .detailBox ul li span{color:#4b9a7b;}
.mianBox .frBox .detailBox ul li .info .pics{width:360px;height:auto;}
.mianBox .frBox .detailBtn{width:75%;margin:10px auto;text-align:center;}
.mianBox .frBox .testDetail{width:85%;}
.mianBox .frBox .testDetail ul li:nth-child(1){width:100px;text-align:right;}

.surveyBox {width:1100px;margin:0px auto;background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.05);padding:60px 0;padding-bottom:100px;position:relative;}

.surveyBox .btnBox{position:absolute;left:0px;bottom:30px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;}
.surveyBox .titBox{width:90%;margin:0px auto;border-bottom:1px #ededed solid;font-size:24px;padding-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center;color:#4b9a7b;}
.surveyBox .titBox::after{content:'';width:220px;height:3px;position:absolute;left:50%;margin-left:-110px;bottom:0px;background:#4b9a7b;}
.surveyBox .titBox span{font-size:28px;margin-right:10px;}
.surveyBox .titBox span{font-size:28px;margin-right:10px;}
.surveyBox .tipBox{width:90%;margin:0px auto;padding:20px 0;}
.surveyBox .tipBox dt{height:40px;line-height:42px;font-size:18px;color: #4b9a7b;}
.surveyBox .tipBox dd{line-height:28px;color:#666;}

.surveyBox .surveyTab{width:90%;margin:0px auto;border:1px #ddd solid;}
.surveyBox .surveyTab ul{display:flex;align-items:center;justify-content:space-between;}
.surveyBox .surveyTab ul li{width:50%;height:50px;line-height:50px;text-align: center;cursor:pointer;position:relative;}
.surveyBox .surveyTab ul li.on{background:#4b9a7b;color: #fff;}
.surveyBox .surveyTab ul li.on::after {content: "";position:absolute;left:50%;margin-left:-5px;bottom:-18px;width:0px;height:0px;border:10px solid transparent;border-top: 10px solid #4b9a7b;}

.surveyBox .typeBox{width:70%;margin:80px auto;}
.surveyBox .typeBox ul{display:flex;align-items:center;justify-content:center;}
.surveyBox .typeBox li{margin:0px 50px; border:1px #dcdcdc solid;border-radius:4px;width:300px;height:240px;display:flex;align-items:center;justify-content:center;}
.surveyBox .typeBox dt{text-align:center;}
.surveyBox .typeBox dt span{font-size:100px;background-image:-webkit-linear-gradient(65deg, #0a7e93 20%, #098f5f 60%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.surveyBox .typeBox dd{text-align:center;margin-top:20px;}

.surveyBox .surveyItem{width:90%;margin:30px auto;height:1200px;overflow-y:auto;}
.surveyBox .surveyItem dl{padding:20px 0;border-bottom:1px #ededed solid;}
.surveyBox .surveyItem dl dt{margin-bottom:20px;}
.surveyBox .surveyItem dl dd{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.surveyBox .surveyItem dl dd p{width:30%;}
.surveyBox .layui-input-block{margin-left:0;}


.mianBox .frBox .formBox{padding:80px 0;width:50%;margin:0px auto;}
.mianBox .frBox .formBox ::placeholder{color:#ccc;}
.mianBox .frBox .formBox .inputBox{margin-bottom:30px;}
.mianBox .frBox .formBox .layui-form-label{height:48px;line-height:48px;padding-top:0;padding-bottom:0;}
.mianBox .frBox .layui-input, .loginBg .layui-select, .loginBg.layui-textarea{/*height:48px;line-height:48px;*/}

.mianBox .frBox .upPic{width:100px;height:100px;position:relative;border-radius:100%;overflow:hidden;cursor:pointer;}
.mianBox .frBox .upPic img{width:100%;height:100%;}

.mianBox .frBox .upPic .editBox{position:absolute;background:rgba(0,0,0,0.3);width:100%;height:100%;left:0px;top:0px;align-items:center;justify-content:center;color:#fff;display:none;}
.mianBox .frBox  .upPic:hover .editBox{display:flex;} 

.mianBox .frBox .formBox .label{width:100px;}
.mianBox .frBox .formBox .inputs{width:90%;}
.mianBox .frBox .formBox .checkbox{display:flex;align-items:center;justify-content:space-between;}
.mianBox .frBox .formBox .checkbox a{color:#999;}
.mianBox .frBox .formBox .checkbox a:hover{color:#0FA784;text-decoration:underline;}
.mianBox .frBox .formBox .checkbox .layui-form-checked {margin-top:0;}
.mianBox .frBox .formBox .checkbox .layui-form-checked span{font-size:16px!important;}

.mianBox .frBox .formBox .input-date{position:relative;}
.mianBox .frBox .formBox .input-date span{position:absolute;right:20px;top:50%;margin-top:-10px;font-size:20px;color:#ccc;}


.mianBox .frBox .qrcodeBox{text-align:center;}
.mianBox .frBox .qrcodeBox dt {text-align: center;display:inline-block;position:relative;}
.mianBox .frBox .qrcodeBox dt p{position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(255,255,255,0.5);display:none;}
.mianBox .frBox .qrcodeBox dt p::after{content:'';position:absolute;left:50%;top:50%;width:48px;height:48px;z-index:5;margin-top:-24px;margin-left:-24px;background:#fff;border-radius:100%;}
.mianBox .frBox .qrcodeBox dt p span{font-size:68px;color:#24b324;position:relative;z-index:99;}
.mianBox .frBox .qrcodeBox dd {text-align: center;margin-top:20px;}

.mianBox .frBox .errBox {}
.mianBox .frBox .errBox dt{text-align: center;}
.mianBox .frBox .errBox dt span{color: #f00;font-size: 100px;}
.mianBox .frBox .errBox dd{text-align: center;margin-top:20px;}

.surveyItem::-webkit-scrollbar {
/*滚动条整体样式*/
width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.surveyItem::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background-color: #ccc;
}
.surveyItem::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #ededed;
border-radius: 10px;
}


.feedbackBox {width:1000px;margin:0px auto;background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.05);padding:60px 0;padding-bottom:80px;}
.feedbackBox .btnBox{width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin-top:40px;}
.feedbackBox .titBox{width:90%;margin:0px auto;border-bottom:1px #ededed solid;display:flex;align-items:center;justify-content:center;color:#4b9a7b;}
.feedbackBox .titBox p{position:relative;font-size:24px;display:inline-block;padding:0px 30px;padding-bottom: 20px;}
.feedbackBox .titBox p::after{content:'';width:100%;height:3px;position:absolute;left:0;bottom:0px;background:#4b9a7b;}
.feedbackBox .titBox span{font-size:28px;margin-right:10px;}.surveyBox .surveyItem{width:90%;margin:30px auto;height:1200px;overflow-y:auto;}

.feedbackBox .layui-form{width:90%;margin:30px auto 40px auto;display: flex;align-items: center;flex-wrap: wrap;}
.feedbackBox .layui-form .layui-form-item{width:50%;}
.feedbackBox .layui-form-label{width:150px;}
.feedbackBox .layui-form-label span{color: #f00;}
.feedbackBox .layui-input-block{margin-left: 180px;}
.feedbackBox .input-date{position:relative;}
.feedbackBox .input-date span{position:absolute;right:20px;top:50%;margin-top:-10px;font-size:20px;color:#ccc;}
.feedbackBox .layui-laydate *{font-size:14px!important;}
.feedbackBox .layui-input::placeholder{color: #ccc;}
.feedbackBox .layui-textarea::placeholder{color: #ccc;}