@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
参考备用
-----------------------------------------------------*/


/*登录*/
.zlogin { height: 100%; box-sizing: border-box;}
.zlo_title { padding-top: 0.8rem; line-height: 3rem;text-align: center; font-size: 1.8rem; color: #000;}
.zlo_hh { padding-top: 0.8rem; padding-left: 1.5rem; line-height: 3rem;; font-size: 1.5rem; color: #000;}
.zlo_box { display: -webkit-box; -webkit-box-orient: vertical;}
.zlo_content,.zlo_content1 { -webkit-box-flex: 1; padding: 0 1.5rem; padding-top: 1.5rem;}
.zlo_content { padding-top: 5rem;}
.zlo_footer { height: 4.8rem;}

.zfo_btn { padding-top: 4rem; line-height: 4.5rem; text-align: center; }
.zfo_btn a { display: block; height: 4.5rem; border-radius: 0.5rem; background: #09f; font-size: 1.6rem; color: #fff;}
.zfo_btn a:hover { text-decoration: none;}
.zfo_friend { padding: 2rem 0; text-align: center; font-size: 1.4rem; color: #b2b2b2;}
.zfo_friend a { color: #7b9e31;}

.zlo_warning { height: 9rem; color: #666;}
.zlo_warning dt { font-size: 1.2rem;}
.zlo_warning dt a { color: #09f;}
.zlo_warning dd { padding-top: 2.2rem; font-size: 1.5rem;}
.zlo_row { display: -webkit-box; padding-top: 1rem;}
/*.zlo_error { color:#f00}
.zlo_error .zlo_dd input { border: 1px #f00 solid; color: #f00;}
.zlo_error .zlo_dd h4 { display: block;}*/
.zlo_dIn { display: -webkit-box;}
.zlo_verfly { -webkit-box-flex:1;}
.zlo_w { width: 11.5rem; height: 3.9rem; padding-left: 0.6rem;}
.zlo_w a { display: inline-block; vertical-align: middle;}
.zlo_img { width: 10.8rem; height: 3.9rem; border: 1px #cfd3d4  solid; border-radius: 0.25rem;}
.zlo_img img { width: 100%; vertical-align: middle;}
.zlo_txt { padding-left: 0.4rem; line-height: 3.6rem;}
.zlo_w a { color: #7b9e31; font-size: 1.5rem;}
.zlo_dd { -webkit-box-flex:1;}
.zlo_dd input { width: 100%; height: 3.9rem; padding-left: 3.4rem; box-sizing: border-box; border: 1px #cfd3d4  solid; border-radius: 0.25rem; background: #fff; line-height:3.9rem; color: #000; font-size: 1.2rem;}
.zlo_important { width: 0; position: relative; height: 3.9rem; font-size: 1.4rem;}
.zlo_important span { position: absolute; right: -1rem; line-height: 3.9rem; line-height: 3.9rem; color: #f00;}
.zlo_instr { padding-top: 0.8rem; font-size: 1.4rem; color: #666;}
.zlo_instr span { color: #f00; vertical-align: middle;}
/*.zlo_dd h4 { height: 1.9rem; padding-top: 0.45rem; line-height: 1.9rem; color: red; font-size: 1rem; display: none;}*/
.zlo_dd input.zlo_danwei,
.zlo_dd input.zlo_xuexiao { background: url(../images/icon_12.png) 0.5rem center no-repeat #fff; background-size: 2rem;}
.zlo_dd input.zlo_xuehao,
.zlo_dd input.zlo_username { background: url(../images/icon_09.png) 0.5rem center no-repeat #fff; background-size: 2rem;}
.zlo_dd input.zlo_mima { background: url(../images/icon_07.png) 0.5rem center no-repeat #fff; background-size: 2rem;}
.zlo_dd input.zlo_shouji { background: url(../images/icon_18.png) 0.5rem center no-repeat #fff; background-size: 2rem;}
.zlo_dd input.zlo_youxiang { background: url(../images/icon_10.png) 0.5rem center no-repeat #fff; background-size: 2rem;}
.zlo_dd input.zlo_anquan { background: url(../images/icon_13.png) 0.5rem center no-repeat #fff; background-size: 2rem;}

.zlo_dbtn { width: 8rem; height: 3.9rem; margin-left: 0.5rem; }
.zlo_dbtn a { display: inline-block; width: 8rem; height: 3.9rem; border-radius: 0.25rem; border: none; background: #ccc; line-height: 3.9rem; text-align: center; color: #fff; font-size: 1.3rem;}
.zlo_one a { background: #09f;}
.zlo_its { padding-top: 1.5rem; font-size: 1.4rem; text-align: right;}
.zlo_its span { padding:0 0.8rem; color:#959a9d;}
.zlo_its a { color: #6496ff;}
/*----------------------------------------------------
选择地区
-----------------------------------------------------*/
.zarea { -webkit-box-flex: 1; padding-bottom: 4.6rem; overflow-y: auto;}
.zar_row { display: -webkit-box; display: box; height: 3.6rem; padding: 0.6rem 1rem; border-bottom: 1px #cac9cd solid;}
.zar_th { -webkit-box-flex: 1;}
.zar_th h2 { width: 90%; height: 3.6rem; line-height: 3.6rem; color: #000; font-size: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zar_th h2 a { color: #000;}
.zar_th p { height: 1.5rem; line-height: 1.5rem; font-size: 1.2rem; color: #8e8e93;}
.zar_to { width: 1rem; height: 3rem; font-size: 1.4rem}
.zar_to a { display: inline-block; height:3rem; background: url(../images/icon_05.png) right center no-repeat; background-size: 0.9rem; line-height: 3rem; padding-right: 1rem; color: #777;}