/* 通用 */


hr{margin-bottom: 10px;}
p{margin: 5px;}
.tab-pane{  padding:20px; }


/* 个人信息 */
.avator-image{  border-radius:5px; box-shadow:0px 1px 14px #eeeeee; width:100px; height: 100px;  overflow: hidden; float: left; }
.avator-image>img{ width:100%;  height: 100%; }
.userinfo-info{width: 100%  ; overflow: hidden;}
.userinfo-info-t{ overflow: hidden;  }
.userinfo-username{ margin-left: 20px; font-size: 20px;  float: left; width: calc(   100%  - 50px ) ; }
.userinfo-email{ margin-left: 20px; float: left; color:rgb(156, 156, 156) }

/*注册页面*/

.register-center-contral{  margin:20px auto;  }
.register-center-contral>.panel-body>.input-control{  width:400px;margin: 10px auto;  }
@media(max-width:760px) { 
  .register-center-contral{  width:100%; margin: 40px auto;  } 
  .register-center-contral>.panel-body>.input-control{  width:100%;margin: 10px auto;  }
}

.register-panel-heading{ background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important;color:white !important; }

.register-reg-btn{    width:100%; margin:0 auto; border: red; }

/*对比表格*/
.pointdiv1{ background: black;    }
.pointdiv2{padding: 20px; width: 100%;}
.pointdiv{     background-color: #000000;   color: white; font-size: 15px; }
.pointdiv1{width: 100%; margin:0 auto;}

.table>thead>tr>th{  text-align: center ; background-color: rgb(31, 38, 43);color: white; }
.table>tbody>tr>td{  text-align: center ; }

/*导航条*/
.top-div{ width:100% ; height:40px; background-color: #e8e8e8 }
.navbar{padding:10px; margin:0 auto;   width:90%;  }
.navbar-b{width:  100%;     background: #1f82f6;}
.collapse {padding-top:10px }
.navbar-brand{padding-top:0px ;  transform: translate(0, 50%); font-weight: 900}
.navbar-brand>.logo{padding-top:0px ;  transform: translate(0, -40%);}
.navbar-nav>li>a{color:white;  font-size: 15px;}
.navbar-header>button{ color:white; }
.nav >.dropdown> .dropdown-menu>li :not(.divider){ height: 30px;}

@media (max-width: 768px)  {
  .nav >.dropdown> .dropdown-menu>li>a{  color: white !important; }
 }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color: #039be5; }

/*页尾*/
.footer_ {
  font-size: 14px;
  background: #123e73;
  padding-top: 10px;
  color: #9bc5ee;
  margin:0px;
  height: 200px;

}

.footer_>p {
  font-size: 12px;
}



/*产品特有特性*/

.feature{   width:70%;  margin: 0 auto; margin-top: 10px; text-align:center; }

@media (max-width: 768px) { .feature {
	width: 100%; }
  }
.feature>h2{margin-bottom:60px }
.feature>div{   margin-top: 20px;  border-radius: 8px;  box-shadow:0px 1px 14px #eeeeee; list-style-type:none; margin-left: 20px; padding: 20px; }
.feature>div{text-align: left; margin: 0 auto;}
.feature>div>h3{ color: rgb(0, 81, 255);  margin-bottom: 10px }
.feature>div>ul>li{ font-size: 15px }
.feature{ margin-top: 100px;  }

/*  产品公用特性2  */
.point-ico>i{ font-size: 50px; }
.point-ico>i>p{ font-size: 15px; margin-top: 10px;  }
.point-ico{ margin-top: 40px; margin-bottom: 40px; text-align: center; }



/*产品介绍页面*/
@media (max-width: 868px){
  .product-card{ width: 100%; margin: 0 auto; }
 }

@media (min-width: 868px)  {
  .product-card{ width: 70%;  margin: 0 auto; padding: 10px;  }
 }



.product-card{ margin-top: 20px; background-color: white; border-radius: 3px; }
.product-card>img{margin: 10px;}


.title{  padding: 10px;  }
.maintitle{  text-align: left; font-size: 30px;  color: rgb(128, 41, 41);}
.subtitle{  text-align: left; font-size: 14px;  margin:10px }


/*购买页面CSS*/


.store-product-item{ padding: 5px; height: 300px;  width: 230px;  border-radius: 5px; border: 1px solid rgba(236, 236, 236, 0.993);margin-top: 10px;  overflow: hidden; padding-bottom: 10px;  display: inline-block;  }

.store-product-item:hover{ padding: 5px;   border: 1px solid rgb(224, 224, 224); padding-bottom: 10px;   
  box-shadow: 0px 13px 15px 0px #52525252;transition: all 0.6s;  }

.store-product-item-title{ text-align: center; font-size: 13px; color: rgb(39, 39, 39) ;       color: #007fbe; font-weight: 400;  }
.store-product-item-subtitle{  margin-top: 20px; font-size: 12px; color: rgb(141, 141, 141) ;  padding-left: 10px; }
.store-product-item-price{  font-size: 10px; color:rgb(0, 153, 255) ; float: right; margin-top: 10px; }
.store-product-item-con{ overflow: hidden; min-width: 380px; float: right;  text-align: right; }
.varinats{ float: right;   width: 30%; height: 30px;}
.varinats>select{float: right;  width: 100%;}
.varinats>input{float: right;  width: 100%;}
.store-product-item-con>button{  float: right;margin-left: 10px;  }

.content{width: 100%;  margin: 0 auto;  background-color: rgb(244, 248, 252) ;overflow: hidden;  }
.content-center{ margin: 0 auto; width:80% ; max-width:1100px;  margin-bottom: 10px;overflow: hidden; }
.content-item{ border: 1px  solid rgb(236, 236, 236) ; padding:10px;background-color: rgb(255, 255, 255) ;margin-bottom: 10px; min-height: 600px; overflow: hidden; }

@media(max-width:768px){
  .content-center{ width:100%; }
}



/* cart确认页面 */

.cart-item{ padding: 5px;
  border: 1px solid rgb(116 202 255);
  margin-top: 30px;
  box-shadow: 0px 4px 11px 0px #abeeff42;
  overflow: hidden;
  padding-bottom: 10px;
  border-radius: 10px;
  width: 100%;}

.cart-total-price{   margin-top: 30px; font-size: 18px;  }
.cart-total-price-p{ font-size: 20px; color: rgb(145, 6, 1) }
.cart-item-price{ font-size: 16px; font-weight: 600 ;color:rgb(0, 94, 170) ;  float: left; padding-top: 5px; width:500px; margin-left: 10px; margin-top: 10px;}
.cart-item-discount{ color:gray; font-size: 14px; margin-left: 10px; }
.cart-item-count{ color:gray; font-size: 14px; margin-left: 10px; }

.cart-item-sub-price{font-size: 13px;color: rgb(168, 168, 168) ; font-weight: 10;}
.cart-item-save{    font-size: 13px;
  color: #c54f00;
  margin-left: 5px;}



.cart-title{ margin-top: 15px; font-size: 20px; font-weight: 800;}

.cart-item-con{ width: 100%  ;overflow: hidden; }
.cart-del-btn{ float: right; margin-left: 5px;  }
.cart-count-set{ width: 110px; float: right;  }

.cart-payment{width: 100% ; padding:10px; margin-top: 20px;overflow: hidden;} 
.cart-payment-item{ padding: 10px; }
.cart-payment-sel{ cursor:pointer; float: left; margin-left: 20px; min-width: 200px; height: 50px;border :1px solid rgb(0, 135, 212); margin-top: 30px; box-shadow: 0px 4px 11px 0px #4fdcff42; border-radius:10px ; padding:10px; font-size: 20px; text-align: center; }

.cart-payment-sel>i{ font-size: 23px; color: rgb(0, 195, 255) }
.cart-payment-sel>.icon-wechat {color:rgb(0, 128, 0)}
.cart-payment-sel-enter{ border :2px solid rgb(196, 0, 0);  }

.cart-payment-sel-no{border :1px solid rgb(185, 185, 185); color: gray; width: 240px; }


.cart-payment-pay-btn{color:white !important;; width: 100%; margin-top: 20px; height: 50px; background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); font-size: 20px;}

/*个人中心*/
.user-main{overflow: hidden;}
.user-column{min-height: 650px; padding-top: 10px; padding-left: 10px;  float: left;}
.breadcrumb{margin-bottom: 0px;}


/*个人中心 首页*/
.user-home-main{float: left;  margin-top:10px ; margin-left: 10px; min-height: 0640px; width:calc( 100% - 230px )  }

@media(max-width:768px){  
  .user-column{width:100% ; min-height: 0px; } 
  .user-home-main {  width:100%; }

}

/*  个人中心 购买记录 */

.user-ship-order{padding: 5px; border :1px solid rgb(0, 135, 212); margin-top: 10px; box-shadow: 0px 4px 11px 0px #4fdcff42; border-radius:3px ;overflow: hidden; padding-bottom: 10px; width: 100%  }
.user-ship-order-item-title{ padding: 5px; color: rgb(0, 57, 131);font-size: 15px;}
.user-ship-order-item-title-main>td{ background-color: rgb(232, 252, 255); text-align: center   }
td>button{ height: 20px; padding-top: 0px!important ;margin-left: 5px; }


/*幻灯*/

.swiper-viewport {margin: 0 0 30px; z-index: 1;position: relative;overflow: visible; }
.slides {     background-color: #000000; }
  @media (max-width: 768px) { .swiper-viewport { margin: 0 0 0px;}
  }
  .swiper-viewport:hover .swiper-button-prev {opacity: 0.7 !important;left: 10px !important;}
  .swiper-viewport:hover .swiper-button-next {opacity: 0.7 !important;right: 10px !important;}
  .swiper-viewport .swiper-container { direction: ltr !important;}
  .swiper-viewport .swiper-pager { width: 100%; position: absolute;top: 50%;line-height: 45px;}
  .swiper-viewport .swiper-pager .swiper-button-prev, .swiper-viewport .swiper-pager .swiper-button-next {
    width: 50px;height: 50px;text-align: center; line-height: 46px;border-radius: 50%; background: #fff;color: #222;border: 2px solid #ddd; z-index: 2 !important;background-image: none !important;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  @media (max-width: 768px) {
    .swiper-viewport .swiper-pager .swiper-button-prev, .swiper-viewport .swiper-pager .swiper-button-next { display: none;}
  }
  .swiper-viewport .swiper-pager .swiper-button-prev:hover, .swiper-viewport .swiper-pager .swiper-button-next:hover {color: #fff;border-color: var(--color1);background: var(--color1); opacity: 1 !important;}

  .swiper-viewport .swiper-pager .swiper-button-prev:before, .swiper-viewport .swiper-pager .swiper-button-next:before {content: "";font-family: FontAwesome;font-size: 12px;}
  .swiper-viewport .swiper-pager .swiper-button-prev {left: 10px;}
  .swiper-viewport .swiper-pager .swiper-button-prev:before {content: "\f053";}
  @media (min-width: 768px) {
    .swiper-viewport .swiper-pager .swiper-button-prev {opacity: 0;left: -20px;}
  }
  .swiper-viewport .swiper-pager .swiper-button-next { right: 10px; }
  .swiper-viewport .swiper-pager .swiper-button-next:before {content: "\f054";}
  @media (min-width: 768px) {
    .swiper-viewport .swiper-pager .swiper-button-next { opacity: 0; right: -20px;}
  }
  .swiper-viewport .swiper-pagination {bottom: 0;width: 100%;}
  .swiper-viewport .swiper-pagination .swiper-pagination-bullet {margin: 0 4px; }
  .swiper-viewport .swiper-pagination .swiper-pagination-bullet:hover { background: #333;}
  .swiper-viewport .swiper-pagination .swiper-pagination-bullet-active { background: var(--color2);}
  .swiper-viewport .swiper-button-next.swiper-button-disabled, .swiper-viewport .swiper-button-prev.swiper-button-disabled {opacity: 0;cursor: pointer;pointer-events: auto;}
  .module-carousel .swiper-pagination {bottom: auto;}
  
  /* 通用 */
  .form-control:focus {  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(2, 136, 209, 0)!important;  }
  .label-primary , .label-info , .label-warning  ,  .label-danger{ margin:3px; }