@charset "utf-8";
/* CSS Document */
.content { padding-bottom:20px}
.main { width:762px; clear:none; overflow:hidden}
.side { width:270px; clear:none; overflow:hidden; float:right}

h1 { height:40px; line-height:40px; overflow:hidden; font-size:20px; color:#29A7E1}
h1 span { display:block; width:auto; height:40px; float:left}
h1 span.t { float:left}
h1 span.m { width:28px; padding-left:15px}
h1 span.m a { display:block; width:28px; height:40px; background:url(../img/more.gif) left 18px no-repeat; text-indent:-999em}
h1 span.right { float:right}
h2.index { height:20px; line-height:20px; font-size:16px; color:#29A7E1; padding-bottom:10px}
h2.index span { display:block; width:auto; height:20px; float:left}
h2.index span.t { float:left}
h2.index span.m { width:28px; padding-left:15px}
h2.index span.m a { display:block; width:28px; height:20px; background:url(../img/more.gif) left 8px no-repeat; text-indent:-999em}
h2.index span.right { float:right}

.hoverblue a:hover { color:#FFFFFF; background-color:#29A7E1; padding:2px 4px; text-decoration:none}
.ad img { width:1080px; height:auto}

.flash { width:762px; height:358px; overflow:hidden; position:relative}
.flash ul { width:7620px; height:358px; position:absolute; left:0; top:0; z-index:1}
.flash li { width:762px; height:358px; position:relative}
.flash li .img { width:762px; height:358px}
.flash li .img img { width:762px; min-height:358px}
.flash li .bg { width:762px; height:126px; background-color:#000000; filter:alpha(opacity=40); opacity:0.4; position:absolute; left:0; bottom:0; z-index:10}
.flash li .info { width:682px; height:100px; overflow:hidden; padding:13px 40px; color:#CCCCCC; position:absolute; left:0; bottom:0; z-index:11}
.flash li .info a { color:#E1E3E0}
.flash li .info h2 { height:30px; line-height:30px; font-size:16px}
.flash li .info p { height:36px; line-height:18px; overflow:hidden}
.flash ol.bjqs-markers { width:160px; height:12px; line-height:12px; position:absolute; left:283px; bottom:12px; z-index:999; text-align:center}
.flash ol.bjqs-markers li { width:12px; height:12px; line-height:12px; overflow:hidden; float:left; clear:none; padding:0 2px}
.flash ol.bjqs-markers li a { display:block; float:left; width:12px; height:12px; line-height:12px; overflow:hidden; background-image:url(../img/circle12.png); background-repeat:no-repeat; background-position:left bottom; text-decoration:none; text-indent:-999em}
.flash ol.bjqs-markers li a:hover { background-position:left top}
.flash ol.bjqs-markers li.active-marker a { background-position:left top}

#indexhuodong { height:358px; overflow:hidden}

#news { height:668px; overflow:hidden}
#news .imgblock { background-color:#FFFFFF}
#news .imgblock li { width:238px; height:290px; padding-top:19px; padding-right:24px; overflow:hidden}
#news .imgblock li.last { padding-right:0}
#news .imgblock li .img { height:238px}
#news .imgblock li .img a { padding:0}
#news .imgblock li .img img { min-height:238px;object-fit: cover}
#news .imgblock li .info { height:36px; padding-top:6px}
#news .imgblock li .info p { padding:0; line-height:22px}
#news .normallist { padding-top:30px}
#news .normallist li { width:370px; padding-right:22px; padding-top:5px; padding-bottom:5px; overflow:hidden; color:#a0a0a0}
#news .normallist li.last { padding-right:0}
#news .normallist li p { line-height:18px; padding-top:5px; height:36px; overflow:hidden}
#news .normallist li .writerights { font-size:10px; color:#B9B9B9; height:14px; line-height:14px; overflow:hidden}
#news .normallist li .writerights a { display:inline}
#news .side { padding-top:16px}
#news .side ul.tags{width:270px;padding-bottom:3px}
#news .side ul.tags li span{padding:2px 4px;display:block;width:auto;height:24px;line-height:24px} 
#news .side ul.tags li{width:auto; white-space:nowrap; word-spacing:normal; word-break:keep-all;line-height:24px}
#news .side ul.tags li a:hover {background:#78bfeb; color:#FFFFFF; text-decoration:none;display:block;border-radius:5px}

#bbs { padding-top:20px; background-color:#EAEAEA}
#bbs .banbox { width:762px; height:266px; position:relative; overflow:hidden}
#bbs .banbox ul { width:2286px; height:220px; position:absolute; left:0; top:0; z-index:1}
#bbs .banbox li { width:762px; height:220px; overflow:hidden}
#bbs .banbox li dl { width:762px; height:220px; overflow:hidden}
#bbs .banbox li dl dd { width:56px; height:95px; padding-top:15px; padding-right:55px}
#bbs .banbox li dl dd.last { padding-right:0}
#bbs .banbox li dl dd .img { width:52px; height:52px}
#bbs .banbox li dl dd .img img { width:52px; height:52px}
#bbs .banbox li dl dd .info { height:36px; line-height:18px; text-align:center; padding-top:7px; font-size:14px; overflow:hidden}
#bbs .banbox ol.bjqs-markers { width:48px; height:12px; line-height:12px; position:absolute; left:307px; bottom:12px; z-index:999; text-align:center}
#bbs .banbox ol.bjqs-markers li { width:12px; height:12px; line-height:12px; overflow:hidden; float:left; clear:none; padding:0 2px}
#bbs .banbox ol.bjqs-markers li a { display:block; float:left; width:12px; height:12px; line-height:12px; overflow:hidden; background-image:url(../img/circle12.png); background-repeat:no-repeat; background-position:left bottom; text-decoration:none; text-indent:-999em}
#bbs .banbox ol.bjqs-markers li a:hover { background-position:left top}
#bbs .banbox ol.bjqs-markers li.active-marker a { background-position:left top}

#travel { padding-top:20px}
#travel .hdbox { padding:0px 0}
#travel .hdflash { width:525px; height:385px; position:relative; overflow:hidden; clear:none}
#travel .hdflash ul { width:5250px; height:340px; overflow:hidden; position:absolute; left:0; top:0; z-index:1}
#travel .hdflash ul li { width:525px; height:340px; float:left; clear:none; overflow:hidden}
#travel .hdflash ul li img { width:525px; height:340px}
#travel .hdflash ol.bjqs-markers { width:150px; height:12px; line-height:12px; position:absolute; left:155px; bottom:0; z-index:999; text-align:center}
#travel .hdflash ol.bjqs-markers li { width:12px; height:12px; line-height:12px; overflow:hidden; float:left; clear:none; padding:0 2px}
#travel .hdflash ol.bjqs-markers li a { display:block; float:left; width:12px; height:12px; line-height:12px; overflow:hidden; background-image:url(../img/circle12.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none; text-indent:-999em}
#travel .hdflash ol.bjqs-markers li a:hover { background-position:left top}
#travel .hdflash ol.bjqs-markers li.active-marker a { background-position:left top}
#travel .hdtitle { width:480px; float:right; overflow:hidden; clear:none}
#travel .hdtitle dl { max-height:40px; line-height:20px; padding-bottom:18px; font-size:16px; overflow:hidden}
#travel .hdtitle dt { width:80px; height:auto; float:left; color:#77C0ED; padding-right:10px}
#travel .hdtitle dd { width:380px; height:auto; float:right}

#travel .mdd { width:762px}
#travel .imgblock { margin-top:26px; _margin-top:13px; overflow:hidden}
#travel .imgblock.right { float:right}
#travel .imgblock p { padding:0 15px; height:40px; line-height:40px; overflow:hidden}
#travel .mddleft { width:400px; clear:none; overflow:hidden}
#travel .mddleft .imgblock { width:400px}
#travel .mddleft .imgblock p { width:270px; height:32px; line-height:32px}
#travel .mddleft .imgblock p span { text-align:left}
#travel .mddleft .imgblock p span em { font-size:12px; font-style:normal; padding-left:10px}
#travel .mddleft .imgblock .little { width:350px; height:32px; padding:0 15px 8px 35px; font-size:12px; color:#a0a0a0; background:url(../img/tips.png) 15px 1px no-repeat; line-height:16px}
#travel .mddleft .img { width:400px; height:200px}
#travel .mddleft .img img { width:400px; min-height:250px}
#travel .mddleft .info { height:80px; overflow:hidden}
#travel .mddright { width:336px; clear:none; overflow:hidden; float:right}
#travel .mddright .imgblock { width:155px}
#travel .mddright .imgblock p { width:125px}
#travel .mddright .imgblock p span { text-align:center}
#travel .mddright .img { width:155px; height:138px}
#travel .mddright .img img { width:155px; min-height:145px}
#travel .mddright .info { height:40px; overflow:hidden}

#fl { padding-top:20px; background-color:#EAEAEA}
#fl .listview { width:762px}
#fl .listview li { width:360px; height:115px; overflow:hidden}
#fl .listview li .img { width:130px; height:130px}
#fl .listview li .info { width:210px}
#fl .listview li .info p { padding-top:5px; color:#BAB9BE; line-height:18px}
#fl .listview li .info p span { display:block; width:auto; height:20px; line-height:20px; float:left; padding-right:30px; padding-left:20px}
#fl .listview li .info p span.hits { background:url(../img/hits.png) left center no-repeat}
#fl .listview li .info p span.comment { background:url(../img/comment.png) left center no-repeat; padding-left:22px}
#fl h1,#fl h2 { color:#69BD72}
#fl .side h3 { height:22px; color:#bbbbbb; padding-top:10px}
#fl .side h3 a { color:#bbbbbb}
#fl .side h3 span.m { font-size:10px}
#fl .side ul.tags{width:270px;padding-bottom:3px}
#fl .side ul.tags li span{padding:2px 4px;display:block;width:auto;height:24px;line-height:24px} 
#fl .side ul.tags li{width:auto; white-space:nowrap; word-spacing:normal; word-break:keep-all;line-height:24px}
#fl .side ul.tags li a:hover {background:#69BD72; color:#FFFFFF; text-decoration:none;display:block;border-radius:5px}


#shop { padding-top:20px}
#shop h1,#shop h2,#shop h3 { color:#FCBF0F}
#shop .imgblock { background:none}
#shop .imgblock li { width:230px; height:220px; padding-top:23px; padding-right:23px; overflow:hidden}
#shop .imgblock li .img { width:230px; height:130px; overflow:hidden}
#shop .imgblock li .img img { width:100%; min-height:130px; object-fit: cover}
#shop .imgblock li .info { padding-top:7px}
#shop .imgblock li .info h3 { height:20px; line-height:20px}
#shop .imgblock li .info h3 span.t { padding-right:10px}
#shop .imgblock li .info h3 span.p { padding-left:12px; font-size:10px; background:url(../img/position.gif) left center no-repeat; color:#FDC010}
#shop .imgblock li .info .pblock { padding-top:3px}
#shop .imgblock li .info .pblock .pbinfo { width:132px; overflow:hidden; height:36px; line-height:18px; color:#bbbbbb; clear:none}
#shop .imgblock li .info .pblock .pbprice { color:#FDC010; width:60px; height:36px; float:right; clear:none; text-align:right; font-weight:bold; overflow:hidden}
#shop .imgblock li .info .pblock .pbprice .priceu { font-size:20px; line-height:20px}
#shop .imgblock li .info .pblock .pbprice .price { font-size:30px; line-height:36px}
#shop .imgblock li .info .pcomment { height:24px; line-height:24px; color:#CCCCCC}
#shop .imgblock li .info .pcomment img { vertical-align:middle}
#shop .shoptype { width:270px; overflow:hidden}
#shop .shoptype dt { width:100%; height:30px; float:left; clear:both; font-size:16px; line-height:30px; color:#bbbbbb}
#shop .shoptype dt a { color:#bbbbbb}
#shop .shoptype dd { width:auto; white-space:nowrap; word-spacing:normal; word-break:keep-all; padding-right:10px; line-height:24px}
#shop .shoptype dd a:hover { padding:2px 4px; background-color:#FDC010; color:#FFFFFF; text-decoration:none;border-radius:5px}