@charset "utf-8";
/* CSS Document */
.index .main .f1 .right { float:right; width:879px; height:385px; margin-top:0px; }
.index .main .floor .title { overflow:hidden; margin-top:20px; }
.index .main .floor .title .left { float:left; font-family:"Microsoft YaHei"; font-size:20px; width:255px; height:30px; line-height:30px; padding-left:7px; }
.index .main .floor .title .right { float:left; overflow:hidden; width:836px; text-align:right; padding-right:12px; }
.index .main .floor .title .right a { font-family:"Microsoft YaHei"; font-size:16px; padding:0 20px; display:inline-block; height:30px; line-height:30px; }
.index .main .floor .content { overflow:hidden; }
.index .main .floor .content .left { float:left; padding-left:3px; width:224px; overflow:hidden; padding-top:10px; padding-bottom:8px;margin-top:20px; }
.index .main .floor .content .right { float:right; width:846px; margin-right:9px; margin-top:7px;font-family:"Microsoft YaHei";}

.index .main .floor .content .right .p-list li{float: left;width: 260px;height: 216px;padding: 6px 11px 13px 10px;border: 1px solid #dcdcdc;margin: -1px 0px 0 -1px;}
.index .main .floor .content .right .p-list .p-img{ height: 155px;width:260px;margin-bottom: 10px;text-align: center;}
.index .main .floor .content .right .p-list .p-img img {width:100%;height:100%;}
.index .main .floor .content .right .p-list .p-name{ height: 3em; width:250px;}
.index .main .floor .content .right .p-list .p-name a{ display:block; height:36px; overflow:hidden;}
.index .main .floor .content .right .p-list .shop-price {color: #ec5151;font-size: 18px;margin-top:0px;}




.index .main .floor .content .left div { height:70px; width:74px; border-bottom:#cbcbcb solid 1px; border-right:#cbcbcb solid 1px; float:left; color:#333; }
.index .main .floor .content .left div.no { border-right:none; }
.index .main .floor .content .left div a { vertical-align: middle; text-align:center; display:inline-block; height:43px; width:72px; padding-top:25px; margin:1px; }
.index .main .b1 .content .left div a:hover { background:#ffc0c0;color:#fff; }
.index .main .b2 .content .left div a:hover { background:#c3f1d5;color:#fff; }
.index .main .b3 .content .left div a:hover { background:#d1c5f3;color:#fff; }
.index .main .b4 .content .left div a:hover { background:#ccac95;color:#fff; }
.index .main .b1 .title { border-bottom:#e76b6b solid 2px; }
.index .main .b2 .title { border-bottom:#4cb477 solid 2px; }
.index .main .b3 .title { border-bottom:#8d6fe9 solid 2px; }
.index .main .b4 .title { border-bottom:#b97f5a solid 2px; }
.index .main .b1 .title .left { color:#e66c69; }
.index .main .b2 .title .left { color:#4cb477; }
.index .main .b3 .title .left { color:#8d6ee6; }
.index .main .b4 .title .left { color:#b58058; }
.index .main .b1 .title .right a { color:#e66c69; }
.index .main .b2 .title .right a { color:#4cb477; }
.index .main .b3 .title .right a { color:#8d6ee6; }
.index .main .b4 .title .right a { color:#b58058; }
.index .main .b1 .title .right a.selectTag1 { background:#e76b6b; color:#fff; border-top:#873601 solid 2px; }
.index .main .b2 .title .right a.selectTag1 { background:#4cb477; color:#fff; border-top:#873601 solid 2px; }
.index .main .b3 .title .right a.selectTag1 { background:#8d6fe9; color:#fff; border-top:#873601 solid 2px; }
.index .main .b4 .title .right a.selectTag1 { background:#b97f5a; color:#fff; border-top:#873601 solid 2px; }
.index .main .link .title { border-bottom:#b5b5b5 solid 2px; height:30px; line-height:30px; font-size:14px; color:#333; padding-left:11px; font-family:"Microsoft YaHei"; font-weight:bold; }
.index .main .gdads { height: 72px; margin:30px auto 20px; overflow: hidden; width: 1100px; }
.index .main .gdads img { height: 72px; width: 1100px; }
.index .main .gdads .banner { float: left; height: 72px; overflow: hidden; position: relative; width: 1100px; }
.index .main .gdads .banner ol { left: 0; position: absolute; top: 0; }
.index .main .gdads .mouse_direction { display: none; height: 100px; position: absolute; right: 0; width: 50px; }
.index .main .link .content { margin-top:20px; overflow:hidden; }
.index .main .link .content a { margin-bottom:15px; display:block; width:138px; text-align:center; color:#999; float:left; height:80px; }
.index .main .link .content span { display:block; line-height:18px; padding-top:3px; }
.index .main .ad { text-align:center; margin-bottom:40px; }
/**�ֲ�ͼ**/
.show_box { width:879px; position:relative; height:385px; overflow:hidden; }
ul.pic_list { width:879px; height:385px; position:relative }
ul.pic_list li { float:left; width:100%; height:321px; position:absolute; top:0px; left:0px }
.title_nav { float:left; width:100%; height:33px; position:absolute; bottom:0px; left:0px }
.title_nav a { float:left; display:inline-block; width:134px; margin-right:1px; background:url(../images/show_box_bg.png) repeat-x 0 0; padding:0px 5px; text-align:center; color:#fff; text-decoration:none; overflow:hidden; height:33px; line-height:33px; }
.title_nav a.select { background:url(../images/show_box_bgselect.png) repeat-x 0 0; color:#ffe04e; }
/**�ֲ��·����Ź��**/
.index_rec{position: relative;float: right;width: 879px;overflow: hidden;height: 110px;padding: 0px;display: inline-block;}
.index_rec ul li {float: left;width: 33.334%;overflow: hidden;}