

.bw-title{ height:40px; line-height:40px; text-align:center; background:#f22127; color:#fff; font-size:14px; position: relative; }
.bw-title a{ position: absolute; left: 10px; font-size: 20px; top: 10px; color:#fff;}
.bw-title p{ width:80%; text-align:center; margin:0px 10%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.h-10{ height:10px; background:#e5e5e5;}
.info-price{ font-size:16px; margin:10px 2%; font-weight: bold; line-height: 30px;}
.info-price dt{ float:left;}
.info-price dt li{float:left;color:red; font-size:26px;}
.info-price dt li i{ font-size:12px;}
.info-price dt span{ color: #C77989; float: left;font-size: 14px;margin-top: 3px; margin-left: 10px; text-decoration: line-through;}
.info-price dd{ float:right; color:red;}

.info-title-content{ font-weight: bold; background:#f1f1f1; text-align:center; padding:15px 0;}
.info-title{ margin:5px 2%; font-weight: bold; line-height:25px;}
.info-title dt{ float:left; background:red; color:#fff; padding:0px 8px; border-radius: 10px; margin-right: 7px;}

.info-li{ border:1px solid #e5e5e5; border-left:0px; border-right:0px; overflow:hidden; line-height:35px; }
.info-li li{ float:left; width:33.33%; text-align:center;  color: #555;}

.info-buy{ background:red; font-size:16px; text-align:center; border-radius: 5px; height:40px; line-height:40px; margin:20px 2%;}
.info-buy a{color:#fff; display: block; line-height:40px;}

.info-time{ color:#000; font-size:16px; text-align:center; line-height:25px; width: 250px; margin:15px auto 0px auto; clear:both; overflow:hidden;}
.info-time dt,.info-time dd{ float:left;}
.info-time dd{ color:#000;font-weight:bold;}
.info-time dd span{ background:red; font-weight:bold; color:#fff; padding:0px 7px; border-radius:2px; margin:0px 3px; display: inline-block;}

.info-content{ width:100%; overflow: hidden;}
.info-content img {width:100% !important;}

.info-review{ width:100%; overflow:hidden; margin:10px auto; color:#666;}
.info-review dl{ border-bottom:1px solid #ccc; overflow:hidden; padding:5px 10px;}
.info-review dl dt{ line-height:20px; font-size:14px; color:#333}
.info-review dl dd{ margin-top:5px;}

.to-top{ position: fixed; z-index:999; line-height:30px; right:10px; bottom:20%; width:30px; height:30px; border:1px solid #ccc; background:#fff; border-radius: 50%; display:none;  overflow: hidden; text-align: center; box-shadow: 2px 2px 2px #ccc;}
.to-top i{ color:#666; font-size:26px; }

.info-search{ margin:0px 2% 10px 2%; width:96%; overflow: hidden;}
.info-search dt{ float:left; width:78%;}
.info-search dt input{ width:96%; height:35px; line-height:35px; padding:0px 2%; font-size:14px; border-radius: 3px; border: 1px solid #ccc;}
.info-search dd{ background:red; color:#fff; width:20%; text-align:center; float:left; margin-left:2%; border-radius: 3px; height:35px; line-height:35px;     cursor: pointer;} 

.info-nav{ position: fixed; z-index:999; bottom:0px; left:0px; width:100%; height:45px; border-top:1px solid #ccc; background:#fff; color: #fda102;}
.info-nav dl{ float:left; width:18%; text-align:center; height:45px; padding:3px 1% 0 1%;}
.info-nav dl dt{ font-size:20px;}
.info-nav dl:nth-child(2){width:58%; background:red; color:#fff;}
.info-nav dl a{ color:#fff;}


.ldts{ position:fixed; z-index:2;  margin-left:10px; top:20px;}
.ldts p{ width:250px; border-radius:6px; line-height:30px; padding:0 10px; font-size:12px; font-family:"微软雅黑"; color:#fff;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(255,0,0,0.5)!important; filter:Alpha(opacity=50); display:none; opacity:0;}

.info-copyright{ text-align:center; color:#999; font-size:12px; line-height:30px;}

.like{ overflow:hidden; margin:10px 2%;}
.like dl{ width:23.5%; overflow:hidden; float:left; margin-left:2%; cursor: pointer;}
.like dl:nth-child(1){margin:0px;}
.like dl dt img{ width:100%;}
.like dl dd{ line-height:25px; height:25px;overflow:hidden;}
.like dl li{ color:red; font-weight:bold;}

.back{ position: fixed;top:50px; left:10px; z-index:9;}
.back a{ background:#000; opacity:0.8; width:40px; height:40px; line-height:40px; text-align:center; font-size:26px; color:#fff; border-radius:50%; }
.buyCart{ position: fixed;top:50px; right:10px; z-index:9;}
.buyCart a{ position: relative; top: 0px; right: -20px;  background:red; opacity:0.8; width:55px; height:55px; line-height:55px; text-align:center; font-size:34px; color:#fff; border-radius:50%; }
.buyCart i{ position: relative; font-size: 14px; background: #ccc; border-radius: 50%; padding: 4px 9px; top: -20px; right: 0px; color:#fff;}
.description{ text-align:right; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;padding:15px 10px; color: #f00; margin:10px 0 0 0;} 

.table_details{}
.table_details h2{ background:#d2d2d2; text-align:center; padding:10px 0; font-size:14px;}
.table_details dl{ padding:10px;}
.table_details dl dt{ font-weight: bold; font-size:16px; padding:10px 0;  text-align:right;}
.table_details dl dd{ background:#f1f1f1; padding:10px; border-radius:5px;}

.choice-bg{ background:#000; width:100%; height:100%; position: fixed; z-index: 9999; opacity: 0.5;  top: 0px; left: 0px; display:none;}
.choice{ position: fixed; z-index: 99999;  bottom: 0px; left: 0px; background:#fff; width:100%; min-height:300px; display:none;}
.choice-title{ position: relative;}
.choice-title dl{ width:94%; margin:0px 3%;}
.choice-title dl dt{ float:left; position: absolute; top:-30px; border-radius:5px; border:1px solid #ccc;}
.choice-title dl dt img{ width:100px;}
.choice-title dl dd{ margin-left:110px;}
.choice-title dl li{ margin-left:110px; padding-top:5px; color:#999;}
.choice-dl{ padding:10px; }
.choice-dl dl{margin-bottom:10px;}
.choice-dl dt{ font-size:15px; font-weight:bold;}
.choice-dl dd{ padding:15px 10px;}
.choice-dl dd i{ background:#f1f1f1; width: 40px;text-align: center; height: 28px; line-height: 28px; float:left;}
.choice-dl dd i:nth-child(1){ border-radius:3px 0 0 3px;}
.choice-dl dd i:nth-child(3){ border-radius:0 3px 3px 0;}
.choice-dl dd em{ font-size:16px; width:40px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; float:left; height: 26px; line-height: 26px; text-align:center;} 
.choice-dl dd span{ border-radius:3px; border:1px solid #ccc; padding:7px 10px; margin-right:5px; }
.choice-dl dd span.hover{ background:#fda102; border:1px solid #fda102; color:#fff;}
.choice-define{ width:100%; position: fixed; z-index: 99999; left:0px; bottom:0px;}
.choice-define dl dt,.choice-define dl dd{ float:left; width:50%; text-align:center; background:red; color:#fff; line-height:50px; height:50px;}
.choice-define dl dt{ background:#fda102; } 


.total{ float:right; font-weight:bold; color:red; font-size:18px; padding-right:10px;}
.total span{ font-weight:unset; font-size:12px; color:#999;}
.total i{ font-size:12px}

.buyCart_animation{ animation:shake 1000ms ease-in-out;  }

@keyframes shake{
	10%, 90% { transform: translate3d(-1px, 0, 0); }
	20%, 80% { transform: translate3d(+2px, 0, 0); }
	30%, 70% { transform: translate3d(-4px, 0, 0); }
	40%, 60% { transform: translate3d(+4px, 0, 0); }
	50% { transform: translate3d(-4px, 0, 0); }
}



