@charset "utf-8";
/* CSS Document */

.bmain { width:770px; clear:none}
.bside { width:240px; clear:none; float:right}

.flash { width:400px; height:280px; overflow:hidden; position:relative; clear:none}
.flash ul { width:4000px; height:280px; overflow:hidden; position:absolute; left:0; top:0; z-index:1}
.flash ul li { width:400px; height:280px; clear:none; overflow:hidden; position:relative}
.flash ul li img { width:400px; height:280px; object-fit: cover}
.flash ul li h3 { width:380px; height:auto; position:absolute; left:0; bottom:26px; z-index:10; padding:10px; line-height:18px; text-align:center; background:url(../img/filter_black.png) left top repeat; text-align:left}
.flash ul li h3 a { color:#FFFFFF}
.flash ol.bjqs-markers { width:140px; height:12px; line-height:12px; position:absolute; left:127px; bottom:7px; 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.gif); 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}


ul.listno { width:341px; float:right; clear:none}
ul.listno li { padding:0}
ul.listno li.nobg { padding-bottom:0}
ul.listno li .info h3 { padding-top:0; padding-bottom:8px}

ul.listyes { width:770px}
ul.listyes li { width:375px; height:115px; overflow:hidden}
ul.listyes li .img { width:135px; height:135px; border-radius:10px;}
ul.listyes li .info { width:220px}
ul.listyes li .info p { padding-top:5px; color:#BAB9BE; line-height:18px}
ul.listyes li .info p span { display:block; width:auto; height:20px; line-height:20px; float:left; padding-right:30px; padding-left:20px}
ul.listyes li .info p span.hits { background:url(../img/hits.png) left center no-repeat}
ul.listyes li .info p span.comment { background:url(../img/comment.png) left center no-repeat; padding-left:22px}

.vote {}
.vote h3 {}
.vote li { padding:5px 0}
.vote li .title { width:240px; clear:none; height:22px; overflow:hidden}
.vote li .title input { vertical-align:middle}
.vote li .title label { vertical-align:middle; padding-left:2px; cursor:pointer}
.vote li .rate { width:240px; clear:none; height:22px; background-color:#EAEAEA; overflow:hidden}
.vote li .rate .rimg { height:22px; text-align:right}
.vote li .rate .rimg span { color:#FFFFFF; padding-right:10px}
.vote li .rate .red { background-color:#F46C6C}
.vote li .rate .yellow { background-color:#FF9C72}
.vote li .rate input.vbutton { width:60px; height:27px; line-height:27px; border:none; background:url(../img/btn60x27.gif) left top no-repeat #F09204; color:#FFFFFF; cursor:pointer}

ul.replylist {}
ul.replylist li .img { width:68px; height:68px}
ul.replylist li .img img { width:68px; height:68px}
ul.replylist li .info { width:680px}
ul.replylist li .info h2 { padding:0}
ul.replylist li .info h3 { padding:0}

.userblock { padding:20px 0}
.userblock .userface { width:70px; height:70px; clear:none}
.userblock .userface img { width:70px; height:70px}
.userblock .userstat { width:160px; height:70px; float:right; clear:none}
.userblock .userstat h4 { width:160px; height:20px; float:right; padding:5px 0}
.userblock .userstat h4 span { display:block; width:auto; height:20px; line-height:20px; float:left; font-weight:normal; padding-right:10px}
.userblock .userstat h4 span.name { font-size:14px}
.userblock .userstat h4 span.addfriend { background:url(../img/bbs/add.gif) left center no-repeat; padding-left:13px; font-size:12px}
.userblock .userstat h4 span.addfriend a { color:#77BEE8}
.userblock .userstat h4 span.sendmsg { background:url(../img/bbs/send.png) left center no-repeat; padding-left:15px; font-size:12px}
.userblock .userstat h4 span.sendmsg a { color:#77BEE8}
.userblock .userstat h4 span.ip { float:right; font-size:12px; color:#999999}
.userblock .userstat p { width:160px; height:16px; line-height:16px; float:right; color:#999999}
.userblock .userstat p span { padding-right:10px}

ul.topiclist { width:770px; overflow:hidden; font-size:16px; padding-top:17px}
ul.topiclist li { width:352px; padding-left:18px; line-height:22px}
ul.topiclist li.last { float:right}
ul.topiclist li.active { background:url(../img/arrow_left.gif) 0 5px no-repeat; color:#FFFFFF}
ul.topiclist li.active a { color:#FFFFFF; background-color:#78bfeb;border-radius:5px;padding-left:10px;padding-right:10px}

ul.aalist { width:100%; padding-top:15px}
ul.aalist li { width:500px}
ul.aalist li.last { float:right}
ul.aalist li h3 { font-size:16px}
ul.aalist li p.gray { padding:5px 0}
ul.aalist li .morei { height:22px; overflow:hidden}
ul.aalist li .morei .lefttag { width:460px; clear:none; overflow:hidden}
ul.aalist li .morei .lefttag .tags { width:auto; height:18px; line-height:18px; overflow:hidden; margin-right:10px; clear:none; background-color:#78bfeb;border-radius:5px; padding-left:8px}
ul.aalist li .morei .lefttag .tags span { display:block; width:auto; height:18px; line-height:18px; float:left; padding-right:8px; background-color:#78bfeb;border-radius:5px;}
ul.aalist li .morei .lefttag .tags a { color:#FFFFFF}
ul.aalist li .morei .rightstat { width:100px; clear:none; float:right; overflow:hidden; text-align:right}

.imgblock { background:none}

.bantype div.left { width:515px; clear:none; overflow:hidden}
.bantype div.right { width:515px; float:right; clear:none; overflow:hidden} 
h2.general span.dp { float:left; padding-left:20px}
h2.general span.dp a { display:block; width:20px; height:20px; line-height:20px; float:left; background-image:url(../img/arrow_ban.gif); background-repeat:no-repeat; padding:0; margin-top:10px; _margin-top:5px; background-position:left top; text-indent:-999em}
h2.general span.dp a.mouseov { background-position:left bottom}

#banarea { padding-bottom:18px}
.mover { background-color:#EAEAEA}
#banarea li { width:58px; height:90px; padding-right:51px; padding-top:17px}
#banarea ul.normal { width:515px; height:225px; overflow:hidden; clear:none}
#banarea ul.normal li { padding-right:55px}
#banarea li.last { padding-right:0}
#banarea ul.normal li.last { padding-right:0}
#banarea li .img { width:56px; height:56px}
#banarea li .img img { width:56px; height:56px}
#banarea li .info { width:64px; height:38px; padding:0; font-size:14px; overflow:hidden}
#banarea li .info p { width:64px; height:38px; line-height:19px; overflow:hidden; padding:0}