/* CSS Document */
html,body{font-size:16px; background-color:#FFF;}
body,img{ margin:0; padding:0;overflow-x:hidden; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif;}
img{ max-width:100%;}
ul,li{margin:0; padding:0;}
ul{ list-style-type:none;}
a{ text-decoration:none; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif !important; font-weight:normal !important;}
.font05em{font-size:0.5rem;}
.fonts075{font-size:0.75rem;}
.font1em{ font-size:1rem;}
.fontcolor_blue{ color:#F00;}
.fontw{ font-weight:bold;}
.fontred{color:#F00 !important;}
.hide{display:none;}
.hide_1{display:none !important;}
.redbtn,.ui-input-btn{ border:1px solid #e60012 ; background-color:#e60012; color:#FFF; font-weight:normal; }
.redbtn_1{ border:1px solid #f34e5b; background-color:#f34e5b; color:#FFF;}
.redbtn:visited{ color:#FFF !important; }
.redbtn:active,.redbtn_1:active{ background-color:#000; border-color:#000; color:#FFF;}
.floatright{ float:right;}
.colorCCC{ color:#CCC;}
.ptop6em{padding-top:6rem;}
.ptop10em{padding-top:10rem;}
.ptop2rem{padding-top:2rem !important;}
.pbottom0{padding-bottom:0 !important;}
.notlike{ line-height:10rem; text-align:center;}
/*公共CSS*/

.xiaobiao{width:100%; height:2.5rem;}
.xiaobiao span{font-size:0.7em; display:inline; padding:0.2rem; margin:0 0.5rem; color:#999;}
.xiaobiao .atype{ border:#F00 1px solid; border-radius:2px; color:#F00 !important;}
.xiaobiao .adtype{border:#009de6 1px solid; border-radius:2px; color:#009de6 !important;}
.xiaobiao .alook{ background:url(../images/icons-png/eye-black.png) no-repeat center left; padding-left:1.5rem !important;}
.xiaobiao .afrom{ background:url(../images/icons-png/edit-black.png) no-repeat center left; padding-left:1.5rem;}
.ui-icon-mhome:after{background-image:url(../images/icons-png/mhome-white.png)}
.ui-body-a {
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    text-shadow:none;
}
.ui-input-text{ border-color:#999;}
textarea.ui-input-text { min-height: 90px;  }
.ui-li-count{ font-weight:normal; color:#F00 !important; border-color:#F00 !important;}
.ui-controlgroup-controls{ width:100% !important;}
.ui-btn-icon-top:after{ background-color:#e60012;}
.ui-link{ text-shadow:none; font-weight:normal !important;}
.ui-listview>.ui-li-divider{ font-size:1rem; font-weight:normal;}

/* 用户系统CSS--------------------------*/
.userpage{ background-color:#FFF;}
/*页头CSS*/
.userlogo{width:100%; text-align:center; padding-bottom:20px;}
.userlogo img{max-width:10rem;}
.uheader{ background-color:#e60012 !important; padding:3% 5% 1% 5%; display:inline-block; width:90%; font-size:1rem; border:0;}
.uheader div{float:left; box-sizing:border-box;}
.userhead{width:4rem; height:4rem; border-radius:50%; overflow:hidden; border:1px solid #fff;margin:0 1rem 0 0;}
.userhead img{width:4rem; height:4rem;}
.username{ margin-top:1.25rem; text-shadow:none !important;  }
.username a{color:#FFF !important;font-weight:normal;}
.useredit{ float:right !important; margin-top:1rem;}
.useredit img{ width:1.5rem;}


/*页脚CSS*/
.footer{padding:0 !important; border:0 !important; background-color:#FFF !important;}
.footnav{ margin:0 !important; width:100% !important; height:3.2rem;}
.footnav a{width:25% !important; box-sizing:border-box !important; font-weight:normal !important;}
.footnav a:active{color:#FFF !important;}
.morePrompt{ border:1px solid #F00 !important; text-align:center; color:#F00; font-size:0.75rem !important; padding:5px 0 !important; margin-top:10px; background-color:#FEDDDA; opacity:0;}


.ulistview{ list-style-type:none; }
.ulistview li{ }
.ulistview li a{ color:#333;padding-top:1rem; padding-bottom:1rem; font-size:1rem;}
.ulistview li a{ box-shadow:#F00 !important; background:none !important;text-shadow:none !important; font-weight:normal !important; }
.ulistview li a:active{background-color:#fff !important; color:#F00 !important; box-shadow:none !important; border-color:#CCC !important;}
.ulistview li a:visited{color:#999;}


/*用户资料修改*/
.editcon h2{ font-weight:normal; font-size:1rem; text-align:center; padding:0; margin:0;}
.editbtn{ padding-top:0;}
.headimgDiv{ width:5rem; height:5rem; border:2px dotted #CCCCCC; border-radius:5px; margin:0 auto; text-align:center; vertical-align:middle;}
.headimgDiv img{ width:100%; height:100%; opacity:0.5}
.headzi{ position:relative; display:block; top:-5rem; text-shadow: 1px 1px 0 #FFF; font-weight:bold;}
.headpmt{ text-align:center; font-size:0.5rem; color:#CCC; line-height:20px;}
/*历史记录页面*/
.history_head{ position:fixed !important; top:0 !important;}
.content{ background-color:#FFF;}
.listview{ list-style-type:none; }
.listview li{padding:1rem 0; border-bottom:1px solid #EAEAEA; vertical-align:text-top; font-size:1.25rem; float:left; width:100%;}
.listview li a{ color:#333; font-weight:normal !important;}
.listview li a:active{color:#F00;}
.listview li a:visited{color:#999;}


.leftimg img{float:left; padding:0 0.5rem 0.5rem 0; max-width:7rem !important; max-height:6rem !important;}
.leftimg div{width:100% !important; display:block; float:left;}
.leftimg p, .aditem p{margin:0;}

.leftimg span, .aditem span{ font-size:0.7rem; display:inline; padding:0.1rem 0.2rem; margin:0 0.5rem; color:#999;}
.leftimg .atype,.aditem .atype{ border:#F00 1px solid; border-radius:2px; color:#F00 !important;}
.leftimg .alook,.aditem .alook{ background:url(../images/icons-png/eye-black.png) no-repeat 0 center; padding-left:0.9rem !important;background-size:12px 12px;}
.leftimg .afrom, .aditem .afrom{ background:url(../images/icons-png/edit-black.png) no-repeat left 0.2rem;background-size:10px 10px; padding-left:0.9rem;}
.atype a,.atype a:visited{color:#F00 !important;}

.aditem img{width:100%; text-align:center; margin:0.5rem 0 0 0 !important;}
/*.aditem .atype{ border:#009de6 1px solid; border-radius:2px; color:#009de6 !important;}*/
.threeimg img{width:31% !important; max-width:none !important; height:5rem; padding:0 1% 0.5rem 1% ;}
.threeimg p{ margin-bottom:0.3rem;}

/*登录界面CSS*/
.loginDiv{}
.loginDiv span{ display:block; width:100%;}
.loginDiv label{ width:100% !important;}
.ui-grid-a{border-bottom:1px #CCC solid; padding:5px 0; text-align:center; font-size:1.25rem;}
.ui-block-a{border-right:1px #CCC solid; }
.ui-grid-a a{ color:#000;}
.ui-grid-a a:active{color:#F00;}
.inputarea{}
.inputarea span{ font-size:0.75rem;}
.mobcode{ position:relative; top:-3.7rem; right:1rem; width:6rem;display:block; text-align:right; float:right; color:#CCC;}
.mobcode_1{top:-4rem;}
.mobcode a{ color:#000;}
.mobcode a:active{ color:#F00;}
.ui-btn-active{color:#F00 !important; font-weight:bold !important;}
.fasticon{width:100%; padding-top:0.5rem; box-sizing:border-box;}
.fasticon div{ width:33%; text-align:center; float:left;}
.fasticon img{max-width:3em;}
.fasticon .nouse{
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;}
.fasticon_tit{
 border-top:1px solid #E8E8E8;
 width:90% !important;
 margin:0 5% 1rem 5%;
}
.fasticon_tit_1{ background-color:#FFF; position:relative; top:-0.7rem; padding:0 0.5rem; font-size:0.8rem;}	
	
	
.cannel{border: 1px solid #e60012;background-color: #fff;color: #e60012;}
.bindok{border: 1px solid #e60012 !important;background-color: #e60012 !important;color: #fff !important; width:100%; border-radius:5px; padding:10px 0;}
input[type="submit"]:disabled{ opacity:0.3;}
.inputarea input[type="text"]:hover{ background-color:#FFF !important;}


/*微家装管理页*/
.bgcoloreee{ background-color:#EEE;}
.followlist{ width:100%; background-color:#fff; border-bottom:1px solid #CCC;border-top:1px solid #CCC; margin-top:9.2rem;}
.followlist:active{border-bottom:1px solid #000;border-top:1px solid #000; transition:border .2s;}
.marginT02{ margin-top:0.2rem;}
.flist-tit{margin:0.5rem 1rem; background:url(../images/icons-png/carat-r-black.png) no-repeat right center;}
.flist-tit a{ width:100%; display:block;}
.flist-user{padding:0.5rem 0.5rem 0.5rem 1rem; display:inline-block;}
.flist-user li{margin:0 0.8rem 1rem 0; float:left; box-sizing:border-box; width:4rem; height:5.2rem; overflow:hidden; line-height:1rem; text-align:center; font-size:0.75rem;}
.flist-user li a,.followlist a{ color:#333 !important;}
.flist-user li img{ width:4rem; height:4rem; border-radius:50%;}



/*提示页面CSS*/
.phead{ text-align:center; padding:3rem 0;}
.phead img{ max-width:50%}
.promptcon{ text-align:center; margin:0 2rem;}
.promptbtn{ padding-top:3rem;}

/*锁定层-----------------------------*/
#locklayer{ width:100%; height:100%; opacity:0.9; background-color:#F5F5F5; z-index:999; position:fixed;text-align:center; font-size:1rem; left:0; top:0; display:none;}
#locklayer table{ width:100%; height:100%}