﻿
.col_1 .fr{width:220px;height:355px;overflow:hidden;margin:10px 0 0 0 ;}
.col_1 .fr .news {width: 218px;overflow: hidden;border: solid 1px #e4e4e4;}
.col_1 .fr .news .mt{padding: 0 15px;border-bottom: 1px dotted #E8E8E7;height: 32px;line-height: 32px;}
.col_1 .fr .news .mt h2{font-size: 16px;float: left;}
.col_1 .fr .news .mt .extra{float: right;}
.col_1 .fr .news .mc {height:322px;padding-top: 5px;padding: 8px 0 0 15px;}
.col_1 .fr .news .mc li {line-height: 24px;height: 24px;overflow: hidden;width: 210px;}


.col_1 .fr .re_pic{width:250px;height:120px;overflow:hidden;margin-top:10px;}

.banner{ width:770px; height:350px; overflow:hidden; position:relative;margin:10px 0 0 210px;float:left;}
.banner .hd{ height:20px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin-right:2px;  width:11px; height:11px;  text-align:center; background:#383838;border-radius: 50%;margin: 5px; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:770px; height:365px; display:block;overflow:hidden}
.banner .ks-active{background: #a9a9a9 !important}
.banner .disable{display:none;}


.today{height:164px;margin: 10px 0 20px;z-index:999}
.today .mt{float: left;width: 200px;height: 159px;}
.today .mt img{ width:200px; height: 159px;}
.today .mc {float: left;position: relative;width: 1008px; height: 159px;}
.today .mc .bd{height:159px;overflow: hidden}
.today .mc .bd li{float:left;width:252px;list-style: none;}
.today .mc .bd li img{width:252px;height:159px;}


.recommend_list{}
.recommend_list .rec_left .mt h3{height: 42px;  line-height: 42px;  font-size: 20px; font-weight: normal;color: #000;float: left}
.recommend_list .rec_left .mt .rec_left_nav{float: right;margin-top: 11px;}
.recommend_list .rec_left .r_prev,.recommend_list .rec_left .r_next{display: block;width: 20px;height:20px;border: 1px solid #e6e6e6;float: left;margin: 0 3px;font-size: 12px;line-height: 22px;text-align: center}
.recommend_list .rec_left .item{float: left;width: 1206px;height: 300px;border-left: 1px solid #dcdcdc;position: relative;overflow: hidden;}
.recommend_list .rec_left .item li{float: left;width: 201px;height: 300px;box-sizing: border-box;border: 1px solid #dcdcdc;border-left: 0;padding: 10px}                  
.recommend_list .rec_left .item li:hover{border-top: 1px solid red}
.recommend_list .rec_left .item li .p_img img{width:180px;height:180px;}
.recommend_list .rec_left .item li .p_name {line-height: 17px;width: 180px;height: 35px;overflow: hidden;padding-top: 8px;font-size: 15px;}
.recommend_list .rec_left .item li .p_name a{color: #000}
.recommend_list .rec_left .item li .p_price{margin-top: 10px;}
.recommend_list .rec_left .item li .p_price .shop-price{color: #e2231a}




.recommend_hot{margin-top:20px;}
.recommend_hot .mt{font-size:18px;color:#333333;padding: 0 0 12px 3px;font-weight:500;}
.recommend_hot .mc{border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;}
.recommend_hot .mc ul{margin:0 1px 0 2px;}
.recommend_hot .mc li{width:180px;padding:10px;overflow: hidden;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;float:left;}
.recommend_hot .mc li .p_img{}
.recommend_hot .mc li .p_img img{width:180px;height:180px;}
.recommend_hot .mc li .p_title{height:34px;line-height:17px;margin-top:8px;}
.recommend_hot .mc li .p_price{line-height: 18px;height: 18px;overflow: hidden;zoom: 1;margin-top: 4px;}
.recommend_hot .mc li .p_price b {font-size: 16px;font-family: Microsoft YaHei;color: #ea5404;width: 70px;float: left;}

.floor_area{background: #fff}

/*.floor{padding-top: 0px !important;margin-bottom: 20px !important;}*/
.floor .floor_img {margin-bottom: 15px; }
.floor .floor_left{width: 100%;}
.floor .floor_left h2{font-size: 22px;font-weight:600;}
.floor .floor_left .recommend{width: 201px;float: left;height:534px;overflow:hidden;}
.floor .floor_mid{width: 100%;float: left;height: 550px;position: relative;}
.floor .floor_mid .ks-switchable-nav{display: inline;width: auto;height: 35px;z-index: 4;position: absolute;top: 0px;right:0px;}
.floor .floor_mid .ks-switchable-nav li{width: auto;height: 14px;line-height: 14px;float: left;padding: 0;position: relative;z-index: 4;cursor: pointer;margin-left: 0px;border-right:1px solid #444;}
.floor .floor_mid .ks-switchable-nav li:last-child
{border-right:none;}
.floor .floor_mid .ks-switchable-nav li h3{font-size: 12px;font-weight: 400;padding: 0px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.floor .floor_mid .ks-switchable-nav li h3 a i{    font-size: 12px;border: 1px solid #D5D5D5; border-radius: 50%; width: 16px; height: 16px;float: right; margin-top: 9px; margin-left: 5px;text-align: center; line-height: 18px;display: block;}
.floor .floor_mid .ks-switchable-content{width: 100%;height: 535px;margin-top: 8px;position: absolute;border-top: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7}
.floor .floor_mid .ks-switchable-content li{padding:15px 20px;position: relative;float:left;border-bottom: 1px solid #e7e7e7;background: #fff;width:201px;border-left: 1px solid #e7e7e7;}
.floor .floor_mid .ks-switchable-content li .img{width: 202px;height:170px;position: relative}
.floor .floor_mid .ks-switchable-content li img{position: absolute;left: 0;margin-left: 21px;transition: left .8s;-moz-transition: left .8s;-webkit-transition: left .8s;-o-transition: left .8s;}
.floor .floor_mid .ks-switchable-content li img:hover{left: 10px;}
.floor .floor_mid .ks-switchable-content li .title{margin-bottom: 6px;text-align: center;overflow: hidden;text-overflow: ellipsis;word-break:break-all;height:42px;font-size: 15px;}
.floor .floor_mid .ks-switchable-content li .price{font-size: 15px;text-align: center;line-height: 1.231;color: #E31939}

.titles{width:30%;height:35px;line-height:35px;float:left;}

.floor .mod_brand {height: 39px; overflow:hidden;}
.floor .mod_brand .hd {position: relative;float: left;width: 202px;height: 39px;background: url(../images/index_floor_dot.png) no-repeat left top #9CD46D;  zoom:1; margin-top:0px; _margin-top:-7px;}
.floor_1 .mod_brand .hd {background-position: left -41px;background-color: #7BC6E5;}
.floor_2 .mod_brand .hd {background-position: left -0px;background-color: #91c564;}
.floor_3 .mod_brand .hd {background-position: left -123px;background-color: #afbec5;}
.floor_4 .mod_brand .hd {background-position: left -82px;background-color: #F1B662;}
.floor_6 .mod_brand .hd {background-position: left -164px;background-color: #C5ADD8;}
.floor_1 .mod_brand .bd {background-color: #7BC6E5;}
.floor_2 .mod_brand .bd {background-color: #91c564;}
.floor_3 .mod_brand .bd {background-color: #afbec5;}
.floor_4 .mod_brand .bd {background-color: #F1B662;}
.floor_6 .mod_brand .bd {background-color: #C5ADD8;}

.floor .mod_brand .bd li, .floor .mod_brand .bd a {float: left;overflow: hidden;width: 130px;height: 39px; line-height:39px; text-align:center; font-size:12px; color:#FFFFFF; font-family:"微软雅黑"}
.floor .mod_brand .bd img{padding-top:4px; }
.hide_clip {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    line-height: 0!important;
    width: 1px!important;
    overflow: hidden;
}

/*首页楼层导航BEGIN*/
.fsFixedTopContent{display:none;overflow:visible;width:40px;height:400px;position:fixed;left:50%;top:50%;margin:-150px 0 0 -650px;z-index:3333}
.fsFixedTop{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}
.fsFixedTop a{width:40px;height:40px;line-height:40px;display:block;position:relative;margin-top:-1px;cursor:pointer;text-decoration:none}
.fsFixedTop b{width:18px;height:18px;position:absolute;left:50%;top:50%;margin:-18px 0 0 -9px;z-index:1;color:#625351;font-family:Arial}
.fsFixedTop .fs-name{width:40px;height:40px;line-height:20px;color:#4ac0e0;background:#fff;display:inline-block;text-align:center;position:absolute;left:0;top:0;z-index:2;display:none}
.fsFixedTop .fs-line{display:block;width:16px;margin-left:-9px;height:0;line-height:0;font-size:0;border-top:1px dotted #666;position:absolute;left:50%;top:35px;z-index:3}
.fsFixedTop a.active .fs-name{background:#fff;color:#4ac0e0;display:block}
.fsFixedTop a.active .fs {display: none}
.fsFixedTop a.active .fs-name:hover {background:#fff;color: #4ac0e0;text-decoration:none}
.fsFixedTop a:hover .fs-name {display: block}
.fsFixedTop a:hover .fs-line {display: none}
.fsFixedTop a.active .fs-line{display: none;}
/*首页楼层导航END*/

/*社交平台 BEGIN*/
.shejiao {width:1210px;padding-bottom: 30px;}
.shejiao h3{font-size: 22px;height: 35px;line-height: 35px;margin-bottom: 10px;color: #000;margin-left: 10px;}
.shejiao li{float: left;margin:0 5px;height: 212px}
.shejiao li:hover{    box-shadow: 0 0 14px 1px #333;}
/*社交平台 END*/