body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.clearfix li p:nth-child(2) {
padding-top: 14px !important;
}
.clearfix:before,
.clearfix:after {
content: “”;
display: table;
}
.clearfix:after {
clear: both;
}

.icon-search:before {
content: “e671”;
}
#mobile {
width: 384px;
/* max-width: 750px;
min-width: 320px;*/
margin: 0 auto;
display: none;
}
#mobile .items {
width: 100%;
}

#mobile .items > p {
height: 20px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
padding-left: 17.5px;
margin-bottom: 15px;
}

#mobile .article .pro_desc{
font-size:16px;
font-weight:bold;
line-height:36px;
}

#mobile .features {
width: 90%;
margin: 20px auto;
}
#mobile .features p {
font-size: 16px;
font-weight: bold;
}
#mobile .features ul li {
margin-left: 17.5px;
font-size: 13px;
text-indent: 6.5px;
}
#mobile .product {
width: 90%;
margin: 0 auto;
}
#mobile .product p {
font-size: 16px;
font-weight: bold;
}
#mobile .product .parameter1 {
padding-left: 16px;
}
#mobile .product .parameter1 tr td {
font-size: 13px;
padding: 10px 0;
text-align: center;
}
#mobile .product .parameter1 tr td:first-child {
width: 35%;
}
#mobile .footer {
margin-top: 32px;
overflow: auto;
}
#mobile .footer::-webkit-scrollbar {
display: none;
}
#mobile .footer .parameter2 {
width: 730.7px;
margin-bottom: 50px;
}
#mobile .footer .parameter2 tbody td {
border-bottom: 1px solid #ccc;
font-size: 13px;
text-align: center;
width: 120px;
padding: 5px;
word-break: break-word !important;
}
#mobile .product1{
width: 90%;
margin: 10px auto;
padding: 5px;
/*border: 1px solid #ccc;
border-radius: 5px;*/
}
#mobile .product1 .introduction{
font-size:16px;
font-weight:bold;
line-height:40px;
}
#mobile .footer .parameter2 td:first-child {
width:110px;
color: #646464;
}
#mobile .footer .parameter2 thead img {
/* width: 100%;*/
/*height: 300px;*/
}
#mobile .footer .parameter2 thead p {
line-height: 25px;
font-size: 16px;
color: #0066BF;
text-align: center;
}

#mobile .footer .parameter2 tbody tr:nth-child(2) td,
#mobile .footer .parameter2 tbody tr:nth-child(3) td,
#mobile .footer .parameter2 tbody tr:nth-child(4) td {
background: #FEF5EC;
}
#mobile .footer .parameter2 tbody tr:nth-child(2) td:first-child,
#mobile .footer .parameter2 tbody tr:nth-child(3) td:first-child,
#mobile .footer .parameter2 tbody tr:nth-child(4) td:first-child {
background: #DCDCDC;
}

#pc .header {
width: 1200px;
height: 235px;
margin: 0 auto;
}
#pc .header .navBox {
width: 100%;
height: 50px;
background: #000000;
}
#pc .header .navBox ul {
width: 970px;
height: 50px;
border-bottom: 1px solid #53514C;
margin: 0 auto;
}
#pc .header .navBox ul li {
width: 25%;
height: 100%;
list-style: none;
float: left;
position: relative;
}
#pc .header .navBox ul li a {
width: 100%;
height: 100%;
display: block;
text-align: center;
padding-top: 10px;
color: #FEFEFE;
font-size: 11px;
text-decoration: none;
}
#pc .header .navBox ul li a p {
font-weight: bold;
}
#pc .header .navBox ul li i {
position: absolute;
right: 0;
bottom: 12px;
width: 1px;
height: 20px;
background: #53514C;
}
#pc .header .logoBox {
width: 100%;
height: 130px;
background: #000;
}
#pc .header .logoBox .imgBox {
width: 970px;
height: 130px;
margin: 0 auto;
}
#pc .header .logoBox .imgBox .left {
width: 470px;
height: 100%;
float: left;
}
#pc .header .logoBox .imgBox .right {
width: 500px;
height: 100%;
float: right;
}
#pc .header .iconBox {
width: 100%;
height: 55px;
background: #252525;
}
#pc .header .iconBox .centerBox {
width: 970px;
height: 100%;
margin: 0 auto;
}
#pc .header .iconBox .centerBox .left {
width: 334px;
height: 100%;
float: left;
padding: 0px 50px;
}
#pc .header .iconBox .centerBox .left .img {
float: left;
height: 100%;
padding-top: 5px;
}
#pc .header .iconBox .centerBox .left .info {
float: left;
color: #fff;
margin-left: 18px;
}
#pc .header .iconBox .centerBox .left .info p {
font-size: 18px;
line-height: 18px;
font-weight: bold;
margin-top: 7px;
}
#pc .header .iconBox .centerBox .left .info span {
font-size: 14px;
display: block;
}
#pc .header .iconBox .centerBox .right {
width: 572px;
height: 100%;
float: right;
}
#pc .header .iconBox .centerBox .right .img {
float: left;
height: 100%;
padding-top: 9px;
}
#pc .header .iconBox .centerBox .right .info,
#pc .header .iconBox .centerBox .right .hours {
color: #fff;
}
#pc .header .iconBox .centerBox .right .info p,
#pc .header .iconBox .centerBox .right .hours p {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}
#pc .header .iconBox .centerBox .right .info span,
#pc .header .iconBox .centerBox .right .hours span {
font-size: 11px;
float: left;
}
#pc .header .iconBox .centerBox .right .info {
height: 100%;
float: left;
margin-left: 26px;
}
#pc .header .iconBox .centerBox .right .info span:last-child {
margin-left: 20px;
}
#pc .header .iconBox .centerBox .right .hours {
height: 100%;
float: left;
margin-left: 50px;
position: relative;
}
#pc .header .iconBox .centerBox .right .hours::before {
content: “”;
width: 1px;
height: 40px;
background: #fff;
position: absolute;
left: -25px;
top: 7px;
}
#pc .article {
width: 1392px;
font-family: Arial;
margin: 0 auto;
word-wrap:break-word;
}
#pc .article .mapBox {
width: 100%;
height: 374px;
background-color: #fff;
}
#pc .article .mapBox .left {
width: 450px;
height: 100%;
float: left;
padding-top: 50px;
position: relative;
}
#pc .article .mapBox .left span {
font-size: 11px;
font-weight: bold;
color: #000;
position: absolute;
}
#pc .article .mapBox .left span.ca {
left: 20px;
bottom: 125px;
}
#pc .article .mapBox .left span.tx {
left: 198px;
bottom: 78px;
}
#pc .article .mapBox .left span.ky {
left: 264px;
bottom: 160px;
}
#pc .article .mapBox .left span.nj {
right: 58px;
top: 154px;
}
#pc .article .mapBox .right {
width: 520px;
height: 100%;
float: right;
}
#pc .article .mapBox .right h1 {
font-size: 18px;
color: #900900;
margin-top: 40px;
margin-left: 7px;
}
#pc .article .mapBox .right .listBox {
width: 100%;
height: 113px;
border: 1px solid #CFCAC0;
margin-top: 17px;
padding-top: 13px;
padding-left: 22px;
}
#pc .article .mapBox .right .listBox div {
width: 100px;
float: left;
font-size: 12px;
margin-right: 24px;
line-height: 20px;
}
#pc .article .mapBox .right .listBox div p {
font-weight: bold;
}
#pc .article .mapBox .right .advantage,
#pc .article .mapBox .right .attention {
padding-left: 7px;
font-size: 12px;
line-height: 20px;
margin-top: 15px;
}
#pc .article .mapBox .right .advantage p,
#pc .article .mapBox .right .attention p {
font-weight: bold;
}
#pc .article .bgimgBox {
width: 100%;
background-color: #fff;
position: relative;
}
#pc .article .pro_desc{
font-size:16px;
font-weight:bold;
line-height:36px;
}
#pc .article .bgimgBox .bginfo {
position: absolute;
right: 50px;
top: 125px;
width: 250px;
max-height: 300px;
background-color: rgba(255,255,255,.7);
color: #000;
/*word-break: break-all;*/
padding: 10px;
/*overflow: hidden;
transform: translateY(-50%);*/
}
#pc .article .bgimgBox img {
width: 100%;
}
#pc .article .product {
width: 100%;
line-height: 19px;
margin-top: 5px;
margin-bottom:30px;
}

#pc .article .parameter {
width: 100%;
margin-top: 40px;
}
#pc .article .parameter .imgBox {
width: 300px;
height: 400px;
float: left;
}
#pc .article .parameter .imgBox img {
width: 100%;
height: 100%;
}
#pc .article .parameter .information {
width: 430px;
height: 100%;
float: left;
padding-right: 25px;
padding-left: 0.5cm;
}

#pc .article .parameter .information .intro1{
margin:6px auto;
}
#pc .article .parameter .information .intro1 ul{
padding:10px 40px;
border-radius:5px;
margin-top:8px;
}
#pc .article .unset-tab .information .intro1 ul{
border:unset !important;
background: unset !important;
}

