.area{background:#000 url(banner.jpg) no-repeat top;}
.area .mainBanner{position:relative;height:218px;width:990px;margin:0 auto;background:url(banner.jpg) no-repeat -15px 0;}
.area .mainBanner .zq{width:130px;height:120px;display:block;position:absolute;left:-16px;bottom:0;}
.area .mainBanner .baobao{bottom:-57px;height:95px;position:absolute;right:0;width:234px;}
.indexArea{background:#000 url(ibanner1.jpg) no-repeat top;}
.indexArea .mainBanner{height:214px;width:990px;margin:0 auto;background:url(ibanner1.jpg) no-repeat -15px 0;}
.indexArea .mainBanner a.link1,.indexArea .mainBanner a.link2{display:block;width:110px;height:58px;position:absolute;top:0;left:377px;}
.indexArea .mainBanner a.link2{left:490px;}
.indexArea .areaWrap{background:url(ibanner2.jpg) no-repeat top;}
.indexArea .areaWrap .iBanner2{position:relative;height:154px;width:990px;margin:0 auto;background:url(ibanner2.jpg) no-repeat -15px 0;}
.indexArea .areaWrap .iBanner2 .zq{width:130px;height:130px;display:block;position:absolute;left:-16px;bottom:0;}
.indexArea .areaWrap .iBanner2 .baobao{width:234px;height:95px;position:absolute;right:0;bottom:-57px;}
.area .area2{width:990px;margin:0 auto;}
.area .area3{background:#000;}

.area .c1{width:750px;float:left;background:url(main_bg.gif) repeat-y;}
.area .c1 .mainNav{height:56px;background:url(nav.gif) no-repeat;}
.area .c1 .mainNav li{float:left;}
.area .c1 .mainNav li a{height:56px;display:inline-block;float:left;background:url(nav.gif) no-repeat 0 200px;}
.area .c1 .mainNav li.item1 a{width:61px;margin-left:29px;}
.area .c1 .mainNav li.item1 a.current,.area .c1 .mainNav li.item1 a:hover{background-position:-29px -56px;}
.area .c1 .mainNav li.item2 a{width:118px;margin-left:46px;}
.area .c1 .mainNav li.item2 a.current,.area .c1 .mainNav li.item2 a:hover{background-position:-136px -56px;}
.area .c1 .mainNav li.item3 a{width:115px;margin-left:46px;}
.area .c1 .mainNav li.item3 a.current,.area .c1 .mainNav li.item3 a:hover{background-position:-300px -56px;}
.area .c1 .mainNav li.item4 a{width:256px;margin-left:48px;}
.area .c1 .mainNav li.item4 a.current,.area .c1 .mainNav li.item4 a:hover{background-position:-463px -56px;}
.area .c1 .mainBox{background:url(main_b.gif) no-repeat 0 bottom;padding:0 2px;}
.area .c1 .mainBox .join{padding:0 0 25px 2px;}
.area .c1 .mainBox .joinC{width:690px;margin:0 auto;}
.area .c1 .mainBox .join p{line-height:20px;color:#BEBEBE;text-indent:4em;}
.area .c1 .mainBox .joinBtn{color:#9ad30d;font-size:14px;font-weight:700;line-height:26px;padding-top:3px;}
.area .c1 .mainBox .joinBtn a{width:105px;height:26px;background:url(btn.gif) no-repeat;display:inline-block;text-indent:-9999em;}
.area .c1 .mainBox .jieshao{padding:27px 0 0 29px;}
.area .c1 .mainBox .mBar{width:732px;height:40px;margin:0 auto;position:relative;background:url(bar_bg.jpg) no-repeat;}
.area .c1 .mainBox .mBar img{width:90px;margin:0 auto;display:block;}
.area .c1 .mainBox .workWrap{color:#666;}
.area .c1 .mainBox .workWrap .tbar{width:712px;height:29px;margin:0 auto;border-bottom:2px solid #7C0800;}
.area .c1 .mainBox .workWrap .tbar ul{height:29px;position:relative;top:2px;padding-left:2px;}
.area .c1 .mainBox .workWrap .tbar li{display:inline;float:left;}
.area .c1 .mainBox .workWrap .tbar li a{height:29px;display:block;float:left;background:url(wt.gif) no-repeat 0 -100px;}
.area .c1 .mainBox .workWrap .tbar li a.current{cursor:default;}
.area .c1 .mainBox .workWrap .tbar li.item1 a{width:83px;background-position:0 0;}
.area .c1 .mainBox .workWrap .tbar li.item1 a.current{background-position:0 -29px;}
.area .c1 .mainBox .workWrap .tbar li.item2 a{width:52px;background-position:-83px 0;}
.area .c1 .mainBox .workWrap .tbar li.item2 a.current{background-position:-83px -29px;}
.area .c1 .mainBox .workWrap .tbar li.item3 a{width:69px;background-position:-135px 0;}
.area .c1 .mainBox .workWrap .tbar li.item3 a.current{background-position:-135px -29px;}
.area .c1 .mainBox .workWrap .mBar .more{width:71px;height:18px;display:block;position:absolute;right:18px;top:13px;background:url(more.gif) no-repeat;}
.area .c1 .mainBox .workWrap .allWorks{display:block;margin:13px;}
.area .c1 .mainBox .cardList{padding-left:2px;}
.area .c1 .mainBox .cardList li{width:122px;display:inline;float:left;padding:0 13px 29px;overflow:hidden;}
.indexArea .c1 .mainBox .cardList li{padding-bottom:16px;}
.area .c1 .mainBox .cardList li a.pic{display:block;height:87px;margin-bottom:7px;}
.area .c1 .mainBox .cardList li img{border:1px solid #623B23;display:block;}
.area .c1 .mainBox .cardList li h5{line-height:16px;margin-bottom:1px;}
.area .c1 .mainBox .cardList li h5 a{font-weight:700;color:#377998;}
.area .c1 .mainBox .cardList li h5 a:hover{color:#5598B7;}
.area .c1 .mainBox .cardList li p{line-height:18px;}
.area .c1 .mainBox .cardList li p .author{color:#9C7323;}
.area .c1 .mainBox .cardList li p a.author:hover{color:#C78F23;}
.area .c1 .mainBox .cardList li p .rq{color:#999;}
.area .c1 .mainBox .picWrap .mBar .more{width:71px;height:18px;display:block;position:absolute;right:18px;top:13px;background:url(more3.gif) no-repeat;}
.area .c1 .mainBox .picWrap .picList{padding-left:10px;}
.area .c1 .mainBox .picWrap .picList li{width:214px;height:177px;float:left;padding:0 14px 0 13px;}
.area .c1 .mainBox .picWrap .picList2 {padding-left:14px;}
.area .c1 .mainBox .picWrap .picList2 li{float:left;width:116px;height:87px;padding:0 13px 46px;}
.area .c1 .mainBox .picWrap li img{display:block;border:1px solid #622323;}
.area .c1 .mainBox .commentBox{width:713px;margin:1px auto;background:url(cbox_bg.gif) repeat-y;}
.area .c1 .mainBox .commentBoxT{background:url(cbox_t.gif) no-repeat;}
.area .c1 .mainBox .commentBoxB{background:url(cbox_b.gif) no-repeat bottom;}
.area .c1 .mainBox .contentText{color:#A6A6A6;width:668px;margin:0 auto;line-height:18px;}
.area .c1 .mainBox .contentText h5{font-weight:700;color:#BB8D0B;font-size:14px;padding-bottom:6px;}
.area .c1 .mainBox .contentText .ctBox{margin-bottom:20px;margin-left:80px;position:relative;}
.area .c1 .mainBox .contentText .ctBox h5{position:absolute;width:80px;left:-80px;}
.area .c1 .mainBox .contentText .jpic{margin:8px 0 18px 7px;vertical-align:middle;}
.area .c1 .mainBox .contentText strong{color:#999;}
.area .c1 .mainBox .contentText span{color:#B70006;}
.area .c1 .mainBox .contentText span.gameN{color:#999;font-size:14px;}
.area .c1 .mainBox .contentText .link{color:#999;}
.area .c1 .mainBox .contentText .link a{text-decoration:underline;color:#0087C6;}
.area .c1 .mainBox .contentText .link a:hover{text-decoration:none;}


.area .c2{width:234px;float:right;color:#666;padding-top:56px;}
.area .c2 .c2Box{background:url(rbar_bg.gif) repeat-y;}
.area .c2 .c2Box .jiangpin{padding-bottom:37px;background:url(rbar_cbg.gif) no-repeat 0 bottom;}
.area .c2 .c2Box .jiangpin .content{color:#BE8B00;padding:13px 0 0 22px;line-height:24px;}
.area .c2 .c2Box .jiangpin .content img{display:block;border:1px solid #874D08;margin-bottom:12px;}
.area .c2 .c2Box .jiangpin .content span{color:#B70006;}
.area .c2 .c2Box .jiangpin .content .more{display:inline-block;width:56px;height:11px;float:right;margin:12px 23px 0 0;background:url(more2.gif) no-repeat;}
.area .c2 .c2Box .jiangpin .content a.more:hover{background:url(more2_h.gif) no-repeat;}
.area .c2 .c2Box .renqi{background:url(rbar_b.gif) no-repeat 0 bottom;padding-bottom:21px;}
.area .c2 .c2Box .renqi .title{width:187px;height:29px;margin:0 auto;position:relative;top:-11px;}
.area .c2 .c2Box .renqi .content{padding:0 0 0 22px;width:194px;}
.area .c2 .c2Box .renqi .content li{padding:7px 0 9px 4px;height:64px;overflow:hidden;background:url(rbar_line.gif) no-repeat 0 79px;}
.area .c2 .c2Box .renqi .content li img{float:left;margin:2px 8px 0 0;border:1px solid #676767;}
.area .c2 .c2Box .renqi .content li h5{margin-bottom:1px;}
.area .c2 .c2Box .renqi .content li h5 a{font-weight:700;color:#377998;line-height:16px;}
.area .c2 .c2Box .renqi .content li h5 a:hover{color:#5598B7;}
.area .c2 .c2Box .renqi .content li p{line-height:18px;}
.area .c2 .c2Box .renqi .content li p .rq{color:#999;}

/*page1*/
.area .page1{margin-right:10px;width:678px;}
.area .page1 li{color:#5BA800;float:right;width:23px;height:17px;border:1px solid #D4D4D4;font-family:Arial;font-size:14px;margin:0 2px;}
.area .page1 li a{display:block;width:23px;height:17px;background-color:#fff;line-height:17px;text-align:center;font-family:Arial;font-size:14px;}
.area .page1 li a:hover{position:absolute;width:35px;height:26px;line-height:26px;z-index:100;color:#000;font-size:20px;border:1px solid #D4D4D4;margin:-7px 0 0 -6px;}
.area .page1 .before{background:#fff url(page.gif) no-repeat 8px 3px;margin-left:19px;}
.area .page1 .before a{background:#fff url(page.gif) no-repeat 8px 3px;}
.area .page1 .before a:hover{background:#fff url(page.gif) no-repeat 12px -79px;}
.area .page1 .after{background:#fff url(page.gif) no-repeat 8px -38px;margin-right:12px;}
.area .page1 .next{background:#fff url(page.gif) no-repeat 8px -38px;margin-right:11px;}
.area .page1 .after a,.area .page1 .next a{background:#fff url(page.gif) no-repeat 8px -38px;}
.area .page1 .after a:hover,.area .page1 .next a:hover{background:#fff url(page.gif) no-repeat 12px -128px;}
.area .page1 .noLink{width:25px;height:19px;border:0;line-height:19px;text-align:center;}
.area .page1 .spe{width:auto;height:18px;line-height:19px;padding-top:1px;border:0;color:#666;font-family:"";font-size:12px;}
.area .page1 .spe span{font-weight:700;color:#5BA800;}
.area .page1 .allNum{float:left;padding:7px 0 0 40px;}
.area .page1 .allNum span{color:#5BA800;font-weight:700;}

/*comment*/
.area .c1 .emotion{width:660px;color:#666;padding-top:10px;margin:0 auto;position:relative;}
.area .c1 .emotion .zishu1{position:absolute;color:#666;margin:40px 0 0 370px;*margin:40px 0 0 -275px;_margin:40px 0 0 -275px;}
.area .c1 .emW1{width:513px;min-height:30px;background:url(emob1.gif) no-repeat;margin:0 auto;padding:7px 0 7px 13px;}
.area .c1 .emW1 ul{float:left;width:480px;}
.area .c1 .emotion ul{float:left;padding-top:2px;}
.area .c1 .emotion li{ display:table-cell; float:left; min-height:30px;_height:30px; padding:0 1px; text-align:center; vertical-align:middle; }
.area .c1 .emotion li img{vertical-align:middle;cursor:pointer;}
.area .c1 .sayWords .right .commIn .zishu{position:absolute;color:#ACA081;z-index:2008;margin:83px 0 0 115px;}
.area .c1 .emotion .zs{color:#666;}
.area .c1 .emotion .close{float:right;padding:8px 13px 0 0;}
.area .c1 .comment{width:664px;margin:0 auto;}
.area .c1 .comW1{width:513px;padding-left:13px;}
.area .c1 .comment .text textarea{width:655px;height:120px;border-top:ridge #F1F3F7;border-left:ridge #F1F3F7;border-bottom:1px solid #DCDFE4;border-right:1px solid #DCDFE4;overflow-y:scroll!important;background:url(http://www.aipai.com/app/www/templates/comment/img/textarea_bg.gif) no-repeat 5px bottom #fff;word-wrap:break-word;overflow:hidden;}
.area .c1 .comment .text .textW1{width:495px;height:110px;background:#fff url(http://www.aipai.com/app/www/templates/comment/img/textarea_bg.gif) no-repeat 5px 38px;}
.area .c1 .comment .validate{float:left;}
.area .c1 .comment .validate div{float:left;margin-right:6px;}
.area .c1 .comment .validate div input{width:67px;height:18px;border:1px solid #A4A4A4;line-height:20px;color:#666;padding-left:3px;margin-top:5px;}
.area .c1 .comment .validate div label{font-weight:700;margin-left:5px;}
.area .c1 .comment .validate .v2{padding-top:6px;}
.area .c1 .comment .validate .v3{padding-top:14px;}
.area .c1 .comment .sure1{padding-right:15px;position:relative;z-index:1;}
.area .c1 .comment .sure div{float:left;position:relative;z-index:1;padding:6px 5px 2px 1px;}
.area .c1 .comment .sure span{float:left;color:#0087C6;padding-top:14px;}
.area .c1 .comment .sure .ok{padding-top:14px;color:red;}
.area .c1 .commenL{width:655px;margin:0 auto 8px;}
.area .c1 .commenL .cTi{width:655px;height:25px;background:#EFEFEF;}
.area .c1 .cTi .name{float:left;font-weight:700;color:#00A2E1;padding:7px 0 0 9px;}
.area .c1 .cTi .mail{float:left;padding:9px 9px 0 7px;}
.area .c1 .cTi .time{float:left;color:#5f5f5f;padding-top:7px;}
.area .c1 .cTi .dele{float:right;display:inline;margin-right:8px;padding-top:3px;}
.area .c1 .sayWords{width:638px;padding:13px 8px 0 9px;}
.area .c1 .sayWords .avatar{float:left;width:60px;height:33px;background:url(pageb.gif) no-repeat 0 -84px;padding:3px 0 0 3px;}
.area .c1 .sayWords .avatar1{background:url(pageb1.gif) no-repeat;}
.area .c1 .sayWords .right{float:right;width:575px;}
.area .c1 .sayWords .quo{width:513px;border:1px solid #E3E3E3;clear:right;margin:0 60px 6px 0;}
.area .c1 .sayWords .quo .qti{width:300px;color:#666;padding:13px 17px 0 15px;}
.area .c1 .sayWords .quo .qti span{color:#00A2E1;font-weight:700;}
.area .c1 .sayWords .quo .qcon{width:481px;color:#666;line-height:18px;word-wrap:break-word;overflow:hidden;margin:14px 0 13px;padding:0 15px 0 17px;}
.area .c1 .sayWords p{width:575px;color:#666;line-height:18px;padding-top:1px;word-wrap:break-word;overflow:hidden;}
.area .c1 .right .commIn{background:url(incommB1.gif) no-repeat 0 bottom;width:526px;min-height:205px;float:left;padding-bottom:5px;}
.area .c1 .quote{width:25px;background:url(quote.gif) no-repeat 605px 1px;color:#0087C6;margin-top:16px;padding:0 11px 0 619px;}
.area .c1 .canceQ{background:url(cancelQ.gif) no-repeat 597px 1px;}
.area .c1 .quote a:hover{text-decoration:none;}
.area .c1 .commenLoad{width:401px;color:#999;padding:2px 17px 0 270px;}
.area .c1 .huodongContent p span,.area .c1 .xunxList li .red{color:#D02812;}
.area .c1 .huodongBtns a.btnD,.area .c1 .comment .sure{float:right;}
.area .page1 .after a,.area .page1 .next a{background:#fff url(page.gif) no-repeat 8px -38px;}
.area .page1 .after a:hover,.area .page1 .next a:hover{background:#fff url(page.gif) no-repeat 12px -128px;}
.area .c1 .comment .validate div a,.area .c1 .comment .sure span a,.area .c1 .quote a{color:#0087C6;text-decoration:underline;}
.area .c1 .comment .validate div a:visited,.area .c1 .comment .validate .v3 a,.area .c1 .comment .validate .v3 span,.area .c1 .comment .sure span a:visited,.area .c1 .quote a:visited{color:#0087C6;}
.area .c1 .comment .validate div a:hover,.area .c1 .comment .sure span a:hover{color:#0087C6;text-decoration:none;}
.area .c1 .cTi .name a,.area .c1 .cTi .name a:visited,.area .c1 .sayWords .quo .qti span a,.area .c1 .sayWords .quo .qti span a:visited{color:#00A2E1;}
.area .c1 .cTi .name a:hover,.area .c1 .sayWords .quo .qti span a:hover{color:#05B9FF;}
.area .c1 .sayWords .quo .qcon img,.area .c1 .sayWords p img{vertical-align:middle;margin:1px 0 2px;}

.area .page1{margin-right:25px;width:auto;}
.area .page2 li{border:1px solid #7F7F7F;color:#848484;}
.area .page2 li a{background:#1B0102;color:#848484;}
.area .page2 li a:hover {border:1px solid #7F7F7F;color:#848484;}
.area .page2 .spe{border:none;}
.area .page2 .after a,.area .page2 .next a{background:#1B0102 url(page.gif) no-repeat 8px -38px;}
.area .page2 .after a:hover,.area .page2 .next a:hover{background:#1B0102 url(page.gif) no-repeat 12px -128px;}
.area .page2 .before{background:#1B0102 url(page.gif) no-repeat 8px 3px;margin-left:19px;}
.area .page2 .before a{background:#1B0102 url(page.gif) no-repeat 8px 3px;}
.area .page2 .before a:hover{background:#1B0102 url(page.gif) no-repeat 12px -79px;}

.area3 .picDetail{width:990px;margin:0 auto;}
.area3 .picDetail .back{padding-top:20px;height:40px;}
.area3 .picDetail .back a{width:87px;height:11px;display:block;float:right;overflow:hidden;text-indent:-9999px;background:url(p_bnt_back.gif) no-repeat;}
.area3 .picDetail .picBig{width:920px;height:600px;margin:0 auto;}
.area3 .picDetail .picBig #btnPrev,.area3 .picDetail .picBig #btnNext{width:25px;height:49px;float:left;margin:275px 35px 0 0;overflow:hidden;text-indent:-9999px;background:url(p_btnl.gif) no-repeat;}
.area3 .picDetail .picBig #btnNext{background:url(p_btnr.gif) no-repeat;margin:275px 0 0 35px;}
.area3 .picDetail .picBig #picBigImg{width:800px;float:left;}
.area3 .picdList{width:937px;padding:12px 0 12px 11px;margin:0 auto;border:1px solid #744242;}
.area3 .picdList .picdListUl li{width:96px;height:72px;float:left;padding:0 10px 20px;}
.area3 .picdList .picdListUl li img{display:block;border:1px solid #744242;}
.area .area3 .page1{margin-right:25px;width:auto;}
.blankB{height:125px;}