@charset "utf-8";
/* CSS Document */
.mt40 {
  margin-top: 40px;
}
.detail-info-row div {
  padding: 0;
  margin: 0;
}
.detail-info h3 {
  /*height: 31px;*/
  line-height: 31px;
  margin: 10px 0 0 0;
  padding: 0;
  font-family: Microsoft YaHei;
  font-size: 24px;
  color: #262626;
  text-align: left;
}
.detail-info p {
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #888;
  text-align: left;
}
.detail-info p.sub-title {
  margin-top: 4px;
}
.detail-info .price-box {
  margin: 20px 0 22px 0;
  text-align: left;
}
.detail-info .price-box i {
  font-style: normal;
}
.detail-info .price-box .u-p {
  font-family: Microsoft YaHei;
  font-size: 24px;
  color: #d0021b;
  text-align: left;
}
.detail-info .num-box p {
  height: 24px;
  line-height: 24px;
  padding: 0;
  margin: 0 0 10px 0;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #262626;
  text-align: left;
}
.detail-info .num-box .btn-add {
  display: block;
  border: none;
  background: #d0021b;
  width: 180px;
  height: 40px;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0px;
}
.detail-info .num-box .btn-add:focus {
  outline: none;
}
.detail-info .num-box .btn-add[disabled="disabled"] {
  background: #ccc;
}
.detail-info .num-box .m-t-20 {
  margin-top: 20px;
}
.detail-info .promote-frg-box {
  margin-top: 10px;
}
.detail-info .promote-frg-box table {
  font-family: Microsoft YaHei;
  font-size: 16px;
  color: #262626;
  text-align: left;
}
.detail-info .promote-frg-box table a {
  color: #262626;
}
.detail-info .promote-frg-box table a:hover {
  color: #262626;
  text-decoration: underline;
}
.detail-info .promote-frg-box table img {
  width: 40px;
  height: 40px;
}
.detail-tab {
  background: #efeff4;
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.detail-tab ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.detail-tab ul li {
  display: inline-block;
  list-style: none;
  margin-right: 64px;
  cursor: pointer;
}
.detail-tab ul li a {
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #262626;
  text-align: left;
}
.detail-tab ul li a:hover {
  text-decoration: none;
  color: #f57507;
}
.detail-tab ul li.current a {
  color: #f57507;
}
.detail-tab ul li a:focus {
  outline: none;
}
.buyNavFixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.detail-title h4 {
  padding: 0;
  margin: 0;
  height: 33px;

}
.detail-title h4 span {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  background: #1e4990;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #fff;
  text-align: left;
  font-weight: 500;
}
.detail-title h4 i {
  display: block;
  float: left;
  height: 0;
  width: 0;
  border: none;
  border-top: 32px solid transparent;
  border-left: 32px solid #1e4990;
  border-right: 32px solid transparent;
  border-bottom: none;
}
.detail-title h4 .i1 {
  border-bottom: 32px solid transparent;
  border-right: 32px solid #1e4990;
  border-left: 32px solid transparent;
  border-top: none;
}
.detail-des {
  margin: 40px 50px;
  text-align:left;
  color:#000;
  font-size:15px;
}
.detail-des p { margin:10px 0;}
.detail-des ul {
  margin-left:2em;
}
.detail-des ul li {
  list-style:circle;

}
.detail-des ul li ul li {
  list-style:disc;

}
.detail-des h5 {
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #262626;
  text-align: center;
}
.detail-des .sub-des {
  margin: 20px 0 54px 0;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.detail-des .sub-des p {
  padding: 0;
  margin: 0;
  line-height: 20px;
}
.detail-des .sub-des-items {
  margin-top: 20px;
}
.detail-des .sub-des-items p {
  padding: 0;
  margin: 0;
  line-height: 20px;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #888;
  text-align: left;
}
.detail-des .sub-des-items .des-spc {
  margin: 20px 0 11px 0;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #1e4990;
  text-align: left;
}
.des-cols {
  margin-top: 20px;
}
.des-cols p {
  margin: 10px 0 0 0;
  padding: 0;
}
.des-cols span {
  display: table-cell;
  vertical-align: top;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #262626;
  text-align: left;
}
.des-cols span.des-label {
  color: #888;
  min-width: 70px;
}
.des-para p {
  box-shadow: inset 0px -1px 0px 0px #ccc;
  padding: 12px 0px 13px 10px;
  margin-top: 0;
}

/*spinner*/
.Spinner {
  display: block;
  overflow: hidden;
  margin: 0;
  height: 30px;
  width: 100%;
}
.Spinner .Amount {
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  float: left;
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #262626;
  text-align: center;
}
.Spinner .Amount:focus {
  outline: none;
}
.Spinner input {
  background: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 18px;
  border: 1px solid #ccc;
  float: left;
  cursor: pointer;
  outline: 0;
  font-family: Microsoft YaHei;
  font-size: 24px;
  color: #656363;
  text-align: center;
}
.Spinner input:hover {
  text-decoration: none;
}
.Spinner a i {
  font-style: normal;
  display: block;
  overflow: hidden;
}
.Spinner .Decrease i {
  background-position: -9px -9px;
}
.Spinner .Increase i {
  background-position: -9px 0px;
}
.Spinner .DisDe i {
  background-position: 0px -9px;
}
.Spinner .DisIn i {
  background-position: 0px 0px;
}

.sub-title {
  color: #262626;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 20px 0;
  text-align: left;
}
.u-p em {
  font-style: normal;
}
.center {
  color: #888;
  font-family: Microsoft YaHei;
  font-size: 14px;
  min-height: 455px;
  padding-bottom: 30px;
  text-align: center;
}
.detail-title { margin-left:-32px; border-bottom:none;}
.detail-title h4 { position:relative;}
.detail-title .i2 { border:none; border-bottom: 1px solid #1e4990; width:970px; height:33px; position:absolute; bottom:0; left:65px;}
.detail-title .active{background-color: #3BADEC;color: #fff;}
.detail-title .row div{cursor: pointer;}
.g32{padding-left: 60px;}

.btn-buy-now {
  background: #d0021b;
  height: 40px;
  line-height: 40px;
  margin: 9px 0 0 0;
  font-family:"Microsoft Yahei";
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 0 40px;
  float:left;
}
.btn-buy-now:focus {
  outline: none;
}

.shipping-notification {position:fixed; left:-760px; top:-319px; z-index:9999;}
#mask {width:100%; z-index:9998; background:#000; opacity:0.5; position:fixed; top:0; left:0}
.a4_more {float:left; margin:20px 0 0 30px;}
.old-price {text-decoration:line-through; font-size:16px;}
#carousel_home1 {}
#carousel_home1 .carousel-inner > .item { }
#carousel_home1 .carousel-indicators li { border-color:#1e4990; margin-left:10px;}
#carousel_home1 .carousel-indicators .active { background:#1e4990; border-color:#1e4990; }
#carousel_home1 .carousel-indicators { *margin-left:180px; bottom:-15px;}
.float-qq { position:fixed; right:0; top:40%;}
#ltcDes, #btcDes {display:none; color:#888; font-size:12px;}

.a4-input { width:270px;}
.a4-input-en { width:400px;}
#shipping_fee { line-height:30px; font-size:13px;}
.a4-td { width:180px;}

.cable .a4-span{display: inline-block;width: 110px;}
.controlboard .a4-span{display: inline-block;width: 170px;}
.fan .a4-span{display: inline-block;width: 110px;}

/*产品头部样式*/
.container .w-info{font-size: 14px;text-align: left;}
.container .w-info {color: #333;}
.container .w-info .mt20{margin-top: 20px;}
.container .w-info .order-item,.container .w-info .order-delivery{padding: 5px;border: 1px #ccc solid;border-radius: 5px;margin-left: 10px;cursor: pointer;}
.container .w-info .order-item-skin{padding: 5px;border: 1px #ccc solid;border-radius: 5px;margin-left: 10px;}
.container .w-info .active{background-color: #eee;}
.container .w-info .quantity{line-height: 30px;}
.container .w-info .Spinner{margin-left: 35px;}
.price-info{background-color: #eee;padding: 10px;}
.price-info .row{padding: 5px 0;border-bottom: 1px #ccc solid;padding: 10px 0;}
.price-info .row .blue-buy{background-color: #097DBD;color: #fff;padding: 8px;border-radius: 5px;display: block;}
.price-info .row .blue-buy-l,.price-info .row .blue-buy-l02{background-color: #3BADEC;color: #fff;padding: 8px;border-radius: 5px;display: block;}

.price-info .ul-decimal{padding-left: 30px;}
.price-info .ul-decimal li{list-style: decimal;}

.price-info .row .u-p{color: #d0021b;font-size: 20px;}
.price-info .row .special p{height: auto; line-height: normal; font-size: 14px; color: #333;}
/*.price-info .row .special .special-01,.price-info .row .special .special-02{position: relative;}*/
/*.price-info .row .special .special-01 .special-01-instr,.price-info .row .special .special-02 .special-02-instr{position: relative;}*/

.price-info .row .special .gantan{border: 1px #20A0FF solid;border-radius: 50%;width: 20px;height: 20px;display: inline-block;text-align: center;color: #20A0FF;cursor: pointer;position: relative;}
.price-info .row .special .gantan_instr{position: absolute;bottom: -900px;right: 20px;width: 710px;background-color: #fff;text-align: left;z-index: 999;border: 5px #eee solid;color: #ccc;}

@media only screen and (max-width:769px){
  #carousel_home1, .col-sm-6 { width:100%;}
  #carousel_home1, .col-sm-5,#carousel_home1, .col-sm-7 { width:100%;}
  /*#carousel_home1 .carousel-inner > .item { height:200px;}*/
  .detail-info-row div.detail-info { padding-left:10px;}
  #buyNav, .float-qq { display:none;}
  .detail-des { margin:5px 0;}
  .detail-title { margin-left:-47px; overflow:hidden;}
  .a4-input, .a4-input-en { width:100%;}
  .a4-textarea { height:100px;}
  .detail-title .i2 { width:100%;}
  .a4-td { width:100px;}

  .w-info .fl{margin-top: 1em;}
  .Spinner .Amount{width: 30%;}
  .hosting{margin-top:0;}
  .hosting>div{padding: 0 10px;}
  #buy_content .table-table-order td{padding: 1px;}
}
@media only screen and (max-width:330px){
  .detail-des { font-size:14px;}
  #buy_content { font-size:13px;}
}

