/* your styles go here */
@media screen and (max-width: 786px) { 
.serviceleft
 {
	 display:none; 
 }
 }
 @media screen and (max-width: 786px) { 
.left_nav
 {
	 display:none; 
 }
 }
  @media screen and (max-width: 786px) { 
.ms_navs
 {
	 display:none; 
 }
 }
 @media screen and (max-width: 786px) { 
.ms_navae
 {
	 display:none; 
 }
 }
 
.pro-details-ml {margin-top:10px;
  margin-bottom: 2px;
  width:100%;float:left;
}
.pro-details-ml h6 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 3 3px;
  text-transform: uppercase;
}
.pro-details-ml a {
  font-size: 14px;
  border: 1px solid #e7e7e7;
  padding: 1px 4px 1px 4px;
  color: #303030;
  display: block;
  word-break: break-all;word-wrap: break-word;
  float: left;
  line-height: 36px;
  margin-right: 10px;
  margin-top:10px;
  text-align: left;
  text-transform: uppercase;
  width: auto;
}


.pro-details-size1 {margin-top:10px;
  margin-bottom: 5px;
  width:100%;float:left;
}
.pro-details-size1 h6 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 3 3px;
  text-transform: uppercase;
}
.pro-details-size1 a {
  border: 1px solid #e7e7e7;
  color: #303030;
  height: 32px;
  line-height: 32px;
  min-width: 40px;
  text-align: center;
  border-radius: 5px;
  padding: 0 9px;
  background: #fff;
  margin-bottom:10px;
  margin-right:5px;
  text-decoration:none;
}

.pro-details-size1 a:hover {
  border: 1px solid #d1d1d1;
  border-width: 1px;
  border-style: solid;
  background-color:#3BB77E; 
  border-color: #3BB77E;
  text-decoration:none;
}

.pro-details-size1 .active a {
  border: 1px solid #d1d1d1;
  background-color: #3BB77E;
  border-color: #3BB77E;
  text-decoration:none;
  }

