body{ /*background:url(../images/bg_body.jpg) center bottom no-repeat;*/}
.copyright{ background:#1a1e21; border:none;}
.banner{ width:1200px; height:auto; margin:5px auto; position:relative;}
.banner .pic{ width:100%; height:auto;}
.banner .mask{ width:94%; height:auto; padding:30px 0 60px 6%; background:url(../images/bg_mask_list.png) repeat-y; position:absolute; left:0; bottom:20px;}
.banner .mask .title{ font-size:32px; line-height:1.5em; color:#fff; letter-spacing:0.1em; opacity:0.8;}
.banner .mask .notes{ font-size:24px; padding-left:2.5em; line-height:1.5em; color:#fff; opacity:0.8;}
.wrapper{ width:1200px; height:auto; margin:0 auto 15px; position:relative;}
.wrapper .tuijian{ width:100%; height:auto; padding-bottom:15px;}
.wrapper .tuijian .title{ font-size:24px; padding-bottom:10px; line-height:1.5em; font-weight:bold; color:#333;}
.wrapper .tuijian .item{ width:100%; height:auto;}
.wrapper .tuijian .item .pic{ width:640px; height:auto; margin-right:20px; float:left;}
.wrapper .tuijian .item .pic img{ width:100%; height:auto; border:none; border-radius:10px;}
.wrapper .tuijian .item .intro{ height:auto; line-height:30px; font-size:16px; color:#666; margin-bottom:15px;}
.wrapper .tuijian .item .intro a{ color:#666;}
.wrapper .tuijian .item .sort{ height:14px; line-height:14px; font-size:12px; color:#999;}
.wrapper .tuijian .item .sort a{ color:#999; margin-right:8px;}
.wrap_left{ width:800px; height:auto; float:left;}
.wrap_left .item_wrap{ width:100%; height:auto;}
.wrap_left .item{ width:100%; height:auto; padding:15px 0;}
.wrap_left .item .pic{ width:240px; height:135px; margin-right:20px; float:left; overflow:hidden;}
.wrap_left .item .pic img{ width:100%; height:100%; border:none; border-radius:10px;}
.wrap_left .item .title{ height:auto; line-height:24px; font-size:18px; font-weight:bold; color:#333; margin-bottom:8px;}
.wrap_left .item .intro{ margin-bottom:10px; line-height:24px; font-size:14px; color:#888; text-align:justify;}
.wrap_left .item .intro a{ color:#888;}
.wrap_left .item .sort{ height:14px; line-height:14px; margin:0; font-size:12px; color:#999;}
.wrap_left .item .sort a{ color:#999;}
.wrap_left .load_more{ width:100%; height:50px; line-height:50px; font-size:16px; color:#ff5209; text-align:center; cursor:pointer;}
.wrap_right{ width:360px; height:auto; float:right;}
.wrap_right .item{ width:100%; height:auto; padding:15px 0;}
.wrap_right .item .title{ height:auto; line-height:24px; font-size:18px; font-weight:bold; color:#333; margin-bottom:8px;}
.wrap_right .item .intro{ margin-bottom:10px; line-height:24px; font-size:14px; color:#888; text-align:justify;}
.wrap_right .item .intro a{ color:#888;}
.wrap_right .item .sort{ height:14px; line-height:14px; margin:0; font-size:12px; color:#999;}
.wrap_right .item .sort a{ color:#999;}
.wrap_right .ranking{ padding:20px 10px 10px 35px; margin-bottom:20px; background:#f4f4f4;}
.wrap_right .ranking li{ height:auto; margin-bottom:15px; line-height:20px; font-size:14px; color:#333; list-style-type:decimal;}
.h3_title{ font-size:18px; line-height:1.5em; font-weight:bold; color:#333; margin-bottom:15px;}
.ad_360_200{ width:360px; height:auto;}
.ad_360_200 img{ width:100%; height:auto; border-radius:10px 10px 0 0;}
.tj_360_120{ width:360px; height:auto; margin-bottom:20px;}
.tj_360_120 img{ width:100%; height:auto;}

/*分页*/
.tkp_page{ width:100%; height:auto; color:#666; text-align:center; margin:40px 0;}
.tkp_page a{ height:24px; line-height:24px; display:inline-block; padding:0 8px; margin:0 2px; border:1px solid #ccc; color:#666; border-radius:3px;}
.tkp_page a:hover{ background:#ff5209; border-color:#ff5209; color:#fff;}
.tkp_page .cms_curpage{ height:24px; line-height:24px; display:inline-block; padding:0 8px; margin:0 2px; background:#ff5209; border:1px solid #ff5209; color:#fff; border-radius:3px;}

/*友情链接*/
.friendship{ width:1140px; height:auto; min-height:200px; padding:20px 20px 20px 40px; background:url(../images/bg_footer.jpg) center center no-repeat; border-radius:5px; margin:30px auto; position:relative;}
.friendship .links{ width:800px; line-height:30px; font-size:14px; color:#fff;}
.friendship .links a{ color:#fff; margin:0 15px 20px 0;}
.qr_code{ width:200px; height:200px; position:absolute; right:20px; top:20px;}
.qr_code img{ width:100%; height:100%; border:none;}
.ad_800_100{ width:100%; height:auto; margin:5px auto 20px;}
.ad_800_100 img{ width:100%; height:auto; border-radius:5px;}

@media screen and (max-width:767px){
body{ background-size:200% auto;}
.banner{ width:100%; margin:0;}
.banner .mask{ padding:5px 0 5px 5%; bottom:2vw; background-size:100% auto;}	
.banner .mask .title{ font-size:14px;}
.banner .mask .notes{ font-size:12px;}
.wrapper{ width:auto; margin:10px 10px 0;}
.wrapper .tuijian .title{ font-size:20px;}
.wrapper .tuijian .item .pic{ width:100%; margin:0 0 10px; float:none;}
.wrapper .tuijian .item .intro{ margin-bottom:10px;}
.wrap_left{ width:100%; float:none; margin-bottom:10px;}
.wrap_left .item{ padding:10px 0;}
.wrap_left .item .pic{ width:33%; height:auto; margin-right:10px; margin-bottom:5px;}
.wrap_left .item .pic img{ height:auto;}
.wrap_left .item .title{ line-height:1.5em; font-size:16px; margin-bottom:5px;}
.wrap_left .item .intro{ margin-bottom:5px;}
.wrap_left .item .sort{ height:auto; line-height:18px; margin-bottom:0;}
.wrap_left .load_more{ height:40px; line-height:40px;}
.wrap_right{ width:100%; float:none;}
.wrap_right .item{ padding:10px 0;}
.wrap_right .item .title{ line-height:1.5em; font-size:16px; margin-bottom:5px;}
.wrap_right .ranking{ background:none; margin-bottom:0;}
.wrap_right .ranking li{ margin-bottom:10px;}
.ad_800_100{ margin:5px auto;}
.ad_360_200{ width:100%;}
.ad_360_200 img{ border-radius:5px 5px 0 0;}
.tj_360_120{ width:100%; margin-bottom:10px;}
.tkp_page{ margin:30px 0;}
.friendship{ width:auto; margin:10px; padding:20px 20px 150px 20px;}
.friendship .links{ width:100%;}
.qr_code{ width:120px; height:120px; top:auto; bottom:20px;}
}