* {
	margin: 0;
	padding: 0;
}

.header {
	width: 100%;
	height: 1rem;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.07);
	position: sticky;
	top: 0;
	z-index: 999;
}

.header .main {
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .head_logo {
	width: 1.95rem;
	height: 0.62rem;
	overflow: hidden;
}
.header .head_logo h1{
    width: 0px;
    height: 0px;
    margin: 0;
    text-indent: -9999em;
}
.header .head_logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}



.header .head_fr {
	height: 100%;
	display: flex;
	align-items: center;
}

.head_nav {
	display: flex;
	margin-right: 1.45rem;
}

.head_nav a {
	font-weight: 400;
	font-size: 0.2rem;
	color: #000000;
	display: block;
	margin-right: 0.57rem;
	white-space: nowrap;
}

.head_nav a.act,
.head_nav a:hover {
	font-weight: bold;
	color: #004097;
}



.header .container {
	display: flex;
	align-items: center;
	width: 3.6rem;
	height: 0.4rem;
	border-radius: 0.05rem;
	border: 0.01rem solid #D9D9D9;
	margin-right: 0.14rem;
}

.header .container .input {
	position: relative;
	width: 3.2rem;
	height: 0.4rem;
	display: flex;
}

.header .container .picker {
	width: 1.25rem;
	height: 0.4rem;
	line-height: 0.4rem;
	font-weight: 400;
	font-size: 0.14rem;
	color: #000000;
	padding-left: 0.12rem;
	box-sizing: border-box;
	position: relative;
	background-image: url(../img/down.png);
	background-position: 1.07rem center;
	background-repeat: no-repeat;
	background-size: 0.06rem 0.04rem;
	user-select: none;
}

.header .container .picker::before {
	content: "";
	position: absolute;
	width: 0.01rem;
	height: 0.1rem;
	background-color: #D8D8D8;
	right: 0;
	top: 0.15rem;
}

.header .container .picker-list {
	list-style: none;
	padding: 0.13rem 0;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0.46rem;
	width: 1.27rem;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
	border-radius: 0.05rem;
	line-height: 0.35rem;
	display: none;
	z-index: 999;
}

.header .container .picker-list>li {
	padding-left: 0.13rem;
	font-weight: 400;
	font-size: 0.14rem;
	color: #000000;
}

.header .container .picker-list>li:hover {
	color: #C91420;
	cursor: pointer;
}


.header .container .search_input {
	width: calc(100% - 1.25rem);
	height: 0.4rem;
	line-height: 0.4rem;
	padding: 0.11rem;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 0.14rem;
	background: none;
}

.header .container .search_input::placeholder {
	color: #D9D9D9;
}

.header .container .search {
	width: 0.4rem;
	height: 0.4rem;
	background: #C91420 url(../img/search_icon.png) center no-repeat;
	background-size: 0.26rem;
	border-radius: 0rem 0.05rem 0.05rem 0rem;
}




.head_user {
	height: 100%;
	position: relative;
}

.head_user .user_name{
	margin-top: 0.3rem;
	width: 1.82rem;
	height: 0.4rem;
	display: block;
	background: #C91420;
	border-radius: 0.05rem;
	font-weight: 600;
	font-size: 0.18rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.4rem;
}

.head_user .user_list {
	position: absolute;
	display: none;
	top: 0.76rem;
	width: 1.82rem;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
	border-radius: 0.05rem;
	z-index: 999;
}

.head_user .user_list a {
	width: 100%;
	padding: 0.1rem 0.19rem;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 0.18rem;
	color: #000000;
	cursor: pointer;
	position: relative;
}
.head_user .user_list a .user_code{
	position: absolute;
    width: 1.5rem;
    height: 1.46rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.03rem 0.2rem 0.01rem rgba(0,0,0,0.11);
    border-radius: 0.05rem;
    right: -1.54rem;
    top: 0.03rem;
	display: none;
}
.head_user .user_list a:hover .user_code{
	display: block;
}
.head_user .user_list a .user_code i{
	width: 0.12rem;
	height: 0.12rem;
	background: url(../img/close.png) center no-repeat;
	display: block;
	right: 0.11rem;
	top: 0.11rem;
	position: absolute;
}
.head_user .user_list a .user_code img{
	width: 0.96rem;
	height: 0.96rem;
	margin: 0.13rem auto 0;
}
.head_user .user_list a .user_code span{
	width: 100%;
	font-weight: 400;
	font-size: 0.14rem;
	color: #777777;
	text-align: center;
	margin-top: 0.06rem;
	display: block;
}

.head_user .user_list a:hover {
	color: #fff;
}

.head_user .user_list a:hover:nth-child(1) {
	background-color: #0064B4;
}

