@charset "utf-8";
/* CSS Document */
#main{clear:both;margin:auto;padding:0;margin-top:10px; padding-bottom:10px;width:1200px;height:auto!important;min-height:100px;max-height:none;overflow:hidden; }

#cart_title{margin:auto;padding:0;margin-top:10px; width:auto;line-height:30px;}
#cart_list{margin:auto;padding:0;margin-top:10px; width:auto;height:auto; overflow:hidden;}
#ctitle{height:40px; line-height:40px;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;}
#ctitle li{display:block; float:left;font-weight:bolder;}
#ctitle #t1{width:20%;}
#ctitle #t2{width:30%;}
#ctitle #t3{width:15%;}
#ctitle #t4{width:15%;}
#ctitle #t5{width:10%;}
#ctitle #t6{width:10%;}
#clist{ height:auto; overflow:hidden;}
#clist ul{clear:both;padding:10px 0px 10px 0px;border-bottom:#ddd 1px solid;height:auto; overflow:hidden;}
#clist li{display:block; float:left;}
#clist #l1{width:10%;}
#clist #l1 img{width:90%;}
#clist #l2{width:10%;}
#clist #l2 img{width:30px;}
#clist #l3{width:30%;}
#clist #l4{width:15%;}
#clist #l5{width:15%;}
#clist #l6{width:10%;}
#clist #l7{width:10%;}
#clist i{ font-style:normal; display:none; color:#999;}
#clist .show_price{display:inline-block; color:#ff8800; cursor:pointer;}
#clist .qdel{ display:inline-block;width:30px; height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1; line-height:30px; cursor:pointer;}
#clist .qadd{ display:inline-block;width:30px;height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1;line-height:30px;cursor:pointer;}
#clist .count{display:inline-block;width:40px;height:28px;border:#e0e0e0 1px solid; text-align:center; vertical-align:bottom;}

#ctotal{ margin-top:20px;padding:10px; height:auto; overflow:hidden; background:#ededed;}
#ctotal li{display:block; float:left;}
#ctotal #o1{width:50%;}
#ctotal #o1 a{ margin-right:10px;display: inline-block;height:30px; width:70px; line-height:30px; color:#fff; text-align:center; background:#ff8800;}
#ctotal #o1 span{ margin-right:10px;display: inline-block;height:30px; width:70px; line-height:30px; color:#fff; text-align:center; background:#0fa0ec; cursor:pointer;}

#ctotal #o2{width:50%; text-align:right;line-height:30px;}

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

#cart_left{margin-top:20px; padding-bottom:15px;border:#f1f1f1 1px solid; height:auto; overflow:hidden;}
#cart_right{float:right;width:48%; height:auto; overflow:hidden;}
#tl{height:30px;line-height:30px;font-weight:bolder; background:#ededed; text-indent:10px;}
#tc{ padding:20px;}
#tc ul{clear:both;padding:5px 10px 5px 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;}

#tb{margin-top:20px;width:auto;border:#f1f1f1 1px solid;height:auto; overflow:hidden;}
#ts{ padding:10px;}
#ttotal{ padding:10px;}
#ttotal li{ line-height:30px;border-bottom:#ddd 1px solid;}
#ttotal li span{ float:right;font-size:16px;}
#ordersumbit{ margin: auto ; margin-top:30px;width:200px;height:35px; line-height:35px; color:#fff; text-align:center; background:#ff8800;cursor:pointer; font-size:16px;}

#tcoupon{padding:10px;}
#tcoupon #coupon{width:200px; height:25px;border:#ddd 1px solid;}
#tcoupon #apply{ display:inline-block;height:29px; width:80px; line-height:29px;color:#000; text-align:center;background:#ededed;cursor:pointer; vertical-align:middle;}

#tintegral{padding:10px; display:none;}

#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;}


.float_bg{position:fixed;z-index:999;width:100%;height:100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3); display:none;}
.float{position: fixed;z-index:999999999999;width:800px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display:none; background:#fff; border:#d9d9d9 5px solid; font-size:12px;}
.fl_title{ background:#f2f2f2; border-bottom:#d9d9d9 1px solid; height:30px; line-height:30px;}
.fl_title span{ margin-left:10px; color:#000;}
.fl_title i{font-size:18px; color:#ccc; cursor:pointer; float:right; margin-right:5px; margin-top:5px;}
.fl_content{ padding:20px;}

.show_price_list{height: auto; overflow:hidden;}
.show_price_list .pr_price{text-align: center;}
.show_price_list .pr_price_list dl{display:inline-block; float:left; width:50%; padding-top:10px;}
.show_price_list .pr_price_list .pr_price_qty{ text-align:right;}
.show_price_list .pr_price_list .pr_price_price{ text-indent:5px;color:#ff8800;text-align:left;}

@media screen and (min-width: 1400px) {
#main{width:90%;}
}

@media screen and (max-width: 700px) {
#main{width:100%;}
#cart_login{ margin:0px 10px 0px 10px;}
#cart_left{clear:both; float:none;margin:10px; width:auto;}
#cart_txt{display:none;}
#cart_right{ clear:both; float:none;margin:10px; margin-top:0px;width:auto;}

#cart_title{padding:10px; padding-top:0px;text-align:center;border-bottom:#CCC 1px solid;}
#ctitle{display:none;}
#cart_list{ padding:10px;}
#clist ul{border-bottom:#ededed 20px solid;}
#clist #l1{width:20%;}
#clist #l1 img{width:90%;}
#clist #l2{width:30%;}
#clist #l2 img{width:30px;}
#clist #l3{width:50%;}
#clist #l4{ clear:both;margin-top:20px;width:50%;}
#clist #l5{margin-top:10px;width:50%;text-align:right;}
#clist #l6{margin-top:15px;width:50%;}
#clist #l7{margin-top:10px;width:50%;text-align:right;}
#clist i{ display: inline-block;}

#clist .qdel{ display:inline-block;width:25px; height:25px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1; line-height:30px; cursor:pointer;}
#clist .qadd{ display:inline-block;width:25px;height:25px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1;line-height:30px;cursor:pointer;}
#clist .count{display:inline-block;width:25px;height:25px;border:#e0e0e0 1px solid; text-align:center; vertical-align:bottom;}

.size{height:25px;border:#ddd 1px solid; width:80px;margin-top:5px; background:#FFF;}
.count{height:23px;border:#ddd 1px solid; width:78px;margin-top:5px;}
.del{height:23px;border:#ddd 1px solid; width:80px;background:#ddd;}

#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;}
}