body {font:normal 12px/20px Verdana, Arial; color:#666666; margin:0; padding:0;}
div,ol,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; list-style-type:none;}
input,button,select,textarea{outline:none} 
a{ text-decoration:none; cursor:pointer;}
img {border:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
.kuan {
	font-family:Arial;
	font-size: 12px;
	color: #999999;
	border:1px solid #e6e6e6;
	padding:3px;
	white-space: pre-wrap;
	-moz-box-sizing: border-box;
	outline: medium none;
	margin:0;
}
a:link,a:visited,a:active {font-size:12px;color: #666666; text-decoration:none;}
a:hover {color:#FF6600;}
a.darkred:link,a.darkred:visited,a.darkred:active {font-size:12px;color:#000000; text-decoration:none;}
a.darkred:hover{ color: #840000; text-decoration:underline;}
a.deepblue:link,a.deepblue:visited,a.deepblue:active {font-size:12px;color:#3F5057; text-decoration:none;}
a.deepblue:hover{text-decoration:underline;}
a.pink:link,a.pink:visited,a.pink:active {font-size:12px; color:#e03683; text-decoration:none;}
a.pink:hover{ color:#e4639d ; text-decoration:underline;}
a.red:link,a.red:visited,a.red:active {font-size:12px; font-weight:bold; color:#ff0000; text-decoration:underline;}
a.red:hover{ color:#ff0000 ; text-decoration:underline;}
a.orange:link,a.orange:visited,a.orange:active {font-size:12px;color: #ff6600; text-decoration:none;}
a.orange:hover {text-decoration:underline;}

/*font_color*/
.darkred{ color:#840000;}
.pink{ color:#e03683;}
.blue{ color:#429fe0;}
.deepblue{ color:#3F5057;}
.green{ color:#9bb613;}
.orange{ color:#ff6600;}
.red{ color:#ff0000;}

/*special*/
.blank10 { margin:0; padding:0; line-height:10px; clear:both; height:10px;}
.blank15 { margin:0; padding:0; line-height:15px; clear:both; height:15px;}
.side_img{ border:1px solid #cccccc;}
.clear { clear:both;}
.fl { float:left; }
.fr { float:right; }
.dashed_pink{border-top:2px dashed #ef79b2; height:0px; line-height:0}
.dashed_blue{border-top:2px dashed #acacd3; height:0px; line-height:0}

/*header*/
#header{background:url(../images/header_bg.gif) top repeat-x}
#content{background:url(../images/content_bg.gif) top repeat-x}
.box960{width:960px; margin:0 auto}
.box904{width:804px; margin:0 auto; border:2px solid #a9a9d1; border-top:none; background:#FFF; padding:20px 49px 30px}
.titlebg1{background:url(../images/title_bg1.gif) top repeat-x; width:800px; border-left:2px solid #f6c2d9; border-right:2px solid #f6c2d9}
.titlebg2{background:url(../images/title_bg2.gif) top repeat-x; width:800px; border-left:2px solid #acacd3; border-right:2px solid #acacd3}
.way{padding:0 40px 0 40px}
.way h2, .way h3{ font-size:15px; font-weight:bold; padding-top:20px}
.way p{padding-bottom:10px}
.top_item{padding:0 60px; overflow:hidden}

.point{background:url(../images/point.gif) center no-repeat; width:960px; height:72px; margin-top:-72px; _margin-top:-98px; position:absolute}
.point .ranking{ float:left; text-align:right; width:410px; font:bold 15px/20px Verdana; padding-top:45px}
.point .good{ float:right; text-align:left; width:410px; font:bold 15px/20px Verdana; padding-top:45px}

.inas{background:url(../images/inas.gif) center no-repeat; width:960px; height:95px; margin-top:-95px; _margin-top:-121px; position:absolute}
.inas .asl{ float:left; width:390px; height:36px; padding:50px 0 0 10px}
.inas .asr{ float:right; width:390px; height:36px; padding:50px 10px 0 0}
.inas .asl a, .inas .asr a{ display:inline-block; width:36px; height:36px; margin-left:3px;}

.top_item dl{ float:left; width:102px; padding:10px 13px;}
.top_item dt{border:1px solid #ccc; width:108px; height:96px}
.top_item dd{}
.top_item .number{ float:left; width:30px; height:40px; line-height:40px; letter-spacing:-5px; font-size:25px; font-weight:bold; font-family:Verdana; color:#eb59a0; text-align:center}
.top_item .name{ float:right; width:70px; height:20px; font-size:13px; font-weight:bold; color:#39599d; overflow:hidden}
.top_item .good{ float:right; width:40px; height:20px; background:url(../images/good.gif) 0 3px no-repeat; font-family:Verdana; font-size:12px; font-weight:bold; color:#eb59a0; padding-left:30px; cursor:pointer; overflow:hidden}

.friend_item{padding:0 60px; overflow:hidden}
.friend_item dl{ float:left; width:102px; padding:10px 13px;}
.friend_item dt{border:1px solid #ccc; width:108px; height:96px}
.friend_item dd{}
.friend_item .name{ height:20px; font-size:13px; font-weight:bold; color:#39599d; overflow:hidden}
.friend_item .good{ height:20px; background:url(../images/good.gif) 0 3px no-repeat; font-family:Verdana; font-size:12px; font-weight:bold; color:#eb59a0; padding-left:30px; cursor:pointer; overflow:hidden}

/*nav*/
#nav{background:url(../images/nav_bg.gif) repeat-x; height:31px;  padding:8px 0 9px}
#nav ul{display:block; width:470px; margin:0 auto; overflow:hidden}
#nav li{display:block; float:left; width:94px; height:31px;}
#nav li a{ display:block; width:94px; height:31px;}
#nav .s1 a, #nav .s2 a, #nav .s3 a, #nav .s4 a, #nav .s5 a, #nav .s1 a.selected, #nav .s2 a.selected, #nav .s3 a.selected, #nav .s4 a.selected, #nav .s5 a.selected{ background-image:url(../images/nav.gif)}
#nav .s1 a{background-position:0 0}
#nav .s2 a{background-position:-94px 0}
#nav .s3 a{background-position:-188px 0}
#nav .s4 a{background-position:-282px 0}
#nav .s5 a{background-position:-376px 0}
#nav .s1 a:hover{background-position:0 -31px}
#nav .s2 a:hover{background-position:-94px -31px}
#nav .s3 a:hover{background-position:-188px -31px}
#nav .s4 a:hover{background-position:-282px -31px}
#nav .s5 a:hover{background-position:-376px -31px}
#nav .s1 a.selected{background-position:0 -31px}
#nav .s2 a.selected{background-position:-94px -31px}
#nav .s3 a.selected{background-position:-188px -31px}
#nav .s4 a.selected{background-position:-282px -31px}
#nav .s5 a.selected{background-position:-376px -31px}

/*main*/
#main{ display:block; width:920px; margin:0 auto; overflow:hidden;}
#left660{ display:block; float:left; width:660px; overflow:hidden;}
#right245{ display:block; float:right; width:245px; overflow:hidden;}
#left620{ display:block; float:left; width:620px; overflow:hidden;}
#right285{ display:block; float:right; width:285px; overflow:hidden;}
#left170{ display:block; float:left; width:170px; overflow:hidden;}
#right735{ display:block; float:right; width:735px; overflow:hidden;}

/*top_hot*/
.top_hot{ width:172px; position:absolute; top:0; overflow:hidden; z-index:999999}
.top_hot .center{background:url(../images/top_hotbg.gif) repeat-y; padding:0 5px; overflow:hidden}
.bgpink{ background:#ffeff7}
.bgblue{ background:#eaeaf6}
.top_hot .title1, .top_hot .title2, .top_hot .moreone a, .top_hot .moertwo a, .top_hot .up, .top_hot .down{ background:url(../images/top_hot.gif) no-repeat;}
.top_hot .title1{ background-position:0 0; height:62px}
.top_hot .title2{ background-position:0 -150px; height:37px}
.top_hot .moreone a{ display:block; background-position:-5px -62px; height:19px; cursor:pointer}
.top_hot .moreone a:hover{ background-position:-5px -82px;}
.top_hot .moertwo a{ display:block; background-position:-5px -103px; height:21px; cursor:pointer}
.top_hot .moertwo a:hover{ background-position:-5px -125px;}
.top_hot .up{ background-position:0 -191px; height:35px; display:block; cursor:pointer}
.top_hot .up:hover{ background-position:0 -226px}
.top_hot .down{ background-position:0 -261px; height:35px; display:block; cursor:pointer}
.top_hot .down:hover{ background-position:0 -296px}

.top_hot .item{ width:142px; margin:0 auto; padding:5px 10px; overflow:hidden}
.top_hot .item dt{ float:left; border:1px solid #ccc; width:63px; height:56px;}
.top_hot .item dd{ float:left; width:68px; padding:10px 0 0 9px; overflow:hidden}
.top_hot .item .name{ height:20px; width:66px; font-size:13px; font-weight:bold; color:#39599d; overflow:hidden}
.top_hot .item .good{ height:20px; width:66px; background:url(../images/good.gif) 0 3px no-repeat; font-family:Verdana; font-size:12px; font-weight:bold; color:#eb59a0; padding-left:30px; cursor:pointer; overflow:hidden}

/*位置*/
.location{}

/*page*/
.page{ background:url(../images/page_bg.gif) no-repeat; height:32px;}
.page ul{ display:block; width:175px; height:32px; margin:0 auto; text-align:center;}
.page li{ display:block; float:left}
.page .up, .page .down, .page .up a, .page .down a{ display:inline-block; background:url(../images/page.gif) no-repeat; width:87px; height:32px}
.page .up{ background-position:0 0}
.page .down{ background-position:-88px 0}
.page .up a{ background-position:0 -32px}
.page .down a{ background-position:-88px -32px}

.page2{ background:url(../images/page_bg2.gif) no-repeat; height:32px;}
.page2 ul{ display:block; width:175px; height:32px; margin:0 auto; text-align:center;}
.page2 li{ display:block; float:left}
.page2 .up, .page2 .down, .page2 .up a, .page2 .down a{ display:inline-block; background:url(../images/page2.gif) no-repeat; width:87px; height:32px}
.page2 .up{ background-position:0 0}
.page2 .down{ background-position:-88px 0}
.page2 .up a{ background-position:0 -32px}
.page2 .down a{ background-position:-88px -32px}

/*footer*/
#footer{}

/*popup*/
.pop_bg{background: url(../images/pop.gif); width:410px; height:412px; top:50px; left:300px;}
.pop{width:296px;position:absolute;top:284px;overflow:hidden;left: 56px;}