.head_user .user_list a:hover:nth-child(2) {
	background-color: #D86918;
}

.head_user .user_list a:hover:nth-child(3) {
	background-color: #1B7600;
}

.head_user .user_list a:hover:nth-child(4) {
	background-color: #D9B100;
}

.head_user .user_list a:hover:nth-child(5) {
	background-color: #B8371A;
}

.head_user .user_list a:hover:nth-child(6) {
	background-color: #5A1D9C;
}

.head_user .user_list a:hover:nth-child(7) {
	background-color: #B19968;
}

.head_user:hover .user_list {
	display: block;
}





/* 左侧悬浮 */
.nav_fl{
	position: fixed;
	height: auto;
	right: 0;
	top: 50%;
	/*transform: translateY(-50%);*/
	z-index: 9999;
}
.nav_fl .nav_item{
	width: 0.73rem;
	margin-bottom: 0.03rem;
	background: #004097;
	border-radius: 0.12rem 0rem 0rem 0.12rem;
	display: flex;
	position: relative;
	cursor: pointer;
}
.nav_fl .nav_item:hover{
	background: #C91420;
}
.nav_fl .nav_item .nav_phone{
	width: 0;
	opacity: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	display: none;
    position: absolute;
    left: 0;
    margin-left: -1.62rem;
    height: 0.66rem;
	background: #C91420;
    border-radius: 0.12rem 0rem 0rem 0.12rem;
}
.nav_fl .nav_item .nav_phone::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0.14rem;
	width: 0.01rem;
	height: 0.4rem;
	background: #FFFFFF;
}
.nav_fl .phone:hover{
	border-radius: 0;
}
.nav_fl .nav_item:hover .nav_phone{
	display: flex;
	width: 1.62rem;
	opacity: 1;
}



