body, html {
    max-width: 414px;
    margin: 0 auto;
}
@media(min-width:414px) {
    body, html {
        font-size: 65px;
    }
}
.fixed {
    position: fixed !important
}
.text-center {
    text-align:center;
}
.text-right {
    text-align: right;
}
.fz-12 {
    font-size:12px;
}
.fz-16 {
    font-size: .25rem !important;
}
.lh14 {
    line-height:1.4
}
.lh16 {
    line-height: 1.6
}
.bt0 {
    bottom: 0
}
.w-100 {
   width:100%  !important;max-width:414px;
}
.h-100vh {
    height: 100vh;
}
.w-30 {
    width: 30px
}
.bgw {
   background:#fff
}
.color-primary {
    color: #f95e5a !important;
}
.color-success {
    color: #22d107 !important;
}
.color-gray {
    color: #999 !important;
}
.radius0 {
    border-radius: 0!important;
}
.radius100 {
    border-radius: 100% !important;
}
.row {
    display: flex
}
.col {

}
.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .14rem !important
}

.mt-1, .my-1 {
    margin-top: .14rem !important
}

.mr-1, .mx-1 {
    margin-right: .14rem !important
}

.mb-1, .my-1 {
    margin-bottom: .1rem !important
}

.ml-1, .mx-1 {
    margin-left: .14rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .14rem !important
}

.pt-1, .py-1 {
    padding-top: .14rem !important
}

.pr-1, .px-1 {
    padding-right: .14rem !important
}

.pb-1, .py-1 {
    padding-bottom: .14rem !important
}

.pl-1, .px-1 {
    padding-left: .14rem !important
}

.p-2 {
    padding: .25rem !important
}

.pt-2, .py-2 {
    padding-top: .25rem !important
}

.pr-2, .px-2 {
    padding-right: .25rem !important
}

.pb-2, .py-2 {
    padding-bottom: .25rem !important
}

.pl-2, .px-2 {
    padding-left: .25rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}
.pb-6 {
    padding-bottom: 6rem !important
}

