@charset"utf-8";


/*清除浮动样式*/
.clear{ clear:both; height:0; width:100%;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom: 1; clear:both;}
.wrap100{width: 100%;margin: 0 auto;}
.wrap1200{width: 1200px;margin: 0 auto;}
.mt20{margin-top: 20px;}


/*楼层左侧*/
.floor{width: 1200px;height: auto;}
.floor .f_head{position:relative;height: 44px;line-height:44px;text-indent: 20px;border-bottom: 2px solid #5e6fa7;}
.floor .f_head i{font-style: normal;display: block;width: 4px;height: 22px;background:#425390;position: absolute;left: 0;top: 11px;}
.floor .f_head span{font-size: 24px;}
.floor .f_head b{font-size: 18px; color:#999;}
.floor .f_keywords{float: right;}
.floor .f_keywords a{font-size: 12px; padding:0px 15px; border-right:#999 1px solid;}
.floor .f_keywords a:last-child{border-right:#eee 0px solid; padding-right:0px;}

.floor .f_con{height: auto;}
.floor .f_con_l{width: 243px;height: auto;float: left; position: relative;}
.floor .f_con_r{width: 100%;height: auto;float: right;}
.floor .f_con_l .img{width: 243px;height: 540px;display: block; position: absolute;}
.floor .f_con_l img{width: 243px;height: 540px;display: block; }

.floor .f_nav{width:243px;height: 163px;position: absolute;left: 0;bottom: 0px;}
.floor .f_nav ul{width:243px;padding: 5px 0 0;}
.floor .f_nav li{width: 100px;height: 30px;background: rgba(0,0,0,.4);text-align: center;line-height: 30px;float: left;margin:0 0 8px 14px; border-radius:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.floor .f_nav li a{color: #fff;font-size: 12px;display: block;text-decoration: none;  }
.floor .f_nav li a:hover{color: #fff;background: rgba(0,0,0,.5); display:block;transition: all .2s; border-radius:0px;}


/*楼层右侧*/
.f_con_r li{width: 239px;height: 270px;border-bottom:1px solid #eee;border-right:1px solid #eee;float: left;box-sizing: border-box; transition: 0.3s ease-in; }
/*.f_con_r li:nth-child(1),.f_con_r li:nth-child(2),.f_con_r li:nth-child(3){border-bottom:0px solid #eee;border-right:0px solid #eee;}
.f_con_r li:nth-child(4){border-bottom:0px solid #eee;border-right:1px solid #eee;}
.f_con_r li:nth-child(5),.f_con_r li:nth-child(6),.f_con_r li:nth-child(7){border-right:0px solid #eee;}
.f_con_r li:nth-child(4n+4){border-right:1px solid #eee;}*/
.f_con_r li:hover{border:1px solid #5d6ea8;}
.f_con_r .pic{width:200px;height: 150px; margin:0px auto; padding:20px 0px;}
.f_con_r .pic img{margin: 0 auto;width:200px;height: 150px;display: block;}
.f_con_r .title{width: 200px;/*text-align: center;*/line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:0px auto; font-family:"宋体";}
.f_con_r .title a{font-size: 12px;color: #666;}
.f_con_r .title a:hover{color: red;}

.f_con_r .more{ border:#eee 1px solid; text-align:center; line-height:30px; margin:0px auto; width:80%; display:none;}
.f_con_r .more a{color: #333;font-size: 14px;display: block;}
.f_con_r .more a:hover{color: #fff; background:#ff0000; }

.f_con_r .price{padding:5px 20px;}
.f_con_r .salesPrice{font-size: 14px;color: #ff0000;}
.f_con_r .salesPrice i{font-style: normal;font-size: 14px;}
.f_con_r .originalPrice{ float:right; padding-top:5px;font-size: 14px;color: #666; font-family:"宋体";/*text-decoration: line-through;*/ }