.top-block{height: 1.02rem;}
.top{width: 100%; line-height: 1rem; position: fixed; top: 0; right: 0; background-color: #fff; z-index: 100; /*border-bottom: 1px solid #e3e3e3;*/ box-shadow:0 0 10px rgba(0,0,0,.2);}
.top .logo{margin-left: .6rem; width: 2rem; display: inline-block;}
.top .top-right{float: right; text-align: right;}
.top .top-right > div{display: inline-block;}
.top .menu{display: inline-block;}
.top .menu-box li{display: inline-block; position: relative; margin: 0 .26rem;}
.top .menu-box li:first-child{margin-left: 0;}
.top .menu-box li:last-child{margin-right: .5rem;}
.top .menu-box li > a{font-size: .16rem; color: #333; transition: all .3s; position: relative; display: block;}
.top .menu-box li > a::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background-color: #47c481;}
.top .menu-box li > a:hover{color: #47c481;}
.top .menu-box li > a.on::after{width: 100%;}
.top .menu-box li .sub{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 1); min-width:8em;}
.top .menu-box li .sub a{white-space: nowrap; display: block; text-align: center; font-size: .16rem; line-height: .5rem; padding: 0 .15rem; transition: all .5s;}
.top .menu-box li .sub a:hover{background-color: #151787; color: #fff;}
.top .member-box{padding-right: .35rem; vertical-align: top; margin-top: .18rem;}
.top .member-box .incline{display: block; padding: 0 .15rem 0 .15rem; font-size: .14rem; line-height: .36rem; background-color: #47c481; color: #fff; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
.top .member-box span{display: block; padding-left: .2rem; background: url(../images/member-icon.png) no-repeat left center;max-width:.82rem;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.top .member-box .incline a{color: #fff;}
.top .member-box a.incline{margin-top:.1rem;}
.top .member-box .decent a{position: relative;top: 0;transition:.3s;}
.top .member-box .decent a:hover{top: -.02rem;}
.top .lang-box{padding: 0 .38rem; border-left: 1px solid #dcdcdc; vertical-align: top;}
.top .lang-box a{display: block; color: #333;}
.top .search-box{background-color: #151787; position: relative; height: 1rem; vertical-align: top;}
.top .search-box::after{position: absolute; content: ''; width: 100%; left: 99%; height: 100%; background-color: #151787; top: 0;}
.top .open-search{width: .24rem; height: .24rem; background: url(../images/search-icon.png) no-repeat center; cursor: pointer; background-size: 100%; margin: .38rem .35rem 0;}
.top .searchCont{position: absolute; background-color: #fff; top: 100%; line-height: .4rem; top: 100%; left: 0; border: 1px solid #dcdcdc; padding: .2rem 0 .3rem; width: 100%; text-align: left; display: none;}
.top .searchCont .tit{line-height: 0.58rem;color: #47c481;font-size: .18rem;}
.top .searchCont input{height: .4rem; width: calc(100% - .4rem); border: none; padding:0 .15rem;float: left;border-bottom: 1px solid #e3e3e3;}
.top .searchCont .btn{display: inline-block; width: .4rem; height: .4rem; float: right; background-color: #47c481; cursor: pointer;position: relative;}
.top .searchCont .btn span{display: block; background: url(../images/search-icon.png) no-repeat center; background-size: 40%; height: .4rem;}
@media(max-width: 1024px) {
    .top-block{height: .8rem;}
    .top{line-height: .8rem; height: .8rem;}
    .top .search-box{height: .8rem;}
    .top .open-search{margin-top: .28rem;}
    .top .member-box{margin-top: .22rem;}
    .top .search-box::after{content: none;}
    .top .open-menu{display: inline-block; width: .8rem; height: .8rem; background-color: #47c481; position: relative; cursor: pointer;}
    .top .open-menu::after{position: absolute; content: ''; width: 100%; left: 99%; height: 100%; background-color: #47c481; top: 0;}
    .top .open-menu .decent{width: .4rem; height: .4rem; position: relative; margin: .2rem auto;}
    .top .open-menu .decent i{position: absolute; width: 70%; height: 3px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: all .3s;}
    .top .open-menu .decent::before,
    .top .open-menu .decent::after{content: ''; background-color: #fff; width: 50%; height: 3px; position: absolute; left: 50%; transform: translateX(-50%); transition: all .3s;}
    .top .open-menu .decent::before{top: 20%;}
    .top .open-menu .decent::after{bottom: 20%;}
    .top .open-menu .decent.active i{display: none;}
    .top .open-menu .decent.active::before{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(45deg);}
    .top .open-menu .decent.active::after{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(-45deg);}

    .top .menu-box{z-index: 100;; position: fixed; top: .8rem; right: -80%; width: 80%; height: calc(100vh - .8rem); background-color: #151787; padding: 0; line-height: 70px; text-align: center; transition: all .3s;}
	.top .menu-box.on{right: 0;}
    .top .menu-box li{display: block; margin: 0;}
    .top .menu-box li > a{color: #fff; font-size: .18rem;}
    .top .menu-box li .sub{position: initial; transform: translateX(0);}
    .top .menu-box li .sub dd a{font-size: .16rem;}
    .top .menu-box li:last-child{margin-right: 0;}
}
@media(max-width: 640px) {
    .top .logo{margin-left: .2rem;}
    .top .menu-box li > a{line-height: .8rem;}
}
.showMask:before{width: 100%;height: 100%;background:rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 90;content: '';}

.bottom{background: url(../images/bottom-bg.jpg) no-repeat center; background-size: cover; padding-top: .7rem;}
.bottom .bottom-top{position: relative;}
.bottom .left{width: 28.21%; float: left; color: #fff;}
.bottom .right{width: 71.79%; float: right; text-align: right;}
.bottom .slogan{font-size: .22rem; line-height: .32rem; margin-bottom: .6rem;}
.bottom .hotline .tit{color: rgba(255, 255, 255, .6); font-size: .14rem; font-family: 'Light'; line-height: 1;}
.bottom .hotline .phone{font-family: 'Oswald'; font-size: .3rem; font-weight: bold; letter-spacing: 1px; line-height: 1; padding: .14rem 0 .4rem;}
.bottom .qrcode{display: inline-block; margin-right: .2rem;}
.bottom .txt{display: inline-block; vertical-align: middle; color: rgba(255, 255, 255, .6); font-size: .14rem; font-family: 'Light';}
.bottom .right dl{display: inline-block; vertical-align: top; margin-right: .5rem;}
.bottom .right dl:nth-child(2),
.bottom .right dl:nth-child(5){/*margin-right: .2rem;*/}
.bottom .right dl:nth-child(6),
.bottom .right dl:nth-child(7),
.bottom .right dl:nth-child(8){margin-right: 0;}
.bottom .right dl:nth-child(8){position: absolute; top: .58rem; right: 0;}
.bottom .right dt a{color: #fff; font-size: .18rem; margin-bottom: .4rem; display: block; text-align: left; line-height: 1; height: .18rem;}
.bottom .right dl:nth-child(8) a{line-height: .35rem; margin-bottom: 0;}
.bottom .right dd a{display: block; text-align: left; line-height: .35rem; color: rgba(255, 255, 255, .6); transition: all .5s; font-size: .14rem; font-family: 'Light';}
.bottom .right dd a:hover{color: #fff;}
.bottom .right dl .listBox{float: left;margin-right:.15rem;}
.bottom .right dl .listBox:last-child{margin-right:0;}
.bottom .bottom-bottom{padding: .25rem 0; line-height: .3rem; border-top: 1px solid rgba(255, 255, 255, .15); margin-top: .7rem; color: rgba(255, 255, 255, .6); font-size: .14rem; font-family: 'Light';}
.bottom .bottom-bottom a{color: rgba(255, 255, 255, .6); font-size: .14rem; font-family: 'Light'; transition: all .5s;}
.bottom .bottom-bottom a:hover{color: #fff;}
.bottom .copyright{float: left;}
.bottom .links{float: right;}
@media(max-width:1860px){
    .bottom .right dl:nth-child(6){margin-right:.5rem}
}
@media(max-width:1280px){
    .bottom .right dl:nth-child(6){margin-right:0;}
}
@media(max-width: 1024px) {
    .bottom{background: url(../images/bottom-bg.jpg) no-repeat bottom right;}
    .bottom .right{display: none;}
    .bottom .left{width: 100%; float: none;}
}
@media(max-width: 640px) {
    .bottom{padding-top: .4rem;}
    .bottom .slogan{margin-bottom: .4rem;}
    .bottom .left{text-align: center;}
    .bottom .qrcode{display: block; margin-right: 0; margin-bottom: .3rem;}
    .bottom .bottom-bottom{margin-top: .4rem;}
    .bottom .copyright,
    .bottom .links{float: none; text-align: center;}
}

.banner{position: relative; padding-top: 1rem;}
.banner .box{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%;}
.banner .auto-1400{color: #fff; line-height: 1;}
.banner .wap{display: none;}
.banner .cn{font-size: .4rem; margin-bottom: .3rem; letter-spacing: 4px; font-family: 'AlimamaShuHeiTi'; font-weight: bold;}
.banner .en{font-size: .2rem; letter-spacing: 2px; text-transform: uppercase;}

@media(min-width: 1920px) {
    .banner img{width: 100%;}
    .top .search-box{height: 1.01rem;}
}

@media(max-width: 1024px) {
    .banner{padding-top: .8rem;}
    .banner .wap{display: block;}
    .banner .pc{display: none;}
}

.menu{line-height: .86rem; border-bottom: 1px solid #ededed; color: #999;}
.menu .left{width: 75%; float: left;}
.menu .left li{display: inline-block; margin-right: .65rem;}
.menu .left li:last-child{margin-right: 0;}
.menu .left li a{display: block; transition: all .5s; position: relative; color: #999;}
.menu .left li a::after{content: ''; width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; transition: all .5s; transform: translateX(-50%); background-color: #47c481;}
.menu .left li.on a,
.menu .left li a:hover{color: #47c481;}
.menu .left li a:hover::after,
.menu .left li.on a::after{width: 100%;}
.menu .location{float: right;}
.menu .location a{padding: 0 .18rem; color: #999; font-family: 'Light'; transition: all .5s;}
.menu .location a:first-child{padding-left: .38rem; background: url(../images/home-icon.png) no-repeat left center;}
.menu .location a:hover{color: #47c481;}
.menu .location span{padding-left: .18rem; color: #333;}
@media(max-width: 1024px) {
    .menu .left li{margin-right: .35rem;}
}
@media(max-width: 960px) {
    .menu .left{width: 100%; font-size: .14rem;}
    .menu .location{display: none;}
}


.sidebtn{position: fixed; right: .4rem; bottom: 18%; width: 1.1rem; height: 1.1rem; text-align: center; border-radius: 50%; background-image: linear-gradient(135deg, #3fd25f, #26ab56); color: #fff; font-size: .16rem; cursor: pointer; z-index: 10;}
.sidebtn .icon{padding-top: .36rem; background: url(../images/sidebtn.png) no-repeat center/contain; margin: .25rem 0 .09rem;}
@media(max-width: 640px) {
    .sidebtn{font-size: .14rem; right: .3rem;}
}
.shopbtn{position: fixed; right: .4rem; bottom: 5%; width: 1.1rem; height: 1.1rem; text-align: center; border-radius: 50%; border:  1px solid #24a956; color: #24a956;background-color: #fff;font-size: .16rem; cursor: pointer; z-index: 10;box-sizing: border-box;}
.shopbtn .icon{padding-top: .36rem; background: url(../images/shop2.png) no-repeat center/contain; margin: .25rem 0 .09rem;}
@media(max-width: 640px) {
    .sidebtn{font-size: .14rem; right: .3rem;}
}
.more{background-image: linear-gradient(to right, #25ab56, #3ed15e); display: inline-block; box-shadow: 0 5px 10px 5px rgba(204,248,215, 0.7); width: 1.33rem; line-height: .49rem; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 0 .18rem;transition:.3s;position: relative;top: 0;}
.more span{display: block; color: #fff; text-align: left; padding-right: .37rem; background: url(../images/arrow-icon.png) no-repeat right center; white-space: nowrap; font-size: .16rem; font-family: 'Light';}
.more:hover{box-shadow: 0 8px 16px 8px rgba(204,248,215, 1);top: -.05rem;}
@media(max-width: 1024px) {
    .more{width: 2rem; line-height: .7rem; padding: 0 .25rem;}
}


.Pages{text-align: center; padding-top: .93rem;}
.Pages a{display: inline-block; vertical-align: top; width: .5rem; height: .5rem; margin: 0 .06rem; text-align: center; transition: all .5s; line-height: .5rem; color: #666; font-style: normal; font-size: .16rem;}
.Pages a.a_cur,
.Pages a:hover{background-color: #59ba83; color: #fff;}
.Pages a.a_prev{background: url(../images/page-prev.png) no-repeat center; margin-right: .24rem; margin-left: 0;}
.Pages a.a_next{background: url(../images/page-next.png) no-repeat center; margin-left: .24rem; margin-right: 0;}
@media(max-width: 640px) {
    .Pages a.a_prev{background: url(../images/page-prev.png) no-repeat center/contain;}
    .Pages a.a_next{background: url(../images/page-next.png) no-repeat center/contain;}
}

.index-banner{position: relative; overflow: hidden;}
.index-banner .wap{display: none;}
.index-banner .slider-for li{position: relative;}
.index-banner .slider-for .txt{position: absolute; top: 40%; left: 0; width: 100%; color: #fff; transform: translateY(-40%);}
.index-banner .slider-for .txt.center{text-align: center; top: 50%;}
.index-banner .slider-for .txt .cn{font-size: .5rem; font-family: 'AlimamaShuHeiTi'; margin-bottom: .3rem; line-height: 1; font-weight: bold; letter-spacing: 4px;}
.index-banner .slider-for .txt .cn span{color: #47c481;}
.index-banner .slider-for .txt .en{font-size: .18rem; letter-spacing: 2px; line-height: 1;}
.index-banner .slider-for .slick-next,
.index-banner .slider-for .slick-prev{position: absolute; width: .22rem; height: .4rem; top: 55%; z-index: 5; border: none; font-size: 0;}
.index-banner .slider-for .slick-next{right: .36rem; background: url(../images/next-icon.png) no-repeat center/cover;}
.index-banner .slider-for .slick-prev{left: .36rem; background: url(../images/prev-icon.png) no-repeat center/cover;}
.index-banner .slider-nav{position: absolute; bottom: 1rem; left: calc(60% - .8rem); width: calc(40% + 1rem);}
.index-banner .slider-nav li{margin-right: .2rem; position: relative; cursor: pointer;}
.index-banner .slider-nav li .txt{position: absolute; width: 100%; opacity: 0; height: 100%; top: 0; left: 0; line-height: 1.12rem; font-size: .16rem; text-align: center; color: #fff; background-color: rgba(29, 32, 163, .8); transition: all .5s;}
.index-banner .slider-nav li.slick-current .txt{opacity: 1;}
.index-banner .slider-nav li i{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.index-banner .slider-nav li i::after,
.index-banner .slider-nav li i::before,
.index-banner .slider-nav li .txt::after,
.index-banner .slider-nav li .txt::before{content: ''; background-color: #47c481; position: absolute;}
.index-banner .slider-nav li .txt::after{width: 0; top: 0; left: 0; height: 2px;}
.index-banner .slider-nav li .txt::before{width: 2px; top: 0; right: 0; height: 0;}
.index-banner .slider-nav li i::after{width: 0; bottom: 0; right: 0; height: 2px;}
.index-banner .slider-nav li i::before{width: 2px; bottom: 0; left: 0; height: 0;}
.index-banner .slider-nav li.slick-current .txt::after{animation: border1 1s linear forwards;}
.index-banner .slider-nav li.slick-current .txt::before{animation: border2 1s linear 1s forwards;}
.index-banner .slider-nav li.slick-current i::after{animation: border1 1s linear 2s forwards;}
.index-banner .slider-nav li.slick-current i::before{animation: border2 1s linear 3s forwards;}
.index-banner .slider-nav li.prevshow .txt::after,
.index-banner .slider-nav li.prevshow .txt::before,
.index-banner .slider-nav li.prevshow i::after,
.index-banner .slider-nav li.prevshow i::before{display: none;}
@keyframes border1 {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes border2 {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}
@keyframes scaleban {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}
.index-banner .slider-for li{overflow: hidden;}
.index-banner .slider-for li.slick-current img{animation: 8s ease 0s 1 normal none running scaleban;}
@media(min-width: 1025px) {
    /*.index-banner .slider-nav li{width: 2.5rem!important;}*/
    .index-banner .slider-nav li img{/*width: 2.5rem!important;*/width: 100%;}
}
@media(max-width: 1024px) {
    .index-banner .pc{display: none;}
    .index-banner .wap{display: block;}
    .index-banner .slider-nav{width: 100%; left: 0; bottom: .2rem;}
}
@media(max-width: 960px) {
    .index-banner .slider-nav{width: auto; position: initial; margin: .2rem 0;}
    .index-banner .slider-nav li .txt{font-size: .14rem;}
}
@media(max-width: 768px) {
    .index-banner .slider-nav li .txt{line-height: .8rem;}
}
@media(max-width: 640px) {
    .index-banner .slider-nav li .txt{line-height: 1.2rem; font-size: .12rem;}
}

.index .part1{position: relative;}
.index .part1 .auto-1400{padding: 1.22rem 0 1.7rem 0; z-index: 2; position: relative;}
.index .part1 .auto-1400 .box{max-width: 6.45rem}
.index .part1 .right-pic{position: absolute; top: 0; right: 0; height: 100%; z-index: 1;}
.index .part1 .right-pic img{height: 100%;}
.index .part1 .tit{font-size: .48rem; margin-bottom: .46rem; line-height: 1;}
.index .part1 .txt{line-height: .38rem; font-family: 'Light'; font-size: .16rem;}
.index .part1 dl{display: flex; justify-content: space-between;}
.index .part1 dd{padding: .7rem 0 .98rem;}
.index .part1 dd:last-child{margin-right: 0;}
.index .part1 .num{color: #112951; font-size: .16rem; margin-bottom: .25rem;}
.index .part1 .counter{line-height: 1; font-size: .8rem; font-family: 'Oswald'; position: relative; font-weight: bold; display: inline-block; padding-right: .12rem;}
.index .part1 dd:nth-child(2) .counter::before{content: '+'; font-size: .26rem; font-family: 'Light'; position: absolute; right: -.15rem; top: 0;}
.index .part1 .tit1{font-size: .16rem; font-family: 'Light'; line-height: 1;}
.index .part1 .more{background-image: linear-gradient(to right, #25ab56, #3ed15e); display: inline-block; width: 1.33rem; line-height: .49rem; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 0 .18rem;}
.index .part1 .more span{display: block; color: #fff; padding-right: .37rem; background: url(../images/arrow-icon.png) no-repeat right center; white-space: nowrap; font-size: .16rem; font-family: 'Light';}
@media(min-width: 1025px){
    .index .part1 dd:first-child{min-width: 2.1rem;}
}

@media(max-width: 1024px) {
    .index .part1 .auto-1400{padding: .4rem 0;}
    .index .part1 .right-pic{position: initial;}
    .index .part1 .right-pic img{height: auto;}
}


.index .part2{padding: 1.2rem 0 6.85rem; position: relative; transition: all .5s; overflow: hidden;}
.index .part2 ul{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.index .part2 .title,
.index .part2 .subtit{color: #fff; text-align: center; z-index: 2; position: relative; line-height: 1}
.index .part2 .title{font-size: .48rem; margin-bottom: .3rem;}
.index .part2 .subtit{font-size: .2rem;}
.index .part2 li{padding: 3.6rem 1.2rem 2.1rem; background-color: rgba(21,23,135, 0); transition: all .5s;}
.index .part2 li:hover{background-color: rgba(21,23,135, 0.7);}
.index .part2 li a{color: #fff; display: block;}
.index .part2 li .icon{margin-bottom: .7rem;}
.index .part2 li .tit{font-size: .24rem; line-height: 1; font-family: 'Medium'; margin-bottom: .33rem;}
.index .part2 li .txt{font-size: .14rem; line-height: .3rem; font-family: 'Light'; margin-bottom: .78rem;}
.index .part2 li.slick-active:not(:last-child){border-right: 1px solid rgba(255,255,255,.4);}
.index .part2 li .check{width: .2rem; height: .08rem; background: url(../images/arrow-icon.png) no-repeat center/cover;}
.index .part2 .slick-next,
.index .part2 .slick-prev{position: absolute; width: .22rem; height: .4rem; top: 55%; z-index: 5; border: none; font-size: 0;}
.index .part2 .slick-next{right: .36rem; background: url(../images/next-icon.png) no-repeat center/cover;}
.index .part2 .slick-prev{left: .36rem; background: url(../images/prev-icon.png) no-repeat center/cover;}
@media(max-width: 1024px) {
    .index .part2 li{padding: 2.6rem .5rem 2.1rem;}
    .index .part2{padding: 1rem 0 5.05rem;}
    .index .part2 li .icon{margin-bottom: .4rem;}
    .index .part2 li .tit{margin-bottom: .2rem;}
    .index .part2 li .txt{margin-bottom: .6rem;}
}
@media(max-width: 640px) {
    .index .part2 li .icon{max-width: .6rem;}
}

.index .part3{padding: 1.1rem 0 1.7rem; background: url(../images/index-part3-bg.jpg) no-repeat center/cover;}
.index .part3 .pic{float: left; width: 61.42%;}
.index .part3 .right{float: right; width: 38.57%; text-align: right;}
.index .part3 .tit{font-size: .48rem; line-height: 1; margin-bottom: .3rem;}
.index .part3 .subtit{font-size: .2rem; line-height: 1; margin-bottom: .85rem;}
.index .part3 dl{margin-bottom: .97rem;}
.index .part3 dd{display: inline-block; text-align: center; font-size: .18rem; line-height: 1;position: relative;top: 0;transition:.3s;}
.index .part3 dd:not(:first-child){margin-left: .5rem;}
.index .part3 dd .icon{margin-bottom: .25rem;}
.index .part3 dd:hover{top: -.05rem;}
@media(max-width: 1024px) {
    .index .part3 .pic{width: 100%;}
    .index .part3 .right{width: 100%; margin: .2rem 0 .5rem; text-align: left;}
    .index .part3 dl,
    .index .part3 .subtit{margin-bottom: .5rem;}
}


.index .part4 .auto-1400 > .incline1{background-color: #1d2088; margin: -1.6rem 0 1.2rem; padding: .73rem .97rem .6rem; border-top-left-radius: .7rem; border-bottom-right-radius: .7rem; box-shadow: 0 .2rem .3rem .1rem rgba(29, 32, 163, .5);}
.index .part4 .tit{font-size: .4rem; color: #fff; text-align: center; margin-bottom: .5rem; line-height: 1;}
.index .part4 .search-box{width: 100%; background-color: #fff; position: relative; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
.index .part4 input{width: 100%; border: none; height: .6rem; background: none; padding: 0 1.7rem 0 .25rem; font-size: .18rem;}
.index .part4 input::-webkit-input-placeholder{color: #999; font-family: 'Light';}
.index .part4 .more{box-shadow: none; position: absolute; right: 0; top: 0; line-height: .6rem; font-size: .24rem; width: 1.53rem; cursor: pointer;}
.index .part4 .more span{padding-right: 0; background: none; text-align: center;}

.index .part5{padding-bottom: 1.25rem;}
.index .part5 .auto-1400{position: relative;}
.index .part5 .title{font-size: .48rem; line-height: 1; margin-bottom: .3rem;}
.index .part5 .subtit{font-size: .2rem; line-height: 1;}
.index .part5 .more{position: absolute; right: 0; top: .27rem;}
.index .part5 .more:hover{top: .22rem;}
.index .part5 ul{padding-top: .8rem; margin: 0 -.45rem;}
.index .part5 ul li{margin: 0 .45rem;}
.index .part5 ul a{display: block; position: relative; border-top-left-radius: .6rem; border-bottom-right-radius: .6rem; overflow: hidden; padding: .5rem .6rem .6rem;}
.index .part5 ul .pic{position: absolute; top: 0; left: 50%; width: 150%; transform: translateX(-50%);}
.index .part5 ul .pic img{width: 150%;}
.index .part5 ul .pic .cover{position: absolute; top: 0; left: 50%; width: 100%; height: 100%; transform: translateX(-50%); background-image: linear-gradient(to right, #1d2088 40%, rgba(29, 32, 163, .5));}
.index .part5 ul .pic .cover::before{content: ''; background-color: #f7f8f9; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s;}
.index .part5 ul li:hover .cover::before{opacity: 0;}
.index .part5 ul .content .tit{font-size: .24rem; font-family: 'Medium'; line-height: 1.3; color: #333; transition: all .5s; margin-bottom: .3rem;}
.index .part5 ul .content .txt{font-size: .16rem; font-family: 'Light'; line-height: .3rem; margin-bottom: .9rem; color: #666; transition: all .5s;}
.index .part5 ul .content .date{color: #999; font-size: .16rem; font-family: 'Oswald'; display: inline-block; padding-right: .4rem; background: url(../images/arrow-icon01.png) no-repeat right center; transition: all .5s;}
.index .part5 ul  li:hover .tit{color: #fff;}
.index .part5 ul  li:hover .txt{color: #fff;}
.index .part5 ul  li:hover .date{color: #fff; background: url(../images/arrow-icon.png) no-repeat right center;}


.profile .part1{padding: 1.27rem 0 1.1rem; position: relative;}
.profile .part1 .auto-1400{padding-right: 6.1rem; position: relative; z-index: 2;}
.profile .part1 .title{font-size: .36rem; line-height: 1; margin-bottom: .32rem;}
.profile .part1 .subtit{font-size: .2rem; padding-bottom: .48rem; border-bottom: 1px solid #ededed; margin-bottom: .3rem;}
.profile .part1 .txt{font-size: .16rem; font-family: 'Light'; line-height: .5rem;}
.profile .part1 dl{display: flex; justify-content: space-between;}
.profile .part1 dd{padding: .53rem 0 .98rem;}
.profile .part1 dd:last-child{margin-right: 0;}
.profile .part1 .num{color: #59ba83; font-size: .16rem; margin-bottom: .18rem;}
.profile .part1 .counter{line-height: 1; font-size: .8rem; font-family: 'Oswald'; position: relative; font-weight: bold; display: inline-block; padding-right: .12rem;}
.profile .part1 dd:nth-child(1) .counter::before{content: '+'; font-size: .26rem; font-family: 'Light'; position: absolute; right: -.15rem; top: 0;}
.profile .part1 .tit1{font-size: .16rem; font-family: 'Light'; line-height: 1;}
.profile .part1 .pic{width: 7.45rem; position: absolute; right: 0; top: 1.15rem; z-index: 1;}
@media(max-width: 1400px) {
    .profile .part1 .auto-1400{padding-right: 40%;}
}
@media(max-width: 1024px) {
    .profile .part1{padding: .5rem 0;}
    .profile .part1 .auto-1400{padding-right: 0;}
    .profile .part1 .pic{position: initial;}
}

.profile .part2{padding: .92rem 0 .95rem; background-color: #f3f4f7;}
.profile .part2 ul{display: flex; justify-content: space-between; text-align: center;}
.profile .part2 ul .icon{ margin-bottom: .5rem; transition: all .8s; width:90px; height:90px; object-fit:cover; border-radius:50%;}
.profile .part2 ul li:hover .icon{transform: rotateY(360deg);}
.profile .part2 ul .tit{font-size: .22rem;}
@media(max-width: 1024px) {
    .profile .part2{padding: .5rem 0 .1rem;}
    .profile .part2 ul{display: block;}
    .profile .part2 ul .icon{margin-bottom: .25rem; width: .9rem;}
    .profile .part2 ul li{display: inline-block; width: 49%; margin-bottom: .4rem;}
}

.profile .part3{padding: 1rem 0;}
.profile .part3 .auto-1400{position: relative;}
.profile .part3 video{width: 100%;}
.profile .part3 .cover{position: absolute; transition: all .5s; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0, .4); cursor: pointer;}
.profile .part3 .icon-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.profile .part3 .icon{width: .7rem; height: .7rem; margin: auto; position: relative; background: url(../images/play-icon.png) no-repeat center/cover;}
.profile .part3 .icon::before{content: ''; width: 1.07rem; height: 1.07rem; background-color: rgba(255, 255, 255, .5); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .5s; z-index: 1; border-radius: 50%; animation: blur 2s ease-in-out infinite;}
.profile .part3 .tit{color: #fff; font-size: .24rem; margin-top: .75rem;}
@keyframes blur {
    0% {
        opacity: 0;
        width: .7rem;
        height: .7rem;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        width: 1.07rem;
        height: 1.07rem;
    }
}
@media(max-width: 1024px) {
    .profile .part3{padding: .5rem 0;}
}


.profile .part4{padding: 1rem 0 1.2rem;}
.profile .part4 .title{font-size: .36rem; margin-bottom: .5rem; line-height: 1;}
.profile .part4 ul{margin: 0 -.2rem;}
.profile .part4 li{padding: 0 .2rem; float: left; width: 33.33%;margin-bottom: .2rem;}
.profile .part4 .box{padding: .57rem 1.35rem .5rem .5rem; position: relative; color: #fff; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .5s;}
.profile .part4 .box::before{content: ''; background-image: linear-gradient(to right, #1d2088 20%, rgba(29, 32, 163, 0)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.profile .part4 .icon{position: relative; z-index: 2; padding-top: .37rem; background-position: left; background-repeat: no-repeat; background-size: contain;}
.profile .part4 .tit{position: relative; z-index: 2; font-size: .24rem; line-height: 1; padding: .3rem 0 .26rem;}
.profile .part4 .txt{position: relative; z-index: 2; font-size: .18rem; font-family: 'Light'; height: .56rem;line-height:.28rem;}
.profile .part4 li:hover .box{background-size: 110%;}
@media(max-width: 1024px) {
    .profile .part4{padding: .5rem 0;}
    .profile .part4 .box{padding: .2rem;}
    .profile .part4 .tit{padding: .15rem 0 .12rem;}
}
@media(max-width: 960px) {
    .profile .part4 li{width: 100%; margin-bottom: .3rem;}
    .profile .part4 li:last-child{margin-bottom: 0;}
}


.culture{padding: 1.22rem 0 1.3rem;}
.culture ul{display: flex; justify-content: flex-start;}
.culture ul li{width: 11.42%; position: relative; transition: all .5s; overflow: hidden;}
.culture ul li:not(:last-child){margin-right: .2rem;}
.culture ul li .pic{padding-top: 6.2rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.culture ul li.active{width: 74.28%;}
.culture ul li .box1{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); top: 0; left: 0; transition: all .5s; color: #fff; padding-top: 1.6rem; text-align: center;}
.culture ul li .icon{padding-bottom: 1.04rem; position: relative; width: auto; display: inline-block;}
.culture ul li .icon::before{content: ''; position: absolute; top: .85rem; left: 50%; z-index: 1; transform: translateX(-50%); width: .4rem; height: .03rem; background-color: #fff;}
.culture ul li .icon img{height: .35rem;}
.culture ul li .tit{font-size: .24rem; font-family: 'Medium'; line-height: 1;}
.culture ul li.active .box1{opacity: 0;}
.culture ul li .detail{position: absolute; width: 100%; transform: translateY(100%); bottom: 0; left: 0; background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); padding: .5rem .6rem .6rem; color: #fff; transition: all .5s;}
.culture ul li .txt{line-height: 1; font-size: .18rem; font-family: 'Light';}
.culture ul li .detail .tit{position: relative; padding-bottom: .65rem;}
.culture ul li .detail .tit::before{content: ''; position: absolute; top: .53rem; left: 0; z-index: 1; width: .4rem; height: .03rem; background-color: #fff;}
.culture ul li.active .detail{transform: translateY(0);}
@media(max-width: 1024px) {
    .culture ul li{width: 13.42%;}
    .culture ul li:not(:last-child){margin-right: .1rem;}
    .culture ul li .detail{padding: .3rem;}
    .culture ul li .box1 .tit{font-size: .14rem;}
}



.news{padding: 1rem 0 1.25rem;}
.news .cate{text-align: center; padding-bottom: .6rem;}
.news .cate dd{display: inline-block; border: 1px solid #59ba83; border-radius: .6rem; width: 2rem; line-height: .6rem; text-align: center; margin: 0 .3rem; font-size: .2rem; transition: all .5s;}
.news .cate dd a{color: #333; transition: all .5s; display: block;}
.news .cate dd.on,
.news .cate dd:hover{background-color: #59ba83;}
.news .cate dd.on a,
.news .cate dd:hover a{color: #fff;}
.news .news-top{position: relative; margin-bottom: .2rem;}
.news .news-top .li > a{display: block; background-color: #f7f8f9; color: #333;}
.news .news-top .pic{width: 47%; float: left; padding-top: 31.35%; background-repeat: no-repeat; background-size: 100%; transition: all .5s; background-position: center;}
.news .news-top .content{width: 53%; float: left; padding: .86rem .86rem 0 .7rem;}
.news .news-top .date{font-size: .2rem; color: #666;}
.news .news-top .tit{font-size: .28rem; font-family: 'Medium'; margin: .53rem 0 .28rem;}
.news .news-top .txt{font-size: .16rem; color: #666; font-family: 'Light'; line-height: .3rem; margin-bottom: .8rem;}
.news .news-top .check{display: inline-block; width: .76rem; height: .39rem; background: url(../images/more-icon.png) no-repeat center/cover;}
.news .news-top .li:hover .pic{background-size: 110%;}
.news .news-top .slick-dots{position: absolute; right: .76rem; bottom: .63rem; z-index: 1;}
.news .news-top .slick-dots li{display: inline-block; margin: 0 .1rem;}
.news .news-top .slick-dots li button{border: 2px solid #59ba83; width: .1rem; height: .1rem; border-radius: 50%; font-size: 0; padding: 0; transition: all .5s;}
.news .news-top .slick-dots li.slick-active button{background-color: #59ba83;}
@media(max-width: 1024px) {
    .news .news-top .content{padding: .3rem;}
    .news .news-top .tit{margin: .15rem 0;}
    .news .news-top .txt{margin-bottom: .3rem;}
    .news .news-top .slick-dots{right: .2rem;}
}
@media(max-width: 768px) {
    .news .news-top .pic{width: 100%; padding-top: 66.71%;}
    .news .news-top .content{width: 100%;}
}
.news .list li{transition: all .5s;}
.news .list li:hover{background-color: #f7f8f9;}
.news .list li .auto-1400{padding: .5rem 0; border-bottom: 1px solid #f0f0f0; display: block;}
.news .list .pic{width: 25.5%; float: left; padding-top: 16.95%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .5s;}
.news .list li:hover .pic{background-size: 110%;}
.news .list .content{width: 63.5%; float: left; padding: .27rem 1rem 0 .6rem;}
.news .list .tit{font-size: .3rem; font-family: 'Medium'; color: #333; line-height: 1;}
.news .list .txt{font-size: .16rem; color: #666; font-family: 'Light'; line-height: .32rem; margin: .3rem 0 .58rem;}
.news .list .check{display: inline-block; line-height: 1; color: #999; font-size: .16rem; font-family: 'Light'; padding-right: .2rem; background: url(../images/arrow-icon02.png) no-repeat right center;}
.news .list .date{width: 10.7%; float: left; text-align: right; margin-top: .4rem; border-left: 1px solid #f0f0f0; color: #333;}
.news .list .day{font-size: .6rem; font-family: 'Oswald'; line-height: 1; margin-bottom: .2rem; margin-right: .08rem;}
.news .list .ym{font-size: .16rem; line-height: 1;}
@media(max-width: 1024px) {
    .news .list .content{padding: .15rem .5rem 0 .5rem;}
    .news .list .txt{margin: .15rem 0 .25rem;}
}
@media(max-width: 768px) {
    .news .list .pic{width: 100%; padding-top: 66.48%;}
    .news .list .content{padding: .4rem .3rem 0rem; width: 80%;}
    .news .list .date{width: 20%;}
}

.news-detail{padding: .9rem 0 1rem;}
.news-detail .left{width: 71.4%; float: left;}
.news-detail .right{width: 20%; float: right;}
.news-detail .left .title{font-size: .28rem; font-family: 'Medium'; margin-bottom: .36rem;}
.news-detail .left .info-box{padding-bottom: .4rem; border-bottom: 1px solid #eee;}
.news-detail .left .info-box > div{display: inline-block; line-height: 1; margin-right: .6rem; font-size: .16rem; font-family: 'Light'; color: #999;}
.news-detail .left .info-box > div:last-child{margin-right: 0;}
.news-detail .content{padding: .3rem 0;}
.news-detail .content p{font-size: .16rem; line-height: .32rem; font-family: 'Light';}
.news-detail .content img{display: block; margin: .3rem auto;}
.news-detail .right .title{font-size: .24rem; font-family: 'Medium'; line-height: 1; margin-bottom: .25rem;}
.news-detail .right .pic{padding-top: 63.75%; background-size: 100%; background-position: center; background-repeat: no-repeat; transition: all .5s;}
.news-detail .right li:hover .pic{background-size: 110%;}
.news-detail .right li{font-size: .16rem; color: #333; margin-bottom: .35rem;}
.news-detail .right .date{padding: .2rem 0 .12rem; font-family: 'Light';}
.news-detail .right .tit{line-height: .26rem;}
.news-detail .nav-box{position: relative; padding-top: .48rem; border-top: 1px solid #eee;}
.news-detail .back{position: absolute; border-radius: .5rem; top: .65rem; right: 0; width: 1.8rem; line-height: .5rem; height: .5rem; text-align: center; padding-left: .4rem; background: url(../images/back-icon.png) no-repeat .4rem center #59ba83; background-size: .23rem .18rem; color: #fff; font-size: .16rem; font-family: 'Light'; display: block;}
.news-detail .prev,
.news-detail .next{display: block; padding: .125rem 0; color: #333; font-size: .16rem;}
.news-detail .prev span,
.news-detail .next span{color: #1d2088; display: inline-block; margin-right: .06rem;}
@media(max-width: 768px) {
    .news-detail .left,
    .news-detail .right{width: 100%;}
    .news-detail .back{position: initial; margin-top: .2rem;}
    .news-detail .nav-box{padding-top: .3rem;}
}



.service .menu{border: none;}
.service .menu ul{display: none;}
.service .list{padding: .35rem 0 .8rem;}
.service .inner{margin: 0 -.2rem;}
.service .inner li{padding: 0 .2rem; width: 50%; float: left; margin-bottom: .4rem;}
.service .inner li a{display: block; transition: all .5s; box-shadow: 0 0 15px 5px rgba(0,0,0,.05); overflow: hidden; border-radius: 10px; overflow: hidden; position: relative; padding: .57rem .8rem .5rem .59rem; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.service .inner li a::before{transition: all .5s; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to right, #eeeff7, #fff); z-index: 1;}
.service .inner li a::after{transition: all .5s; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to right, rgba(21,23,135,1), rgba(21,23,135,.2)); z-index: 1; opacity: 0;}
.service .inner li .icon{position: absolute; z-index: 2; top: .57rem; left: .59rem; transition: all .5s; width: .8rem; height: .8rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-color: #1d2088; background-size: 55%;}
.service .inner li .icon.on{background-color: #fff; opacity: 0;}
.service .inner li:hover .icon.on{opacity: 1;}
.service .inner li:hover a::before{opacity: 0;}
.service .inner li:hover a::after{opacity: 1;}
.service .inner li .content{position: relative; z-index: 2; padding-left: 1.4rem; color: #333;}
.service .inner li:hover .content{color: #fff;}
.service .inner li .tit{font-size: .26rem; font-family: 'Medium'; line-height: 1; padding-bottom: .55rem; position: relative;}
.service .inner li .tit::before{content: ''; position: absolute; width: .32rem; height: .03rem; background-image: linear-gradient(to right, #24a956, #40d35f); top: .44rem; left: 0;}
.service .inner li .txt{line-height: .3rem; font-weight: 'Light'; height: 1.5rem; font-size: .16rem; overflow-y: auto;}
.service .inner li .txt::-webkit-scrollbar{width: 4px; height: 3px;}
.service .inner li .txt::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #59ba83;}
.service .inner li .txt::-webkit-scrollbar-track{border-radius: 4px; background-color: #bababa8f;}
.service .inner li .txt::-webkit-scrollbar-button{display: none;}
@media(max-width: 1024px) {
    .service .inner li{width: 100%;}
}


.platform img{display: block;}
.platform li{position: relative;}
.platform li .jump{position: absolute; left: 0; top: -1rem;}
.platform li:nth-child(1) img,
.platform li:nth-child(3) img{margin-left: auto;}
.platform li .content{position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%);}
.platform li .auto-1400{padding-right: 45.83%;}
.platform li:nth-child(2) .auto-1400{padding-left: 45.83%; padding-right: 0;}
.platform li .tit{font-size: .36rem; font-family: 'Medium'; line-height: 1; position: relative; margin-bottom: .5rem;}
.platform li .tit::before{content: ''; background-image: linear-gradient(to right, #24a956, #40d35f); width: 1.2rem; height: .06rem; position: absolute; left: 0; bottom: -.03rem;}
.platform li .txt{font-size: .16rem; line-height: .3rem; font-family: 'Light';}

@media(min-width: 1025px){
.platform img{width: 56.1%;}
}

@media(max-width: 1600px) {
.platform li .box{padding: .3rem; background-color: rgba(255,255,255,.8);}
}
@media(max-width: 1024px) {
.platform li .jump{top: -.8rem;}
}
@media(max-width: 960px) {
.platform li .auto-1400{padding-right: 20%;}
.platform li:nth-child(2) .auto-1400{padding-left: 20%;}
.platform li .tit{margin-bottom: .25rem;}
}
@media(max-width: 480px) {
.platform li .auto-1400{padding-right: 0%;}
.platform li:nth-child(2) .auto-1400{padding-left: 0%;}
}

.industry{padding: 1rem 0 0 0;}
.industry .list{overflow: hidden;}
.industry .list .item{position: relative;}
.industry .list .item .jump{position: absolute; left: 0; top: -1rem;}
.industry .list .item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem; overflow: hidden;}
.industry .item .left{width: 60%;overflow: hidden;}
.industry .item .imgbox{overflow: hidden;}
.industry .item .imgbox img{display: block; width: 100%; }
.industry .item .right{width: 40%;padding-left: 6%; }
.industry .item .right .icon{width: .8rem; height: .8rem; border-radius: 50%; background-color: #1d2088; text-align: center; position: relative;margin-bottom: 0.68rem;}
.industry .item .right .icon img {max-width: .4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.industry .item .tit{display: inline-block;  font-size: .36rem;font-family: 'Medium';line-height: 1; position: relative;margin-bottom: 0.5rem;padding-bottom: .3rem; }
.industry .item .tit::before {content: '';background-image: linear-gradient(to right, #24a956, #40d35f);width: 100%;height: 0.06rem;position: absolute;left: 0;bottom: 0rem;}
.industry .item .txt{font-size: .16rem;line-height:.3rem;font-family: 'Light';}
.industry .item:nth-child(2n) {flex-direction: row-reverse;}
.industry .item:nth-child(2n) .right{padding-right: 6%; padding-left: 0; }

@media (max-width: 1024px){
.industry{padding: 0.3rem 0 0;}
.industry .list .item {flex-wrap: wrap;margin-bottom: 0.2rem;}
.industry .item:nth-child(2n) {flex-direction: row;}
.industry .item:nth-child(2n) .right{padding-right: 0%; padding-left: 0; }
.industry .item .left{width: 100%;margin-bottom: .2rem;}
.industry .item .right {width: 100%; padding-left: 0;}
.industry .item .right .inner{padding: .2rem;}
.industry .item .right .icon{margin-bottom: 0.40rem}
.industry .item .tit{margin-bottom: 0.25rem; }
}



.cooperate .menu{border: none;}
.cooperate .menu ul{display: none;}
.cooperate .list{padding: .35rem 0 .8rem; margin: 0 -.2rem;}
.cooperate .list li{padding: 0 .2rem; margin-bottom: .4rem; width: 20%; float: left;}
.cooperate .list li a{height: 1.86rem; background-color: #f7f8f9; transition: all .5s; position: relative; display: flex; justify-content: center; align-items: center;}
.cooperate .list li a img{max-width: 80%;}
.cooperate .list li:hover a{background-color: #fff; box-shadow: 0 0 15px 5px rgba(0,0,0, .05);}
@media(max-width: 1024px) {
    .cooperate .list li{width: 25%;}
}
@media(max-width: 640px) {
    .cooperate .list{margin: 0 -.1rem;}
    .cooperate .list li{width: 33.33%; margin-bottom: .2rem;}
}


.product-index{background-color: #f7f8f9; padding: 1.1rem 0;}
.product-index ul{margin: 0 -.125rem;}
.product-index ul li{width: 33.33%; float: left; padding: 0 .125rem; margin-bottom: .22rem; height: 3.39rem;}
.product-index ul li a{display: block; width: 100%; background-color: #fff; height: 100%; color: #333; border-radius: 10px; position: relative; box-shadow: 0 0 15px 2px rgba(0,0,0,.05); padding: .58rem .5rem 0;transition:.3s;}
.product-index ul li:nth-child(3){height: 7rem; float: right;}
.product-index ul li:nth-child(5){height: 7rem;}
.product-index ul li:nth-child(4),
.product-index ul li:nth-child(8){width: calc(66.66%);}
.product-index ul li a .icon{position: relative;top: 0;transition:.3s; max-height:82px;}
.product-index ul li a .icon img{ max-height:82px;}
.product-index ul li a .shop{width: .58rem; height: .58rem; position: absolute; bottom: .2rem; right: .25rem; background: url(../images/shop-icon.png) no-repeat center/cover;transition:.3s;}
.product-index ul li .tit{font-size: .26rem; font-family: 'Medium'; margin: .97rem 0 .1rem;}
.product-index ul li .txt{font-size: .16rem; font-family: 'Light';}
.product-index ul li:nth-child(3) .icon,
.product-index ul li:nth-child(5) .icon{text-align: center;}
.product-index ul li:nth-child(3) .tit,
.product-index ul li:nth-child(5) .tit{text-align: center; padding-top: 2.4rem; margin-bottom: 0;}
.product-index ul li:nth-child(4) .icon,
.product-index ul li:nth-child(8) .icon{display: inline-block; margin-top: .72rem;}
.product-index ul li:nth-child(4) .content,
.product-index ul li:nth-child(8) .content{float: right; width: 3.5rem; margin-top: 0;}
.product-index ul li:nth-child(4) .tit,
.product-index ul li:nth-child(8) .tit{margin-top: .77rem;}
.product-index ul li:nth-child(4) a,
.product-index ul li:nth-child(8) a{background-image: linear-gradient(45deg, #ebedf2 5%, #fff);}
.product-index ul li:nth-child(1) a,
.product-index ul li:nth-child(6) a{background-image: linear-gradient(45deg, #fde8ec 1%, #fff);}
.product-index ul li:nth-child(2) a,
.product-index ul li:nth-child(7) a{background-image: linear-gradient(45deg, #e8f5f5 1%, #fff);}
.product-index ul li:nth-child(3) a,
.product-index ul li:nth-child(5) a{background-image: linear-gradient(to top, #fcf5ee 10%, #fff);}

.product-index ul li a:hover{box-shadow: 0 0 15px 4px rgba(0,0,0,.1);}
.product-index ul li a:hover .shop{transform: rotateY(360deg);}
.product-index ul li a:hover .icon{top: -.05rem;}


@media(max-width: 1024px) {
    .product-index{padding: .5rem 0;}
    .product-index ul li{height: 3rem;}
    .product-index ul li a{padding: .3rem .3rem 0;}
    .product-index ul li .tit{font-size: .18rem;}
    .product-index ul li .txt{font-size: .14rem;}
    .product-index ul li:nth-child(3),
    .product-index ul li:nth-child(5){height: 6.22rem;}
    .product-index ul li:nth-child(4) .icon,
    .product-index ul li:nth-child(8) .icon{width: calc(100% - 3.5rem);}
}
@media(max-width: 640px) {
    .product-index ul li{float: none; width: 100%; height: auto;}
    .product-index ul li a{padding: .3rem;}
    .product-index ul li:nth-child(3),
    .product-index ul li:nth-child(5){height: auto; float: none;}
    .product-index ul li:nth-child(4),
    .product-index ul li:nth-child(8){width: 100%;}
    .product-index ul li .tit{margin: .3rem 0 .1rem;}
    .product-index ul li:nth-child(3) .tit,
    .product-index ul li:nth-child(5) .tit{margin-top: .3rem; padding-top: 0; text-align: left;}
    .product-index ul li:nth-child(3) .icon,
    .product-index ul li:nth-child(5) .icon{text-align: left;}
    .product-index ul li:nth-child(4) .icon,
    .product-index ul li:nth-child(8) .icon{display: block; margin-top: 0;}
    .product-index ul li:nth-child(4) .content,
    .product-index ul li:nth-child(8) .content{float: none; width: 100%; margin-top: 0;}
    .product-index ul li:nth-child(4) .tit,
    .product-index ul li:nth-child(8) .tit{margin-top: .3rem;}
    .product-index ul li:nth-child(3) img,
    .product-index ul li:nth-child(5) img{height: 1.3rem;}
}


.product-list{background-color: #f7f8f9; padding: .98rem 0 .99rem;}
.product-list .head{line-height: .36rem; padding-bottom: .32rem; border-bottom: 1px solid #ebebeb; font-size: .16rem; font-family: 'Light';}
.product-list .head .clear-btn{display: inline-block; padding-left: .27rem; background: url(../images/clear-icon.png) no-repeat left center; background-size: .16rem; cursor: pointer;}
.product-list .head .right{width: 78.57%; float: right; position: relative;}
.product-list .head .right > div{display: inline-block;}
.product-list .head .total{margin-right: .7rem;}
.product-list .head .view span{display: inline-block; vertical-align: middle; height: .36rem; cursor: pointer;}
.product-list .head .view span:nth-child(1){background: url(../images/list-view.png) no-repeat center/contain; width: .2rem; margin: 0 .2rem 0 .3rem;}
.product-list .head .view span:nth-child(2){background: url(../images/grid-view.png) no-repeat center/contain; width: .18rem;}
.product-list .head .view span.on:nth-child(1){background: url(../images/list-view-on.png) no-repeat center/contain;}
.product-list .head .view span.on:nth-child(2){background: url(../images/grid-view-on.png) no-repeat center/contain;}
.product-list .head .search-box{position: absolute; width: 3.2rem; height: .36rem; right: 0; bottom: 0; border: 1px solid #dedfe0; border-radius: 4px;}
.product-list .head .search-box input{width: calc(100% - .55rem); border: none; padding-left: .2rem; background: none; font-size: .14rem; height: .36rem;}
.product-list .head .search-box input::-webkit-input-placeholder{color: #999; font-family: 'Light';}
.product-list .head .search-box .btn{background: url(../images/search-icon01.png) no-repeat center; background-size: .18rem; width: .5rem; height: .36rem; display: inline-block; vertical-align: top;}
.product-list .content{padding-top: .4rem;}
.product-list .left{width: 18.57%; float: left; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 0 15px 2px rgba(0,0,0, .05); padding: .08rem .25rem 0;}
.product-list .left li{margin-bottom: .1rem; padding-top: .22rem;}
.product-list .left li .tit{font-size: .2rem; font-family: 'Medium'; line-height: 1; margin-bottom: .3rem; cursor: pointer; transition: all .5s; background: url(../images/add-icon.png) no-repeat right center;padding-right:.15rem;}
.product-list .left li.on .tit{color: #24a956; background: url(../images/minus-icon.png) no-repeat right center;}
.product-list .left li .sub{display: none;}
.product-list .left li dl{padding-left: .15rem; margin-bottom: .22rem; overflow: hidden;}
.product-list .left li dt{font-size: .16rem; margin-bottom: .25rem; line-height: 1;}
.product-list .left li dd{font-size: .16rem; color: #999; padding-left: .31rem; cursor: pointer; line-height: .18rem; margin-bottom: .18rem; background: url(../images/untick-icon.png) no-repeat left center; background-size: .18rem;}
.product-list .left li dd.on{color: #24a956; background: url(../images/tick-icon.png) no-repeat left center; background-size: .18rem;}
@media(max-width: 1024px) {
    .product-list .head .view{display: none!important;}
}
.product-list .list{transition: all .5s; width: 78.57%; float: right;}
.product-list .list li{transition: all .5s; margin-bottom: .2rem;}
.product-list .list li a{transition: all .5s; display: block; color: #333; border-radius: 8px; background-color: #fff; padding: .4rem .2rem .4rem .3rem; display: flex; justify-content: space-between; align-items: center;}
.product-list .list li a:hover{box-shadow: 0 0 15px 2px rgba(0,0,0, .05);}
.product-list .list li .num{font-size: .16rem; font-family: 'Oswald'; font-weight: lighter;}
.product-list .list li .pic{max-width: 1.35rem;overflow: hidden;}
.product-list .list li .pic img{transition:.3s;}
.product-list .list li a:hover .pic img{transform: scale(1.1, 1.1);}
.product-list .list li .box{padding-left: .8rem; border-left: 1px solid #ededed;}
.product-list .list li .tit{font-size: .18rem; line-height: .23rem; padding-right: .73rem; margin-bottom: .17rem;}
.product-list .list li .tit.has-promote{background: url(../images/promote-icon.png) no-repeat right center;}
.product-list .list li .param{font-size: .14rem; color: #666; font-family: 'Light'; line-height: 1;}
.product-list .list li .param:not(:last-child){margin-bottom: .13rem;}
.product-list .list li .price{font-size: .16rem; font-family: 'Light';}
.product-list .list li .price span{font-size: .2rem; font-family: 'Oswald';}
.product-list .list li .add{font-size: .14rem; font-family: 'Light'; padding-right: .49rem; line-height: .36rem; background: url(../images/cart-icon.png) no-repeat right center; background-size: .36rem;}
.product-list .list li a:hover .tit{color: #24a956;}

.product-list .list.type1{margin: 0 -.1rem;}
.product-list .list.type1 li{width: 33.33%; float: left; padding: 0 .1rem;}
.product-list .list.type1 li a{display: block; padding: 0; position: relative;}
.product-list .list.type1 li .num{padding: .2rem 0 0 .2rem;}
.product-list .list.type1 li .pic{width: 71.67%; margin: 0 auto; max-width: none; height: 2.67rem; display: flex; align-items: center; justify-content: center;}
.product-list .list.type1 li .box{padding-left: 0; border: none;}
.product-list .list.type1 li .tit-box{padding-bottom: .26rem; border-bottom: 1px solid #ededed; text-align: center; margin-bottom: .23rem;}
.product-list .list.type1 li .tit{display: inline-block; padding-right: 0; padding-left: .62rem; margin-bottom: 0;}
.product-list .list.type1 li .tit.has-promote{background: url(../images/promote-icon.png) no-repeat left center/contain;}
.product-list .list.type1 li .param{padding-left: .22rem; margin-bottom: .13rem;}
.product-list .list li .param:last-child{padding-bottom: .21rem; margin-bottom: 0;}
.product-list .list.type1 li .add{display: none;}
.product-list .list.type1 li .price{position: absolute; right: .2rem; bottom: .2rem;}
@media(max-width: 1024px) {
    .product-list{padding: .5rem 0;}
    .product-list .left{width: 30%;}
    .product-list .head .right{width: 66.5%;}
    .product-list .list{width: 69%;}
    .product-list .list.type1 li{width: 50%;}
}
@media(max-width: 768px) {
    .product-list .list.type1{transform: translateX(.1rem);}
    .product-list .list.type1 li{width: 100%; padding: 0;}
}
@media(max-width: 640px) {
    .product-list .left{width: 100%; margin-bottom: .3rem; float: none;}
    .product-list .list{width: 100%; float: none;}
    .product-list .head .search-box{display: block; position: initial;}
    .product-list .head .right{width: auto;}
    .product-list .head .search-box .btn{width: .3rem;}
}
.product-list .loading{width: 78.57%; float: right; text-align: center; padding-top: .4rem; line-height: 1; font-size: .14rem; color: #999; font-family: 'Light';}
.product-list .loading .box{display: inline-block;}
.product-list .loading .pic{display: inline-block; margin-bottom: .16rem; width: .3rem; height: .3rem; background: url(../images/loading-icon.png) no-repeat center/cover; animation: rotate 3s linear infinite;}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@media(max-width: 640px) {
    .product-list .loading{width: 100%; float: none; padding-top: .1rem;}
}

.product-detail .menu{border: none;}
.product-detail .menu .left{display: none;}
.product-detail .menu .location{float: left;}
.product-detail .above{padding-top: .38rem;}
.product-detail .left{width: 38.57%; float: left;}
.product-detail .right{width: 53.57%; float: right;}
.product-detail .left .slider-nav{padding: 0 .35rem; position: relative; margin-top: .15rem;}
.product-detail .left .slider-nav li{border: 1px solid #e5e5e5; margin: 0 .05rem; transition: all .5s;}
.product-detail .left .slider-nav li.slick-current{border: 1px solid #47c481;}
.product-detail .left .slider-for li{border: 1px solid #e5e5e5; margin-right: 1px;}
.product-detail .left .slider-for li img{width: 100%;}
.product-detail .left .slider-nav .slick-prev,
.product-detail .left .slider-nav .slick-next{position: absolute; top: 0; width: .3rem; height: 100%; font-size: 0; border: none; cursor: pointer;}
.product-detail .left .slider-nav .slick-prev{left: 0; background: url(../images/prev-icon01.png) no-repeat center #f7f8f9;}
.product-detail .left .slider-nav .slick-next{right: 0; background: url(../images/next-icon01.png) no-repeat center #f7f8f9;}
.product-detail .right .title{font-size:.3rem; font-family: 'Medium'; padding: .35rem 0 .55rem; display:flex; flex-wrap:wrap;}
.product-detail .right .title .time{ margin-left:2em; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; font-size:.14rem; padding:.05rem .1rem; background-image: linear-gradient(to right, #24a956, #3fd35f); color:#fff; border-radius:5px;}
.product-detail .right dd{line-height: .47rem; border-top: 1px dashed #dedede; font-size: .16rem; font-family: 'Light';}
.product-detail .right dd:last-child{border-bottom: 1px dashed #dedede; margin-bottom: .6rem;}
.product-detail .right dd .label{display: inline-block; width: 44.93%;}
.product-detail .right .price{font-size: .16rem; font-family: 'Light'; line-height: 1;}
.product-detail .right .price span{font-size: .2rem; font-family: 'Oswald';}
.product-detail .right .quantity-box{padding: .5rem 0 .9rem; font-size: .16rem; font-family: 'Light'; line-height: .36rem;}
.product-detail .right .remain{display: inline-block; margin-right: .8rem;}
.product-detail .right .quantity{display: inline-block;}
.product-detail .right .quantity > div{display: inline-block; height: .36rem; width: .3rem; text-align: center; border: 1px solid #e5e5e5; border-left: none;}
.product-detail .right .quantity input{display: inline-block; height: .36rem; width: .3rem; text-align: center; border: 1px solid #e5e5e5; border-left: none;width: .57rem;vertical-align: top;}
.product-detail .right .quantity > div:first-child{border-left: 1px solid #e5e5e5;border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer;}
.product-detail .right .quantity > div:nth-child(2){width: .57rem;}
.product-detail .right .quantity > div:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer;}
.product-detail .right .quantity > div.minus:hover,
.product-detail .right .quantity > div.add:hover{color: #29b057;}
.product-detail .right .btn-box > div{display: inline-block; width: 1.35rem; line-height: .5rem; cursor: pointer; font-size: .16rem; text-align: center; border-top-left-radius: .2rem; border-bottom-right-radius: .2rem;position: relative;top: 0;transition:.3s;}
.product-detail .right .btn-box > div:hover{top: -.05rem;}
.product-detail .right .btn-box > div span{display: inline-block;}
.product-detail .right .btn-box .addCart{border: 1px solid #29b057; color: #29b057; margin-right: .45rem;}
.product-detail .right .btn-box .addCart span{padding-left: .28rem; background: url(../images/cart-icon01.png) no-repeat left center; background-size: .2rem .18rem;}
.product-detail .right .btn-box .buy{color: #fff; background-image: linear-gradient(to right, #24a956, #3fd35f);}
@media(max-width: 1024px) {
    .product-detail .left{width: 100%;}
    .product-detail .right{width: 100%;}
}
@media(max-width: 640px) {
    .product-detail .right .btn-box > div{width: 1.5rem;}
}

.product-detail .below{padding: .8rem 0;}
.product-detail .tab{background: #f7f8f9; line-height: .56rem;}
.product-detail .tab .item{width: 3rem; text-align: center; display: inline-block; font-size: .16rem; transition: all .5s; cursor: pointer; clip-path: polygon(.13rem 0, 100% 0, calc(100% - .13rem) 100%, 0 100%); transform: translateX(-.13rem);}
.product-detail .tab .item:hover,
.product-detail .tab .item.on{background-image: linear-gradient(to right, #24a956, #3fd35f); color: #fff;}
.product-detail .tab .item:last-child{transform: translateX(-.26rem);}
.product-detail .tab .item:first-child{clip-path: polygon(0 0, 100% 0, calc(100% - .13rem) 100%, 0 100%); transform: translateX(0);}
.product-detail .con1{padding: .4rem 1.75rem 0 .4rem; font-size: .16rem; display: none;}
.product-detail .con1 p{line-height: 2;}
.product-detail .file{display: inline-block; text-align: center; margin-top: .4rem;}
.product-detail .file .txt{font-size: .14rem; margin-top: .2rem; line-height: 1; color: #333;}
@media(max-width: 1024px) {
    .product-detail .tab .item{width: 33%;}
    .product-detail .con1{padding: .4rem 0 0;}
}


.contact .menu .left{display: none;}
.contact .address{padding: 1.2rem 0 1rem;}
.contact .map{width: 51.42%; float: left;}
.contact .map img{width: 100%;}
.contact .info{width: 42.85%; float: right;}
.contact .info .title{font-size: .4rem; font-family: 'Medium'; line-height: 1; padding: .14rem 0 .4rem; border-bottom: 1px solid #dfdfdf;}
.contact .info dd{padding-left: .8rem; margin-top: .45rem; font-size: .18rem; font-family: 'Light'; line-height: 1; color: #000;}
.contact .info dd a{color: #000;}
.contact .info .label{color: #999; padding-bottom: .16rem;}

.contact .form{background-color: #f5f6f8; padding: 1rem 0 1.2rem; color: #333; text-align: center;}
.contact .form .title{text-align: center; font-size: .48rem; line-height: 1; padding-bottom: .5rem;}
.contact .form .input-box{display: flex; justify-content: space-between; margin-bottom: .4rem;}
.contact .form .input-box input{width: 31.42%; display: inline-block; height: .56rem; padding: 0 .5rem 0 .3rem; border-radius: 6px; border: 1px solid #eaeaea; font-size: .16rem; background: url(../images/required-icon.png) no-repeat right .3rem center #fff;}
.contact .form textarea{width: 100%; border-radius: 6px; border: 1px solid #eaeaea; font-size: .16rem; background: url(../images/required-icon.png) no-repeat right .3rem top .26rem #fff; padding: .3rem .4rem .3rem .3rem; height: 2.25rem;}
.contact .form .submit{display: inline-block; margin-top: .5rem; width: 1.8rem; line-height: .56rem; color: #fff; border-radius: .56rem; border: none; background-image: linear-gradient(to right, #44db60, #47c481); font-size: .2rem; font-family: 'Medium'; cursor: pointer;position: relative;top: 0;transition:.3s;}
.contact .form .submit:hover{top: -.05rem;}
@media(max-width: 1024px) {
    .contact .map{width: 100%; margin-bottom: .3rem;}
    .contact .info{width: 100%;}
    .contact .form,
    .contact .address{padding: .5rem 0;}
}
@media(max-width: 768px) {
    .contact .form .input-box{flex-wrap: wrap; margin-bottom: 0;}
    .contact .form .input-box input{width: 100%; margin-bottom: .2rem;}
    .contact .form textarea{margin-top: 0;}
    .contact .form .title{font-size: .3rem;}
}


.form-style{padding: 1.03rem 0 1rem; text-align: center;}
.form-style .tit-box{position: relative; padding-bottom: .26rem; line-height: 1; border-bottom: 1px solid #e5e5e5;}
.form-style .tit{font-size: .32rem;}
.form-style .tit-box span{position: absolute; right: 0; bottom: .25rem; font-family: 'Light'; color: #999; font-size: .16rem;}
.form-style .tit-box span a{color: #33af61;}
.form-style .form-box{padding-top: .5rem;}
.form-style .input-box{display: block; margin: 0 auto .2rem; position: relative; background-color: #f7f9fa; height: .5rem; width: 100%; max-width: 5.8rem; border-radius: 4px;}

.form-style .input-box input{border: none; height: .5rem; width: 100%; padding: 0 .24rem 0 .21rem; font-size: .16rem; background-color: rgba(0,0,0,0);}
.form-style .input-box input.bg{padding-left: .3rem; margin-left: .21rem;}
.form-style .input-box input::-webkit-input-placeholder{color: #999; font-family: 'Light';}
.form-style .input-box>span{position: absolute;top: 50%;transform: translateY(-50%);right: 3%;}
.form-style .input-box:nth-child(5)>span,
.form-style .input-box:nth-child(10)>span{right: 20%;}
.form-style .check-box{width: 100%; max-width: 5.8rem; margin: 0 auto .4rem; font-size: .14rem; color: #999; font-family: 'Light'; text-align: left;}
.form-style .check-box input{display: inline-block; margin: 0; margin-right: .11rem;}
.form-style .check-box a{color: #3b3e98;}
.form-style .select-box{position: relative;}
.form-style .select-box>span{position: absolute;top: 50%;transform: translateY(-50%);left: 3%;background: #f7f9fa;}
.form-style .submit{width: 100%; max-width: 5.8rem; margin: 0 auto; background-color: #24a956; color: #fff; font-size: .18rem; border: none; border-radius: 4px; line-height: .5rem; cursor: pointer;}
.form-style .send{position: absolute; right: .24rem; top: 50%; transform: translateY(-50%); color: #24a956; font-family: 'Light'; text-decoration: underline; font-size: .16rem;}

.login .forget{display: block; width: 100%; max-width: 5.8rem; margin: .2rem auto 0; text-align: right; font-size: .16rem; color: #666; line-height: 1; font-family: 'Light';}
.login .input-box:nth-child(1) input{background: url(../images/people-icon.png) no-repeat left center;}
.login .input-box:nth-child(2) input{background: url(../images/pwd-icon.png) no-repeat left center;}

.forget .submit{margin: .2rem auto 0;}
.forget .input-box:nth-child(1) input{background: url(../images/phone-icon.png) no-repeat left center;}
.forget .input-box:nth-child(2) input{background: url(../images/pwd-icon01.png) no-repeat left center;}
.forget .input-box:nth-child(3) input,
.forget .input-box:nth-child(4) input{background: url(../images/pwd-icon.png) no-repeat left center;}


.register .form-box{display: flex; justify-content: space-between; flex-wrap: wrap;text-align: left;}
.register .form-box .input-box>span{display: block;padding-left: .2rem;}
.register .form-box .input-box>span>span{padding-right: 5px;}
.register .select-box,
.register .input-box{margin: 0 0 .2rem 0; width: calc(50% - .2rem); max-width: 100%;}
.register .submit{max-width: 100%;}
.register .check-box{max-width: 100%;}
.register .select-box{display: flex; justify-content: space-between;}
.register .select-box select{background-color: #f7f9fa; border: none; width: calc((100% - .2rem) / 3); height: .5rem; display: inline-block!important; padding: 0 .21rem;}
.register .select-box_row1 select{ width: 100%;}
.register .upload{position: absolute; right: 0; top: .03rem; text-align: center; width: 1rem; border-radius: 4px; color: #fff; background-color: #24a956; line-height: .44rem; font-size: .16rem; font-family: 'Light'; cursor: pointer;}
.register .input-box:nth-child(1) input{background: url(../images/people-icon.png) no-repeat left center;}
.register .input-box:nth-child(2) input,
.register .input-box:nth-child(3) input{background: url(../images/pwd-icon.png) no-repeat left center;}
.register .input-box:nth-child(4) input{background: url(../images/phone-icon.png) no-repeat left center;}
.register .input-box:nth-child(5) input{background: url(../images/pwd-icon01.png) no-repeat left center;}
.register .input-box:nth-child(6) input{background: url(../images/mail-icon.png) no-repeat left center;}
@media(max-width: 1024px) {
    .form-style{padding: .5rem 0;}
}
@media(max-width: 768px) {
    .register .select-box,
    .register .input-box{width: 100%;}
}
@media(max-width: 640px) {
    .form-style .input-box,
    .form-style .check-box,
    .form-style .submit,
    .login .forget{max-width: 100%;}
}


.side-menu{width: 17.14%; float: left; background-color: #f7f9fa; padding: .39rem 0 .15rem; border-radius: .08rem;}
.side-menu .tit{padding-left: .37rem; line-height: 1; font-size: .24rem; border-left: 6px solid #24a956; margin-bottom: .39rem;}
.side-menu dd{padding-left: .37rem; margin-bottom: .35rem;}
.side-menu dd a{display: inline-block; padding-left: .26rem; font-size: .16rem; font-family: 'Light'; line-height: 1; color: #333; transition: all .5s;}
.side-menu dd a.on,
.side-menu dd a:hover{color: #40b46c;}
.side-menu dd:nth-child(1) a{background: url(../images/sidemenu01.png) no-repeat left center/contain;}
.side-menu dd:nth-child(2) a{background: url(../images/sidemenu02.png) no-repeat left center/contain;}
.side-menu dd:nth-child(3) a{background: url(../images/sidemenu03.png) no-repeat left center/contain;}
.side-menu dd:nth-child(4) a{background: url(../images/sidemenu04.png) no-repeat left center/contain;}
.side-menu dd:nth-child(5) a{background: url(../images/sidemenu05.png) no-repeat left center/contain;}
.side-menu dd:nth-child(6) a{background: url(../images/sidemenu06.png) no-repeat left center/contain;}
.side-menu dd:nth-child(7) a{background: url(../images/sidemenu07.png) no-repeat left center/contain;}
.side-menu dd:nth-child(1) a.on,
.side-menu dd:nth-child(1) a:hover{background: url(../images/sidemenu01-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(2) a.on,
.side-menu dd:nth-child(2) a:hover{background: url(../images/sidemenu02-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(3) a.on,
.side-menu dd:nth-child(3) a:hover{background: url(../images/sidemenu03-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(4) a.on,
.side-menu dd:nth-child(4) a:hover{background: url(../images/sidemenu04-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(5) a.on,
.side-menu dd:nth-child(5) a:hover{background: url(../images/sidemenu05-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(6) a.on,
.side-menu dd:nth-child(6) a:hover{background: url(../images/sidemenu06-on.png) no-repeat left center/contain;}
.side-menu dd:nth-child(7) a.on,
.side-menu dd:nth-child(7) a:hover{background: url(../images/sidemenu07-on.png) no-repeat left center/contain;}
.side-menu dd span{padding-left: .08rem; font-size: .14rem; color: #ce3113; font-family: 'Light';}

.container{width: 78.57%; float: right; padding-top: .42rem;}
.container .title{line-height: 1; padding-bottom: .2rem; font-size: .2rem; border-bottom: 1px solid #e6e6e6; margin-bottom: .6rem;}
.container .form{text-align: center;}
.container .input-box{margin-bottom: .2rem;}
.container .input-box:last-child{margin-bottom: 0;}
.container .input-box .label{display: inline-block; position: relative; width: .8rem; margin-right: .2rem; font-size: .16rem; text-align: right; color: #666; line-height: .5rem;}
.container .input-box .label.required::before{content: '*'; color: #e4361a; position: absolute; top: 0; left: -.08rem;}
.container .input-box input[type='text']{height: .5rem; border: 1px solid #e5e5e5; width: calc(100% - 1rem); max-width: 4.5rem; padding: 0 .25rem; border-radius: 4px;}
.container .input-box input[type='password']{height: .5rem; border: 1px solid #e5e5e5; width: calc(100% - 1rem); max-width: 4.5rem; padding: 0 .25rem; border-radius: 4px;}
.container .input-box .submit{width: 1.4rem!important; line-height: .5rem; color: #fff; margin: .2rem 3.1rem 0 0; border: none; background-color: #24a956; padding: 0; text-align: center; cursor: pointer;}
@media(max-width: 1024px) {
    .side-menu{width: 100%; padding: .15rem 0 0;}
    .side-menu .tit{margin-bottom: .15rem; transition: all .5s; background: url(../images/down-icon.png) no-repeat right .3rem center; cursor: pointer;}
    .side-menu .tit.on{background: url(../images/up-icon.png) no-repeat right .3rem center;}
    .side-menu dd{margin-bottom: .15rem;}
    .side-menu dl{display: none;}
    .container{width: 100%;}
}
@media(max-width: 640px) {
    .container .input-box .label{width: 80px!important;}
    .container .input-box input{width: calc(100% - 80px - .2rem);}
}


.change-pwd .container .input-box .label{width: 1rem;}

.member-address .add{text-align: center;}
.member-address .add .txt{font-size: .16rem; color: #999; font-family: 'Light'; line-height: 1; margin-bottom: .4rem;}
.member-address .add .btn{width: 1.4rem; line-height: .5rem; color: #fff; background-color: #24a956; border-radius: 4px; margin: 0 auto; font-size: .16rem; cursor: pointer;}
.member-address .list span{display: block;cursor: pointer;margin-bottom:.2rem;}
.member-address .list span:hover{color: #24a956;}
.member-address .list li{padding: .3rem .4rem; position: relative; margin-bottom: .2rem; border: 1px solid #e5e5e5; border-radius: 4px;}
.member-address .list .btn-box{position: absolute; top: 50%; right: .3rem; transform: translateY(-50%);}
.member-address .list .name{display: inline-block; font-size: .16rem; line-height: .2rem; margin-right: .09rem;}
.member-address .list .default{display: inline-block; line-height: .2rem; color: #fff;  background-color: #24a956; padding: 0 .06rem; border-radius: 2px; font-size: .12rem; font-family: 'Light';}
.member-address .list .addr{margin: .2rem 0 .14rem; font-size: .16rem; font-family: 'Light'; color: #666;}
.member-address .list .phone{font-size: .16rem; font-family: 'Light'; color: #666;}
.member-address .list .btn-box > div{display: inline-block; padding-left: .23rem; font-size: .14rem; font-family: 'Light'; color: #666; margin-left: .4rem; line-height: .14rem; cursor: pointer;}
.member-address .list .edit{background: url(../images/edit-icon.png) no-repeat left center/contain;}
.member-address .list .del{background: url(../images/del-icon.png) no-repeat left center/contain;}
@media(max-width: 640px) {
    .member-address .list .btn-box{position: initial; text-align: right; transform: translate(0);}
}

.member-address .form{text-align: left;}
.member-address .form select{width: 2.4rem; height: .5rem; padding: 0 .24rem; margin-right: .1rem; border: 1px solid #e5e5e5; border-radius: 4px;}
.member-address .form .input[type="checkbox"]{width: .16rem; height: .16rem;}
.member-address .form .input-box:nth-child(5){padding-left: 1rem;}
.member-address .form .input-box:nth-child(5) input{margin: 0;}
.member-address .form span{font-size: .14rem; font-family: 'Light';}
@media(max-width: 1024px) {
    .member-address .form select{width: 27%;}
}
@media(max-width: 640px) {
    .member-address .form input[type="checkbox"]{width: .16rem;}
    .member-address .form .input-box:nth-child(5){padding-left: calc(80px + .27rem);}
    .member-address .form select{width: calc(100% - 2.7rem); margin-right: 0; margin-bottom: .2rem;}
    .member-address .form select:not(:nth-child(2)){margin-left: calc(80px + .27rem);}
    .member-address .form select:last-child{margin-bottom: 0;}
}



.member-order .orderType{line-height: 1;padding-bottom: 0.2rem;border-bottom: 1px solid #e6e6e6;margin-bottom: 0.6rem;display: flex;align-items: center;}
.member-order .orderType a{margin-right:.5rem;display: block;font-size:.18rem;color: #666666;position: relative;}
.member-order .orderType a:before{width: 100%;height: .02rem;content: '';background:#24a956;position: absolute;left: 0;bottom:-.21rem;opacity: 0;transition:.3s;}
.member-order .orderType a.on{font-size:.2rem;color: #333;}
.member-order .orderType a:hover:before,
.member-order .orderType a.on:before{opacity: 1;}
.member-order .orderType .decent{transform: skewX(0deg);height: .4rem;border: 1px solid #24a956;box-sizing: border-box;}
.member-order .orderType input[type="button"]{width: .8rem;height: .4rem;color: #fff;background-color: #24a956;box-sizing: border-box;border: 0;}
.member-order .ordList{}
.member-order .ordList .ul{display: flex;align-items: center;}
.member-order .ordList li:first-child{width:47.5%;}
.member-order .ordList li:nth-child(2),
.member-order .ordList li:nth-child(3){width:11%;text-align: center;}
.member-order .ordList li:nth-child(4){width:28.5%;padding-left:4%;}

.member-order .ordList .titol li{margin-bottom:.25rem;color: #666666;}
.member-order .ordList .titol li:first-child{padding-left:8%;}
.member-order .ordList .item{border-radius:.05rem;border:1px solid #ebebeb;margin-bottom: .2rem;}
.member-order .ordList .item .ordntt{display:flex;justify-content: space-between;align-items: center;background:#f7f9fa;padding:0 .3rem;line-height:.5rem;}
.member-order .ordList .item .ordntt .ntBox{display: flex;align-items: center;}
.member-order .ordList .item .ordntt .ntBox p{margin: 0;font-size:.16rem;color: #666666;margin-right:.3rem;}
.member-order .ordList .item .ordntt .type{font-size:.16rem;color: #666666;margin: 0;}
.member-order .ordList .item .ordntt .type.green{color: #24a956;}
.member-order .ordList .item .desul{border-top:1px solid #ebebeb;padding:.4rem .3rem;}
.member-order .ordList .item .desul li:first-child{display: flex;align-items: center;}
.member-order .ordList .item .desul .imgBox{width: 40%;padding:0 .3rem;}
.member-order .ordList .item .desul .imgBox figure{padding-bottom:.9rem;background-repeat:no-repeat;background-size: contain;background-position:center;}
.member-order .ordList .item .desul .txtBox{}
.member-order .ordList .item .desul .txtBox h5{font-size:.16rem;color: #333333;margin: 0;font-weight:normal;}
.member-order .ordList .item .desul .txtBox p{margin: 0;color: #999999;margin-top:.1rem;font-size:.14rem;}
.member-order .ordList .item .desul .tity{ line-height:1.8; display:flex;align-items:center;}
.member-order .ordList .item .desul .tity span{ border:solid 1px #e3e3e3; background:#e3e3e3; cursor:pointer; font-style:normal; display:block; width:.28rem;}
.member-order .ordList .item .desul .tity em{ border-bottom:solid 1px #e3e3e3; border-top:solid 1px #e3e3e3; font-style:normal; display:block; width:calc(100% - .56rem);}
.member-order .ordList .item .list_more{ width:100%;}
.member-order .ordList .item .list_more .flex_ox{ margin-bottom:.4rem; font-size:.14rem; color:#333; display:flex; justify-content:center;}
.member-order .ordList .item .list_more .Juz{ cursor:pointer;}
.member-order .ordList .item .list_more .icon{ margin:0 auto; width:.16rem; height:.16rem; background:url(../images/open.png) no-repeat center; background-size:contain;}
    .member-order .ordList .item .list_more .icon2 {
        margin: 0 auto;
        width: .16rem;
        height: .16rem;
        background: url(../images/open2.png) no-repeat center;
        background-size: contain;
    }
.member-order .ordList .item .list_more .txt{ margin-top:.1rem;}
.member-order .ordList .item .list_more.on{ display:none;}

.member-order .ordList .item .desul .pbBox{display:flex;align-items:center;}
.member-order .ordList .item .desul .pbBox .price{ font-weight:bold; color:#24a956;}
.member-order .ordList .item .desul .pbBox .deIcon{ margin-left:.4rem; width:.14rem;height:.14rem;content:'';background:url(../images/del-icon.png) no-repeat;background-size:contain; cursor:pointer;}
.member-order .ordList .item .desul .pbBox .btnBox{}
.member-order .ordList .item .desul .pbBox .btnBox a{display: block;width:1.5rem;text-align: center;line-height:.36rem;border-radius:.36rem;margin: .06rem 0;border:1px solid #ededed;font-size:.14rem;}
.member-order .ordList .item .desul .pbBox .btnBox a:hover{color:#24a956;}
.member-order .ordList .item .desul .pbBox .btnBox a.gopay{background:#24a956; border-color:#24a956;color: #fff;}
.member-order .ordList .item .desul .pbBox .btnBox a.validity{ cursor:pointer; display:flex; align-items:center; justify-content:center; border:none; color:#24a956;}
.member-order .ordList .item .desul .pbBox .btnBox a.validity .icon{ margin-right:.1rem; width:.22rem; height:.22rem; background:url(../images/excel.png) no-repeat center; background-size:contain;}


.member-order .ordList .item .listItem{position: relative;border-top: 1px solid #ebebeb;}
.member-order .ordList .item .listItem .desul{border-top:none;}
.member-order .ordList .item .listItem .desul .pbBox .btnBox{position: absolute;top: 50%;transform: translateY(-50%);right: 2.5%;}

.member-order .ordInfo{}
.member-order .ordInfo .stepBox{display: flex;align-items: center;position: relative;padding-bottom:.55rem;border-bottom:1px solid #ededed;margin-bottom:.2rem;}
.member-order .ordInfo .stepBox:before{width: 100%;height: .06rem;content: '';background:#ebebeb;position: absolute;left: 0;top: .12rem;margin-top:-.03rem;}
.member-order .ordInfo .stepBox .item{width: 20%;text-align: center;position: relative;}
.member-order .ordInfo .stepBox .item:before{width: 100%;height: .06rem;background:#24a956;left: 0;top: .12rem;margin-top:-.03rem;content: '';position: absolute;opacity: 0;}
.member-order .ordInfo .stepBox .item:first-child:after,
.member-order .ordInfo .stepBox .item:last-child:after{width: 50%;height: .06rem;content: '';background:#fff;position: absolute;left: 0;top: .12rem;margin-top:-.03rem;}
.member-order .ordInfo .stepBox .item:last-child:after{left: auto;right: 0;}
.member-order .ordInfo .stepBox .item .num{display: block;margin: 0 auto;width: .24rem;line-height:.24rem;border-radius:50%;text-align: center;background:#a6a6a6;color: #fff;font-size:.14rem;position: relative;z-index: 9;}
.member-order .ordInfo .stepBox .item.succ .num:before{width: 100%;height: 100%;content: '';background:url(../images/succ-icon.png) no-repeat;background-size: contain;position: absolute;top: 0;left: 0;}
.member-order .ordInfo .stepBox .item.succ:before{opacity: 1;left: 0;}
.member-order .ordInfo .stepBox .item p{margin: .15rem 0 0;}
.member-order .ordInfo .itemBox{padding:.3rem 0;border-bottom:1px solid #ebebeb;}
.member-order .ordInfo .itemBox h5{font-weight:normal;margin: 0 0 .2rem;font-size:.16rem;}
.member-order .ordInfo .itemBox p{margin: 0;line-height:.3rem;font-size:.14rem;color: #555555;}
.member-order .ordInfo .itemBox .MerchBill{border-radius:.05rem;border:1px solid #ebebeb;}
.member-order .ordInfo .itemBox .MerchBill .titul{background:#f7f9fa;padding:0 .3rem;line-height:.5rem;}
.member-order .ordInfo .itemBox .MerchBill .titul li:first-child{padding-left:8%;}
.member-order .ordInfo .itemBox .MerchBill .desul{border-top:1px solid #ebebeb;padding:.4rem .3rem;}
.member-order .ordInfo .itemBox .ul{display: flex;align-items: center;}
.member-order .ordInfo .itemBox li:first-child{width: 48%;}
.member-order .ordInfo .itemBox li:nth-child(2),
.member-order .ordInfo .itemBox li:nth-child(3),
.member-order .ordInfo .itemBox li:nth-child(4){width: 17.33%;text-align: center;}
.member-order .ordInfo .itemBox .desul li:first-child{display: flex;align-items: center;}
.member-order .ordInfo .itemBox .desul .imgBox{width: 40%;padding:0 .3rem;}
.member-order .ordInfo .itemBox .desul .imgBox figure{padding-bottom:.9rem;background-repeat:no-repeat;background-size: contain;background-position:center;}
.member-order .ordInfo .itemBox .desul .txtBox{}
.member-order .ordInfo .itemBox .desul .txtBox h5{font-size:.16rem;color: #333333;margin: 0;font-weight:normal;}
.member-order .ordInfo .itemBox .desul .txtBox p{margin: 0;color: #999999;margin-top:.1rem;font-size:.14rem;}
.member-order .ordInfo .itemBox .desul .price{color: #24a956;}

.member-order .ordInfo .itemBox .flex_ox{ margin-bottom:.1rem; min-width:60%; color:#333; display:flex; justify-content:space-between;}
.member-order .ordInfo .itemBox .flex_ox .space{ margin-bottom:.1rem;}
.member-order .ordInfo .itemBox .flex_ox .but{ display:flex; align-items:flex-end;}
.member-order .ordInfo .itemBox .flex_ox .but a{ margin-bottom:.1rem; padding:.05rem .25rem; font-size:.14rem; display:block; border:solid 1px #eee; border-radius:20px;}
.member-order .ordInfo .itemBox .flex_ox .tu_pic{ display:inline-block; vertical-align:middle;}
.member-order .ordInfo .itemBox .flex_ox .indent{ display:inline-block; vertical-align:middle;}
.member-order .ordInfo .itemBox .flex_ox .indent .icon{ display:inline-block; vertical-align:middle; margin-right:.1rem; width:.2rem; height:.2rem; background:url(../images/excel.png) no-repeat center; background-size:contain;}
.member-order .ordInfo .itemBox .flex_ox .indent span{ line-height:2; display:inline-block; vertical-align:middle;}
.member-order .ordInfo .itemBox .flex_ox .top_middle{ vertical-align:top; display:inline-block;}

.member-order .ordInfo .togNum{text-align: right;padding-top:.3rem;}
.member-order .ordInfo .togNum .item{}
.member-order .ordInfo .togNum .item .tit{display: inline-block;vertical-align: middle;margin: 0;line-height:.36rem;}
.member-order .ordInfo .togNum .item .des{display: inline-block;vertical-align: middle;width: 1rem;}
.member-order .ordInfo .togNum .item .des.paym{font-weight:bold;font-size:.24rem;}
.member-order .ordInfo .togNum .item:last-child{margin-top:.2rem;}
.member-order .Pages{padding-top:.3rem;}

.member-cart .scartList{}
.member-cart .scartList .ul{display: flex;align-items: center;}
.member-cart .scartList li:first-child{width: 48%;}
.member-cart .scartList li:nth-child(2),
.member-cart .scartList li:nth-child(3),
.member-cart .scartList li:nth-child(4){width: 17.33%;text-align: center;}
.member-cart .scartList .titol{padding-bottom:.2rem;border-bottom:1px solid #ebebeb;}
.member-cart .scartList .titol li{font-size:.14rem;color: #666666;}
.member-cart .scartList .titol li:first-child{padding-left:8%;}
.member-cart .scartList .desul li:first-child{display: flex;align-items: center;}
.member-cart .scartList .desul .imgBox{width: 40%;padding:0 .4rem;}
.member-cart .scartList .desul .imgBox figure{padding-bottom:.9rem;background-repeat:no-repeat;background-size: contain;background-position:center;}
.member-cart .scartList .desul .txtBox{}
.member-cart .scartList .desul .txtBox h5{font-size:.16rem;color: #333333;margin: 0;font-weight:normal;}
.member-cart .scartList .desul .txtBox p{margin: 0;color: #999999;margin-top:.1rem;font-size:.14rem;}
.member-cart .scartList .desul .price{font-weight:bold;}
.member-cart .scartList .desul .numBox{border-radius:.05rem;border:1px solid #e6e6e6;width: 1.2rem;margin: 0 auto;display: flex;align-items: center;}
.member-cart .scartList .desul .numBox a{display: block;width: .3rem;text-align: center;font-size:.14rem;}
.member-cart .scartList .desul .numBox span{display: block;width: calc(100% - .6rem);text-align: center;border-right:1px solid #e6e6e6;border-left: 1px solid #e6e6e6;line-height:.35rem;}
.member-cart .scartList .item{padding:.4rem 0;border-bottom:1px solid #ebebeb;}
.member-cart .goTog{margin-top:.3rem;}
.member-cart .goTog .topBox{display: flex;align-items: center;justify-content: space-between;margin-bottom: .4rem;}
.member-cart .goTog .topBox .left{display: flex;align-items: center;}
.member-cart .goTog .topBox .left label{margin-left:.08rem;font-size:.14rem;}
.member-cart .goTog .topBox .delBtn{padding-left:.25rem;position: relative;font-size:.14rem;color: #666666;}
.member-cart .goTog .topBox .delBtn:hover{color: #24a956;}
.member-cart .goTog .topBox .delBtn:before{width: .14rem;height: .14rem;content: '';background:url(../images/del-icon.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.07rem;}
.member-cart .goTog .Total{text-align: right;}
.member-cart .goTog .Total .totNum{display: inline-block;vertical-align: middle;}
.member-cart .goTog .Total .totNum .amoNum{font-size:.24rem;font-weight:bold;margin-left:.1rem;}
.member-cart .goTog .Total .goBtn{display: inline-block;vertical-align: middle;margin-left:.35rem;width: 1.6rem;line-height:.5rem;text-align: center;background:#24a956;color: #fff;border-radius:.05rem;}

.member-settle{}
.member-settle .settStep{display: flex;align-items: center;position: relative;padding-bottom:.55rem;border-bottom:1px solid #ededed;margin-bottom:.2rem;}
.member-settle .settStep:before{width: 100%;height: .06rem;content: '';background:#ebebeb;position: absolute;left: 0;top: .12rem;margin-top:-.03rem;}
.member-settle .settStep .item{width: 33.33%;text-align: center;position: relative;}
.member-settle .settStep .item:before{width: 100%;height: .06rem;background:#24a956;left: 0;top: .12rem;margin-top:-.03rem;content: '';position: absolute;opacity: 0;}
.member-settle .settStep .item:first-child:after,
.member-settle .settStep .item:last-child:after{width: 50%;height: .06rem;content: '';background:#fff;position: absolute;left: 0;top: .12rem;margin-top:-.03rem;}
.member-settle .settStep .item:last-child:after{left: auto;right: 0;}
.member-settle .settStep .item .num{display: block;margin: 0 auto;width: .24rem;line-height:.24rem;border-radius:50%;text-align: center;background:#a6a6a6;color: #fff;font-size:.14rem;position: relative;z-index: 9;}
.member-settle .settStep .item.succ .num:before{width: 100%;height: 100%;content: '';background:url(../images/succ-icon.png) no-repeat;background-size: contain;position: absolute;top: 0;left: 0;}
.member-settle .settStep .item.succ:before{opacity: 1;left: 0;}
.member-settle .itemBox{padding:.45rem 0;border-bottom:1px solid #ebebeb;position: relative;}
.member-settle .itemBox h5{font-size:.2rem;font-weight:normal;margin: 0 0 .2rem;}
.member-settle .itemBox .addBtn{position: absolute;top: .5rem;right: 0;}
.member-settle .itemBox .addBtn .addNews{display: inline-block;vertical-align: middle;font-size:.14rem;color: #24a956;}
.member-settle .itemBox .addBtn .allAdd{display: inline-block;vertical-align: middle;position: relative;padding-right:.18rem;margin-left:.3rem;font-size:.14rem;color: #666666;display: none;}
.member-settle .itemBox .addBtn .allAdd:before{width: .08rem;height: .13rem;content: '';background:url(../images/next-icon01.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top:-.065rem;transform: rotate(90deg);background-size: contain;}
.member-settle .chooseAdd{}
.member-settle .chooseAdd .item{width: 32%;margin-right:2%;margin-bottom:2%;float: left;padding:.25rem .3rem;border-radius:.05rem;border:1px solid #e6e6e6;position: relative;overflow: hidden;}
.member-settle .chooseAdd .item:nth-child(3n){margin-right:0;}
.member-settle .chooseAdd .item .topBox{position: relative;}
.member-settle .chooseAdd .item .topBox p{margin: 0;}
.member-settle .chooseAdd .item .topBox .tip{position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size:.14rem;color: #24a956;display: none;}
.member-settle .chooseAdd .item .topBox .hovBtn{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none;}
.member-settle .chooseAdd .item .topBox .hovBtn a{display: inline-block;vertical-align: middle;font-size:.14rem;color: #666666;margin-right:.1rem;}
.member-settle .chooseAdd .item .topBox .hovBtn a.colG{color: #24a956;}
.member-settle .chooseAdd .item .addr{padding-top:.1rem;border-top:1px dashed #e6e6e6;font-size:.14rem;color: #666666;line-height:.3rem;margin: .15rem 0 0;}
.member-settle .chooseAdd .item .phon{font-size:.14rem;color: #666666;line-height:.3rem;margin: 0;}

.member-settle .chooseAdd .item:hover{border-color:#24a956;cursor: pointer;}
.member-settle .chooseAdd .item:hover .topBox .hovBtn{display: block;}
.member-settle .chooseAdd .item.selected{border-color:#24a956;}
.member-settle .chooseAdd .item.selected:before{width: .38rem;height: .38rem;content: '';background:url(../images/sele-on.png) no-repeat;background-size: contain;position: absolute;right: -.01rem;bottom:0;}
.member-settle .chooseAdd .item.defAdd .topBox .tip{display: block;}
.member-settle .chooseAdd .item.defAdd .topBox .hovBtn{display: none;}
.member-settle .tabChoose{}
.member-settle .tabChoose .hd{margin-bottom: .5rem;}
.member-settle .tabChoose .hd .item{margin-left: .3rem;display: inline-block;vertical-align: middle;padding-right:.3rem;padding-left:.35rem;position: relative;cursor: pointer;}
.member-settle .tabChoose .hd .item:before{width: .2rem;height: .2rem;content: '';border-radius:50%;border:1px solid #dfdfdf;position: absolute;left: 0;top: 50%;margin-top:-.11rem;}
.member-settle .tabChoose .hd .item:hover{color: #24a956;}
.member-settle .tabChoose .hd .item:hover:before,
.member-settle .tabChoose .hd .item.on:before{border-color:#24a956;}
.member-settle .tabChoose .hd .item.on:after{width: .12rem;height: .12rem;content: '';border-radius:50%;background:#24a956;left: .05rem;top: 50%;margin-top:-.06rem;position: absolute;}
.member-settle .tabChoose .bd .bogBox{display: none;}
.member-settle .tabChoose .bd .bogBox.on{display: block;}

.member-settle .tabChoose .payOnline{display: flex;}
.member-settle .tabChoose .payOnline .li{width: 1.8rem;line-height:.6rem;text-align: center;border-radius: .05rem;overflow: hidden;border:1px solid #e6e6e6;margin-right: .4rem;cursor: pointer;position: relative;}
.member-settle .tabChoose .payOnline .li.selected,
.member-settle .tabChoose .payOnline .li:hover{border-color:#24a956;}
.member-settle .tabChoose .payOnline .li.selected:before{width: .24rem;height: .24rem;content: '';background:url(../images/sele-on.png) no-repeat;background-size: contain;position: absolute;right: -.01rem;bottom:0;}
.member-settle .tabChoose .payOffline{max-width: 615px;}
.member-settle .tabChoose .payOffline .iLi{margin-bottom: .2rem;display: flex;align-items: flex-start;justify-content: space-between;}
.member-settle .tabChoose .payOffline .iLi label{width: 1.3rem;text-align: right;font-size:.16rem;color: #666666;margin-top:.15rem;}
.member-settle .tabChoose .payOffline .iLi label.req:before{content: '*';color: #e2280a;margin-right:.05rem;}
.member-settle .tabChoose .payOffline .iLi .rightBox{width: calc(100% - 1.5rem);border-radius:.05rem;border:1px solid #e6e6e6;}
.member-settle .tabChoose .payOffline .iLi .rightBox .uploadIMG{display: flex;flex-wrap: wrap;align-items: center;padding:.2rem;}
.member-settle .tabChoose .payOffline .iLi .rightBox .uploadIMG .imgBox{display: flex;align-items: center;width: 1rem;height: 1rem;overflow: hidden;margin-right:.15rem;padding:.05rem;border:1px solid #e6e6e6;border-radius:.05rem;}
.member-settle .tabChoose .payOffline .iLi .rightBox .uploadIMG .imgBox img{width: 100%;}
.member-settle .tabChoose .payOffline .iLi .rightBox .uploadIMG .upBtn{width: 1rem;height: 1rem;background:url(../images/add-IMG.png) no-repeat;background-size: contain;margin-right:.15rem;}
.member-settle .tabChoose .payOffline .iLi .rightBox .uploadIMG .tip{font-size: .16rem;color: #999999;}
.member-settle .tabChoose .payOffline .iLi .rightBox input{width: 100%;line-height:.5rem;height: .5rem;padding:0 .2rem;}
.member-settle .tabChoose .payOffline .iLi .rightBox textarea{width: 100%;border:none;height: 1.4rem;padding:.1rem .2rem;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox{border:none;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox input{border-radius:.05rem;border:1px solid #e6e6e6;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox textarea{border-radius:.05rem;border:1px solid #e6e6e6;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox.seleBox{display:flex; align-items: center;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox.seleBox select{width:32%;line-height:.5rem;height: .5rem;padding:0 .15rem;border-radius:.05rem;border:1px solid #e6e6e6; margin-right:2%;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox.seleBox select:last-child{ margin-right:0;}
.member-settle .tabChoose .invoiceForm .iLi .rightBox .tip{font-size:.16rem;color: #666666;display: block;margin-top:.1rem;}
.member-settle .merchBill{border:1px solid #ebebeb;border-bottom:none;}
.member-settle .merchBill .ul{display: flex;align-items: center;}
.member-settle .merchBill li:first-child{width: 48%;}
.member-settle .merchBill li:nth-child(2),
.member-settle .merchBill li:nth-child(3),
.member-settle .merchBill li:nth-child(4){width: 17.33%;text-align: center;}
.member-settle .merchBill .titol{border-bottom:1px solid #ebebeb;line-height:.5rem;background:#f7f9fa;}
.member-settle .merchBill .titol li{font-size:.14rem;color: #666666;}
.member-settle .merchBill .titol li:first-child{padding-left:8%;}
.member-settle .merchBill .desul li:first-child{display: flex;align-items: center;}
.member-settle .merchBill .desul .imgBox{width: 40%;padding:0 .4rem;}
.member-settle .merchBill .desul .imgBox figure{padding-bottom:.9rem;background-repeat:no-repeat;background-size: contain;background-position:center;}
.member-settle .merchBill .desul .txtBox{}
.member-settle .merchBill .desul .txtBox h5{font-size:.16rem;color: #333333;margin: 0;font-weight:normal;}
.member-settle .merchBill .desul .txtBox p{margin: 0;color: #999999;margin-top:.1rem;font-size:.14rem;}
.member-settle .merchBill .desul .price{font-weight:bold;color: #24a956;}
.member-settle .merchBill .item{padding:.4rem 0;border-bottom:1px solid #ebebeb;}
.member-settle .messPay{display: flex;justify-content: space-between;margin-top:.45rem;}
.member-settle .messPay .messBox{width:50%;}
.member-settle .messPay .messBox h5{margin: 0 0 .15rem;font-weight:normal;font-size: .16rem;}
.member-settle .messPay .messBox textarea{height: 2.1rem;width: 100%;padding:.1rem .2rem;background:#f7f9fa;border-radius:.05rem;border:none;}


.member-settle .messPay .payAmou{text-align:right;}
.member-settle .messPay .payAmou .togNum{}
.member-settle .messPay .payAmou .togNum .item .tit{display: inline-block;vertical-align: middle;margin: 0;line-height:.36rem;}
.member-settle .messPay .payAmou .togNum .item .des{display: inline-block;vertical-align: middle; min-width:1rem;}
.member-settle .messPay .payAmou .togNum .item .des.paym{font-weight:bold;font-size:.24rem;color: #24a956;}
.member-settle .messPay .payAmou .togNum .item:last-child{margin-top:.2rem;}
.member-settle .messPay .payAmou .addr{line-height:.36rem;color: #666666;margin: .2rem 0 .3rem;}
.member-settle .messPay .payAmou .goPay{width: 2rem;line-height:.5rem;text-align: center;background:#24a956;border-radius:.05rem;color: #fff;display: inline-block;}
.member-settle .messPay .payAmou .goPay span{margin-right:.1rem;}

.member-settle .succDes{text-align: center;padding-top:.5rem;}
.member-settle .succDes h3{font-size:.24rem;font-weight:normal;margin:.4rem 0 .1rem;}
.member-settle .succDes p{font-size: .14rem;color: #666666;}
.member-settle .succDes .btnBox{margin-top:.4rem;}
.member-settle .succDes .btnBox a{display: inline-block;vertical-align: middle;margin: 0 .1rem;width: 1.6rem;line-height:.5rem;border-radius:.05rem;border:1px solid #dedede;}
.member-settle .succDes .btnBox a.colG{background:#24a956;border-color:#24a956;color: #fff;}

@media(max-width:1024px){
    .member-order .ordList li:nth-child(4){padding-left:3%;}
    .member-order .ordList .item .desul .pbBox .btnBox a{width: 1rem;}
    .member-settle .chooseAdd .item{padding:.15rem;width: 49%;}
    .member-settle .chooseAdd .item:nth-child(3n){margin-right:2%;}
    .member-settle .chooseAdd .item:nth-child(2n){margin-right:0;}
    .top .menu-box li .sub{background-color: rgba(255, 255, 255, .2);}
    .top .menu-box li .sub a{color: #fff;}
    .index .part2 .slick-dots{position: absolute;left: 0;width: 100%;text-align: center;bottom: .35rem;top: auto;height: auto;}
    .index .part2 .slick-dots li{width: .15rem;height: .15rem;padding:0;border-radius:50%;background-color: rgba(255,255,255,.5);display: inline-block;vertical-align: middle;margin: 0 .1rem;}
    .index .part2 .slick-dots li.slick-active{background-color:#fff;}
    .index .part2 .slick-dots li button{display: none;}
    .index .part2 li .txt{margin-bottom:.3rem;}
    .index .part2 li .check{width: 0.4rem;height: 0.15rem;}
}


@media(max-width:768px){
    .member-order .ordList .titol li{font-size:.14rem;}
    .member-order .ordList .item .desul li:first-child{display: block;width: 40%;}
    .member-order .ordList .item .desul .imgBox{width: 80%;margin-bottom: .1rem;}
    .member-order .ordList li:nth-child(2), .member-order .ordList li:nth-child(3){width: 15%;font-size:.16rem;}
    .member-order .ordList .item .desul .pbBox{display: block;width: 30%;}
    .member-order .ordList .item .desul .pbBox .btnBox a{width: 100%;}
    .member-order .ordList .item .desul .pbBox .price{text-align: center;font-size:.16rem;}
    .member-order .ordList .item .ordntt .ntBox p:nth-child(2){display: none;}
    .member-order .ordInfo .stepBox .item p{font-size:.16rem;}
    .member-order .ordInfo .itemBox .desul li:first-child{display: block;}
    .member-order .ordInfo .itemBox .desul .imgBox{width: 80%;margin-bottom:.1rem;}
    .member-order .ordInfo .itemBox .MerchBill .titul li{font-size:.16rem;}
    .member-order .ordInfo .togNum .item .des{width: 1.5rem;}
    .member-cart .scartList .desul .imgBox,
    .member-settle .merchBill .desul .imgBox{padding:0 .2rem;}
    .member-cart .scartList li p,
    .member-cart .scartList .desul .numBox span,
    .member-cart .goTog .Total .goBtn,
    .member-cart .goTog .Total .totNum,
    .member-settle .settStep .item,
    .member-settle .chooseAdd .item .topBox p,
    .member-settle .tabChoose .hd .item,
    .member-settle .tabChoose .invoiceForm .iLi .rightBox.seleBox select,
    .member-settle .tabChoose .payOffline .iLi .rightBox input,
    .member-settle .merchBill li,
    .member-settle .messPay .payAmou .togNum .item .tit,
    .member-settle .messPay .payAmou .addr,
    .member-settle .messPay .payAmou .goPay,
    .member-settle .messPay .payAmou .togNum .item .des,
    .member-settle .succDes .btnBox a{font-size:.16rem;}
    .member-settle .chooseAdd .item{width: 100%;margin-right:0!important;}
    .member-settle .itemBox .addBtn{top: .25rem;}
    .member-settle .tabChoose .hd .item.on:after{left: .06rem;}
    .member-settle .tabChoose .payOffline .iLi{display: block;}
    .member-settle .tabChoose .payOffline .iLi label{width: 100%;text-align: left;margin-bottom: .1rem;display: block;}
    .member-settle .tabChoose .payOffline .iLi .rightBox{width: 100%;}
    .member-settle .messPay{display: block;}
    .member-settle .messPay .messBox{width: 100%;}
    .member-settle .messPay .payAmou .togNum .item .des{width: 1.5rem;}
    .member-settle .messPay .payAmou .goPay{width: 2.5rem;}

    .top .member-box .incline{border-radius:0;padding:0 .15rem;}
    .top .member-box span{/*font-size:0;*/background-size: .2rem;display: block;max-width: 0.68rem;text-overflow: inherit;}
    .top .lang-box{padding:0 .2rem;}
    .top .member-box{padding-right:.2rem;}
    .top .open-search{margin: .28rem .2rem 0;}
    .top .menu-box{padding:0 .15rem;text-align: left;}
    .top .menu-box li{border-bottom: 1px solid rgba(255,255,255,.3);}
    .top .menu-box li > a{font-size:.26rem;}
    .top .menu-box li > a:before{width: .1rem;height: .1rem;content: '';transform: rotate(-45deg);border-bottom:1px solid #fff;border-right:1px solid #fff;position: absolute;right: .15rem;top: 50%;margin-top:-.05rem;transition:.3s;}
    .top .menu-box li.open > a:before{transform: rotate(45deg);}
    .top .menu-box li:first-child > a:before{display: none;}
    .index-banner .slider-nav{margin: 0 -.1rem;padding:.2rem;}
    .index-banner .slider-nav li{margin: 0 .1rem;}
    .index .part1 .more{width: 1.8rem;}
    .index .part4 .auto-1400 > .incline1,
    .index .part5 ul a{transform: skewX(0deg);}
    .index .part4 .auto-1400 > .incline1 .decent1,
    .index .part5 ul a .decent1{transform: skewX(0deg);}
    .index .part5 ul .pic{left: 0;width: 100%;height: 100%;}
    .index .part5 ul .pic img{width: 100%;object-fit: cover;}
    .index .part5 ul{margin: 0 -.1rem;}
    .index .part5 ul li{margin: 0 .1rem;}
    .index .part3 dl{display: flex;justify-content: space-around;}
    .index .part2 li.slick-active:not(:last-child){border-right: none;}
    .index .part5 ul .content .date{padding-right:.6rem;}
    .top .menu-box li .sub a{text-align: left;}
    .news-detail .back{background:url(../images/back-icon.png) no-repeat .25rem center #59ba83;    background-size: 0.23rem 0.18rem;}
    .platform{padding:.3rem 0 0;}
    .platform li{margin-bottom:.2rem;overflow: hidden;padding-bottom: .2rem;border-bottom:1px solid #e5e5e5;}
    .platform li:last-child{border-bottom:none;}
    .platform img{width: 120%;object-fit:none;}
    .platform li .content{position: static;transform: translateY(0);margin-top:.1rem;}
    .product-list .list li .box{padding-left:0;border-left:none;margin-top:.1rem;}
    .product-list .list li a{flex-wrap: wrap;}
    .product-list .list.type1 li a{padding-bottom:.2rem;}
    .product-detail .right .btn-box > div{width: 1.8rem;}
    .index-banner .slider-for .txt .cn{font-size:.4rem;}
    .sidebtn{width: 1.3rem;height: 1.3rem;}
    .index .part1 .more{position: absolute;top: .42rem;right: 2%;}
    .index .part3 .right{position: relative;}
    .index .part3 .right .more{position: absolute;top: .08rem;right: 2%;}
}

.query-order{}
/* 表单 */
.queryform{width: 36%; float: left;}
.queryform .form{margin: 0 auto;}
.queryform .form td{ padding-bottom:.25rem;}
.queryform .form td .box{ position:relative; line-height:.7rem;  }
.queryform .form td .box1{ background: none;}
.queryform .form td .yzm{position: relative;padding-right: 1.6rem;}
.queryform .form td .yzm b{position: absolute;right: 0;top: 0;width:1.6rem;text-align: center; height: .7rem; background-repeat: no-repeat; background-position: center; background-size: contain;background-color:#f7f8f9;border-radius:0 .1rem .1rem 0; }
.queryform .form td label{ position:absolute; left:.2rem; color:#999;font-size: .16rem;}
.queryform .form td .text{ width:100%;line-height:.7rem;height:.7rem; padding:0 .2rem;border-radius:.1rem; border: none; background:#f7f8f9; font-size: .16rem;}
.queryform .form .protocol{ text-decoration:underline; color:#151787;}
.queryform .form .fgpsw{float:right;}
.queryform .form .btn{ width:100%;border-radius:0.1rem; font-size:.17rem; color:#fff; background:#151787; cursor:pointer; padding:0; font-weight:bold; border:none; height:.5rem; }

/* 结果 */
.result{width: 60%;float: right;}
.result .con{ padding: .6rem; box-shadow: 0 0 24px rgba(29,32,136, .08); }
.result .con .tit {margin: 0;font-size: .26rem;color: #333;padding-bottom:.2rem; font-weight: normal; text-align: center;}
.result .con .fan_a { display: block; height: .5rem;line-height: .5rem;background-image: linear-gradient(to right, #24a956, #40d35f);color: #fff;width: 1.6rem;;margin: 0 auto;text-align: center; border-radius: 25px 0 25px 0;margin-top: .6rem;box-shadow: 0 6px 10px rgba(69,255,109,.3);font-size:.16rem;}

@media(max-width:1024px){
.queryform{width: 100%; float: none; margin-bottom: 0.3rem;}
.result{width: 100%;float: none;}
}


/*信息完善*/
.perForm{}
.perForm .item{margin-bottom:.3rem;}
.perForm .item h5{font-size:.16rem;color: #666666;font-weight:normal;margin-bottom:.1rem;margin-top:0;}
.perForm .item .uploadList{display: flex;flex-wrap:wrap;align-items: end;}
.perForm .item .uploadList .upLoadimg{width: 1.6rem;height: 1.6rem;position: relative;border:1px solid #e0e0e0;border-radius:.05rem;overflow: hidden;margin-right:10px;transition:.3s;margin-bottom: .1rem;}
.perForm .item .uploadList .upLoadimg .uploadBtn{display: block;width: 100%;height: 100%;background:url(../images/upLoadImg.jpg) no-repeat;background-size: contain;}
.perForm .item .uploadList .upLoadimg:hover{border-color:#151787;}
.perForm .item .uploadList .upLoadimg img{position: absolute;top: 50%;left: 50%;max-width:100%;transform: translate(-50%, -50%);z-index: 3;}
.perForm .item .uploadFile{margin-bottom:.1rem;position: relative;max-width:4.8rem;width: 100%;}
.perForm .item .uploadFile .fileInfo{padding:0 .15rem;border-radius:.05rem;overflow: hidden;line-height:.5rem;border:1px solid #e0e0e0;font-size:.16rem;color: #999999;width: 100%;padding-right:1.15rem;}
.perForm .item .uploadFile button{width: 1rem;text-align: center;line-height:.44rem;border-radius:.05rem;position: absolute;right: .03rem;top: .03rem;background:#24a956;color: #fff;font-size:.16rem;transition:.3s;border:none;cursor: pointer;}
.perForm .item .uploadFile button:hover{top: 0;}
.perForm .item .tipBox{font-size: .14rem;line-height:.28rem;color: #999999;}
.perForm .item .tipBox p{margin: 0;}
.perForm .subBtn{width: 1.4rem;line-height:.5rem;text-align: center;border-radius:.05rem;color: #fff;background:#24a956;position: relative;top: 0;transition:.3s;display: block;font-size:.16rem;}
.perForm .subBtn:hover{top: -.05rem;}
/*提示弹窗*/
.Prompt{display: none;position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, .2);z-index: 500;}
.Prompt .box{position: absolute;left: 50%;top: 50%;width: 100%;max-width: 5.25rem;padding: .2rem .3rem;background-color: #fff;transform: translate(-50%, -50%);z-index: 3;box-sizing: border-box;}
.Prompt .box .top-box{display: flex;align-items: center;justify-content: space-between}
.Prompt .box .top-box .logo img{width: 1.05rem;}
.Prompt .box .top-box .close{width: .21rem;height: .21rem;background-image: url('../images/close.png');background-size: 100%;cursor: pointer;}
.Prompt .box .text{margin-top: .3rem;font-size: .2rem;color: #000000;text-align: center;}
.Prompt .box .btn{display: block;margin: .25rem auto 0 auto;border: 0;width: .9rem;height: .35rem;font-size: .16rem;color: #ffffff;background: linear-gradient(to right,#44db60,#47c481);border-radius: 4px;cursor: pointer;}

.Prompt2{display: none;position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, .2);z-index: 500;}
.Prompt2 .box{position: absolute;left: 50%;top: 50%;width: 100%;max-width: 5.25rem;padding: .2rem .3rem;background-color: #fff;transform: translate(-50%, -50%);z-index: 3;box-sizing: border-box; text-align: center; padding-bottom: .5rem;}
.Prompt2 .box .top-box{display: flex;align-items: center;justify-content: space-between}
.Prompt2 .box .top-box .logo img{width: 1.05rem;}
.Prompt2 .box .top-box .close{width: .21rem;height: .21rem;background-image: url('../images/close.png');background-size: 100%;cursor: pointer;}
.Prompt2 .box .text{margin-top: .3rem;font-size: .2rem;color: #000000;text-align: center;}
.Prompt2 .box .btn{display: block;margin: .25rem auto 0 auto;border: 0;width: .9rem;height: .35rem;font-size: .16rem;color: #ffffff;background: linear-gradient(to right,#44db60,#47c481);border-radius: 4px;cursor: pointer;}
.Prompt2 .box .btn2{display: inline-block;margin: .25rem auto 0 auto;border: 0;width: .9rem;height: .35rem;font-size: .16rem;color: #ffffff;background: linear-gradient(to right,#44db60,#47c481);border-radius: 4px;cursor: pointer;}

.top .member-box{
    position: relative;
}
.top .loginOutBox{
    position: absolute;
    left: -0.25rem;
    width: 0.8rem;
    top: 100%;
    padding-top: 0.14rem;
    width: 0.8rem;
    display: none;
}
.top .loginOut{
    background: #fff;
    text-align: center;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 2;
    cursor: pointer;
    font-size: 0.15rem;
    letter-spacing: 1px;
}