/*购物*/

        .show_cart{ height: 45px; position: fixed; bottom: 0px; z-index: 700; background-color: #ff6000; width: 100%; line-height: 45px; text-align: center; font-size: 16px; color: #ffffff;}

        #float_cart{ width:60px; height:60px; position:fixed; bottom:50px; right:0px; background-color:#fe6a1b; color:#ffffff; line-height:60px; text-align:center;z-index:999; }
        .float_jianshu{position:absolute; margin-left:-20px; min-width:30px; margin-top:-15px; height:30px;  border-radius:15px; background-color:#ff0000; display:inline-block; color:#ffffff; text-align:center; line-height:30px; box-shadow:0 0 3px #ff0000;}


        .cs{ width:100%; display:none; position:fixed; bottom:0px; z-index:701;  background-color:#ffffff; box-shadow:0 0 10px #cecece ;}
        .add_cart_btn{height: 45px; background-color: #ff2300; width: 100%; line-height: 45px; text-align: center; font-size: 16px; color: #ffffff;}
        .cs_title{line-height: 30px;text-align: left;color: #1f1f1f;font-size: 14px;border-bottom: 2px #c0115c solid;}
        .cs_title h1{ margin:6px auto; text-align:left; text-indent:20px;font-size: 15px; font-weight: inherit;}


        .gg_itme{ line-height:30px; padding:0px 8px; text-indent:0px; display:inline-block; text-align:center; border:1px #cecece solid; margin-right:10px; cursor:pointer;  font-size:14px;}
 .gg_itme_c{border:1px #ff6a00 solid; color:#ff6a00;}

         .jr_num_box{  width:110px; background-color:#cecece; display: flex; align-items: center;}
        .jr_num{ height:32px; text-align:center; padding:0px; width:50px; background-color:#ffffff; border:0px; height:30px;}
        .jr_num_jia,.jr_num_jian{cursor: pointer;width:32px; height:32px; background-color:#cecece;display: inline-block; text-align:center; font-size:20px; line-height:30px;}
       
        .gg_dj{ font-size:16px; color:#ff6a00;}


        .buy,.cart{ width:100px; background-color: #ff0018; display: inline-block; line-height: 45px; color: #ffffff; text-align: center;}
        .cart{ background-color: #ff6b00; position:relative; text-align:center;}
        .cart .ct{ text-align:center; display: block; color: #fff;}
        .jianshu{ height:30px; display:inline-block; color:#ffffff; text-align:center; line-height:30px;  }
        .zjine{ font-size: 16px; color: #ff6000; font-weight: bold;}

        .close_cs{position: absolute; right: 10px; top: -20px; background-color: #d04040;
 width: 36px; height: 36px; display: inline-block; text-align: center; line-height: 36px; box-shadow: 0 0 5px #b7b7b7; color: #ffffff;}



        


.cart_box_list::-webkit-scrollbar-track-piece {
  background-color: #FFF;
  border-left: 1px solid #FFF;
}
.cart_box_list::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cart_box_list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 10px;
}
.cart_box_list::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}




.spinner-loader{
  animation: spinner-loader 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(225, 225, 225, 0.8) 1.5em 0 0 0,
       rgba(225, 225, 225, 0.8) 1.1em 1.1em 0 0,
       rgba(225, 225, 225, 0.8) 0 1.5em 0 0,
       rgba(225, 225, 225, 0.8) -1.1em 1.1em 0 0,
       rgba(225, 225, 225, 0.8) -1.5em 0 0 0,
       rgba(225, 225, 225, 0.8) -1.1em -1.1em 0 0,
       rgba(225, 225, 225, 0.8) 0 -1.5em 0 0, 
      rgba(225, 225, 225, 0.8) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
  
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


        .loading_box{ width:100%; height:100vh; position:fixed; z-index:1000; text-align:center; background-color:rgba(240,240,240,0.3);}
.show_loading{ width:60px; height:60px;  margin-top:calc(100vh/2 - 50px); margin-left:auto; margin-right:auto;  background-color:rgba(35,43,51,0.5); text-align:center; color:#ffffff;border-radius:10px;justify-content: center;display: flex;
    align-items: center; }
@-webkit-keyframes loading-1{
	0%{ transform:rotate(0deg)}
	50%{ transform:rotate(180deg)}
	100%{ transform:rotate(360deg)}
	}
.loading{width:30px;height:30px; margin-left:35px; margin-top:25px; margin-bottom:15px;}
.loading i{width:100%;height:100%;display:block;border-radius:50%; background:linear-gradient(transparent 0%,transparent 70%,#fff 30%,#000 100%);-webkit-animation:loading-1 1s linear 0s infinite;}