/*网站公共样式*/
@font-face {
    font-family: myFirstFont-H;
    src: url(../Css/OPPOSans/OPPOSans-H-2.ttf);
}
.myFirstFont-H{font-family:myFirstFont-H!important;}
@font-face {
    font-family: myFirstFont-L;
    src: url(../Css/OPPOSans/OPPOSans-L-2.ttf);
}
.myFirstFont-L{font-family:myFirstFont-L!important;}

body{font-family:myFirstFont!important;color: #000;}

.PingFangSC{font-family: 'PingFang SC'!important}
.container{max-width: 1030px;}
.clear{clear:both;overflow:hidden;}
.info-content{font-size:15px;line-height:1.6;margin:0 auto;min-height:250px;}
.info-content img{max-width:100%;}
a{color: #000;text-decoration:none;}
a:hover{color:#0450b7;}
a.btn-more{transition:all 0.5s ease;-moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */}
.clearfix{clear:both;}
html{ overflow-y:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}
.text-lineThrough{text-decoration:line-through;}
td,tr{border:1px solid #ddd;padding: 5px 10px;}


/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:99;top:0;left:0;}
.mask-bg.active{display:block;}

/*pc头部导航样式*/
@media (min-width:1000px){
.navToggle-bg{background-color: #1a1a1a;}
.float-head{position: fixed;top: 0px;width: 100%;background-color: #1a1a1a;z-index:99999;}
.float-head .headerTit{top:80px;}

.header{background-color: #000;color:#fff;}
.header .nav-toggle{display:none}
.header .logo img{height:50px;margin-top: 16px;}
.header .topwords span{font-size:20px;}
.header .topwords{padding:40px 0;font-size: 16px;line-height: 1.2;}

.nav{margin-right: -20px;}
.nav>ul>li{float:left;padding: 0 34px;}
.nav>ul>li>ul{position:absolute;left:0;z-index:200;width:100%;}
/*语言切换*/
.nav>ul>li:last-child{position:relative;}
.nav>ul>li:last-child>ul{border-radius: 10px;background-color: #fff;}
.nav>ul>li:last-child>ul>li>a{color:#000;text-align: center;font-weight: inherit;}
.nav>ul>li:last-child>ul>li>a:hover{color:#000;background-color:#e5e5e5;}
.nav>ul>li:last-child>ul:hover>li:first-child>a{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.nav>ul>li:last-child>ul:hover>li:last-child>a{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.nav> ul > li:last-child > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #fff;}
.nav >ul>li:hover >a{color:#fff;}
/*公用下拉*/
.nav>ul>li:hover>ul{display:block;}
.nav>ul>li>a{display:block;position:relative;text-align:center;color:#999;font-size:18px;line-height:80px;height:80px;}
.nav >ul>li:not(:last-child).active >a,.nav >ul>li:not(:last-child):hover >a{color:#fff;}
.nav >ul>li:not(:nth-child(n+4)).active >a,.nav >ul>li:not(:nth-child(n+4)):hover >a{border-bottom:4px solid #fff;}
.nav ul li ul{background-color:#161616;}
.nav ul li ul li a{display:block;width:100%;color:#fff;font-size:16px;line-height:40px;font-weight: bold;}
.nav ul li ul li a:hover{color:#e5e5e5;}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;}
.nav ul li ul li ul{left:100%;top:0px;display:none;}

/*购物车*/
.nav >ul>li:nth-child(4)>a{position:relative;padding-left: 20px;}
.nav >ul>li:nth-child(4)>a::before{content:"";display:inline-block;width:20px;height:20px;background:url(../images/card.png) no-repeat left;background-size: cover;position:absolute;left:-5px;top:34%;}
.nav >ul>li:nth-child(4):hover>a::before{background:url(../images/cardActive.png) no-repeat left;background-size: cover;}

/*除开语言切换样式*/
.nav>ul>li:not(:last-child)>ul{min-height: 220px;padding-top:20px;}
.nav>ul>li:not(:last-child)>ul>li{width:1030px;margin: 0 auto;}
.nav>ul>li:nth-child(3)>ul>li{padding-right:240px;}

/*产品下拉*/
.nav>ul>li:nth-child(1)>ul{display:none;}
/*.nav>ul>li:nth-child(1)>ul>li>ul{display:inline-block;}
.nav>ul>li:nth-child(1)>ul>li>ul>li{display:inline-block;}
.nav>ul>li:nth-child(1)>ul>li>a{width: 50%;float: left;text-align: left;}*/
body{position:relative;}
.headerTit{position:absolute;width:100%;z-index:999;top:282px;display:block;color:#fff;}
.headerTit a{color:#fff;}
.headerTit .col-md-3 a:hover{background-color:#fff;color:#000;}
.headerTit .contentBg{background-color:#161616;width:100%;height:0;position:absolute;left:0;top:0;overflow:hidden;z-index:999}
.headerTit .contentBg.mouseoverHeight{transform: rotate3d(0, 0, 0, 0deg);height: 220px;}
.headerTit .title{font-size: 16px;line-height: 40px;font-weight: bold;padding: 20px 0 5px;}
.headerTit .title a:hover{color:#e5e5e5;}
.headerTit .boxs li{display:inline-block;width:24.3%;}
.headerTit .boxs li a{font-family: myFirstFont-H !important;display: inline-block;background-color: #545454;font-weight: bold;padding-top: 22px;font-size: 40px;line-height: 1;position: relative;width: 112px;height: 130px;text-align: center;}
.headerTit .boxs li:nth-child(1) a,.headerTit .boxs li:nth-child(2) a{font-size: 20px;padding-top: 39px;}
.headerTit .boxs li a::after{font-family: myFirstFont-L;font-size:20px;content:"Series";position:absolute;bottom:26%;left:25%;font-weight: initial;}
.headerTit .boxs2 li{display:inline-block;width:24.3%;}
.headerTit .boxs2 li a{display:inline-block;background-color: #545454;font-size:21px;margin-bottom: 12px;height: 58px;width: 112px;text-align: center;line-height: 58px;}
.headerTit li a:hover{background-color:#fff;color:#000;}
.headerTit .boxs2 li:last-child a{font-size: 19px;}
}
/*移动头部导航样式*/
@media (max-width:1000px){
body{padding-top:50px;}
.header{width: 100%; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 10; background: #000;}                          
.header .logo{width:100%;padding:5px 0; text-align:center;display:block;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header .logo img{height:40px}
.header .nav-toggle{position:absolute;left:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;background:#000;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header .nav-toggle.active{color:#ccc}
.nav{position:fixed;z-index:999;top:0px;left:0px;width:0px;background:#3c3c3c;height:100%;height:100vh;opacity:0;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow-y:auto}
.nav.active{opacity:1;width:280px;}
.nav ul li{line-height:45px;text-align:left;overflow:hidden;}
.nav ul li ul{display:none; }
.nav ul li ul.active{}
.nav ul li a{display:block;color:#fff;font-size:15px;line-height:4;border-bottom:1px solid #888;}
.nav>ul>li>a{font-weight:bold;padding-left:30px;}
.nav>ul>li>ul>li>a{padding-left:50px;}
.nav ul li ul li ul li a{padding-left:90px}
.nav ul li ul li ul li li a{padding-left:120px}
.nav ul li{position:relative}
.nav ul li .arrow{position:absolute;right:0px;top:3px;width:50px;height:50px;line-height:50px;text-align:center;}
.nav ul li .arrow::after{content:"";content:"＋";display:block;font-weight:normal;font-size:26px;color:#eee;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.nav ul li .arrow.active::after{content:"－";}
.lcbody{width:30px;height:30px;position:relative;transform:translateZ(0) rotate(0);transition:transform .4s cubic-bezier(.4,.01,.165,.99);}
.lcitem{position:absolute;left:15px;top:6px;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px;}
.lcitem .rect{width:30px;height:2px;background:#fff;position:absolute;left:0;top:46%;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s;}
.lcitem .rect.top{top:38%;}
.lcitem .rect.bottom{transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0);}
.header .nav-toggle.active,.header .logo.active{transform:translateX(280px);z-index:9999;}
.header .logo.active{z-index:9;}
.header .nav-toggle.active .lcitem .rect.top{transform:rotate(135deg);top:46%;}
.header .nav-toggle.active .lcitem .rect.bottom{transform:rotate(45deg);}

.headerTit{display:none;}
}

/*TOP*/
.header .topwords{text-align:center;min-height: 142px;}

/*底部*/
footer{background:#f5f5f7;margin-bottom:0;}
footer .logo img{height:40px;}
footer .FootList ul li ul li{display:none;}
footer .IconList li{display:inline-block;}
footer .IconList li:not(:last-child){padding-right:30px;}
footer .IconList li img{max-height:30px;transition:0.2s linear;}
footer .IconList li img:hover{transform: translateY(-15%);}
.footabout1 li,.footabout2 li{line-height: 1.2;padding: 7px 0 5px;}
.footabout2 li a{text-transform: lowercase;}
@media(min-width:998px){
footer{padding:60px 0;}
footer .col-lg-4{min-height:160px;}
footer .col-lg-4:nth-child(2){padding-left: 40px;}
footer .col-lg-4:nth-child(3){padding-left: 50px;}
footer .rights{margin-left:-15px;margin-right:-15px;font-size:13.5px;}
footer>.container>.row{margin-left: -30px;margin-right: -30px;padding-bottom:20px;}
.footabout1{padding-right: 0;}
.footabout2{padding-left: 0;padding-right: 0;}
}
@media(max-width:998px){
footer{margin-bottom:50px;padding-top:30px;}
footer .col-xs-6{padding-left:0;padding-right:0;}
.footer-fixed{position:fixed;left:0;bottom:0;width:100%;height:50px;color:#fff;background:#000;z-index:999;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.footer-fixed .fa{color:#fff;font-size:24px;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;}
.footer-fixed ul li a{display:block;height:52px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{color:#fff;font-size: 12px;}
.footer-fixed.active{transform:translateX(280px);z-index:9;}
}


/*图片列表*/
.images-list .row .item a,.images-list .item a{display:block;overflow:hidden;}
.images-list .row .item img,.images-list .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img,.images-list .item a:hover img{transform:scale(1.1,1.1);}


/*子栏目样式*/
@media(min-width:1000px){
.sub-nav-box .sub-nav-title{padding:50px 0 30px;font-size:56px;text-align: center;}
.sub-nav-box .sub-nav{margin-bottom:60px;}
.sub-nav-box .all li{width: 100%;}
.sub-nav-box .sub-nav li ul li{width: 22%;margin-right: 3%;}
.sub-nav-box .sub-nav li ul li,.sub-nav-box .all li{border-radius: 20px;font-size: 20px;margin-bottom: 20px;}
.sub-nav-box .sub-nav .title li a{margin-left: -70px;}
.sub-nav-box .sub-nav .title li a::after{font-size: 20px;top: 0;right: -6px;content: "SERIES";position: absolute;color: #ccc;}
.sub-nav-box .sub-nav .title ul li:not(:nth-child(n+4)) a::after{right: -16px!important;}
.sub-nav-box .sub-nav .title ul>li:last-child>ul>li:nth-child(1)>a::after,.sub-nav-box .sub-nav .title ul>li:last-child>ul>li:nth-child(2)>a::after{content: "";}
.sub-nav-box .sub-nav .title ul>li:last-child>ul>li:nth-child(1)>a,.sub-nav-box .sub-nav .title ul>li:last-child>ul>li:nth-child(2)>a{margin-left: 0;}
}
@media(max-width:1000px){
/*.sub-nav-box{display:none;}*/
.sub-nav-box .sub-nav-title{font-size:24px;}
.sub-nav-box .sub-nav{margin:20px 0;}
.sub-nav-box .sub-nav li ul li{width: 24%;margin-right: 1%;}
.sub-nav-box .sub-nav li ul li,.sub-nav-box .all li{font-size: 13px;margin-bottom:10px;}
.sub-nav-box .all li{width: 100%;}
}
@media(max-width:415px){
.sub-nav-box .all li{width: 24%;}
}
.sub-nav-box{clear: both;position: relative;}
.sub-nav-box .sub-nav .title>ul>li>a{display:none;}
.sub-nav-box .sub-nav li ul li,.sub-nav-box .all li{display:inline-block;border:1px solid #fff;padding: 6px 0;text-align:center;}
.sub-nav-box .sub-nav li a{display:inline-block;width: 100%;}
.sub-nav-box .sub-nav .title li a{position:relative;}
.sub-nav-box .sub-nav li ul li.active,.sub-nav-box .sub-nav li ul li:hover,.sub-nav-box .all li.active,.sub-nav-box .all li:hover{background-color:#fff;border:1px solid #fff;}
.sub-nav-box .sub-nav li ul li.active a,.sub-nav-box .sub-nav li ul li.active a::after,.sub-nav-box .sub-nav li ul li:hover a,.sub-nav-box .sub-nav li ul li:hover a::after,.sub-nav-box .all li.active a,.sub-nav-box .all li a:hover{color:#000;}



/*固定客服*/
@media(min-width:1000px){
.RoghtIcon{right:7%;bottom:5%;}
.RoghtIcon img{max-height:60px;}
.RoghtIcon .boxs1{margin-bottom:10px;}
}
@media(max-width:1000px){
.RoghtIcon{right:10px;bottom:8%;opacity:0.8;}
.RoghtIcon img{max-height:40px;}
.RoghtIcon .boxs1{margin-bottom:4px;}
}
.RoghtIcon{position:fixed;z-index:9999;}
.RoghtIcon .boxs{transition:0.3s linear;}
.RoghtIcon .boxs1:hover{opacity:0.7;}
.RoghtIcon .boxs2:hover{opacity:0.7;}


/*内容页公共样式*/
@media(min-width:1000px){
.sameBlack-bg,.sameGray-bg{padding-bottom: 40px;}
.same-padding{padding-top:70px;}
.same-padding2{padding-top:50px;}
.detail-bg{padding-bottom: 80px;}

.sub-brand .swiper-pagination-bullet{width: 16px;height: 16px;}
.sub-brand .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 14px!important;}

.Same-Specifications p{font-size: 22px;}
.detail-imgBox-content2{padding-top: 14px!important;padding-left: 50px!important;}

.Same-Flavor{letter-spacing: 1px;margin-top: 2px;}
}
@media(max-width:1000px){
.sameBlack-bg,.sameGray-bg{padding-bottom: 20px;}
.same-padding,.same-padding2{padding-top:20px;}
.detail-bg{padding-bottom: 40px;}

.Same-title{font-size:30px;}
.Same-Flavor{font-size:20px;}
.Same-Specifications p{font-size:15px;}
.detail-imgBox-content2{padding-top: 20px!important;}

.detail-Xi4-bg .detail-x-i-headerTxt{padding-top: 50%;}
.detail-Xi5-bg .detail-x-i-headerTxt{padding-top: 25%;}
.detail-Xi6-bg .detail-x-i-headerTxt{padding-top: 50%;}
}
@media(max-width:415px){
.detail-Xi4-bg .detail-x-i-headerTxt{padding-top: 140%;}
.detail-Xi5-bg .detail-x-i-headerTxt{padding-top: 60%;}
.detail-Xi6-bg .detail-x-i-headerTxt{padding-top: 80%;}
}
.index-boxs-news .item a{cursor:inherit;}

/*背景*/
.sameBlack-bg{background-color:#000;color:#fff;}
.sameBlack-bg a{color:#fff;}
.sameGray-bg{background-color:#e2e2e2;}

/*换行*/
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 52px;}
.text-black,.text-black p{color: #333 !important;}
.text-white-shadow,.text-white-shadow p{color: #fff !important;text-shadow: 1px 1px 2px #000;}
.text-white,.text-white p{color: #fff !important;}


/*页码*/
.page ul li .fa{padding-right: 10px;}
.page ul li:hover a,.page ul li:hover,.page ul li:hover .fa{color: #0450b7 !important;}


/*产品内容页*/
.Same-title{font-size:50px;line-height: 1;font-weight:600;color: #fff;}
.Same-Flavor{font-size:24px;color: #fff;}
.Same-Specifications{overflow: hidden;margin-top:5px;color: #fff;font-family: myFirstFont-L;font-weight: 600;padding-bottom: 2px;}
.Same-Specifications p{float: left;padding-right: 15px;line-height: 1.2;border-right: 1px solid #fff;padding-left: 15px;color: #fff;}
.Same-Specifications p:first-child{padding-left:0;}
.Same-Specifications p:last-child{border-right:0;}
.detail-imgBox-content2{}


/*内容页-产品中心*/
@media(min-width:1000px){
.product-list li{padding-left: 10px;padding-right: 10px;}
.product-list .boxs{padding:0 40px 30px;margin-bottom:20px;}
.product-list .boxs .title{padding: 10px 0;}
.product-list .boxs .title{font-size:24px;}
.product-list .boxs .title span{padding-left:6px;}
.product-list .boxs .more{width: 100%;}
.product-list .boxs .Img{padding-top: 20px;}
.product-list .boxs img{height:230px !important;}

.detail-X1-bg .container>.row>.images-box>div.col-md-6,
.detail-X3-bg .container>.row>.images-box>div.col-md-6,
.detail-X5-bg .container>.row>.images-box>div.col-md-6,
.detail-X6-bg .container>.row>.images-box>div.col-md-6{padding-left: 0;}
.detail-X1-bg .Taste,
.detail-X3-bg .Taste,
.detail-X5-bg .Taste,
.detail-X6-bg .Taste{margin: 0 -25px;}
.detail-X1-bg .PackagingContent,
.detail-X3-bg .PackagingContent,
.detail-X5-bg .PackagingContent,
.detail-X6-bg .PackagingContent{margin: 0 -15px;}
.detail-X1-bg .Parameter,
.detail-X3-bg .Parameter,
.detail-X5-bg .Parameter,
.detail-X6-bg .Parameter{margin: 0 -15px;}

}
@media(max-width:1000px){
.product-list li{padding-left: 8px;padding-right: 8px;}
.product-list .boxs{padding:0 30px 15px;margin-bottom:15px;}
.product-list .boxs .title{padding:8px 0;font-size:16px;}
.product-list .boxs .title strong{font-size:15px;}
.product-list .boxs .title span{padding-left:4px;}
.product-list .boxs .more{width: 100%;}
.product-list .boxs .Img{padding-top: 15px;}
.product-list .boxs img{height:220px !important;}
}
@media(max-width:415px){
/*.product-list .boxs{padding:15px 20px;}
.product-list .boxs .more{font-size:12px;}
.product-list .boxs img{height:160px !important;}*/
.product-list .boxs .more{width:70%;margin:auto;}
}
.product-list{margin: 0 6px;}
.product-list,.product-list a{color:#000;}
.product-list .boxs{background-color:#fff;border-radius: 10px;}
.product-list .boxs .title span{color:#444;}
.product-list .boxs .title:hover{}
.product-list .boxs .more{border:1px solid #000;border-radius:10px;transition:0.3s linear;padding: 4px 0;}
.product-list .boxs .more:hover{background-color:#000;color:#fff;}
.product-list .boxs img{width:auto !important;margin: auto;}
.product-list .row .item a:hover img{transform: scale(1.05,1.05);}





/*产品X3*/
@media(min-width:1000px){
.sub-brand2 .all-textBg-boxs{left: 52%;top: 20%;}
.sub-brand .all-textBg-boxs{left: 54%;}
.sub-brand .all-textBg-boxs{left: 54%;}
.sub-brand .all-textBg-boxs p{font-size: 50px;}
.sub-brand .all-textBg-boxs p strong{font-size: 50px;padding-right: 8px;}
.sub-brand .all-textBg-boxs div{font-size: 24px;}
.sub-brand .all-textBg-boxs div p{font-size: 24px;}/*x3*/
.detail-X6-bg .x6-all-textBg-boxs div{font-size: 27px;}
.detail-X3-bg .Same-Fantastic .boxs1 .boxs p{font-size: 32px;right: 2%;top: 45%;}
}
@media(max-width:1000px){
.sub-brand2 .all-textBg-boxs{left: 46%;top: 20%;}
.sub-brand{margin:0 15px;}
.sub-brand .all-textBg-boxs{text-shadow: 1px 1px 1px #ccc;left: 45%;}
}
@media(max-width:415px){
.sub-brand .all-textBg-boxs{left: 42%;}
}
.detail-X3-bg{background: url("../proImages/X3-Bg.jpg") no-repeat;background-size: cover;}
.detail-X3-video-bg{background-color:#113b77;margin-bottom:-5px;}
.sub-brand .all-textBg-boxs div{font-family: myFirstFont-L;font-weight: 600;}
/*口味切换 swiper*/
/*@media(min-width:1000px){
.images-box .gallery-thumbs{padding: 10px 15px;}
}
@media(max-width:1000px){
.images-box .gallery-thumbs{padding: 10px 15px;}
}
@media(max-width:415px){
.images-box .swiper-container{margin:0 15px;}
}
.images-box .swiper-slide {background-size: cover;background-position: center;}
.images-box .gallery-top .swiper-slide img{display:block;margin:0px auto;}
.images-box .gallery-thumbs {height:20%;box-sizing: border-box;}
.images-box .gallery-thumbs .swiper-slide {width:25%;height: 100%;opacity: 0.4;cursor:pointer}
.images-box .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.detail-bg .swiper-container,.detail-bg .subBrand-swiper{border-radius: 20px;} */

/*选购栏-图片切换*/
@media(min-width:1000px){
.Same-FlavorTable{margin:16px 0 6px -10px !important;}
.Same-FlavorTable li{font-size:15px;padding: 15px 0;width:30%;margin-left:10px;}
.Same-FlavorTable1{margin:16px 0 6px -10px !important;}
.Same-FlavorTable1 li{font-size:15px;padding: 15px 0;width:30%;margin-left:10px;}
.Taste .Same-Fantastic .boxs p{font-size: 34px;}
}
@media(max-width:1000px){
.Same-FlavorTable{margin:10px 0 0 !important;}
.Same-FlavorTable li{padding: 8px 0;width:47%}
.Same-FlavorTable li:nth-child(2n){margin-left:10px;}
.Same-FlavorTable1{margin:10px 0 0 !important;}
.Same-FlavorTable1 li{padding: 8px 0;width:47%}
.Same-FlavorTable1 li:nth-child(2n){margin-left:10px;}
}
.Same-FlavorTable li{display: inline-block;background-size: cover !important;
  background-repeat: no-repeat !important;background-color: #383838;border: 2px solid #000;color:#fff;cursor:pointer;border-radius:10px;margin-bottom: 10px;text-align: center;}
.Same-ImgTab li,.sub-brand img,.Same-Fantastic .boxs img,.Taste img,.Parameter img{border-radius:20px;}
.Same-ImgTab li{display:none;}
.Same-ImgTab li.active{display:block;}
.Same-FlavorTable1 li{display: inline-block;background-size: cover !important;
  background-repeat: no-repeat !important;background-color: #383838;border: 2px solid #000;color:#fff;cursor:pointer;border-radius:10px;margin-bottom: 10px;text-align: center;}
.Same-ImgTab1 li,.sub-brand img,.Same-Fantastic .boxs img,.Taste img,.Parameter img{border-radius:20px;}
.Same-ImgTab1 li{display:none;}
.Same-ImgTab1 li.active{display:block;}
.Taste .Same-Fantastic .boxs p{width:100%;}
.Taste .Same-Fantastic .boxs p span{padding-right:8px;}

/*亮点概览*/
@media(min-width:1000px){
.Same-Fantastic .boxs{padding: 0 10px;margin-bottom:20px;}
.Same-Fantastic .boxs .boxs-text{font-size: 28px;line-height: 1;top: 30px;}
.Same-Fantastic .boxs1 .boxs .boxs-text{font-size: 38px;right: 5%;}
.Same-Fantastic .boxs9 .boxs .boxs-text{left: 4%;}
.Same-Fantastic .item{padding: 0;}

.Fantastic{margin: 0 -10px;}
.Fantastic .Same-Fantastic .boxs .boxs-text span{font-size: 22px;}
.Fantastic .Same-Fantastic .boxs .boxs-text p strong{font-size: 22px;font-weight: inherit;}


.PackagingContent .Same-Fantastic .boxs .boxs-text{font-size: 24px;left: 6%;top: 12%;}
.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(1) .boxs>div{font-size: 32px;}

}
@media(max-width:1000px){
.Same-Fantastic .boxs{margin-bottom:10px;}
.Same-Fantastic .boxs .boxs-text{font-size: 16px;top: 15px;}
.Same-Fantastic .boxs1 .boxs .boxs-text{right: 5%;}
.Same-Fantastic .boxs9 .boxs .boxs-text{left: 4%;}

.PackagingContent .Same-Fantastic .boxs .boxs-text{text-shadow: 1px 2px 1px #fff;line-height: 1;left: 10%;top: 12%;}
.Same-Fantastic .boxs .boxs-text p strong{font-weight: inherit;}
}
@media(max-width:415px){
.Same-Fantastic .boxs1 .boxs .boxs-text{right: 1%;}
.Same-Fantastic .boxs9 .boxs .boxs-text{left: 0%;font-size: 16px;}

.PackagingContent .Same-Fantastic .boxs .boxs-text{font-size: 12px;left: 8%;top: 10%;}

}
.Same-Fantastic .boxs{color: #fff;position: relative;}
.Same-Fantastic .boxs .boxs-text{position: absolute;width: auto;padding: 0 15px;text-align: center;}
.Same-Fantastic .boxs1 .boxs .boxs-text{top: 40%;text-align: left;}
.Same-Fantastic .boxs2 .boxs .boxs-text{text-align: right;right: 8%;top: 30%;}
.Same-Fantastic .boxs3 .boxs .boxs-text{width: 100%;}
.Same-Fantastic .boxs4 .boxs .boxs-text{top:75%;left: 5%;text-align: left;}
.Same-Fantastic .boxs5 .boxs .boxs-text{top:60%;left: 10%;text-align: left;}
.Same-Fantastic .boxs6 .boxs .boxs-text{top:35%;left: 60%;text-align: left;}
.Same-Fantastic .boxs7 .boxs .boxs-text{top:72%;left: 10%;text-align: left;}
.Same-Fantastic .boxs8 .boxs .boxs-text{top:10%;left: 5%;}
.Same-Fantastic .boxs9 .boxs .boxs-text{top:10%;text-align: left;}  
.Same-Fantastic .boxs10 .boxs .boxs-text{width: 100%;top: 75%;}
.Same-Fantastic .boxs11 .boxs .boxs-text{width: 100%;top: 85%;}

.Fantastic-boxs-x1.Same-Fantastic .item:nth-child(1) .boxs-text , .Fantastic-boxs-x1.Same-Fantastic .item:nth-child(2) .boxs-text{width:100%;padding: 0;left: 0;}
.Fantastic-boxs-x1.Same-Fantastic .item:nth-child(3) .boxs-text{top:35%;left: 60%;text-align: left;}
.Fantastic-boxs-x1.Same-Fantastic .item:nth-child(4) .boxs-text{top:72%;left: 10%;text-align: left;}

.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(1) .boxs>div{right: 2%;top: 45%;}
.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(2) .boxs>div{text-align: right;right: 8%;top: 30%;}
.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(3) .boxs>div{width:100%;}
.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(4) .boxs>div{top: 75%;left: 5%;text-align: left;}
.Fantastic-boxs-x3.Same-Fantastic .item:nth-child(5) .boxs>div{top: 60%;left: 10%;text-align: left;}

.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(1) .boxs>div{top: 10%;left: 5%;}
.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(2) .boxs>div{width: 100%;top: 75%;}
.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(3) .boxs>div{top: 10%;text-align: left;left: 4%;}
.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(4) .boxs>div{width: 100%;}
.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(5) .boxs>div{top: 75%;left: 5%;text-align: left;}
.Fantastic-boxs-x5.Same-Fantastic .item:nth-child(6) .boxs>div{top: 72%;left: 10%;text-align: left;}

.Fantastic-boxs-x6.Same-Fantastic .item:nth-child(1) .boxs>div{top: 6%;text-align: left;left: 4%;}
.Fantastic-boxs-x6.Same-Fantastic .item:nth-child(2) .boxs>div{top: 6%;width: 100%;}
.Fantastic-boxs-x6.Same-Fantastic .item:nth-child(3) .boxs>div{width: 100%;top: 85%;}
.Fantastic-boxs-x6.Same-Fantastic .item:nth-child(4) .boxs>div{top: 72%;left: 10%;text-align: left;}

.Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(1) .boxs>div{top: 6%;text-align: left;left: 4%;}
.Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(2) .boxs>div{top: 6%;width: 100%;}
.Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(3) .boxs>div{top: 75%;left: 5%;text-align: left;}
.Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(4) .boxs>div{top: 72%;left: 10%;text-align: left;}
.detail-X6-bg.detail-X-ULTRA-bg{background: url("../proImages/X-ULTRA-Bg.jpg") no-repeat;background-size: 100% 100%;}



/*包装内容*/
.PackagingContent{overflow: hidden;}
.PackagingContent .Same-Fantastic.package .boxs>div{color:#000;width: 100%;}
.PackagingContent .Same-Fantastic.package .boxs>div{position: absolute;text-align: center;line-height: 1;}


/*产品X1*/
@media(min-width:1000px){
.detail-X1-bg .sub-brand .all-textBg-boxs{left: 60%;}
.detail-X1-bg .Same-Fantastic.package .boxs3 .boxs>div{top: 18px;}
.detail-X1-bg .Taste .Same-Fantastic.package .boxs>div{font-size: 44px;}
.PackagingContent .Same-Fantastic.package .boxs>div{font-size: 24px;left: 6%;top: 12%;}
}
@media(max-width:1000px){
.detail-X1-bg .Same-Fantastic.package .boxs3 .boxs>div{line-height:1.1;}
}
.detail-X1-bg{background: url("../proImages/X1-Bg.jpg") no-repeat;background-size: cover;}
.detail-X1-bg .all-textBg-boxs{color: #fff;}
.detail-X1-bg .Taste .Same-Fantastic.package .boxs>div{width: auto;left: 5%;top: 15%;}


/*产品X5*/
@media(min-width:1000px){
.detail-X5-bg .sub-brand .all-textBg-boxs{left: 58%;}
}
@media(max-width:1000px){
.detail-X5-bg .sub-brand .all-textBg-boxs{left: 50%;}
}
@media(max-width:415px){
.detail-X5-bg .sub-brand .all-textBg-boxs{left: 42%;}
}
.detail-X5-bg{background: url("../proImages/X5-Bg.jpg") no-repeat;background-size: 100% 100%;}
.detail-X5-bg .Same-Fantastic .boxs{color: #000;}
.detail-X5-bg .Same-FlavorTable li{background-size: 100% 100% !important;}

/*产品X6*/
@media(min-width:1000px){
.detail-X6-bg .Parameter .boxs p{font-size: 24px;}
.detail-X6-bg .Taste .boxs p{font-size: 32px;}

.detail-X6-bg .detail-x-i-explore-content{top: 65%;right: -13%;}
.detail-X6-bg .detail-x-i-explore-content .title{margin-bottom: 0;font-size: 26px;}
.detail-X6-bg .detail-x-i-explore-content .explore{margin-bottom: 0;}
.detail-X6-bg .detail-x-i-explore-content .tips{padding-top: 2px;font-size: 20px;}
.detail-X6-bg .detail-x-i-explore-contentLeft .detail-x-i-explore-content{right: 35%;}
.detail-X6-bg .Same-FlavorTable{margin: 10px 0 0px -10px !important;}
.detail-X6-bg .Same-FlavorTable1{margin: 10px 0 0px -10px !important;}
.detail-X6-bg .Same-FlavorTable li{padding: 10px 0;}
.detail-X6-bg .Same-FlavorTable1 li{padding: 10px 0;}
.detail-X6-bg .Same-Specifications{margin-top: 0;}

.Device-Color li:not(:last-child){margin-right:31px;}
}
@media(max-width:1000px) and (min-width:415px){
.detail-X6-bg .Parameter .boxs p{font-size: 12px;}
.detail-X6-bg .Taste .boxs p{font-size: 12px;}

.detail-X6-bg .detail-x-i-explore-content{top: 65%;right: -13%;}
.detail-X6-bg .detail-x-i-explore-content .title{margin-bottom: 6px;font-size: 20px;}
.detail-X6-bg .detail-x-i-explore-content .explore{margin-bottom: 0;}
.detail-X6-bg .detail-x-i-explore-contentLeft .detail-x-i-explore-content{right: 35%;}

.Device-Color li{margin-right:10px;}
}
@media(max-width:415px){
.detail-X6-bg .detail-x-i-explore-content{top: 50%;right: -8%;}
.detail-X6-bg .Parameter .detail-x-i-explore .boxs{background-color: #fff;min-height: 330px;border-radius: 20px;}
.detail-X6-bg .detail-x-i-explore-contentLeft .detail-x-i-explore-content{right: 40%;}
.Device-Color li{margin-right:8px;}

}
.detail-X6-bg{background: url("../proImages/X6-Bg.jpg") no-repeat;background-size: 100% 100%;}
.detail-X6-bg .Same-Fantastic .boxs{color:#000;}
.detail-X6-bg .detail-x-i-allTit{color:#000;}
.detail-X6-bg .x6-all-textBg-boxs{width: auto;top: 30%;right: 2%;}
.detail-X6-bg .Parameter .boxs p{position: absolute;top: 2%;width: 100%;padding: 0 15px;text-align: center;font-weight: bold;}
.detail-X6-bg .Taste .boxs p{position: absolute;top: 11%;width: 100%;padding: 0 15px;text-align: center;color:#fff;}

.detail-X6-bg .detail-x-i-explore-content .title{line-height: 1;}
.detail-X6-bg .detail-x-i-explore-content{transform: inherit;}
.detail-X6-bg .Same-Fantastic .boxs9 .boxs p{top: 6%;}
.detail-X6-bg .Same-Fantastic .boxs3 .boxs p{top: 6%;}
.detail-Xi7-bg .Device-Color li{cursor:pointer;}
.detail-Xi7-bg .Device-Color li.check{box-shadow: 1px 0px 10px 2px rgb(255, 255, 255);}


.Device-Color{margin-bottom:6px;}
.Device-Color li{width:24px;height:24px;border-radius:20px;display:inline-block;}

/*首页视频*/
@media (min-width:1000px){
.videos video{width: 100%;height: 100%;left: 50%;top: 50%;position: fixed;background-color: #000;z-index: 101;transform: translate(-50%,-50%);}
.addxideo{width: 100%;height: 100%;left: 50%;top: 50%;position: fixed;transform: translate(-50%,-50%);}
.vclose{background-color: #000;position: absolute;right:1%;top: 1%;border-radius: 100%;cursor: pointer;z-index:102;}
.homevideo{padding-top:50px;}
.homevideo .div-img img{width:290px;height:150px}
.addmask img{width: 50px!important;height: 50px!important;}

.index-video-boxs{padding:0 24px;}
.index-video-boxs .div-img img{cursor: pointer;}
.index-video-boxs .play-button{max-height: 470px;}
}
@media (max-width:1000px){
.videos video{width: 100%!important;height: 400px;top: 25%;position: fixed;background-color: #000;}
.vclose{background-color: #000;position: absolute;right:1%;top: 26%;border-radius: 100%;cursor: pointer;z-index:10;}

.index-video-boxs{padding:0 15px;}
.index-video-boxs .play-button{max-height: 180px;}
}
@media (max-width:415px){
 .videos video{height: 200px;}
 .video-home .tabbox{min-height: 0;margin-bottom: -30px;}
.index-video-boxs .play-button{max-height: 70px;}

}
.videolist { position:relative;margin-bottom:30px; }
.videolist>img{width:100%;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{display: none;border: 1px solid #080808;position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.index-video-boxs .play-button{z-index: 1;position: absolute;top: 64%;left: 50%;transform: translate(-50%,-50%);}
.index-video-boxs .videolist{overflow:hidden;}
.index-video-boxs .videolist>img{transition: all 0.3s ease-out 0s;}
.index-video-boxs .videolist>img:hover{transform: scale(1.05,1.05);}


/*Xi-5系列*/
@media (max-width:1585px) and (min-width:1428px){
.detail-Xi5-bg .detail-x-i-headerTxt{padding-top: 40px!important;}
}

@media (max-width:1428px) and (min-width:1269px){
.detail-Xi5-bg .detail-x-i-headerTxt{padding-top: 70px!important;}
}
@media (max-width:1269px) and (min-width:1111px){
.detail-Xi5-bg .detail-x-i-headerTxt{padding-top: 110px!important;}
}


/*分页-联系我们*/
@media (min-width:1000px){
.ContactUsTit .tit{font-size:34px;margin-top:50px;}
.ContactUsTit p{font-size:16px;}
}
@media (max-width:1000px){
.ContactUsTit .tit{font-size:24px;}
.ContactUsTit p{font-size:15px;}

}
.ContactUsTit{text-align:center;}
.ContactUsTit .tit{font-weight:bold;padding-bottom:6px;}
.ContactUsTit a{color:#0096ff;text-decoration:underline;}
.ContactUsTit a:hover{color: #0450b7;}

/*分页-联系我们顶部*/
.sameGray-bg .banners{display: flex;justify-content: center;align-items: center;}
.sameGray-bg .pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.sameGray-bg .pics_wrap .font-box .container{height:100%;display:flex;justify-content:center;align-items:center;color:#fff;}
.sameGray-bg .pics_wrap .font-box .font1{font-weight: bold;line-height: 1.1;text-shadow: 1px 2px 1px #000;}
.sameGray-bg .pics_wrap .font-box .font2{text-shadow: 1px 2px 1px #000;line-height: 1.3;}

@media(min-width:992px){
.sameGray-bg .pics_wrap .font-box .font1{font-size: 46px;padding: 0 0 14px;}
.sameGray-bg .pics_wrap .font-box .font2{font-size: 24px;}
.sameGray-bg .xbanner li img{height:450px;width: 100%;}

}
@media(max-width:992px){
.sameGray-bg .pics_wrap .font-box .font1{font-size:30px;padding: 0 0 14px;}
.sameGray-bg .pics_wrap .font-box .font2{font-size: 20px;}
.sameGray-bg .pics_wrap .font-box .container{justify-content:center;}
.sameGray-bg .xbanner li img{height:auto;width: 100%;}

}
@media(max-width:468px){
.sameGray-bg .pics_wrap .font-box{position:absolute;top:50%;left:50%;}
.sameGray-bg .pics_wrap .font-box .imgbox img{display:none;}
.sameGray-bg .pics_wrap .font-box{width:100%;}    
.sameGray-bg .pics_wrap .font-box .font1{font-size:16px;font-weight:bold;padding: 0 0 8px;}
.sameGray-bg .pics_wrap .font-box .font2{font-size:12px;padding: 0 10px;}
.sameGray-bg .pics_wrap .font-box .font2 br{display:none;}
.sameGray-bg .pics_wrap .html5zoo-nav-0{display:none!important;}
.sameGray-bg .pics_wrap .font-box .container{justify-content:center;}
.sameGray-bg .xbanner li img{min-height:120px;width: 100%;}
.sameGray-bg .xbanner .pics_wrap img{min-height: 80px;}
}

/*产品X-i1*/
@media(min-width:1000px){
.detail-Xi1-bg .topAccount{font-size:42px;margin-top:-70px;}
}
@media(max-width:1000px){
.detail-Xi1-bg .topAccount{font-size:20px;}
}
@media(max-width:415px){
.detail-Xi1-bg .topAccount{font-size:14px;}
}
.detail-Xi1-bg .topAccount{text-align:center;color:#fff;line-height:1.2;}



/*产品X1 口味*/
@media(min-width:1000px){
.detail-x-imgBoxs-border .imgBoxs{font-size: 18px;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){left: 18%;bottom: 10%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 6%;}
}
@media(max-width:1000px){
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){left: 17%;bottom: 9%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 6%;}
}
@media(max-width:415px){
.detail-x-imgBoxs-border .imgBoxs{font-size: 10px;line-height:1;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){left: 15%;bottom: 6%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 4%;}
}
.detail-x-imgBoxs-border .boxs{position:relative;}
.detail-x-imgBoxs-border .imgBoxs{color:#000;text-align:center;line-height:1;font-weight:600;}
.detail-x-imgBoxs-border .imgBoxs li{position:absolute;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){top: 9.5%;left: 20.7%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(2){top: 9.5%;left: 33.5%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(3){top: 9.5%;left: 57.9%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(4){top: 9.5%;left: 72.3%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){left: 30%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(7){bottom: 10.5%;left: 70%;}
.detail-X1-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 36%;left: 77%;}
/*产品X3 口味*/
@media(min-width:1000px){
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 7.2%;left: 13.8%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 7.4%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(7){bottom: 7.5%;left: 57.8%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 7.4%;left: 81.5%;}
}
@media(max-width:1000px){
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 7.2%;left: 13.8%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 7.4%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(7){bottom: 7.5%;left: 57.8%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 7.4%;left: 81.5%;}
}
@media(max-width:415px){
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 3%;left: 12%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 3%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(7){bottom: 3%;left: 57%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 3%;left: 80%;}
}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){top: 4%;left: 19.7%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(2){top: 4%;left: 36.6%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(3){top: 10%;left: 59.2%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(4){top: 4.2%;left: 77.3%;}
.detail-X3-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){left: 33.2%;}

/*产品X5 口味*/
@media(min-width:1000px){
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){left: 21.3%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 6.8%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 6.8%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 10.4%;}
}
@media(max-width:1000px){
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){left: 21.3%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 6.8%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 6.8%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 10.4%;}
}
@media(max-width:415px){
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){left: 19%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){bottom: 3%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){bottom: 3%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){bottom: 6%;}
}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){top: 5%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(2){top: 5%;left: 41.7%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(3){top: 5%;left: 59.1%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(4){top: 5%;left: 80.5%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){left: 11.3%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){left: 30.2%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(7){bottom: 32%;left: 53%;}
.detail-X5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(8){left: 73.6%;}

/*产品Xi-5 口味*/
@media(min-width:1000px){
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(n+4){bottom: 6.8%;}
}
@media(max-width:1000px){
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(n+4){bottom: 6.8%;}
}
@media(max-width:415px){
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(n+4){bottom: 5%;}
}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(-n+3){top: 41%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(1){left: 17.3%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(2){left: 45.5%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(3){left: 76%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(4){left: 18.4%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(5){left: 46.5%;}
.detail-Xi5-bg .detail-x-imgBoxs-border .imgBoxs li:nth-child(6){left: 76.8%;}


/*头部搜索*/
@media(min-width:1000px){
.headerSeach-content{margin: 5% 10% 25%;}
.headerSeach-content .shurukuang .queren{width:150px;font-size: 18px;}
.headerSeach-content .shurukuang input{padding: 0 70px 0 150px;font-weight: bold;}
.s-leftName p{font-size: 17px;width: 120px;overflow: hidden;height: 60px;}
.s-leftName ul li{font-size:16px;width:1030px;cursor:pointer;}
.s-leftName i{right: 15px;}
.s-leftName div>ul::before{display: block;margin: 0px auto;text-align: center;position: absolute;top: -10px;left: 10.5%;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #000;}

.headerTit2{position:absolute;width:100%;z-index:999;top:0;display:block;color:#fff;}
.headerTit2 a{color:#fff;}
.headerTit2 .col-md-3 a:hover{background-color:#fff;color:#000;}
.headerTit2 .contentBg{padding: 0 20px;background-color:#161616;width:100%;height:240px;position:absolute;right:11%;top:0;overflow:hidden;z-index:999;border-radius: 15px;}
.headerTit2 .contentBg.mouseoverHeight{transform: rotate3d(0, 0, 0, 0deg);height: 220px;}
.headerTit2 .title{font-size: 16px;line-height: 40px;font-weight: bold;padding: 20px 0 5px;}
.headerTit2 .title a:hover{color:#e5e5e5;}
.headerTit2 .boxs li{display:inline-block;width:22%;margin-right: 10px;}
.headerTit2 .boxs li a{font-family: myFirstFont-H !important;display: inline-block;background-color: #545454;padding: 30px 0 60px;font-weight: bold;font-size: 40px;line-height: 1;position: relative;width: 112px;height: 130px;text-align: center;}
.headerTit2 .boxs li a::after{font-family: myFirstFont-L;font-size:20px;content:"Series";position:absolute;bottom:26%;left:25%;font-weight: initial;}
.headerTit2 .boxs2 li{display:inline-block;width:24%;}
.headerTit2 .boxs2 li a{display:inline-block;background-color: #545454;font-size:24px;margin-bottom: 9px;height: 60px;width: 112px;text-align: center;line-height: 58px;}
.headerTit2 li a:hover{background-color:#fff;color:#000;}   
}
@media(max-width:1000px){
.headerSeach-content{margin: 10% -10px 20%;}
.headerSeach-content .shurukuang input{padding: 0 70px 0 110px;}
.s-leftName p{padding:0 10px;width: 82px;}
.s-leftName i{right: 8px;}
.s-leftName ul{z-index: 1;background-color:#000;width:100%;box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);border-radius: 4px;padding: 5px 0;}
.s-leftName ul li{width:100%;text-align: center;cursor:pointer;height: 40px;line-height: 40px;}
.s-leftName ul li:hover{background-color: #f5f5f5;color: #000;}
.s-leftName div>ul::before{display: block;margin: 0px auto;text-align: center;position: absolute;top: -10px;left: 45%;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #000;}
}

.headerSeach{width: 100%;background:#fff;z-index: 99999;height:auto;display:none;}
.headerSeach-content .shurukuang{position: relative;}
.headerSeach-content .shurukuang input{height:60px;width:100%;background:#fff;border:0px;border-radius: 15px;font-size: 16px;}
.headerSeach-content .shurukuang .xiala{width:90px;height:50px;line-height:50px;position: absolute;top:0;left:0;background: transparent;border: 0;text-align: center;}
.headerSeach-content .shurukuang .queren{border-radius: 15px;position: absolute;top:0;right:0;border: 0;height:60px;background-color: #45d62c;color: #fff;text-align:center;}
.headerSeach-content .shurukuang .queren button{background: transparent;border: 0;height:100%;}
.s-leftName{position: absolute;top: 0;left: 0;border-right: 1px solid #dcdcdc;padding-right: 20px;background-color: #000;height: 60px;line-height: 60px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.s-leftName p{text-align: center;cursor:pointer;color: #fff;}
.s-leftName i{position: absolute;top: 15px;color: #fff;font-size: 25px;}
.s-leftName ul{position:absolute;display:none;top: 75px;}
.s-leftName ul.active{display:block;}
.s-leftName ul li{color:#fff;}
.verify-product.sameGray-bg .pics_wrap .font-box .font1{text-shadow: 1px 2px 1px transparent;} 

/*产品X-AROMA 口味*/
@media(min-width:1000px){
.detail-X-AROMA-bg .Same-title{font-size: 46px;}
.detail-X-AROMA-bg .X-AROMA-padding{padding-top: 40px;}
.detail-X-AROMA-bg .X-AROMA-padding2{padding-top: 80px;}
.detail-X-AROMA-bg .X-AROMA-padding2 .detail-imgBox-content1{padding-right: 6%;}
.detail-X-AROMA-bg .Same-FlavorTable li{font-size: 13px;width: 23%;margin-left: 6px;}
.detail-X-AROMA-bg .Same-FlavorTable1 li{font-size: 13px;width: 23%;margin-left: 6px;}
.detail-X-AROMA-bg .rows .x6-all-textBg-boxs div{padding-top: 20px;}
.detail-X-AROMA-bg .rows .x6-all-textBg-boxs{top: 10%;}
.detail-X-AROMA-bg .x6-all-textBg-boxs > p > strong{font-size: 36px;}
.detail-X-AROMA-bg .detail-x-i-allTit{margin-bottom:16px;}
.detail-X-AROMA-bg .detail-x-i-explore-content{top: 50%;right: -8%;}
.detail-X6-bg.detail-X-AROMA-bg .PackagingContent .Same-Fantastic > div > p{font-size: 14px;}
.detail-X6-bg.detail-X-AROMA-bg .detail-x-i-explore-content .title{margin-bottom: 30px;font-size: 30px;}
.detail-X6-bg.detail-X-AROMA-bg .detail-x-i-explore-content .explore{margin-bottom: 15px;}
.detail-X-AROMA-bg .Fantastic .boxs .boxs-text .Introduction{font-size: 24px;padding-top: 4px;}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(1) .boxs > div{font-size: 34px;}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(1) .boxs .Introduction{font-size: 20px;}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(2) .boxs .boxs-text .Introduction,.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(3) .boxs .boxs-text .Introduction{font-size:17px;padding-top:10px}
.ColumnName-top .all-textBg-boxs{top: 86%;text-align: center;color: #fff;}
.ColumnName-top .all-textBg-boxs div{font-size: 32px;}
}
@media(max-width:1000px){
.detail-X-AROMA-bg .Same-title{font-size: 30px;}
.detail-X-AROMA-bg .X-AROMA-padding{padding-top: 10px;}
.detail-X-AROMA-bg .rows .x6-all-textBg-boxs{top:8%;}
.detail-X-AROMA-bg .x6-all-textBg-boxs p{font-size: 18px;margin-bottom: 4px;}
.detail-X-AROMA-bg .x6-all-textBg-boxs div{padding-top: 10px;text-shadow: 1px 1px 1px #fff;}
.detail-X-AROMA-bg .detail-x-i-explore-content{top: 50%;right: -4%;}
.detail-X6-bg.detail-X-AROMA-bg .PackagingContent .Same-Fantastic > div > p{font-size: 12px;}
.detail-X-AROMA-bg .Fantastic .boxs .boxs-text .Introduction{font-size: 13px;text-shadow: 1px 2px 1px #fff;}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(2) .boxs .boxs-text .Introduction,.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(3) .boxs .boxs-text .Introduction{font-size:17px;padding-top:10px}
.ColumnName-top .all-textBg-boxs{color: #fff;}
}
@media(max-width:415px){
.detail-X-AROMA-bg .rows .x6-all-textBg-boxs{top: -14%;}
.detail-X-AROMA-bg .x6-all-textBg-boxs p strong{font-size: 16px;}
.detail-X-AROMA-bg .x6-all-textBg-boxs p{font-size: 12px;margin-bottom: 0px;}
.detail-X-AROMA-bg .x6-all-textBg-boxs div{padding-top: 4px;ine-height: 1;}
.gray-X-AROMA-bg{padding-top: 14%;background-color: #f9f9f9;}
.detail-X-AROMA-bg .Same-Freeze{font-size: 20px;}
.detail-X6-bg.detail-X-AROMA-bg .PackagingContent .Same-Fantastic > div > p{font-size: 8px;}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(2) .boxs .boxs-text .Introduction,.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(3) .boxs .boxs-text .Introduction{font-size:14px;padding-top:0px}
}
.detail-X-AROMA-bg .Same-Freeze{background:url(../proImages/X-AROMA1.png) no-repeat center;background-size:contain;display:inline-block;width:35%;height:56px;line-height:56px;text-align:center;padding-left:6%;margin:22px 0 8px}
.detail-X-AROMA-bg .Same-Freeze2{background:url(../proImages/X-AROMA2.png) no-repeat center;background-size:contain}
.detail-X-AROMA-bg .x6-all-textBg-boxs{width:100%;top:18%;right:0;text-align:center}
.detail-X6-bg.detail-X-AROMA-bg{background: url(../proImages/X-AROMA-Bg.png) no-repeat;background-size: 100% 100%;}
.detail-X-AROMA-bg .detail-x-i-explore-content{transform: translate(0,-50%);}
.detail-X6-bg.detail-X-AROMA-bg .PackagingContent .Same-Fantastic > div{bottom: 90%;}
.detail-X6-bg.detail-X-AROMA-bg .PackagingContent .Same-Fantastic > div > p{width: 10%;}

.detail-X-AROMA-bg .Fantastic .boxs .boxs-text .title{font-weight: 600;}
.detail-X-AROMA-bg .Fantastic .boxs .boxs-text .Introduction{font-family:myFirstFont-L;font-weight:600;line-height:1.2}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(1) .boxs > div{right:0;top:5%;width:100%}
.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(2) .boxs > div,.detail-X-AROMA-bg .Fantastic-boxs-x3.Same-Fantastic .item:nth-child(3) .boxs > div{text-align:left;right:3%;top:84%;left:8%}


/*产品X-ULTRA LITE 口味*/
@media(min-width:1000px){
.detail-X6-bg.detail-X-ULTRALITE-bg .PackagingContent .Same-Fantastic > div > p{font-size: 14px;}
.detail-X-ULTRALITE-bg .all-textBg-boxs{top: 80%;left: 73%;width: 250px;text-align: left;}
.detail-X-ULTRALITE-bg .all-textBg-boxs > p{line-height: 1.2;}
.detail-X6-bg.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 p{font-size:16px;}
.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 > div{bottom: 8%;padding: 0px 30px;}
.detail-X6-bg.detail-X-ULTRALITE-bg .detail-x-i-explore-content .tips{padding-top: 10px;}
}
@media(max-width:1000px){
.detail-X-ULTRALITE-bg .all-textBg-boxs{text-align: right;top: 80%;}
.detail-X6-bg.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 p{font-size:16px;}
.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 > div{bottom: 6%;}
}
@media (max-width: 415px){
.detail-X6-bg.detail-X-ULTRALITE-bg .detail-x-i-explore-content{top: 56%;}
.detail-X6-bg.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 p{font-size:8px;}
}
.detail-X6-bg.detail-X-ULTRALITE-bg{background: url("../proImages/X-ULTRALITE-Bg.jpg") no-repeat;background-size: 100% 100%;}
.detail-X-ULTRALITE-bg .Same-title,.detail-X-ULTRALITE-bg .Same-Flavor,.detail-X-ULTRALITE-bg .Same-Specifications p{color: #000;}
.detail-X6-bg.detail-X-ULTRALITE-bg .PackagingContent .Same-Fantastic > div{bottom: 30%;}

.detail-X-ULTRALITE-bg .Same-Fantastic .boxs .boxs-text{color: #fff;}
.detail-X-ULTRALITE-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(2) .boxs > div{left: 4%;text-align: left;}
.detail-X-ULTRALITE-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(1) .boxs > div{right: 4%;left: inherit;}
.detail-X-ULTRALITE-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(3) .boxs > div{right: 5%;left: inherit;}
.detail-X-ULTRALITE-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(4) .boxs > div{top: 75%;left: 6%;}

.detail-X-ULTRALITE-bg .Taste .Same-Fantastic{position:relative;}
.detail-X6-bg.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 p{color:#000;}
.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 > div{position:absolute;width:100%;}
.detail-X-ULTRALITE-bg .Taste .Same-Fantastic2 > div > p{float:left;width:16.6%;text-align:center;color:#fff;font-size:18px;line-height:1;}

/*产品X-SLIMBAR 口味*/
@media(min-width:1000px){
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div > p{font-size: 13px;}
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-content .tips{padding-top: 8px;}
.detail-X-SLIMBAR-bg .detail-x-i-explore-content{width: 39%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-content{top: 62%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-contentLeft .detail-x-i-explore-content{right: 42%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-content{right: 0;}
.detail-X-SLIMBAR-bg .detail-x-i-explore-content .explore{font-size: 18px;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position1{bottom: 54%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position2{bottom: 5%;}

.detail-X-SLIMBAR-bg .Same-title{font-size: 48px;}
.detail-X-SLIMBAR-bg .Same-FlavorTable li{width: 23%;margin-left: 6px;font-size: 13px;}
.detail-X-SLIMBAR-bg .Same-FlavorTable li:nth-child(4),.detail-X-SLIMBAR-bg .Same-FlavorTable li:nth-child(6){font-size:11px;}
.detail-X-SLIMBAR-bg .detail-imgBox-content2{padding-left: 20px !important;}
.detail-X-SLIMBAR-bg .Same-Fantastic .boxs .boxs-text{font-size: 22px;line-height: 1.5;font-weight: bold;}
}
@media(max-width:1000px){
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div > p{font-size: 8px;}
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-content2{top: 62%;right: 0;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position1{bottom: 54%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position2{bottom: 5%;}

.detail-X-SLIMBAR-bg .Same-FlavorTable li:nth-child(4),.detail-X-SLIMBAR-bg .Same-FlavorTable li:nth-child(6){font-size:11px;}
}
@media (max-width: 415px){
.detail-X6-bg.detail-X-SLIMBAR-bg .detail-x-i-explore-content2{top: 50%;right: 0;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position1{bottom: 50%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div.position2{bottom: 1%;}
}
.detail-X6-bg.detail-X-SLIMBAR-bg{background: url("../proImages/X-SLIMBAR-Bg.jpg") no-repeat;background-size: 100% 100%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div > p{color: #000;}
.detail-X6-bg.detail-X-SLIMBAR-bg .PackagingContent .Same-Fantastic > div > p{width: 16.6%;}
.detail-X6-bg.detail-X-SLIMBAR-bg .Parameter .detail-x-i-explore .boxs{background-color: #daf2ff;}

.detail-X-SLIMBAR-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(1) .boxs > div{top: 85%;left: 6%;}
.detail-X-SLIMBAR-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(2) .boxs > div{top: 76%;text-align: left;left: 6%;}
.detail-X-SLIMBAR-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(3) .boxs > div{top: 85%;left: 6%;}
.detail-X-SLIMBAR-bg .Fantastic-boxs-X-ULTRA.Same-Fantastic .item:nth-child(4) .boxs > div{top: 76%;left: 6%;}