.pro-details-color1-quantity {
  margin-bottom: 40px;
}
.pro-details-color1 {
  width: 100%; float:left;
}
.pro-details-color1 h6 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 3 3px;
  text-transform: uppercase;
}
.pro-details-color1 a {
   border: 1px solid #e7e7e7;
padding:2px;
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  margin-top:10px;
  text-indent: -999999px;
  width: 36px;
}
.pro-details-color1 .color-白色 {
  background-color: #ededed;padding:2px;
}
.pro-details-color1 .color-黑色 {
  background-color: #000000;padding:2px;
}
.pro-details-color1 .color-绿色 {
  background-color: #006400;
}
.pro-details-color1 .color-宝蓝 {
  background-color: #000080;
}
.pro-details-color1 .color-紫色 {
  background-color: #4B0082;
}
.pro-details-color1 .color-红色 {
  background-color: #CD0000;
}
.pro-details-color1 .color-灰色 {
  background-color: #d6d6d6;
}
.pro-details-color1 .color-玫红 {
  background-color: #d10cf4;
}
.pro-details-color1 .color-蓝色 {
  background-color: #109ae9;
}
.pro-details-color1 .color-橙色 {
  background-color: #f4570b;
}
.pro-details-color1 .color-黄色 {
  background-color: #f7ff17;
}
.pro-details-color1 .color-荧光绿 {
  background-color: #8bff03;
}
.pro-details-color1 .color-果绿 {
  background-color: #4bff4b;
}
.pro-details-color1 .color-粉色 {
  background-color: #ffb4f9;
}
.pro-details-color1 .color-彩蓝 {
  background-color: #0006f7;
}
.pro-details-color1 .color-天蓝 {
  background-color: #59ceff;
}
.pro-details-color1 .color-藏青 {
  background-color: #050739;
}
.pro-details-color1 .color-深红 {
  background-color: #5e0a0a;
}
.pro-details-color1 .color-深灰 {
  background-color: #676767;
}
.pro-details-color1 .color-浅兰 {
  background-color: #79cafe;
}
.pro-details-color1 .color-大红 {
  background-color: #ff0000;
}
.pro-details-color1 .color-草绿 {
  background-color: #3b9f09;
}
.pro-details-color1 .color-藏蓝 {
  background-color: #0c112e;
}
.pro-details-color1 .color-浅蓝 {
  background-color: #97d4ff;
}
.pro-details-color1 .color-桔色 {
  background-color: #fe8b1b;
}
.pro-details-color1 .color-翠兰 {
  background-color: #5aafcb;
}
.pro-details-color1 .color-中绿 {
  background-color: #3596a7;
}
.pro-details-color1 .color-牛兰 {
  background-color: #144083;
}
.pro-details-color1 .color-墨兰 {
  background-color: #072846;
}
.pro-details-color1 .color-墨绿 {
  background-color: #062b03;
}
.pro-details-color1 .color-酒红 {
  background-color: #4b0b0d;
}
.pro-details-color1 .color-桔红 {
  background-color: #fe4200;
}
.pro-details-color1 .color-中绿 {
  background-color: #047c7d;
}
.pro-details-color1 .color-花灰 {
  background-color: #b9b9b9;
}
.pro-details-color1 .color-彩兰 {
  background-color: #0b11ff;
}
.pro-details-color1 .color-翠绿 {
  background-color: #056746;
}
.pro-details-color1 .color-浅紫 {
  background-color: #b65fff;
}
.pro-details-color1 .color-金黄 {
  background-color: #f9be0c;
}
.pro-details-color1 .color-军绿 {
  background-color: #3d4008;
}
.pro-details-color1 .color-孔蓝 {
  background-color: #2898e6;
}
.pro-details-color1 a.active {
  border: 6px solid #fff;
  outline: 1px solid #303030;
  outline-offset: -1px;
  overflow: hidden;
}
.pro-details-size a {
  font-size: 14px;
  border: 1px solid #da4d4d;
  padding: 1px 5px 1px 5px;
  color: #303030;
  display: block;
  float: left;
  height: auto;
  line-height: 23px;
  margin: 4px 5px 4px 5px;
  text-align: left;
  text-transform: uppercase;
  width: auto;
}
.pro-details-size a:hover {
 border: 1px solid #d1d1d1;
  border-width: 1px;
  border-style: solid;
  background-color:#da4d4d; 
}
.pro-details-ml{
	width:100%;
	margin-top:2px;
  margin-bottom: 15px;
}
.pro-details-ml span {
  line-height: 16px;
  display: block;
  font-weight: 500;
  float: left;
}
.pro-details-ml .pie {
  color: #FF6A6A;
  font-size: 15px;
  font-weight: 400;
  margin-right: 8px;
}
.pro-details-ml .new {
  color: #FF6A6A;
  font-size: 18px;
  font-weight: 700;
  margin-right: 2px;
}
.pro-details-ml .old {
  color: #909090;
  font-size: 14px;
  position: relative;
  padding: 0 5px 0 4px;
}
.ms_navs{position:fixed;left:14px;bottom:129px;z-index:1000;width:107px;text-align:center;background:#fff;border:1px solid rgba(1,1,1,.16);border-top:12px solid #da4d4d;border-radius:4px}
.ms_nav{position:relative;padding:15px 0 20px;cursor:pointer}
.ms_nav_img{width:20px;height:auto}
.ms_nav_b{margin-top:4px;font-size:13px;font-weight:700;text-indent:8px}
.ms_nav_p{font-size:12px}
.ms_nav_l{margin:0 24px;height:0;border-bottom:1px dotted #dbdbdb}
.ms_nav_back{top:0;left:0;height:100%;background-color:#da4d4d;transform:rotateY(-90deg);transition:all .1s ease-out}
.ms_nav_back,.ms_nav_bbox{position:absolute;width:100%}
.ms_nav_bbox{top:50%;left:50%;transform:translate(-50%,-50%)}
.ms_nav_front{transition:all .1s ease-out .13s}
.ms_nav:hover .ms_nav_front{transition:all .1s ease-out;transform:rotateY(90deg)}
.ms_nav:hover .ms_nav_back{transition:all .1s ease-out .13s;transform:rotateY(0deg)}
.ms_img{position:relative;left:-8px;margin:17px 0 6px;width:109px;height:79px;animation:msMove .8s ease infinite 80ms alternate}
@keyframes msMove{0%{transform:translateY(2px)}to{transform:translateY(-12px)}}
.ms_btn{height:43px;line-height:43px;background-color:#da4d4d;font-size:14px;font-weight:700;text-indent:3px;cursor:pointer}
.ms_btn .icon-tshe-arrow-drop-up{font-size:22px}

.ms_navae{position:fixed;right:14px;bottom:129px;z-index:1000;width:107px;text-align:center;background:#fff;border:1px solid rgba(1,1,1,.16);border-top:12px solid #da4d4d;border-radius:4px}
.ms_nava{position:relative;padding:15px 0 20px;cursor:pointer}
.ms_nava_img{width:40px;height:auto}
.ms_nava_imga{width:60px;height:auto}
.ms_nava_b{height:30px;line-height:30px;margin-top:4px;font-size:13px;font-weight:700;text-indent:1px}
.ms_nava_p{font-size:12px;}
.ms_nava_l{margin:0 24px;height:0;border-bottom:1px dotted #dbdbdb}
.ms_nava_back{top:0;left:0;height:100%;background-color:#da4d4d;transform:rotateY(-90deg);transition:all .1s ease-out}
.ms_nava_back,.ms_nava_bbox{position:absolute;width:100%}
.ms_nava_bbox{top:50%;left:50%;transform:translate(-50%,-50%)}
.ms_nava_front{transition:all .1s ease-out .13s}
.ms_nava:hover .ms_nava_front{transition:all .1s ease-out;transform:rotateY(90deg)}
.ms_nava:hover .ms_nava_back{transition:all .1s ease-out .13s;transform:rotateY(0deg)}
.ms_imga{position:relative;left:1px;margin:17px 0 6px;width:95px;height:95px;}
@keyframes msMove{0%{transform:translateY(2px)}to{transform:translateY(-12px)}}
.ms_btna{height:43px;line-height:43px;background-color:#da4d4d;font-size:14px;font-weight:700;text-indent:3px;cursor:pointer}
.ms_btna .icon-tshe-arrow-drop-up{font-size:22px}
.box img{
  max-width:100%;
	margin: 0 auto;
	display: block;
	text-align:center;
}