/* CSS Document */

body { margin:0; font-family:Verdana,"simsun","Microsoft Yahei"; text-align:center; background:url(../images/new_index_bg.gif) repeat-x; font-size:12px; }

*{outline: none;}

img { border:none;}
ul{ margin:0; padding:0; list-style:none;}
.clear{ clear:both; line-height:0; font-size:0;}

a{ color:#ffa500;}
form{ margin:0; padding:0;}

.bold{ font-weight:bold;}
.red { color:#ff0000;}
.blue{ color: #1E4785;}
.white { color:#fff;}
.gray{ color:#808080;}
.black{ color:#000;}
.green{ color:#669900;}
.qing{ color:#2175A7;}
.orange{ color:#ff6600;}
.yh{ font-family:"Î¢ÈíÑÅºÚ";}

.font11 { font-size:11px; font-weight:normal;}
.font12 { font-size:12px; font-weight:normal;}
.font14 { font-size:14px; font-weight: bold;}
.font16 { font-size:16px; font-weight: bold;}
.font20 { font-size:20px; font-weight: bold;}
.font24 { font-size:24px; font-weight: bold;}

.container{ margin:0 auto; width:1004px;}
.container .bg{position: absolute;top: 0;left: 0;width: 100%; min-width: 1004px; height: 148px;background: url(../images/top.png) center no-repeat;}

.top_frame{ width:1004px; height:148px;}
.bottom_frame{ width:1004px; height:120px;}

.top{ width:1004px;height:107px; display:block; position:relative;}
.logo{ float:left; width:258px; margin:0px; padding:17px 0 0 0; text-align:center; height:90px;}
.logo img{height: 70px;}

.new_enter{ position:absolute;top:0px;right:0px; margin:15px 0 0 0;}
.new_enter ul li{ float:left; display:inline; width:70px; height:70px; margin:0 20px 0 0;}
.new_enter ul li a{ width:70px; height:70px; display:block;}

.ne1 a{ background:url(../images/newicon_1.png) center 5px no-repeat;}
.ne2 a{ background:url(../images/newicon_2.png) center 5px no-repeat;}
.ne3 a{ background:url(../images/newicon_3.png) center 5px no-repeat;}
.ne4 a{ background:url(../images/newicon_4.png) center 5px no-repeat;}
.ne5 a{ background:url(../images/newicon_5.png) center 5px no-repeat;}
.ne6 a{ background:url(../images/newicon_6.png) center 5px no-repeat;}

.nav{ width:1000px; padding:0 0 0 4px;height:41px;position:relative;z-index:100; }
.nav ul li{width:140px; height:41px;color:#fff; line-height:41px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold; font-size:16px; float:left;position:relative; text-align:center;}
.nav ul li a{ width:140px; height:41px;color:#fff;display:block; text-decoration:none;}
.nav ul li a:hover{ color:#fff; background:url(../images/new_nav_hover.png) 11px 7px no-repeat;}
.selected a{color:#fff!important;  background:url(../images/new_nav_hover.png) 11px 7px no-repeat;!important}

.nav_zy {visibility:hidden;position:absolute;left:11px;top:40px;} 
.nav ul li:hover ul,.nav ul a:hover ul{visibility:visible;} 
.nav_zy li{ width:118px!important; height:34px!important; line-height:34px!important; }
.nav_zy li a{ width:118px!important; height:34px!important; font-size:15px!important; display:block; color:#fff!important; background:url(../images/nav_zy_bg.gif) 0 -34px no-repeat;}
.nav_zy li a:hover{color:#fff!important;background:url(../images/nav_zy_bg.gif) no-repeat!important;}

.nav_div{ height:30px!important; padding:5px 0 0 0; width:2px!important; background:url(../images/new_nav_div.png) no-repeat 0 9px;} 

.banner{height:330px;width: 1004px;text-align: left;margin-top: 20px;position: relative;}
.banner .game{width: 560px;height: 300px;}
.banner .title{position: absolute;top:14px;left: 580px;}
.banner a img{width: 204px;height: 94px;}
.banner :nth-child(3){position: absolute;top: 90px;right: 220px;}
.banner :nth-child(4){position: absolute;top: 90px;right: 0px;}
.banner :nth-child(5){position: absolute;top: 207px;right: 220px;}
.banner :nth-child(6){position: absolute;top: 207px;right: 0px;}

.index_text{font-family:"Î¢ÈíÑÅºÚ"; font-size:15px; color:#777; text-align:center; height:24px; line-height:24px; }

.index_con_top{ width:1004px; height:30px; background:url(../images/index_con_top.gif) repeat-x;}
.index_con{ width:990px; height:160px; padding-left:30px; background:url(../images/index_con_bg.gif) #fff no-repeat;}
.index_con ul li{ width:170px; float:left; display:inline; padding:0 10px; background:url(../images/index_con_div.gif) 185px 0 repeat-y; text-align:left; line-height:18px;}

.last_title{ background:none!important;}

.bottom{ margin:0 30px 10px;color:#666;padding:20px 0 10px; line-height:30px;}
.bottom a{ text-decoration:none; color:#666;}
.bottom a:hover{ text-decoration:underline; color:#ff6600;}
.vrb_link a{ color:#669900!important; text-decoration:underline!important;}
.vrb_link a:hover{ color:#ff6600!important;}

.content_body{ background:url(../images/new_index_bg.gif) #fff repeat-x;}

.content_banner{ width:356px; height:62px; background:url(../images/content_banner.jpg) no-repeat; text-align:left; padding:120px 0 0 648px;}
.content_left{ width:210px; display:inline; margin:0 0 0 19px; background:url(../images/con_div.png) no-repeat #fff;  min-height: 400px; float:left;}
.content_right{width:755px;  background:#fff; border-right:1px solid #fda301; min-height:400px; float:left;}

.content_left ul li{ width:180px; margin:0 15px; font-size:14px; height:34px; line-height:34px;}
.content_left ul li a{ color:#666; width:180px; height:34px; display:block; background:url(../images/con_left_line.gif) center bottom no-repeat; text-decoration:none;}
.content_left ul li a:hover{ color:#fff;line-height: 38px;background:url(../images/new_nav_hover.png) center bottom no-repeat;}

.selected2{ background:url(../images/new_nav_hover.png) center bottom no-repeat;}
.selected2 a{color:#fff!important;line-height: 38px;}

.content_right_title{ width:680px; height:34px; margin:0 37px; line-height:34px; padding:0 0 15px; text-align:left; background: url(../images/con_right_line.gif) 0 34px no-repeat; color:#f8a101; font-size:16px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå"; font-weight:bold;}

.content_text{ width:680px;margin:0 37px; font-size:14px; color:#666; padding:15px 0; line-height:24px;text-align:left;}

.content_top{ background:url(../images/con_top.gif) no-repeat 19px 0; width:966px; height:24px; padding:0 19px;}
.content_bot{ width:966px; height:114px; background:url(../images/con_bot.png) no-repeat; margin:0 19px;}
.content_bot2{ width:966px; height:114px; background:url(../images/con_bot2.gif) no-repeat; margin:0 19px;}

.honor_list ul li{ width:206px;margin:0 10px 10px; float:left;}
.honor_list ul li a{display: inline-block;text-align: center;text-decoration: none;color: #333;line-height: 30px;}
.honor_list ul li a img{width: 100%;}

.vip_list ul li{ width:156px;margin:0 7px 10px; float:left;position: relative;}
.vip_list ul li a{display: inline-block;text-align: center;text-decoration: none;color: #333;line-height: 30px;}
.vip_list ul li a img{width: 100%;}
.vip_list ul li a i{position: absolute;left: 0;top: 20px;font-style: inherit;width: 100%;font-size: 20px;}
.vip_list ul li a span{position: absolute;left: 0;top: 70px;font-style: inherit;width: 100%;font-size: 25px;font-family: "";}

.cstm-phone{height: 30px;width: 200px;border: 1px solid #f9a101;border-radius: 3px;padding-left: 10px;}
.cstm-btn{background: #f9a101;color: white;border: 0;width: 70px;height: 32px;border-radius: 3px;}

.action_list ul li{ width:680px; height:100px; margin:0 0 20px;}
.partner_list ul li{ width:150px; height:64px; border:1px solid #ccc; margin:0 9px 10px; float:left; display:inline;}

.down_main{ width:680px; height:201px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå"; line-height:24px; color:#fff; background:url(../images/download_bg.jpg) no-repeat; text-align:left;}
.down_bb{ padding:50px 10px 2px 520px; font-size:20px;  height:32px;}
.down_detail{padding:0 10px 4px 330px;font-size:14px; }
.down_btn{ padding:4px 0 0 122px;float:left; text-align:right;}
.down_look{ padding:24px 35px 5px 306px; width:20px; height:20px; float:left;}
.down_other{ width:680px; padding:15px 0 15px;text-align:left;}

.down_t{ padding:0 0 10px;}
.down_list { padding:0 0 20px 34px;}
.down_list a{ margin:0 20px 0 0; float:left;}

.down_line{ padding:0 0 10px;}

.down_z{ padding:0 0 0 10px; color:#ff6600;}
.down_ad{ padding:20px 0 0; font-size:12px; text-align:left;}
.down_ad a:hover{  text-decoration:underline!important; color:#ff6600!important;}

.down_tab{ border-bottom:1px dashed #A6A6A6; }
.down_tab td{ line-height:20px; padding:20px 0; font-size:12px; color:#669900;}

.down_tab2 td{ line-height:20px; padding:20px 0; font-size:12px; color:#669900;}

.down_fl{font-size:12px;border-bottom:1px dashed #A6A6A6; padding:5px 0 10px 0;}
.down_fl ul li{ width:124px; float:left; font-family:"ËÎÌå"; line-height:18px;}
.down_fl ul li a{ color:#666; text-decoration:none;}
.down_fl ul li a:hover{ color:#ff6600; text-decoration: underline;}

.index_partner{ width:851px; padding:0 20px 0 105px;  height:36px; background:url(../images/partner_bg.gif) no-repeat; margin:16px auto 0;}
.index_partner ul li{ line-height:36px; float:left; text-align:center; display:inline;}
.index_partner ul li a{ color:#666; font-size:12px;  text-decoration:none;display:inline-block;padding:0 9px 0 5px; height:36px; white-space:nowrap; }
.index_partner ul li a:hover{ background:url(../images/partner_hover.gif) repeat-x;}

#updatelog{ font-size:12px;}
.update_title{ color:#00ABEA; padding:5px 20px; border:1px solid #ddd; background:#fafafa; font-size:12px; font-family:Verdana,"ËÎÌå"; font-weight:bold;}


.mem_top{ height:16px; width:964px; background:url(../images/member_top_bg.gif) repeat-x #fff top; margin:15px auto 0;border-left:1px solid #fda301;border-right:1px solid #fda301;}
.mem_content{width:944px; font-size:12px; color:#666; line-height:24px;font-family:"ËÎÌå"; text-align:left; background:#fff; padding:10px; border-left:1px solid #ccc;border-right:1px solid #ccc; margin:0 auto;}

.mem_top_banner{ width:944px; height:77px; margin:0 0 8px 0;}

.mem_left{ width:225px; float:left; margin:0 6px 20px 0;}
.mem_content_banner{ width:482px; float:left; margin:0 6px 20px 0;}
.mem_right{ width:225px; float:left; margin:0 0 20px 0;}
.mem_left_top{ width:225px; height:14px; background:url(../images/member_left_top.gif) no-repeat;}

.mem_left_content{ background:#fff;font-size:14px; line-height:30px; padding:0 6px;color:#666; border-left:1px solid #ccc;border-right:1px solid #ccc; height:178px; text-align:left; font-family:"ËÎÌå";}
.mem_left_content a{ font-size:14px; text-decoration:none; color:#666;font-family:"ËÎÌå";}
.mem_left_content a:hover{ color:#ff6600;}

.mem_left_bot{ width:225px; height:10px; background:url(../images/member_left_bot.gif) no-repeat;}

.mem_right_top{height:29px; line-height:29px; background:url(../images/member_right_top.gif) no-repeat; width:205px; padding:0 10px;font-family:"Î¢ÈíÑÅºÚ"; text-align:left; color:#CD0000; font-size:14px;}
.mem_right_content{background:#fff;font-size:12px; line-height:30px; padding:10px 6px 0;color:#666; border-left:1px solid #ccc;border-right:1px solid #ccc; height:153px; text-align:left; font-family:"ËÎÌå";}

.mem_right_content ul{ padding:0 0 0 10px; }
.mem_right_content ul li{ line-height:16px; width:90px; padding:7px 0; margin:0 10px 0 0; float:left; height:16px; display:block;}
.mem_right_content ul li a{ text-decoration:none; color:#666;}
.mem_right_content ul li a:hover{ color:#ff6600;}
.mem_right_bot{ width:225px;height:10px;background:url(../images/member_left_bot.gif) no-repeat;}

.mem_frame1{ width:400px;  padding:20px 0 0 30px; float:left;}
.mem_frame2{ width:512px; padding:20px 0 0 0;  float:left; font-size:14px; line-height:27px;}

.mem_frame3{ width:400px; padding:20px 0 0 30px; float:left;}
.mem_frame4{ width:512px;  float:left;}

.mem_frame5{ width:400px; padding:20px 0 0 30px; float:left;}
.mem_frame6{ width:512px; float:left;}

.mem_frame7{ width:912px;  padding:20px 0 0 30px; }

.mem_title{ font-size:24px; color:#000; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold; line-height:30px;}
.mem_title2{ font-size:14px; color:#000; font-weight:bold; line-height:30px;}

#GBrightDiv{position:absolute;right:20px;top:200px;z-index:10000;}
#givebestDiv{border:0px;z-index:10000;width:100px;height:auto;}
.ser_top{ width:107px; height:51px; padding:36px 0 0 0;  background:url(../images/ser_top.gif) no-repeat;}
.ser_con{ width:107px; background:url(../images/ser_bg.gif) repeat-y; text-align:center; padding:10px 0 0;}
.ser_bot{ width:107px; height:24px; background:url(../images/ser_bot.gif) no-repeat;}
.ser_close{ width:19px; height:19px; padding:0 0 0 88px;}
.ser_close a{ width:19px; height:19px; display:block; background:url(../images/ser_close.gif) no-repeat;}
.ser_close a:hover{background:url(../images/ser_close.gif) 0 -19px no-repeat ;}

.down_for_business a{background-position:0 -59px; height:24px;line-height:24px; }
.down_for_android a{background-position:0 -116px;}
.index_down_text{ width:170px;height:57px; text-align:left; line-height:18px; color:#666; padding:3px 0px 0 20px; position:absolute; left:244px; top:-1px; background:url(../images/tips_baner.png) no-repeat 0 0; display:none }

.down_tab2 .downGreen{ background:url(../images/btns_down.png) no-repeat 0 0; width:210px; height:75px; display:block;}

.down_tab2 td.haveDev{background:url(../images/table_down.png) no-repeat 0 0; padding-left:20px;}

#rightXuanFu{background: url(../images/rightXuanFu.png) no-repeat;width: 140px;position: absolute;right: 30px;top: 355px; overflow:hidden;}
#rightXuanFu .wx{height: 166px;}
#rightXuanFu .qj{ margin-top:34px;}
#rightXuanFu .hy{ padding-top:30px; padding-bottom:18px;}
#rightXuanFu .hy a{ width: 103px;height: 24px; display: block; margin:0 auto}
#rightXuanFu .uibot img, #rightXuanFu .uibot a{width:100%;display: block;}

.beta{width:680px;position:relative;margin-top:25px;  border-bottom: 1px dashed #ccc;  padding-bottom: 25px;}
.beta_title{font-size:16px;color:#2174a6;background:url(../images/newbeta.jpg) no-repeat center right;  position: absolute;left:80px;top:0;  height: 30px;  line-height: 30px;}
.beta_title p{  padding-right: 40px;padding-top:0;padding-bottom:0;margin:0;  font-weight: 600;}
.betaMation{font-size:10px;color:#808080;position:absolute;margin:0;top:36px;left:80px;font-size: 12px;}
.updata_time{padding-left:10px;}
.betaDownload{font-size:20.87px;color:#fff;width:205px; height:57px;display:block;line-height:57px;background:url(../images/betaDownload.jpg) no-repeat;font-weight:600;text-decoration:none;  position: absolute;  top: 0;  left: 462px;}
.betaDownload:hover{color:#fff;}
.betaDownload P{margin:0;}

.expDownLoad {position:absolute;right:0;top:95px;}
.expDownLoad a{display:block;width:123px;height:121px;background-position:0 0;color:#ccf2ab;text-decoration:none;}
.expDownLoad a:hover{background-position:0 -184px;color:#ccf2ab;}
.expDownLoad .expDownLoadVer{margin:0;padding-top: 80px;line-height: 15px;text-align:center;}
.expDownLoad .expDownLoadVer span{display:block;}

.downLoadTip{line-height:1.8;text-indent:2px;margin:0;color:#323030;font-size:12px;}
.down_for_business a:hover{background-position:-252px -59px;}
.down_for_business a:active{background-position:-505px -59px;}

.foot_img { margin:30px auto; text-align:center}
.foot_img span{ display:inline-block; margin:0 20px; }

.nav_hot{
    width:18px;height:21px;background:url(../images/ico_hot.png);display:block;right:-10px;top:5px;position:absolute;
}

.gray-img{ position: fixed;right: 30px;top: 180px;}

.content_box{background: url(../images/rst.png);width: 968px;height: 419px;margin-top: 20px;text-align: right;}
.content_box form{background: white;display: inline-block;margin-right: 40px;margin-top: 70px;border: 1px solid #f9a101;border-radius: 8px;padding: 25px 40px 30px 0;}
.content_box form td{padding: 8px 5px;font-size: 14px;}
.content_box form input{height: 38px; width: 200px; border: 1px solid #ccc;border-radius: 3px;padding: 2px 10px;}
.content_box form button{width: 200px;height: 40px;border: 0;background: #f9a101;color: white;border-radius: 3px;}