#pc .article .parameter .information div {
font-size: 14px;
line-height: 20px;

}
#pc .article .parameter .information .intro2{
padding:25px;
border:1px solid #ccc;
}
#pc .article .parameter .package {
width: 230px;
height: 100%;
float: left;
padding-left:30px;
border-left:1px solid #ccc;
color: #565959 !important;
}
#pc .article .parameter .package img {
width: 100%;
height: 100px;
}
#pc .article .parameter .package p {
font-size: 12px !important;
line-height: 36px;
margin: 8px 0;

}
#pc .article .parameter .package ul {
width: 100%;
padding: 10px 20px 10px 30px;
border: 1px solid #AAAAAA;
border-radius: 5px;
margin:12px auto;
background: #f3f3f3;
}
#pc .article .parameter .package ul li {
font-size: 13px;
color: #000;
line-height: 20px;
}
#pc .article .comparison {
width: 100%;
margin-top: 50px;
margin-bottom: 15px;
}
#pc .article .comparison table {
width: 100%;
table-layout: fixed;
}

#pc .article .comparison table thead th img {

border: 5px solid #fff;
width: 100%;
max-width: 150px;
}
#pc .article .comparison table thead th:nth-child(1) {
width: 150px;
}
#pc .article .comparison table tbody tr:first-child td {
color: #0265C0;
}
#pc .article .comparison table tbody td {
font-size: 13px;
color: #111030;
padding: 7px 20px;
text-align: center;
line-height: 20px;
word-break: break-word !important;
}

#pc .article .comparison table tbody tr:not(:first-child) td:not(first-child) {
background: #FEF5EC;
}

#pc .article .comparison table tbody tr:not(:first-child) td:first-child {
background: #DCDCDC;
color: #88888A;
}
#pc .article .comparison table td {
border-bottom: 1px solid #ccc;
word-wrap:break-word;word-break:break-all;
}

@media screen and (max-width: 750px) {
#mobile {
display: block;
}
#pc {
display: none;
}
}

.ytvideo * { box-sizing:border-box; }
.ytvideo { font-family:arial; text-align:center; position:relative; background-color:#555; }
.ytvideo p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); }
.ytvideo .yt_hd { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; }
.ytvideo .yt_ft { font-size:12px; width:100%; bottom:0; left:0; } .ytvideo img { display:block; max-width:100%; border:0; }
.ytvideo a:after { content:”A025BA”; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ytvideo a:hover:after { background:#CC181E; } .ytvideo .yt_inp { position:absolute; top:100%; left:0; width:100%; text-align:center; padding:.5em .2em; xfont-size:18px; border:0; color:white; background: rgba(0,0,0,.7); } @media(max-device-width:960px){ .ytvideo { margin-bottom:20px; } .ytvideo .yt_inp { padding:1em .2em; } }

#mobile .items .logo-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
margin: 0 auto;
}

#mobile .items .logo-container .logo {
width: 100%;
padding: 25px 0 0 0;
}

/* items */
#mobile .items .bgimg img {
width: 100%;
height: 288px;
}

#mobile .items .bgimg ul {
margin: 10px 0 21px 0;
border-radius: 5px;
}

#mobile .items .bgimg ul li {
font-size: 15px;
line-height: 1.35;
}

#mobile .items .bgimg {
/* width: 90%;*/
margin: 0 auto;
margin-bottom: 10px;
}

#mobile .items .bgimg ul li {
margin-left: 20px;
}

#mobile .bginfo{
margin-top: 10px;
}

#mobile .items .bgimg .bginfo span:first-child strong,
#mobile .items .bgimg .bginfo span:first-child strong span {
color: #0F1111;
font-size: 18px !important;
font-weight: bold !important;
line-height: 1.35;
margin-bottom: 8px;
}

#mobile .items .bgimg .bginfo p:first-child strong,
#mobile .items .bgimg .bginfo p:first-child strong:first-child span {
color: #0F1111;
font-size: 18px !important;
font-weight: bold !important;
line-height: 1.35;
margin-bottom: 8px;
}

#mobile .items .intro .bginfo span {
font-size: 15px !important;
line-height: 1.35;
color: #0F1111;
}

#mobile .items .bgimg .bginfo ul li span {
font-size: 15px !important;
color: #0F1111;
}

/* Key Features */
#mobile .items .feature {
width: 90%;
margin: 0 auto;
}

#mobile .items .feature h1 {
color: #0F1111;
font-size: 18px !important;
font-family: “Arial” !important;
margin-bottom: 12px !important;
}

#mobile .items .feature ul li {
width: 100%;
list-style: none;
margin-bottom: 12px;
}

#mobile .items .feature ul li p img:first-child {
margin-bottom: 17px !important;
}

#mobile .items .feature ul li p:first-child {
margin-bottom: 16px !important;
}

#mobile .items .feature ul li p:first-child {
width: 300px;
height: 300px;
margin: 0 auto;
}

#mobile .items .feature ul li p:nth-last-of-type(2){
font-weight: bold !important;
font-size: 15px !important;
font-family: “Arial” !important;
margin-bottom: 8px !important;
margin: 0 auto;
color: #0F1111;
}

#mobile .items .feature ul li p:nth-last-of-type(1) {
font-size: 15px;
font-family: “Arial”;
line-height: 1.35;
color: #0F1111;
margin-bottom: 12px;
}

#mobile .items .feature ul li .imgBox {
width: 100%;
padding: 0 25px;
}
#mobile .items .feature ul li .imgBox img {
width: 100%;
}

#mobile .items .feature ul li .info {
padding: 0 24px;
font-size: 13px;
position: relative;
}
#mobile .items .feature ul li .info::before {
position: absolute;
left: 0px;
top: 5px;
width: 8px;
height: 8px;
content: “”;
border-radius: 50%;
background: #949494;
}
/* Key Features */

/*specifications*/
#mobile .specifications {
width: 90%;
margin: 0 auto;
}

#mobile .specifications h1 {
font-size: 16px;
}

#mobile .specifications .imgBox1,
#mobile .specifications .imgBox2 {
width: 100%;
margin-bottom: 32px;
}

#mobile .specifications .imgBox1 img,
#mobile .specifications .imgBox2 img {
width: 100%;
}

#mobile .specifications .cares {
font-size: 16px;
color: #555555;
text-align: center;
margin:20px 0;
}
#mobile .specifications .imgBox1 .info {
font-size: 13px;
color: #555555;
margin: 10px 0;
}
#mobile .specifications .imgBox1 ul {
width: 100%;
/*padding: 18px;*/
padding: 13px 0 0 18px;

}
#mobile .specifications .imgBox1 ul li {
font-size: 15px;
color: #0F1111;
}

#mobile .specifications .imgBox2 .details i {
font-size: 13px;
color: #555555;
}

#mobile .specifications .imgBox1 .friendly,
#mobile .specifications .imgBox2 .friendly {
margin: 10px 13px 0 13px;
}

#mobile .specifications .imgBox2 .friendly ul {
margin: 10px 0 21px 0;
border-radius: 5px;
padding: 13px 17px;
background: #F0F2F2;
}

#mobile .specifications .imgBox2 .friendly ul li {
margin-left: 20px;
}

#mobile .specifications .friendly ul li {
font-size: 15px !important;
line-height: 1.35 !important;
}

#mobile .specifications .imgBox2 .details ul {
width: 100%;
padding: 10px 0;

}
#mobile .specifications .imgBox2 .details ul li {
font-size: 13px;
color: #000;
list-style: none;
line-height: 25px;
}

#mobile .specifications .imgBox1 .friendly strong:first-child,
#mobile .specifications .imgBox1 .friendly strong:first-child span {
font-size: 18px !important;
font-weight: bold !important;
color: #0F1111;
margin-bottom: 8px;
}

#mobile .specifications .imgBox2 .friendly strong:first-child,
#mobile .specifications .imgBox2 .friendly strong:first-child span {
font-size: 18px !important;
font-weight: bold !important;
color: #0F1111;
margin-bottom: 8px;
}

#mobile .specifications .imgBox1 .friendly ul li span,
#mobile .specifications .imgBox2 .friendly ul li span {
font-size: 15px !important;
line-height: 1.35 !important;
color: #0F1111;
}

#mobile .specifications .imgBox1 .friendly ul li span strong:first-child,
#mobile .specifications .imgBox2 .friendly ul li span strong:first-child {
font-size: 15px !important;
line-height: 1.35 !important;
color: #0F1111;
}
/*specifications*/

.black-line {
width: 100%;
height: 5px;
background-color: #e3e6e6;
}

/* detail */
#mobile .detail{
width: 90%;
margin: 0 auto;
margin-bottom: 20px !important;
font-size: 15px !important;
padding-top: 10px;
color: #0F1111;
}

#mobile .detail ul{
padding: 16px 16px;
}

#mobile .detail ul li {
margin-bottom: 4px;
}

#mobile .detail span strong:first-child {
font-size: 18px !important;
font-weight: bold !important;
margin-bottom: 4px !important;
color: #0F1111;
}

#mobile .detail span strong:first-child span {
font-size: 15px !important;
color: #0F1111;
}

