@import url(common.css);
@import url(../angular/ngDialog.min.css);
@import url(../angular/ngDialog-theme-default.min.css);
@import url(../angular/ngDialog-theme-plain.min.css);
@import url(../iconfont/iconfont.css);
/**/

/*reset*/
html,body{ height:100% !important;-webkit-overflow-scrolling:touch; margin: 0 auto; position: relative;}
body{  -webkit-user-select: none; /*font-size: 62.5%;*/  max-width: 720px; min-width: 320px; position: relative;}
body{ font-size: 62.5%;}
body{ font-size: 14px;}
/*a{ color: #888;}*/
a:hover{ text-decoration:none;}
/*btn*/
button[disabled="disabled"]{ background-color: #ddd !important; color: #aaa !important;}
/*theme*/
.theme-bg{ background-color: #4dbfbf; color:#fff;}
.theme-bg.btn{ background: none; border: 1px solid #4dbfbf; border-radius: 5px; color:#4dbfbf; font-size: 1.2em;}
.theme-color{ color:#0059ae;}
.theme-red{ background:#4dbfbf;}
/*utils*/
.mask{ background:#000; z-index:99;}
.dialog{ padding:10px 4%;}
.ngdialog.ngdialog-theme-plain .ngdialog-content{ width: 280px;}
.ngdialog-themeab{width: 100% !important;}
.ngdialog-close{padding: 5px;}

/**/
body.isPC nav.nav{ position:fixed;}
 .view-wrap{ min-height:200px; height: auto; }

body.innerPage .mainPage{ display: none;}
body.innerPage .innerPage{ display: block;}

.topbarhhss{color:#FF1493}
.topbarttssin{color:#FFFAFA}

.topbarBackcolor{background-color: snow;}
body.fullPage .topbar{color: #f9bf00; width: 100%; height: 40px; overflow: hidden; position: fixed; z-index: 999; top:0px}
body.fullPage .topbar .topbar-title{ width: 40px;height: 40px; border-radius: 50%;}
body.fullPage .topbar .topbar-title img{  border-radius: 50%;}
body.fullPage .topbar .icon-back{ color: #fff; margin-right: 10px;}
body.fullPage .topbar .tipbar_title_test{text-align: center; padding: 10px 40px 10px 0px; font-size: 16px; font-weight: 700; color:#666666}

.nav{ background-color:#fff; border-top: 1px solid #eee; position: absolute; left: 0; width: 100%;}
.nav{ position: fixed; bottom: 0;}
.nav .nav-item{ float: left; width: 25%; height: 74px; background-color: #fff; }
.nav .nav-item a{ display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position:  center; background-size: 30%;}

.nav .nav-item.active a{ background-size: 35%;}

.list-wrap{}
.list-item{margin: 10px 0px;}
.separate{height: 10px;background-color: rgba(158, 158, 158, 0.18);}
#message-list .list-wrap{}
#message-list .list-item{ border-bottom: 1px solid #e5e5e5; padding: 5px; position: relative; height: 69px; overflow: hidden;}
.list-item-desc{ overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
#message-list .list-item-desc,#message-list .list-item-time{ color: #b8b8b8;}
#message-list .list-item-desc{ }
.list-item-icon{display: inline;float: left;padding-left: 20px;}

#message-list .list-item-info{ padding: 8px 0 8px 5px; line-height: 200%;}
#message-list .list-item-name.new{ color: #0059ae;}
#message-list .list-item-time{ right: 10px; top: 15%;}
#message-list .isRepair .repairText{display: inline-block;}

.btn-submit{ background-color: #ffb54a; border-radius: 10px; color: #fff; font-size: 1.4em; padding: 5px 20px; margin:20px 0; width: 100%;}
#active .list-item-text{font-size: 15px;}
#active .list-item-input{font-size: 15px;width: 70%;margin-left: 10px;border: none;border-bottom: 1px solid #EDEDED;}
#active .tip{text-align:left;padding-left: 20%; color:darkorange; font-size: 10px;}
.codeyzm{color:orangered;font-size: 12px;border:none;background-color: #FDF59A;padding: 5px;}

/*个人中心*/
.userinfo_backage{background-color:rgb(255, 118, 0);height: 160px; padding-top: 20px;}
.user_qbtxss{top: 20%; padding: 10px;}
.user_leirong{width: 100%; background-color: #FFFAFA; height: 120px; border-radius: 15px;margin: auto;}

#home .list-item-icon img{ max-width: 40px; max-height: 40px; width: 40px; height: 40px; margin: auto;}
#task-info .form-item-wrap{ border-bottom: 1px solid #eee; position: relative;}
#task-info .form-item-wrap label{ padding-left: 20px; text-align: left; font-weight: normal; color: #888;}
#task-info .form-item-wrap .form-item{ width: 60%; text-align: right;}
#task-info .form-item-wrap.img .form-item{ text-align: left;}
#task-info .form-item-wrap img{ margin-left: 69%;} 

.form-item-label label{  padding-right: 10px; width: 70px; text-align: right; margin-top: 5px; line-height: 200%;}
.form-item-readonly .form-item{ border: 0 none;}
.form-item-readonly .deviceSelection{ display: none;}
.form-item-readonly .work-header-wrap{ display: block;}

#store-info .form-item-wrap{border:none; position: relative; padding: 5px 0px;}
#store-info .form-item-span{width: 75%; text-align: left;float: left;}
#store-info .form-item-label{width: 25%;text-align: right;float: left;color: #888;}

.reampropertyss{
	display: block;
    width: 40%;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    border: 1px solid ##9E9E9E;
    color: #5d5454;
}
.reamproperstylediv{padding: 10px 0px;}

.keytextstyle{
	padding: 20px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.5em;
    background:url(../../img/saocode/beijtu.png) no-repeat center;background-size: 100%;
}


/*login*/
/*#login{ background-color: #f2f2f2;}*/
#login .numPart{}
input.i{ border-radius: 5px; margin: 5px 0; padding: 10px 0; text-indent: 10px;}
#login input.i-account[type="search"]::-webkit-search-cancel-button { margin-right: 10px;}
/*#login input.i-account{ width: 76%; margin-left: 5px;}*/
#login input.i-account{ width: 99%;}
#login input.i-pwd{ width: 99%;}
#login .login-btn{ }
#login .login-reg-wrap a{}
#login .login-head-wrap{ padding: 20px 0;}
/*reg*/
.reg-wrap{ padding: 20px 5%; }
#reg .reg-numPart-wrap{ border-bottom:1px solid #eee;}


.outlogin{
	position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    border-top: 1px solid #cccc;
}