﻿@charset "utf-8";
.topad{width:100%;text-align:center;}
.header{min-width:1000px;height:62px;padding-top:48px;}
.indexAdLink{width: 100%; height: 111px; display: block; position: absolute; top:0; left:0;}
.adclose{position:absolute;top:0px;right:0px;z-index:3000;cursor:pointer;margin-right:30%;}

.annonce{position:absolute;top:40px;right:0px;width:195px;background: rgba(255,255,255,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF, endColorstr=#ffFFFFFF);height:370px;z-index:2000;}
.annonceclose{position:absolute;bottom:0px;right:0px;z-index:3000;cursor:pointer;}

.best_seller{float:left;width:100%;margin-top:15px;position:relative;}
.best_seller h2{position: relative;padding-left: 40px;color: #333;float:left;line-height:30px;font-size:18px;color:#eb5505;background:url("/cardmall../images/hot.png") no-repeat}
.onsaler{float:left;width:100%;margin-top:5px;position:relative;}
.onsaler h2{position: relative;padding-left: 40px;color: #333;float:left;line-height:30px;font-size:18px;color:#eb5505;background:url("/cardmall../images/hot_1.png") no-repeat 0px 5px;}
.activityEnter{width:999px; height: 150px;position: relative; margin: 10px 0px;overflow: hidden;float:left;border:1px solid #dddddd;}
.activityEnter ul {position: absolute;top: 0; left: 0;width: 10000px;height: 150px;}
.activityEnter li{border-right:1px solid #dddddd;float:left;list-style:none;position: relative;}
.activityEnter li:hover .product_name{color:#ea5504;}
.activityEnter li .pic{width: 150px;height:150px;float:right;}
.activityEnter li .txt{width: 166px;height:115px;float:left;padding: 25px 0px 10px 16px;font-size: 14px;font-weight: bold;}
.number{font-size: 12px;font-weight: normal;color: #959595;}
.best_product_text .product_price{color: #ea5504;font-size: 18px;font-weight: normal;padding-top:10px;}
.product_price strong{font-weight: normal;}
.in_icon_tip,.discount_icon_tip{position: absolute;top: 0;right: 4px;width: 50px;height: 38px;padding-top: 22px;color: #FFF;text-align: center;z-index: 2;background: url(/cardmall/app_images/pingan/v20/cardmall/in_icon_50x60.png) no-repeat;}
.in_icon_tip strong,.discount_icon_tip strong{display: block;font: bold 16px/18px "微软雅黑";color: #FFF!important;}
.discount_icon_tip{background: url(/cardmall/app_images/pingan/v20/cardmall/discount_icon_50x60.png) no-repeat;}

.angle-btn{opacity: .6; filter: alpha(opacity=60); position: absolute; width: 38px; height: 78px; background: url("/cardmall../images/btn.png");top:76px;display:none;}
.prev-btn{left:0px;}
.next-btn{background-position: -40px 0px;right:0px;}
.best_product{width:332px;height:150px;float:left;}
.best_product .best_product_text{width:166px;padding:25px 0px 10px 16px;float:left;font-size:14px;font-weight:bold;}
.best_product .best_product_text span{font-size:12px;font-weight:normal;color:#959595;}
.best_product .best_product_text .price_text{color:#ea5504;font-size:18px;padding-top:10px;font-weight:normal;}
.best_product img{width:150px;height:150px;float:right;}

.banner{width:100%;height:370px;float:left;}
.banner ul{width:100%;height:100%;;}
.banner li{background:#dad0b1 center top no-repeat;height:370px;width:100%;display:none;}
.banner li:first-child{display:block}
.banner .item_cotent{width:800px;height:370px;padding-left:200px;margin:0 auto;}
.banner .item_cotent a {width:100%;height:370px;display:block;}
.banner .banner-nav-wrapper {position: absolute; top: 630px; width: 100%; height: 20px;  text-align: center;  font-size: 0;z-index:1000; }
.banner .banner-nav-wrapper .banner-nav {position: relative; display: inline-block; opacity: .8; padding: 0 8px 0 0;  height: 20px; margin-left: 0px;}
.banner .banner-nav-wrapper .banner-nav a {position: relative; display: inline-block;  margin-left: 8px;  width: 20px;  height: 20px;  border-radius: 50%;  background: #333;  color: #FFF;  font-size: 12px;  line-height: 20px;
    text-align: center;    text-decoration: none;}
.banner .banner-nav-wrapper .banner-nav a.current {background: #ff6000;}

.hotlink{height:145px;}
.hotlink li{float:left;width:195px;height:145px;margin-left:6px;background:#c5c5c5;}
.hotlink li.first{background:#ea5504;margin-left:0px;}

.floor{width:100%;margin-top:20px;float:left;}
.floor_title{height:36px;border-bottom:1px solid #ea5504}
.floor_title h2{position: relative;padding-left: 10px;color: #333;float:left;line-height:30px;font-size:18px;}
.floor_title h2 span{border:2px solid #5fc2ff;font-size:12px;padding:2px 3px;border-radius: 4px;}
.floor .tab { border: solid 1px #ededed;border-bottom: 0 none; height: 34px; line-height: 34px; z-index: 1;}
.floor .floor_title .tab {float: right; display: inline;}
.floor .tab-item {float: left;display: inline;height: 34px;position: relative;*z-index: 2;}
.floor .tab-item span {position: absolute;width: 1px;background: #ccc;overflow: hidden;height: 14px;top: 10px;right: 0;}
.floor .tab-item a {float: left;height: 34px;padding: 0 16px;text-decoration: none;line-height: 34px;overflow: hidden;background: #fff;border-left: solid 1px #fff;border-right: solid 1px #fff;white-space: nowrap;}
.floor .tab-selected a {white-space:nowrap;border-left:solid 1px #c81623; border-right: solid 1px #c81623; border-top: solid 3px #c81623;
    height: 34px; line-height: 30px; color: #ea5504; text-indent: 1px;margin-top:-1px;margin-left:-1px;}
.floor .tab-selected span{display:none;}

#floor1 .floor_title h2{color:#5fc2ff;}
#floor1 .floor_title h2 span{border:2px solid #5fc2ff;}
#floor1 .theme{background:#dad0b1;}
#floor2 .floor_title h2{color:#8c96d7;}
#floor2 .floor_title h2 span{border:2px solid #8c96d7;}
#floor2 .theme{background:#dad0b1;}
#floor3 .floor_title h2{color:#19c8a9;}
#floor3 .floor_title h2 span{border:2px solid #19c8a9;}
#floor3 .theme{background:#c1faf0;}
#floor4 .floor_title h2{color:#5a67c8;}
#floor4 .floor_title h2 span{border:2px solid #5a67c8;}
#floor4 .theme{background:#dce0ff;}
#floor5 .floor_title h2{color:#52c011;}
#floor5 .floor_title h2 span{border:2px solid #52c011;}
#floor5 .theme{background:#d4f2ce;}
#floor6 .floor_title h2{color:#8c96d7;}
#floor6 .floor_title h2 span{border:2px solid #8c96d7;}
#floor6 .theme{background:#dad0b1;}
#floor7 .floor_title h2{color:#ff5584;}
#floor7 .floor_title h2 span{border:2px solid #ff5584;}
#floor7 .theme{background:#ffd9e4;}
#floor8 .floor_title h2{color:#fd9c2b;}
#floor8 .floor_title h2 span{border:2px solid #fd9c2b;}
#floor8 .theme{background:#fced9e;}
#floor9 .floor_title h2{color:#f8959a;}
#floor9 .floor_title h2 span{border:2px solid #f8959a;}
#floor9 .theme{background:#ffe2ec;}
#floor10 .floor_title h2{color:#ea624f;}
#floor10 .floor_title h2 span{border:2px solid #ea624f;}
#floor10 .theme{background:#ffd3cd;}

.floor_content{width:100%;margin:0 auto;}
.floor_content .floor_content_left{float:left;width:200px;height:430px;}
.floor_content .floor_list li.l1,.floor_content .floor_list li.l3{background: rgba(255,255,255,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF);}
.floor_content .floor_list li.l2{background: rgba(255,255,255,.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44FFFFFF, endColorstr=#44FFFFFF);}

.floor_content .floor_content_main{float:left;width:796px;height:398px;margin-left:3px;margin-top:1px;}
.floor_content .floor_content_main{border-left:1px solid #dddddd;border-top:1px solid #dddddd;float:left;}
.floor_content .floor_content_main li{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;float:left;height:213px;width:198px;}
.floor_content .floor_content_main a:hover{text-decoration:none;}
.floor_content .floor_content_main li img{display:block;margin:0 auto;}
.floor_content .floor_content_main .produce_text{color:#838383;line-height:160%;padding-left:10px;word-break: break-all;-webkit-word-break: break-all;-o-word-break: break-all;-ms-word-break: break-all;-moz-word-break: break-all;}
.p1{line-height: 20px;height: 38px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.floor_content .floor_content_main .produce_text span{color:#000000;font-size:16px;font-weight:bold;}

.slider{position:fixed;top:0px;right:0px;width:40px;background:#282828;height:100%;padding-top:300px;}
.slider div{width:30px;padding:5px;}
.slider div.tab-cart-box{height:100px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.slider div .tab-icon{background:url("/cardmall../images/slider.png");display: block;position: relative;z-index:2;width:30px;height:30px;}
.slider div .tab-icon-user{background-position:0px 0px;}
.slider div .tab-icon-cart{background-position:0px -30px;}
.slider div .tab-cart-tip{width:12px;display:block;color:#fff;margin:3px auto;}
.slider div .tab-icon-step{background-position:0px -60px;}
.slider div .tab-icon-help{background-position:0px -90px;}
.slider div .tab-icon-top{background-position:0px -120px;}

.stepdiv{position:fixed;top:131px;right:40px;background:#eceaea;padding:20px;width:260px;display:none;z-index:3000;min-height:310px;}
.stepdiv .steptitle{background:url(/cardmall../images/stepdot.png) no-repeat 5px;width:100px;padding:0px 0px 0px 30px;float:left;}
.stepdiv .stepclose{float:right;width:20px;padding-top:1px;text-align:right;cursor:pointer;}
.stepdiv .steplist{width:100%;float:left;margin-top:10px;margin-left:-10px;}
.stepdiv .steplist li{float:left;background:#ffffff;padding:15px 10px;margin-bottom:10px;margin-left:10px;text-align:center;width:100px;height:125px;}
.stepdiv .steplist li img{width:100px;display:block;margin-bottom:10px;}
.stepdiv .steplist li button{width:100%;padding:0px 0px;height:26px;text-align:center;color:#fff;background:#d22002;border:0px;margin-top:7px;}
.stepdiv .steplist li span{color:#eb5505;}

.stepdiv .steplist .tip-text { position: absolute;left: 50%;top: 50%;line-height: 20px; text-align: center;margin-left: -56px; margin-top: -20px;}
.stepdiv .steplist .tip-text a {color:#c81623;}

.m_t3{margin-top:3px;}
.p_t6{padding-top:6px;}