#mobile .detail ul li span {
font-size: 15px !important;
line-height: 1.35;
}
/* detail */

/* footernav */
#mobile .footernav {
font-size: 13px !important;
font-family: “Arial” !important;
}

#mobile .footernav h1 {
font-size: 18px !important;
font-weight: bold !important;
font-family: “Arial” !important;
margin-bottom: 4px;
color: #0F1111;
}

#mobile .footernav .shipping h1 {
font-size: 18px !important;
color: #0F1111;
margin-bottom: 4px;
}

#mobile .footernav .shipping .imgBox {
padding: 0;
margin-bottom: 16px;
}

#mobile .footernav .shipping .infoBox ul li span {
font-size: 15px !important;
line-height: 1.35;
}

#mobile .footernav .shipping .infoBox .warehouse {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto !important;
}

#mobile .footernav .shipping .infoBox .warehouse div {
margin-top: 16px !important;
}

#mobile .footernav .shipping,
#mobile .footernav .about,
#mobile .footernav .payment,
#mobile .footernav .returns,
#mobile .footernav .contact,
#mobile .footernav .faq {
padding: 0 20px;
margin-bottom: 21px;
}

/*#mobile .footernav .about div,*/
#mobile .footernav .shipping div,
#mobile .footernav .payment div,
#mobile .footernav .returns div,
#mobile .footernav .contact div,
#mobile .footernav .faq div {
padding-left: 16px;
}

#mobile .footernav .about div,
#mobile .footernav .shipping div ul li,
#mobile .footernav .payment div ul li,
#mobile .footernav .returns div ul li,
#mobile .footernav .contact div ul li,
#mobile .footernav .faq div ul li {
line-height: 1.35;
color: #0F1111;
font-size: 15px !important;
margin-bottom: 2px;
}
/* footernav */

#mobile .brand-intro {
width: 90%;
margin: 0 auto;
font-size: 13px !important;
font-family: “Arial” !important;
line-height: 1.35;
color: #0F1111;
}

#mobile .brand-intro .a-color-secondary {
text-align: center;
margin-bottom: 13px;
}

#mobile .brand-intro .a-color-secondary b {
font-size: 15px !important;
color: #565959;
font-weight: bold !important;
}

#mobile .brand-intro .why {
margin-top: 8px;
}

#mobile .brand-intro .why b {
color: #565959;
font-size: 13px !important;
font-weight: bold !important;
}

#mobile .brand-intro .why-qat {
padding: 13px 17px;
margin: 10px 0 16px 0;
background-color: #F0F2F2;
border-radius: 5px;
}

#mobile .brand-intro .why-qat li {
margin-left: 20px;
font-size: 15px;
line-height: 1.35;
margin-bottom: 2px;
color: #0F1111;
}

#mobile .brand-intro .why-qat li span {
line-height: 1.35;
color: #0F1111;
}

#mobile .bgimg-x1 {
margin: 0 auto;
}

#mobile .bgimg-x1 img {
width: 100%;
}

#mobile .bgimg {
width: 100%;
height: 288px;
display: flex;
flex-direction: row;
justify-content: center;
}

#pc .introduction {
margin: 40px 0;
font-size: 16px !important;
}

#pc .introduction ul li {
margin: 0;
padding: 0;
list-style-position: inside;
font-size: 14px;
font-weight: 400;
margin-top: 16px;
}

#pc .article .features {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}

#pc .article .features h1 {
font-size: 16px;
}

#pc .article .features ul li {
width: 300px;
float: left;
list-style: none;
margin-top: 30px;
line-height: 19px;
}

#pc .article .features ul li:nth-child(3n-1) {
/*margin-left: 35px;*/
/*margin-right: 35px;*/
}

#pc .article .features ul li p:nth-child(3) {
font-size: 16px;
font-family: Arial;
line-height: 1.5;
margin: 0 auto !important;
color: #1c1c1c;
max-width: 970px;
}

#pc .article .features ul li p:nth-child(3) {
font-size: 16px;
font-family: Arial;
line-height: 1.5;
margin: 0 auto !important;
color: #1c1c1c;
max-width: 970px;
/*font-weight: 700;*/
}

#pc .article .features ul li .imgBox {
width: 100%;
height: 300px;
border: 1px solid #A8A39F;
}

#pc .article .features ul li div {
font-size: 10px;
line-height: 20px;
}

#ul-demo {
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: space-between;
}

#ul-demo li {
width: 220px !important;
}

#ul-demo li img {
width: 220px !important;
height: 220px !important;
}

#pc .footer {
width: 1392px;
margin: 0 auto;
position: relative;
}
/* —- PC 纯CSS底部导航 start ——– */
#pc .footer .footer_bg {
width: 100%;
height: 52px;
background: #000;
}
#pc .footer > input,
#pc .footer > span {
position: absolute;
left: 0px;
top: 0px;
width: 160px;
height: 52px;
text-align: center;
line-height: 52px;
font-size: 12px;
color: #fff;
cursor: pointer;
}
#pc .footer input {
z-index: 10;
opacity: 0;
}
#pc .footer .inputnavs1,
#pc .footer .spannavs1 {
left: 216px;
}
#pc .footer .inputnavs2,
#pc .footer .spannavs2 {
left: 376px;
}
#pc .footer .inputnavs3,
#pc .footer .spannavs3 {
left: 536px;
}
#pc .footer .inputnavs4,
#pc .footer .spannavs4 {
left: 696px;
}
#pc .footer .inputnavs5,
#pc .footer .spannavs5 {
left: 856px;
}
#pc .footer .inputnavs6,
#pc .footer .spannavs6 {
left: 1016px;
}
.inputnavs1:checked ~ .spannavs1 {
background: #2A2A2A;
}
.inputnavs1:checked ~ #shipping {
display: block;
}
.inputnavs2:checked ~ .spannavs2 {
background: #2A2A2A;
}
.inputnavs2:checked ~ #about {
display: block;
}
.inputnavs3:checked ~ .spannavs3 {
background: #2A2A2A;
}
.inputnavs3:checked ~ #payment {
display: block;
}
.inputnavs4:checked ~ .spannavs4 {
background: #2A2A2A;
}
.inputnavs4:checked ~ #returns {
display: block;
}
.inputnavs5:checked ~ .spannavs5 {
background: #2A2A2A;
}
.inputnavs5:checked ~ #contact {
display: block;
}
.inputnavs6:checked ~ .spannavs6 {
background: #2A2A2A;
}
.inputnavs6:checked ~ #faq {
display: block;
}
/* —- PC 纯CSS底部导航 end ——– */
.footer .ftcitem {
/* width: 970px;*/
width: 1200px;
margin: 0 auto;
display: none;
}
#pc .footer .about {
font-size: 14px;
line-height: 28px;
margin-top: 20px;

}
#pc .footer .returns{
line-height:28px;
}

#pc .footer .payment {
margin-top: 20px;
}
#pc .footer .payment li {
font-size: 14px;
line-height: 28px;
/* margin-top: 10px;*/
}
#pc .footer .payment li .pa {
font-weight: bold;
font-style: oblique;
font-size: 18px;
}
#pc .footer .payment li .pay {
color: #144774;
}
#pc .footer .payment li .pal {
color: #009ddb;
}
#pc .footer .shipping {
margin-top: 20px;
}
#pc .footer .shipping .ftmap {
width: 410px;
float: left;
}
#pc .footer .shipping .ftmap img {
width: 100%;
}
#pc .footer .shipping .ftinfo {
width: 100%;
width: 560px;
float: right;
padding-left: 26px;
}
#pc .footer .shipping .ftinfo > p {
/* height: 25px;*/
font-size: 1px;
line-height: 25px;
font-weight: bold;
}

#pc .footer .shipping .ftinfo .time {
height: 48px;
}
#pc .footer .shipping .ftinfo .time span {
font-size: 12px;
}
#pc .footer .shipping .ftinfo .time span:nth-child(1) {
font-size: 16px;
color: #c10400;
font-weight: bold;
margin-right: 30px;
}
#pc .footer .shipping .ftinfo .warehouse {
width: 100%;
height: 150px;
}
#pc .footer .shipping .ftinfo .warehouse p {
font-size: 14px;
line-height: 28px;
}
#pc .footer .shipping .ftinfo .warehouse div {
width: 200px;
height: 100px;
float: left;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 12px;
color: #757575;
padding: 9px 4px;
margin-right: 4px;
}
#pc .footer .shipping .ftinfo .warehouse div:last-child {
margin-right: 0px;
}
#pc .footer .shipping .ftinfo .ftAdvntage,
#pc .footer .shipping .ftinfo .ftAttention {
width: 100%;
line-height: 25px;
}
#pc .footer .shipping .ftinfo .ftAdvntage p,
#pc .footer .shipping .ftinfo .ftAttention p {
font-size: 14px;
color: #CE0400;
}
#pc .footer .shipping .ftinfo .ftAdvntage span,
#pc .footer .shipping .ftinfo .ftAttention span {
font-size: 12px;
}
#pc .footer .shipping .ftinfo .ftAttention {
margin-top: 22px;
}
#pc .footer .returns {
margin-top: 20px;
font-size: 14px;
}
#pc .footer .contact {
font-size: 14px;
line-height: 28px;
margin-top:20px;
}
#pc .footer .faq {
margin-top: 20px;
}
#pc .footer .faq li {
font-size: 14px;
line-height: 28px;
/*list-style: none;*/
/* margin-top: 10px;*/
}
#pc .footer .faq li .colorEm {
color: #3faacc;
font-style: normal;
}

