﻿
footer {
	background-color: #2C3037;
	position: relative
}

footer .footer-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 190px;
	opacity: .2;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto
}

.footer-item {
	margin-bottom: 3vw; padding-bottom:3vw;
	position: relative;
	z-index: 1;border-bottom:#d4dadd 1px solid;
}

.footer-item .footer-logo a {
	display: block
}

.footer-item .footer-logo a img {
	margin-bottom: 25px
}

.footer-item .footer-logo p {
	color: #fff;
	margin-bottom: 25px
}

.footer-item .footer-logo ul {
	margin: 0;
	padding: 0
}

.footer-item .footer-logo ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 12px
}

.footer-item .footer-logo ul li:last-child {
	margin-right: 0
}

.footer-item .footer-logo ul li a {
	display: block;
	color: #fff;
	font-size: 24px
}

.footer-item .footer-logo ul li a:hover {
	color: #fdb819
}

.footer-item .footer-service h3 {
	font-weight: 400;
	font-size: 4.1184vw;
	color: #fff;
	margin-bottom: 1.7105vw; position:relative;
}
.footer-item .footer-service h3:before{ position:absolute; content:"∨"; right:0;top:0; font-size:2vw;}


.footer-item .footer-service ul {
	margin: 0;
	padding: 0; display:none;
}.footer-row{ padding:5vw;}

.footer-item .footer-service ul li {
	list-style-type: none;
	display: block;
	margin-bottom: .6579vw;
	/* -webkit-transition: .5s all ease;
	transition: .5s all ease */
	 
}

.footer-item .footer-service ul li:hover {
	/* padding-left: 10px */
}

.footer-item .footer-service ul li:hover a {
	color: #fff;
	/* font-weight: bold; */
}

.footer-item .footer-service ul li:last-child {
	margin-bottom: 0
}

.footer-item .footer-service ul li a {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 3.5211vw;
    padding-left: 4vw;
    line-height: 2;
 }

.footer-item .footer-service ul li a i {
	display: inline-block;
	font-size: 3.21rem;
	position: relative;
	top: 4px
}

.footer-item .footer-find ul li {
	color: rgba(255, 255, 255, 0.7);
	font-size: 3.5868vw;
	position: relative;
	/* -webkit-transition: .5s all ease;
	transition: .5s all ease; */
	margin-top: 2.6579vw;
	display: flex;
}

.footer-item .footer-find ul li:last-child {
	margin-bottom: 0
}

.footer-item .footer-find ul li:hover {
	color: #fff;
	/* font-weight: bold; */
}

.footer-item .footer-find ul li:hover i {
	color: #fff;
}

.footer-item .footer-find ul li i {
	margin-right: 2.2632vw;
	font-size: 3.0526vw;padding-left: 4vw; position:relative;top:1.4vw
}
.footer-row{
	 
	padding-top: 3.4868vw;
}
.footer-area-two .footer-img {
	top: 60px
}
.copyright-area {
	padding-bottom: .6579vw;
	margin-top: 6.5132vw; padding-left:2vw;
	text-align: center;
	font-size: 3.5211vw;
}

.copyright-area a{color: #858584;}

.copyright-area .copyright-item p {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0
}

.copyright-area .copyright-item p a {
	color: #fdb819;
	display: inline-block;
	font-weight: 600
}

.copyright-area .copyright-item p a:hover {
	color: #fff
}

.copyright-area .copyright-item ul {
	margin: 0;
	padding: 0
}

.copyright-area .copyright-item ul li {
	list-style-type: none;
	display: inline-block
}

.copyright-area .copyright-item ul li span {
	display: inline-block;
	color: #fff;
	margin-left: 4px;
	margin-right: 4px
}

.copyright-area .copyright-item ul li a {
	display: block;
	color: #fff;
	font-size: 15px
}

.copyright-area .copyright-item ul li a:hover {
	color: #fdb819
}

.copyright-area .copyright-right {
	text-align: right
}
.qrcode-area{
	padding-bottom: 1.3158vw;
}
.qrcode-area .qrcode{
	display: none;
	width: 25.5132vw;
	position: absolute;
	left:1.6447vw;
	transition: .5s all ease;
	background: #fff;
}
.qrcode-area:hover .qrcode{
	left:9.3026vw;
	display: block;
}
.m-tabbar,.navbar-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.navbar-item .back-ico:before {
    content: '\e607'
}

.navbar-item .next-ico:before {
    content: '\e608'
}

.navbar-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .9rem;
    width: 50%;
    margin-left: 25%
}

.navbar-center .navbar-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: .4rem;
    color: #5C5C5C
}

.navbar-center>img {
    height: 60%
}

.m-tabbar {
    width: 100%;
    position: relative;
    z-index: 100;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
       padding: 4vw 0 .07rem;
    background-color: rgba(255,255,255,.96)
}

.m-tabbar:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #B2B2B2;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.m-tabbar.tabbar-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49
}

.tabbar-dot,.tabbar-item .badge {
    position: absolute;
    left: 100%;
    z-index: 999
}

.tabbar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797
}

.tabbar-item.tabbar-active {
    color: #09BB07
}

.tabbar-item.tabbar-active .tabbar-icon {
    color: inherit
}

.tabbar-item .badge {
    top: -.02rem;
    margin-left: -.15rem
}

.tabbar-dot {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #EF4F4F;
    border-radius: 50%;
    top: .02rem;
    margin-left: -.11rem
}

.tabbar-icon {
    height: 3.5832vw;
    color: #979797;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.tabbar-icon .iconfont{font-size:5vw;}
.tabbar-icon :after,.tabbar-icon :before {
    font-size: 3.54vw!important;
    display: block
}

.tabbar-icon img {
    height: 70%
}

.tabbar-txt {
    display: inline-block; margin-top:1vw;
    font-size: 4vw
}