@charset"utf-8"; /* @����: index @����: ��ҳ��ʽ @ʹ�÷���: */ .tabbernav{ height:45px; line-height:45px; text-align:center; overflow: hidden; } .tabbernav span{ color:#737373; font-size:14px; font-weight: bold; } .group_brand-recommend .tabbertab,.group_my-navs .tabbertab{ border:1px solid #efefef; } .tabbertabhide{ display:none; } #Mid-content{ padding:0; margin-top:10px; } /*ƽ̨��ҳ*/ .group_news{ float:right; width:230px; border:1px solid #efefef; } .group_news .tabbernav li{ float:left; width:49%; } .group_news li.tabberactive span{ border-bottom:1px solid red; padding:10px 20px; } .index-news-list{ padding:0px 5px; } .index-news-list li{ height:32px; line-height:32px; overflow:hidden; text-align:left; } .group_brand-recommend{ float: left; margin-right: 10px; width: 395px; } .group_brand-recommend .tabbernav span{ font-size: 16px; line-height: 34px; width: 146px; color: #737373; } .group_friendly-link{ border-top:1px solid #ff4a4d; } .group_friendly-link .index-logos-list{ height:150px; overflow:hidden; } .group_friendly-link .tabbernav{ margin-top:-10px; background: transparent; } .group_friendly-link .tabbernav span{ display: inline-block; background: url(../images/pic-yqlj.png) no-repeat; font-size: 16px; line-height: 34px; width: 180px; color: #fff; font-weight: normal; margin-top: -15px; } .group_my-nav{ float:left; width:560px; } .group_love-nav{ float:left; width:228px; border-left:0; } .index-logos-list{ padding:10px 0; position:relative; } .group_love-nav .index-logos-list{ padding:10px 0 10px 30px; } .index-logos-list ul{ margin-right: -20px; } .index-logos-list li{ float: left; width: 107px; height: 65px; line-height: 65px; margin-right: 20px; margin-bottom: 18px; text-align: center; position: relative; } .index-logos-list li:hover{ background:#f9f9f9; } .index-logos-list .brand li a:hover{ border:2px solid #42A0FE; background:#f9f9f9; } .index-logos-list li:last-child{ margin-bottom:0; } .index-logos-list li .delete{ background: #f00; border-radius: 50%; color: #fff; cursor: pointer; height: 20px; line-height: 20px; position: absolute; right: -11px; top: -8px; width: 20px; z-index: 2; display:none; } .index-logos-list li:hover .delete{ display:block; } .index-logos-list li a{ width:100%; height:100%; display:block; } .index-logos-list li img{ width: 100%; height: 100%; } .group_brand-recommend .index-logos-list{ height:235px; overflow:hidden; } .group_my-nav .index-logos-list, .group_love-nav .index-logos-list{ height:235px; } .group_my-nav .ad-img, .group_my-nav .ad-img img{ height:250px; width:558px; border-top:1px solid #ccc; } .group_love-nav .ad-img, .group_love-nav .ad-img img{ height:250px; width:226px; border-top:1px solid #ccc; } .group_my-nav .index-logos-list img, .group_love-nav .index-logos-list img{ display:none; } .group_my-nav .AddMoreNav, .group_love-nav .AddMoreNav{ position:absolute; top:-33px; right:15px; } /*��Ʒ����*/ .classfly-row{ margin-top:10px; margin-bottom:30px; margin-left: -1px; margin-right: -2px; } .classfly-row .title span{ margin-right:20px; font-size:18px; line-height: 40px; } .vertical-tab-panel{ } .vertical-tab-panel .tab-ad-info{ color:#fff; padding: 30px 30px; height: 300px; width: auto; text-align: center; } .vertical-tab-panel .tab-ad-info h2{ padding: 10px; font-size: 20px; font-weight: bold; width:80%; border-bottom: 2px solid #fff; } .vertical-tab-panel .tab-ad-info p{ font-size: 13px; margin-top:10px; margin-bottom: 30px; } .vertical-tab-panel .tab-ad-img{ margin: 0 auto; width: 156px; height: 184px; border-radius: 5px; } .vertical-tab-panel .tab-ad-img img{ width:100%; height: 100%; } .vertical-tab-panel .tab-ad-info { font-size: 16px; } .vertical-tab-panel .floor-left{ height: 416px; background: url(../images/floor-bg2.png) repeat-x; } .vertical-tab-panel .tab-head{ text-align: center; padding: 15px 0px; margin-left: 30px; } .vertical-tab-panel .tab-head li{ height: 28px; width: 70px; float: left; cursor:pointer; position:relative; margin-right: 10px; border: 2px solid #fff; color: #fff; } .vertical-tab-panel .tab-head li:hover,.vertical-tab-panel .tab-head .hover{ background-color:#6fa2f9; border:2px solid #6ebefd; } .vertical-tab-panel .tab-head span{ display:block; font-size:16px; margin:0 auto; padding:0 5px; } .vertical-tab-panel .tab-content{ } .vertical-tab-panel .class-level2{ width:94%; height: 16px; overflow: hidden; margin:8px 0 8px 30px; } .vertical-tab-panel .class-level2 li{ cursor: pointer; width: auto; float: left; height: 16px; line-height: 16px; overflow: hidden; padding: 0 5px; text-align: center; border-right:1px solid #d3d3d3; } .vertical-tab-panel .class-level2 li.active, .vertical-tab-panel .class-level2 li:hover, .vertical-tab-panel .class-level2 li a.active, .vertical-tab-panel .class-level2 li a:hover{ color:#d13346; } .vertical-tab-panel .class-level2-detail{ overflow:hidden; border-left: 1px solid #eee; font-family: "����", Arial,Verdana, Geneva, sans-serif; } /*.class-level2-detail img{ width:100%; height:100%; }*/ .class-level2-detail li{ float:left; position:relative; box-sizing:border-box; } .class-level2-detail li .goodsTxt{ margin-top: 0px; text-align:left; } .class-level2-detail .floor-left-ad{ width: 270px; height: 385px; } .floor-left-ad img{ width:100%; height:100%; border-left: 1px solid #eee; } .floor-right-goodsList ul{ border-bottom:1px solid #eee; } .floor-right-goodsList li{ width:235px; *width:185px; height:192px; *height:210px; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center; } .floor-right-goodsList li div{ height: 16px; line-height: 16px; } .floor-right-goodsList li img{ height: 176px; width: 100%; } .floor-right-goodsList li .title{ display: block; height: 36px; line-height: 18px; overflow: hidden; } .floor-right-goodsList li .price{ display:block; color:#E4393C; font-size:14px; font-family: "Verdana"; margin-top: 3px; } /*¥�㲻ͬ����ɫ*/ /*1F*/ .classfly-floor-one .vertical-tab-panel .tab-head li:hover,.classfly-floor-one .vertical-tab-panel .tab-head .hover{ background-color:#a9a9fd; border:2px solid #a3a0fd; } /*2F*/ #floor-2F .vertical-tab-panel .tab-head .hover{ background-color:#f0626d; } #floor-2F .vertical-tab-panel .tab-head .hover:after{ color: #f0626d; } #floor-2F .vertical-tab-panel { border: 1px solid #f0626d; border-top: 2px solid #f0626d; } #floor-2F .vertical-tab-panel .tab-head li { border-right: 1px solid #f0626d; } /*3F*/ #floor-3F .vertical-tab-panel .tab-head .hover{ background-color:#b3d966; } #floor-3F .vertical-tab-panel .tab-head .hover:after{ color: #b3d966; } #floor-3F .vertical-tab-panel { border: 1px solid #b3d966; border-top: 2px solid #b3d966; } #floor-3F .vertical-tab-panel .tab-head li { border-right: 1px solid #b3d966; } /*4F*/ #floor-4F .vertical-tab-panel .tab-head .hover{ background-color:#88b7f5; } #floor-4F .vertical-tab-panel .tab-head .hover:after{ color: #88b7f5; } #floor-4F .vertical-tab-panel { border: 1px solid #88b7f5; border-top: 2px solid #88b7f5; } #floor-4F .vertical-tab-panel .tab-head li { border-right: 1px solid #88b7f5; } /*5F*/ #floor-5F .vertical-tab-panel .tab-head .hover{ background-color:#f5aa8a; } #floor-5F .vertical-tab-panel .tab-head .hover:after{ color: #f5aa8a; } #floor-5F .vertical-tab-panel { border: 1px solid #f5aa8a; border-top: 2px solid #f5aa8a; } #floor-5F .vertical-tab-panel .tab-head li { border-right: 1px solid #f5aa8a; } /*������ҳ�ײ� ͨ����� ��������ȵ�*/ /* 2017-8-9 11:37:00 �İ����ҳͬ��ʽ; */ .floor-right { width: 82%; } .row-ad{ overflow: hidden; position: relative; height: 110px; width: 100%; } .row-ad img{ width:100%; } .row-ad .map{ position:absolute; top:0; width:30%; height:100%; } .row-ad .map01{ left:56px; width:310px; } .row-ad .map02{ left: 448px; width: 350px; } .row-ad .map03{ left:880px; width:270px; } #myWebsite{ line-height: 30px; padding: 20px 0 10px; } #myWebsite p{ margin-bottom:10px; } #myWebsite label{ margin-right:5px; } #myWebsite .txt{ width:200px; height:30px; padding:0 5px; } /*�����ػ�*/ .pic-ads ul{ margin-left:-10px; } .pic-ads li{ float:left; width:292px; height:190px; margin-left:10px; box-sizing:border-box; display:inline; overflow:hidden; } .pic-ads li img{ width:100%; height:100%; } .pic-ads .title{ border-top:1px solid #ff4a4d; margin:20px 0 10px 0; width: 99.9%; text-align: center; } .pic-ads .pic-ads-title{ display: inline-block; background: url(../images/pic-ads-bg.png) no-repeat; font-size: 16px; line-height: 34px; width: 180px; color: #fff; margin-top: -5px; } .pic-ads .title i{ background: #31313a none repeat scroll 0 0; border-radius: 5px; color: #fff; padding: 0 3px; } .pic-ads .countdownTime{ display:none; } .news-area .index-news-list{ position:relative; } .news-area .index-news-list .a-more{ position: absolute; top: -25px; right: 10px; } .floor-right-goodsList{ position:relative; z-index:0; width:706px; } .floor-right-goodsList a{ cursor: pointer; width: 100%; height: 100%; display: block; }} #newsList-title{ min-width: 190px; height: 30px; margin: 0 auto; white-space: nowrap; overflow: hidden; background: url("../images/news-list-span.png") no-repeat; } #mar{ line-height: 30px; } #news-list-span{ display: block; width: 160px; line-height: 30px; white-space: nowrap; overflow: hidden; padding: 0 10px; } /*�̼���פ*/ .hot-phone{ position:relative; } .hot-phone .hot-phone-map{ position:absolute; left:0; bottom:0; top:0; right:0; z-index:2; } .scroll-left,.scroll-right{ display:none; }