* {

margin: 0;

padding: 0;

font-size: 16px;

}

a {

text-decoration: none;

}

ul li {

list-style: disc inside;

font-size: 14px;

font-weight: 400;

}

h1 {

font-size: 16px;

font-weight: 700;

}

#logo {

width: 100%;

height: 200px;

margin-bottom: 40px;

}

#logo img {

display: block;

width: auto;

margin: 0 auto;

}

#productionDescription .imgOrVideo {

width: 100%;

height: 600px;

margin-top: 10px;

margin-bottom: 40px;

}

#OperateByRemoteControlOrApp ul.slides {

display: block;

position: relative;

top: 0;

height: 600px;

margin: 0;

padding: 0;

overflow: hidden;

list-style: none;

}

#OperateByRemoteControlOrApp .slides * {

user-select: none;

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-webkit-touch-callout: none;

}

#OperateByRemoteControlOrApp ul.slides input {

display: none;

}

#OperateByRemoteControlOrApp .slide-container {

display: block;

}

#OperateByRemoteControlOrApp .slide-image {

display: block;

position: absolute;

width: 100%;

height: 100%;

top: 0;

opacity: 0;

/* transition: all 0.1s ease-in-out;*/

}

#OperateByRemoteControlOrApp .slide-image img {

width: auto;

min-width: 100%;

height: 100%;
width: 100%;

}

#OperateByRemoteControlOrApp .carousel-controls {

position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 999;

font-size: 100px;

line-height: 600px;

color: #fff;

}

#OperateByRemoteControlOrApp .carousel-controls label {

display: none;

position: absolute;

padding: 0 20px;

opacity: 0;

transition: opacity 0.2s;

cursor: pointer;

}

#OperateByRemoteControlOrApp .slide-image:hover+.carousel-controls label {

opacity: 0.5;

}

#OperateByRemoteControlOrApp .carousel-controls label:hover {

opacity: 1;

}

#OperateByRemoteControlOrApp .carousel-controls .prev-slide {

width: 49%;

text-align: left;

left: 0;

}

#OperateByRemoteControlOrApp .carousel-controls .next-slide {

width: 49%;

text-align: right;

right: 0;

}

#OperateByRemoteControlOrApp .carousel-dots {

position: absolute;

left: 0;

right: 0;

bottom: 20px;

z-index: 999;

text-align: center;

}

#OperateByRemoteControlOrApp .carousel-dots .carousel-dot {

display: inline-block;

width: 28px;

height: 8px;

border-radius: 12px;

background-color: #fff;

border: 1px solid #000;

opacity: 0.5;

margin-right: 8px;

}

#OperateByRemoteControlOrApp input:checked+.slide-container .slide-image {

background-color: rgba(255, 217, 1, 1);

opacity: 1;

transform: scale(1);

transition: opacity 1s ease-in-out background-color 1s ease-in-out;

}

#OperateByRemoteControlOrApp input:checked+.slide-container .carousel-controls label {

display: block;

}

#OperateByRemoteControlOrApp input#img1:checked~.carousel-dots label#img-dot-1,
#OperateByRemoteControlOrApp input#img2:checked~.carousel-dots label#img-dot-2,
#OperateByRemoteControlOrApp input#img3:checked~.carousel-dots label#img-dot-3,
#OperateByRemoteControlOrApp input#img4:checked~.carousel-dots label#img-dot-4,
#OperateByRemoteControlOrApp input#img5:checked~.carousel-dots label#img-dot-5,
#OperateByRemoteControlOrApp input#img6:checked~.carousel-dots label#img-dot-6,
#OperateByRemoteControlOrApp input#img7:checked~.carousel-dots label#img-dot-7,
#OperateByRemoteControlOrApp input#img8:checked~.carousel-dots label#img-dot-8,
#OperateByRemoteControlOrApp input#img9:checked~.carousel-dots label#img-dot-9,
#OperateByRemoteControlOrApp input#img10:checked~.carousel-dots label#img-dot-10,
#OperateByRemoteControlOrApp input#img11:checked~.carousel-dots label#img-dot-11,
#OperateByRemoteControlOrApp input#img12:checked~.carousel-dots label#img-dot-12 {

opacity: 1;

background-color: rgba(255, 217, 1, 1);

}

#OperateByRemoteControlOrApp input:checked+.slide-container .nav label {

display: block;

}

#WhyChooseUs ul.slides {

display: block;

position: relative;

height: 600px;

margin: 0;

padding: 0;

overflow: hidden;

list-style: none;

}

#WhyChooseUs .slides * {

user-select: none;

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-webkit-touch-callout: none;

}

#WhyChooseUs ul.slides input {

display: none;

}

#WhyChooseUs .slide-container {

display: block;

}

#WhyChooseUs .slide-image {

display: block;

position: absolute;

width: 100%;

height: 100%;

top: 0;

opacity: 0;

/* transition: all 0.7s ease-in-out;*/

}

#WhyChooseUs .slide-image img {

width: auto;

min-width: 100%;

height: 100%;
width: 100%;

}

#WhyChooseUs .carousel-controls {

position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 999;

font-size: 100px;

line-height: 600px;

color: #fff;

}

#WhyChooseUs .carousel-controls label {

display: none;

position: absolute;

padding: 0 20px;

opacity: 0;

transition: opacity 0.2s;

cursor: pointer;

}

#WhyChooseUs .slide-image:hover+.carousel-controls label {

opacity: 0.5;

}

#WhyChooseUs .carousel-controls label:hover {

opacity: 1;

}

#WhyChooseUs .carousel-controls .prev-slide {

width: 49%;

text-align: left;

left: 0;

}

#WhyChooseUs .carousel-controls .next-slide {

width: 49%;

text-align: right;

right: 0;

}

#WhyChooseUs .card-carousel-dots {

position: absolute;

left: 0;

right: 0;

top: 10px;

z-index: 999;

text-align: center;

}

#WhyChooseUs .carousel-dots {

position: absolute;

left: 0;

right: 0;

bottom: 20px;

z-index: 999;

text-align: center;

}

#WhyChooseUs .carousel-dots .carousel-dot {

display: inline-block;

width: 28px;

height: 8px;

border-radius: 12px;

background-color: #fff;

border: 1px solid #000;

opacity: 0.5;

margin-right: 8px;

}

#WhyChooseUs .card-carousel-dots .card-carousel-dot {

display: inline-block;

width: 200px;

line-height: 40px;

background-color: #fff;

border: 2px solid rgba(0, 0, 0, 1);

opacity: 1;

margin: 10px;

font-size: 18px;

font-weight: 700;

border-radius: 24px;
word-wrap: normal;
overflow: hidden;
}

#WhyChooseUs input:checked+.slide-container .slide-image {

opacity: 1;

transform: scale(1);

transition: all 1s ease-in-out;

}

#WhyChooseUs input:checked+.slide-container .carousel-controls label {

display: block;

}

#WhyChooseUs input#img1:checked~.card-carousel-dots label#img-dot-1,
#WhyChooseUs input#img2:checked~.card-carousel-dots label#img-dot-2,
#WhyChooseUs input#img3:checked~.card-carousel-dots label#img-dot-3,
#WhyChooseUs input#img4:checked~.card-carousel-dots label#img-dot-4,
#WhyChooseUs input#img5:checked~.card-carousel-dots label#img-dot-5,
#WhyChooseUs input#img6:checked~.card-carousel-dots label#img-dot-6,
#WhyChooseUs input#img7:checked~.card-carousel-dots label#img-dot-7,
#WhyChooseUs input#img8:checked~.card-carousel-dots label#img-dot-8,
#WhyChooseUs input#img9:checked~.card-carousel-dots label#img-dot-9,
#WhyChooseUs input#img10:checked~.card-carousel-dots label#img-dot-10,
#WhyChooseUs input#img11:checked~.card-carousel-dots label#img-dot-11,
#WhyChooseUs input#img12:checked~.card-carousel-dots label#img-dot-12 {

background-color: #000;

color: #fff;

}

#WhyChooseUs input#img1:checked~.carousel-dots label#img-dot-1,
#WhyChooseUs input#img2:checked~.carousel-dots label#img-dot-2,
#WhyChooseUs input#img3:checked~.carousel-dots label#img-dot-3,
#WhyChooseUs input#img4:checked~.carousel-dots label#img-dot-4,
#WhyChooseUs input#img5:checked~.carousel-dots label#img-dot-5,
#WhyChooseUs input#img6:checked~.carousel-dots label#img-dot-6,
#WhyChooseUs input#img7:checked~.carousel-dots label#img-dot-7,
#WhyChooseUs input#img8:checked~.carousel-dots label#img-dot-8,
#WhyChooseUs input#img9:checked~.carousel-dots label#img-dot-9,
#WhyChooseUs input#img10:checked~.carousel-dots label#img-dot-10,
#WhyChooseUs input#img11:checked~.carousel-dots label#img-dot-11,
#WhyChooseUs input#img12:checked~.carousel-dots label#img-dot-12 {

