@charset "utf-8";

/* 幻灯片 */

#classAndSlide { width: 100%; clear: both; margin-bottom: 15px; }

#classAndSlidePanel { width: 1200px; height: 350px; margin: 0 auto; }

#slidePanel { width: 779px; height: 350px; float: left; }

#advertisingPanel { float: right; width: 220px; height: 100%; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#advantageIcon { height: auto; float: left; }

#advantageIcon > div { float: left; padding: 5px; width: 90px; text-align: center; }

#advantageIcon > div div { width: 100%; font-size: 12px; color: #333; line-height: 20px; }

#advantageIcon img { width: 50%;float:left }

#onlineConsultPanel { width: 220px; height: 41.2%; clear: both; border-top: dashed 1px #DDD; background: #86D5D2; float: left;}

#onlineConsultPanel .pic { width: 90%; height: 45%; margin: 0 auto; display: block; }

#onlineConsultPanel .telPanel { height: 45%; width: 87%; margin: 5px auto; font-size: 18px; color: #2c8791; }

#onlineConsultPanel img { height: 40%; filter: drop-shadow(0px 0px #2A8C97); }

#onlineConsultPanel .tel { font-size: 30px; }

#middle { width: 1200px; margin: 0 auto; clear: both; }

/*周三秒杀*/

.threeKillSettingPanel { height: 50px; line-height: 50px; }

.threeKillSettingPanel img { float: left; }

.threeKillSettingPanel .title { font-size: 21px; color: #e73e48; float: left; text-align: center; letter-spacing: 1px; font-family: "Microsoft YaHei"; }

.threeKillSettingPanel .time { float: left; width: 240px; height: 50px; padding-left: 40px; font-size: 17px; letter-spacing: 1px; position: relative; top: 2px; }

.threeKillSettingPanel .startKill { display: none; float: left; width: 100px; height: 50px; padding-left: 40px; font-size: 20px; letter-spacing: 1px; color: #e73e48; font-weight: bold; }

.killColumn { background: #FFF; width: 100%; height: 240px; margin-bottom: 15px; position: relative; z-index: 1; -webkit-box-shadow: 0 0 0 1px #DDD; -moz-box-shadow: 0 0 0 1px #DDD; box-shadow: 0 0 0 1px #DDD; behavior: url(/Themes/b2c/Js/PIE.htc); overflow: hidden; }

.killColumn > div > div:first-child { border-left: none; }

.killColumn > div > img { width: 100px; height: auto; }

.killItem { width: 219px; height: 230px; padding: 5px 10px; float: left; text-align: center; border-left: solid 1px #DDD; display: block; line-height: 66px; text-decoration: none; }

.killItem .img { width: 100%; padding-bottom: 5px; position: relative; }

.killItem .img .promotion { position: absolute; background: #E0001E; height: 30px; line-height: 30px; color: #FFF; font-size: 15px; padding: 0 15px; }

.killItem .img img { width: 80%; height: auto; vertical-align: middle; }

.killItem .name, .killItem .retailPrice, .killItem .price { height: 25px; line-height: 25px; width: 100%; font-size: 12px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.killItem .price img { height: 16px; width: auto; vertical-align: middle; margin-right: 3px; }

.killItem .retailPrice { text-decoration: line-through; }

.killItem b { color: #BD131A; font-size: 16px; }

.killItem span { color: #666; text-decoration: line-through; font-size: 13px; }

.clearBottom { clear: both; width: 100%; height: 0; border: 0; padding: 0; margin: 0; }

/*促销*/

.tab { margin-top: 20px; }

.tab-title { position: relative; display: inline-block; width: 120px; height: 27px; border: 1px solid transparent; line-height: 27px; text-align: center; background: #e7e8eb; letter-spacing: 1px; font-size: 14px; }

.tab-title a { text-decoration: none; }

.tab-title:hover { cursor: pointer; }

.tab-title-active { color: #CB0C3E; font-weight: bold; }

.pic_con { width: 100%; position: relative }

.pic_lists { float: left; width: 8888px; height: 240px; overflow: hidden; position: absolute; top: 0px; left: 0px }

.btn_change { width: 40px; height: 60px; position: absolute; text-indent: -9999px; cursor: pointer }

.left_btn { background: url(../../../Images/Homepage/Middle/leftstop.png) no-repeat; top: 100px; left: 8px }

.right_btn { background: url(../../../Images/Homepage/Middle/rightstart.png) no-repeat; top: 100px; right: 13px }

.pic_content { overflow: hidden; height: 100%; width: 93%; padding: 10px; position: relative; left: 35px; }

.pic_content ul li { display: block; float: left; width: 210px; height: 200px; padding: 3px; text-align: center; margin: 0 0 0 10px; position: relative; border-left: none; }

.pic_content ul li p { height: 24px; background: #333; line-height: 24px; color: #fff; width: 151px; position: absolute; bottom: 2px; left: 2px; text-align: center; display: none }

.pic_content ul li a img { width: 100%; height: auto; }

.pic_lists .name, .pic_lists .retailPrice { font-size: 14px; }

.pic_lists b { font-size: 20px; }

.content { width: 100%; height: 100%; position: absolute; top: 27px; left: 1px; }

.tab-content { padding: 10px; border: solid 1px #c5dbec; }

#proContent1, #proContent2, #proContent3, #proContent1 .pic_lists, #proContent2 .pic_lists, #proContent3 .pic_lists { height: 260px; }

/*类目楼层*/

.floorTitleColumn { width: 100%; height: 50px; line-height: 50px; }

.floorTitle { float: left; font-size: 23px; letter-spacing: 1px; }

.floorTitleNum { color: #FFF; width: 50px; padding: 0 10px 0 10px; border-radius: 20px; }

.floorCategory { float: right; width: 70px; height: 20px; line-height: 20px; text-align: center; display: inline-block; border: 1px solid transparent; letter-spacing: 1px; font-size: 14px; margin-right: 10px; position: relative; top: 20px; }

.floorCategory a { text-decoration: none; }

.floorCategory:hover { cursor: pointer; }

.floorCategoryActive1 { color: #FFF; background-color: #21A8A1; }

.floorCategoryActive2 { color: #FFF; background-color: #A8711E; }

.floorCategoryActive3 { color: #FFF; background-color: #7E9CFE; }

.floorContent { height: 490px; }

.floorLeft { float: left; width: 359px; height: 100%; border-right: 1px solid #DDD; }

.floorLeft img { width: 100%; height: 490px; }

.floorRight { float: left; width: 840px; height: 100%; }

.floorRightContent { width: 189px; height: 235px; padding: 5px 10px; float: left; text-align: center; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; display: block; line-height: 66px; text-decoration: none; }

.floorRightContent img { width: 100%; height: 153px; }

.floorRightContent .name, .floorRightContent .price { height: 25px; line-height: 25px; width: 100%; font-size: 14px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.floorRightContent b { color: #BD131A; font-size: 18px; }