﻿body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
table,td{margin:0px;padding:0px;}
.mainPage{ width:960px; margin:0px auto; background-color:#f7f7f7; }
.mainPage .main{ width:914px; padding:25px 23px 25px 23px;}
.mainPage .main .bannerdiv{ width:912px; height:303px; border:1px solid #cccccc;}
.mainPage .main .markting{ width:914px; margin:24px auto; overflow:hidden;}
.mainPage .main .markting .mpicture{ width:914px; margin-top:20px;}
.mainPage .main .markting .mpicture .pdiv{ width:257px; float:left;}
.mainPage .main .markting .mpicture .pdiv .mpdiv{ width:255px; height:189px; border:1px solid #cccccc;}
.mainPage .main .markting .mpicture .pdiv .mpname{ width:230px; margin:10px auto; font-family:Arial; color:#666666; font-size:12px;}
.mainPage .main .markting .mpicture .pd{ margin-left:69px;}
.mainPage .main .storedescrit{ font-family:Arial; color:#0d814b; text-align:center; line-height:70px;}
.mainPage .main .storetext{ font-family:Arial; font-size:12px; color:#333333; width:804px; margin-bottom:30px; margin-left:55px; line-height:20px;}
.mainPage .main .itemname{ font-family:Arial; color:#4d4d4d; text-align:center; line-height:60px;}
.mainPage .main .itemimg{ width:912px; height:auto; border:1px solid #cccccc;}
.mainPage .main .itemimg .itemkey{ width:912px; color:#0d814b; text-align:center; line-height:60px;}
.mainPage .main .itemimg .imgdiv{ width:800px; height:auto; margin:0 auto;}
.mainPage .main .itemimg .imgdiv .smallimg{ width:132px; height:475px; float:left;}
.mainPage .main .itemimg .imgdiv .smallimg .smallog{ width:132px; height:35px; margin:42px 0px 0px 0px; padding-bottom:14px;}
.mainPage .main .itemimg .imgdiv .smallimg .smalldiv{ width:126px; height:79px; margin-right:4px; margin-top:14px; cursor:pointer;}
.mainPage .main .itemimg .imgdiv .bigimg{ width:736px; height:473px; border:1px solid #cccccc; float:left; margin-left:15px;}
.mainPage .main .descript{ width:914px; margin:50px 0px 20px 0px;}
.mainPage .main .line{ width:914px; height:1px; background-color:#cccccc;}
.mainPage .main .userself{ width:784px; margin:35px 60px 50px 65px;}

#tab1, #tab2, #tab3, #tab4, #tab5{ margin:0px auto; width:914px; margin-top:23px; padding-top:20px;}
.p1{ background:url(../images/shipping.jpg); width:140px;}
.p2{background:url(../images/payment.jpg); width:125px;}
.p3{background:url(../images/return.jpg); width:177px;}
.p4{background:url(../images/leave.jpg); width:213px;}
.ulinks{ border-bottom:1px solid #999999; height: 33px; width: 914px;}
ul.tablinks{ height: 33px; width: 914px; display: block; margin:0px auto;}
ul.tablinks li {display: inline; float: left; margin-right:20px; margin-left:20px; cursor:pointer;}
ul.tablinks a, ul.tablinks span
{
    height: 33px;
    display: block;
}
ul.tablinks span, ul.tablinks a:hover { border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; }
ul.tablinks a {color: #FFFFFF;}
.menudiv2{ background-color: #FFFFFF; padding-top: 20px; width: 914px; margin:0px auto; padding-bottom: 12px;}
.menudiv2 .scrollDiv { font-family: Arial; font-weight: bold; font-size:12px; line-height: 20px; padding-top:10px; margin-left:40px; width:874px;}
.menudiv2 .scrollDiv .shipmethod{ margin-left:80px; margin-bottom:20px;}
.simg{ margin-right: 20px;}

.mainPage .main .feedback{ width:914px; margin:50px 0px 20px 0px;}
.mainPage .main .feedbacktext{ width:914px;}
.mainPage .main .feedbacktext ul.feedbacklink{ height:34px; width:914px; display:block; margin-top:40px; margin-bottom:20px;}
.mainPage .main .feedbacktext ul.feedbacklink li.l1{ width:480px; padding-left:50px;}
.mainPage .main .feedbacktext ul.feedbacklink li.l2{ width:155px; padding-left:5px;}
.mainPage .main .feedbacktext ul.feedbacklink li.l3{ width:219px; padding-left:5px;}
.mainPage .main .feedbacktext ul.feedbacklink li{display: inline; float: left; cursor:pointer;}
.mainPage .main .feedbacktext ul.feedbacklink li span
{
    height: 24px;
    display: block;
    font-size:18px;
    font-family:Arial;
    color:#000;
    padding-top:10px;
    font-weight:bold;
}
.mainPage .main .feedbacktext .tabfeedback{border-collapse: collapse; width:864px; margin-left:30px;}
.mainPage .main .feedbacktext .tabfeedback td{border: 1px solid #CCCCCC; height:40px; color:#000; font-family:Arial; font-size:14px; padding-left:5px;}
.mainPage .main .feedbacktext .tabfeedback .td1{ width:525px;}
.mainPage .main .feedbacktext .tabfeedback .td2{ width:155px;}
.mainPage .main .feedbacktext .tabfeedback .td3{ width:199px;}
/*phone-change2017-12-1-start*/
.descriptTable{ background:#000; width:432px; }
.mainPage .main .banner .pcBanner{ display:block; border:1px solid #ccc; margin: 5px auto;}
.mainPage .main .banner .phBanner{ display:none;}
.pbluePh{ display:none; }
/*promotion-start*/
.promotion{ width:960px;margin:5px auto;}
.promotionProduct{ width:960px;overflow: hidden; }
.promotionProductList{ width:160px;height: 210px;margin: 16px 11px;float: left;border:1px solid #dedede;overflow:hidden;}
.promotionProductList .promotionProductListTxt{ width:160px;height:46px; margin-top: 4px; overflow:hidden;font-size:12px;line-height: 15px;text-align: center;}
/*promotion-end*/
/*stock-start*/
.stock{width:960px;margin:5px auto; }
.stockProduct{ width:960px;overflow: hidden;}
.stockProduct .stockProductList{ width:160px;height: 210px;margin: 16px 11px;float: left;border:1px solid #dedede;overflow:hidden;}
.stockProductList .stockProductListTxt{ width:160px;height:46px; margin-top: 4px; overflow:hidden;font-size:12px;line-height: 15px;text-align: center;}
.related{ width:960px;margin:5px auto;}
.relatedProduct{ width:960px;overflow: hidden;}
.relatedProduct .relatedProductList{ width:160px;height: 210px;margin: 16px 11px;float: left;border:1px solid #dedede;overflow:hidden;}
.relatedProduct .relatedProductTxt{ width:160px;height:46px; margin-top: 4px; overflow:hidden;font-size:12px;line-height: 15px;text-align: center;}
/*stock-end*/
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width:100%;}
/*phone-change2017-12-1-end*/
/*switchPart*/
main {
  min-width: 320px;
  max-width: 100%;
  padding: 50px;
  margin: 0 auto;
  background: #f7f7f7;
  padding-top:35px;
}
section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #666;
  font-size:14px;
  padding-top:28px;
  line-height:28px;
}
input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 7px 25px;
  font-weight: 600;
  text-align: center;
  color:#0d814b;
  border: 1px solid transparent;
  width:15%;
  font-size:20px;
}
.labelS{

 width:19%;

}
.labelO{

	width:22%;

	}
label:hover {
  color: #888;
  cursor: pointer;
}
input:checked + label {
  color: #555;
  border: 1px solid #666;
  border-top: 2px solid #0d814b;
  border-bottom: 1px solid #f7f7f7;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  label:before {
	margin: 0;
	font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
	   font-size:12px;
	 width:auto;
  }

}
/**/
.img{ float:left; width:370; height:auto; margin-right:25px; margin-bottom:15px; border:1px solid #a29f9f;}
/* 2017-6-16add-icon*/
.textIcon{ background:url(../images/text_icon.png) no-repeat; text-indent:25px; line-height:1;}
.noticeIcon{ background:url(../images/notice_icon.png) no-repeat;text-indent:25px; line-height:1;}
.textT_icon{background:url(../images/textT_icon.png) no-repeat;text-indent:25px;line-height:1;}
@media screen and (max-width: 479px) {
	.mainPage{ width:100%;}
	.mainPage .main{ width:100%; padding:0px;   }
	.mainPage .main .banner div img{ width:100%; }
	/*.mainPage .main .banner .pcBanner{ display:none;}*/
    .mainPage .main .banner .pcBanner img{width: 100%;}
	.mainPage .main .banner .phBanner{ display:block; border:1px solid #ccc; margin: 5px auto;}
	.mainPage .main .userself{ width:98%; margin:0px; padding:0 1%; font-size:12px; word-wrap:break-word;}
	.descriptTable{ width:365px;}
	main{ padding:0px; margin-top:40px;}
	#tab1, #tab2, #tab3, #tab4, #tab5{ padding:0px;}
	label {font-size:12px; width:auto; padding:5px;}
	.labelS{ width:auto;}
	.labelO{ width:auto;}
	section{ padding:20px 5px; font-size:12px;}
	.mainPage .main .feedbacktext{ width:100%;}
	.mainPage .main .line{ width:100%;}
	.mainPage .main .feedbacktext{ width:100%;}
	.mainPage .main .feedbacktext ul.feedbacklink{ width:100%;}
	.mainPage .main .feedbacktext ul.feedbacklink li.l1{ width:120px; padding-left:0px; text-align:center;}
	.mainPage .main .feedbacktext ul.feedbacklink li.l2{ width:120px; text-align:center;}
	.mainPage .main .feedbacktext ul.feedbacklink li.l3{ width:120px; text-align:center;}
	.mainPage .main .feedbacktext .tabfeedback{ width:100%; margin-left:0px; }
	.mainPage .main .storetext{ width:100%; margin-left:0px;}
	.mainPage .main .itemimg{ width:100%; border:none;}
	.mainPage .main .itemimg .imgdiv{ width:100%; }
	.img{ width:320px; margin-right:0px; margin:0 auto; float:none; margin-bottom:10px;}
	.img img{ width:320px;}
	.mainPage .main .itemimg .itemkey{ width:100%; line-height:40px; }
	.mainPage .main .descript{ width:100%;}
	#content1 .scrollDiv img{ width:100%;}
	#content2 .scrollDiv img{ width:100%;}
	.descript img{ width:100%; }
	.descriptContentTable{ width:100%;}
	.descriptContentTable .nowrapTitle{ width:75px; border:1px solid #999;}
	.descriptContentTable .nowrapTxt{ width:292px; text-align:center; border:1px solid #999;}
	.mainPage .main .feedback{ width:100%;}
	.mainPage .main .userself table{ display:initial; }
	.itemname h2{ font-size:18px; }
	.mainPage .main .itemname{ line-height:30px;}
   /*promotion-start*/
   .promotion{ width:100%; }
   .promotionTitle{ width:100%;}
   .promotionTitle a{ width:100%;}
   .promotionTitle a img{ width:100%;}
   .promotionProduct{ width:100%;}
   .promotionProductList{}
   .promotionProductList .promotionProductListTxt{ }
   .stock{ width:100%;}
   .stockTitle a img{ width:100%;}
   .stockProduct{ width:100%;}
  .stockProduct .stockProductList{ }
  .stockProductList .stockProductListTxt{ }
  .related{ width:100%;}
  .relatedTitle a img{ width:100%;}
  .relatedProduct{ width:100%;}
  .relatedProduct .relatedProductList{}
  .relatedProduct .relatedProductTxt{}
   /*promotion-end*/
 .mainPage .main .storedescrit{ line-height:40px; }
    /*add picture*/
    .addPicture{ text-align: center; width: 100%;}
    .addPicture img{ width: 100%;}
}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
    width: 100%;
    height: 486px;
    background-size: 100% auto;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.video-container .btn{
    width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
    align-items: center;
    justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
    .video-wrap{width: 100%;}
}