opacity: 1;

background-color: rgba(255, 217, 1, 1);

}

#WhyChooseUs input:checked+.slide-container .nav label {

display: block;

}

#FeaturesAndDetails ul {

margin-top: 8px;

}

#FeaturesAndDetails .container {

display: flex;

margin-top: 50px;

width: 100%;

}

#FeaturesAndDetails .container>div {

display: flex;

flex-direction: column;

align-items: center;

}

#FeaturesAndDetails .container>div:nth-child(1)>span {

font-size: 24px;

font-weight: 400;

}

#FeaturesAndDetails .container .table {

display: flex;

}

#FeaturesAndDetails .container .table>div {

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

border: 1px solid #ccc;

padding: 12px;

}

#FeaturesAndDetails .container .table>div span {

margin-bottom: 40px;

}

#FeaturesAndDetails .compare>div>span {

display: inline-block;

text-align: center;

margin: 51.55px 0 15px 0;

padding: 0 25px;

font-size: 14px;

font-weight: 700;

color: #64a85d;

}

#FeaturesAndDetails .compare_table table {

border-collapse: collapse;

border: 1px solid #ddd;

}

#FeaturesAndDetails .compare_table td {

width: 210px;

font-size: 14px;

font-weight: 400;

text-align: center;

padding: 12px 25px;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}

#FeaturesAndDetails .compare_table table tr td:nth-child(1) {

background-color: #ddd;

}

#FeaturesAndDetails .carousel {

width: 100%;

height: 700px;

position: relative;

overflow: hidden;

}

#FeaturesAndDetails .carousel .imgContainer {

position: absolute;

width: 100%;

/* height: 500px; */

left: 0;

z-index: 1;

overflow: hidden;

}

#FeaturesAndDetails .carousel .imgContainer img {

width: 100%;

/* height: 500px; */

float: left;

}

#FeaturesAndDetails ul.slides {

display: block;

position: relative;

height: 100%;

margin: 0;

padding: 0;

overflow: hidden;

list-style: none;

}

#FeaturesAndDetails .slides * {

user-select: none;

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-webkit-touch-callout: none;

}

#FeaturesAndDetails ul.slides input {

display: none;

}

#FeaturesAndDetails .slide-container {

display: block;

}

#FeaturesAndDetails .slide-image {

display: block;

position: absolute;

width: 100%;

/* height: 100%; */

top: 0;

opacity: 0;

transition: all 0.7s ease-in-out;

}

#FeaturesAndDetails .slide-image img {

width: auto;

min-width: 100%;

height: 100%;

}

#FeaturesAndDetails .carousel-controls {

position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 999;

font-size: 100px;

line-height: 600px;

color: #fff;

}

#FeaturesAndDetails .carousel-controls label {

display: none;

position: absolute;

padding: 0 20px;

opacity: 0;

transition: opacity 0.2s;

cursor: pointer;

}

#FeaturesAndDetails .slide-image:hover+.carousel-controls label {

opacity: 0.5;

}

#FeaturesAndDetails .carousel-controls label:hover {

opacity: 1;

}

#FeaturesAndDetails .carousel-controls .prev-slide {

width: 49%;

text-align: left;

left: 0;

}

#FeaturesAndDetails .carousel-controls .next-slide {

width: 49%;

text-align: right;

right: 0;

}

#FeaturesAndDetails .carousel-dots {

position: absolute;

left: 0;

right: 0;

bottom: 90px;

z-index: 999;

text-align: center;

}

#FeaturesAndDetails .carousel-dots .carousel-dot {

display: inline-block;

width: 30px;

height: 8px;

border-radius: 12px;

background-color: #fff;

/* background-color: rgba(255, 217, 1, 1); */

opacity: 0.5;

margin-right: 8px;

border: 1px solid #000;

}

#FeaturesAndDetails input:checked+.slide-container .slide-image {

/* background-color: rgba(255, 217, 1, 1); */

opacity: 1;

transform: scale(1);

transition: all 1s ease-in-out;

}

#FeaturesAndDetails input:checked+.slide-container .carousel-controls label {

display: block;

}

#FeaturesAndDetails input#img7:checked~.carousel-dots label#img-dot-7,

#FeaturesAndDetails input#img8:checked~.carousel-dots label#img-dot-8,

#FeaturesAndDetails input#img9:checked~.carousel-dots label#img-dot-9 {

background-color: rgba(255, 217, 1, 1);

opacity: 1;

}

#FeaturesAndDetails input:checked+.slide-container .nav label {

display: block;

}

#FeaturesAndDetails .container .learnMore {

position: relative;

bottom: 210px;

background-color: rgba(255, 217, 1, 1);

color: #000;

font-size: 16px;

z-index: 999;

padding: 7px 21.5px;

margin-top: 30px;

border: none;

cursor: pointer;

}

.marker-container {

position: relative;

}

.marker-container * {

box-sizing: border-box;

}

.marker-container .marker {

position: absolute;

top: 422px;

left: 510px;

}

.marker-container .marker .marker-btn {

width: 40px;

height: 40px;

border: 2px solid #fff;

background-color: rgba(255, 217, 1, 0.5);

border-radius: 50%;

appearance: none;

display: inline-block;

}

/* .marker-container .marker .marker-btn:checked + .marker-content{

display: block;

} */

.marker-container .marker .marker-btn:hover+.marker-content {

display: block;

}

.marker-container .marker .marker-content {

display: none;

width: auto;

transition: 0.3s opacity;

background: #eee;

position: absolute;

padding: 15px;

-webkit-box-shadow: 0px 0px 43px -7px rgba(135, 135, 135, 1);

-moz-box-shadow: 0px 0px 43px -7px rgba(135, 135, 135, 1);

box-shadow: 0px 0px 43px -7px rgba(135, 135, 135, 1);

border-radius: 4px;

border: 1px solid #ccc;

top: 50%;

transform: translate(calc(-100% – 15px), -50%);

}

.marker-container .marker .marker-content::after {

content: “”;

position: absolute;

top: 50%;

transform: translateY(-50%);

right: -9px;

border-left: 10px solid #fff;

border-bottom: 10px solid transparent;

border-top: 10px solid transparent;

}

.round-button span {

display: block;

position: absolute;

top: 50%;

width: 70px;

height: 70px;

font-size: 64px !important;

border-radius: 50%;

line-height: 70px;

text-align: center;

transform: translateY(-50%);

}

.round-button .prev-slide span {

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);

}

.round-button .next-slide span {

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+);

}

.round-button .prev-slide span:hover {

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);

}

.round-button .next-slide span:hover {

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);

}

#OperateByRemoteControlOrApp .slides * {

user-select: none;

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-webkit-touch-callout: none;

}

.round-button .prev-slide span {

z-index: 99999;

left: 25px;

}

.round-button .next-slide span {

z-index: 99999;

right: 25px;

}

.slide-container {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.slide-container .carousel-controls,

.slide-container .carousel-controls label {

z-index: 999;

height: 100%;

}

#OperateByRemoteControlOrApp .slide-container,

#WhyChooseUs .slide-container,

#FeaturesAndDetails .slide-container {

z-index: 0;

}

#OperateByRemoteControlOrApp input:checked+.slide-container,

#WhyChooseUs input:checked+.slide-container,

#FeaturesAndDetails input:checked+.slide-container {

/* height: 100% !important; */

z-index: 99;

}

.slide-image:hover+.carousel-controls label {

opacity: 0.5;

}

.carousel-controls label:hover {

opacity: 1;

}

@media screen and (max-width: 970px) {

#ebaym {

display: block;

overflow-x: hidden;

font-family: Roboto, Open Sans, Helvetica, Arial;

}

#ebaypc {

display: none;

}

}

@media (min-width: 970px) {

#ebaym {

display: none;

overflow-x: hidden;

}

#ebaypc {

display: block;

/* overflow-x: auto; */

/* min-width: 1200px; */

font-family: Open sans, Arial, Helvetica;

width: 1392px;

margin: 0 auto;

padding-top: 20px;

padding-bottom: 78px;

}

}

.ebaym-content {

/*padding: 10px;*/
/* width: 90%;*/
margin: 0 auto;

}

.ebaym-content-brandinfo {

width: 100%;

height: 100%;

text-align: center;

}

.ebaym-content-brandinfo-img {

width: 100%;

height: 100%;

}

.ebaym-descript {}

.ebaym-descript-title {

margin: 20px 0;

font-size: 16px;

font-weight: bold;

}

.ebaym-descript-imgbox {

margin-top: 10px;

}

.ebaym-descript-img {

width: 100%;

height: 100%;

}

.ebaym-descript-smallbox-title {

margin-top: 8px;

font-size: 14px;

font-weight: bold;

}

