@charset "utf-8";
/* CSS Document */
.header{background: #000;}
#heclear{height:50px;}

#main{clear:both;margin:auto;padding:0;margin-top:50px; padding-bottom:50px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;  }
#cart_title{margin:auto;padding:0;margin-top:10px; font-size:14px;}
#cart_title span{display:inline-block;color:#999; font-size:10px; margin:0px 10px 0px 10px;}
#cart_title i{ display:inline-block;background:#999; width:30px; height:30px; line-height:30px; color:#FFF; border-radius:50%; text-align:center; font-style:normal;}
#cart_title .on{ background:#000;}

.main{display: flex; justify-content: center; width: 100%; }
#cart_left{flex:2; padding-bottom:15px;}
#cart_right{flex:1; margin-left: 100px;}


#cart_list{margin:auto;width:auto;height:auto; overflow:hidden;}
#ctitle{height:40px; line-height:40px;font-weight:bolder;font-size: 20px;}

#clist{ margin:10px;height:auto; overflow:hidden;border-top:#ededed 0.01rem solid;}
.cli{clear:both;padding:10px 0px 10px 0px;border-bottom:#ededed 0.01rem solid;height:auto; overflow:hidden; display: flex; }
.cpic{width:20%;}
.cpic img{ width:100%;}
.cinfo{ flex:1;margin-left: 10px;}
.cprice{ width: auto; margin-left: 10px;font-size: 13px;font-weight: bolder;}
.cname a{font-weight: bolder;}
.csize{ margin-top:20px;color: #999;font-size: 12px;}
.cops{ display:block; clear: both; height: auto; overflow: hidden;}
.cops .oqty{margin-top:30px;}
.cops .oqty .qdel{ display:inline-block;width:30px;height:30px;border:#e0e0e0 0.01rem solid;text-align:center; background:#f1f1f1; line-height:30px; cursor:pointer;}
.cops .oqty .qadd{ display:inline-block;width:30px;height:30px;border:#e0e0e0 0.01rem solid; text-align:center; background:#f1f1f1;line-height:30px;cursor:pointer;}
.cops .oqty .count{display:inline-block;width:30px;height:28px;border:#e0e0e0 0.01rem solid; text-align:center; vertical-align:bottom;}
.cops .oqty .del{font-size: 10px; color: #999; text-decoration: underline; cursor: pointer;}

#cadd{margin: 100px auto 100px auto; width:90%;height:40px; line-height:40px; color:#fff; text-align:center; background:#000;cursor:pointer; border:#000 1px solid; border-radius: 5px; display:none;}

#cart_content{ padding:20px 0px 20px 0px;border-bottom:#CCC 1px solid;}


#tl{height:60px;font-weight:bolder;font-size: 20px;}
#tc{height:auto; overflow:hidden;}
#tc ul{clear:both;padding:10px 10px 10px 10px;}
#tc #oc_box{margin-left:2%;width:48%;display:block;float:left;  height:auto; overflow:hidden;}
#tc #oc_boxs{margin-left:2%;width:98%; display:block; height:auto; overflow:hidden;}
#tc li{ display:block;}
#tc #oc_title{line-height:25px; font-weight:bolder;}
#tc .reg_input{ width:97%; height:30px;border:#ddd 1px solid;}
#tc .reg_inputs{ width:98%; height:30px;border:#ddd 1px solid;}
#tc .reg_select{ width:97%; height:32px;border:#ddd 1px solid; background:#FFF;}
#tc .reg_textarea{ width:98%; border:#ddd 1px solid;}
#cart_txt{padding:0px 20px 0px 20px; line-height:30px;}

#tb{margin-top:20px;width:auto;height:auto; overflow:hidden;}
#ts{ padding:20px;}
#tsc{ width: 100%;}
#tsc img{ max-width: 100%;}
#ttotal{ margin:10px 0px 10px 0px;height:auto; overflow:hidden;}
#ttotal li{ line-height:30px;}
#ttotal li span{ float:right;}
#ordersumbit{ margin: 20px 0px 20px 0px;height:40px; line-height:40px; color:#fff; text-align:center; background:#000;cursor:pointer; border:#000 1px solid; border-radius: 5px;}
#ordercontinue{ margin: 20px 0px 20px 0px ;height:40px; line-height:40px; color:#000; text-align:center; background:#fff;cursor:pointer;  border:#000 1px solid;border-radius: 5px;}

#tlogin{margin:10px 0px 10px 0px;height:auto; overflow:hidden;}
#tlogin li{ margin-top:10px;height:auto; overflow:hidden;}
#tlogin li a{ float:right; display:inline-block; height:29px; width:80px; line-height:29px;color:#000; background:#f1f1f1; border:#e0e0e0 1px solid; text-align:center;}
.grandtotal{ clear:both;margin-top:50px; border-top:#ccc 1px solid; font-weight:bolder;}

#tcoupon{margin:10px 0px 10px 0px;height:auto; overflow:hidden;}
#tcoupon #coupon{width:200px; height:25px;border:#ccc 1px solid; text-indent:10px;}
#tcoupon #apply{ float:right; display:inline-block;height:29px; width:80px; line-height:29px;color:#000; text-align:center;background:#f1f1f1; border:#e0e0e0 1px solid;cursor:pointer; vertical-align:middle;}

#tintegral{margin:10px 20px 10px 20px;display:none;}

#tccontent{margin-top:20px; width:auto;height:auto; overflow:hidden;}

#tshipping{margin:10px 20px 10px 20px;border-bottom:#ccc 1px solid;}
#tshipping li{ padding:5px 0px 5px 0px;}

#c{clear:both; padding-top:20px;text-align:center;}

#cart_login{margin:auto;padding:0;margin-top:10px; padding:10px;width:auto;height:auto; overflow:hidden;border:#ddd 1px solid;}
#cart_login #lt{ font-size:18px;}
#cart_login #lc{ line-height:30px;}
#cart_login #lc a{display:inline-block;height:29px; width:80px; line-height:29px;color:#000; text-align:center;background:#ededed;cursor:pointer; vertical-align:middle;}

#show_creditcard{margin:10px 0px 10px 0px; height:auto; overflow:hidden; display:none;}
#show_creditcard li{ padding:5px 0px 5px 0px;}
#show_creditcard .cinput{width:250px; height:25px;border:#ddd 1px solid;}
#show_creditcard .cselect{width:123px; height:27px;border:#ddd 1px solid;}

/*@media screen and (min-width: 1400px) {
#main{width:90%;}
}
*/
@media screen and (max-width: 700px) {
#main{width:95%;}
.main{flex-direction: column;}
#cart_left{flex:1; padding-bottom:15px;}
#cart_right{flex:1; margin-left: 0px;}


#cart_title{padding:10px; padding-top:0px;text-align:center;}
.cop .oqty .count{ height:30px;}
.cops .oqty .count{height:30px;}
#ctotal #o1{ display:none;}
#ctotal #o2{ width:100%;font-size:16px;}

#show_creditcard .cinput{width:98%; height:25px;border:#ddd 1px solid;}
#show_creditcard .cselect{width:49%; height:27px;border:#ddd 1px solid; background:#FFF;}
#float_right{display:none;}
}