.navclickwrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-transform: translateZ(0);
    cursor: pointer
}

.bgwrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-transform: translateZ(0);
}
.graywrap{
    background-color: #f2f2f2;
}

.qrcode-zoom {
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.qrcode-zoom img {
    margin-bottom: .2rem;
}

.qr-close{
    position: absolute;
    top: .2rem;
    right: .2rem;
    font-size: .36rem;
    font-weight: bold;
}
.bg-green {
    color: #fff;
    background-color: #71ba2c;
}

.green {
    color: #71ba2c !important;
}

.red {
    color: #a80000 !important;
}

.orange {
    color: #ff7301 !important;
}

header {
    position: relative;
    width: 6.4rem;
    height: .8rem;
}

header .header {
    width: 6.4rem;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 11;
    margin-left: -3.2rem;
    height: .8rem;
    padding: 0 .32rem;
    background-color: #4f821f;
    border-bottom: 1px solid #4f821f;
    -webkit-transform: translateZ(0);
}

header .header>a {
    display: block;
}
.header_search{
	display:none;
}
.header_search_shadow{
	width: 6.4rem;
    position: fixed;
    top: .8rem;
    left: 50%;
    z-index: 11;
    margin-left: -3.2rem;
    height: .8rem;
    padding: 0 .32rem;
    background-color: #4f821f;
    border-bottom: 1px solid #4f821f;
    -webkit-transform: translateZ(0);
	opacity:0.8;
}
.header_search_content{
	width: 6.4rem;
    position: fixed;
    top: .8rem;
    left: 50%;
    z-index: 11;
    margin-left: -3.2rem;
    height: .8rem;
	line-height:.8rem;
    padding: 0 .32rem;
    -webkit-transform: translateZ(0);
}
.header_search_content form{
	margin:0;
	padding:0;
	display:inline-flex;
	width:100%;
}
.header_search_content input[type='text']{
	width:85%;
	height:.6rem;
	line-height:.6rem;
	margin-top:.1rem;
	background:none;
	border:1px solid white;
	border-radius:0.1rem;
	color:white;
}

.header_search_content input::-webkit-input-placeholder{
            color:white;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:white;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:white;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:white;
        }

.header_search_content input[type='image']{
	width:.5rem;
	height:.5rem;
	margin-top:.15rem;
	margin-left:.15rem;
	background:none;
	color:white;
	cursor:pointer;
}

header .header>a>img {
    display: block;
    width: 100%;
}

.top-list {
    width: .31rem
}

.top-right{
	width: 0.34rem;
}

.top-shop {
    width: 0.34rem !important;
	display:inline-block !important;
	cursor:pointer;
}


.top-logo {
    width: 1.74rem;
}

.left-nav {
    position: fixed;
    top: .8rem;
    left: -4.7rem;
    z-index: 11;
    width: 4.7rem;
    height: calc(100% - .8rem);
    background-color: rgba(79,130,31, 0.8);
    transition: left .6s;
    -webkit-transition: left .6s;
    -moz-transition: left .6s;
    -ms-transition: left .6s;
    -o-transition: left .6s;
    -webkit-transform: translateZ(0);
}

.left-nav.show {
    left: 0;
    transition: left .6s;
    -webkit-transition: left .6s;
    -moz-transition: left .6s;
    -ms-transition: left .6s;
    -o-transition: left .6s;
}

.left-nav-main {
    height: 100%;
    overflow: auto;
}

.left-nav .nav>li {
    padding-right: .1rem;
    font-size: .18rem;
}

.left-nav .nav>li .down {
    display: block;
    width: .2rem;
    line-height: 0;
    transition: transform .6s;
    -webkit-transition: transform .6s;
    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
}

.left-nav .nav>li a.toggle-nav.open i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform .6s;
    -webkit-transition: transform .6s;
    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
}

.left-nav .nav>li .down img {
    width: 100%;
}

.left-nav .nav li a {
    color: #fff;
    width: 100%;
    padding-left: .32rem;
    padding-right: .24rem;
    line-height: .75rem;
    height: .75rem;
    font-size: .22rem;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}

.left-nav .nav>li>a.toggle-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.left-nav .sub-nav {
    padding-left: .32rem;
    border-bottom: 1px solid #434343
}
.left-nav .nav li .sub-nav>a{
    font-size: .18rem;
    font-weight: normal;
}
.left-nav .sub-nav>a:before {
    content: "> ";
}

.left-nav .sub-nav>a:last-child {
    border-bottom: 0;
}

.left-nav .nav>li>a.toggle-nav+.sub-nav {
    display: none;
}

.main {
    width: 6.4rem;
    margin: 0 auto;
    box-sizing: border-box;
  	margin-bottom: 0.9rem;
}

footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 11;
    margin-left: -3.2rem;
    width: 6.4rem;
    height: .9rem;
    box-shadow: 0 -2px 20px #000000;
    color: #fff;
    -webkit-transform: translateZ(0);
    transition: bottom .8s;
    -webkit-transition: bottom .8s;
    -moz-transition: bottom .8s;
    -ms-transition: bottom .8s;
    -o-transition: bottom .8s;
}

footer.hidden {
    bottom: -.9rem;
    transition: bottom .8s;
    -webkit-transition: bottom .8s;
    -moz-transition: bottom .8s;
    -ms-transition: bottom .8s;
    -o-transition: bottom .8s;
}

footer .foot-nav {
    width: 25%;
    height: 100%;
    background-color: #69b026;
    text-align: center;
}

footer .foot-nav:active,
footer .foot-nav.active {
    background-color: #4f821f;
    /*border-right: 1px solid #e20000;*/
}

footer .foot-nav:first-child.active {
    border-left: 0;
}

footer .foot-nav:last-child.active {
    border-right: 0;
}

footer .foot-nav span {
    font-size: .18rem;
}

footer .foot-nav img {
    display: block;
    margin: .1rem auto 0;
}

footer .foot-nav:first-child>img {
    width: .4rem;
}

footer .foot-nav:nth-child(2)>img {
    width: .34rem;
}

footer .foot-nav:nth-child(3)>img {
    width: .34rem;
}

footer .foot-nav:nth-child(4)>img {
    width: .4rem;
}
footer .foot-nav:nth-child(5)>img {
    width: .34rem;
}
footer .foot-nav:last-child>img {
    width: .34rem;
}

iframe {
    display: none;
}

#newBridge .nb-icon-wrap {
    top:  75vh !important;
}