.banner{width: 100%; height: 280px; background-color: #af6bfe;}
.banner .bn-cont{width: 1190px; height: 280px; margin: 0 auto; overflow: hidden; position: relative;}
.banner .bn-cont ul{width: 1000%; height: 280px;}
.banner .bn-cont ul li{width: 1190px; height: 280px; float: left;}
.banner .bn-cont ul li a{display: block; width: 1190px; height: 280px; overflow: hidden;}
/*.banner .prev{position: absolute;top: 50%; left: 0;width: 40px;height: 40px;margin-top: -20px; text-indent: -9999px;background: url(../images/sl_icons.png) 0 0;}*/
/*.banner .prev:hover{background-position: 0 -40px;}*/
/*.banner .next{position: absolute;top: 50%; right: 0;width: 40px;height: 40px;margin-top: -20px; text-indent: -9999px;background: url(../images/sl_icons.png) -40px -40px;}*/
/*.banner .next:hover{background-position: -40px 0;}*/

/*
 *  0421 yys
*/
.banner .prev{display: none;position: absolute;top: 50%; left: 0;width: 40px;height: 40px;margin-top: -20px; text-indent: -9999px;background: url(../images/sl_icons.png) 0 0;}
.banner .prev:hover{background-position: 0 -40px;}

.banner .next{display: none;position: absolute;top: 50%; right: 0;width: 40px;height: 40px;margin-top: -20px; text-indent: -9999px;background: url(../images/sl_icons.png) -40px -40px;}
.banner .next:hover{background-position: -40px 0;}

.banner:hover .prev, .banner:hover .next {display: block; }
/* end*/

.banner .slider{width: 100%; height: 15px; position: absolute; left: 0; bottom: 13px; z-index: 11; text-align: center;}
.banner .slider span{display: inline-block; width: 28px; height: 12px; border: 1px solid #fff; margin: 0 8px; background-color: #fff;filter:alpha(opacity=80);  /* ie 有效*/ opacity: 0.8; cursor: hand;}
.banner .slider .cur{background-color: #2fbdc8; filter:alpha(opacity=100);  /* ie 有效*/ opacity: 1;}

.b-main{width: 1190px; padding-top: 8px; margin: 0 auto; overflow: hidden;}
.b-main h4{font-size: 24px; color: #333; padding-left: 27px; line-height: 53px; clear: both;}
.b-main .fl{width: 960px; padding-bottom: 10px;}
.b-main .fl .item{width: 940px; border: 1px solid #f0f0f0; padding: 9px; background-color: #fff; overflow: hidden; margin-bottom: 20px;}
.b-main .fl .item .lt{width: 228px; height: 240px; padding: 20px 12px 0 12px; float: left;}
.b-main .fl .item .lt .b-pic{width: 90px; height: 45px; overflow: hidden; margin: 0 auto;}
.b-main .fl .item .lt .name{display: block; width: 228px; height: 28px; line-height: 28px; text-align: center; overflow: hidden; font-size: 18px; color: #333; margin: 23px 0;}
.b-main .fl .item .lt p{width: 228px; height: 90px; line-height: 18px; color: #999; overflow: hidden;}

.b-main .fl .item .pic{width: 680px; height: 260px; float: right;}
.b-main .fl .item .pic a{display: block; width: 680px; height: 260px; overflow: hidden;}

.b-main .fr{width: 220px;}
.b-main .fr .hot{width: 218px; border: 1px solid #f0f0f0; margin-bottom: 10px;}
.b-main .fr .hot h5{padding-left: 14px; line-height: 33px; border-bottom: 1px solid #f0f0f0; color: #333; background-color: #fbfbfb;}
.b-main .fr .hot ul{padding: 14px 0 5px 14px; width: 204px; overflow: hidden;}
.b-main .fr .hot ul li{width: 90px; height: 45px; float: left; margin: 0 10px 10px 0;}
.b-main .fr .hot ul li a{display: block; width: 90px; height: 45px; overflow: hidden;}
.b-main .fr .hot ul li img { position: absolute;}
.b-main .fr .hot ul li a:hover img {-webkit-animation: anima .5s 1 alternate;-moz-animation: anima .5s 1 alternate;animation: anima 1s 1 alternate;}
@keyframes anima { 50% { transform:scale(1.2);}}
@-webkit-keyframes anima {50% { transform:scale(1.2);}}
@-moz-keyframes anima {50% { transform:scale(1.2);}}

.b-main .fr .recommend{width: 218px; border: 1px solid #f0f0f0; margin-bottom: 10px;}
.b-main .fr .recommend h5{padding-left: 14px; line-height: 33px; border-bottom: 1px solid #f0f0f0; color: #333; background-color: #fbfbfb;}
.b-main .fr .recommend ul{width: 200px; margin: 0 auto;}
.b-main .fr .recommend ul li{width: 200px; padding: 20px 0 12px; border-bottom: 1px dotted #dcdcdc; margin-bottom: -1px;}
.b-main .fr .recommend .r-pic{width: 120px; height: 120px; margin: 0 auto;}
.b-main .fr .recommend .r-pic a{display: block; width: 120px; height: 120px; overflow: hidden;}
.b-main .fr .recommend .title{display: block; width: 200px; max-height: 36px; line-height: 18px; color: #333333; margin: 9px 0; text-align: center;}
.b-main .fr .recommend a:hover.title{color: #2fbdc8;text-decoration: underline;}
.b-main .fr .recommend .gl-price{display: block; color: #e60012; font-size: 16px;  font-family: Arial,"Hiragino Sans GB",tahoma,Verdana; text-align: center;}
.b-main .fr .recommend .gl-price em{font-size: 18px; font-style: normal;  padding-left: 1px; letter-spacing: -0.3px;}