﻿.w1190 { width: 1190px; margin: 0 auto; }
/*æŽ¨èåŒº*/
.recommend { background: #fafafa; margin-top: 20px; height: 360px; overflow: hidden; }
.recommend >div { display: inline; float: left }
.recommend .left { width: 430px; }
.recommend .middle { width: 450px; background: #f3f3f3; height: 360px; }
.recommend .right { width: 310px; }
.recommend .left ul { padding: 10px 20px; }
.recommend .left ul li { height: 60px; clear: both; border-bottom: 1px solid #eaeaea; padding: 12px 0 }
.recommend .left ul li:last-child { border-bottom: 0; }
.recommend .left ul li img { display: block; float: left; width: 90px; height: 60px; margin-right: 20px; }
.recommend .left ul li h5 { float: none; height: 48px; font: bold 16px/24px microsoft yahei, heiti; color: #333; overflow: hidden; margin-top: 6px; }
.recommend .left ul li h5 a { color: #333; }
.top_slide { height: 340px; position: relative; width: 370px; margin: 16px auto 0; }
.top_slide .hd { bottom: 50px; overflow: hidden; position: absolute; z-index: 1; width: 100%; text-align: center; }
.top_slide .hd ul li { display: inline-block; background: #ccc; cursor: pointer; height: 10px; line-height: 10px; margin: 0 2px; width: 10px; border-radius: 10px; text-indent: -80px; overflow: hidden; }
.top_slide .hd ul li.on { background: #ff8f40; }
.top_slide .bd { height: 100%; position: relative; z-index: 0; border: 0; }
.top_slide .bd li { vertical-align: middle }
.top_slide .bd img { /*display: block;ä¼šå¯¼è‡´ie6ç¬¬ä¸€å¼ è½®æ˜¾å›¾ä¸‹æ²‰30pxå·¦å³ã€‚æ‰€ä»¥å±è”½ä¹‹*/ height: 260px; width: 370px; }
.top_slide .bd li p { position: absolute; bottom: 10px; font: bold 20px/40px microsoft yahei, heiti; color: #333; height: 40px; overflow: hidden; text-align: center; width: 100%; }
.top_slide .prev, .top_slide .prev:hover { display: block; width: 19px; height: 24px; background: url('../images/prev.png') 0 0 no-repeat; position: absolute; left: -30px; top: 110px; cursor: pointer; z-index: 5; }
.top_slide .next, .top_slide .next:hover { display: block; width: 19px; height: 24px; background: url('../images/next.png') 0 0 no-repeat; position: absolute; right: -30px; top: 110px; cursor: pointer; z-index: 5; }
.top_slide .prev:hover, .top_slide .next:hover { opacity: .6 }
ul.liststyle1 li { background: url('../images/li_dot.png') 0 8px no-repeat; padding-left: 12px; }
.recommend .right ul { padding: 20px 20px 0 20px; }
.recommend .right ul li { font: 16px/22px "microsoft yahei", heiti; height: 22px; overflow: hidden; margin-bottom: 20px; }
.recommend .right ul li a { color: #333; }
/*VIPå•†é“ºå±•ç¤ºåŒº*/
.vipzone { margin-top: 20px; }
.vipzone ul { position: relative; margin-left: -5px; }
.vipzone li { float: left; width: 204px; height: 64px; background: url('../images/li.png') 0 0 no-repeat; margin-left: 5px; margin-bottom: 6px; padding: 10px 10px 10px 20px; }
.vipzone li:hover { width: 202px; height: 62px; border: 1px solid #e5e5e5; background: #fff; border-radius: 5px 8px 0 12px; }
.vipzone li h5, .vipzone li h5 a { font: bold 14px/20px "microsoft yahei", heiti; color: #0059b3; height: 22px; overflow: hidden; }
.vipzone li p, .vipzone li p a { font: 14px/20px "microsoft yahei", heiti; color: #808080; height: 40px; overflow: hidden; }
/*å­ç±»ä¿¡æ¯åŒº*/
.catbox { margin-top: 20px; }
ul.catboxlist { position: relative; margin-left: -25px; }
ul.catboxlist>li { width: 378px; height: 330px; border: 1px solid #eee; float: left; margin-left: 25px; margin-bottom: 25px; }
ul.catboxlist li .cat_tt .cat_more { float: right; color: #a8a8a8; font: 12px/18px "microsoft yahei", heiti; }
ul.catboxlist li .gap { padding: 20px }
ul.catboxlist li .cat_tt h3 { height: 20px; line-height: 20px; padding-left: 28px; background: url('../images/catico.png') 0 0 no-repeat; font: 20px/20px "microsoft yahei", heiti; }
ul.catboxlist li .cat_tt h3 a { color: #666666; }
ul.catboxlist li .pictxt { margin: 20px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
ul.catboxlist li .pictxt .l, .catbox ul li .pictxt .l img { float: left; width: 110px; height: 90px; margin-right: 20px }
ul.catboxlist li .pictxt .r { float: none; height: 95px; }
ul.catboxlist li .pictxt .r h5 { font: bold 16px/24px "microsoft yahei", heiti; max-height: 48px; overflow: hidden; }
ul.catboxlist li .pictxt .r h5 a { color: #333 }
ul.catboxlist li .pictxt .r p { font: 14px/18px "microsoft yahei", heiti; color: #a8a8a8; height: 36px; overflow: hidden; margin-top: 10px }
ul.catboxlist li .liststyle1 li { font: 14px/18px "microsoft yahei", heiti; margin-bottom: 10px; height: 18px; overflow: hidden; }
ul.catboxlist li .liststyle1 li a { color: #333; }
/*å¹¿å‘Šä½*/
.channel_relative_2021 { position: relative; line-height: 0px; margin-top:10px; }
.channel_ad_2021 { height: 17px; display: inline-block; background: rgba(0,0,0,0.6); background: #000\9; color: #fff; border-radius: 0 8px 0px 0px; line-height: 17px; width: 30px; text-align: left; overflow: hidden; font-size: 12px; font-family: Arial; position: absolute; left: 0; bottom: 0; z-index: 3; }
