/* CSS Document */

body { margin:0; font-family:Verdana,"ËÎÌå"; background:url(body_bg.gif) repeat-x #8ECEEB; font-size:12px; color:#4D4D4D;}
/*body { margin:0; font-family:Verdana,"ËÎÌå"; background:url(body_bg_x.gif) repeat-x #7EB5EF; font-size:12px; color:#4D4D4D;}*/

.con { margin:0 auto; text-align:center;}
img { border:none;}
*{margin:0; padding:0; list-style:none;}
.clear{ clear:both; line-height:0; font-size:0;}
.img_middle { vertical-align:middle;}
.img_padding { margin:2px 0 2px;}
a{ color:#0099CC;}
a:hover{ color:#ff5500;}
form{ margin:0; padding:0;}
h1 { font-size:13px; margin:0; display:inline;}
.areaheight { height:14px;}
.bold{ font-weight:bold;}
.red { color:#ff0000;}
.blue{ color: #0099CC;}
.white { color:#fff;}
.acenter { text-align:center!important; margin:auto;}
.gray{ color:#808080;}


.font11 { font-size:11px; font-weight:normal;}
.font14 { font-size:14px; font-weight: bold;}
.font16 { font-size:16px; font-weight: bold;}
.font24 { font-size:24px; font-weight: bold;}


.top{ width:1004px; height:350px; background:url(banner.jpg) no-repeat; margin:auto;}
.language{ height:30px; padding:20px 6px 0; text-align:right; line-height:30px;color:#fff;}
.language a{ color:#fff; text-decoration:none;}
.download { height:48px; padding:212px 14px 0 0; text-align:right;}
.download a img{ margin:0 0 0 18px; width:212px; height:48px;}

.download_x { height:51px; padding:0 14px 0 0; text-align:right;}
.download_x a img{ margin:0 0 0 18px;}
.banner_ad{ width:1004px; height:209px; text-align:left;}
.banner_link{ width:580px; height:50px; padding:110px 0 0 50px;}
.banner_link a{width:580px; height:50px; display:block;}

.nav { width:1004px; height:31px; margin:0 auto; padding:9px 0 0 0; text-align:center;}
.nav ul li { display:inline; margin:0; padding:0;}

.main_top { width:1004px; height:11px; margin:0 auto;}
.main { width:977px; background:url(main_bg.gif); margin:0 auto; padding:0 13px 0 14px;}


.feature{ width:323px; height:231px; float:left; background:url(index_feature_bg.gif) no-repeat;}
.video{ width:306px; height:231px; float:left; text-align:left; background:url(video_bg.gif) no-repeat; padding:3px 3px 3px 0;}
.intro{ width:321px; height:211px; float:left; background:url(index_intro_bg.gif) no-repeat; padding:11px 11px 11px 12px;}
.reviews{ width:309px; height:186px; background:url(index_message_bg_x.gif) no-repeat; float:left;text-align:left; padding:9px 5px 11px 9px; }
.message{ width:260px; height:86px; float:left; text-align:left; background:url(index_share_bg.jpg) no-repeat; padding:110px 20px 10px 20px; line-height:30px; font-size:12px; font-weight:bold;}
.vote{ width:313px; height:179px; float:left; text-align:left; background:url(index_vote_bg_x.gif) no-repeat; padding:15px 20px 12px 20px; line-height:15px; font-size:10px; color:#666;}
.vote p{ margin: 10px 0;}

.feature_title { width:323px; height:40px;text-align:left; line-height:40px; color:#eee; font-size:14px; font-weight:bold;}

.icon_f { background:url(icon_feature.gif) no-repeat 10px 13px; padding:0 0 0 32px;}
.icon_i { background:url(icon_intro.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_m { background:url(icon_message.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_l { background:url(icon_letter.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_r { background:url(icon_message.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_d { background:url(icon_down.gif) no-repeat 16px 14px; padding:0 0 0 40px; float:left;}
.icon_l2 { background:url(icon_letter.gif) no-repeat 14px 10px; padding:0 0 0 38px; float:left;}
.icon_c { background:url(icon_contact.gif) no-repeat 14px 10px; padding:0 0 0 38px; float:left;}
.icon_ls { background:url(icon_live.gif) no-repeat 14px 10px; padding:0 0 0 38px; float:left;}
.icon_u { background:url(icon_use.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_n { background:url(icon_news.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}
.icon_de { background:url(icon_detail.gif) no-repeat 8px 7px; padding:0 0 0 30px; float:left;}


.feature_con{ text-align:left; line-height:16px; padding:10px 10px 0 15px; width:298px; height:176px;font-size:11px; height:160px;}


.intro_top{ width:320px; height:28px; line-height:28px; background:url(index_intro_top.gif) no-repeat; text-align:left; color:#eee; font-size:14px; font-weight:bold;}

.more { float:right; padding:5px 5px 0 0;}

.intro_con { text-align:left; height:170px; font-weight:bold; overflow:hidden; padding:12px 8px 6px; line-height:22px; font-size:13px; }
.intro_con2 { text-align:left;height:64px;  padding:6px 8px; line-height:20px; font-size:11px;}
.powerby { font-size:10px; color:#8e8e8e;}

.feature_text { line-height:16px; padding:1px 0}
.reviews_top { background:url(index_message_top.gif) no-repeat; width:309px; height:28px;line-height:28px;text-align:left; color:#eee; font-size:14px; font-weight:bold; }


.reviews_con { text-align:left; padding:6px 8px; line-height:24px; font-size:14px; height:90px; width:293px;}
.user_name { float:right; color:#999999; padding:0 5px;}
.reviews_more { float:right; padding:10px 5px;}


.message_con{ height:75px; padding:120px 20px 0;}

.votearea { width:100px;}


.bot { padding:8px 10px 12px; line-height:20px; font-size:11px; color:#808080;}
.bot_text{ float:left; padding:0 10px 0 0; text-align:left;}
.bot_text2{ float:center; padding:0 10px 0 0;}
.bot_img{ float:right;}









.top2{ width:1004px; height:40px; background:url(banner2.jpg) no-repeat; margin:auto; padding:146px 0 0 0;}
.nav2 { width:1004px; height:31px; margin:0 auto; padding:9px 0 0 0; text-align:center;}
.nav2 ul li { display:inline; margin:0; padding:0;}


.main2 { width:983px; background:url(main_bg.gif); margin:0 auto; padding:0 10px 0 11px;}
.left_pan{ width:257px; float:left; margin:0 3px 0 0; background:url(left_bg.gif) repeat-y;}
.right_pan{ width:722px; float:left; background:url(right_bg.gif) repeat-y;}


.download_top { width:257px; height:42px; background:url(left_top.gif) no-repeat; color:#eee; font-size:14px; font-weight:bold; text-align:left; line-height:42px;}
.download_btn { width:231px; padding:10px; border-bottom:1px solid #DBDBDB; text-align:center; margin:0 3px;}
.download_btn a img { margin:5px 0;}
.left_title { width:251px; height:40px;border-top:1px solid #fff; text-align:left;margin:0 3px; background:url(left_title.gif) no-repeat 7px 5px; color:#eee; font-size:14px; font-weight:bold; line-height:36px;}

.left_letter { padding:10px 16px; text-align:left; line-height:27px; margin:0 3px; border-bottom:1px solid #DBDBDB; }
.left_contact { padding:10px 16px 8px; text-align:left; line-height:20px; margin:0 3px;}
.left_live { padding:0 16px 15px; text-align:left; line-height:27px; margin:0 3px; border-bottom:1px solid #DBDBDB; }
.left_friend { padding:15px 16px 10px; text-align:left; line-height:27px; margin:0 3px;}


.right_title { width:702px; height:28px; line-height:28px; text-align:left; font-size:14px; font-weight:bold; color:#eee; background:url(right_title.gif) no-repeat; margin:0 10px;}
.right_text { width:682px;line-height:20px; text-align:left;margin:0 10px; padding:12px 10px;}
.right_text p{ margin:15px 0;}
.r_img { float:left;}
.r_text { float:left;}




<!-------------x-mas----------------->

.x_mas{background:url(body_bg_x.gif)!important repeat-x #90BDF1!important;}
.top_x{ width:1004px; height:350px; background:url(banner_x.jpg) no-repeat; margin:auto;}


.tips_list { width:670px; height:134px; padding:14px 0 0 0; border-bottom:1px dashed #ccc;}
.tips_img { width:160px; height:120px; margin:0 10px 0 0; float:left;}
.tips_img img{ width:160px; height:120px; }
.tips_text { width:500px; height:120px; overflow:hidden; float:left; text-align:left;}
.tips_text h4{ font-size:14px; margin:0 0 8px 0;line-height:14px}


<!-------------ad----------------->

#zzjs_net_1,#zzjs_net_2{
 width:160px;
 height:600px;
 background-color:#000;
 color:#fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;

}