.nav_fl .nav_item .nav_phone .itemp_hone{
	font-weight: 600;
	font-size: 0.16rem;
	color: #FFFFFF;
	margin-bottom: 0.03rem;
	width: 100%;
	text-align: center;
}
.nav_fl .nav_item .nav_phone .item_time{
	font-weight: 400;
	font-size: 0.12rem;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
}
.nav_fl .nav_item .nav_code{
	width: 1.7rem;
	height: 1.46rem;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.2rem 0.01rem rgba(0,0,0,0.11);
	border-radius: 0.05rem;
	position: absolute;
	z-index: 999;
	left: -1.73rem;
	display: none;
}
.nav_fl .nav_item:hover .nav_code{
	display: block;
}
.nav_fl .nav_item .nav_code i{
	width: 0.12rem;
	height: 0.12rem;
	background: url(../img/close.png) center no-repeat;
	display: block;
	right: 0.11rem;
	top: 0.11rem;
	position: absolute;
}
.nav_fl .nav_item .nav_code img{
	width: 0.96rem;
	height: 0.96rem;
	margin: 0.13rem auto 0.06rem;
}
.nav_fl .nav_item .nav_code span{
	width: 100%;
	display: block;
	text-align: center;
	font-weight: 400;
	font-size: 0.14rem;
	color: #777777;
}
.nav_fl .nav_item .nav_item_fr{
	width: 0.73rem;
	height: 0.66rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.nav_fl .nav_item .nav_item_fr img{
	width: 0.2rem;
	height: 0.2rem;
	display: block;
	margin-bottom: 0.07rem;
}
.nav_fl .nav_item .nav_item_fr span{
	width: 100%;
	display: block;
	font-weight: 400;
	font-size: 0.12rem;
	color: #FFFFFF;
	text-align: center;
}
.nav_fl .nav_item:last-child{
	height: 0.46rem;
	margin-top: 0.05rem;
}
.nav_fl .nav_item:last-child .nav_item_fr{
	height: 100%;
}
.nav_fl .nav_item:last-child .nav_item_fr img{
	margin-bottom: 0;
}



.common-phone-header,
.side-wrap{
    display: none;
}
@media only screen and (max-width: 1024px) {
    .header {
        display: none;
    }
    .common-phone-header {
        display: block !important;
    }
    .side-wrap {
        display: block !important;
    }
    .common-phone-header {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
    }
    .common-phone-header-inner {
        display: flex;
        height: 50px;
        border-bottom: 1px solid #eee;
        padding: 0 15px;
        justify-content: space-between;
        align-items: center;
    }
    .header-menu-phone{
        height: 30px;
        width: auto;
        display: block;
    }
    .header-logo-box-phone{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-logo-phone {
        height: 30px;
        width: auto;
        display: block;
    }
    .header-search-phone {
        height: 30px;
        width: auto;
        display: block;
    }
    .header-search-box-phone {
        display: none;
    }
    .header-search-input-phone {
        border-radius: 20px;
        height: 35px;
        border-width: 1px;
        border: 1px solid #333;
        padding: 0 10px;
        font-size: 14px;
    }
    .side-modal {
        display: none;
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        background:rgba(0, 0, 0, .5);
    }
    .side-container {
        display: none;
        position: fixed;
        z-index: 100000;
        left: 0;
        top: 0;
        height: 100vh;
        width: 6.4rem;
        background-color: #fff;
        color: #000;
        border-left: 1px solid #eee;
        animation: ani_side 1s;
    }
    .side-container.shown {
        display: block;
    }
    @keyframes ani_side{
        from {
            display: none;
            width: 3rem;
        }
        to {
            display: block;
            width: 6.4rem;
        }
    }
    .side-wrap {
        width: 100%;
    }
    .side-top {
        display: flex;
        height: 60px;
        padding: 0 20px 0 30px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eee;
    }
    .side-top a{
        width: fit-content;
        height: auto;
    }
    .side-logo {
        height: 30px;
        width: auto;
    }
    .side-close {
        width:.48rem;
    }
    .side-bottom {
        padding:  0 .48rem 0 .72rem;
    }
    .nav-item-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .27rem 0 .27rem 0;
        border-bottom: 1px solid #eee;
    }
    .nav-item-inner span{
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .nav-item-inner img{
        width: .4rem;
    }
    .side-nav-list .nav-item a{
        color: #000;
        font-size: .26rem;
        width: 100%;
        display: inline-block !important;
    }
    .side-nav-list .side-local-img {
        width: .3rem;
        margin-right: .2rem;
        vertical-align: text-bottom;
    }   
    .side-nav-list-sub {
        display: none;
    }
    .side-nav-list-sub  .side-back-img {
        width: .3rem;
        margin-right: .2rem;
        vertical-align: text-bottom;
    }
    
    
    .common-phone-header .container {
    	display: flex;
    	align-items: center;
    	width: 100%;
    	height: auto;
    	border-radius: 0.05rem;
    	border: 0.01rem solid #D9D9D9;
    }
    
    .common-phone-header .container .input {
    	position: relative;
    	width: 100%;
    	height: 30px;
    	display: flex;
    }
    
    .common-phone-header .container .picker {
    	width: 60px;
    	height: 30px;
    	line-height: 30px;
    	font-weight: 400;
    	font-size: 14px;
    	color: #000000;
    	padding-left: 10px;
    	box-sizing: border-box;
    	position: relative;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    
    .common-phone-header .container .picker::before {
    	content: "";
    	position: absolute;
    	width: 1px;
    	height: 50%;
    	background-color: #D8D8D8;
    	right: 0;
    	top: 50%;
    	transform: translateY(-50%);
    }
    
    .common-phone-header .container .picker-list {
    	list-style: none;
    	padding: 0.13rem 0;
    	box-sizing: border-box;
    	position: absolute;
    	left: 0;
    	top: 100%;
    	/*width: 1.27rem;*/
    	height: auto;
    	background: #FFFFFF;
    	box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
    	border-radius: 5px;
    	line-height: 1.2;
    	display: none;
    	z-index: 999;
    }
    
    .common-phone-header .container .picker-list>li {
    	padding: 0 0.13rem;
    	font-weight: 400;
    	font-size: 14px;
    	color: #000000;
    }
    
    .common-phone-header .container .picker-list>li:hover {
    	color: #C91420;
    	cursor: pointer;
    }
    
    .common-phone-header .container .search_input {
    	width: 100%;
    	height: 30px;
    	line-height: 30px;
    	padding: 0.11rem;
    	box-sizing: border-box;
    	font-weight: 400;
    	font-size: 14px;
    	background: none;
    }
    
    .common-phone-header .container .search_input::placeholder {
    	color: #D9D9D9;
    }
    
    .common-phone-header .container .search {
    	width: 30px;
    	height: 30px;
    	background: #C91420 url(../img/search_icon.png) center no-repeat;
    	background-size: 26px;
    	border-radius: 0rem 0.05rem 0.05rem 0rem;
    }
    
    .nav_fl .nav_item{
        width:  73px;
    }
    .nav_fl .nav_item .nav_item_fr{
        width: 73px;
        height: 66px;
    }
    .nav_fl .nav_item .nav_item_fr img{
        width: 20px;
        height: 20px;
    }
    .nav_fl .nav_item .nav_item_fr span{
        font-size: 12px;
    }
    .nav_fl .nav_item:last-child{
        height: 46px;
    }
    .nav_fl .nav_item:hover .nav_phone{
        width: 162px;
        height: 66px;
        margin-left: -162px;
    }
    .nav_fl .nav_item .nav_phone .itemp_hone,
    .nav_fl .nav_item .nav_phone .item_time{
        font-size: 12px;
    }
}