.area{color:#666;background:#000 url(banner.jpg) no-repeat top;}
.area .mainBanner{width:974px;height:218px;margin:0 auto;position:relative;background:#000 url(banner.jpg) no-repeat -15px top;}
.area .mainBanner .zq{width:142px;height:170px;position:absolute;left:0;bottom:-80px;}
.area .mainBanner .baobao{width:300px;height:48px;position:absolute;right:0px;bottom:0;}
.indexArea{background:#000 url(ibanner1.jpg) no-repeat top;}
.indexArea .mainBanner{height:222px;width:974px;margin:0 auto;background:url(ibanner1.jpg) no-repeat -15px 0;}
.indexArea .mainBanner a.link1,.indexArea .mainBanner a.link2{display:block;width:94px;height:54px;position:absolute;top:0;left:395px;}
.indexArea .mainBanner a.link2{left:489px;width:115px;}
.indexArea .areaWrap{background:url(ibanner2.jpg) no-repeat top;}
.indexArea .areaWrap .iBanner2{position:relative;height:176px;width:974px;margin:0 auto;background:url(ibanner2.jpg) no-repeat -15px 0;}
.indexArea .areaWrap .iBanner2 .zq{width:142px;height:170px;position:absolute;left:0;bottom:-80px;}
.indexArea .areaWrap .iBanner2 .baobao{width:185px;height:150px;position:absolute;right:0;bottom:0;}
.area .area2{width:974px;margin:0 auto;background:#000;}

/*mainNav*/
.area .mainNavWrap{background:url(nav_bg.gif) repeat-x -1px;}
.area .mainNav{height:64px;padding-left:140px;background:url(nav_l.gif) no-repeat;}
.indexArea .mainNav{background:url(nav_l_i.gif) no-repeat;}
.area .mainNav ul{height:64px;background:url(nav_r1.gif) no-repeat right;}
.indexArea  .mainNav ul{background:url(nav_r2.gif) no-repeat right;}
.area .mainNav li{float:left;padding-left:31px;background:url(nav_line.gif) no-repeat right;}
.area .mainNav li.item1{width:91px;}
.area .mainNav li.item2,.area .mainNav li.item3{width:150px;}
.area .mainNav li.item4{background:none;}
.area .mainNav li a{height:64px;display:inline-block;float:left;background:url(nav.gif) no-repeat 0 200px;}
.area .mainNav li.item1 a{width:62px;background-position:0 0;}
.area .mainNav li.item1 a.current,.area .mainNav li.item1 a:hover{background-position:0 -64px;}
.area .mainNav li.item2 a{width:119px;background-position:-124px 0;}
.area .mainNav li.item2 a.current,.area .mainNav li.item2 a:hover{background-position:-124px -64px;}
.area .mainNav li.item3 a{width:118px;background-position:-306px 0;}
.area .mainNav li.item3 a.current,.area .mainNav li.item3 a:hover{background-position:-306px -64px;}
.area .mainNav li.item4 a{width:288px;background-position:-487px 0;}
.area .mainNav li.item4 a.current,.area .mainNav li.item4 a:hover{background-position:-487px -64px;}

/*c1*/
.area .c1{width:745px;float:left;}
.area .c1 .mainBox{padding-bottom:15px;background:url(lb.gif) no-repeat bottom;}
.area .c1 .mainBoxT{height:16px;background:url(lt.gif) no-repeat right;}
.indexArea .c1 .mainBoxT{background:url(lt_i.gif) no-repeat right;}
.area .c1 .mainBoxC{background:url(lbg.gif) repeat-y;width:738px;padding:0 4px 0 3px;}
.area .c1 .mainBox .join{height:96px;padding:14px 0 0 28px;}
.area .c1 .mainBox .mBar{width:738px;height:37px;margin:0 auto;background:url(t1.gif) no-repeat;}
.area .c1 .mainBox .workWrap .mBar .more{width:73px;height:14px;display:inline-block;margin:18px 15px 0 0;float:right;background:url(more2.gif) no-repeat;}
.area .c1 .mainBox .workWrap .mBar a.more:hover{background-position:0 -14px;}
.area .c1 .mainBox .workWrap .tbar{width:712px;height:34px;margin:0 auto;border-bottom:1px solid #4C0326;}
.area .c1 .mainBox .workWrap .tbar ul{height:34px;position:relative;top:1px;padding-left:20px;}
.area .c1 .mainBox .workWrap .tbar li{display:inline;float:left;margin-right:3px;}
.area .c1 .mainBox .workWrap .tbar li a{height:34px;display:block;float:left;background:url(tabbg.gif) no-repeat 0 -100px;}
.area .c1 .mainBox .workWrap .tbar li a.current{cursor:default;}
.area .c1 .mainBox .workWrap .tbar li.item1 a{width:111px;background-position:0 -34px;}
.area .c1 .mainBox .workWrap .tbar li.item1 a.current{background-position:0 0;}
.area .c1 .mainBox .workWrap .tbar li.item2 a{width:126px;background-position:right -34px;}
.area .c1 .mainBox .workWrap .tbar li.item2 a.current{background-position:right 0;}
.area .c1 .mainBox .cardList{width:740px;margin-left:-1px;}
.area .c1 .mainBox .cardList li{width:122px;display:inline;float:left;padding:0 13px 20px;overflow:hidden;}
.indexArea .c1 .mainBox .cardList li{padding-bottom:16px;}
.area .c1 .mainBox .cardList li a.pic{display:block;height:89px;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:#59AED6;}
.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:#D99E2B;}
.area .c1 .mainBox .cardList li p .rq{color:#999;}
.area .c1 .mainBox .commentWrap .commentBox{background:#fff;width:708px;margin:14px auto 0;}
.area .c1 .mainBox .jieshao{padding:18px 0 28px 30px;}
.area .c1 .mainBox .contentText{padding:0 35px;line-height:18px;}
.area .c1 .mainBox .contentText h5{color:#999;font-size:14px;font-weight:700;display:inline;}
.area .c1 .mainBox .contentText span{color:#D02B6C;}
.area .c1 .mainBox .contentText em{color:#999;}
.area .c1 .mainBox .contentText .jpic1{vertical-align:middle;padding:0 0 0 7px;}
.area .c1 .mainBox .contentText .jpic{border:2px solid #7F7F7F;vertical-align:middle;margin:8px 0 18px 7px;}

/*c2*/
.area .c2{width:219px;padding-top:1px;float:right;background:#000;}
.area .c2 .c2Box{background:url(rbg.gif) repeat-y;}
.area .c2 .c2Box .title img{display:block;}
.area .c2 .c2Box .jiangpin .content{position:relative;padding-bottom:16px;}
.area .c2 .c2Box .jiangpin .content img{display:block;width:154px;height:154px;margin:0 auto;}
.area .c2 .c2Box .jiangpin .content p{padding:0 8px 0 20px;line-height:18px;}
.area .c2 .c2Box .jiangpin .content p span{color:#A30040;}
.area .c2 .c2Box .jiangpin .content .more{width:34px;height:11px;overflow:hidden;display:inline-block;float:right;margin:7px 13px 0 0;background:url(more1.gif) no-repeat;}
.area .c2 .c2Box .jiangpin .content a.more:hover{background-position:0 -11px;}
.area .c2 .c2Box .renqi{background:url(rb.gif) no-repeat bottom;}
.area .c2 .c2Box .renqi .content{padding:10px 0 22px 12px;width:194px;}
.area .c2 .c2Box .renqi .content li{padding:7px 0 9px 4px;height:64px;overflow:hidden;background:url(rline.gif) repeat-x 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:#59AED6;}
.area .c2 .c2Box .renqi .content li p{line-height:18px;}
.area .c2 .c2Box .renqi .content li p .rq{color:#999;}


/*page1*/
.area .c1 .page1{margin-right:10px;width:678px;}
.area .c1 .page1 li{color:#5BA800;float:right;width:23px;height:17px;border:1px solid #D4D4D4;font-family:Arial;font-size:14px;margin:0 2px;}
.area .c1 .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 .c1 .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 .c1 .page1 .before{background:#fff url(page.gif) no-repeat 8px 3px;margin-left:19px;}
.area .c1 .page1 .before a{background:#fff url(page.gif) no-repeat 8px 3px;}
.area .c1 .page1 .before a:hover{background:#fff url(page.gif) no-repeat 12px -79px;}
.area .c1 .page1 .after{background:#fff url(page.gif) no-repeat 8px -38px;margin-right:12px;}
.area .c1 .page1 .next{background:#fff url(page.gif) no-repeat 8px -38px;margin-right:11px;}
.area .c1 .page1 .after a,.area .c1 .page1 .next a{background:#fff url(page.gif) no-repeat 8px -38px;}
.area .c1 .page1 .after a:hover,.area .c1 .page1 .next a:hover{background:#fff url(page.gif) no-repeat 12px -128px;}
.area .c1 .page1 .noLink{width:25px;height:19px;border:0;line-height:19px;text-align:center;}
.area .c1 .page1 .spe{width:auto;height:18px;line-height:19px;padding-top:1px;border:0;color:#666;font-family:"";font-size:12px;}
.area .c1 .page1 .spe span{font-weight:700;color:#5BA800;}
.area .c1 .page1 .allNum{float:left;padding:7px 0 0 40px;}
.area .c1 .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 .c1 .page1 .after a,.area .c1 .page1 .next a{background:#fff url(page.gif) no-repeat 8px -38px;}
.area .c1 .page1 .after a:hover,.area .c1 .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 .c1 .page1{margin-right:25px;width:auto;}
.area .c1 .page2 li{border:1px solid #7F7F7F;color:#848484;}
.area .c1 .page2 li a{background:#000;color:#848484;}
.area .c1 .page2 li a:hover {border:1px solid #7F7F7F;color:#848484;}
.area .c1 .page2 .after a,.area .c1 .page2 .next a{background:#000 url(page.gif) no-repeat 8px -38px;}
.area .c1 .page2 .after a:hover,.area .c1 .page2 .next a:hover{background:#000 url(page.gif) no-repeat 12px -128px;}
.area .c1 .page2 .before{background:#000 url(page.gif) no-repeat 8px 3px;margin-left:19px;}
.area .c1 .page2 .before a{background:#000 url(page.gif) no-repeat 8px 3px;}
.area .c1 .page2 .before a:hover{background:#000 url(page.gif) no-repeat 12px -79px;}