.bg-color1{background:#109bd6;}
.bg-color2{background:#f6981d;}
.bg-color3{background:#f73e3e;}
.bg-color4{background:#2dc26c;}

.text-bg{ color:#fff; background:#109bd6; padding:3px 6px; white-space:nowrap;border-radius:4px;}
.textbg-1{ background:#f34949;}
.textbg-2{ background:#f6981d;}
.textbg-3{ background:#2dc26c;}
.textbg-4{ background:#109bd6;}
.color1{color:#109bd6;}
.color2{color:#f6981d;}
.color3{color:#f73e3e;}
.color4{color:#2dc26c;}
.loginbg{background:url(/templates/default/images/mobile/201706122108.jpg) no-repeat 50% 50%;background-size:cover; position:relative;min-height:23rem;}

.app-icon{width:4.3rem;height:4.3rem;  display:block;margin:0 auto;background: url(/templates/default/images/mobile/app-icon.png) no-repeat; background-size:100% 100%; position: relative;top:15%;}
.app-icon:after{content:''; position:absolute;width:7.2rem;height:7.2rem;left:0;top:0; background: url(/templates/default/images/mobile/app-icon-ty.png) no-repeat; background-size:100% 100%;}

.login-box{ position:relative;top:24%; padding: 0 1.5rem;}

@media screen and (max-width:320px){
.app-icon{top:10%}
.login-box{top:18%;}
}

.login-box .text{margin-top:0.75rem;height:2.2rem;border-radius:30rem; box-shadow: 0 0.15rem 0.6rem rgba(0,0,0,0.03); }
.login-box input{height:2.2rem; background:#fff;width:100%;border-radius:30rem;border:0px; box-sizing: border-box;padding-left: 2.5rem;font-size:0.7rem; }
.login-box .email{background:#fff url(/templates/default/images/mobile/icon-email.png) no-repeat 1rem 50%; background-size:0.9rem 0.9rem;}
.login-box .passworld{background:#fff url(/templates/default/images/mobile/icon-password.png) no-repeat 1rem 50%; background-size:0.95rem 0.95rem;}
.login-box .btn{margin-top:1.5rem; }
.login-box .btn input{background: #109bd6;color:#fff; -webkit-appearance: none; text-align: center; padding:0px; font-size:0.8rem;  box-shadow: 0 0.15rem 0.5rem rgba(16,155,214,0.45);}
.reg{ position:absolute;color:#;bottom:8%; left:0;width:100%; text-align: center; font-size:0.7rem;}
.reg b{padding:0 0.15rem;}


.header{height: 2.6rem;line-height: 2.6rem;background:#fff;overflow: hidden;/* box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1); */position: relative;z-index: 9;}
.header > .icon_back{position: absolute;left:0;top:0;width:2.1rem;color: #000;text-align: center;font-weight: normal;}
.header > .icon_back .iconfont{font-size:1.3rem;}
.header > .logo{ position: absolute;left:1rem;top:.45rem;}
.header > .logo img{height:1.3rem;}
.header > .title{ text-align: center;font-size:.8rem; font-weight:bold;}
.header > .title span{display: inline-block;position: relative;/*padding-right:1.15rem;*/color: #000;font-weight: normal;font-size: .8rem;}
.header .user-info{position: absolute;right: .5rem;font-size:.5rem;font-weight:bold;top:0;}
.header .user-info img{width:1.6rem;height:1.6rem;border-radius:50%;display: inline-block;vertical-align: middle;}
.header .user-info i{font-size:1.1rem;display: inline-block;color: #000;vertical-align: middle;margin-left: .2rem;}

.menu{width: 10rem;right: -11.5rem;transition: all .2s linear;/* border-left: 1px solid #f5f5f5; */border-top: 1px solid #f5f5f5;background: #fff;color: #333;position: fixed;top:0rem;display: block;z-index: 1000;padding: 0 .5rem;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);}
.menu.is-open{right: 0;}
.menu .login_img{padding:.5rem 0;}
.menu .login_img img{width:1.8rem;height:1.8rem;border-radius:50%;display:inline-block;vertical-align:middle;}
.menu .login_img span{display:inline-block;vertical-align:middle;font-size:.7rem;color:#333;margin-left:.5rem;}
.menu .login_img i{float:right;font-size:1.2rem;line-height:1.8rem}
.menu .login_user{line-height: 2.2rem;display: block;position: relative;height: 2.2rem;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.menu .login_user img{margin-right:.5rem;border-radius: 50%;height: 1.3rem;display: inline-block;vertical-align: middle;position: absolute;left: .5rem;top: .4rem;}
.menu .login_user span{font-size: .75rem;display: block;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.menu .login_user em{border-radius: 5px;background: #109BD6;color: #fff;text-align: center;font-size:.6rem;height: 1.2rem;position: absolute;top: .5rem;padding: 0 .5rem;left: .2rem;line-height: 1.2rem;}
.menu .login_user i{float:right;font-size:.65rem;font-weight:normal;font-style:normal;}
.menu .pro_num{padding:.5rem 0;border-bottom: 1px solid #f5f5f5;}
.menu .pro_num p{line-height: 2rem;font-size: .65rem;color: #666;height: 2rem;}
.menu .pro_num p i{padding:0 .5rem;font-size: .5rem;height: 1rem;line-height: 1rem;border-radius: .5rem;float: right;font-style:normal;margin-top: .5rem;}
.menu .pro_num p i.col1{color:#2dc26c;background:#DAFFEF;}
.menu .pro_num p i.col2{color:#f6981d;background:#FFF0E1;}
.menu .pro_num p i.col3{color:#109bd6;background:#E2F5FD;}
.menu li a{display: block;height: 2rem;line-height: 2rem;width: 100%;font-size: .75rem;color: #333;}
.menu li a i{font-size: .9rem;display: inline-block;padding:0 .5rem;vertical-align: middle;float: right;}
.menu li a span{display: inline-block;vertical-align: middle;}
.project-num{
	    position: relative;
    z-index: 111;
}
.project-num ul{
	width: 100%;
	display: block;
	font-size: 0;
	background: #fff;
	padding-top: .5rem;
}
.project-num ul li{
	width: 33.333%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 2.2rem;
	height: 2.2rem;
	position: relative;

}
.project-num li span{
	padding:0 .5rem;
	font-size: .5rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: .5rem;
	/* float: right; */
	font-style:normal;
	top: -.5rem;
	position: absolute;
	right: .2rem;
}
.project-num li i{
	font-size: .75rem;
	font-style: normal;
	color: #666;padding: 0 0 .5rem;
	border-bottom: 2px solid transparent;
}
.project-num li.col3.on i{border-color: #2dc26c;color: #2dc26c;}
.project-num li.col2.on i{border-color: #f73e3e;color: #f73e3e;}
.project-num li.col1.on i{border-color: #109bd6;color: #109bd6;}
.project-num li.col3 span{color:#2dc26c;background:#DAFFEF;}
.project-num li.col2 span{color:#f73e3e;background:#FEE4E3;}
.project-num li.col1 span{color:#109bd6;background:#E2F5FD;}

.order_by{display:block;background: #f4f4f4;height:2.6rem;line-height:2.6rem;font-size:0;box-shadow: 0 0rem 0.5rem rgba(244,244,244,0.03);}
.order_by span{width:50%;display:inline-block;vertical-align:middle;text-align:center;font-size:.8rem;color:#000;}
.order_by span i{font-size: 1.1rem;color: #000;display: inline-block;vertical-align: middle;margin-left: 5px;}

.head-project{ position: absolute;width:100%;left:0;top:2.2rem;max-height:11rem; overflow-y:auto;-webkit-overflow-scrolling: touch;background:#fff; z-index: 8; display: none;}
.head-project a{height:2.2rem;line-height:2.2rem; display: block;color:#6d7d90; padding: 0 .75rem;font-size:.75rem; }
.head-project a img{width:2rem;margin:0rem .75rem 0 0;}
.head-project .on{background:#f9f9f9;font-weight:bold;color:#264D79;}
.head-project .num{float:right;width:1.1rem;height:1.1rem;border-radius:50%;text-align: center;line-height:1.1rem;margin:.55rem 0 0 0;color:#fff;} 

/*.projectList li{background: #fff; position: relative;min-height:2.3rem; padding: .75rem .75rem .75rem 6.75rem;margin:.75rem .75rem 0 .75rem;border-radius:0.4rem;box-shadow: 0 0.05rem 0.4rem rgba(0,0,0,0.03);}
.projectList .project-logo{ position: absolute;left: .75rem;top:50%;margin-top:-1.15rem;}
.projectList .project-logo > img{width:5.3rem;height: 2.3rem;}
.projectList .project-info > .name{ font-size:.7rem;font-weight:bold;line-height:.9rem; overflow: hidden;}
.projectList .ti{line-height:1.1rem;height:1.1rem;margin-top:.25rem;}
.projectList .ti > span{float:left;margin-right:.5rem; }
.projectList .ti > span > i{float:right;height:.8rem; line-height:.8rem;min-width:.6rem; text-align: center; padding: 0 .1rem;color:#fff;font-weight: bold;font-size:.55rem; font-style: normal;margin:0 .25rem; margin-top:.15rem;border-radius:50%;}
.projectList .create-date{color:#8197b1;line-height:1.1rem;margin-top:.25rem;}
*/
.projectList li{background: #fff;position: relative;min-height: 2.8rem;padding: .75rem 8.5rem .75rem 0.75rem;margin: 0 0 .75rem;/* border-radius:0.4rem; */box-shadow: 0 0rem 0.5rem rgba(0,0,0,0.03);}
.projectList li em.iconfont{position: absolute;top:50%;margin-top: -.5rem;font-size: 1rem;color: #999;right: .75rem;}
.projectList .project-logo{position: absolute;right: 2rem;top:50%;margin-top: -1.9rem;}
.projectList .project-logo > img{width:5.3rem;height: 2.4rem;/* float: right; */display: block;margin: 0 auto;}
.projectList .project-info > .name{font-size: .75rem;/* font-weight:bold; */line-height: 2rem;overflow: hidden;color: #000;}
.projectList .ti{line-height: 1.5rem;height: 3rem;/* margin-top:.25rem; */font-size: .7rem;color: #555;}
.projectList .ti > span{display: block;/* margin-right:.5rem; */}
.projectList .ti > span > i{display: inline-block;height:1.5rem;line-height:1.5rem;/* min-width:.6rem; */text-align: center;padding: 0 .1rem;font-weight: bold;font-size:.9rem;font-style: normal;margin-left: .5rem;/* margin-top:.15rem; *//* border-radius:50%; */}
.projectList .create-date{color: #555;line-height: 1.4rem;/* margin-top:.25rem; */height: 1.4rem;}


.projectView{line-height:2;}
.projectView > .project-info{ background:#fff;margin-top:.75rem; position: relative;padding: .75rem .75rem .75rem 6.75rem;}
.projectView .project-logo{ position: absolute;left: .75rem;top:50%;margin-top:-1.15rem;}
.projectView .project-logo > img{width:5.3rem;height: 2.3rem;}
.projectView .project-info > .name{ font-size:.8rem;font-weight:bold;line-height:.9rem; overflow: hidden;}
.projectView .project-info > .create{font-size:.7rem; }
.projectView .project-info > .data span{width:50%;float:left; color:#8197b1;}


.projectView > .project-sc{background:#fff;margin:.5rem;border-radius:30rem;height:1.9rem;line-height:1.9rem; overflow: hidden; position: relative;}
.projectView > .project-sc .sc-text{height:1.9rem;background: none;width:100%;border:0; box-sizing: border-box; padding-left: 1.75rem;font-size:.75rem;}
.projectView > .project-sc .sc-btn{ position: absolute;left:0;top:0;border:0;width:1.9rem;height:1.9rem;line-height:1.9rem;background:none;font-size:.9rem;color:#8197b1;}

/*.projectView > .project-menu{ background: #fff;}
.projectView > .project-menu li{height:2.2rem; line-height:2.2rem; padding: 0 .75rem;font-size:.7rem; position: relative;font-size:.75rem;}
.projectView > .project-menu li .iconfont{font-size:1rem;float:left;width:1.65rem;}
.projectView > .project-menu li .icon-wenhao{color:#2173ed;}
.projectView > .project-menu li .icon-upin{color:#0ac679;}
.projectView > .project-menu li .icon-5{color:#e9a625;}
.projectView > .project-menu li .icon-guanzhu{color:#ec4343;}
.projectView > .project-menu li .num{ position: absolute;right: 2rem;top:50%;min-width:.8rem; padding: 0 .15rem;height:1.1rem; line-height:1.1rem;border-radius:50%; text-align: center;margin-top:-.55rem;color:#fff;font-weight:bold;font-size:.65rem;}
*/

.f-b-height{height:2.45rem; overflow: hidden;margin-top:.75rem;}


.f-b-height{height:2.45rem; overflow: hidden;margin-top:.75rem;}


.foot-button{position:fixed;bottom:0;width:100%;left:0;height: 2.4rem;/* padding:.25rem 0; */background: #fff;}
.foot-button:after{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 1px; overflow:hidden;
background:#dbdbdb;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.foot-button > .button{color:#fff;box-shadow: 0 0.05rem 0.35rem rgba(16,155,214,0.4);height: 2.4rem;line-height: 2.4rem;background:#109BD6;/* margin:0 .5rem; */text-align: center;/* border-radius:.2rem; */font-size: .85rem;}

.foot-button i{margin: 0.05rem .5rem 0 0;font-size: .9rem;/* float:left; */display: inline-block;/* vertical-align: middle; */}
.foot-button > .button > span{display: inline-block;}

.head-filter{/* height: 2.6rem; */background: #F2F4F3;/* line-height: 2.6rem; */}
.head-filter ul{font-size:0;line-height:2.6rem;height:2.6rem;}
.head-filter li{display:inline-block;vertical-align:middle;/* float:left; */width:40%;text-align: center;font-size: .75rem;color: #333;position: relative;}
.head-filter li.last{
width: 20%;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.head-filter li.last:after{content: '';width:1px; position: absolute;left:0;top:20%; background: #e2e2e2;height:60%;}
.head-filter li .tx{display: inline-block;color: #000;margin-right:.2rem;}
.head-filter li i.iconfont{display: inline-block;vertical-align:middle;font-size: 1rem;color: #000;}
.head-filter li.last.on i{color: #2E9CCF;}
.search{
	display: block;background: #F2F4F3;
	padding:.75rem;
	display: none;
}
.search .input{
	display: block;
	background: #fff;
	line-height: 2rem;
	height: 2rem;
	border-radius: 1rem;
	padding-right: 2rem;
	position: relative;
	overflow: hidden;
}
.search .input input{
	width: 100%;
	display: block;
	height: 1rem;
	line-height: 1rem;
	padding:.5rem 0;
	text-indent: .75rem;
	border:none;
	font-size: .75rem;
	color: #333;
}
.search .input input:placeholder{
	color: #909090;
	font-size: .75rem;
}
.search .input  i{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1rem;
	width: 2rem;
	text-align: center;
	color: #909090;
	line-height: 2rem;
}
.sel,.sort{width:100%;position: fixed;background: #F2F4F3;padding: 0 0 .75rem 0;z-index: 1;display: none;    overflow-y: auto;}
.sel.on,.sort.on{
	display: block;
}
.sel .btns,.sel .contents,.sort .contents{
    font-size: 0px;
    background: #fff;
    padding: 0 .75rem;
    
}
.sel .contents,.sort .contents{
	min-height: 100%;
}
.sel .btns{
    text-align: center;
}
.sel .btns button{
    width: 45%;
    height: 30px;
    text-align: center;
    font-size: .75rem;
    margin: 0 2%;
    margin-top: 1rem;
    border-radius: 3px;
    color: #333;
    line-height: 2rem;
    height: 2rem;
    display: inline-block;
    background: white;
    border:1px solid #ccc;
}

.sel .contents .content > label{font-size: .75rem;color: #000;line-height: 2rem;color: black;display: block;width: 100%;}

.sel .contents .content .as label{
    text-align: center;
    display: inline-block;
    width: 23%;
    border:1px solid #f7f7f7;
    border-radius: 3px;
    font-size: .6rem;
    margin-bottom: .5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    color: #555;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sel .contents .content .as label.active{
    color: #42d0e6;
    border-color: #42d0e6;
}

input[type=checkbox],input[type=radio] {
    display: none;
}

.sortype{cursor:pointer;/* padding: 0 0 0 .5rem; *//* border-bottom:1px solid #f0f0f0; */width: 46%;display: inline-block;/* float:left; */margin-left: 4%;text-align:center;background-color:white;/* border-right:1px solid #f0f0f0; */border-radius:5px;/* margin-bottom:.2rem; *//* margin-right:.2rem; */line-heihgt: 1.5rem;height: 2rem;line-height: 1.8rem;margin-top: .5rem;}
.sortype span{
    color:#555;
    font-size:.75rem;
    margin-right:.5rem;
    display:inline-block;
    vertical-align:middle;
    margin-top:2px;
}
.sortype.sortcheck span{color: #2dc26c;}
.sortcheck{color: #2dc26c;}







/*.head-filter li .icon{float:right;margin:.75rem 0 0 .5rem;}*/
/*.head-filter li .icon .iconfont{ display: block;line-height:.35rem;font-size:.75rem;color:#8197B1;}*/
/*.head-filter li.on-top,
.head-filter li.on-top .icon-top,
.head-filter li.on-bottom,
.head-filter li.on-bottom .icon-bottom{color:#264D79;}*/

/*.head-filter li .icon-sousuo{font-size:.9rem;margin-left:.25rem; float:right;}*/


/*.problemList .project-name{height:2.2rem;line-height:2.2rem;font-size:.75rem;font-weight:bold;padding:0 .75rem;}*/

.problemList{ overflow:hidden;    width: 100%;}
.problemList li{background:#fff;padding: .5rem 0;width:100%;box-sizing:border-box;overflow:inherit;position:relative;margin: 0 0 .75rem;box-shadow: 0 0rem 0.5rem rgba(0,0,0,0.03);}
.problemList li .title{font-size: .6rem;line-height:1.25rem;/* font-weight:bold; */color: #666;margin: .5rem auto;white-space: nowrap;display: block;padding: 0 .5rem;}
.problemList li .title span{/* padding:.1rem 0.35rem; *//* color:#fff; */border-radius:.15rem;/* margin:0 .25rem; */}
.problemList li .title span.date{
	float:right;
}
.problemList li .desc{font-size: .7rem;line-height: 1.2rem;/* margin-bottom: .25rem; */color: #000;padding: 0 .5rem;}
.problemList li .desc .iconfont{
	margin-right:3px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.problemList li .info{line-height:1rem;/* margin-top:.5rem; */color: #666;/* height: 1.2rem; */border-top: 1px solid #F3F3F3;padding: .5rem .5rem 0;}
.problemList li .info span{/* float:right; */padding: 0 .4rem;/* color:#fff; *//* font-weight:bold; *//* margin-left:.5rem; */border-radius:.15rem;display: inline-block;}
.problemList li .info p{
	float:right;
}
.problemList li .info p span{
	margin-left:.5rem
}
.problemList li .button{ position:absolute;right:-6.5rem;top:0;height:100%;}
.problemList li .button a{float:left; width:3.5rem; text-align:center; font-size:.7rem; position:relative;height:100%; display:table; overflow:hidden;}
.problemList li .button a:first-child{width:3rem;}
.problemList li .button span{color:#fff; display:table-cell; vertical-align:middle;}

.load-text{ text-align: center;overflow: hidden;color:#8197B1;font-size:.6rem;}


.problemView .pro-box{ background: #fff;}
.problemView .tips{line-height:1.2rem;font-size:.75rem;padding: .5rem;}
.problemView .tips span{ margin:0px 5px;border-radius:.15rem;color:#fff; padding: .1rem .3rem;}
.problemView .tips label{
color: #000;
font-weight: normal;
font-size: .75rem;
line-height: 1.3rem;
/* margin-bottom: .5rem; */
display: block;
}
.problemView .tips .module{
display: block;
}
.problemView .tips .module .module_date{
border-bottom: 1px solid #f7f7f7;
line-height: 2rem;
font-size: .65rem;
color: #555; height: 2rem;
}
.problemView .tips .module .module_date i{
font-size: .65rem;
float: right;
display: inline-block;
vertical-align: middle;
font-style: normal;
}
.problemView .tips .module .module_preson{/* line-height: 2rem; */font-size: .65rem;color: #555;padding-top: .5rem;}
.problemView .tips .module .module_preson .module_left{
display: inline-block;
vertical-align: middle;
}
.problemView .tips .module .module_preson span{
padding: 0 .4rem;
color: #fff;
display: inline-block;
vertical-align: middle;
/* margin-left: .5rem; */
height: 1.2rem;
border-radius: .15rem;
line-height: 1.2rem;
}
.problemView .tips .module .module_preson .module_right{
float: right;
display: inline-block;
vertical-align: middle;
}
.problem_title {
line-height: 2.4rem;
height: 2.4rem;
/* padding: 10px 0px; */
position: relative;
border-top: 10px solid #F3F7F8;
}
.problem_title::after{content: '';width: 4px;height: 1rem;background: #309CD2;position:absolute;left: .5rem;border-radius: 2px;top: 50%;margin-top: -.5rem;}
.problem_title h5 {position: absolute;left: 1.2rem;font-size: .75rem;/* font-weight: normal; */color: #000;}
.problem_title span{ float:right; font-size:.65rem; font-weight:normal; color:#2173ED;margin-right: .75rem;}

/*.problemView .status{ line-height:1.2rem; padding:0 .75rem;font-size:.65rem;}
.problemView .status span{ float:right;color:#8197B1;font-size:.6rem;}
.problemView .status strong{ margin-right:10px;color:#2173ED;}
*/
.problemView .problem-info{margin-top:.25rem;}
.problemView .problem-info ul{ position: relative; padding:.5rem 0 1rem .75rem;}
.problemView .problem-info ul:before{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 1px; overflow:hidden;
background:#e6e6e6;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.problemView .problem-info li{width: 100%;/* float:left; */white-space: nowrap;line-height: 2rem;padding: 0rem .5rem 0 4rem;position:relative;box-sizing: border-box;font-size: .7rem;height: 2rem;color: #333;font-weight: 550;overflow: hidden;text-overflow: ellipsis;}
.problemView .problem-info li .tit{position:absolute;left:0;top: 0;color: #555;font-weight:normal;width: 3.5rem;text-align: right;height: 2rem;line-height: 2rem;}

.problemView .problem-cont{line-height:1.25rem;/* padding:.5rem .75rem; */font-size:.75rem;position: relative;}
.problemView .problem-cont:before{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 1px; overflow:hidden;
background:#e6e6e6;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.problemView .problem-cont img{ max-width:100%;display:block;margin:0 auto;}
.problemView .problem-cont p{color:#555;margin-bottom: .75rem;padding: 0 .75rem;}

.problemView .problem-log{ background:#fff;margin-top:.75rem;}
/*.problemView .problem-log .title{height:2.2rem; line-height:2.2rem;font-size:.75rem;font-weight:bold; overflow:hidden;padding:0 0.75rem;}*/
/*.problemView .problem-log .title span{ float:right; font-size:.65rem; font-weight:normal; color:#2173ED;}*/
.problemView .problem-log ul{padding: .75rem .5rem;}
.problemView .problem-log li{min-height:2rem; line-height:1.2rem; padding:.25rem 0px .25rem 2.5rem; position:relative; }
.problemView .problem-log .info{ font-size:.65rem;}
.problemView .problem-log li .avatar{width:1.7rem;height:1.7rem;border-radius:50%; overflow:hidden; position:absolute;left:0;top:0;}
.problemView .problem-log li .avatar img{width:100%;height:100%;}
.problemView .problem-log li span{ float:right;color:#8197b1; font-size:.55rem;}

.wrap-gray-bg{width:100%;height:100%; position:fixed;left:0;top:0;background:rgba(0,0,0,0.3); z-index: 9; display: none;}

.btn-operation{width:100%; position:fixed;bottom:0;left:0;background:#fff;bottom:2.2rem; z-index: 90; display: none; }
.btn-operation li{width:100%;float:left;height:2.2rem; line-height:2.2rem; text-align: center; font-size:.75rem;border-top:1px solid #f7f7f7;}
.btn-operation li a{ display: block; }
.btn-operation li a:hover{background:#f9f9f9;}


.foot-operation{width:100%;left:0;bottom:0;height:2.2rem;line-height:2.2rem;font-size:.8rem; text-align: center;background:#109BD6; position:fixed; z-index: 99;color: #fff;}
.foot-operation .icon-more1{font-size:.9rem;}
.foot-operation:after{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 1px; overflow:hidden;
background:#e2e2e2;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.form-style{background:#fff;margin-top:.75rem;}
.form-style li{line-height:1.1rem;padding: .55rem 0 .55rem 4.55rem;min-height:1.1rem;font-size: .65rem;position: relative;}
.form-style li .tit{position: absolute;left:.75rem;top:.55rem;color: #666;}
.form-style .select{font-size: .65rem;color: #666;}
.form-style .select .iconfont{float:right;margin:0 .75rem;font-size:.9rem;color: #666;}
.form-style input[type=text]{width:100%;height:1.1rem;border:0;font-size: .7rem;color: #000;}
.form-style input[type=number]{width:80%;height:1.1rem;border:0;font-size:.75rem;color: #000;}
.form-style textarea{width:100%;border:0;height:4rem;line-height:1.1rem;color:#8197b1;}
.form-style .nobr{padding-left:.75rem;}
.form-style .nobr .tit{ position: inherit;left:0;top:0;}
.form-style .nobr textarea{margin-top:.5rem;color: #000;}

.form-style .up-img-list{position:relative;background:#fbfbfb;margin:.5rem .75rem 0 0;border:1px solid #eee;}
.form-style .up-img-list .icon-tupian{font-size:36px; position: absolute;left:50%;margin-left:-18px;top:50%;margin-top:-18px;line-height:36px; color:#cacaca;}

.form-style .up-img-list .img-list-box{padding:0 0 .5rem .5rem;min-height:5.5rem;}
.form-style .up-img-list .img-box{width:33.3%;float:left; position: relative;}
.form-style .up-img-list .img-box span{ display: block;margin:.5rem .5rem 0 0;vertical-align: middle; border:1px solid #ebebeb; overflow: hidden;background:#fff; padding:.25rem;}
.form-style .up-img-list .icon-close{width:1rem;height:1rem;background:rgba(0,0,0,0.3);border-radius:50%; position: absolute;right:.1rem;top:0;color:#fff; text-align: center;line-height:.9rem;font-size:.6rem;}
.form-style .up-img-list .img-box img{width:100%;height:100%; }
.form-style .btn-upload{margin-top:.5rem;margin-bottom:.25rem;height:2.2rem; line-height:2.2rem; text-align:center;font-size:.75rem; box-sizing: border-box;border:1px solid #eee;margin-right:.75rem;color:#6d7d90; box-shadow:0 0.05rem 0.2rem rgba(0,0,0,0.03);border-radius:0.2rem;}


.select-project{background:#fff;margin-top:.75rem;}
.select-project .name{height:2.2rem;line-height:2.2rem; overflow: hidden;font-size:.75rem;font-weight:bold;background:#f9f9f9; padding:0 .75rem;border-top:1px solid #fff;}
.select-project .pro-box:first-child .name{border-top:0px;}

.select-project ul{padding:0 0 .5rem 0;}
.select-project li{height:2.2rem; line-height:2.2rem; padding: 0 1.75rem 0 .75rem; box-sizing: border-box;border:1px solid #eee;margin:.5rem .75rem 0 .75rem;border-radius:.2rem;}
.select-project li .user-r{float:right; }
.select-project li img{width:1.55rem;height:1.55rem;float:left;margin:.3rem .5rem 0 0;border-radius:50%;}
.select-project .active {
border: 1px solid #0892e1;
background: url(/Templates/Default/images/mobile/icon-yes.png) no-repeat 96% 50%;
}
.select-project li .li-tit{font-size:.7rem;}


.from-style li .select-box{margin: .75rem .75rem 0;}
.from-style li .tit {display: block;overflow: hidden;font-size: .65rem;color: #333;padding-bottom: .5rem;}
.from-style li .textbox{width: 100%;border: 1px solid #eceef1;font-size: .6rem;padding: 0px .5rem;outline: none;-webkit-transition: .3s;transition: .3s;border-radius: 3px;box-sizing: border-box;height: 1.8rem;line-height: 1.8rem;}
.window-box .foot-btn{height: 2rem;line-height: 2rem;/* border-top:1px solid #ddddeb; */padding: .5rem 0;background: #fff;text-align: center;position: absolute;width: 100%;bottom: 0;}
.window-box .foot-btn span{/* display:inline-block; */}
.window-box .foot-btn .button{padding: 0px 1.5rem;cursor:pointer;height: 1.8rem;font-size:14px;-webkit-transition:.3s;transition:.3s;border:1px solid #0892e1;color:#fff;background:#0892e1;text-align:center;border-radius: 5px;margin: 0px .5rem;}
.window-box .foot-btn .button2{color:#0892e1;background:#fff;}
.window-box .foot-btn .button:hover{ box-shadow:0px 2px 10px #a9d9fd;}