@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0px; padding-top: 15px;}

/*************** 首页焦点区域 **********/
.banner{ width: 100%; height: 400px; position: relative; margin-bottom: 15px;}

/* 满屏背静切换焦点图 */
.banner ul.full-screen-slides { width: 100%; height: 400px; position: relative; z-index: 1;}
.banner ul.full-screen-slides li { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.banner ul.full-screen-slides li a { display: block; width: 100%; height: 100%;}
.banner ul.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33FFFFFF', endColorstr='#33FFFFFF'); text-align: center; display: block; list-style: none; width: 776px; height: 6px; padding: 7px 8px; margin-left: -395px; position: absolute; left: 50%; bottom: 0px; z-index: 3;}
.banner ul.full-screen-slides-pagination li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style: none; width: 24px; height: 6px; margin-left: 4px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000'); background: rgba(0,0,0,0.25); overflow: hidden; cursor: pointer; *zoom:1;}
.banner ul.full-screen-slides-pagination a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px;}
.banner ul.full-screen-slides-pagination .current { background: #ffc001;}

/*焦点区域右侧*/
.banner .right-sidebar { width: 208px; height: 443px; padding: 0 1px 0px; margin-left: 395px; position: absolute; z-index: 1; top: 0; left: 50%; float: right; background: #F7F7F7;}
.right-sidebar .sale-discount { width: 208px; height: 281px; padding: 15px 0px 0px; overflow: hidden; position: relative; z-index: 1;}
.right-sidebar .sale-discount h3 { font-size: 16px; color: #333; font-weight: normal; padding: 0px 10px;}
.right-sidebar .sale-discount ul { width: auto; height: 248px; padding-top: 15px; position: absolute; z-index: 1; overflow: hidden;}
.right-sidebar .sale-discount ul li { width: 208px; height: 248px; float: left; overflow: hidden;}
.right-sidebar .sale-discount ul li  div.sale-con { width: 208px; height: 248px; position: relative; z-index: 1;}
.right-sidebar .sale-discount p.time-remain { color: #999; line-height: 16px; text-align: center; width: 208px; height: 16px; top: -180px; left: 0;}
.right-sidebar .sale-discount p.time-remain em { color: #ffffff; margin: 0px; padding: 0px 3px;}
.right-sidebar .sale-discount p.goods-thumb { width: 100%; margin: 15px 0px 10px; text-align: center;}
.right-sidebar .sale-discount p.goods-thumb a { text-align: center; vertical-align: middle; *display: block; width: 150px; height: 150px; overflow: hidden;}
.right-sidebar .sale-discount p.goods-thumb img { max-width: 150px; max-height: 150px;}
.right-sidebar .sale-discount p.goods-name { width: 150px; height: 20px; line-height: 20px; margin: 0 auto; overflow: hidden;}
.right-sidebar .sale-discount p.goods-price { font: 14px/25px Verdana; width: 150px; height: 25px; margin: 0 auto; overflow: hidden;}
.right-sidebar .sale-discount p.goods-price .color{ float: left;}
.right-sidebar .sale-discount p.goods-price .goods-discount { float: right; font-weight: bold; font-family:"Microsoft YaHei";}
.right-sidebar .sale-discount .arrow { background: url(../images/common-icon.png) no-repeat; width: 15px; height: 29px;  position: absolute; z-index: 2; top: 50%; cursor: pointer; opacity: 0.25!important; overflow: hidden;}
.right-sidebar .sale-discount .arrow:hover { opacity: 0.85!important;}
.right-sidebar .sale-discount .pre { background-position: 0px -190px; left: 10px;}
.right-sidebar .sale-discount .next { background-position: -20px -190px; right: 5px;}

/* 商城首页-新闻及店铺Tab切换*/
.proclamation { background: #FFF; width: 208px; height: 145px; margin-top: 1px; border-top: 1px #e5e5e5 solid;}
.proclamation .tabs-nav { height: 35px; padding: 0px; border-bottom: 1px #ccc solid; z-index: 1;}
.proclamation .tabs-nav li { text-align: center; display: block; width: 104px; height: 35px; line-height: 35px; float: left; margin: 0px; z-index: 9; cursor: pointer;}
.proclamation .tabs-nav li.tabs-selected {  font-weight: 600; background: #FFF; height: 35px; line-height: 35px; position: relative; z-index: 10; _margin-bottom: -1px/* IE6 */;}
.proclamation .tabs-nav li.tabs-selected {color:red;border-bottom:1px solid red;}
.lamation .tabs-nav li h3 { color: #333; font-size: 14px; font-weight: normal;}
.proclamation .tabs-panel { width: 95%; height: 96px; overflow: hidden; margin: 6px auto;}
.proclamation .mall-news { padding: 3px 2.5%;}
.proclamation .mall-news li { line-height: 20px; text-overflow: ellipsis; white-space: nowrap; height: 20px; padding: 1px 5px; overflow: hidden;}
.proclamation .mall-news li a{ color: #999;}
.proclamation .mall-news li a:hover{ color: #E31939;}
.tabs-hide { display: none !important;}
.tabs-panel .store-join-btn { background: url(../images/enter.jpg) no-repeat; display: block; width: 165px; height: 60px; margin: 10px auto 5px;}
.tabs-panel .store-join-help { color: #999; display: block; text-align: center;}
.tabs-panel .store-join-help:hover{ color: #E31939;}
.tabs-panel .store-join-help i.icon-cog { background: url(../images/common-icon.png) no-repeat; background-position: -294px -66px; font-size: 14px; width: 14px; height: 14px; display: inline-block; vertical-align: middle;}

/***********首页广告组***********/
.ad-groups { margin: 10px auto; overflow: hidden;}
.ad-groups .mc { width: 1240px;}
.ad-groups .sc-list { *margin-bottom:10px;}
.ad-groups .sc-list .item { float: left; width: 242px; height: 350px; overflow: hidden;}
.ad-groups .sc-list .item .s-img { display: block; width: 242px; height: 350px;}
/***********热门促销***********/
.hot-title {position: relative;float: left;width: 189px;height: 49px;margin-top: 1px;padding: 1px 0 0 13px;color: #f54700;}
.point {position: absolute;top: 0;left: 0;width: 0;height: 0;border-width: 0 0 12px 12px; border-style: solid;border-color: transparent transparent transparent #f54700;_border-color: #f8f8f8 #f8f8f8 #f8f8f8 #f54700;font-size: 0;}
.hot-title h5 {width: 177px;height: 28px;font: bold 24px/28px "Microsoft Yahei";overflow: hidden;}
/***********热门店铺***********/
.store-wall{ margin: 10px auto !important; height: 367px;}
.store-wall .store-wall-title { display: block; height: 35px; line-height: 35px; font-size: 20px; color: #333; width: 192px; padding-left: 5px; position: relative;}
.store-wall .store-wall-title:hover { color: #000; text-decoration: none;}
.store-wall .store-wall-title span{ font-size: 12px; color: #999; margin-left: 5px;}
.store-wall .store-wall-content { background-color: #fff; width: 100%;}
.store-wall .store-wall-content .store-wall-ad { float: left; height: 333px; width: 270px;}
.store-wall .store-wall-content .store-wall-ad .image-lazyload{ text-align: center; width: 270px; height: 333px; display: block;}
.store-wall .store-wall-content .store-wall-ad img{ width: 270px; height: 333px;}
.store-wall .store-wall-content .store-wall-con { width: 940px; float: left; position: relative; border-top:1px solid #f0f0f0;}
.store-rec-slide .store-con { position: relative; width: 940px; height: 334px; overflow: hidden;}
.store-rec-slide .store-con .store-wall-pannel { width: 100%; height: 100%;}
.store-rec-slide .store-con .store-wall-pannel .store-item { text-align: center; background: #fff; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; float: left;	text-align: center; display: block;	width: 155px; height: 82px; line-height: 84px;}
.store-rec-slide .store-con .store-wall-pannel .store-item-spe{ width: 159px;}
.store-rec-slide .store-con .store-wall-pannel .store-item .store-logo { padding-top: 18px;}
.store-rec-slide .store-con .store-wall-pannel .store-item:hover { text-decoration: none; zoom: 1}
.store-rec-slide .store-con .store-wall-pannel .item-row-0 { top: 0;}
.store-rec-slide .store-con .store-wall-pannel .item-row-1 { top: 85px;}
.store-rec-slide .store-con .store-wall-pannel .item-row-2 { top: 170px;}
.store-rec-slide .store-con .store-wall-pannel .item-row-3 { top: 255px; bottom: 0;}
.store-rec-slide .store-con .store-wall-pannel .item-col-0 { left: 0;}
.store-rec-slide .store-con .store-wall-pannel .item-col-1 { left: 150px;}
.store-rec-slide .store-con .store-wall-pannel .item-col-2 { left: 300px;}
.store-rec-slide .store-con .store-wall-pannel .item-col-3 { left: 450px;}
.store-rec-slide .store-con .store-wall-pannel .item-col-4 { left: 600px;}
.store-rec-slide .store-con .store-wall-pannel .item-col-5 { left: 750px;}



/***************1f 手机城***************/
.mobile-floor .floor-title{height:135px;}
.dianqi-floor {position: relative;width: 1178px;height: 770px;margin: 50px auto 0 auto;overflow: hidden;_zoom: 1;}
.dianqi-floor .floor-title {width: 1190px;height: 123px;border-bottom: 2px solid;background-color: #f4f8fb;border-color: #6b57e4;}
.mobile-floor .floor-title{height:135px;}
.mobile-floor .floor-title .point {border-color: transparent transparent transparent #6b57e4;_border-color: #f4f8fb #f4f8fb #f4f8fb #6b57e4;}
.dianqi-floor .point {position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;border-width: 0 0 60px 60px;border-style: solid;}
.dianqi-floor .floor-name {position: absolute;top: 0;left: 0;width: 36px;height: 30px;text-align: center;font: bold 16px/30px "Microsoft Yahei";color: #FFF;}
.dianqi-floor .floor-name1 {float: left;width: 154px;height: 72px;margin-top: 24px;padding-right: 26px;border-right: 1px solid #333;text-align: right;color: #333;_position: relative;_z-index: 1;}
.dianqi-floor .floor-name1 h5 {font: 30px/36px "Microsoft Yahei";margin-bottom: 3px;}
.dianqi-floor .floor-name1 p {font: 12px/16px "Microsoft Yahei";}
.mobile-floor .floor-content .knowledge {background-color: #7663e9;}
.dianqi-floor .choose {float: left;width: 756px;height: 123px;margin-left: 38px;_display: inline;}
.dianqi-floor .choose-area {width: 932px;height: 75px;border-bottom: 1px dashed #dedede;}
.dianqi-floor .choose-area .choose-title {float: left;width: 58px;height: 48px;margin: 15px 0 0 18px;_width: 60px;overflow: hidden;}
.dianqi-floor .choose-title {font: bold 14px/24px "Microsoft Yahei";color: #333;text-align: right;}
.dianqi-floor .area-item .choose-list .choose-point i {display: block;width: 6px;height: 5px;margin-left: 3px;background: url(../images/dianqi_sprite.png?v=cc87a) no-repeat;}
.mobile-floor .choose-area i.icon-left {float: left;width: 15px;height: 22px;margin: 20px 11px;background: url(../images/dianqi_sprite.png?v=cc87a) -128px -77px no-repeat;}
.mobile-floor .choose-area i.icon-left {margin: 20px 19px;}
.dianqi-floor .area-item {position: relative;float: left;width: 640px;height: 61px;margin-top: 4px;z-index: 1;}
.dianqi-floor .area-item .choose-line {position: absolute;left: 0;top: 25px;width: 568px;height: 0;border-top: 1px dashed;border-color: #3f8efc;}
.dianqi-floor .area-item .choose-list {position: relative;float: left;width: 80px;height: 61px;text-align: center;_display: inline;}
.dianqi-floor .area-item .choose-list {position: relative;float: left;width: 80px;height: 61px;text-align: center;_display: inline;}
.dianqi-floor .area-item .choose-list .category {text-align: center;display: inline-block;width: 80px;height: 24px;font: bold 12px/24px "Microsoft Yahei";}
.dianqi-floor .area-item .choose-list .choose-point {display: block;width: 11px;height: 5px;margin: -1px 0 0 34px;background-color: #fafafa;}
.mobile-floor .area-item li.choose-list .choose-point i {background-position: -296px -86px;}
.dianqi-floor .area-item .choose-list .choose-liang {position: relative;display: inline-block;width: 80px;height: 26px;margin-top: 8px;background-color: #FFF;cursor: pointer;_margin-top: 0;}
.dianqi-floor .area-item .choose-list .choose-liang em {display: block;width: 78px;height: 24px;border: 1px solid #CCC;font: 12px/24px "Microsoft Yahei";}
.dianqi-floor .area-item .choose-list .choose-liang i.angle {position: absolute;display: none;top: -4px;left: 35px;width: 9px;height: 6px;font-size: 0;background: url(../images/dianqi_sprite.png?v=cc87a) no-repeat;}
.mobile-floor .area-item li.choose-list .choose-liang i.angle {background-position: -329px -100px;}
.mobile-floor .choose-area i.icon-right {float: left;width: 15px;height: 22px;margin: 20px 15px;background: url(../images/dianqi_sprite.png?v=cc87a) -151px -77px no-repeat;}
.dianqi-floor .choose-category {width: 756px;height: 47px;}
.dianqi-floor .choose-category {width: 932px;}
.dianqi-floor .choose-category .choose-title {float: left;width: 70px;height: 24px;margin: 10px 0 0 4px;overflow: hidden;}
.dianqi-floor .choose-title {font: bold 14px/24px "Microsoft Yahei";color: #333;text-align: right;}
.dianqi-floor .choose-category .functions {float: left;margin: 10px 0 0 29px;}
.dianqi-floor .choose-category .functions {margin-left: 45px;}
.dianqi-floor .choose-category .functions li {float: left;width: 78px;height: 24px;margin-left: 20px;text-align: center;border: 1px solid #CCC;background-color: #FFF;font: 12px/24px "Microsoft Yahei";cursor: pointer;overflow: hidden;_display: inline;}
.dianqi-floor .choose-category .functions li {float: left;width: 78px;height: 24px;margin-left: 20px;text-align: center;border: 1px solid #CCC;background-color: #FFF;font: 12px/24px "Microsoft Yahei";cursor: pointer;overflow: hidden;_display: inline;}
.dianqi-floor .floor-content {position: relative;width: 100%;height: 609px;}
.dianqi-floor .floor-content .floor-intro {float: left;width: 230px;height: 539px;padding-top: 10px;_position: absolute;_top: 0;_left: 0;}
.dianqi-floor .floor-content .floor-slide {position: relative;width: 230px;height: 360px;overflow: hidden;}
.dianqi-floor .floor-content .floor-slide ul {position: absolute;top: 0;left: 0;width: 690px;height: 360px;}
.dianqi-floor .floor-content .floor-slide li {float: left;width: 230px;height: 360px;}
.dianqi-floor .floor-content .floor-slide img {display: block;width: 230px;height: 360px;overflow: hidden;}
.dianqi-floor .floor-content .knowledge {width: 210px;height: 169px;padding: 10px 10px 0 10px;overflow: hidden;}
.dianqi-floor .floor-content .knowledge .knowledge-title {display: block;width: 202px;height: 24px;font: 14px/24px "Microsoft Yahei";padding: 0 0 6px 8px;border-bottom: 1px solid;color: #FFF;}
.mobile-floor .floor-content .knowledge .knowledge-title {border-color: #806eee;}
.dianqi-floor .floor-content .knowledge .knowledge-list {width: 208px;height: 104px;margin-top: 11px;padding-left: 2px;font: 12px/26px "Microsoft Yahei";overflow: hidden;_position: relative;}
.dianqi-floor .floor-content .knowledge .knowledge-list li {width: 202px;height: 26px;overflow: hidden;}
.dianqi-floor .floor-content .knowledge .knowledge-list li span.dot {display: inline-block;width: 5px;height: 6px;margin: 6px;line-height: 26px;font-size: 0;background: url(../images/dianqi_sprite.png?v=cc87a) -309px -85px no-repeat;vertical-align: middle;}
.dianqi-floor .floor-content .knowledge .knowledge-list li a {color: #FFF;_display: inline-block;_vertical-align: middle;_line-height: 32px;_width: 180px;_height: 26px;_overflow: hidden;}
.dianqi-floor .floor-content .commodity-list-wrapper {width: 948px;overflow: hidden;_position: absolute;_top: 0;_right: 0;}
.dianqi-floor .floor-content .commodity-list {float: left;width: 1012px;height: 539px;padding-top: 10px;overflow: hidden;}
.dianqi-floor .floor-content .commodity-list li {position: relative;float: left;width: 236px;height: 269px;border-width: 1px 1px 0 0;border-style: solid;border-color: #eee;}
.dianqi-floor .floor-content .commodity-list li img {display: block;width: 160px;height: 160px;margin: 15px auto 5px auto;}
.dianqi-floor .floor-content .commodity-list .price-wrapper {width: 200px;height: 26px; margin-left: 15px;}
.price-wrapper .now-price {float: left;text-align: left;height: 26px;color: #eb0028;line-height: 26px;}
.price-wrapper .now-price i {display: inline-block;vertical-align: middle;margin-top: 2px;font: bold 16px/26px "arial";}
.price-wrapper .now-price .price-number {display: inline-block;vertical-align: middle;font: bold 16px/26px "tahoma";}
.price-wrapper .now-price .price-last {display: inline-block;vertical-align: middle;}
.price-wrapper .last-price {float: left;text-align: left;margin: 4px 0 0 10px;color: #999;text-decoration: line-through;}
.price-wrapper .last-price {float: left;text-align: left;margin: 4px 0 0 10px;color: #999;text-decoration: line-through;}
.dianqi-floor .floor-content .commodity-list .commodity-name {position: relative;width: 209px;height: 44px;margin: 5px 15px 0 15px;overflow: hidden;font: 12px/22px "Microsoft Yahei";}
.dianqi-floor .floor-content .commodity-list .commodity-name a {color: #666;}
.dianqi-floor .floor-content .brands-list {float: left;width: 1188px;height: 58px;border: 1px solid #EEE;background-color: #f4f8fb;overflow: hidden;_position: absolute;_left: 0;_bottom: 0;}
.dianqi-floor .floor-content .brands-list li {float: left;width: 165px;height: 58px;_overflow: hidden;}
.dianqi-floor .floor-content .brands-list li.brand-item1 {width: 169px;}
.dianqi-floor .floor-content .brands-list li a {display: block;width: 100%;height: 100%;}
.dianqi-floor .floor-content .brands-list img {display: block;width: 90px;height: 30px; margin: 14px 40px;}
.dianqi-floor .floor-content .brands-list li.brand-item1 img {margin-left: 36px;}
.dianqi-floor .floor-content .brands-list li.brand-item1 img {margin-right: 39px;}
.dianqi-floor .selected-commodity {position: absolute;display: none;top: 125px;left: 0;width: 986px;height: 546px;border: 2px solid;background-color: #FFF;}
.dianqi-floor .selected-commodity .select-close {position: absolute;display: block;top: 0;right: 0;width: 26px;height: 26px;cursor: pointer;}
.dianqi-floor .selected-commodity .select-close i {display: block;width: 15px;height: 14px;margin: 6px 5px 6px 6px;background: url(../images/dianqi_sprite.png?v=cc87a) -348px -93px no-repeat;}

/**************小家电*******************/
.tab-floor .floor-title .floor-name1 {width: 170px;height: 58px;margin-top: 10px;padding-right: 30px;}
.tab-floor .floor-title {height: 78px;}
.little-floor .floor-title {border-color: #fa6487;}
.little-floor .floor-title .point {border-color: transparent transparent transparent #fa6487;_border-color: #f4f8fb #f4f8fb #f4f8fb #fa6487;}
.tab-floor .list-tab {float: left;width: 900px;height: 26px;margin: 26px 0 0 67px;}
 .tab-floor .list-tab span {float: left;font: bold 14px/26px "Microsoft Yahei";}
 .tab-floor .list-tab ul {float: left;margin-left: -12px;}
.tab-floor .list-tab ul li {float: left;width: 78px;height: 24px; margin-left: 40px;border: 1px solid #CCC;text-align: center;font: 12px/24px "Microsoft Yahei";cursor: pointer;background-color: #FFF;}
.little-floor .floor-title .list-tab li.current {background-color: #fa6487;border-color: #fa6487;}
.tab-floor .list-tab ul li a {display: block;width: 78px;height: 24px;color: #333;text-decoration: none;}
.tab-floor .list-tab ul li.current a {color: #FFF;}
.little-floor .floor-content .knowledge {background-color: #ff7394;}
/*************电脑*********************/
.computer-floor .floor-title {height: 135px;}
.computer-floor .floor-title {border-color: #3f8efc;}
.computer-floor .floor-title .point {border-color: transparent transparent transparent #3f8efc;_border-color: #f4f8fb #f4f8fb #f4f8fb #3f8efc;}
.dianqi-floor .choose {width: 932px;}
.computer-floor .choose-area i.icon-left {float: left;width: 26px;height: 16px;margin: 20px 5px;background: url(../images/dianqi/dianqi_sprite.png?v=cc87a) -56px -77px no-repeat;}
.computer-floor .choose-area i.icon-left {margin: 20px 12px;}
.dianqi-floor .area-item .choose-list .choose-liang {position: relative;display: inline-block;width: 80px;height: 26px;margin-top: 8px;background-color: #FFF;cursor: pointer;_margin-top: 0;}
.dianqi-floor .area-item .choose-list .choose-liang em {display: block;width: 90px;height: 24px;border: 1px solid #CCC;font: 12px/24px "Microsoft Yahei";}
.dianqi-floor .area-item .choose-list .choose-point i {display: block;width: 6px;height: 5px;margin-left: 3px;background: url(../images/dianqi/dianqi_sprite.png?v=cc87a) no-repeat;}
.computer-floor .area-item li.choose-list .choose-point i {background-position: -281px -86px;}
.computer-floor .choose-area i.icon-right {float: left;width: 26px;height: 16px;margin: 20px 15px;background: url(../images/dianqi/dianqi_sprite.png?v=cc87a) -92px -77px no-repeat;}
.computer-floor .floor-content .knowledge {background-color: #4c95fc;}
/**********数码************/
.tab-floor {height: 689px;}
.camera-floor .floor-title {border-color: #6680ff;}
.tab-floor .floor-title {height: 78px;}
.camera-floor .floor-title .point {border-color: transparent transparent transparent #6680ff;_border-color: #f4f8fb #f4f8fb #f4f8fb #6680ff;}
.tab-floor .list-tab {float: left;width: 700px;height: 26px;margin: 26px 0 0 67px;}
.tab-floor .list-tab span {float: left;font: bold 14px/26px "Microsoft Yahei";}
.tab-floor .list-tab ul {float: left;margin-left: -12px;}
.camera-floor .floor-title .list-tab li.current {background-color: #6680ff;border-color: #6680ff;}
.tab-floor .list-tab ul li.current a {color: #FFF;}
.tab-floor .list-tab ul li {float: left;width: 78px;height: 24px;margin-left: 40px;border: 1px solid #CCC;text-align: center;font: 12px/24px "Microsoft Yahei";cursor: pointer; background-color: #FFF;}
.camera-floor .floor-content .knowledge {background-color: #758cff;}
/****************大家电****************/
.tab-floor .floor-title .floor-name1 {width: 170px;height: 58px;margin-top: 10px;padding-right: 30px;}
.tab-floor .floor-title {height: 78px;}
.big-floor .floor-title {border-color: #e69e32;}
.big-floor .floor-title .point {border-color: transparent transparent transparent #e69e32;_border-color: #f4f8fb #f4f8fb #f4f8fb #e69e32;}
.tab-floor .list-tab {float: left;width: 900px;height: 26px;margin: 26px 0 0 67px;}
 .tab-floor .list-tab span {float: left;font: bold 14px/26px "Microsoft Yahei";}
 .tab-floor .list-tab ul {float: left;margin-left: -12px;}
.tab-floor .list-tab ul li {float: left;width: 78px;height: 24px; margin-left: 40px;border: 1px solid #CCC;text-align: center;font: 12px/24px "Microsoft Yahei";cursor: pointer;background-color: #FFF;}
.big-floor .floor-title .list-tab li.current {background-color: #e69e32;border-color: #e69e32;}
.tab-floor .list-tab ul li a {display: block;width: 78px;height: 24px;color: #333;text-decoration: none;}
.tab-floor .list-tab ul li.current a {color: #FFF;}
.big-floor .floor-content .knowledge {background-color: #f9edd9;}
.proclamation .tabs-panel .item-tell p{margin-bottom:5px;}

/***************首页楼层***************/
.floor{ width: 100%; position: relative;}
.banner-ad{ width: 1210px; height: 100px; display: inline-block;}
.floor-layout{ height: auto;}
.floor-layout .floor-con { height: auto; margin: 10px auto; position: relative;}
.floor-layout .floor-con .floor-title { height: 35px; line-height: 35px; overflow: hidden;margin-top:25px;}
.floor-layout .floor-con .floor-title h2 { font-size: 18px; color: #666; height: 35px; line-height: 35px; float: left }
.floor-layout .floor-con .floor-title h2 span{ width: 35px; height: 25px; line-height: 25px; background:url(../images/stairs2.png) no-repeat -40px 0px; color: #fff; font-size: 14px; text-indent: 3px; display: inline-block;}
.floor-layout .floor-con .floor-title h2 .lou{background-position: 0px 0px;}
.floor-layout .floor-con .floor-title h2 a{ padding-left: 8px; font-weight: normal;}
.floor-layout .floor-con .floor-title .floor-tabs-nav { display: inline; width: auto; height: 35px; z-index: 4; float: right;}
.floor-layout .floor-con .floor-title .floor-tabs-nav li { background-color: #ffffff; width: auto; height: 34px; line-height: 34px; float: left; padding: 0; position:relative; z-index: 4; cursor: pointer; margin-left:8px;}
.floor-layout .floor-content{ width: 100%; height: 475px; margin-bottom: 10px; position: relative; overflow: hidden;}
.floor-layout .floor-content .floor-left { width: 270px; height: 475px; float: left; overflow: hidden;}
.floor-layout .floor-content .floor-left .floor-banner{ position: relative;	height: 475px; overflow: hidden; width: 270px;}
.floor-layout .floor-content .floor-left .floor-banner ul{ height: 475px; position: absolute;}
.floor-layout .floor-content .floor-left .floor-banner ul li{ float: left; width: 270px; height: 475px; overflow: hidden; position: relative; background: #fffdee;}
.floor-layout .floor-content .floor-left .floor-banner ul li .image-lazyload{ text-align: center; width: 270px; height: 475px; display: block;}
.floor-layout .floor-content .floor-left .floor-banner ul li a:before { content: ""; position: absolute; width: 80px; height: 350px; top: 0; left: -150px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg)}
.floor-layout .floor-content .floor-left .floor-banner ul li a:hover::before { -webkit-transition: left 0.5s; -moz-transition: left 0.5s; transition: left 0.5s; left: 260px;}
.floor-layout .floor-content .floor-left .floor-banner .focus-btn{ position: absolute; width: 272px; height: 10px; bottom: 153px; text-align: center;}
.floor-layout .floor-content .floor-left .floor-banner .focus-btn span{ display: inline-block; width: 88px; height: 10px; cursor: pointer; background: #000; margin-right: 2px;}
.floor-layout .floor-content .floor-left .floor-banner .focus-btn span.on{ background: #000;}
.floor-layout .floor-content .floor-left .floor-words{ position: relative; width: 250px; height: 120px; margin-top: -150px; padding: 15px 10px;	overflow: hidden; background: rgba(255,255,255,.5);}
.floor-layout .floor-content .floor-left .floor-words li{ float: left; width: 90px; padding-left: 35px; height: 30px; line-height: 30px; overflow: hidden;}
.floor-layout .floor-content .floor-left .floor-words li a{ font-size: 14px; color: #333;}
.floor-layout .floor-content .floor-left .floor-words a:hover{ cursor: pointer; color: #E31939;}
.floor-layout .floor-content .floor-right { width: 900px; height: 475px; float: left;}
.floor-layout .floor-con .floor-title .floor-tabs-nav { display: inline; width: auto; height: 35px; z-index: 4; position: absolute; top: 0px; right: 0px;}
.floor-layout .floor-con .floor-title .floor-tabs-nav li { background-color: #fff; width: auto; height: 34px; line-height: 34px; float: left; padding: 0; position: relative; z-index: 4; cursor: pointer; margin-left:8px;}
.floor-layout .floor-con .floor-title .floor-tabs-nav li h3 { font-size: 12px; font-weight: 400; padding: 0px 25px; text-align: center; border: 1px #eee solid; border-bottom: none; z-index: 4;}
.floor-layout .floor-con .floor-title .floor-tabs-nav li.floor-tabs-selected h3 { z-index: 5; border-style: solid; border-width: 1px 1px 1px 1px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel { width: 940px; height: 472px;}
.floor-layout .floor-content .floor-right .floor-tabs-hide { display: none !important;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item { float: left; width: 235px; color: #2f2f2f; height: 236px; overflow: hidden; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin-right: -1px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .wrap { height: 217px; margin: 15px 20px 0px; position: relative; _zoom: 1;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .wrap .image-lazyload{ text-align: center; width: 195px; height: 150px; display: block;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item img { margin: 0 auto 10px; display: block; width:140px; height:140px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item h3 { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; _width: 100%; height: 20px; line-height: 20px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .title { margin-bottom: 5px; height: 32px; overflow: hidden;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .price { font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #E31939;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item a.add-cart { position: absolute; bottom: 0px; right: 0px; width: 32px; height: 32px;	 cursor: pointer; background:url(../images/common-icon.png) no-repeat; background-position: -165px 0px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .promo-txt { position: absolute; top: 137px; left: 50%; width: 158px; margin-left: -80px; text-align: center; border: 1px solid #e22b41; padding: 4px 0; line-height: 1; background-color: rgba(255,255,255,.8); background-color: #fff; color: #e22b41;	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;}
.floor-layout .floor-content .floor-right .floor-tabs-panel .item .ui-cart { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px;}
.floor-layout .floor-content .floor-brand { width: 1210px; height: 66px; margin: 10px auto; float: left;}
.floor-layout .floor-brand .tabs-brand { width: 1210px; background: #f7f7f7; height: 40px; padding: 13px 0 13px 1px; overflow: hidden;}
.floor-layout .floor-brand .tabs-brand .brand{ position: relative; height: 40px;}
.floor-layout .floor-brand .tabs-brand .brand .brand-con{ overflow: hidden; position: relative;  width: 1210px;  height: 40px;  float: left;}
.floor-layout .floor-brand .tabs-brand ul li { float: left; width: 120px; height: 40px; text-align: center; border-left: 1px dotted #ccc;}
.floor-layout .floor-brand .tabs-brand ul li.fore1 { border-left: none;}
.floor-layout .floor-brand .tabs-brand ul li img { max-width: 100px; max-height: 40px;}
.floor-layout .floor-brand .tabs-brand .brand-btn { position: relative; z-index: 2; opacity: 0;}
.floor-layout .floor-brand .tabs-brand .brand-btn a{ width: 25px; height: 40px; line-height: 40px; position: absolute; top: 0px; display: block; background: #333 none repeat scroll 0% 0%; color: #FFF; text-align: center; font-size: 22px; font-weight: 400; font-family: simsun;}
.floor-layout .floor-brand .tabs-brand .brand-btn a.brand-left { left: 0px;}
.floor-layout .floor-brand .tabs-brand .brand-btn a.brand-right { right: 0px;}
.floor-layout .floor-brand .tabs-brand .brand-btn a img{ width: 30px; height: 40px;}

/***************首页楼层 模板2***************/
.floor .floor-con2 { margin-top: 30px; width: 100%; height: 470px; position: relative;}
.floor .floor-con2 h2{ font-size: 12px;}
.floor .floor-con2 h2 .color-mark { display: inline-block; width: 5px; height: 20px; vertical-align: top;}
.floor .floor-con2 h2 .floor-name1 { display: inline-block;	vertical-align: top; font-size: 18px; color: #000; line-height: 18px; height: 18px; margin-left: 10px;}
.floor .floor-con2 h2 .floor-sub-name { display: inline-block; vertical-align: top; font-size: 14px; color: #000; margin-left: 10px; line-height: 24px; height: 18px;}
.floor .floor-con2 .line-body { width: 100%; height: 440px; margin-top: 10px;}
.floor .floor-con2 .line-body .hot-word-con { position: absolute; top: 0; right: 0; width: 800px; text-align: right;}
.floor .floor-con2 .line-body .hot-word-con .hot-word { display: inline-block; height: 20px; line-height: 20px; margin: 5px 10px; font-size: 14px; border: 0; border-bottom: 1px solid #fff;}
.floor .floor-con2 .line-body .floor-con{ border-top: 1px solid;}
.floor .floor-con2 .line-body .big-banner-con {float: left; position: relative; width: 245px; height: 440px;}
.floor .floor-con2 .line-body .big-banner-con .big-banner{ width: 100%; height: 330px;}
.floor .floor-con2 .line-body .big-banner-con .big-banner a.big-banner-img{ width: 100%; height: 330px; display: block;}
.floor .floor-con2 .line-body .big-banner-con:hover img { opacity: .7; filter: alpha(opacity=70);}
.floor .floor-con2 .line-body .big-banner-con:hover .slide-item { color: #dd2727;}
.floor .floor-con2 .line-body .big-banner-con img { display: block; width: 100%; height: 330px; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.floor .floor-con2 .line-body .big-banner-con .act-title-ctn { position: absolute; bottom: 110px; height: 30px; width: 100%; background: #fff; filter: alpha(opacity=80); background: rgba(255,255,255,.8); overflow: hidden;}
.floor .floor-con2 .line-body .big-banner-con .act-title-ctn .slide-item { height: 30px; width: 100%; line-height: 30px; font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.floor .floor-con2 .line-body .big-banner-con .title-con { height: 110px; width: 100%; overflow: hidden; color: #fff; position: relative;}
.floor .floor-con2 .line-body .big-banner-con .title-con .title { width: 100%; text-align: center; margin-top: 20px; font-weight: 700; font-size: 22px;}
.floor .floor-con2 .line-body .big-banner-con .title-con .sub-title { width: 100%; text-align: center; font-size: 18px;}

.floor .floor-con2 .line-body .middle-column-con { width: 725px; height: 440px; float: left; position: relative;}
.floor .floor-con2 .line-body .right-column-con { float: left; width: 237px; height: 440px; position: relative;}
.floor .floor-con2 .line-body .grid { float: left; display: block; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; position: relative; background-color: #fff;}
.floor .floor-con2 .line-body .grid img { position: absolute; right: 0; bottom: 0; z-index: 1;}
.floor .floor-con2 .line-body .grid.one-grid { width: 240px; height: 220px;}
.floor .floor-con2 .line-body .grid.one-grid img { width: 240px; height: 220px;}
.floor .floor-con2 .line-body .grid.second-grid { width: 237px; height: 146px;}
.floor .floor-con2 .line-body .grid.second-grid img { width: 237px; height: 146px;}


/*楼层广告模块*/
.floor-layout .floor-con-ad{ height: auto; margin: 20px auto 0px;}
.floor-layout .floor-con-ad ul{ width: 1230px; display: inline-block; overflow: hidden;}
.floor-layout .floor-con-ad ul li{ width: 595px; margin: 0px 20px 15px 0px; float: left; display: inline-block; overflow: hidden;}
.floor-layout .floor-con-ad ul li a:hover{ opacity: .8; filter: alpha(opacity=80)}
.floor-layout .floor-con-ad ul li a img{ width: 595px; height: auto;}

/***************左侧楼层定位***************/
.elevator {
	overflow: visible;
	width: 40px;
	height: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -150px 0 0px -650px;
	z-index: 3333;
	display: block;
}
.elevator .elevator-floor {
	width: 40px;
	height: 400px;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	left: 0;
	top: 0
}
.elevator .elevator-floor a {
	width: 40px;
	height: 35px;
	line-height: 35px;
	display: block;
	position: relative;
	margin-top: -1px;
	cursor: pointer;
	text-decoration:none
}
.elevator .elevator-floor b {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -9px;
	z-index: 1;
	color:#625351;
	font-family: Arial;
}
.elevator .elevator-floor .fs-name {
	width: 40px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #E31939 ;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: none
}
.elevator .elevator-floor .fs-line {
	display: block;
	width: 16px;
	margin-left: -9px;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-top: 1px dotted #E31939;
	position: absolute;
	left: 50%;
	top: 35px;
	z-index: 3
}
.elevator .elevator-floor a.active .fs-name {
	background: #E31939;
	color: #fff ;
	display: block
}
.elevator .elevator-floor a.active .fs {
	display: none
}
.elevator .elevator-floor a.active .fs-name:hover {
	background: #E31939 ;
	color: #fff;
	text-decoration:none
}
.elevator .elevator-floor a:hover .fs-name {
	display: block
}
.elevator .elevator-floor a:hover .fs-line {
	display: none
}
.elevator .elevator-floor a.active .fs-line{
	display: none;
}
.category-layer .list .cat .cat-name .nav{width:34px;height:79px;float:left;margin-top:21px;}
.category-layer .list .cat .cat-name .nav-title{float:left;width: 140px;overflow: hidden;height: 56px;}
.category-layer .list .cat .cat-name .nav img {vertical-align:middle; }
.category-layer .list .cat .cat-name { line-height: 28px;margin:11px 0;}
.category-layer .list .cat .cat-name em{margin-right: 12px;}