@charset "utf-8";
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
} 

.css3{
transition:all 0.7s ease 0s;
-webkit-transition:all 0.7s ease 0s;
-moz-transition:all 0.7s ease 0s;
-o-transition:all 0.7s ease 0s;
}
a{text-decoration:none; color: #979797;}
/*头部样式 start*/
.header {
	position: fixed;
	top: 0;
    overflow: hidden;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center; 
    font-size: 18px;
    color: #fff;
    background-color: #3DCD58;
    letter-spacing: 4px; 
    z-index: 9999; 
}

.arrow {
	position: absolute;
    top: 15px;
    left: 15px;    
    width: 10px;
    height: 10px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform:rotate(7deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(7deg);
}
             
.tips {
	text-align: center;
	color: #979797; 
	margin: 30% auto;
}

/*底部栏 start*/
.footer {
	position: fixed;
	left: 0;
	bottom: 0;        
	width: 100%;
	height: 50px;
	border-top: 1px solid #eee;
	display: flex; 
	background-color: #ffffff;
    justify-content: space-around;
}
.footer a{ line-height: initial; }
.footer .iconfont{
	font-size: 22px;
	color: #3f3f3f;
}

.menu {
	width: 50px;
	height: 50px;
	margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.menu img {
	display: block;
	width: 30px;
	height: 30px;
}
.menu .tit {
	font-size: 13px;
	color: #3f3f3f;
}


/*底部栏 end*/


/*首页 start*/
.index {
	width: 100%;
	height: 100%;
}

/*轮播图 start*/
.swiper-container {
	overflow: hidden;
    width: 100%;
    height:240px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

/*轮播图 end*/

.index .nav {
	overflow: hidden;
    width: 90%;
    margin: 30px auto;
    display: flex;
    justify-content: space-around;;
}

.index .column {
    width: 88px;
    height: 88px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.index .column .pic {
	width: 50px;
	height: 50px;
	border-radius:50%;
	background-color: #3DCD58;
	display: flex;
    align-items: center;
    justify-content: center;
}

.index .column:nth-child(4) .pic {
	background: #38acff;
}
.index .column:nth-child(1) .pic {
	background: #fdc85e;
}
.index .column:nth-child(2) .pic {
	background: #9fd678;
}
.index .column:nth-child(3) .pic {
	background: #25c0f9;
}


.body-alarm{ background: #ebebeb; height: auto; }
.m-alarm{ overflow: hidden; margin:5px; border-radius: 5px; }
.m-alarm .line{ margin-bottom: 0px; }
.m-alarm .line.title{ border-bottom: 1px solid #e4e4e4; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.m-alarm .line.title .icongaojingjianshi{ float: left; width: 30px; height: 30px; display: block; background: #3DCD58; border-radius:15px; overflow: hidden; color: #fff; line-height: 30px; text-align: center; }


.m-alarm .order{ color: #767676; text-align: right; padding-right:5px;font-size: 15px; }
.m-alarm .num{ color: #000000; text-align: left; padding-left:5px; font-size: 15px; }
.m-alarm .list-content {
	width: auto;
	margin: 10px auto;
    border-radius:5px;
    padding: 10px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.m-alarm .conner{ width:80px; height:20px; color: #fff;
 text-align: center; line-height: 20px; position: absolute; top: 0px;right: 0px; background: #fdc85e;
 border-radius:0 0 0 10px;font-size: 12px;
  }

.m-alarm .level1{background: #fdc85e!important;}
.m-alarm .level2{background: #ff8c8c!important;}
.m-alarm .level3{background: #ff0000!important;}


.index .column .iconfont {
	font-size: 30px;
	color: #ffffff;
}


.index .column .text {
	font-size: 14px;
    margin-top: 6px;
   color: #3f3f3f;
}

/*首页 end*/

.content {
	width: 100%;
	overflow: hidden;
}

/*个人中心 start*/
.mine {
	overflow: hidden;
	height: 100%;
	background: #f8f8f8;
}

.mine .bar {
	width: 100%;
	height:230px;
	background-color: #3DCD58;
}

.mine .userinfo {
	align-items: center;
	flex-direction: column;
	padding-top: 40px;
}

.mine .avatar {
    width: 90px;
    height: 90px;
    margin:30px auto 0;
    padding: 5px;
    border-radius: 50%;
    border:1px solid #ffffff;
}

.mine .avatar img {
	width: 100%;
	height: 100%;
}

.mine .name {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

.mine .message {
	font-size: 16px;
	color: #979797;
	margin-top: 10px;
}

.mine .contbox {

    width: 94%;
    overflow: hidden;
    display: flex;
    height: 100px;
    position: relative;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 5px;
}
.mine .cont {
 width: 25%;
}

.mine .cont .print {
    height: 50px;
       width: 50px;
    margin: 10px auto;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
}

.mine .cont .iconfont {
    font-size: 30px;
     text-align: center;
     line-height: 50px;
     margin-top: 10px;
     color: #ffffff;

}


.mine .cont:nth-child(1) .print {
	background: #38acff;
}
.mine .cont:nth-child(2) .print {
	background: #fdc85e;
}
.mine .cont:nth-child(3) .print {
	background: #9fd678;
}
.mine .cont:nth-child(4) .print {
	background: #25c0f9;
}

.print img {
	width: 100%;
	height: 100%;
}

.headline {
    font-size: 14px;
    color: #3f3f3f;
    text-align: center;
}

.way {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 60px;
}

/*个人中心 end*/

/*评价列表 start*/
.evaluation {
    width: 100%;
    overflow: hidden;
	background-color: #efefef;
}

.evaluation .meter {
	width: 80%;
    padding: 3%;
    margin: 10px auto;
}

.evaluation .indent {
	width: 100%;
    display: flex;
    align-items: center;
}

.evaluation .bild {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

.evaluation .bild img {
	width: 100%;
	height: 100%;
}

.evaluation .case {
	width: 200px;
    margin-left: 18px;
}

.evaluation .tit {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #3DCD58;
}

.evaluation .text {
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
}

.evaluation .items {
	overflow: hidden;
	margin-top: 16px;
}

.evaluation .item {
    overflow: hidden;
    line-height: 26px;
    font-size: 15px;
}


.evaluation .genre {
	float: left;
	display: block;
	width: 78px;
	color: #666;
}

.evaluation .des {
	float: left;
	display: block;
	width: 200px;
}

.evaluation .frame {
	width: 80%;
    margin: 10px auto;
}

.evaluation .tip {
	overflow: hidden;
    font-size: 15px;
    line-height: 30px;
}

.evaluation textarea {
	width: 100%;
    height: 80px;
    border: none;
    border-radius: 6px;
} 

.evaluation .picturebox {
	width: 80%;
	overflow: hidden;
    margin: 10px auto;
}

.evaluation .picture {
	float: left;
	width: 80px;
    height: 80px;
    margin: 0 30px 10px 0;
}

.evaluation .picture img {
	width: 100%;
	height: 100%;
}

.evaluation .picture:nth-child(3n+0) {
	margin-right: 0;
}

.evaluation .but {
	width: 100px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    background-color: #3DCD58;
    border-radius: 20px;
    margin: 20px auto;
}

.evaluation .button {
	float: right;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: #3DCD58;
	border-radius: 20px;
}


/*评价列表 ent*/ 


/*任务列表*/ 
.order_list {
	width: 100%; 
	padding-bottom: 60px;
	background-color: #efefef;
}

.top {
	width: 100%;
    height: 48px;
    background-color: #3DCD58;
   	display: flex;
    justify-content: space-around;
    align-items: center;  
}

.order_list .kind {
	position: relative;
    width: 14.5%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px; 
    color: #fff;
}

.order_list .kind span {
	display: none;
	position: absolute;
	bottom:0px;
	left: 0;
	width: 100%;
	height: 12px;

	background: url(/assets/images/tap.png) no-repeat   50% 2px;
}


.order_list .kind.on span {
	display: block;

}
.order_list a img{ position: relative; top: -2px; }
/*tap切换*/
.contentBox .list {
	font-size: 16px;
	display:none;
	/*padding: 0 10px;*/
	overflow: hidden;
}

.contentBox .list .show {
	display:block;
} 

.order_list .num a{ color: #333333 }

.list-content {
	width: 94%;
	margin: 10px auto;
    border-radius:5px;
    padding: 10px;
    background-color: #fff;
}
/* .contentBox {
	margin-bottom: 60px;
} */
.list-content:nth-last-child(1) {
	margin-bottom: 60px;
}
.line {
	overflow: hidden;
	margin-bottom: 8px;
	line-height: 26px;
}

.order {
	float: left;
	width: 80px;
	color: #666;
}

.num {
	float: left;
}

.state {
	float: right;
	color: red;
}

.press {
	overflow: hidden;
	margin-bottom: 8px;	
	padding-top: 18px;
	border-top: 1px solid #efefef;
}

.time {
	float: left;
	color: #999;
}

.assign {
	float: left;
}

.date {
	float: left;
}

.order_list .knob {
	float: right;
	width: 68px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #999;
	border-radius: 20px
}

.order_list .button {
	float: right;
	width: 68px;
	height: 28px;
	line-height: 28px;
	margin-left: 8px;
	text-align: center;
	color: #fff;
	background-color: #3DCD58;
	border-radius: 20px
}

.color {
	color: #3DCD58;
}
       
/*任务详情 start*/ 
.details {
	width: 100%;
	height: 100%;
	background-color: #efefef;
}

.button1 {     
	width: 70%;
	height: 35px;
	line-height: 35px;
	text-align: center;      
	color: #fff; 
	margin:0 auto; 
	margin-bottom: 40px;
	background-color: #3DCD58;
	border-radius: 20px;
} 

.button2 { 
	width: 70%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin:0 auto; 
	color: #fff; 
	background-color: #3DCD58;
	border-radius: 20px;
}
.button2 a{ display: block; width: 100%; height: 100%; color: #ffffff; }
.button2 a:hover{ color: #ffffff; }

.textarea { 
	border: #979797;
}

.details .meter {
	width: 94%;
    padding:10px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #fff;
}

.details .indent {
	width: 100%; 
    display: flex;
    align-items: center;
}

.details .bild {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	font-size: 30px
}
.details .bild img {
	width: 60px;
	height: 60px;
	display: block;
	    background: #3DCD58;
	    border-radius: 50%;
}

.details .case {
	width: 200px;
    margin-left: 18px;
}

.details .tit {
    width: 100%;
    font-size: 14px;
    color: #ffffff;
}
.details .tit span{
   padding: 5px 10px;
    background: #3DCD58; border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
}
.details .text {
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
}

.details .items {
	overflow: hidden;
	margin-top: 16px;
}

.details .item {
    overflow: hidden;
    line-height: 26px;
	font-size: 15px;
}


.details .genre {
	float: left;
	display: block;
	width: 78px;
	color: #666;
}

.details .des {
	float: left;
	display: block;
	width: 200px;
}

.information {
	width: 94%;
    padding: 10px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #fff;	
}

.details .infbox {
	width: 100%;
    /* display: flex; */
    align-items: center;
} 

.details .photo {
	width: 60px;
    height: 60px;
    margin: 0 10px;
    border-radius: 50%;
}
 
.details .photo img {
	width: 100%;
}

.details .inf {
	font-size: 16px;
    width: 236px;
    height: 50px;
}
 
.details .name {
	width: 282px;
	font-size: 16px;
	color: #3DCD58;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.details .abstract {
	width: 282px;
	margin-top: 9px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.details .picturebox {
	overflow: hidden;
    margin: 0px auto;
}
.details .picturebox>div{
	width: 33.33%;
	margin-bottom:5px;
	float: left;
}
.details .picturebox>div:nth-child(3n){ margin-right: 0px; }
.details .picturebox>div img{
	width: 96%;
	display: block;
	margin: 0 auto;

}


.details .picture { 
	width: 80px;
    /* height: 80px; */
}

.details .picture img {
	width: 100%;
	height: 100%; 
}
#imgbox div{
	float: left;
}
#imgbox .picture{
	float: left;
}
.picture img{
	float:left;
	width:50px;
} 
.del{ 
	position: absolute;
	right: -6px; 
	top: -8px; 
	font-size: 15px; 
	width: 18px;
	height: 18px;
	border: solid 1px #d9d9d9;
	display: block;
	border-radius:50%;
    text-align: center;
    line-height: 18px;
    background: #888888;
    color:#ffffff;
	
}   
 
.imgdiv>div{
	margin-top: 10px;
	float: left; 
    position: relative;
	/* width:33.33%; */
}  

.imgdiv>div img{
	max-width: 99%;
}  



.details .picture:nth-child(3n+0) {
	margin-right: 0;
}

.details .frame {
    overflow: hidden;
    margin: 10px auto;
}

.details textarea {
    width: 100%;
    height: 80px;
    border:solid 1px #d9d9d9;
}

/*任务详情 ent*/
.color {
	color: #3DCD58;
}

/*物流详情*/
ul li {
	list-style: none;
}

.track-rcol {
	width: 100%;
    overflow: hidden; 
	border: 1px solid #eee;
}

.track-list {
    width: 94%;
    padding: 10px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #fff;
    font-size: 14px;
}

.track-list ul{
    border: none!important;
}

.track-list li {
	position: relative; 
	padding: 9px 0 0 25px; 
	line-height: 28px; 
	border-left: 1px solid #d9d9d9; 
	color: #999;
} 

.track-list li .first {
	color: #3DCD58; 
	padding-top: 0;
	border-left-color: #fff;
}

.track-list li .node-icon {
	position: absolute;
	left: -6px; 
	top: 50%;
	width: 12px;
	height: 12px;
	z-index: 99;
	background-color: #d9d9d9;
	border-radius: 50%;
}
.track-list li:nth-child(1) .node-icon {
	background-color: #3DCD58;
}
.track-list li .time {
	margin-right: 20px; 				
	position: relative; 
	top: 4px; 
	display: inline-block; 
	vertical-align: middle;
}
.track-list li:nth-child(1) .time {
	color: #3DCD58;
}
.track-list li .txt {
	max-width: 600px; 
	position: relative; 
	top: 4px; display: 
	inline-block; 
	vertical-align: middle;
}

.track-list li.first .time {
	margin-right: 20px; 
}

.track-list li.first .txt {
	max-width: 600px; 
}
.track-list li:nth-child(1) .txt {
	color: #3DCD58;
}


/*
Author Linsg
Time 2020.07.11
Emali zeropo@.com

题库列表
*/

.m-exam{ overflow: hidden; padding-bottom: 80px; }
.m-exam label{margin-right: 10px; }
.m-exam label.full{ width: 100%} 
.m-exam label b{color:#666;font-size:14px;}
.m-exam label i {font-size: 12px;font-style: normal;display: inline-block;width: 13px;height: 13px;text-indent:2px;line-height: 15px;color: #fff;margin: 0 5px 0 0px;border: #dcdfe6 1px solid;} 
.m-exam input[type="radio"]+i {border-radius: 50%;}
.m-exam input[type="radio"]:checked+i {background: #fff;border:1px solid #4999d2;position:relative; top: 2px;}
.m-exam input[type="radio"]:checked+i:after{content:'';width:7px;height:7px;position:absolute;top:2px;left:2px;background:#4999d2;border-radius:50%;}
.m-exam input[type="checkbox"],
.m-exam input[type="radio"] {display: none;}

.m-exam input[type="checkbox"]+i{border-radius: 3px;}
.m-exam input[type="checkbox"]:checked+i{background: #4999d2;border:1px solid #4999d2;}
.m-exam input[type="checkbox"]:checked~b,.m-exam input[type="radio"]:checked~b{color:#4999d2;}
.m-exam .header {position: fixed;top: 0;overflow: hidden;width: 100%;height: 40px;line-height:40px;text-align: center;font-size: 18px;color: #fff;background-color: #3DCD58;letter-spacing:8px;z-index: 9999;}

.m-exam dl{overflow: hidden;margin: 0px;}
.m-exam dt{display:block;height: 40px; font-weight: normal; position: relative; line-height: 40px;color: #3f3f3f;padding-left:25px;border-bottom: 1px solid #d6d7dc;font-size: 14px;

	transition:all .5s ease 0s;}
.m-exam dt img{ position: absolute; top: 50%; right: 10px; margin-top: -5px; }
.m-exam .cont dd{display: block;line-height:25px;color: #3f3f3f;font-size: 14px; padding: 0 10px; margin: 0px; margin-bottom: 10px;}
.m-exam .cont .txt{ border-bottom: 1px solid #f9f9f9; padding-bottom: 5px;}
.m-exam .cont .tit-sec{ background:#f3f3f3; line-height: 40px; padding: 0 10px; margin-top: 5px;}
.m-exam .btns{position:fixed; bottom:30px; width: 100%;overflow: hidden; text-align: center;margin:.2rem 0; }
.m-exam .btn-save{ width:100px; height:35px;  border:0px;  background: #3DCD58; color: #ffffff; text-align: center; line-height: 35px; border-radius: 5px; overflow: hidden; 
	display:inline-block;  margin: 0 10px; padding: 0px; }

.m-exam .type-txt{ width: 100%;border:0px; border-bottom: 1px solid #ebebeb; line-height: 40px; color: #4999d2; font-size: 18px; }
.m-exam .type-txts{ width: 100%;border:0px; border: 1px solid #ebebeb; line-height:25px;color: #4999d2; font-size: 18px; }


/*
Author Linsg
Time 2020.07.11
Emali zeropo@.com

设备列表
*/
.m-device{ overflow: hidden; }
.m-device .ocupied{ overflow: hidden; height:40px; }

.m-device dl{ overflow: hidden;border-bottom: 1px solid #ebebeb; position: relative; margin-bottom: 0px;}
.m-device dt{ overflow: hidden;   line-height: 40px; font-weight: normal; position: relative; }
.m-device dt em{font-size: 14px; float: left; padding-left:10px;}
.m-device dt img{ position: absolute; top: 20px; right: 10px; margin-top: -5px; }
.m-device .writing{color:#f00}
.m-device .done{color:#3DCD58}
.m-device dt span{ float:right; padding-right: 30px; color: #3DCD58; font-size: 14px; }
.m-device dd{ height: 42px; overflow: hidden;margin-bottom:10px; display:none;  }
.m-device dd span{  padding:  0 10px; line-height: 40px; border: 1px solid #3DCD58; display: block; margin:0 10px; }
.m-device  a{display:block;height: 40px; width: 50%; float: left; display: block; position: relative; line-height: 40px;color: #3f3f3f;padding-left:25px;font-size: 16px;transition:all .5s ease 0s;}


/*
Author Linsg
Time 2020.07.11
Emali zeropo@.com

签名
*/
.m-sign{ width:100vw;height: 100vh; overflow: hidden; position: relative; }
.m-sign .picbox{ text-align: center; overflow: hidden; }

.m-sign header{ width:400px; overflow: hidden; }
    
.m-sign .mytab{ margin: 50px auto; height: 40px; width: 260px; border:1px solid #3DCD58; border-radius: 4px; overflow: hidden; }
.m-sign .mytab li{ width: 50%; float: left; line-height: 40px;text-align: center; list-style: none;}
.m-sign .mytab li.current{  background: #3DCD58; color: #ffffff;  }
.m-sign .mytab li.current a{  color: #ffffff;  }

/*
.m-sign .mytab{ margin: 50px auto; height: 40px; width: 260px; border:1px solid #3DCD58; border-radius: 4px; overflow: hidden; }
.m-sign .mytab li{  height: 40px; width: 260px; line-height: 40px; text-align: center; list-style: none; border:1px solid #3DCD58; background: #3DCD58; color: #ffffff;   border-radius: 4px; overflow: hidden;}
.m-sign .mytab li.current{  background: #3DCD58; color: #ffffff;  }
*/
.m-sign  .usertit{  height: 40px; width: 260px; line-height: 40px; text-align: center;

 position: absolute; top: 300px; left: 50%; margin-left:-130px; 
 list-style: none; border:1px solid #3DCD58; background: #3DCD58; color: #ffffff;   border-radius: 4px; overflow: hidden;}
 


.m-sign .m-wap{ width: 100%; overflow: hidden; background: #ffffff; padding-top: 30px; }    
.m-sign .m-wap h3{text-align: center;margin-top: 50px;margin-bottom: 30px;text-indent: 2em;text-indent: 0em}
.m-sign .m-wap .cont{padding: 0 20px;line-height: 30px;font-size: 16px; }
.m-sign .m-wap .txt1{text-align: right;padding-right: 110px;margin-top: 40px;}
.m-sign .m-wap .txt2{text-align: right;letter-spacing: 41px;margin-top: 10px;margin-bottom: 30px;}   
.m-sign canvas{ background: none!important; width: 350px!important; }
.m-sign #qianButton{ text-align: center; position:fixed; bottom:40px; width:100%;z-index: 9999;}
.m-sign #qianButton input{ width:130px; height:35px; line-height: 35px; border:0; border-radius: 5px; overflow: hidden; display: inline-block; color: #ffffff; background: #3DCD58; text-align: center; margin:10px; }
.m-sign #qianButton #reset{border:1px solid #3DCD58;color: #3DCD58; background: #ffffff; }

.m-sign #signImage1,
.m-sign #signImage2{position: absolute!important; top: 0px!important; z-index: 4!important; width: 100%!important; height: 465px!important;}
.m-sign #signature1,
.m-sign #signature2{position: absolute; top: 0px; z-index: 5}

.m-sign #cont1,
.m-sign #cont2{position: fixed;  width: 100%; height: 465px!important; position: absolute!important; top: 90px!important; z-index: 2!important}
.m-sign #cont1 img,
.m-sign #cont2 img{position: fixed; top: 0px; z-index: 3}

 .m-detail{
 	background: #efefef
 }
 .m-detail .profile-avatar-container {
    position: relative;
  }
.m-detail .des a img{ position: relative;  top: -2px; }
  .m-detail .profile-avatar-container .profile-user-img {
    width: 100px;
border:1px solid #dbdbdb;
  }

  .m-detail .profile-avatar-container .profile-avatar-text {
    display: none;
  }

  .m-detail .profile-avatar-container:hover .profile-avatar-text {
    display: block;
    position: absolute;
    height: 100px;
    width: 100px;
    background: #444;
    opacity: .6;
    color: #fff;
    top: 0;
    left: 0;
    line-height: 100px;
    text-align: center;
  }

  .m-detail .profile-avatar-container button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    opacity: 0;
  }

  .m-detail .StarsWrap {
    display: inline-block;
    padding-left: 15px;
  }

  .m-detail .StarsWrap li {
    float: left;
    margin-right: 0.1rem;
  }

  .score {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .m-detail #bj {
  	width: 100%;
  	height: 206px;
  	border: none;
  	display: none;
    color: #666;
    background: #f5f5f5;
  }



.m-detailsson { background: #f5f5f5; overflow: hidden; }

.m-detailsson .items {
	width: 94%;
	margin: 10px auto;
    border-radius:5px;
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
}

.m-detailsson .item {
	overflow: hidden;
	margin-bottom: 8px;
	line-height: 26px;
}

.m-detailsson .genre {
	float: left;
	width: 80px;
	color: #666;
	display: block;
}

.m-detailsson .genre a{
	color: #666;
}
.m-detailsson .num {
	float: left;
}
.m-detailsson .taked {
	float: left;
}
.m-detailsson .taked a{
width: 100%; display: block; border:1px solid #25b14f; color: #25b14f; padding: 5px 10px; margin-bottom: 5px; border-radius: 5px;
}
.m-detailsson .taked .status-ed{ color: green; }
.m-detailsson .taked .status-wait{ color: red; }


.m-detailsson .state {
	float: right;
	color: red;
}

.m-detailsson .btns{ overflow: hidden; text-align: center;margin:.2rem 0; }
.m-detailsson .btn-save{ width:100px; height:35px;  border:0px;  background: #3DCD58;
 color: #ffffff; text-align: center; line-height: 35px; border-radius: 5px; overflow: hidden;
	display:inline-block;  margin: 0px; padding: 0px; }
.m-detailsson .press {
	overflow: hidden;
	margin-bottom: 8px;	
	padding-top: 18px;
	border-top: 1px solid #efefef;
}
.m-detailsson .eq-time{ padding-left: 10px; color: #000 }

.m-detailsson .time {
	float: left;
	color: #999;
}
.m-detailsson .nodata{ width: 100%; line-height: 80px; color: #3f3f3f; text-align: center; }


/*
*设备详情
*/

.m-sbdetail { background: #f5f5f5; overflow: hidden; }

.m-sbdetail .items {
	width: 94%;
	margin: 10px auto;
    border-radius:5px;
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
}

.m-sbdetail .item {
	overflow: hidden;
	margin-bottom: 8px;
	line-height: 26px;
}

.m-sbdetail .genre {
	float: left;
	width: 100px;
	color: #666;
	display: block;
	text-align: right;
}

.m-sbdetail .num {
	float: left;
}
.m-sbdetail .des {
	 padding-left: 10px;
}
.m-sbdetail .taked {
	float: left;
}
.m-sbdetail .taked a{
width: 100%; display: block;
}
.m-sbdetail .taked .status-ed{ color: green; }
.m-sbdetail .taked .status-wait{ color: red; }
.m-sbdetail .state {
	float: right;
	color: red;
}

.m-sbdetail .press {
	overflow: hidden;
	margin-bottom: 8px;	
	padding-top: 18px;
	border-top: 1px solid #efefef;
}
.m-sbdetail .eq-time{ padding-left: 10px; color: #000 }

.m-sbdetail .time {
	float: left;
	color: #999;
}
.m-sbdetail .nodata{ width: 100%; line-height: 80px; color: #3f3f3f; text-align: center; }

.m-sbdetail iframe{ z-index: 9999999!important; }


.m-sbdetail .btns{  text-align: center; overflow: hidden; }
.m-sbdetail .btn-back{ background: #3DCD58; overflow: hidden; height: 30px; display: inline-block; line-height: 30px; padding: 0 20px; border-radius: 20px; overflow: hidden; margin: 20px 10px 0; color: #ffffff; }
.m-sbdetail .btn-back a{ color: #ffffff; width: 100%; height: 100%; display: block; }
.m-sbdetail .btn-back.last{ background: #56e8cd;}

.bdshare-slide-button-box{ z-index: 1!important; }
.bd_weixin_popup .bd_weixin_popup_foot{ line-height: 16px!important; }
.bd_weixin_popup .bd_weixin_popup_main{    padding: 10px 10px!important;}
/* 任务详情 上传组件 */
.fileupload{
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.selfinput{
	opacity: 0;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}
.selfbutton{
	display: inline-block;
    border: 1px solid #999;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 18px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.fileprocessbox{
	font-size: 14px;
}
.fileprocess{
	width: 100%;
	height:8px ;
	border:1px solid #ccc;
	border-radius: 5px;
	position: relative;
	margin: 3px 0;
}
.fileprocess div{
	position: absolute;
	height: 100%;
	width: 0px;
	background: #efefef;
	border-radius: 5px;
	left: 0;
	top: 0;
	background: url(../images/1.png) repeat ;
}