/*四个菜单栏*/
.introducePanel { background: #FFF; border: solid 1px #DDD; }
#middle { float: left; width: 750px; height:auto }
#introduceTitleList { background: #F7F7F7; height: 40px; border-bottom: solid 1px #DDD; font-size: 16px; letter-spacing: 1px; }
#introduceTitleList div { cursor: pointer; float: left; padding: 0 40px; }
.introduceSelected { color: #239BA5; background: #FFF; border-top: solid 3px #239BA5; line-height: 37px; position: relative; z-index: 1; }
.introduceCommon { color: #444; line-height: 40px }
.introduceAreaItem { display: none; }

.main_div { width: 100%;}

.navigation_div { height: 50px; width: 100%; letter-spacing: 1px; display: flex; align-items: center; }
.navigation_div > div { flex-direction: row; display: flex; height: 30px; width: 100%; line-height: 30px; font-size: 15px;  margin-left: 30px; color: #8a8a8a }

/*左边*/
.left_div { padding: 0px 5%; height: 500px; float: left; }


/*右边*/
.righ_div { width: 55%;float:left }
.feature_img { width: auto; height: 20px; position: relative; top: 15%; }
.righ_div_name { color: #515151; font-size: 18px; font-weight: 600 }
.righ_div_effect { color: #8a8a8a; font-size: 14px; margin-top: 3px;}
.righ_div_price { color: #000; font-size: 15px; margin-top: 5px;clear:both}
.righ_div_price span{ text-indent:10px;color:#b80000 }
.righ_div_address { color: #000; font-size: 15px; margin-top: 5px; float: left;  }
.righ_div_address > div > img{ height:100%;width:auto;float:left;background:#e6e6e6;margin-left:5px;margin-top:1px; }
.righ_div_number { width: 80%;clear:both }
.righ_div_number_title { color: #000; font-size: 15px;float:left  }
.righ_div_number_input { margin-left: 28px;float:left }
#productQuantity { height: 39px; width: 48px; border: 1px solid #8a8a8a; font-size: 17px;text-align:center }
.righ_div_updown { height: 42px; width: 23px; margin-left: 5px; float:left }
.righ_div_updown img { width: 21px; height: 17px; border: 1px solid #8a8a8a; }
.righ_div_number_stock { height: 42px;  display: flex; align-items: center; font-size: 15px; color: #8a8a8a; }
.righ_div_button { width: 80%; display: flex; flex-direction: row; margin-top: 20px; text-align:center; font-size:14px; color:#666; }
.buy_button { background: #fff; color: #ff9900; border: 1px solid #ff9900;  margin-left: 62px; }
.car_button { background: #ff9900; color: #fff; margin-left: 30px; }
.black_car { background: #cdcdcd; color: #515151; margin-left: 30px; }
.black_buy { background: #cdcdcd; color: #515151; margin-left: 77px; }

.two_button { height: 45px; width: 200px; line-height: 45px; text-align: center; font-size: 22px; cursor: pointer; float: left; }
.share_collect {  width: 80%; margin: 15px 0; }
.share { height: 25px; font-size: 18px; color: #8a8a8a;margin-left:50px }
.collect { height: 25px; font-size: 18px;  color: #8a8a8a;float:left }
/*套餐样式*/
.selectPackage { border: 2px solid #ff0036; color: #ff0036 }
.withoutPackage { border: 2px solid #cdcdcd; color: #cdcdcd }
.packageDiv { margin-top: 10px; display: flex; flex-direction: column }
.packageTitle { font-size: 18px; margin-bottom: 10px }
#package { flex-wrap: wrap; display: flex;cursor:default }
#package div { width: 120px; height: 40px; margin: 0 10px 5px 1px; display: flex; justify-content: center; align-items: center; font-size: 19px; }
a { cursor: pointer;  }
a:hover{text-decoration: none}
/*图片放大镜样式*/
.jqzoom { border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; width: 340px; height: 340px; }
.zoomdiv { z-index: 100; position: absolute; top: 0; left: 0; width: 340px; height: 340px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }

.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; right: 5px; width: 20px; height: 20px; border: 1px solid #aaa; background: url(/Content/Images/Other/overAllegro.png); filter: alpha(Opacity=50); }
#productMainImg {  cursor: pointer;  height: 342px; border: 1px solid #cdcdcd;vertical-align: text-bottom; }
/*底部*/
.comment { width: 100%; height: auto; display:inline-block }
.comment > div { width: 90%; height: auto; display: inline-block;margin-left:5% }

.picture { width: 100%; height: auto; clear:both  }

/*详情等*/
.detailed { width: 100%; height: auto; display:inline-block;text-align:left }
.detailed_title { width: 100%; height: 40px; background: #EEE; display: inline-block;text-align:center;line-height:40px; }
.detailed_inf { width: 90%; height: auto; display: inline-block; margin-top: 8px; margin-left: 5% }
.explain { width: 100%; height: 60px; justify-content: center; display: flex; margin-bottom: 10px }
.explain > div { width: 90%; height: 60px; border-bottom: 1px dashed #cdcdcd; font-size: 16px; align-items: center; display: flex; }

/*选择地区*/
#shadowBG { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.1); }
#shadowMed { position: fixed; z-index: 999; width:200px;height:350px;border:1px solid red; display:none;}
.city { width: auto; height: 100%;float:left }
.area { width: auto; height: 100%; float: right }

#shoppingPanel { z-index: 20; width: 380px; height: 380px; border: 1px solid #2A8C97; background: #fff; display: none; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
input:focus { outline: none }

.allstore_div { width: 100%; height: 180px; border: 1px solid #cdcdcd; overflow: auto;  cursor: default;  }
.allstore_div::-webkit-scrollbar { width: 6px; background-color: none; }
/*定义滚动条的轨道，内阴影及圆角*/

/*定义滑块，内阴影及圆角*/
.allstore_div::-webkit-scrollbar-thumb { height: 20px; border-radius: 10px;  background-color: rgba(235,139,27, 0.7); }


.store_div {width: 100%; height:30px;  font-size: 15px; color: #8a8a8a;position:relative }
.store_div >label{height:30px;line-height:30px;width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:50%;margin-top:-15px;left:30px; }
input[name='Store'] { position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; left: 0px; }
input[name='Store']:after { position: absolute; top: 50%; margin-top: -10px; width: 18px; height: 18px; left: -1px; content: " "; background-color: #fff; color: #fff; border: 1px solid #cdcdcd; border-radius: 18px; }
input[name='Store']:checked:after { background-color: #EB8B1B; }


/*图片切换*/
.small_img { width: 67px; height: 67px; border: 1px solid #cdcdcd; margin-left: 2px }
ul, li { padding: 0; margin: 0; border: 0; list-style-type: none; }
#vices-img { width: 345px; height: 80px; margin-top: 20px; }
.vices-img-con { width: 305px;  overflow: hidden; float: left;height:75px }
.vices-img-con ul { width: 100%; }
.vices-img-con ul li { text-align: center; padding: 0 1px; float: left; }
.vices-img-con ul li img { width: 72px; height: auto; border: solid 1px #DDD; cursor: pointer; vertical-align: text-bottom; }
.vices-img .change-bnt { display: block; width: 20px; height: 74px; line-height: 74px; font-size: 20px; color: #999; cursor: pointer; background: #EEE; }
.vices-img .prev-bnt { float: left; }
.vices-img .next-bnt { float: left; }

/*浏览记录榜单*/
.two_div { width:260px;height:auto;float:left }
.two_div > div{ width:200px;height:auto;display:inline-block;}
.two_div_title { width: 200px; height: 40px; display: inline-block; text-align: center; line-height: 40px; background: #239BA5; color: #fff; font-size: 16px }
.record { height: auto; width: 99%; text-align: center; padding-top: 10px; display: inline-block; border: 1px solid #cdcdcd; }

table { border-collapse:collapse;}

/*促销*/
#timeoutPanel{ display:none; text-align:center; width:320px; max-width:480px; line-height:20px; padding:10px; font-size:14px; color:#FFF; background:#ED1C24; }

#timeoutPanel img{ height:22px; width:22px; vertical-align:middle; margin-right:6px; }

#timeoutPanel input{ background:#FFF; width:20px; height:20px; line-height:20px; text-align:center; padding:0; border:0; margin:0 5px; vertical-align:middle; font-size:12px; color:#FE0000; border-radius:2px; font-weight:bold; }

#dataTimeRange{ display:none; text-align:center; width:320px; height:30px; line-height:30px; padding:0 10px; background:#EEE; font-size:14px; color:#555; }

.datatime{ font-size:14px; color:#444; }

.timerange{ font-size:14px; color:#444; }

.u-flyer { display: block; width: 80px; height: 80px; border-radius: 50px; position: fixed; z-index: 9999; }

#GiveProductList::-webkit-scrollbar { width: 2px; background-color: none; }
#GiveProductList::-webkit-scrollbar-thumb { height: 2px; background-color: #CCCCCC; }