*全局样式***/ * { -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0 auto; padding: 0px; width: 100%; height: 100%; min-width: 319px; font-size: 12px; color: #000; background: #fff; text-align: left; font-family: "Microsoft YaHei",΢���ź�,����,Tahoma, Arial, Helvetica, sans-serif; -moz-background-size: cover; -khtml-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
ul, ol, li, dl, dd, dt, form, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
ul, ol, li, dl, dd, dt { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
input, textarea, button { outline: none; -ms-clear: none; resize: none; -webkit-appearance: none; }
input:-moz-placeholder { color: #999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input::-ms-clear, textarea::-ms-clear { display: none; }
input::-ms-reveal, textarea::-ms-reveal { display: none; }
input.disabled, button.disabled { background-color: #a0a0a0 !important; cursor: default !important; }
::-moz-placeholder, ::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder { color: #999; }
a { display: inline-block; color: #1b1b1b; text-decoration: none !important; outline: none; -ms-clear: none; background-color: transparent; /*transition: all 0.5s ease 0s;*/ cursor: pointer; }
a:hover { text-decoration: none !important; color: #1b1b1b; outline: none; cursor: pointer; }
a:focus { outline: none; text-decoration: none !important; }
a:active { outline: none; text-decoration: none !important; }
img { border: none; }
.disnone { display: none !important; }
.transit_scale { display: block; overflow: hidden; }
.absol { position: absolute !important; }
.fixed { position: fixed !important; }
.clear { clear: both !important; }
.fl { float: left !important; }
.fr { float: right !important; }
/*::-webkit-scrollbar {  width: 2px;  height: 2px;  background-color: #F5F5F5; }  */

.headcontact { position: relative; z-index: 99999; width: 100%; background-color: #1b1b1b; }
.headcontact.add { z-index: 99999; background-color: #fff; margin: 0.06rem auto 0; width: 100%; height: auto; margin: 0 auto; position: fixed; top: 0%; left: 0%; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }

/*进度条*/
.home-load { z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: #86e1d0; animation: disappear ease-in-out .5; -webkit-animation: disappear .5s ease-in-out; animation-fill-mode: forwards; animation-delay: 2s; }
.home-load .load-center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 70px; }
.home-load .load-center img { width: 40%; /*transform: scale(1.2);*/ transition: all .8s ease-in-out; }
.home-load .light { width: 200px; height: 60px; margin: -60px 0 0 -20%; background: url(../Images/light.png)no-repeat center center; background-size: contain; animation: light ease-in-out 1s; -webkit-animation: all 1s ease-in-out; animation: light ease-in-out 1s; animation-fill-mode: forwards; }
/*.home-load .load-logo { position: relative; }
.home-load .load-logo .img2 { position: absolute; left: 46%; top: -10px; width: 10%; animation: flip ease-in-out .5s; -webkit-animation: flip .5s ease-in-out; animation-fill-mode: forwards; animation-delay: .4s; }*/
.home-load .breathing { position: absolute; left: 0; bottom: 25px; right: 0; margin: auto; width: 20px; height: 10px; background: url(../Images/breathing_blue.png)no-repeat center center; background-size: cover; animation: breathe 1s infinite ease-in-out; -webkit-animation: breathe 1s infinite ease-in-out; }
.move-right { height: 0; opacity: 0; z-index: -999; transition: all .5s ease-in-out; }

@-webkit-keyframes flip {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(360deg); }
}

@-webkit-keyframes light {
    0% { margin-left: -20%; }
    100% { margin-left: 100%; }
}

@-webkit-keyframes breathe {
    0% { bottom: 25px; opacity: .5; }
    50% { bottom: 35px; opacity: 1; }
    100% { bottom: 25px; opacity: .5; }
}

@-webkit-keyframes disappear {
    0% { height: 100%; }
    100% { height: 0; opacity: 0; z-index: -999; }
}
/***************header 头部******************/
header { position: relative; z-index: 99999; width: 100%; background-color: #86e1d0; }
header .header { position: relative; width: 100%; height: 1.33rem; margin: 0 auto; overflow: hidden; }
header .header .logo a { position: absolute; left: 0.4rem; top: 0; bottom: 0; margin: auto; display: inline-block; width: 2.75rem; height: 0.87rem; background: url(../Images/m-logo_black.png)no-repeat center center; background-size: cover; overflow: hidden; }
header .header .search { position: absolute; top: 0; bottom: 0; left: 3.73rem; margin: auto; width: 3.68rem; height: 0.48rem; line-height: 0.48rem; }
header .header .search input { width: 2.87rem; height: 0.48rem; line-height: 0.48rem; padding-left: 0.13rem; border: 0.05rem solid #373332; border-radius: 0.5rem; font-size: 0.24rem; color: #000; vertical-align: top; background: #86e1d0; transition: all .3s ease-in; }
header .header .search input:-moz-placeholder { color: #373332; transition: all .3s ease-in; }
header .header .search input::-webkit-input-placeholder { color: #373332; transition: all .3s ease-in; }
header .header .search input:-moz-placeholder { color: #373332; transition: all .3s ease-in; }
header .header .search input::-moz-placeholder { color: #373332; transition: all .3s ease-in; }
header .header .search input:-ms-input-placeholder { color: #373332; transition: all .3s ease-in; }
header .header .search input:focus:-moz-placeholder { color: #666; }
header .header .search input:focus::-webkit-input-placeholder { color: #666; }
header .header .search input:focus:-moz-placeholder { color: #666; }
header .header .search input:focus::-moz-placeholder { color: #666; }
header .header .search input:focus:-ms-input-placeholder { color: #666; }
header .header .search i.search-icon { display: inline-block; width: 0.51rem; height: 0.51rem; margin-left: 0.13rem; background: url(../Images/search_black.png)no-repeat center center; background-size: contain; cursor: pointer; transition: all .3s ease; }
header .header .search i.search-icon:hover { opacity: .8; }
header .header .nav-btn { position: relative; float: right; z-index: 9999; width: 1.33rem; height: 100%; background-color: #fff; }
header .header .menu_btn { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 0.69rem; height: 0.47rem; background: url(../Images/drop.png)no-repeat center center; background-size: contain; }
/*header .header .menu_btn:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; border-bottom: 2px solid  #1b1b1b; transition: all 100ms linear 0ms; }*/
header .header .menu_btn span:after { border-color: #fff; }
header .header .menu_btn span { font-size: 0; text-indent: -9999px; }
header .header .menu_btn span:before, .menu_bt span:after { content: ''; position: absolute; top: 50%; right: 0; left: 0; border-top: 1px solid black; transition: all 100ms linear 0ms; }
header .header .menu_btn.open { color: transparent !important; border: 0; }
header .header .menu_btn.open:after { -webkit-transform: scale(0); transform: scale(0); }
header .header .menu_btn.open span:before, .menu_bt.open span:after { border-width: 2px; border-color: #666; }
header .header .menu_btn.open span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .header .menu_btn.open span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/*下拉*/
.nav-drop { position: fixed; top: 0; display: none; z-index: 99999; width: 100%; height: 0%; background-color: #c0c0c0; }
.nav-drop .drop-logo { width: 100%; padding: 1.33rem 0.4rem 0.8rem; overflow: hidden; }
.nav-drop .drop-logo a { float: left; display: inline-block; width: 5.16rem; height: 0.73rem; background: url(../Images/logo.png)no-repeat center center; background-size: contain; }
.nav-drop .drop-logo div { float: right; width: 0.73rem; height: 0.73rem; background: url(../Images/close.png)no-repeat center center; background-size: contain; }
.nav-drop .header-list { z-index: 99; width: 5rem; padding-left: 0.6rem; margin: 0 auto; text-align: left; }
.nav-drop .header-list li { padding: 0.53rem 0; }
.nav-drop .header-list li a { display: inline-block; color: #1b1b1b; font-size: 0.53rem; transition: all .5 ease-in; }
.nav-drop .header-list li a i { display: inline-block; width: 0.8rem; height: 0.8rem; margin: 0 5px 5px 0; vertical-align: middle; }
.nav-drop .header-list li a .b-home { background: url(../Images/b-name.png)no-repeat center center; background-size: contain; }
.nav-drop .header-list li a .b-integral { background: url(../Images/b-integral.png)no-repeat center center; background-size: contain; }
.nav-drop .header-list li a .b-store { background: url(../Images/b-store.png)no-repeat center center; background-size: contain; }
.nav-drop .header-list li a .b-headset { background: url(../Images/b-headset.png)no-repeat center center; background-size: contain; }
.nav-drop .header-list li a:hover { opacity: .8; }
.nav-drop .header-list li.login { position: relative; }

.TopQrCode { z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none;z-index:9999999; }
.TopQrCode img { z-index: 999999; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 150px; }

.nav-drop .header-list li.login .loginQr { z-index: 99999; position: absolute; left: 0; top: 60px; display: none; width: 100px; padding: 5px; background-color: #fff; box-shadow: 0 0 3px #ccc; }
.nav-drop .header-list li.login .loginQr img { width: 100%; }
.nav-drop .drop-communication { padding-top: 0.8rem; text-align: center; }
.nav-drop .drop-communication li { display: inline-block; padding: 0 0.53rem; text-align: center; }
.nav-drop .drop-communication li a { display: inline-block; }
.nav-drop .drop-communication li a i { display: inline-block; width: 1.39rem; height: 1.39rem; }
.nav-drop .drop-communication li a.wx i { background: url(../Images/drop-wx.png)no-repeat center center; background-size: contain; }
.nav-drop .drop-communication li a.wb i { background: url(../Images/drop-wb.png)no-repeat center center; background-size: contain; }
.nav-drop .drop-communication li a.xb i { background: url(../Images/drop-xb.png)no-repeat center center; background-size: contain; }
.nav-drop .drop-communication li div { padding-top: 0.27rem; font-size: 0.37rem; color: #1b1b1b; text-align: center; }
.nav-drop .drop-communication li:last-child { margin-right: 0; }

/*加盟导航*/
.right-nav { z-index: 999; position: fixed; top: 48%; left: 50%; margin-left: 615px; transform: all .5s ease-out; opacity: 1; }
.right-nav a { position: relative; display: inline-block; width: 122px; height: 162px; background: url(../Images/join.png)no-repeat center center; background-size: contain; }
.right-nav i { z-index: 9999; display: inline-block; position: absolute; right: 5px; top: 5px; width: 18px; height: 17px; background: url(../Images/ico.png)no-repeat center center; background-size: contain; cursor: pointer; }
/***************nav 导航******************/

nav { width: 100%; text-align: center; border-bottom: 1px solid #686c71; background: #fff; overflow: hidden; }
nav div.nav-left { position: relative; width: 94%; height: 0.73rem; line-height: .67rem; margin: .13rem auto 0; }
nav div.nav-left div.nav-list { display: inline-block; width: 100%; overflow-x: auto; text-align: center; }
nav div.nav-left div.nav-list ul { position: relative; white-space: nowrap; }
nav li { display: inline-block; margin: 0 0.13rem; }
nav li a { display: inline-block; height: 31px; font-size: 0.4rem; color: #1b1b1b; }
nav li a:hover { color: #1b1b1b; }
nav li.active a { border-bottom: 0.07rem solid #bfc0c0; }

/*.nav_cur a {color: #48a5f4 !important;}
.sideline {display: block;position: absolute;border: 0;height: 5px;background-color: #bfc0c0;left: 0;bottom: 0;pointer-events: none;}*/
/***************footer 底部******************/
footer { width: 100%; height: auto; background: url(../Images/footer_bg.png) repeat-y #86e1d0; background-size: 100% auto; padding-bottom: 10px; }
footer .foot-top { width: 100%; height: 1.07rem; line-height: 1.07rem; border-bottom: 4px solid #fff; }
footer .foot-top .foot-top-con { position: relative; width: 100%; height: 1.07rem; margin: 0 auto; }
footer .foot-top .foot-logo { position: relative; width: 3.73rem; height: 1.07rem; }
footer .foot-top .foot-logo a { position: absolute; left: 0.4rem; top: 0; bottom: 0; margin: auto; display: inline-block; width: 3.67rem; height: 0.48rem; background: url(../Images/footer-logo.png)no-repeat center center; background-size: cover; overflow: hidden; }
footer .foot-top .top { position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto; width: 0.59rem; height: 0.59rem; background: url(../Images/top_black.png)no-repeat center center; background-size: contain; overflow: hidden; cursor: pointer; transition: all .4s ease; }
footer .foot-top .top:hover { opacity: .7; }
footer .foot-bottom { position: relative; width: 100%; margin: 0 auto; padding: 0.4rem 0.4rem 0 0.4rem; }
footer ul.foot-list { float: left; width: 100%; padding: 0.05rem; }
footer ul.foot-list > li { float: left; padding: 0.13rem 0; }
footer ul.foot-list > li:after { content: ''; display: inline-block; width: 2px; height: 14px; color: #373332; font-size: 0.19rem; background: #373332; vertical-align: sub; }
footer ul.foot-list > li.b-no:after { content: ''; width: 0; }
footer ul.foot-list > li a { padding: 0 0.13rem; font-size: 0.40rem; color: #373332; }
footer ul.foot-list > li:first-child a { padding-left: 0; }
footer .f-link { padding-top: 0.33rem; font-size: 0.21rem; color: #b0b0b0; clear: both; }
footer .f-hot { padding-top: 0.27rem; font-size: 0.21rem; color: #b0b0b0; clear: both; }
footer .f-link span, footer .f-hot span { color: #373332; }
footer .f-link a, footer .f-hot a { padding: 0 0.1rem; color: #373332; text-align: center; }
footer p { padding-top: 0.53rem; font-size: .21rem; color: #373332; clear: both; text-align: center; }
footer p a { color: #373332; }
footer .foot-bottom-right { display: block; margin-top: 0.53rem; text-align: center; color: #fff; }
footer .foot-bottom-right li { display: inline-block; width: 60px; margin: 0 0.53rem; text-align: center; }
footer .foot-bottom-right li a { display: inline-block; color: #fff; }
footer .foot-bottom-right li i { display: inline-block; width: 28px; height: 28px; }
footer .foot-bottom-right li a.wx i { background: url(../Images/wx.png)no-repeat center center; background-size: contain; }
footer .foot-bottom-right li a.xb i { background: url(../Images/xb.png)no-repeat center center; background-size: contain; }
footer .foot-bottom-right li a.wb i { background: url(../Images/wb.png)no-repeat center center; background-size: contain; }
footer .foot-bottom-right li div { padding-top: 0.13rem; font-size: 12px; color: #373332; text-align: center; }
/***************home 首页 ******************/
/*通用*/
section { padding-bottom: 40px; overflow: hidden; }
section h2 { display: inline-block; padding: 0.29rem 0 0.27rem; font-size: 0.48rem; font-weight: bold; text-align: center; color: #1b1b1b; }
section h2.en-title { color: #bfc0c0; }
/*.h-more { padding-top: 25px; text-align: center; cursor: pointer; }
.h-more i.h-plus { display: inline-block; width: 20px; height: 20px; background: url(../Images/home/more.png)no-repeat center center; background-size: contain; }
.h-more div { padding-top: 5px; font-size: 14px; color: #1b1b1b; }
.h-more:hover { opacity: .7;}*/
/*页码*/
div.zxf_pagediv { text-align: center; color: #c8c9c9; }
div.zxf_pagediv a { text-decoration: none; color: #c8c9c9; text-align: center; font-size: 14px; }
div.zxf_pagediv span, div.zxf_pagediv a { display: inline-block; box-sizing: border-box; text-align: center; font-size: 14px; }
span.disabled { height: 28px; width: 29px; margin: -5px 5px 0; line-height: 29px; background: url(../Images/s-prev.png)no-repeat center center; vertical-align: middle; }
span.ndisabled { height: 28px; width: 29px; margin: -5px 5px 0; line-height: 29px; background: url(../Images/s-next.png)no-repeat center center; vertical-align: middle; }
.current { color: #1b1b1b; }
.nextbtn, .prebtn { width: 29px; height: 28px; margin: -5px 5px 0; vertical-align: middle; }
.prebtn { background: url(../Images/s-prev.png)no-repeat center center; }
.nextbtn { background: url(../Images/s-next.png)no-repeat center center; }
.zxfinput { width: 35px; height: 35px; text-align: center; box-sizing: border-box; margin: 0 12px; }
.zxfokbtn { width: 45px; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; }

/*banner*/
.banner .gialen-btn { opacity: 0; }
.banner:hover .gialen-btn { opacity: 1; }
.banner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #626262; opacity: 1; }
.s-banner .swiper-button-prev { left: 3%; }
.s-banner .swiper-button-next { right: 3%; }
/*首页查看更多*/
/*.more {  background-size: 2rem 2rem; }*/
.more { position: relative; display: block; width: 100%; background: #fafafa url(../Images/more.png)no-repeat center center; background-size: 2rem 2rem; }
.more a { position: absolute; display: block; width: 100%; height: 100%; }
.h-more { text-align: center; clear: both; margin-bottom: 0.3rem; }
.h-more i.h-plus { display: inline-block; width: 20px; height: 20px; background: url(../Images/home/more.png)no-repeat center center; background-size: contain; }
.h-more div { padding: 0; font-size: 0.29rem; color: #bfc0c0; }
.h-more:hover { opacity: .7; }
/***************By-欧阳 2017-10-24 ******************/
.gialen-banner, .own-banner { position: relative; width: 100%; height: 4.5rem; padding-top: 0.16rem; }
.gialen-banner .swiper-container, .own-banner .swiper-container { width: 100%; height: auto; background: #fff; color: #fff; text-align: center; overflow: visible; }
.gialen-banner .swiper-slide, .own-banner .swiper-slide { height: auto; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.95); transform: scale(0.95); }
.gialen-banner .swiper-slide img, .own-banner .swiper-slide img { display: block; width: 100%; height: auto; margin: 0 auto; }
.gialen-banner .swiper-slide img { border-radius: 5px; }
.gialen-banner .banner-button { width: 100%; margin: 0 auto; }
.gialen-banner .swiper-container .swiper-pagination, .own-banner .swiper-container .swiper-pagination { bottom: -18px; height: 18px; line-height: 18px; background-color: #bfc0c0; }
.gialen-banner .swiper-container .swiper-pagination span, .own-banner .swiper-container .swiper-pagination span { width: 8px; height: 8px; }
.gialen-banner .swiper-slide-active, .own-banner .swiper-slide-active, .gialen-banner .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.gialen-banner .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }

/*折扣大牌*/
.h-discount { position: relative; width: 100%; margin: 0.8rem auto 0; overflow: hidden; }
.h-discount .hd-brand { position: relative; height: 120px; overflow: hidden; }
.h-discount .h-left { width: 2.2rem; margin: 0 auto; font-size: 0.29rem; background-color: #1b1b1b; transition: all .5s ease; overflow: hidden; }
.h-discount .h-left ul li { float: left; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #fff; text-align: center; font-weight: bold; background-color: #1b1b1b; }
.h-discount .h-left ul li a { display: block; color: #fff; }
.h-discount .h-left ul li.active { line-height: 24px; color: #1B1B1B; border: 2px solid #1b1b1b; background-color: #fff; }
.h-discount .h-left ul li.active a { line-height: 24px; color: #1b1b1b; }
.h-discount .h-right { position: relative; width: 96%; margin: .4rem auto 0; overflow: hidden; }
.h-discount .h-right .h-logoCon { float: left; position: relative; margin: 0 auto; width: 100%; line-height: 73px; }
.h-discount .h-right .h-logoCon ul { float: left; }
.h-discount .h-right .h-logoCon li { float: left; display: inline-block; padding: 0 0.2rem; text-align: center; }
.h-discount .h-right .h-logoCon a { display: inline-block; }
.h-discount .h-right img { width: 100%; vertical-align: middle; }
.h-discount .slide-nav div:hover { width: 42px; height: 42px; }
.h-discount .arrow-left { position: absolute; opacity: .6; left: 5px; top: 0; bottom: 0; margin: auto; width: 41px; height: 39px; background: url(../Images/home/arrow.png)no-repeat center center; background-size: contain; cursor: pointer; z-index: 999; transition: all 0.5s ease 0s; }
.h-discount .arrow-right { position: absolute; opacity: .6; right: 5px; top: 0; bottom: 0; margin: auto; width: 41px; height: 39px; background: url(../Images/home/arrow.png)no-repeat center center; background-size: contain; transform: rotate(180deg); cursor: pointer; z-index: 999; transition: all 0.5s ease 0s; }
.h-discount .arrow-left:hover, .h-discount .arrow-right:hover { opacity: 1; }
.h-discount .arrow-left:active { left: 0px; }
.h-discount .arrow-right:active { right: 0px; }
.h-discount .h-adv { width: 100%; margin: 0 auto; padding-top: 0.4rem; overflow: hidden; }
.h-discount .h-adv ul li { float: left; width: 50%; padding: 0 0.27rem; }
.h-discount .h-adv ul li img { width: 100%; }

.h-discount .h-adv.animate-enable ul li { transform: translateY(200px); opacity: 0; transition: all .8s ease-in-out; }
.h-discount .h-adv.animate-active ul li { opacity: 1; transform: translateY(0); }
.h-discount .h-adv.animate-active ul li:nth-of-type(2) { transition-delay: .4s; }
/*会员专区*/
.h-member { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.h-member .hm-banner { position: relative; width: 100%; }
.h-member .hm-banner img { width: 100%; }
.h-member .hm-btn { display: inline-block; position: absolute; bottom: 0.13rem; right: 1.8rem; width: 2.13rem; height: 16px; line-height: 16px; padding-left: 5px; background-color: #fff; border-radius: 0.13rem; }
.h-member .hm-btn a { display: inline-block; font-size: 12px; color: #1f200b; }
.h-member .hm-btn a span { display: inline-block; width: 10px; height: 10px; background: url(../Images/pot-pro.png)no-repeat center right; background-size: contain; }
.h-member .hm-pro { width: 100%; padding: 0.4rem 0.13rem 0; overflow: hidden; }
.h-member .hm-pro ul { display: -webkit-flex; display: flex; display: -ms-flexbox; }
.h-member .hm-pro li { float: left; width: 33.3%; margin: 0 auto; padding: 0 0.2rem; }
.h-member .hm-pro li a { position: relative; background-color: #fafafa; z-index: 99; display: inline-block; width: 100%; height: 100%; padding: 0.33rem 0.07rem; }
.h-member .hm-pro li a .hm-img { position: relative; height: 2.67rem; padding: 0.1rem }
.h-member .hm-pro li a .hm-img img { width: 100%; }
.h-member .hm-pro li a h3 { /*height: 0.8rem;*/ margin-top: 0.27rem; font-size: 0.2rem; line-height: 0.46rem; color: #686c71; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h-member .hm-pro li a div.hm-num { padding: 0.21rem 0; font-size: 0.23rem; color: #686c71; font-weight: bold; letter-spacing: 1px; }
.h-member .hm-pro li a div.hm-num span { color: #c2cf37; padding-right: 5px; font-weight: bold; }
.h-member .hm-pro li a > span.btn-integral { display: inline-block; height: 0.46rem; line-height: 0.48rem; padding: 0 0.27rem; color: #fff; font-size: 12px; background-color: #c2cf37; border-radius: 10px; }
.h-member .hm-pro li a .hm-hover { opacity: 0; z-index: 100; position: absolute; top: -138px; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); cursor: pointer; transition: all 0.5s ease 0s; }
.h-member .hm-pro li a .hm-hover img { width: 80%; margin: 1.33rem 0 0.27rem; background: #fff; padding: 6px; transition: all .5s ease-in; }
.h-member .hm-pro li a .hm-hover p { font-size: 0.32rem; color: #fff; text-align: center; }
.h-member .hm-pro li:hover .hm-hover { opacity: 1; top: 0; }

.h-member .hm-pro.animate-enable li { transform: translateY(200px); opacity: 0; transition: all .8s ease-in-out; }
.h-member .hm-pro.animate-active li { opacity: 1; transform: translateY(0); }
.h-member .hm-pro.animate-active li:nth-of-type(2) { transition-delay: .4s; }
.h-member .hm-pro.animate-active li:nth-of-type(3) { transition-delay: .6s; }
/*必买清单*/
.h-buylist { width: 100%; margin: 0 auto; text-align: center; }
.h-buylist .h-adr { text-align: left; padding-left: 0.33rem; font-size: 16px; color: #1b1b1b;; }
.h-buylist .ha-loan { position: relative; width: 100%; padding-bottom: 30px; }
.h-buylist .ha-loan > span { float: left; font-size: 0.24rem; font-weight: bold; color: #1b1b1b; }
.h-buylist .ha-loan .ha-city { float: left; display: inline-block; height: 0.51rem; line-height: 0.51rem; padding: 0 0.4rem; margin-left: 0.27rem; color: #fff; font-size: 12px; vertical-align: middle; border-radius: 20px; background-color: #1b1b1b; cursor: pointer; }
.h-buylist .ha-loan .ha-city:after { display: inline-block; content: ''; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #fff; }
.h-buylist .ha-loan ul { position: absolute; top: 28px; left: 0px; z-index: 99999; display: none; width: 94%; padding: 0.27rem; background-color: #fff; box-shadow: 0 0 3px #1b1b1b; clear: both; }
.h-buylist .ha-loan ul li a { font-size: 0.32rem; }
.hb-banner .swiper-slide img { width: 100%; }
.hb-banner > img { display: none; width: 100%; }
.hb-banner > img#buy1 { display: block; }
.hb-carousel { position: relative; width: 100%; overflow: hidden; }
/*.hb-carousel .hb-carousel-con { z-index: 100; position: absolute; left: 0; right: 0; margin: auto; width: 100%; height: 100%; padding: 50px 0 0; overflow: hidden; }*/
.hb-carousel .hb-carousel-con ul { width: auto; padding: 0 0.2rem; }
.hb-carousel li { position: relative; display: inline-block; float: left; width: 33.3%; padding: 0.2rem; cursor: pointer; /* overflow: hidden; */ }
/*.hb-carousel li img { width: 209px; height: 209px;}*/
.hb-carousel li a { float: left; width: 100%; }
.hb-carousel li img { height: auto; }
.hb-carousel li h3 { padding: 10px 0 5px; font-size: 12px; color: #1b1b1b; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hb-carousel li span { float: left; padding: 0 0.08rem; font-size: 0.32rem; color: #1b1b1b; }
.hb-carousel li span.og-price { color: #bfc0c0; }
.hb-carousel li span em { font-style: normal; }
.hb-carousel li span.og-price em { text-decoration: line-through; }
.hb-carousel .hb-prev, .hg-details .hb-prev { position: absolute; left: 64px; top: 0; bottom: 0; margin: auto; width: 35px; height: 54px; background: url(../Images/home/bh-prev.png)no-repeat center center; background-size: contain; cursor: pointer; }
.hb-carousel .hb-next, .hg-details .hb-next { position: absolute; right: 64px; top: 0; bottom: 0; margin: auto; width: 35px; height: 54px; background: url(../Images/home/bh-next.png)no-repeat center center; background-size: contain; cursor: pointer; }
.hb-carousel .slide-nav div:hover, .hg-details .slide-nav div:hover, .hg-pro .hg-brand .slide-nav div:hover { opacity: .5; }

.hb-carousel.animate-enable li { transform: translateY(200px); opacity: 0; transition: all .8s ease-in-out; }
.hb-carousel.animate-active li { opacity: 1; transform: translateY(0); }
.hb-carousel.animate-active li:nth-of-type(2) { transition-delay: .4s; }
.hb-carousel.animate-active li:nth-of-type(3) { transition-delay: .6s; }
/*自有专供*/
.hg-pro { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.hg-pro .hg-carousel { position: relative; width: 100%; }
.hg-pro .hg-brand { position: relative; width: 100%; height: 2rem; margin: 0 auto; padding: 0 0.27rem; text-align: center; overflow: hidden; }
.hg-pro .hg-brand .hg-brand-main { height: 100%; /*position: absolute; width: 1110px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; */ overflow: hidden; background-color: #fff; }
.hg-pro .hg-brand ul { float: left; width: 100%; }
.hg-pro .hg-brand ul li { position: relative; float: left; height: 1.87rem; cursor: pointer; }
/*.hg-pro .hg-brand ul li > img { float: left;width: 2.2rem; height: 1.33rem;  }*/
.hg-pro .hg-brand ul li .brand-active { position: absolute; left: 0px; top: 0px; display: none; width: 100%; height: 100%; }
.hg-pro .hg-brand ul li .brand-active img { height: 100%; }
.hg-pro .hg-brand ul li.swiper-brand-active { position: relative; color: #fff; }
.hg-pro .hg-brand ul li.swiper-brand-active:after { content: ''; display: inline-block; position: absolute; left: 0; right: 0; bottom: -0.11rem; margin: auto; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #1b1b1b; }
.hg-pro .hg-brand ul li.swiper-brand-active .brand-active { display: block; }
.hg-pro .hg-brand ul li.swiper-brand-active > img { display: none; }
.hg-pro .hg-brand ul li img { width: 100%; height: 100%; }
.hg-pro .hg-brand .hg-prev { position: absolute; top: 0; left: 0; margin: auto; width: 33px; height: 105px; background: url(../Images/home/havePrev.png)no-repeat center center; background-size: contain; cursor: pointer; }
.hg-pro .hg-brand .hg-next { position: absolute; top: 0; right: 0; margin: auto; width: 33px; height: 105px; background: url(../Images/home/havePrev.png)no-repeat center center; background-size: contain; transform: rotate(180deg); cursor: pointer; }
.hg-pro .hg-brand-pro { float: left; width: 100%; clear: both; overflow: hidden; }
.hg-pro .hg-brand-pro .swiper-wrapper { background-color: #fff; }
.hg-pro .hg-brand-pro .swiper-wrapper .swiper-slide { background-color: #fff; }
.hg-pro .hg-banner { padding-top: 0.27rem; }
.hg-pro .hg-banner img { width: 100%; }
.hg-pro .hg-details { position: relative; height: 3.76rem; margin-top: 0.6rem; overflow: hidden; }
.hg-pro .hg-details .hg-details-con { z-index: 100; position: absolute; left: 0; right: 0; margin: auto; width: 100%; height: 100%; overflow: hidden; }
.hg-pro .hg-details .hg-details-con ul { position: absolute; padding: 0 .13rem; }
.hg-pro .hg-details .hg-details-con li { position: relative; float: left; display: inline-block; width: 33.3%; padding: 0 0.27rem; cursor: pointer; }
.hg-pro .hg-details .hg-details-con li img { width: 100%; }
.hg-pro .hg-details .hg-details-con li a { position: relative; display: inline-block; }
.hg-pro .hg-details .hg-details-con li .hg-hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); transition: all .5s ease-in; }
.hg-pro .hg-details .hg-details-con li .hg-hover h3 { padding-top: 75px; font-size: 18px; color: #fff; }
.hg-pro .hg-details .hg-details-con li .hg-hover p { padding: 13px 0 33px; font-size: 14px; color: #fff; }
.hg-pro .hg-details .hg-details-con li .hg-hover span { display: inline-block; padding: 0 5px; font-size: 14px; color: #fff; }
.hg-pro .hg-details .hg-details-con li .hg-hover span.og-price { font-size: 14px; color: #BFC0C0; }
.hg-pro .hg-details .hg-details-con li .hg-hover span.og-price em { text-decoration: line-through; }
.hg-pro .hg-details .hg-details-con li .hg-hover div { width: 80px; height: 24px; line-height: 24px; margin: 15px auto 0; background-color: #fff; border-radius: 10px; }
.hg-pro .hg-details .hg-details-con li .hg-hover div i { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../Images/pot-pro.png)no-repeat center right; background-size: contain; }
.hg-pro .hg-details .hg-details-con li:hover .hg-hover { display: block; }

.hg-pro .hg-brand-pro.animate-enable .swiper-wrapper .swiper-slide { transform: translateY(200px); opacity: 0; transition: all .8s ease-in-out; }
.hg-pro .hg-brand-pro.animate-active .swiper-wrapper .swiper-slide { opacity: 1; transform: translateY(0); }
.hg-pro .hg-brand-pro.animate-active .swiper-wrapper .swiper-slide:nth-of-type(2) { transition-delay: .4s; }
.hg-pro .hg-brand-pro.animate-active .swiper-wrapper .swiper-slide:nth-of-type(3) { transition-delay: .6s; }
/*美丽资讯*/
.h-news { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.h-news .hn-content { width: 100%; }
.h-news .hn-content .hn-left { float: left; width: 100%; }
.h-news .hn-content .hn-left ul.hn-lflow { width: 100%; overflow: hidden; }
.h-news .hn-content .hn-left ul.hn-lflow li { float: left; width: 50%; padding: 0.27rem; }
.h-news .hn-content .hn-left ul.hn-lflow li a { position: relative; display: inline-block; width: 100%; overflow: hidden; transition: all 0.5s ease 0s; }
.h-news .hn-content .hn-left ul.hn-lflow li:first-child { width: 100%; padding: 0; overflow: hidden; }
.h-news .hn-content .hn-left ul.hn-lflow li:nth-child(2) { padding-left: 0.4rem; }
.h-news .hn-content .hn-left ul.hn-lflow li:nth-child(3) { padding-right: 0.4rem; }
.h-news .hn-content .hn-left ul.hn-lflow li img, .hn-rflow a img { width: 100%; transition: all .5s ease-out; }
.h-news .hn-content .hn-left ul.hn-lflow li a .hn-hover, .h-news .hn-left div.hn-rflow a .hn-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: all .5s ease-in; }
.h-news .hn-content .hn-left ul.hn-lflow li a .hn-hover .hn-tit, .h-news .hn-left div.hn-rflow a .hn-hover .hn-tit { position: absolute; left: 0.24rem; bottom: 0.45rem; width: 100%; overflow: hidden; }
.h-news .hn-content .hn-left ul.hn-lflow li:first-child a .hn-hover .hn-tit { bottom: 0.32rem; }
.h-news .hn-content .hn-left ul.hn-lflow li a .hn-hover .hn-tit i, .h-news .hn-left div.hn-rflow a .hn-hover .hn-tit i { float: left; display: inline-block; width: 34px; height: 25px; margin-right: 10px; background: url(../Images/home/video.png)no-repeat center center; background-size: contain; }
.h-news .hn-content .hn-left ul.hn-lflow li a .hn-hover .hn-tit h3, .h-news .hn-left div.hn-rflow a .hn-hover .hn-tit h3 { float: left; font-size: 0.4rem; color: #fff; font-weight: bold; }
.h-news .hn-content .hn-left ul.hn-lflow li a .hn-hover .hn-tit p, .h-news .hn-left div.hn-rflow a .hn-hover .hn-tit p { clear: both; padding-top: 0.16rem; font-size: 0.32rem; color: #fff; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h-news .hn-content .hn-left div.hn-rflow { float: left; width: 50%; padding: 0.27rem .27rem .27rem 0.4rem; }
.h-news .hn-content .hn-left div.hn-rflow a { position: relative; display: inline-block; width: 100%; /* height: 8.2rem;*/ overflow: hidden; transition: all .5s ease-in; }
.h-news .hn-content .hn-left div.hn-rflow a .hn-hover .hn-tit { bottom: 0.45rem; }
.h-news .hn-content .hn-left ul li a:hover .hn-hover, .h-news .hn-left div.hn-rflow a:hover .hn-hover { background-color: rgba(0,0,0,0); }
.h-news .hn-content .hn-left div.hn-rflow:hover a img { transform: scale(1.1); }
.h-news .hn-content .hn-left ul li:hover img { transform: scale(1.1); }
.h-news .hn-content .hn-right { position: relative; float: right; width: 100%; padding: 0.27rem 0.4rem .27rem .27rem; overflow: hidden; }
.h-news .hn-content .hn-right .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden; }
.h-news .hn-content .hn-right .swiper-slide { width: 100%; height: auto; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }
.h-news .hn-content .hn-right .swiper-slide a { display: block; width: 100%; }
.h-news .hn-content .hn-right .swiper-slide img { float: left; width: 100%; height: auto; }
.h-news .hn-content .hn-right .banner-button { width: 100%; margin: 0 auto; }
.h-news .hn-content .hn-right .hn-list { width: 100%; overflow: hidden; margin-top: 7px; }
.h-news .hn-content .hn-right .hn-list li { float: left; width: 100%; min-height: 0.5rem; padding: 0.03rem 0; overflow: hidden; }
.h-news .hn-content .hn-right .hn-list li a { display: block; width: 100%; }
.h-news .hn-content .hn-right .hn-list li i { float: left; display: inline-block; font-size: 12px; text-align: left; font-weight: bold; color: #c0c0c0; font-style: normal; }
.h-news .hn-content .hn-right .hn-list li h3 { display: -webkit-box; line-height: 0.46rem; margin-left: 0.33rem; text-align: left; font-size: 0.24rem; color: #1b1b1b; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.h-news .hn-content .hn-right .hn-list li h3:hover { opacity: .8; }
.h-news .hn-content .hn-right .hn-list li span { float: right; font-size: 12px; text-align: right; color: #c0c0c0; }
.h-news .hn-content .hn-right .swiper-pagination span { width: 12px; height: 12px; margin: 0 2px; display: inline-block; border-radius: 50%; }
.h-news .hn-content .hn-right .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 1; }
.h-news .hn-content .hn-right .swiper-pagination .swiper-pagination-bullet-active { background: #bfc0c0; }

.h-news .hn-content.animate-enable .hn-left ul.hn-lflow li,
.h-news .hn-content.animate-enable .hn-left div.hn-rflow,
.h-news .hn-content.animate-enable .hn-right .swiper-container,
.h-news .hn-content.animate-enable .hn-right .hn-list li { transform: translateY(200px); opacity: 0; transition: all 1.2s ease-in-out; }
.h-news .hn-content.animate-active .hn-left ul.hn-lflow li,
.h-news .hn-content.animate-active .hn-right .hn-list li { opacity: 1; transform: translateY(0); }
.h-news .hn-content.animate-active .hn-left ul.hn-lflow li:nth-of-type(2) { transition-delay: .4s; }
.h-news .hn-content.animate-active .hn-left ul.hn-lflow li:nth-of-type(3) { transition-delay: .6s; }
.h-news .hn-content.animate-active .hn-left div.hn-rflow { transition-delay: 1s; opacity: 1; transform: translateY(0); }
.h-news .hn-content.animate-active .hn-right .swiper-container { transition-delay: 1.4s; opacity: 1; transform: translateY(0); }
.h-news .hn-content.animate-active .hn-right .hn-list li { transition-delay: 1.6s; }
.h-news .hn-content.animate-active .hn-right .hn-list li:nth-of-type(2) { transition-delay: 1.8s; }
.h-news .hn-content.animate-active .hn-right .hn-list li:nth-of-type(3) { transition-delay: 2s; }
.h-news .hn-content.animate-active .hn-right .hn-list li:nth-of-type(4) { transition-delay: 2.2s; }
/***************By-欧阳 2017-10-24 ******************/
/***************product 产品 ******************/
.product { width: 100%; margin: 0 auto; padding: 0.67rem 0 0.4rem; overflow: hidden; }
.product ul { float: left; width: 100%; }
.product ul li { position: relative; float: left; width: 50%; height: 7rem; padding: 0.13rem; text-align: center; cursor: pointer; /*transition: all .4s ease-in;*/ overflow: hidden; }
.product ul li a { padding: 0.07rem; overflow: hidden; float: left; width: 100%; height: 100%; border: 2px solid #fff; /*transition: all .4s ease-in;*/ }
.product ul li a img { float: left; width: 100%; padding-top: 10px; }
.product ul li .p-txt { width: 100%; margin: 0.13rem 0 0; text-align: center; cursor: pointer; clear: both; }
.product ul li .p-txt a { display: inline-block; }
.product ul li .p-price { width: 100%; }
.product h2 { display: none; padding: 0.29rem 0 0.27rem; font-size: 14px; color: #1b1b1b; }
.product p { display: none; font-size: 12px; line-height: 20px; color: #1b1b1b; }
.product h3 { display: block; line-height: 20px; font-size: 12px; color: #1b1b1b; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product .p-price { padding-top: 5px; }
.product .p-price span { padding: 0 5px; font-size: 14px; color: #1b1b1b; }
.product .p-price span.original-price { color: #bfc0c0; text-decoration: line-through; }
.product .p-price span em { font-style: normal; }
.product span.p-more { clear: both; float: left; width: 100%; text-align: center; padding-top: 10px; height: 20px; line-height: 20px; font-size: 12px; padding-right: 12px; color: #1b1b1b; cursor: pointer; display: none; }
.product span.p-more i { display: inline-block; margin: 0px; padding: 0px; height: 16px; width: 16px; background: url(../Images/pot-pro.png) no-repeat right bottom; }
/*产品查询*/
.product .p-breadcrumb, .no-query .q-breadcrumb { float: left; padding: 0 0 0.53rem 0.27rem; }
.product .p-breadcrumb span, .no-query .q-breadcrumb span { padding: 0 5px; font-size: 0.32rem; color: #bfc0c0; }
.product .p-breadcrumb span.p-serch, .no-query .q-breadcrumb span.q-serch { color: #1b1b1b; }
.product .p-breadcrumb span.p-serch:after, .no-query .q-breadcrumb span.q-serch:after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url(../Images/pot-pro.png)no-repeat right center; }
.product .p-breadcrumb span.p-name, .no-query .q-breadcrumb .q-name { padding: 5px 10px; background-color: #1b1b1b; color: #fff; border-radius: 5px; }
.product .p-result, .no-query .q-result { float: right; padding: 0 0.27rem 0.53rem 0; font-size: 0.32rem; color: #bfc0c0; }
.product .p-result i, .no-query .q-result i { display: inline-block; font-style: normal; }
/*hover*/
.product ul li:hover, .product ul li:hover a { border-color: #1b1b1b; }
.product ul li:hover .p-txt { float: initial; bottom: 35px; top: auto; background: rgba(255,255,255,.8); }
.product ul li:hover .p-hover,
.product ul li:hover a span.p-more,
.product li:hover h2,
.product li:hover p { display: none; }
/***************product details 产品 详情******************/
/*.own-banner .swiper-slide img { width: 100%!important;}*/
.pro-details { position: relative; width: 100%; }
.pd-content { width: 100%; padding-top: 0.2rem; margin: 0 auto; overflow: hidden; }
.pd-content .pd-left { width: 80%; margin: 0 auto; overflow: hidden; }
.pd-lpro { width: 100%; border: 2px solid #f1f1f1; }
.pd-lpro img { width: 100%; }
.pd-spro { width: 100%; padding-top: 0.2rem; }
.pd-spro .pd-spro-1 { float: left; width: 20%; padding: 0.07rem; cursor: pointer; }
.pd-spro .pd-spro-1 > img:hover { border: 1px solid #1b1b1b; }
.pd-spro .pd-spro-1 > img { width: 100%; height: 100%; }
.pd-spro .pd-spro-1:first-child { margin: 0; }
.pd-right { position: relative; width: 100%; padding: 0.4rem 0.4rem 0; }
.pd-right .pd-name > a > h1 { font-size: 0.4rem; color: #1b1b1b; font-weight: bold; }
.pd-right .pd-stitle { font-size: 0.4rem; color: #1b1b1b; }
.pd-right .pd-price { display: inline-block; margin: 0.4rem 0; padding: 0.07rem 0.4rem; background-color: #1b1b1b; color: #fff; text-align: center; font-size: 0.4rem; }
.pd-right .pd-price span i { display: inline-block; margin: 0px; height: 0.21rem; width: 0.21rem; background: url(../Images/pro-de/pro-arr.png) no-repeat right top; background-size: contain; }
.pd-right .pd-color p { float: left; display: inline-block; font-size: 0.4rem; color: #1b1b1b; }
.pd-right .pd-color { margin: 10px 0; width: 100%; overflow: hidden; }
.pd-right .pd-color .procolor { float: left; width: 25px; height: 25px; margin: 0 5px; overflow: hidden }
.pd-right .pd-phead { width: 2.0rem; padding: 0.07rem 0.13rem; margin-top: 0.47rem; font-size: 0.29rem; background-color: #1b1b1b; color: #fff; text-align: center; font-size: 0.4rem; font-weight: bold; }
.pd-right .pd-parameter { position: relative; width: 100%; height: auto; margin-top: 0.27rem; padding: 0.13rem 0.33rem; border: 1px solid #1b1b1b; }
.pd-right .pd-parameter div { padding: 0.13rem; font-size: 0.32rem; color: #1b1b1b; border-bottom: 1px solid #1b1b1b; }
.pd-right .pd-parameter div span:first-child { min-width: 1.33rem; }
.pd-right .pd-parameter ul { height: auto; overflow: hidden; }
.pd-right .pd-parameter li { padding: 0.13rem; font-size: 0.32rem; color: #1b1b1b; border-bottom: 1px solid #1b1b1b; }
.pd-right .pd-parameter li:last-child { border: 0; }
.pd-right .pd-parameter li span:first-child { min-width: 1.33rem; }
.pd-right .pd-parameter .pd-phead { position: absolute; top: -30px; left: 0; width: 125px; height: 30px; line-height: 30px; padding: 0; background-color: #1b1b1b; color: #fff; text-align: center; font-size: 18px; font-weight: bold; }
.pro-details .pd-con { width: 100%; height: auto; margin: 0 auto; padding: 0.53rem .4rem; text-align: center; overflow: hidden; }
.pro-details .pd-con img { width: 100%; }
/*天猫二维码*/
.tm-qr { position: absolute; top: 60px; right: 0; }
.tm-qr ul { overflow: hidden; }
.tm-qr li { float: left; margin: 0 3px; font-size: 18px; color: #bfc0c0; }
.tm-qr li .qr { width: 21px; height: 21px; background: url(../Images/pro-de/s-qr.png)no-repeat center center; background-size: contain; cursor: pointer; }
.tm-qr li i { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #bfc0c0; cursor: pointer; }
.tm-qr .tm { display: none; width: 111px; height: 111px; margin-top: 10px; }
.tm-qr .tm img { width: 100%; }
/***************ProductInfo 自有专供******************/
/*.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 30px; right: 0; left: 0; margin: auto; }*/
.own-banner .swiper-container img { width: 100%; }
.swiper-pagination span { width: 16px; height: 16px; margin: 0 4px; }
.own { position: relative; width: 100%; }
.own .fixed-nav { z-index: 9999; width: 100%; height: 28px; line-height: 28px; margin: 0.16rem auto 0; }
.own .fixed-nav.add { z-index: 99999; position: fixed; top: 90px; margin: 0.06rem auto 0; left: 0%; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }

.own .fn-con { position: absolute; width: 100%; text-align: center; }
.own .fixed-nav div { font-size: 18px; color: #1b1b1b; font-weight: bold; overflow-x: auto; }
.own .fixed-nav div ul { width: 640px; }
.own .fixed-nav li { float: left; width: 80px; height: 28px; line-height: 24px; font-size: 0.29rem; color: #fff; text-align: center; font-weight: bold; background-color: #1b1b1b; }
.own .fixed-nav li.current { line-height: 24px; color: #1B1B1B; border: 2px solid #1b1b1b; background-color: #fff; }
.own .fixed-nav li.current a { display: block; line-height: 24px; color: #1B1B1B; font-size: 0.29rem; }
.own .fixed-nav li a { display: block; line-height: 28px; font-size: 0.29rem; color: #fff; }
.own .fixed-nav li.lit1, .own .fixed-nav li.lit2, .own .fixed-nav li.lit3 { background-color: #92e1d0 }
.own .fixed-nav li.lit4, .own .fixed-nav li.lit5, .own .fixed-nav li.lit6 { background-color: #92e1d0 }
.own .fixed-nav li.lit7, .own .fixed-nav li.lit8, .own .fixed-nav li.lit9 { background-color: #92e1d0 }
.own .fixed-nav li.lit1.current, .own .fixed-nav li.lit2.current, .own .fixed-nav li.lit3.current { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }
.own .fixed-nav li.lit4.current, .own .fixed-nav li.lit5.current, .own .fixed-nav li.lit6.current { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }
.own .fixed-nav li.lit7.current, .own .fixed-nav li.lit8.current, .own .fixed-nav li.lit8.current { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }
.own .fixed-nav li.lit1:hover, .own .fixed-nav li.lit2:hover, .own .fixed-nav li.lit3:hover { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }
.own .fixed-nav li.lit4:hover, .own .fixed-nav li.lit5:hover, .own .fixed-nav li.lit6:hover { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }
.own .fixed-nav li.lit7:hover, .own .fixed-nav li.lit8:hover, .own .fixed-nav li.lit9:hover { line-height: 26px; background-color: #fff; border: 2px solid #92e1d0; }


.own .fixed-nav li:hover { background-color: #fff; border: 2px solid #1b1b1b; }
.own .fixed-nav li:hover a { color: #1B1B1B; line-height: 24px; }

.o-content { z-index: 9999; position: relative; width: 100%; padding: 0.4rem 0 0.53rem; overflow: hidden; }
.o-brand { width: 100%; padding: 1.07rem 0 0; overflow: hidden; }
.o-brand .ob-name { z-index: 1; position: relative; width: 100%; height: 1px; background-color: #686c71; }
.o-brand .ob-name .ob-center { z-index: 100; position: absolute; top: -32px; left: 0; right: 0; margin: auto; width: 4.5rem; background-color: #fff; text-align: center; overflow: hidden; }
.o-brand .ob-name .ob-center img { width: 100%; }
.o-brand .ob-name .ob-center p { font-size: 12px; }
.o-brand .ob-main { width: 100%; margin: 0 auto; padding-top: 1.37rem; }
.o-brand .ob-main .ob-adv img { width: 100%; }
.o-brand .ob-main > .product { width: 100%; margin: 0 auto; padding: 0; }
.o-brand .ob-main > .product ul li { position: relative; float: left; width: 33.3%; height: 5.2rem; text-align: center; cursor: pointer; overflow: hidden; }
/***************Bestbuy 必买清单******************/
.buy-banner { padding-top: 0.27rem; }
.buy-banner .swiper-container { overflow: inherit; }
.buy-banner .swiper-container .swiper-slide { height: 100%; opacity: 0.2; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.buy-banner .swiper-container .swiper-slide img { width: 100%; }
.buy-banner .swiper-container .swiper-slide-active { opacity: 1; }
.buy-banner .swiper-container .swiper-pagination { bottom: -16px; left: 0; right: 0; margin: auto; height: 16px; background-color: #bfc0c0; }
.buy-banner .swiper-container .swiper-pagination span { width: 8px; height: 8px; vertical-align: baseline; background-color: #fff; }
.buy-banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background-color: #fff; }
.buy-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #656565 }
.title { margin-top: 1.07rem; }
.title .t-name { z-index: 1; position: relative; width: 100%; height: 1px; background-color: #686c71; }
.title .t-name .t-center { z-index: 100; position: absolute; top: -0.27rem; left: 0; right: 0; margin: auto; width: 3.6rem; height: 0.53rem; line-height: 0.53rem; background-color: #fff; text-align: center; overflow: hidden; }
.title .t-name .t-center h1 { font-size: 0.48rem; color: #1b1b1b; text-align: center; }
/***************BeautyNews 美丽资讯******************/
.b-news { width: 100%; text-align: center; overflow: hidden; }
.b-news h2 { margin: 0 auto; padding: 0.29rem 0 0.27rem; font-size: 0.48rem; color: #1b1b1b; }
.b-news .talent-show, .b-news .beauty-classRoom { width: 100%; margin: 0 auto; }
/*达人秀*/
.b-news .video-list { width: 100%; padding: 0.4rem 0.2rem 0 0.2rem; overflow: hidden; }
.b-news .video-list ul { float: left; width: 100%; padding: 0; }
.b-news .video-list li { float: left; width: 33.3%; padding: 0 0.2rem; }
.b-news .video-list li a { float: left; width: 100%; padding: 0; }
.b-news .video-list li .video-img { float: left; position: relative; width: 100%; }
.b-news .video-list li .video-img img { width: 100%; }
.b-news .video-list li .video-img span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inline-block; width: 0.88rem; height: 0.88rem; background: url(../Images/beautyNew/play.png) no-repeat center center; background-size: contain; }
.b-news .video-list li .brandName { display: block; float: left; text-align: left; display: -webkit-box; padding: 0.1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: bold; font-size: 0.35rem; color: #1b1b1b; text-align: left; }
.b-news .video-list li .videoIntro { display: block; font-size: 0.32rem; width: 100%; color: #1b1b1b; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*美肌教室*/
.beauty-classRoom .bc-list ul { padding: 0 0.53rem; overflow-x: hidden; }
.beauty-classRoom .bc-list ul li { float: left; width: 50%; padding: .47rem 0.27rem 0; }
.beauty-classRoom .bc-list ul li.lit1,
.beauty-classRoom .bc-list ul li.lit2 { float: none; width: 100%; margin: 0 auto; padding: 0.47rem 0.27rem 0; }
.beauty-classRoom .bc-list ul li.lit1 { padding-top: 0; }
.beauty-classRoom .bc-list ul li.lit1 img,
.beauty-classRoom .bc-list ul li.lit2 img { width: 100%; }
.beauty-classRoom .bc-list ul li div.bc-list-img { height: 270px; overflow: hidden; }
.beauty-classRoom .bc-list ul li div.bc-list-img img { width: 100%; transition: all .5s ease; }
.beauty-classRoom .bc-list ul li.lit1 div.bc-list-img,
.beauty-classRoom .bc-list ul li.lit2 div.bc-list-img { height: 550px; overflow: hidden; }
.beauty-classRoom .bc-list ul li img { width: 100%; }
.beauty-classRoom .bc-list ul li span { padding-top: 0.27rem; font-size: 0.27rem; color: #1b1b1b; }
.beauty-classRoom .bc-list ul li span.bc-name { float: left; width: 50%; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.beauty-classRoom .bc-list ul li span.bc-time { float: right; }
.beauty-classRoom .bc-list ul li p { clear: both; padding-top: 0.2rem; font-size: 0.4rem; text-align: left; color: #1b1b1b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/*hover*/
.beauty-classRoom .bc-list ul li:hover div.bc-list-img img { transform: scale(1.1); }
/*玩美彩妆*/
.makeup { width: 100%; margin: 0 auto; overflow: hidden; }
.makeup .makeup-top { width: 100%; }
.makeup .makeup-top ul.makecomlist { width: 100%; padding: 0 0.4rem; }
.makeup .makeup-top ul.makecomlist li { width: 100%; margin: 0 0 0.27rem 0; }
.makeup .makeup-top ul.makecomlist li.lit3 { width: 100%; }
.makeup .makeup-top ul.makecomlist li img { width: 100%; transition: all .5s ease; }
.makeup .makeup-top ul.makecomlist li a, .makeup-bottom a { position: relative; display: block; overflow: hidden; }
.makeup .makeup-bottom { width: 100%; padding: 40px 0; overflow: hidden; }
.makeup .makeup-bottom img { width: 100%; transition: all .5s ease; }
.makeup .makeup-layer, .makeup-bottom .makeup-layer { position: absolute; bottom: 0; width: 100%; height: 1.2rem; background-color: rgba(0,0,0,.5); }
.makeup .makeup-layer h3, .makeup-bottom .makeup-layer h3 { padding: 0.17rem 0.29rem 0.07rem; font-size: 0.32rem; color: #fff; text-align: left; font-weight: bold !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.makeup .makeup-layer p, .makeup-bottom .makeup-layer p { padding-left: 0.29rem; font-size: 0.29rem; color: #fff; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.makeup .makeup-top ul li:hover img, .makeup .makeup-bottom:hover img { transform: scale(1.1); }

.makebanner { width: 100%; margin: 0 auto; overflow: hidden; padding: 0 3px;; }
.makebanner img { float: left; width: 100%; height: auto; }

.makebanner .swiper-pagination-bullet-active { background: #333; opacity: .9; }
.makebanner .swiper-pagination-bullet { width: 10px; height: 10px; margin-top: 12px; z-index: 10; background: #1b1b1b; cursor: pointer; background-position: center; background-repeat: no-repeat; }
.makeup .makeup-top #makelist { float: left; width: 100%; margin: 0 auto; overflow: hidden; padding: 0.3rem 0.3rem; }
.makeup .makeup-top ul.makelist { float: left; width: 100%; }
.makeup .makeup-top ul.makelist li { float: left; width: 50%; padding: 0 0.1rem; margin-bottom: 0.2rem; }

.makeup .makeup-top ul.makelist li .imgs { width: 100%; transition: all .5s ease; }
.makeup .makeup-top ul.makelist li .imgs img { width: 100%; transition: all .5s ease; }
.makeup .makeup-top ul.makelist li img { width: 100%; transition: all .5s ease; }
.makeup .makeup-top ul.makelist li a, .makeup-bottom a { float: left; width: 100%; overflow: hidden; }
.makeup .makeup-top ul.makelist li span { text-align: left; padding-top: 0.27rem; font-size: 0.27rem; color: #1b1b1b; }
.makeup .makeup-top ul.makelist li span.bc-name { float: left; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.makeup .makeup-top ul.makelist li span.bc-time { float: right; }
.makeup .makeup-top ul.makelist li p { clear: both; padding-top: 20px; font-size: 30px; text-align: left; color: #1b1b1b; }


/***************News 资讯中心******************/
.news { width: 100%; margin: 0 auto; padding-bottom: 0.53rem; overflow: hidden; }
.news ul { padding: 0.13rem; clear: both; }
.news ul li { float: left; width: 50%; padding: 0.31rem; }
.news ul li a { display: inline-block; padding: 0.16rem 0.13rem 0.27rem; height: 7.2rem; background-color:#f9f9f9; }
.news ul li a img { width: 100%; height: 3.8rem; }
.news ul li a h3 { max-height: 61px; line-height: 0.48rem; margin: 0.21rem 0; font-size: 0.37rem; color: #1b1b1b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news ul li a p { line-height: 18px; font-size: 0.3rem; color: #adadad; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news ul li a span { display: inline-block; padding-top: 0.24rem; font-size: 0.24rem; color: #1b1b1b; }
.news ul li a i.new-arrow { float: right; display: inline-block; width: 0.4rem; height: 0.4rem; margin-top: 0.24rem; background: url(../Images/nwes/arrow.png) no-repeat center center; background-size: contain; overflow: hidden; }
.news .n-breadcrumb { float: left; padding: 0.4rem 0 0 0.27rem; }
.news .n-breadcrumb span { padding: 0 5px; font-size: 0.32rem; color: #bfc0c0; }
.news .n-breadcrumb span.n-serch { color: #1b1b1b; }
.news .n-breadcrumb span.n-serch:after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url(../Images/pot-pro.png)no-repeat right center; }
.news .n-breadcrumb span.n-name { padding: 5px 10px; background-color: #1b1b1b; color: #fff; border-radius: 5px; }
.news .n-result { float: right; padding: 0.4rem 0.27rem 0 0; font-size: 0.32rem; color: #bfc0c0; }
.news .n-result i { display: inline-block; font-style: normal; }
/***************NewInfo 资讯详情******************/
.news-details { width: 100%; line-height: 180%; margin: 0 auto; color: #555; padding: 0.27rem 0.48rem; }
.news-details h3 { font-size: 0.45rem; width: 100%; line-height: 0.60rem; color: #1b1b1b; letter-spacing: 0px; font-weight: bold; }
.news-details table { width: 100%; }
/*.news-details span { display: inline-block; padding: 0.13rem 0; font-size: 0.27rem; color: #1b1b1b;}
.news-details p { line-height: 0.48rem; padding: 0.13rem 0; letter-spacing: 2px; font-size: 0.4rem; color: #1b1b1b;}        */
.news-details img { max-width: 100%; height: auto; }
.news-details .img-con { padding: 10px 0; }
.news-details .img-con img { width: 100%; }
.news-details .img-con div { padding-top: 0.27rem; font-size: 0.27rem; color: #1b1b1b; text-align: center; }
/*.news-details h4 { font-size: 0.27rem; color: #1b1b1b; font-weight: bold;}*/
/***************join 资讯中心******************/
.join-us { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.join-us img { display: block; width: 100%; }
/***************loveChildren 了解娇兰佳人 爱童行******************/
.understand { position: relative; width: 100%; padding-top: 0.2rem; }

.understand .un-content { width: 100%; }
.understand .un-content > div { display: none; padding-top: 0.27rem; }
.understand .un-content > div:first-child { display: block; }
/*爱童行*/
.video-js, .love-video-dimensions { width: 100%; height: 100%; }

.understand .un-content .love { width: 100%; margin: 0 auto; padding-bottom: 0.53rem; overflow: hidden; }
.understand .un-content .love .l-title { width: 215px; margin: 0 auto; overflow: hidden; }
.understand .un-content .love .l-title img { height: 70px; float: left; }
.understand .un-content .love .l-title h2 { float: left; padding: 0 0 0 0.2rem; height: 70px; line-height: 70px; font-size: 0.48rem; color: #1b1b1b; font-weight: 200; }
.understand .un-content .love .l-video { width: 100%; }
.understand .un-content .love .joinname { float: left; width: 100%; margin: 0 auto; padding: 5px 0; text-align: center; font-size: 20px; }
.understand .un-content .love .l-video .video-js { margin-top: 0.27rem; height: 210px; position: relative; }
.understand .un-content .love .l-video .l-small-video { width: 100%; margin: 0 auto; padding: 0.4rem 0 0; overflow: auto; overflow: hidden; }
.understand .un-content .love .l-video .l-small-video ul { padding: 0 0.2rem; }
.understand .un-content .love .l-video .l-small-video li { float: left; width: 33.3%; padding: 0 0.2rem; }
.understand .un-content .love .l-video .l-small-video li .video-img { position: relative; width: 100%; }
.understand .un-content .love .l-video .l-small-video li .video-img span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inline-block; width: 0.88rem; height: 0.88rem; background: url(../Images/beautyNew/play.png) no-repeat center center; background-size: contain; }
.understand .un-content .love .l-video .l-small-video li img { width: 100%; }
.understand .un-content .love .l-video .l-small-video li p { padding-top: 0.13rem; font-size: 0.2rem; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.understand .un-content .love .l-news { width: 100%; padding-top: 0.27rem; }
.understand .un-content .love .l-news .l-new-list { width: 100%; overflow: hidden; }
.understand .un-content .love .l-news .l-new-list ul { padding: 0 0.2rem; }
.understand .un-content .love .l-news .l-new-list ul li { float: left; width: 100%; padding: 0 0.2rem; margin-bottom: 0.27rem; }
.understand .un-content .love .l-news .l-new-list ul li img { width: 100%; border: 0; }
.understand .un-content .love .l-news .l-new-list ul li a { display: block; overflow: hidden; border: 1px solid #a5a5a5; }
.understand .un-content .love .l-news .l-new-list ul li .l-new-list-txt { padding: 10px; min-height: 133px; border-top: 0; }
.understand .un-content .love .l-news .l-new-list ul li .l-new-list-txt h3 { width: 100%; font-size: 0.4rem; color: #1b1b1b; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.understand .un-content .love .l-news .l-new-list ul li .l-new-list-txt p { max-height: 52px; line-height: 18px; margin: 0.37rem 0 0.53rem; font-size: 0.34rem; color: #adadad; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.understand .un-content .love .l-news .l-new-list ul li .l-new-list-txt span { font-size: 12px; color: #1b1b1b; }
/*公司简介*/
.understand .un-content .company-intro, .understand .un-content .brand-image { width: 100%; margin: 0 auto; }
.understand .un-content .company-intro img { width: 100%; }
/*品牌形象*/
.understand .brand-image img { width: 100%; }
/*.brand-image .swiper-button-prev { left: 40px; width: 72px; height: 74px;  opacity: .7; background: url(../Images/home/prev.png)no-repeat center center; background-size: contain; transition: all .3s ease-in; }*/
/*.brand-image .swiper-button-next { right: 40px; width: 72px; height: 74px;  opacity: .7; background: url(../Images/home/next.png)no-repeat center center; background-size: contain; transition: all .3s ease-in; }*/
.understand .fixed-nav { z-index: 9999; width: 7.0rem; height: auto; margin: 0 auto; overflow: hidden; }
.understand .fixed-nav .understand-nav { width: 100%; }
.understand .fixed-nav .understand-nav li { float: left; width: 33.3%; height: 28px; line-height: 28px; background-color: #1b1b1b; color: #fff; text-align: center; }
.understand .fixed-nav .understand-nav li a { display: block; line-height: 28px; font-size: 12px; color: #fff; }
.understand .fixed-nav .understand-nav li.active { background-color: #fff; border: 2px solid #1b1b1b; }
.understand .fixed-nav .understand-nav li.active a { line-height: 24px; color: #1b1b1b; }
.understand .fixed-nav.add { position: fixed; top: 90px; left: 15%; margin: 0.06rem auto 0; background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }

.understand .brand-image .brand-list { width: 100%; padding: .4rem .2rem 0.53rem; overflow: hidden; }
.understand .brand-image .brand-list ul { width: 100%; }
.understand .brand-image .brand-list ul li { float: left; width: 33.3%; padding: 0 0.2rem; }
.understand .brand-image .brand-list ul li img { width: 100%; }
.understand .brand-image .brand-list .swiper-slide { opacity: 0.6; }
/*.understand .brand-image .brand-list .swiper-slide-active.swiper-slide{opacity:1;}*/
.understand .brand-image .brand-list .active-nav { opacity: 1; }
/***************retail-store 门店查询******************/
.store { width: 100%; margin: 0 auto; padding: 0.27rem 0 0; }
.store .store-left { width: 100%; padding: 0 0.4rem; }
.store .store-left h2 { width: 4.61rem; height: 0.67rem; padding: 0 0 0 15px; line-height: 0.67rem; background: #1b1b1b; font-size: 0.43rem; color: #fff; text-align: left; }
.store .store-left .no-store { width: 100%; }
.store .store-left .no-store span { display: inline-block; padding: 0.43rem 0; font-size: 0.37rem; color: #1b1b1b; }
.store .store-left .no-store p { font-size: 0.37rem; color: #1b1b1b; line-height: 24px; }
.store .store-left .no-store div { padding-top: 30px; font-size: 0.37rem; color: #1b1b1b; }
.store .store-left .no-store i { display: inline-block; padding-top: 5px; font-size: 0.37rem; color: #1b1b1b; font-style: normal; }
.store .store-right { padding-top: 0.4rem; }
.store .store-right .demo_title { background-color: #D3D8E0; }
.store .store-right .demo_title .author { float: left; background-color: red; }
.store .store-right .demo_content > div { padding: 0 0.4rem; overflow: hidden; }
.store .store-right .demo_content .select-arrow { position: relative; margin-bottom: 0.4rem; border: 1px solid #1b1b1b }
.store .store-right .demo_content .select-arrow select { width: 100%; background: url(../Images/select-arrow_black.png)no-repeat 98% center; background-size: 19px 18px; vertical-align: middle; cursor: pointer; -webkit-appearance: none; }
.store .store-right .demo_content select { height: 100%; padding: 0.16rem 0.13rem 0.16rem 0.27rem; font-size: 0.37rem; border: 0; }
.store .store-right .demo_content button i { display: inline-block; width: 20px; height: 20px; background-color: #1b1b1b; }
.store .store-right .demo_content button { position: relative; float: right; width: 100px; height: 30px; font-size: 0.37rem; background-color: #1b1b1b; border: 0; }
.store .store-right .demo_content button:after { content: ''; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; display: inline-block; width: 14px; height: 20px; background: url(../Images/select-arrow_black.png)no-repeat center center; background-size: contain; vertical-align: middle; cursor: pointer; transform: rotate(-90deg); }
.store .store-right .demo_content .tips { width: 106px; line-height: 28px; padding-right: 10px; font-size: 14px; background-color: #1b1b1b; color: #fff; }
.store .store-right .demo_content .map { margin-top: .4rem; border-top: 1px solid #686c71; border-bottom: 1px solid #686c71; }
.store .store-right .demo_content .map h2 { padding: 0.4rem; font-size: 0.37rem; color: #1b1b1b; }
.store .store-right .demo_content #map { width: 100%; height: 5.33rem; overflow: hidden; }

.store .store-right .demo_content .have-store { width: 100%; }
.store .store-right .demo_content .have-store .store-head { padding-top: 0.4rem; font-size: 14px; color: #1b1b1b; overflow: hidden; }
.store .store-right .demo_content .have-store .store-souResult { float: left; }
.store .store-right .demo_content .have-store .store-page { padding: 0.47rem 0; text-align: center; font-size: 14px; color: #1b1b1b; }
.store .store-right .demo_content .have-store .store-page .page-prev.active { background-color: #bfc0c0; }
.store .store-right .demo_content .have-store .store-page .page-next.active { background-color: #bfc0c0; }
.store .store-right .demo_content .have-store .store-page .page-prev { display: inline-block; width: 18px; height: 18px; margin: 0 3px; vertical-align: sub; cursor: pointer; background: #1b1b1b url(../Images/page-prev.png)no-repeat center center; background-size: 8px 12px; }
.store .store-right .demo_content .have-store .store-page .page-next { display: inline-block; width: 18px; height: 18px; margin: 0 3px; vertical-align: sub; cursor: pointer; background: #1b1b1b url(../Images/page-next.png)no-repeat center center; background-size: 8px 12px; }
.store .store-right .demo_content .have-store .store-addr { clear: both; padding: 0.4rem 0 0; }
.store .store-right .demo_content .have-store .store-addr li { margin-top: .27rem; padding: 0 0 0.27rem; background: url(../Images/len.png)no-repeat top left; background-size: 21px 21px; border-bottom: 1px dotted #686c71; }
.store .store-right .demo_content .have-store .store-addr li:last-child { border: 0; }
.store .store-right .demo_content .have-store .store-addr li a { display: inline-block; padding-left: 32px; color: #1b1b1b; }
.store .store-right .demo_content .have-store .store-addr li a h3 { font-size: 0.37rem; font-weight: bold; }
.store .store-right .demo_content .have-store .store-addr li a p { padding-top: 5px; font-size: 12px; }
/**查询**/
.no-query { width: 100%; margin: 0 auto; padding: 0.4rem 0; }
.no-query .q-breadcrumb, .no-query .q-result { padding-bottom: 15px; }
.no-query .no-txt { clear: both; padding: 60px 0; font-size: 18px; text-align: center; color: #1b1b1b; border-top: 1px solid #686c71; }
/***视频按钮***/
.video-js .vjs-big-play-button { width: 70px; height: 70px; background: url(../Images/beautyNew/big-play.png)no-repeat center center; background-size: contain; border: 0; border-radius: 50%; }
.my-video-dimensions { height: 210px; }
/***************member 会员专区******************/
/*会员导航*/
.member { width: 100%; margin: 0 auto; padding-top: 0.2rem; }
.member .member-nav { z-index: 9999; width: 6.0rem; height: auto; margin: 0 auto; overflow: hidden; }
.member .member-nav ul { width: 100%; }
.member .member-nav li { float: left; width: 33.3%; height: 28px; line-height: 28px; background-color: #1b1b1b; color: #fff; text-align: center; }
.member .member-nav li a { font-size: 12px; color: #fff; }
.member .member-nav li.active { line-height: 24px; background-color: #fff; border: 2px solid #1b1b1b; }
.member .member-nav li.active a { color: #1b1b1b; }
.member .member-nav.add { z-index: 99999; position: fixed; top: 90px; left: 19%; margin: 0.06rem auto 0; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }

.member .member-image { width: 100%; padding-top: 0.33rem; }
.member .member-image .swiper-container { overflow: initial; }
.member .member-image .swiper-container .swiper-slide img { width: 100%; }
.member .member-image .swiper-container .swiper-pagination { bottom: -18px; height: 18px; line-height: 18px; background-color: #bfc0c0; }
.member .member-image .swiper-container .swiper-pagination span { width: 8px; height: 8px; }

.member .member-con { width: 100%; padding: 0.8rem 0.39rem 0; overflow: hidden; }
.member .member-con img { max-width: 100% !important; }
/*活动*/
.m-activity { width: 100%; padding-bottom: 0.4rem; overflow: hidden; }
.m-activity .m-act-main { width: 100%; }
.m-activity .m-act-main li { width: 100%; margin-bottom: 0.4rem; border: 1px solid #a5a5a5; overflow: hidden; }
.m-activity .m-act-main li:nth-child(odd) div.m-act-left { float: left; }
.m-activity .m-act-main li:nth-child(odd) div.m-act-right { float: right; }
.m-activity .m-act-main li:nth-child(even) div.m-act-left { float: right; }
.m-activity .m-act-main li:nth-child(even) div.m-act-right { float: left; }
.m-activity .m-act-main li .m-act-left { width: 100%; padding: 0.4rem 0.27rem; }
.m-activity .m-act-main li .m-act-left div { padding: 0; font-size: 0.4rem; color: #1b1b1b; font-weight: bold; }
.m-activity .m-act-main li .m-act-left h2 { padding: 0; font-size: 0.4rem; color: #1b1b1b; font-weight: bold; }
.m-activity .m-act-main li .m-act-left p { padding: 0.4rem 0 0.53rem; font-size: 0.29rem; color: #1b1b1b; }
.m-activity .m-act-main li .m-act-left span { font-size: 0.29rem; }
.m-activity .m-act-main li .m-act-left a { padding-right: 0.27rem; font-size: 0.27rem; color: #1b1b1b; background: url(../Images/pot-pro.png)no-repeat right center; background-size: 10px 8px; }
.m-activity .h-more { padding-top: 0.13rem; }
/*权益*/
.m-interests { display: none; width: 100%; text-align: center; overflow: hidden; }
.m-interests > h2 { padding: 0.33rem 0 0.27rem; font-size: 0.45rem; font-weight: bold; color: #1b1b1b; text-align: center; }
.m-interests > h2:first-child { padding-top: 0; }
.m-interests > img { width: 100%; }
.m-interests.active { display: initial; }
/*.m-interests > p { width: 100%; margin-bottom: 6px; padding: 6px 0; text-align: center; font-size: 0.27rem; color: #fff; background-color: #1b1b1b;}
.m-interests > div { padding: 0.4rem 0 0.47rem; font-size: 0.27rem; color: #1b1b1b; font-weight: bold; text-align: left;}
.m-interests > div span { font-weight: normal;}*/
/*会员卡*/
.memberbanners { display: none }
.memberbanner { width: 100%; padding-top: 0.33rem; line-height: 26px; overflow: hidden; }
.memberbanner .memberimg { width: 100%; }
.memberbanner.active { display: initial; }
.memberimg { width: 100%; }
.m-card { display: none; width: 100%; overflow: hidden; }
.m-card > div.m-process { padding-top: 0.53rem; }
.m-card > div.m-process div { font-size: 0.27rem; font-weight: bold; color: #1b1b1b; }
.m-card > div.m-process div span { font-weight: normal; }
.m-card > div.m-process div:last-child { padding-top: 0.27rem; }
.m-card > div.m-process div:last-child p { font-weight: normal; }


/*品牌内页*/
.buytypelist { position: relative; width: 100%; margin: 0 auto; padding: 20px 0; position: relative; overflow: hidden; }
.buytypelist .type_bn { float: left; width: 100%; margin: 0 auto; }
.buytypelist .type_bn img { float: left; width: 100%; height: auto; margin: 0 auto; }
.type_center { float: left; width: 100%; margin: 0 auto; padding: 0.3rem 0; overflow: hidden; position: relative; }
.type_center .type_name { width: 100%; background-color: #fff; text-align: center; font-size: 20px; overflow: hidden; position: relative; }
.buytypelist .ty-details { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.buytypelist .ty-details .hg-details-con { z-index: 100; margin: auto; width: 100%; height: auto; overflow: hidden; }
.buytypelist .ty-details .hg-details-con ul { z-index: 100; float: left; width: 100%; margin: 0 auto; }
.buytypelist .ty-details .hg-details-con ul li { float: left; width: 100%; height: auto; text-align: center; padding: 0 5px; overflow: hidden }
.buytypelist .ty-details .hg-details-con ul li a { position: relative; width: auto; margin: 0 auto; overflow: hidden }
.buytypelist .ty-details .hg-details-con ul li .hg-hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); transition: all .5s ease-in; }
.buytypelist .ty-details .hg-details-con ul li a img { float: left; width: 100%; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover h3 { padding-top: 75px; font-size: 18px; text-align: center; color: #fff; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover p { padding: 0px 30px; font-size: 14px; margin: 10px 0 30px 0; text-align: center; height: 20px; line-height: 20px; color: #fff; overflow: hidden; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover span { text-align: center; margin: 0 auto; display: inline-block; padding: 0 5px; font-size: 14px; color: #fff; font-style: normal !important; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover span.og-price { font-size: 14px; color: #BFC0C0; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover span.og-price em { text-decoration: line-through; font-style: normal; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover div { width: 80px; height: 24px; line-height: 24px; margin: 15px auto 0; background-color: #fff; border-radius: 10px; }
.buytypelist .ty-details .hg-details-con ul li .hg-hover div i { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../Images/pot-pro.png)no-repeat center right; background-size: contain; }
.buytypelist .ty-details .hg-details-con li:hover .hg-hover { display: none; }
.buytypelist .ty-details .hg-details-con ul li img { width: 198px; height: auto; }
.buytypelist .ty-details .slide-nav { z-index: 110; display: none }
.buytypelist .ty-details .hb-prev { z-index: 110; position: absolute; left: 5%; top: 0; bottom: 0; margin: auto; width: 25px; height: 34px; background: url(../Images/home/bh-prev.png)no-repeat center center; background-size: contain; cursor: pointer; }
.buytypelist .ty-details .hb-next { z-index: 110; position: absolute; right: 5%; top: 0; bottom: 0; margin: auto; width: 25px; height: 34px; background: url(../Images/home/bh-next.png)no-repeat center center; background-size: contain; cursor: pointer; }
.buytypelist .ty-details .slide-nav div:hover { opacity: .5; }



.buytypelist .type_news { float: left; width: 100%; margin: 0 auto; overflow: hidden }
.buytypelist .type_news .type_left { float: left; width: 100%; margin: 0 auto; padding: 0 0; overflow: hidden }
.buytypelist .type_news .type_left ul { float: left; width: 100%; overflow: hidden }
.buytypelist .type_news .type_left ul li { float: left; width: 50%; padding: 10px 20px; overflow: hidden }
.buytypelist .type_news .type_left ul li:first-child { width: 100%; padding: 10px 0px; overflow: hidden; }
.buytypelist .type_news .type_left ul li:first-child a .hn-hover { display: none }
.buytypelist .type_news .type_left ul li a { position: relative; display: inline-block; float: left; width: 100%; overflow: hidden; transition: all 0.5s ease 0s; }
/*.buytypelist .type_news .type_left ul li:first-child a { width:auto; height: 349px; }*/
/*.buytypelist .type_news .type_left ul li:first-child { padding-top: 0; overflow: hidden; }*/
.buytypelist .type_news .type_left ul li img, .hn-rflow a img { width: 100%; transition: all .5s ease-out; }
.buytypelist .type_news .type_left ul li a .hn-hover { float: left; width: 100%; overflow: hidden; }
.buytypelist .type_news .type_left ul li a .hn-hover .hn-tit { float: left; width: 100%; overflow: hidden; }
.buytypelist .type_news .type_left ul li a .hn-hover span.bc-name { float: left; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 10px; font-size: 12px; color: #1b1b1b; }
.buytypelist .type_news .type_left ul li a .hn-hover span.bc-time { float: left; width: 100%; padding: 5px 0; font-size: 12px; color: #1b1b1b; }
.buytypelist .type_news .type_left ul li a .hn-hover p { clear: both; padding: 10px 0 5px 0; font-size: 16px; text-align: left; color: #1b1b1b; }
.buytypelist .type_news .type_right { float: left; width: 100%; margin: 0 auto; padding: 10px 20px; overflow: hidden }
.buytypelist .type_news .type_right .hn-round { float: left; width: 100%; margin: 0 auto; overflow: hidden }

.buytypelist .type_news .type_right .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden; }
.buytypelist .type_news .type_right .swiper-slide { width: 100%; height: auto; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }
.buytypelist .type_news .type_right .swiper-slide img { float: left; width: 100%; height: auto; }
.buytypelist .type_news .type_right .banner-button { width: 1200px; margin: 0 auto; }
.buytypelist .type_news .type_right .hn-list { width: 100%; overflow: hidden; }
.buytypelist .type_news .type_right .hn-list ul { float: left; width: 100%; margin: 0 auto; overflow: hidden; }
.buytypelist .type_news .type_right .hn-list li { min-height: 66px; padding-top: 0.27rem; overflow: hidden; }
.buytypelist .type_news .type_right .hn-list li a { width: 100%; min-height: 66px; overflow: hidden; }
.buytypelist .type_news .type_right .hn-list li i { float: left; display: inline-block; margin-top: 3px; font-size: 12px; text-align: left; font-weight: bold; color: #c0c0c0; font-style: normal; }
.buytypelist .type_news .type_right .hn-list li h3 { float: left; display: -webkit-box; width: 95%; min-height: 22px; line-height: 22px; padding-left: 10px; text-align: left; font-size: 14px; color: #1b1b1b; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.buytypelist .type_news .type_right .hn-list li h3:hover { opacity: .8; }
.buytypelist .type_news .type_right .hn-list li span { float: right; font-size: 12px; text-align: right; color: #c0c0c0; }
.buytypelist .type_news .type_right .swiper-pagination span { width: 12px; height: 12px; margin: 0 2px; display: inline-block; border-radius: 50%; }
.buytypelist .type_news .type_right .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 1; }
.buytypelist .type_news .type_right .swiper-pagination .swiper-pagination-bullet-active { background: #fff; opacity: .5; }


.join-us { position: relative; margin: 0 auto; }
.join-us .join-content { width: 100%; margin: 0 auto; overflow: hidden; }

.company-intro, .brand-image { float: left; width: 100%; margin: 0 auto; height: auto; }
.company-intro .joinname { float: left; width: 100%; margin: 0 auto; padding: 0.2rem 0 0.3rem 0; text-align: center; font-size: 24px; }
/*.company-intro img{float:left; width:100%; overflow: hidden;}*/

.join-us .joininfo { float: left; width: 100%; margin: 0 auto;padding-bottom:25px; overflow: hidden; }
.join-us .joininfo img { width: 100%; height: auto!important; }
.join-us .joininfo ul.youshi { float: left; margin: 0 auto; }
.join-us .joininfo ul.youshi li { float: left; width: 33.3%; margin: 0 auto; padding: 0 0.1rem; text-align: center; overflow: hidden; }
.join-us .joininfo ul.youshi li i { display: inline-block; width: 33px; height: 20px; }
.join-us .joininfo ul.youshi li.active i { display: inline-block; width: 33px; height: 20px; margin: 0 auto; text-align: center; background: url(/App_Assets/Web/Images/joinh.png) no-repeat top center; }
.join-us .joininfo ul.youshi li.active { background: url(/App_Assets/Web/Images/joinh.png) no-repeat center center; }
.join-us .joininfo ul.youshi li:last-child { padding: 0 0 0 0; }
.join-us .joininfo ul.youshi li .joinintr { float: left; width: 100%; margin: 0 auto; background: #000; padding: 30px 0; overflow: hidden; color: #fff; }
.join-us .joininfo ul.youshi li .joinintr .intrname { font-size: 16px; }
.join-us .joininfo ul.youshi li .joinintr .intrsp { font-size: 12px; }
.join-us .joininfo ul.youshi li img { margin: 0 auto; text-align: center; width: 60px; height: 60px; }
.join-us .joininfo .joinintrimg { display: none; float: left; width: 100%; margin: 0 auto; overflow: hidden; }
.join-us .joininfo .joinintrimg.join1 { display: block }

.join-us .joininfo ul.joincase { float: left; margin: 0 auto; }
.join-us .joininfo ul.joincase li { float: left; width: 25%; margin: 0 auto; padding: 0 0.1rem 0 0; text-align: center; overflow: hidden; }
.join-us .joininfo ul.joincase li i { display: inline-block; width: 33px; height: 20px; }
.join-us .joininfo ul.joincase li.active i { display: inline-block; width: 33px; height: 20px; margin: 0 auto; text-align: center; background: url(/App_Assets/Web/Images/joinh.png) no-repeat top center; }
.join-us .joininfo ul.joincase li:last-child { padding: 0 0.1rem 0 0; }
.join-us .joininfo ul.joincase li .joinintr { float: left; width: 100%; margin: 0 auto; padding: 30px 0 5px 0; overflow: hidden; color: #1b1b1b; }
.join-us .joininfo ul.joincase li .joinintr img { border-radius: 50%; width: 100%; border: 2px solid #1b1b1b; overflow: hidden; }
.join-us .joininfo ul.joincase li .joinintr .intrname { font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.join-us .joininfo ul.joincase li .joinintr .intrsp { font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }

.join-us .joininfos { float: left; width: 100%; margin: 0 auto;padding:0px;padding-bottom:25px; overflow: hidden; }
.join-us .joininfos .makebanner { float: left; width: 100%; margin: 0 auto; overflow: hidden; }
.join-us .joininfo ul.joincase li .caseintr { float: left; width: 100%; margin: 0 auto; background-color: #1b1b1b; text-align: left; padding: 5px 2px; overflow: hidden; color: #fff; }
.join-us .joininfo ul.joincase li .caseintr .casetime { font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; }
.join-us .joininfo ul.joincase li .caseintr .caseds { font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }
.join-us .joininfo ul.joincase li img { margin: 0 auto; text-align: center; }
.join-us .joininfo .joincasein { display: none; float: left; width: 100%; margin: 0 auto; padding: 20px 20px; overflow: hidden; background: #f6f6f6; }
.join-us .joininfo .joincasein.joincase1 { display: block }
.join-us .joininfo .joincasein .casein_left { float: left; width: 100%; margin: 0 auto; padding: 0.3rem 0 0 0rem; overflow: hidden; }
.join-us .joininfo .joincasein .casein_left .casein_img { float: left; width: 50%; margin: 0 auto; overflow: hidden; }
.join-us .joininfo .joincasein .casein_left .casein_info { float: left; width: auto; margin: 0 auto; padding: 0 15px; overflow: hidden; margin-top: 37%; }
.join-us .joininfo .joincasein .casein_left .casein_info .casename { font-size: 20px; }
.join-us .joininfo .joincasein .casein_left .casein_info .casegs { clear: both; padding: 5px 0; font-size: 14px; width: auto; border-bottom: 2px solid #1b1b1b }
.join-us .joininfo .joincasein .casein_left .casein_info .casetm { font-size: 14px; padding: 5px 0 0 0; }
.join-us .joininfo .joincasein .casein_left .casein_info .caseds { font-size: 14px; }
.join-us .joininfo .joincasein .casein_right { position: relative; padding: 0.3rem 0.2rem; float: left; width: 100%; margin: 0.3rem 0 0 0rem; min-height: 360px; background: #fff; overflow: hidden; }
.join-us .joininfo .joincasein .casein_right p { width: 100%; font-size: 14px; }
.join-us .joininfo .joincasein .casein_right .caserighttm { position: absolute; bottom: 20px; right: 20px; }


.join-us .fixed-nav { z-index: 9999; width: 8.0rem; height: auto; margin: 0 auto; padding: 0.2rem 0; overflow: hidden; }
.join-us .fixed-nav .joinus-nav { width: 100%; }
.join-us .fixed-nav .joinus-nav li { float: left; width: 25%; height: 28px; line-height: 28px; background-color: #1b1b1b; color: #fff; text-align: center; }
.join-us .fixed-nav .joinus-nav li a { font-size: 14px; color: #fff; }
.join-us .fixed-nav .joinus-nav li:first-child { margin-top: 0; }
.join-us .fixed-nav li.current { background-color: #fff; border: 2px solid #1b1b1b; }
.join-us .fixed-nav .joinus-nav li.current a { color: #0a0c12; }
.join-us .fixed-nav.add { position: fixed; top: 90px; left: 10%; margin: 0.06rem auto 0; padding: 0; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }

.join-us .joininfo dl { float: left; width: 100%; padding: 5px 3px; min-height: initial; overflow: hidden; margin-bottom: 10px; }
.join-us .joininfo dl dt { float: left; width: 100%; height: 40px; line-height: 40px; background-color: #1b1b1b; color: #fff; padding: 0 20px; font-size: 16px; font-weight: bold; margin-bottom: 20px; overflow: hidden; border-radius: 8px; }
.join-us .joininfo dl dt span { float: right; font-size: 12px; font-weight: initial; }
.join-us .joininfo dl dd { float: left; width: 100%; color: #333; font-size: 14px; margin-bottom: 2px; padding: 0 5px; }

@media only screen and (max-width: 480px) {
    .hg-pro .hg-brand { height: 1.4rem; }
    .hg-pro .hg-brand ul li { height: 1.2rem; }
    .understand .un-content .love .l-video .video-js { height: 200px; }
}

@media only screen and (max-width: 375px) {
    .own .fixed-nav.add { top: 82px; }
    .understand .fixed-nav.add { top: 82px; }
    .member .member-nav.add { top: 82px; }
    .join-us .fixed-nav.add { top: 82px; }
    .understand .un-content .love .l-video .video-js { height: 185px; }
}