.flex {
    display:flex;
}
.between {
    justify-content: space-between;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
.bgnone {
    background:none !important
}
.btn {
    border-radius: .08rem;
    line-height: 120%;
    font-size: .32rem;
    padding: 10px 15px;
}
.btn-md {
    font-size: .26rem;
    padding: 7px 10px;
}
.btn-sm {
    font-size: .24rem;
    padding: 5px 5px;
}
.btn-xs {
    border-radius: .05rem;
    font-size: .2rem;
    padding: 1px 5px;
}
.btn-primary {
    background-color: #f95e5a;
    border: solid 1px #f95e5a;
    color: #fff;
}
.btn-outline-default {
    background-color: transparent;
    border: solid 1px #666;
    color: #666;
}
.btn-default {
    background-color: #666;
    border: solid 1px #666;
    color: #fff;
}

.btn-outline-primary {
    background-color: transparent;
    border: solid 1px #f95e5a;
    color: #f95e5a;
}
.btn-block {
    width: 100%;
}
a {
    color:#333;
}
select {
    border-radius: .08rem;
    min-width: 50%;
    font-size: .24rem;
    margin: 0 2%;
    padding: 5px 0;
    color: #666;
    background: url(../img/xsj_down_1.png) no-repeat center right 5%;
    background-color: #fff;
    background-size: .16rem;
}
/*搜索*/
.zy_search_top {
    background-color: #f5f5f5;
    border-bottom: #ddd solid 1px;
    padding: 1.8% 0;
}
.zy_search_top .one{ width: 8%; display: inline-block; vertical-align: middle; margin-left: 1%; }
.zy_search_top .one img{ display: block; margin:0 auto; width:36%;}
.zy_search_top .box{ background-color: #fff; border:#ddd solid 1px; border-radius: 100px; padding:1%; overflow: hidden; 
	display: inline-block; vertical-align: middle; width: 72%; 
}
.zy_search_top .box span{ display: inline-block; vertical-align: middle; width: 10%; margin-left: 1%;}
.zy_search_top .box span img{ display: block; margin:0 auto; width: 70%; }
.zy_search_top .box input{font-size: .26rem; line-height:180%; color: #666; width: 80%; vertical-align: middle; background-color: #fff;}

.zy_search_top .r{ width: 12%; margin-top: 1.5%; position: relative; margin-right: 2%;}
.zy_search_top .r span{background:url(../img/jt_down_r.png) no-repeat center right; 
	background-size: 24%; color: #666; font-size: .26rem; line-height: 180%; display: block;
}
.zy_search_top dl{position: relative; position: absolute; background-color: rgba(0,0,0,.7); width: 180%; right: 0;
	border-radius: .12rem; top: 130%; display: none; z-index: 5;
}
.zy_search_top dl dt{ width: 0; height:0; position: absolute; right: 16%; top:-.14rem;
	border-bottom: .15rem solid rgba(0,0,0,.7);  
	border-left: .15rem solid transparent; border-right: .15rem solid transparent;
}
.zy_search_top dl dd{ text-align: center; padding:.18rem 0; border-top:#aaa solid 1px;}
.zy_search_top dl dd:nth-child(2){border-top:none;}
.zy_search_top dl dd a{ font-size: .26rem; color: #ddd; }

/*搜索框*/
.zy_search_bomb_box{
	max-width: 100%;
	width: 100%;
}
.zy_search_bomb_box form {display: inline-block; vertical-align: middle; width: 90%;}
.zy_search_bomb_box form div span{ display: inline-block; vertical-align: middle; width: 10%; margin-left: 1%;}
.zy_search_bomb_box form div span img{ display: block; margin:0 auto; width: 70%; }
.zy_search_bomb_box form button{ background-color: #f5f5f5; font-size: .26rem;  vertical-align: middle; color: #666; margin-left: 1%;}

/*头部标题*/
.zy_title_top{position:relative; background-color: #f5f5f5; border-bottom: #ddd solid 1px; padding:13px 0; }
.zy_title_top .one{ width: 8%; display: inline-block; vertical-align: middle; margin-left: 1%; }
.zy_title_top .one img{ display: block; margin:0 auto; width:36%;}
    .zy_title_top h1 {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
        line-height: 120%;
        width: 74%;
        margin: 0 2% 0 3%;
        white-space: nowrap;
        overflow: hidden;
        color: #333;
    }

.zy_title_top .r{ width: 8%; height:18px; line-height:18px; top: 50%; margin-top:-9px; position: absolute; right: 3%;}
    .zy_title_top .r span {
        display: flex;
        align-items: center;
        height: 100%;
    }
.zy_title_top .r span img{ display: block; width: 100%; }
.zy_title_top dl{position: relative; position: absolute; background-color: rgba(0,0,0,.7); width: 360%; right: -.10rem;
	border-radius: .12rem; top: 240%; display: none; z-index: 5;
}
.zy_title_top dl dt{ width: 0; height:0; position: absolute; right: 12%; top:-.14rem;
	border-bottom: .15rem solid rgba(0,0,0,.7);  
	border-left: .15rem solid transparent; border-right: .15rem solid transparent;
}
.zy_title_top dl dd{ text-align: left; padding:.18rem .15rem; border-top:#aaa solid 1px;}
.zy_title_top dl dd:nth-child(2){border-top:none;}
.zy_title_top dl dd a{ font-size: .26rem; color: #ddd; display: inline-block; vertical-align: middle; }
.zy_title_top dl dd i{display: inline-block; vertical-align: middle; width: .345rem; margin-right: .10rem;}
.zy_title_top dl dd i img{display: block; width: 100%;}

/*内容标题*/
.zy_title_con{ padding:2% 0; }
.zy_title_con h2 span{position: relative; color: #333; font-size: .28rem; line-height: .3rem; }
.zy_title_con h2 span i{position: absolute; left: 0; bottom: -.1rem; width: 100%; height: 2px; 
	background: url(../images/line_botm.jpg) no-repeat center bottom;background-size: 100% 2px;
}

.zy_title_con_01{ padding:4% 2%;border-bottom: solid 1px #ddd }
.zy_title_con_01 h2 span{color: #333; font-size: .28rem; line-height: .3rem;}

/*滑动页面头部浮动公共css*/
.scroll_fix{
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	z-index: 999;
}


@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}