/*CSS Document*/
html{
    font-size: 100px;
}
body{
    /*background: #fff;*/
}
img{
    width: 100%;
}
/*盒模型*/
*{
    box-sizing: border-box;
}
.mobile-wrap{
    width: 7.5rem;
    margin: 0 auto;
}
/*banner*/
.zg-banner{
    position: relative;
    width: 7.5rem;
    height: 6.92rem;
    background: url("../images/banner-bg.jpg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
/*header*/
header{
    height: 1.17rem;
    padding-top: .6rem;
}
.zg-logo{
    display: block;
    float: left;
    width: 2.15rem;
    height: .48rem;
    margin-left: .35rem;
}
.zg-nav-top{
    float: right;
    padding-top: .15rem;
    margin-right: .37rem;
}
.zg-nav-top li{
    float: left;
    width: 1.13rem;
    height: .42rem;
    margin-left: .3rem;
    font: .24rem/.42rem "微软雅黑";
    color: #fff;
    text-align: center;
    -webkit-border-radius: .18rem;
    -moz-border-radius: .18rem;
    border-radius: .18rem;
    cursor: pointer;
}
.zg-nav-top li.on{
    color: #4f6cf9;
    background: #fff;
}
header .zg-welcome-text{
    display: none;
    float: right;
    padding-top: .15rem;
    margin-right: .37rem;
    height: .42rem;
    font: .24rem/.42rem "微软雅黑";
    color: #fff;
    text-align: right;
}
header .zg-welcome-text a{
    font: .24rem/.42rem "微软雅黑";
    color: rgba(255,255,255,.5);
}
.zg-department{
    width: 3.96rem;
    height: .74rem;
    margin: 1.08rem auto .53rem;
    font:  .44rem/.74rem "微软雅黑";
    color: #31150a;
    text-align: center;
    background: #f7cb45;
    -webkit-border-radius: .37rem;
    -moz-border-radius: .37rem;
    border-radius: .37rem;
}
.banner-title{
    position: relative;
    z-index: 2;
    display: block;
    width: 5.99rem;
    height: .98rem;
    margin: 0 auto;
}
.banner-search{
    position: absolute;
    left: 1.51rem;
    top: 3.17rem;
    z-index: 1;
    width: 2.76rem;
    height: 2.78rem;
}
.myGlass{
    animation:animeX 2s ease-in-out -1s 2 alternate, animeY 2s ease-in-out 2 alternate;
}
@keyframes animeX{
    0% {left: 1.51rem;}
    100% {left: 2.01rem;}
}
@keyframes animeY{
    0% {top: 3.17rem;}
    100% {top: 3.67rem;}
}

/*内容*/
.zg-search-wrap{
    /*background: #fff000;*/
    background: #fff;
    padding-bottom: .92rem;
}
.zg-search-container{
    position: relative;
    z-index: 5;
    width: 6.39rem;
    padding-top: .89rem;
    padding-bottom: .72rem;
    margin: -1.43rem auto 0;
    background: #fff;
    -webkit-border-radius: .28rem;
    -moz-border-radius: .28rem;
    border-radius: .28rem;
    -webkit-box-shadow:  .1rem .1rem .4rem rgba(223,223,223,.91);
    -moz-box-shadow:   .1rem .1rem .4rem rgba(223,223,223,.91);
    box-shadow:   .1rem .1rem .4rem rgba(223,223,223,.91);
}
/*查询表单*/
.zg-form-box{
    width: 5.61rem;
    height: 5.83rem;
    margin: 0 auto;
}
.search-form{
    font-size: 0;
}
.search-form label{
    position: relative;
    display: block;
    width: 5.61rem;
    height: .95rem;
    padding-left: 1.04rem;
    margin-bottom: .65rem;
    background: #f8f8f8;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
}
.search-form select{
    width: 4.57rem;
    height: .95rem;
    font: .34rem/.95rem "微软雅黑";
    color: #c5c5c5;
    background: #f8f8f8;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
}
.search-form select option{
    color: #000;
}
.search-form .search-btn{
    display: block;
    width: 5.61rem;
    height: .88rem;
    font: .34rem/.88rem "微软雅黑";
    color: #fff;
    text-align: center;
    background: #5070f9;
    -webkit-border-radius: .44rem;
    -moz-border-radius: .44rem;
    border-radius: .44rem;
    cursor: pointer;
}
.search-form img{
    position: absolute;
}
.search-form img.icon-cat{
    width: .39rem;
    height: .33rem;
    left: .42rem;
    top: .33rem;
}
.search-form img.icon-pro{
    width: .43rem;
    height: .37rem;
    left: .35rem;
    top: .27rem;
}
.search-form img.icon-city{
    width: .31rem;
    height: .43rem;
    left: .4rem;
    top: .26rem;
}
/*查询结果*/
.zg-result-box{
    display: block;
    margin-top: 1.04rem;
    font-size: .24rem;
    color: #000;
}
.zg_notice_list{
    width: 5.61rem;
    margin: 0 auto;
}
.zg_notice_list li{
    width: 5.61rem;
    height: 1.04rem;
    padding: 0 .05rem;
    margin-bottom: .68rem;
}
.zg_notice_list li a.zg_notice_name{
    display: block;
    height: .3rem;
    font: .24rem/1 "微软雅黑";
	line-height: .3rem;
    margin-bottom: .35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.result-detail span{
    display: block;
    float: left;
    height: .45rem;
    font: .24rem/1 "微软雅黑";
}
.result-detail a{
    display: block;
    float: right;
    width: 1.59rem;
    height: .45rem;
    font: .24rem/.45rem "微软雅黑";
    color: #fff;
    text-align: center;
    -webkit-border-radius: .22rem;
    -moz-border-radius: .22rem;
    border-radius: .22rem;
    background: -webkit-linear-gradient(to left,#5179fa, #4d60f7); /* Safari 5.1 - 6.0  chrome相反*/
    background: -o-linear-gradient(to right,#5179fa, #4d60f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,#5179fa, #4d60f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#5179fa, #4d60f7); /* 标准的语法 */
}
#learnMmore{
    display: block;
    width: 5.61rem;
    height: .88rem;
    margin: .12rem auto 0;
    font: .34rem/.88rem "微软雅黑";
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(to left,#5179fa, #4d60f7); /* Safari 5.1 - 6.0  chrome相反*/
    background: -o-linear-gradient(to right,#5179fa, #4d60f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,#5179fa, #4d60f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#5179fa, #4d60f7); /* 标准的语法 */
    -webkit-border-radius: .44rem;
    -moz-border-radius: .44rem;
    border-radius: .44rem;
}
.zg_wrap_result{
    display: none;
}
/*关于中公辅警*/
.zg-title-h2{
    height: .48rem;
    font: bold .48rem/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.zg-title-h2 span{
    color: #4b59f8;
}
.zg-concern-tips{
   /* margin: .46rem 0 .86rem .46rem;*/
    margin: .46rem 0 .86rem .66rem;
    font: .3rem/.49rem "微软雅黑";
    color: #333;
}
/*二维码*/
.zg-qrcode{
    width: 7.5rem;
    height: 4.43rem;
    background: #fff url("../images/zg-qrcode.jpg") no-repeat center bottom;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.qrcode-box{
    width: 3.19rem;
    height: 3.19rem;
    padding: .2rem;
    margin: 0 auto;
    background: #fff;
}
.qrcode-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.qrcode-text{
    height: .3rem;
    margin-top: .26rem;
    font: .3rem/1 "微软雅黑";
    color: #fff;
    text-align: center;
}
/*提示弹窗*/
.zg_direction{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    width: 5.61rem;
    padding: .3rem 0;
    background: #cde5fe;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
}
.tips_title{
    height: .2rem;
    font: bold .2rem/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.direction_list{
    margin: .2rem 0 0 .4rem;
    font: .18rem/.36rem "微软雅黑";
    color: #333;
}
.direction_know{
    display: block;
    width: 1.6rem;
    height: .45rem;
    margin: .2rem auto 0;
    font: .18rem/.45rem "微软雅黑";
    color: #fff;
    text-align: center;
    background: #4d62f7;
    -webkit-border-radius: .22rem;
    -moz-border-radius: .22rem;
    border-radius: .22rem;
}
.zg_cover{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}
/*登录注册弹窗*/
.zg_mask{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.container {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    width: 6.39rem;
    background: #fff;
    padding: .52rem 0 .48rem;
    -webkit-border-radius: .28rem;
    -moz-border-radius: .28rem;
    border-radius: .28rem;
    display: none;
}
.bd_close {
    position: absolute;
    right: -.03rem;
    top: -1.44rem;
    width: .74rem;
    height: 1.44rem;
    cursor: pointer;
}

.bd_nav {
    height: .62rem;
    border-bottom: .02rem solid #f6f6f6;
    padding: 0 .69rem;
}

.bd_nav span {
    display: block;
    float: left;
    width: 1.5rem;
    padding-bottom: .26rem;
    margin: 0 .5rem;
    line-height: 1;
    font-size: .35rem;
    color: #999999;
    text-align: center;
    cursor: pointer;
}
.bd_nav span.active {
    position: relative;
    top: -.02rem;
    color: #5176fa;
    border-bottom: .03rem solid #5176fa;
}
.container .agileits {
    display: none;
    width: 5.61rem;
    margin: .67rem auto 0;
}
.container .agileits .bd_line_wrap {
    width: 5.61rem;
    height: .95rem;
    padding-left: 1.04rem;
    margin-bottom: .25rem;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
}
.container .agileits .bd_line_wrap1{
    background: #f8f8f8 url("../images/icon-user.png") no-repeat .42rem .32rem;
    -webkit-background-size: .32rem .32rem;
    background-size: .32rem .32rem;
}
.container .agileits .bd_line_wrap2{
    background: #f8f8f8 url("../images/icon-phone.png") no-repeat .47rem .27rem;
    -webkit-background-size: .23rem .37rem;
    background-size: .23rem .37rem;
}
.container .agileits .bd_line_wrap4{
    background: #f8f8f8 url("../images/icon-city.png") no-repeat .47rem .27rem;
    -webkit-background-size: .23rem .37rem;
    background-size: .23rem .37rem;
}
.container .agileits .bd_line_wrap3{
    background: #f8f8f8 url("../images/icon-lock.png") no-repeat 18px 14px;
    -webkit-background-size: .25rem .29rem;
    background-size: .25rem .29rem;
}
.container .agileits .bd_line_wrap3.yzm_wrap{
    margin-bottom: .55rem;
}
.container .agileits .bd_line_wrap input {
    display: block;
    width: 4.57rem;
    height: .95rem;
    font: .28rem/.95rem "微软雅黑";
    color: #000;
}
.container .agileits .bd_line_wrap input::-webkit-input-placeholder{
    color: #c5c5c5;
}

.container .agileits .bd_line_wrap input::-moz-placeholder{
    color: #c5c5c5;
}
.forgot-password{
    display: block;
    margin-right: .3rem;
    font: .24rem/1 "微软雅黑";
    color: #5177fa;
    text-align: right;
}
.zg_get_yzm,#daojishi{
    position: absolute;
    right: .84rem;
    top: 7.5rem;
    height: .28rem;
    font: .28rem/1 "微软雅黑";
    color: #6787fd;
    text-align: right;
}
#daojishi{
    display: none;
}
.zg_get_yzm:hover{
    color: #ffca00;
    text-decoration: underline;
}
.container .agileits .bd_line_wrap.send_button {
    width: 5.61rem;
    height: .88rem;
    padding-left: 0;
    background: none;
    -webkit-border-radius: .44rem;
    -moz-border-radius: .44rem;
    border-radius: .44rem;
}
.container .agileits.register .bd_line_wrap.send_button{
    margin-bottom: .12rem;
}
.container .agileits .bd_line_wrap.send_button input.submintBtn {
    width: 5.61rem;
    height: .88rem;
    padding: 0;
    font: .34rem/.88rem "微软雅黑";
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(to left,#5179fa, #4d60f7); /* Safari 5.1 - 6.0  chrome相反*/
    background: -o-linear-gradient(to right,#5179fa, #4d60f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,#5179fa, #4d60f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#5179fa, #4d60f7); /* 标准的语法 */
    -webkit-border-radius: .44rem;
    -moz-border-radius: .44rem;
    border-radius: .44rem;
    cursor: pointer;
}