.com-header{
    box-sizing:border-box;
    padding:0 15px;
    min-width:320px;
    /* height:102px; */
    height:56px;
    line-height:56px;
    background-color:#fff;
    background-color:#fff;
    border-style:solid;
    border-width:0 0 1px;
    border-color:#d9d9d9;
    position:relative;
    border-bottom:0;
    box-shadow:inset 0 -1px 0 0 rgba(210, 217, 231, .71);
    font-size:0;
    overflow:hidden;
    text-align:center;
}
.com-search-wrap{
    padding:10px 20px 0;
}
.com-header .header-menu-trigger{
    display:inline-block;
    vertical-align:middle;
    margin-right:22px;
    position:absolute;
    top:0;
    left:15px;

}
.fixed-header{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:999;
}


.app-page{
    padding-top:56px;
}
.com-header .header-menu-trigger:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:16px;
    background:url(../images/menu-icon.svg) no-repeat center;
    background-size:cover;
}
.header-logo-wrap{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.header-logo-wrap .header-logo{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.header-logo-wrap .header-logo .logo-icon{
    display:block;
    width:114px;
    height:30px;
    background:url(/images/logo_home.png) no-repeat 50%;
    background-size:cover;
}
.com-2-header-search{
    display: block;
    opacity: 1;
    visibility: visible;
    text-align: left;
    position:relative;
    font-size:14px;
}
.com-2-header-search .com-2-header-input{
    display:block;
    padding:0 30px;
    height:33px;
    line-height:33px;
    background-color:#f4f5f9;
    box-sizing:border-box;
    font-size:14px;
    width:100%;
    border:0;
    outline:0;
}
.com-2-header-search .com-i-search{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    background:url(../images/sea-icon.svg) no-repeat;
    background-size:cover;
    position:absolute;
    left:8px;
    top:8px;
}



.com-m-side-mask{
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:0;
}
.com-m-side{
    position:fixed;
    left:0;
    top:0;
    z-index:1001;
    width:300px;
    height:100%;
    background-color:#fff;
    box-shadow:4px 2px 4px 0 rgba(0,0,0,.2);
    transition:all .3s ease;
    font-size:14px;
    text-align:left;
}
.com-m-side-hd{
    padding:0 15px;
    height:56px;
    border-bottom:1px solid #e5e5e5;
    line-height:56px;
}
.com-m-side-hd .header-logo-wrap {
    position: relative;
    top: -1px;
}
.com-m-side-hd-extra{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 0;
}
.com-m-side-link{
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 14px;
    color: #999;
}
.com-m-side-link .icon-back{
    position:relative;
    top:-1px;
    display:inline-block;
    vertical-align:middle;
    margin:0 5px;
    width:9px;
    height:15px;
    background-image: url(../images/sprit-icon.svg);
    background-position: 72.09% 58.76%;
    background-size: 3444.4444444444443% 2039.9999999999998%;
    background-repeat: no-repeat;
    /* background-size:14px; */
}
.com-m-side-bd{
    position:absolute;
    left:0;
    top:57px;
    right:0;
    bottom:0;
    display:flex;
    flex-flow:column nowrap;
    -webkit-box-orient:vertical;
    overflow-x:hidden;
    overflow-y:auto;
}
.com-m-side-bd .com-m-side-nav{
    flex: 1;
    -webkit-box-flex: 1;
    box-sizing: border-box;
    padding: 8px 0;
    color:#666;
}
.com-m-side-nav-link{
    display:block;
    position:relative;
    padding-left:62px;
    padding-right:20px;
    font-size:15px;
    line-height:48px;
    height:48px;
    color:#666;
}
.active .com-m-side-nav-link{
    color:#36ae41;
    background-color: #EBEBEB;
}
.com-m-side-nav-link .fa{
    position:absolute;
    left:18px;
    top:12px;
    font-size: 24px;
}
.com-m-side-nav-link [class^=icon-]{
    position:absolute;
    left:15px;
    top:8px;
    width:32px;
    height:32px;
}
.com-m-side-nav-link .icon-home{
    background-image: url(../images/sprit-icon.svg);
    background-position: 83.81% 50%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.active .com-m-side-nav-link .icon-home{
    background-image: url(../images/sprit-icon.svg);
    background-position: 83.81% 37.59%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}

.com-m-side-nav-link .icon-zt{
    background-image: url(../images/sprit-icon.svg);
    background-position: 59.35% 37.59%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.active .com-m-side-nav-link .icon-zt{
    background-image: url(../images/sprit-icon.svg);
    background-position: 71.58% 50%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}

.com-m-side-nav-link .icon-zm{
    background-image: url(../images/sprit-icon.svg);
    background-position: 12.590000000000002% 58.39%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.active .com-m-side-nav-link .icon-zm {
    background-image: url(../images/sprit-icon.svg);
    background-position: -168px -36px;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}

.com-m-side-nav-link .icon-gs{
    background-image: url(../images/sprit-icon.svg);
    background-position: 71.58% 37.59%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.active .com-m-side-nav-link .icon-gs{
    background-image: url(../images/sprit-icon.svg);
    background-position: 71.58% 12.770000000000001%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}

.com-m-side-nav-link .icon-lx{
    background-image: url(../images/sprit-icon.svg);
    background-position: 59.35% 25.180000000000003%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.active .com-m-side-nav-link .icon-lx{
    background-image: url(../images/sprit-icon.svg);
    background-position: 59.35% 0.36%;
    background-size: 968.75% 956.25%;
    background-repeat: no-repeat;
}
.com-m-side-idx-link-wrap{
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    line-height:1.7;
    background-color: #f4f4f4;
}
.com-m-side-idx-link{
    line-height: 30px;
    font-size: 16px;
    color: #36ae41;
}
.com-m-side-idx-link span{
    color: #9b9b9b;
}
.com-m-side-mask.hidden {
    display: none;
}

.com-m-side.hidden {
    left: -330px;
}
.header-menu-title{
    font-size: 14px;
    position: absolute;
    left: 44px;
}
.com-m-side-nav-link .icon-xy{
    background: url('../images/sprit-icon.svg') no-repeat -235px -190px;
    width: 21px;
    height: 23px;
    top: 11px;
    left: 22px;
}
.active .com-m-side-nav-link .icon-xy{
    background: url('../images/sprit-icon.svg') no-repeat -57px -229px;
    width: 21px;
    height: 23px;
    top: 11px;
    left: 22px;
}

.com-m-side-nav-link .icon-gy{
    background: url('../images/sprit-icon.svg') no-repeat -142px -200px;
    width: 22px;
    height: 20px;
    top: 13px;
    left: 21px;
}
.active .com-m-side-nav-link .icon-gy{
    background: url('../images/sprit-icon.svg') no-repeat -74px -200px;
    width: 22px;
    height: 20px;
    top: 13px;
    left: 21px;
}

/* 底部 */
.com-footer{
    margin-top:20px;
}
.com-2-m-footer {
    padding: 30px 15px;
    text-align: center;
    background-color: #2e3033;
}
.com-2-m-footer .footer-qr {
    margin-bottom: 14px;
}
.com-2-m-footer .footer-qr-object {
    display: inline-block;
    vertical-align: top;
    /* padding: 8px; */
    background-color: #fff;
    width: 124px;
    height: 124px;
}
.com-2-m-footer .footer-qr-image {
    display: block;
    width: 100%;
    height: 100%;
}
.com-2-m-footer .footer-qr-info {
    margin-top: 6px;
}
.com-2-m-footer .footer-qr-text {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}
.com-2-m-footer .footer-copyright-text {
    line-height: 18px;
    font-size: 12px;
    color: #999;
    display:block;
}

.com-m-side-nav-link .drop_down{
    position:absolute;
    right:15px;
    top:15px;
    width:14px;
    height:14px;
    background:url(../images/dropdown.svg) no-repeat center;
    background-size:contain;
}
.com-m-side-nav-item.open .com-m-side-nav-link .drop_down{
    transform:rotate(180deg);
}


.com-m-side-nav-item .dropdown_list{
    padding:0 10px 0 15px;
    line-height:1.8;

}
.com-m-side-nav-item .dropdown_list .dropdown_item{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 50px;

    height:32px;
    line-height:32px;
    font-size:14px;
    color:#666;
    text-align:center;
    box-sizing:border-box;

    padding:0 5px;
    border:1px solid #e5e5e5;
    border-radius: 2px;
}
.com-m-side-nav-item{
    height:48px;
    overflow:hidden;
}
.com-m-side-nav-item.open{
    height:auto;
    overflow:hidden;
}




.app-page {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.com-m-side, .com-m-side-mask{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}

.bd_fixed{
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:0;
}
.com-header{
    overflow:visible;
}
.app-page{
    background:#fff;
}

.app_bodybox{
    padding-top:56px
}
.com-m-side-nav-item .dropdown_list .dropdown_item.active{
    border-color: #36ae41;
    color: #36ae41;
}
.com-m-side-nav-item .dropdown_list{
    padding-top: 6px;
}

.com-m-side-nav-link img{
    vertical-align: -5px;
    width: 25px;
    margin-left: 4px;
}

.header-inner-s{
    position: absolute;
    top: 7px;
    right: 8px;
}
.header-inner-s a{
    display: block;
    width: 34px;
    height: 38px;
    line-height:38px;
    text-align: center;
    overflow: hidden;
    float:right;
}
.header-inner-s .h-search-icon{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../images/search_icon.png) no-repeat center;
    background-size:contain;
    vertical-align: middle;
}