.ebaym-descript-smallbox-content {

margin-top: 8px;

font-size: 14px;

}

.ebaym-descript-ul li {

margin: 8px 0 0 0;

padding: 0;

}

.ebaym-descript-slidescontent {

margin: 0;

padding: 0;

}

ul.slides {

margin: 0;

padding: 0 0 28px 0;

position: relative;

background-color: #fff;

width: 100%;

height: 318px;

list-style: none;

overflow: hidden;

}

li.slide {

margin: 0;

padding: 0;

width: inherit;

/* height: inherit;*/

position: absolute;

top: 0;

left: 0;

display: flex;

justify-content: center;

align-items: center;

font-family: Helvetica;

font-size: 120px;

color: #ffffff;

}

.side-pre label {

display: block;

position: absolute;

width: 50%;

height: 100%;

left: 0;

top: 0;

}

.side-next label {

position: absolute;

width: 50%;

height: 100%;

right: 0;

top: 0;

display: block;

}

.slide:nth-of-type(1) {

/* background-color: #f25c05;*/

}

.slide:nth-of-type(2) {

/* background-color: #f2e205;*/

left: 100%;

}

.slide:nth-of-type(3) {

/* background-color: #495f8c;*/

left: 200%;

}

.slide:nth-of-type(4) {

/* background-color: #495f8c;*/

left: 300%;

}

.slide input[type=”radio”] {

position: relative;

z-index: 100;

display: none;

}

.controls-visible {

position: absolute;

bottom: 0px;

width: 100%;

text-align: center;

}

.controls-visible label {

display: inline-block;

width: 10px;

height: 10px;

background-color: #d9d9d9;

border-radius: 50%;

margin: 0 3px;

border: 2px solid #000;

}

.slides input[type=”radio”]:nth-of-type(1):checked~.controls-visible label:nth-of-type(1) {

background-color: #ffd900;

}

.slides input[type=”radio”]:nth-of-type(2):checked~.controls-visible label:nth-of-type(2) {

background-color: #ffd900;

}

.slides input[type=”radio”]:nth-of-type(3):checked~.controls-visible label:nth-of-type(3) {

background-color: #ffd900;

}

.slides input[type=”radio”]:nth-of-type(4):checked~.controls-visible label:nth-of-type(4) {

background-color: #ffd900;

}

.slides input[type=”radio”]:nth-of-type(1):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX0;

}

.slides input[type=”radio”]:nth-of-type(2):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-100%);

}

.slides input[type=”radio”]:nth-of-type(3):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-200%);

}

.slides input[type=”radio”]:nth-of-type(4):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-300%);

}

.slides-block {

padding: 0 0 198px 0 !important;

}

.controls-visible-block {

position: absolute;

bottom: 0px;

width: 100%;

margin: 0 auto;

}

.controls-visible-block label {

display: block;

width: 230px;

height: 35px;

line-height: 35px;

text-align: center;

background-color: #fff;

border-radius: 23px;

margin: 10px auto 0 auto;

border: 1px solid #000;

color: #000;

font-size: 12px;

font-family: “Arial”;

font-weight: bold;

overflow: hidden;
}

.slides input[type=”radio”]:nth-of-type(1):checked~.controls-visible-block label:nth-of-type(1) {

background-color: #000;

color: #fff;

}

.slides input[type=”radio”]:nth-of-type(2):checked~.controls-visible-block label:nth-of-type(2) {

background-color: #000;

color: #fff;

}

.slides input[type=”radio”]:nth-of-type(3):checked~.controls-visible-block label:nth-of-type(3) {

background-color: #000;

color: #fff;

}

.slides input[type=”radio”]:nth-of-type(4):checked~.controls-visible-block label:nth-of-type(4) {

background-color: #000;

color: #fff;

}

.slides input[type=”radio”]:nth-of-type(1):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX0;

}

.slides input[type=”radio”]:nth-of-type(2):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-100%);

}

.slides input[type=”radio”]:nth-of-type(3):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-200%);

}

.slides input[type=”radio”]:nth-of-type(4):checked~.slide {

transform: scale(1);

transition: all 1s ease-in-out;

transform: translateX(-300%);

}

#slidesblockBox {
margin-top: 20px;
}

#slidesblockBox ul.slides {

display: block;

position: relative;

height: 288px;

top: 0;

margin: 0;

padding: 0;

overflow: hidden;

list-style: none;

padding: 0 0 198px 0 !important;

}

#slidesblockBox ul.slides input {

display: none;

}

#slidesblockBox .slide-container {

display: block;

}

#slidesblockBox .slide-image {

display: block;

position: absolute;

width: 100%;

height: 288px;

top: 0;

opacity: 0;

transition: all 0.7s ease-in-out;

}

#slidesblockBox .slide-image img {

width: auto;

width: 100%;

height: 100%;

}

#slidesblockBox .carousel-controls {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 280px;

z-index: 9999;

}

#slidesblockBox .prev-slide {

position: absolute;

width: 50%;

left: 0;

top: 0;

height: 100%;

z-index: 9999;

}

#slidesblockBox .next-slide {

position: absolute;

width: 50%;

right: 0;

top: 0;

height: 100%;

z-index: 9999;

}

#slidesblockBox .carousel-dots {

position: absolute;

left: 0;

right: 0;

bottom: 0;

z-index: 999;

text-align: center;

}

#slidesblockBox .carousel-dots .carousel-dot {

display: block;

width: 230px;

height: 37.5px;

line-height: 37.5px;

text-align: center;

background-color: #fff;

border-radius: 30px;

margin: 10px auto 0 auto;

border: 1px solid #000;

color: #000;

font-size: 12px;
font-weight: bold;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

padding: 0 10px;

}

#slidesblockBox {
width: 384px;
}

#slidesblockBox input:checked + .slide-container .slide-image {

opacity: 1;

transform: scale(1);

transition: opacity 1s ease-in-out background-color 1s ease-in-out;

}

#slidesblockBox input:checked + .slide-container .carousel-controls label {

display: block;

}

#slidesblockBox input#control-1:checked ~ .carousel-dots label#img-dot-1,
#slidesblockBox input#control-2:checked ~ .carousel-dots label#img-dot-2,
#slidesblockBox input#control-3:checked ~ .carousel-dots label#img-dot-3,
#slidesblockBox input#control-4:checked ~ .carousel-dots label#img-dot-4,
#slidesblockBox input#control-5:checked ~ .carousel-dots label#img-dot-5,
#slidesblockBox input#control-6:checked ~ .carousel-dots label#img-dot-6,
#slidesblockBox input#control-7:checked ~ .carousel-dots label#img-dot-7,
#slidesblockBox input#control-8:checked ~ .carousel-dots label#img-dot-8,
#slidesblockBox input#control-9:checked ~ .carousel-dots label#img-dot-9,
#slidesblockBox input#control-10:checked ~ .carousel-dots label#img-dot-10,
#slidesblockBox input#control-11:checked ~ .carousel-dots label#img-dot-11,
#slidesblockBox input#control-12:checked ~ .carousel-dots label#img-dot-12,
#slidesblockBox input#control-13:checked ~ .carousel-dots label#img-dot-13 {

background-color: #000;

color: #fff;

}

#slidesblockBox input:checked + .slide-container .nav label {

display: block;

}

#slidesblockBox .slide-container {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

cursor: pointer;

}

#slidesblockBox .slide-container {

z-index: 0;

}

#slidesblockBox input:checked + .slide-container {

z-index: 99;

}

.vevor-m-swiperbox {
position: relative;
overflow: hidden;
}

.vevor-m-swiperbox input {
display: none;
}

.vevor-m-swiperbox input#slidem1:checked~.vevor-m-slidedotms label#dotm1,
.vevor-m-swiperbox input#slidem2:checked~.vevor-m-slidedotms label#dotm2,
.vevor-m-swiperbox input#slidem3:checked~.vevor-m-slidedotms label#dotm3,
.vevor-m-swiperbox input#slidem4:checked~.vevor-m-slidedotms label#dotm4,
.vevor-m-swiperbox input#slidem5:checked~.vevor-m-slidedotms label#dotm5,
.vevor-m-swiperbox input#slidem6:checked~.vevor-m-slidedotms label#dotm6,
.vevor-m-swiperbox input#slidem7:checked~.vevor-m-slidedotms label#dotm7,
.vevor-m-swiperbox input#slidem8:checked~.vevor-m-slidedotms label#dotm8,
.vevor-m-swiperbox input#slidem9:checked~.vevor-m-slidedotms label#dotm9,
.vevor-m-swiperbox input#slidem10:checked~.vevor-m-slidedotms label#dotm10,
.vevor-m-swiperbox input#slidem11:checked~.vevor-m-slidedotms label#dotm11,
.vevor-m-swiperbox input#slidem12:checked~.vevor-m-slidedotms label#dotm12 {
background-color: rgba(255, 217, 1, 1);
}

