/*
author:ck
date:11.08.23
*/ 
/*  Reset  */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{ margin:0; padding:0; border:0; font-size:100%;}
body{ background:#fff; color:#000; font:12px simsun; text-align:center;}
ol,ul{ list-style:none;}
cite,em,strong,th,h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal;}
input,textarea,select,button,td{ font-size:100%;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#f00; text-decoration:underline;}

/*  CMS Common title colors  */
.title_default{ }
.title_black{ color:black !important;}
.title_red{ color:red !important;}
.title_blue{ color:blue !important;}
.title_green{ color:green !important;}
.title_brown{ color:brown !important;}
.title_gray{ color:gray !important;}

.clearfix, .row, .hd, .bd {*zoom:1;}
.clearfix:after, .row:after, .hd:after, .bd:after {content:' '; display:block; height:0; clear:both;}

body {background:url(../img/body.png);}

.header {background:url(../img/header.png); height:45px; min-width:950px;}
.topNav {margin:0 auto; width:950px;}
.topNav .logo{ float:left; width:85px; padding-left:10px; padding-top:5px;}
.topNav ul{ width:700px; float:left; display:inline; margin-left:70px; overflow:hidden;}
.topNav ul li{ float:left; line-height:22px; padding:13px 10px 0 10px;}
.topNav ul li a{ color:#fff; text-decoration:none;}

.banner {background:url(../img/banner.jpg) center top no-repeat; height:220px;}
.cj-nav {background:url(../img/cj-nav.png) center top no-repeat; height:68px; margin-bottom:-21px;}
.cj-nav ul {height:40px; margin:0 auto; width:960px;}
.cj-nav li {float:left; width:120px;}
.cj-nav li a {display:block; height:40px; overflow:hidden; text-indent:-9999px;}
.cj-nav li.n10 {width:122px;}


/* ================= */
.body-bottom {background:url(../img/footer.jpg) center bottom no-repeat; padding-bottom:125px;}
.row {background:#fff; margin:0 auto 7px; padding:8px; text-align:left; width:944px;}
.row a, .row-sub a {color:#525252;}
.row a:hover, .row-sub a:hover {color:#c00;}
.r5 {margin-bottom:0;}
.fl {float:left;}
.fr {float:right;}
.r1 .fl {width:487px;}
.r1 .fr {width:432px; padding-right:8px;}
.r2 .fl {width:660px; padding-top:5px;}
.r2 .fr {width:265px; padding-right:11px;}
.r3, .r4, .r5 {padding-top:12px;}
.r5 .fl {width:560px;}
.r5 .fr {width:360px; padding-right:8px;}
.hd h3 {float:left; overflow:hidden; text-indent:-9999px;}
.hd .more {float:right; padding-right:15px;}

.focusCount span,
.focusCount .spanHove,
.hd h3,
.clickLeft, .clickRight, .clickLeftHover, .clickRightHover,
.spotlight li,.news li,.summit li,
.spotlight .hd span,
.search,
.info a:hover {background:url(../img/sprites.png) no-repeat;}

/* ================= */
.focus{border:1px solid #cbcbcb; height:305px; width:485px; overflow:hidden; position:relative;}
.focus .focusPic{height:305px; overflow:hidden;}
.focus .focusPic .focusTopic_tit,.focus .focusPic .focusTopic_txt{display:none;}
.focus .focusPic img{width:485px; height:305px; display:block;}
.focus .focusLine{width:485px; height:80px; background:#000; filter:alpha(opacity=60); opacity:0.6!important; position:absolute; left:0; top:225px;}
.focus .focusFont{font-size:16px; font-weight:bold; line-height:150%; height:25px; overflow:hidden; position:absolute; left:15px; top:235px;}
.row .focusFont a{color:#fff;}
.focus .focusDocket{height:40px; line-height:150%; position:absolute; left:15px; top:260px;}
.row .focusDocket a{color:#cccbcb;}
.focusDocket .moreLnk{display:none;}
.focus .focusCount{position:absolute; bottom:8px; right:15px; width:100px;}
.focus .focusCount span{background-position:0 0; cursor:pointer; display:inline; float:left; height:13px; margin-left:7px; width:13px; overflow:hidden; text-indent:-9999px;}
.focus .focusCount .spanHove{background-position:-20px 0; }

.daily {margin-top:20px;}
.daily .hd {}
.daily .hd h3 {background-position:0 -80px; height:30px; width:190px; margin-left:20px;}
.boxPic{float:left; width:440px; padding:3px 0; overflow:hidden;}
.boxPic .photoAlbum_item{ width:150px; float:left; text-align:center;}
.boxPic .photoAlbum_item img{ width:130px; height:95px;}
.boxPic .photoAlbum_item_pic, .boxPic .photoAlbum_item_txt {margin-right:10px}
.boxPic .photoAlbum_item a img{border:2px solid #cacaca; padding:1px;}
.boxPic .photoAlbum_item a:hover img{border:3px solid #7878d1; padding:0;}
.boxPic .photoAlbum_item_txt {margin-top:8px;}
.clickLeft,.clickRight,.clickLeftHover,.clickRightHover{ float:left; width:9px; height:17px; display:inline; margin:45px 7px 0; cursor:pointer;}
.clickLeft{background-position:-60px 0;}
.clickRight{ background-position:-80px 0;}
.clickLeftHover{ background-position:-100px 0;}
.clickRightHover{ background-position:-120px 0;}

.headline {margin:0 0 12px 4px;}
.headline h2 {font-size:16px; font-weight:bold; line-height:140%; margin-bottom:2px;}
.headline h2 a {color:#0071c2;}
.headline h2 a:hover {color:#c00;}
.headline .focusTopic {border-bottom:1px dashed #cacaca; line-height:160%; padding:10px 0;}
.headline .focusTopic_txt {color:#767676;}
.headline .focusTopic_txt a {color:#767676;}
.headline .focusTopic_txt a:hover {color:#c00;}

.spotlight .hd {height:40px;}
.spotlight .more {padding:10px 0 0 0;}
.spotlight .more a {color:#6c6bc9;}
.spotlight .hd h3 {background:none; font-size:14px; text-indent:0; width:350px;}
.spotlight .hd h3 span {background-position:right -421px; cursor:pointer; color:#525252; display:block; float:left; height:36px; line-height:32px; padding:0 10px; text-align:center;}
.spotlight .hd h3 span.t1 {background-position:0 -430px; color:#fff; padding:0; width:100px;}
.spotlight .hd h3 span.t4 {background:none;}
.spotlight li {background-position:-295px -50px; color:#525252; font-size:14px; height:28px; line-height:28px; margin-left:4px; overflow:hidden; padding-left:12px; text-align:right;}
.spotlight li a {float:left;}

.join .detail-frame {display:none;}
.join .hd h3 {background-position:0 -480px; height:50px; margin-left:5px; width:300px;}
.join .more {padding-top:18px;}
.join .more a {color:#22a2e2;}
.join ul {overflow:hidden; width:100%;}
.join .bd li {float:left; width:110px;}
.join .bd li img {height:120px; margin:0 12px 8px 4px; vertical-align:middle; width:90px;}
.join .bd li a img {border:1px solid #d9d9d9; padding:1px;}
.join .bd li a:hover img {border:2px solid #58c1f1; padding:0;}

.manufacturer {border-bottom:1px dashed #cacaca; padding-bottom:10px;}
.manufacturer .hd h3 {background-position:0 -112px; height:50px; width:190px;}
.manufacturer .bd {color:#525252; line-height:24px;}

.search {background-position:0 -30px; width:266px; height:36px; margin:12px auto;}
.search li { float:left;}
.search li input.searchText {border:0; width:195px; height:21px; line-height:21px; background:none; margin:7px 8px 0 8px; padding:0 2px; vertical-align:middle;}
.search li input.searchBtn {width:50px; height:36px; line-height:36px; border:none; background:none; cursor:pointer;}

.news {border-top:1px dashed #cacaca;}
.news .hd {}
.news .hd h3 {background-position:0 -164px; font-size:14px; height:45px; width:200px;}
.news li {background-position:-295px -20px; color:#525252; height:26px; line-height:26px; margin-left:4px; overflow:hidden; padding-left:12px;}

.r3 .hd h3, .r4 .hd h3, .r5 .hd h3 {font-size:14px; height:50px; margin-left:5px; width:300px;}

.overview {border-bottom:1px dashed #cacaca; margin-bottom:15px;}
.overview .more {padding:24px 15px 0 0;}
.overview .more a {color:#e2546c;}
.overview .hd h3 {background-position:0 -530px;}
.overview .bd img {border:3px solid; margin:0 7px 15px 6px; width:115px; height:115px;}
.overview .bd a img {border-color:#fff;}
.overview .bd a:hover img {border-color:#fd8b9d;}

.summit .more {padding:24px 12px 0 0;}
.summit .more a {color:#e2546c;}
.summit .hd h3 {background-position:0 -580px;}
.summit ul {overflow:hidden; width:100%;}
.summit li {background-position:-280px 10px; color:#cccbcb; float:left; height:28px; line-height:28px;overflow:hidden; padding:0 12px 0 25px; text-align:right; width:435px;}
.summit li a {float:left; font-size:14px;}

.focus-showgirl{border:1px solid #cbcbcb; display:inline; float:left; height:405px; margin:0 3px 0 8px; padding:1px; overflow:hidden; position:relative; width:305px;}
.showgirl .focusPic{height:405px; overflow:hidden;}
.showgirl .focusPic .focusTopic_tit,.showgirl .focusPic .focusTopic_txt{display:none;}
.showgirl .focusPic img{width:305px; height:405px; display:block;}
.showgirl .focusLine{width:305px; height:30px; background:#000; filter:alpha(opacity=60); opacity:0.6!important; position:absolute; left:1px; bottom:1px; _bottom:0;}
.showgirl .focusFont, .showgirl .focusDocket{display:none;}
.showgirl .focusCount{position:absolute; bottom:8px; right:15px; width:100px;}
.showgirl .focusCount span{background-position:0 0; cursor:pointer; display:inline; float:left; height:13px; margin-left:7px; width:13px; overflow:hidden; text-indent:-9999px;}
.showgirl .focusCount .spanHove{background-position:-40px 0; }

.picList {float:left; width:624px;}

.showgirl,
.cosplay {border-bottom:1px dashed #cacaca; margin-bottom:15px;}
.showgirl .more,
.cosplay .more,
.liveshow .more {padding:24px 15px 0 0;}

.showgirl .more a,
.cosplay .more a,
.liveshow .more a {color:#019b98;}



.showgirl .hd h3 {background-position:0 -630px;}
.cosplay .hd h3 {background-position:0 -680px;}
.liveshow .hd h3 {background-position:0 -730px;}

.cosplay .bd,
.liveshow .bd {text-align:center;}

.cosplay .bd img,
.liveshow .bd img {margin:0 3px 15px; width:145px; height:195px;}
.picList img {margin:0 3px 12px; width:145px; height:195px;}
.cosplay .bd a img,
.liveshow .bd a img,
.picList a img {border:1px solid #dfdfdf; padding:1px;}
.cosplay .bd a:hover img,
.liveshow .bd a:hover img,
.picList a:hover img {border:2px solid #4ac0bf; padding:0;}

.r5 .fr .bd {border-bottom:1px dashed #cacaca; color:#525252; line-height:22px; margin-left:2px; padding-bottom:10px;}
.tencent .hd h3 {background-position:0 -780px;}
.tencent .bd {margin-left:5px;}
.tencent .ft {border-top:1px solid #abcc90; height:1px; font-size:1px; overflow:hidden; margin:0 2px 0 5px; _margin-right:0;}
.about .hd h3 {background-position:0 -220px; height:40px;}
.sponsor1 .hd h3 {background-position:0 -270px; height:40px;}
.sponsor2 .hd h3 {background-position:0 -320px; height:40px;}
.sponsor3 .hd h3 {background-position:0 -370px; height:40px;}
.r5 .fr .sponsor3 .bd {border-bottom:0; padding-bottom:0;}
.info {border-bottom:1px dashed #cacaca; color:#7a0; font-size:14px; font-weight:bold; text-align:center; padding:12px 0;}
.info a {display:inline-block; color:#7a0; position:relative; height:25px; line-height:25px; margin:0 3px; width:78px;}
.info a:hover {background-position:0 -830px; color:#fff; text-decoration:none;}

/* ================= */

.join-sub,
.showgirl-sub {background:#fff; margin:0 auto; padding:8px; text-align:left; width:944px;}

.join-sub .hd h3 {background-position:20px -870px; height:50px; width:300px;}
.join-sub .more {padding-top:18px;}
.join-sub .more a {color:#22a2e2;}
.join-sub ul {overflow:hidden; width:100%;}
.join-sub .bd li {display:inline; float:left; height:215px; margin:0 9px 0 20px; text-align:center; width:126px; position:relative;}
.join-sub .bd li img {height:160px; vertical-align:middle; width:120px;}
.join-sub .bd li a img {border:1px solid #d9d9d9; padding:2px;}
.join-sub .bd li a:hover img {border:3px solid #7878d1; padding:0;}
.join-sub li h2{ position:absolute; left:0; bottom:20px; width:126px; font-size:12px; color:#333; font-weight:normal; text-align:center; height:20px; line-height:20px; font-family:"simsun"; overflow:hidden;}
.join-sub .bm,
.join-sub .classList,
.join-sub .bd h3,
.join-sub p{ display:none;}
.join-sub .search {background-position:0 -930px; display:inline; margin:0 23px 0 0; float:right;}

.showgirl-sub .hd h3 {background-position:25px -968px; height:50px; width:400px;}
.showgirl-sub .more {padding-top:18px;}
.showgirl-sub .more a {color:#22a2e2;}
.showgirl-sub .bd {margin-left:15px;}
.showgirl-sub img {margin:5px 18px 20px 16px; width:145px; height:195px;}
.showgirl-sub a img {border:1px solid #dfdfdf; padding:1px;}
.showgirl-sub a:hover img {border:2px solid #7878d1; padding:0;}

/* ================= */
.footer {background:none !important; border:0 !important; color:#525252 !important; line-height:200% !important; width:100% !important; height:100px !important; margin:-125px auto 0 !important; padding:25px 0 0 0 !important; text-align:center !important;}
.footer a,
.footer a:hover {color:#525252 !important;}