.vevor-m-swiperbox input#slidem1:checked~.vevor-m-slides li#slidebox1,
.vevor-m-swiperbox input#slidem2:checked~.vevor-m-slides li#slidebox2,
.vevor-m-swiperbox input#slidem3:checked~.vevor-m-slides li#slidebox3,
.vevor-m-swiperbox input#slidem4:checked~.vevor-m-slides li#slidebox4,
.vevor-m-swiperbox input#slidem5:checked~.vevor-m-slides li#slidebox5,
.vevor-m-swiperbox input#slidem6:checked~.vevor-m-slides li#slidebox6,
.vevor-m-swiperbox input#slidem7:checked~.vevor-m-slides li#slidebox7,
.vevor-m-swiperbox input#slidem8:checked~.vevor-m-slides li#slidebox8,
.vevor-m-swiperbox input#slidem9:checked~.vevor-m-slides li#slidebox9,
.vevor-m-swiperbox input#slidem10:checked~.vevor-m-slides li#slidebox10,
.vevor-m-swiperbox input#slidem11:checked~.vevor-m-slides li#slidebox11,
.vevor-m-swiperbox input#slidem12:checked~.vevor-m-slides li#slidebox12 {
left: 0;
transition: left 0.3s ease-out;
}

.vevor-m-slides {
position: relative;
width: 100%;
height: 288px;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.vevor-m-slide {
width: 100%;
height: 288px;
position: absolute;
top: 0;
left: 100%;
}

.vevor-m-slide img {
width: 100%;
height: 100%;
}

.vevor-m-slidedotms {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
height: 15px;
line-height: 15px;
width: 100%;
}

.vevor-m-slidedotms label {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #000;
margin: 0 3px;
cursor: pointer;
}

/* 轮播图左右箭头 */
.vevor-m-arrow .prev-slide {
left: 0;
}

.vevor-m-arrow label {
position: absolute;
top: 0;
width: 50%;
height: 100%;
opacity: 0.5;
cursor: pointer;
}

.vevor-m-arrow .next-slide {
right: 0;
}

.vevor-m-slides li {
list-style: none;
}

.vevor-m-label-swiperbox {
position: relative;
height: 288px;
/* padding-bottom: 198px;*/
overflow: hidden;
}

.vevor-m-label-swiperbox input {
display: none;
}

.vevor-m-label-swiperbox input#slidem1:checked~.vevor-m-label-slidedotms label#dotmlabel1,
.vevor-m-label-swiperbox input#slidem2:checked~.vevor-m-label-slidedotms label#dotmlabel2,
.vevor-m-label-swiperbox input#slidem3:checked~.vevor-m-label-slidedotms label#dotmlabel3,
.vevor-m-label-swiperbox input#slidem4:checked~.vevor-m-label-slidedotms label#dotmlabel4,
.vevor-m-label-swiperbox input#slidem5:checked~.vevor-m-label-slidedotms label#dotmlabel5,
.vevor-m-label-swiperbox input#slidem6:checked~.vevor-m-label-slidedotms label#dotmlabel6,
.vevor-m-label-swiperbox input#slidem7:checked~.vevor-m-label-slidedotms label#dotmlabel7,
.vevor-m-label-swiperbox input#slidem8:checked~.vevor-m-label-slidedotms label#dotmlabel8,
.vevor-m-label-swiperbox input#slidem9:checked~.vevor-m-label-slidedotms label#dotmlabel9,
.vevor-m-label-swiperbox input#slidem10:checked~.vevor-m-label-slidedotms label#dotmlabel10,
.vevor-m-label-swiperbox input#slidem11:checked~.vevor-m-label-slidedotms label#dotmlabel11,
.vevor-m-label-swiperbox input#slidem12:checked~.vevor-m-label-slidedotms label#dotmlabel12 {
background-color: #000;
color: #fff;
}

.vevor-m-label-swiperbox input#slidem1:checked~.vevor-m-label-slides li#slidebox1,
.vevor-m-label-swiperbox input#slidem2:checked~.vevor-m-label-slides li#slidebox2,
.vevor-m-label-swiperbox input#slidem3:checked~.vevor-m-label-slides li#slidebox3,
.vevor-m-label-swiperbox input#slidem4:checked~.vevor-m-label-slides li#slidebox4,
.vevor-m-label-swiperbox input#slidem5:checked~.vevor-m-label-slides li#slidebox5,
.vevor-m-label-swiperbox input#slidem6:checked~.vevor-m-label-slides li#slidebox6,
.vevor-m-label-swiperbox input#slidem7:checked~.vevor-m-label-slides li#slidebox7,
.vevor-m-label-swiperbox input#slidem8:checked~.vevor-m-label-slides li#slidebox8,
.vevor-m-label-swiperbox input#slidem9:checked~.vevor-m-label-slides li#slidebox9,
.vevor-m-label-swiperbox input#slidem10:checked~.vevor-m-label-slides li#slidebox10,
.vevor-m-label-swiperbox input#slidem11:checked~.vevor-m-label-slides li#slidebox11,
.vevor-m-label-swiperbox input#slidem12:checked~.vevor-m-label-slides li#slidebox12 {
left: 0;
transition: left 0.3s ease-out;
}

.vevor-m-label-slides {
position: relative;
width: 100%;
height: 288px;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.vevor-m-label-slide {
width: 100%;
height: 280px;
position: absolute;
top: 0;
left: 100%;
}

.vevor-m-label-slide img {
width: 100%;
height: 100%;
}

.vevor-m-label-slidedotms {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
}

.vevor-m-label-slidedotms label {
display: block;
width: 230px;
height: 37.5px;
line-height: 37.5px;
text-align: center;
background-color: #fff;
border-radius: 30px;
margin: 10px auto;
border: 1px solid #808080;
color: #000;
font-size: 12px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
font-family: “Arial”;
}

/* 轮播图左右箭头 */
.vevor-m-label-arrow .prev-slide {
left: 0;
}

.vevor-m-label-arrow label {
position: absolute;
top: 0;
width: 50%;
height: 100%;
opacity: 0.5;
cursor: pointer;
}

.vevor-m-label-arrow .next-slide {
right: 0;
}

.vevor-m-label-slides li {
list-style: none;
}

.vevor-pc-label-swiperbox {
position: relative;
height: 600px;
overflow: hidden;
}

.vevor-pc-label-swiperbox input {
display: none;
}

.vevor-pc-label-swiperbox input#slidepc1:checked~.vevor-pc-label-slidedotms label#dotpclabel1,
.vevor-pc-label-swiperbox input#slidepc2:checked~.vevor-pc-label-slidedotms label#dotpclabel2,
.vevor-pc-label-swiperbox input#slidepc3:checked~.vevor-pc-label-slidedotms label#dotpclabel3,
.vevor-pc-label-swiperbox input#slidepc4:checked~.vevor-pc-label-slidedotms label#dotpclabel4,
.vevor-pc-label-swiperbox input#slidepc5:checked~.vevor-pc-label-slidedotms label#dotpclabel5,
.vevor-pc-label-swiperbox input#slidepc6:checked~.vevor-pc-label-slidedotms label#dotpclabel6,
.vevor-pc-label-swiperbox input#slidepc7:checked~.vevor-pc-label-slidedotms label#dotpclabel7,
.vevor-pc-label-swiperbox input#slidepc8:checked~.vevor-pc-label-slidedotms label#dotpclabel8,
.vevor-pc-label-swiperbox input#slidepc9:checked~.vevor-pc-label-slidedotms label#dotpclabel9,
.vevor-pc-label-swiperbox input#slidepc10:checked~.vevor-pc-label-slidedotms label#dotpclabel10,
.vevor-pc-label-swiperbox input#slidepc11:checked~.vevor-pc-label-slidedotms label#dotpclabel11,
.vevor-pc-label-swiperbox input#slidepc12:checked~.vevor-pc-label-slidedotms label#dotpclabel12 {
background-color: #000;
color: #fff;
}

.vevor-pc-label-swiperbox input#slidepc1:checked~.vevor-pc-label-slides li#slidebox1,
.vevor-pc-label-swiperbox input#slidepc2:checked~.vevor-pc-label-slides li#slidebox2,
.vevor-pc-label-swiperbox input#slidepc3:checked~.vevor-pc-label-slides li#slidebox3,
.vevor-pc-label-swiperbox input#slidepc4:checked~.vevor-pc-label-slides li#slidebox4,
.vevor-pc-label-swiperbox input#slidepc5:checked~.vevor-pc-label-slides li#slidebox5,
.vevor-pc-label-swiperbox input#slidepc6:checked~.vevor-pc-label-slides li#slidebox6,
.vevor-pc-label-swiperbox input#slidepc7:checked~.vevor-pc-label-slides li#slidebox7,
.vevor-pc-label-swiperbox input#slidepc8:checked~.vevor-pc-label-slides li#slidebox8,
.vevor-pc-label-swiperbox input#slidepc9:checked~.vevor-pc-label-slides li#slidebox9,
.vevor-pc-label-swiperbox input#slidepc10:checked~.vevor-pc-label-slides li#slidebox10,
.vevor-pc-label-swiperbox input#slidepc11:checked~.vevor-pc-label-slides li#slidebox11,
.vevor-pc-label-swiperbox input#slidepc12:checked~.vevor-pc-label-slides li#slidebox12 {
left: 0;
transition: left 0.3s ease-out;
}

.vevor-pc-label-slides {
position: relative;
width: 100%;
height: 600px;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.vevor-pc-label-slide {
width: 100%;
height: 600px;
position: absolute;
top: 0;
left: 100%;
}

.vevor-pc-label-slide img {
width: 100%;
height: 100%;
}

.vevor-pc-label-slidedotms {
position: absolute;
top: 10px;
left: 0;
text-align: center;
width: 100%;
}

.vevor-pc-label-slidedotms label {
display: inline-block;
width: 200px;
line-height: 40px;
text-align: center;
background-color: #fff;
border-radius: 23px;
margin: 10px;
border: 1px solid #000;
color: #000;
font-size: 16px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
cursor: pointer;
}

/* 轮播图左右箭头 */
.vevor-pc-label-arrow label span {
display: block;
position: absolute;
top: 50%;
width: 70px;
height: 70px;
font-size: 64px !important;
border-radius: 50%;
line-height: 70px;
text-align: center;
transform: translateY(-50%);
cursor: pointer;
}

.vevor-pc-label-arrow .next-slide {
right: 0;
}

.vevor-pc-label-arrow .prev-slide {
left: 0;
}

.vevor-pc-label-arrow label {
position: absolute;
top: 0;
width: 50%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.vevor-pc-label-arrow label:hover {
opacity: 1;
}

.vevor-pc-label-arrow .prev-slide span {
left: 10px;
}

.vevor-pc-label-arrow .next-slide span {
right: 10px;
}

.vevor-pc-label-arrow .prev-slide span {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-label-arrow .next-slide span {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+);
}

.vevor-pc-label-arrow .prev-slide span:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-label-arrow .next-slide span:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-label-slides li {
list-style: none;
}

.vevor-pc-swiperbox {
position: relative;
height: 600px;
overflow: hidden;
}

.vevor-pc-swiperbox input {
display: none;
}

.vevor-pc-swiperbox input#slide1:checked~.vevor-pc-slidedots label#dot1,
.vevor-pc-swiperbox input#slide2:checked~.vevor-pc-slidedots label#dot2,
.vevor-pc-swiperbox input#slide3:checked~.vevor-pc-slidedots label#dot3,
.vevor-pc-swiperbox input#slide4:checked~.vevor-pc-slidedots label#dot4,
.vevor-pc-swiperbox input#slide5:checked~.vevor-pc-slidedots label#dot5,
.vevor-pc-swiperbox input#slide6:checked~.vevor-pc-slidedots label#dot6,
.vevor-pc-swiperbox input#slide7:checked~.vevor-pc-slidedots label#dot7,
.vevor-pc-swiperbox input#slide8:checked~.vevor-pc-slidedots label#dot8,
.vevor-pc-swiperbox input#slide9:checked~.vevor-pc-slidedots label#dot9,
.vevor-pc-swiperbox input#slide10:checked~.vevor-pc-slidedots label#dot10,
.vevor-pc-swiperbox input#slide11:checked~.vevor-pc-slidedots label#dot11,
.vevor-pc-swiperbox input#slide12:checked~.vevor-pc-slidedots label#dot12 {
background-color: rgba(255, 217, 1, 1);
}

.vevor-pc-swiperbox input#slide1:checked~.vevor-pc-slides li#slidebox1,
.vevor-pc-swiperbox input#slide2:checked~.vevor-pc-slides li#slidebox2,
.vevor-pc-swiperbox input#slide3:checked~.vevor-pc-slides li#slidebox3,
.vevor-pc-swiperbox input#slide4:checked~.vevor-pc-slides li#slidebox4,
.vevor-pc-swiperbox input#slide5:checked~.vevor-pc-slides li#slidebox5,
.vevor-pc-swiperbox input#slide6:checked~.vevor-pc-slides li#slidebox6,
.vevor-pc-swiperbox input#slide7:checked~.vevor-pc-slides li#slidebox7,
.vevor-pc-swiperbox input#slide8:checked~.vevor-pc-slides li#slidebox8,
.vevor-pc-swiperbox input#slide9:checked~.vevor-pc-slides li#slidebox9,
.vevor-pc-swiperbox input#slide10:checked~.vevor-pc-slides li#slidebox10,
.vevor-pc-swiperbox input#slide11:checked~.vevor-pc-slides li#slidebox11,
.vevor-pc-swiperbox input#slide12:checked~.vevor-pc-slides li#slidebox12 {
left: 0;
transition: left 0.3s ease-out;
}

.vevor-pc-slides {
position: relative;
width: 100%;
height: 600px;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.vevor-pc-slide {
width: 100%;
height: 600px;
/* position: absolute;*/
top: 0;
left: 100%;
}

.vevor-pc-slide img {
width: 100%;
height: 100%;
}

.vevor-pc-slidedots {
position: absolute;
bottom: 20px;
left: 0;
text-align: center;
height: 10px;
width: 100%;
}

.vevor-pc-slidedots label {
display: inline-block;
width: 28px;
height: 8px;
border-radius: 12px;
background-color: #fff;
border: 1px solid #000;
margin-right: 8px;
cursor: pointer;
}

/* 轮播图左右箭头 */
.vevor-pc-arrow .prev-slide {
left: 0;
}

.vevor-pc-arrow label {
position: absolute;
top: 0;
width: 50%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.vevor-pc-arrow label:hover {
opacity: 1;
}

.vevor-pc-arrow .next-slide {
right: 0;
}

.vevor-pc-arrow label span {
display: block;
position: absolute;
top: 50%;
width: 70px;
height: 70px;
font-size: 64px !important;
border-radius: 50%;
line-height: 70px;
text-align: center;
transform: translateY(-50%);
cursor: pointer;
}

.vevor-pc-arrow .prev-slide span {
left: 10px;
}

.vevor-pc-arrow .next-slide span {
right: 10px;
}

.vevor-pc-arrow .prev-slide span {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6I0IzQjNCMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-arrow .next-slide span {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDE4MCAzNSAzNSkiPjxwYXRoIGlkPSLot6/lvoQgMSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojQjNCM0IzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApICByb3RhdGUoOTAgMzUgMzUpIiBvcGFjaXR5PSIxIiBkPSJNNzAsMzVDNzAsMTUuNjcgNTQuMzMsMCAzNSwwQzE1LjY3LDAgMCwxNS42NyAwLDM1QzAsNTQuMzMgMTUuNjcsNzAgMzUsNzBDNTQuMzMsNzAgNzAsNTQuMzMgNzAsMzVaICIgLz48cGF0aCAgaWQ9Iui3r+W+hCAyIiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7IHN0cm9rZS13aWR0aDo1OyBzdHJva2Utb3BhY2l0eToxOyBzdHJva2UtZGFzaGFycmF5OjAgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjY4MTMzODAyODE2OSAyNy4xNDM0ODU5MTU0OTI5NTYpICByb3RhdGUoOTAgMTUuNzEzMDI4MTY5MDE0MDg0IDcuODU2NTE0MDg0NTA3MDQyKSIgZD0iTTMxLjQzLDBMMTUuNzEsMTUuNzFMMCwwICIgLz48L2c+PC9zdmc+);
}

.vevor-pc-arrow .prev-slide span:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-arrow .next-slide span:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSI+PGcgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKC0xODAgMzUgMzUpIj48cGF0aCBpZD0i6Lev5b6EIDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9ImZpbGw6IzdGN0Y3RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSAgcm90YXRlKDkwIDM1IDM1KSIgb3BhY2l0eT0iMSIgZD0iTTcwLDM1QzcwLDE1LjY3IDU0LjMzLDAgMzUsMEMxNS42NywwIDAsMTUuNjcgMCwzNUMwLDU0LjMzIDE1LjY3LDcwIDM1LDcwQzU0LjMzLDcwIDcwLDU0LjMzIDcwLDM1WiAiIC8+PHBhdGggIGlkPSLot6/lvoQgMiIgc3R5bGU9InN0cm9rZTojRkZGRkZGOyBzdHJva2Utd2lkdGg6NTsgc3Ryb2tlLW9wYWNpdHk6MTsgc3Ryb2tlLWRhc2hhcnJheTowIDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjY2ODEzMzgwMjgxNjkgMjcuMTQzNDg1OTE1NDkyOTU2KSAgcm90YXRlKDkwIDE1LjcxMzAyODE2OTAxNDA4NCA3Ljg1NjUxNDA4NDUwNzA0MikiIGQ9Ik0zMS40MywwTDE1LjcxLDE1LjcxTDAsMCAiIC8+PC9nPjwvc3ZnPg==);
}

.vevor-pc-slides li {
list-style: none;
}

.rl-container {
width: 975px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 20px auto;
}

.rl-container-title {
font-size: 16px;
font-family: Arial, sans-serif;
margin: 20px 0;
}

.rl-listing {
width: 184px;
display: flex;
flex-direction: column;
margin: 5px;
}

.rl-listing img {
width: 184px;
height: 184px;
}

.rl-listing a {
text-decoration: none;
}

.rl-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top: 20px;
}