@charset "utf-8";
/* CSS Document */

/*header*/
.header{ width:100%; height:92px;opacity: .95; position: absolute;background: #fff;z-index: 1; }
.hd_wrapper{ width:1200px; margin:0 auto; }
.hd_logo{ float:left;}
.hd_logo a{ width:252px; height:79px; background: url(../images/header_logo.jpg) no-repeat; margin:8px 0 0 8px;text-indent: -10000pt;}
.hd_nav{ float:right; font-size:18px;}
.hd_nav ul li{ float:left; margin: 40px 0 0 32px;}
.hd_nav ul li a:hover{ color:#000;}
/*banner*/
.banner{ height:592px; position:relative; overflow-x:hidden;}
.banner_main{}
.banner_img{ height:592px; position:absolute; overflow:hidden;}
.banner_nav{ position: absolute;  text-align: center; left:0; right:0; top:560px;}
.banner_nav a{ width:14px; height:14px; background: #FFF; border-radius:50%;}
.banner_nav .yes{width:22px; height:14px; background: #FFF; border-radius:50px;}
/*login*/
.login{ width:280px; height:340px; background:rgba(255,255,255,0.8); position:absolute; left:50%; margin-left:320px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; font-family: simsun; top:92px;}
.login_forget{ font-size:13px; height:22px;line-height:22px;vertical-align: middle;}
#login_save{ position: relative;top: 2px;}

.login_mian{ margin:10px 14px;}
.login_mian dl{ width:252px; background:url(../images/login_btn.png) left -47px; margin:34px 0 14px 0; }
.login_mian dl dd{ line-height:50px; margin-left:42px; height:47px;}
.login_mian dl dd label{ position:absolute;}
.index_input{width:164px;border:1px rgba(255, 255, 255, 0) solid; margin-left:36px;outline: none; background: 0 0; margin-top:15px; }
.login_btn{width:252px; height:47px; background: url(../images/login_btn.png) no-repeat; border:1px solid #ff5c00;border-radius:5px; font-size:20px; color:#FFF; margin-top:24px; cursor:pointer;}


.login_forget .forget{ float:right;}
.login_forget .forget:hover{ color: #F30;text-decoration: underline; }
.reg_box{ margin-top:24px;}
.reg_box .qq_btn{}
.reg_box .qq_btn i{ width:21px; height:20px; background:url(../images/web-icon.png) left -126px; float:left; display:block; margin: 2px 4px 0 0;}
.reg_box .sina_btn{ margin-left:8px;}
.reg_box .sina_btn i{ width:21px; height:20px; background:url(../images/web-icon.png) left -146px; float:left; display:block;margin: 2px 4px 0 0;}
.reg_box .l_reg_now { float:right; width:76px; height:22px; background:#45A7D5; border-radius:5px; text-align:center; color:#FFF; font-size:13px;}
.reg_box .l_reg_now i{ float:right; margin:6px 4px 0 0;display:block;
                    border-top:6px solid transparent;
                    border-bottom: 6px solid transparent;
                    border-left: 6px solid #FFF;}
/*loged*/
.loged{width:280px; background:rgba(255,255,255,0.9); position:absolute; left:50%; margin-left:320px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; font-family: simsun; top:92px;}
.loged_mian{margin:0px 16px;}
.loged_head{ position:relative;margin: 12px 82px 0 82px;} 
.loged_head a{}  
.loged_head .head{}
.loged_head .head img{ width:82px; height:82px;}
.loged_head .name{ font-size:16px; color:#F60; font-weight:bold;margin: 6px 0 0 6px; width:280px; text-align:center; position:relative; right:102px;}
.loged_head .name:hover{text-decoration: underline;}
.loged_plate{ margin-top:12px; border-bottom:1px dashed #999;}
.loged_plate ul{ width:260px; height:26px; font-size:12px;}
.loged_plate ul li{ float:left; margin-right:10px; }
.loged_plate ul .red a{ color:#F00;}
.loged_plate ul .red a:hover{ color: #C03;}
.loged_plate ul .green a{ color:#65a500;}
.loged_plate ul .green a:hover{ color:#00c412;}
.loged_annals{ margin-top:16px;overflow: hidden; margin-bottom:16px;}
.loged_annals h4{ font-weight:bold;}
.loged_annals ul{line-height:28px; height:140px; font-size:14px;}
.loged_annals ul li{ width:248px; height:28px; background:#c3c3c3; margin-top:6px; border-radius:3px;}
.loged_annals ul li a{ float:left; margin-left:13px; }
.loged_annals ul li span{ float:right; margin-right:13px;cursor:pointer;}

.content{ width:1200px; margin:0 auto; overflow:hidden;}
.left{ width:890px; float:left; overflow:hidden;}
/*推荐软件*/
.recommend_game{ width:890px;}
.recommend_game_nav{ height:26px; margin-top:18px;}
.recommend_game_nav h2 i{ width:20px; height:20px; background:url(../images/web-icon.png) left -170px; display:block; float:left;margin: 3px 4px 0 0;}
.recommend_game_list{ overflow:hidden;margin-top:8px;}
.recommend_game_list ul li{ width:283px; height:280px; float:left; margin-bottom:10px;}
.recommend_game_list ul .r{ margin-left:20px;}

.recommend_game_list ul li img{ position:absolute;}
.corner_1{ width:54px; height:52px; background:url(../images/web-icon.png) -14px 0px; position:absolute;z-index:99;}
.corner_2{ width:54px; height:52px; background:url(../images/web-icon.png) -14px -52px; position:absolute;z-index:99;}
.recommend_mask{position: absolute;width: 283px;height:280px;background-color: #000;opacity: 0.7;filter: alpha(opacity=70);z-index: 1;}
.mask_mian{ position:relative; z-index:1000;}
.mask_mian h4{ width:150px; height:110px;margin: 10px 0 0 68px;}
.mask_mian p{ color:#FFF; margin: 0px 14px;}
.mask_mian a{ width:115px; height:38px; border-radius:5px; line-height:38px; text-align: center; float:left; color:#000; margin-top:8px;}
.mask_btn1{ background:#09C;}
.mask_btn2{ background:#ff5c00; margin-left:20px;}
.mask_btn1:hover{ background: #39F; color:#FFF;}
.mask_btn2:hover{ background: #ff1e00; color:#FFF;}
/*热门软件*/
.hot_game{ width:890px;}
.hot_game_nav{ height:26px; margin-top:14px;}
.hot_game_nav h2 i{ width:21px; height:21px; background:url(../images/web-icon.png) left -190px; display:block; float:left;margin: 2px 0px 0 0;}
.hot_game .hot_game_nav a{ float:right;}
.hot_game_list{ overflow:hidden;margin-top:8px;}
.hot_game_list ul li{ width:286px; height:124px; float:left; margin-bottom:16px;}
.hot_game_list ul .r{ margin-left:16px;}

.hot_game_list ul li img{ position:absolute;}
.hot_mask{position: relative;width:286px;height:44px; background-color: #000;opacity: 0.7;filter: alpha(opacity=70);z-index: 1; top:80px;}
.hot_mian{position:relative; z-index:1000; top:38px;}
.hot_mian a{ color:#FFF;margin: 6px 0 6px 34px;}
.hot_mian a:hover{text-decoration: underline;}
.hot_btn1{ width:85px; height:30px; background:#ff5c00; border-radius:5px; line-height:30px; text-align:center;}
.hot_btn1:hover{background: #ff1e00;}
/*更多软件*/
.more_game{}
.more_game_nav{ height:26px; margin-top:14px;}
.more_game_nav h2 i{ width:21px; height:18px; background:url(../images/web-icon.png) left -211px; display:block; float:left; margin: 3px 4px 0 0;}
.more_game .more_game_nav a{ float:right; margin-left:14px;}
.more_game_list{ overflow:hidden;margin-top:8px; border:1px solid #E7E7E7;}
.more_game_mian{padding: 0 0 0 30px; overflow:hidden;}
.more_game_mian ul{ padding-top:10px;}
.more_game_mian ul li{ float:left; margin:12px 16px;}
.more_game_list ul li img{ width:72px; height:72px;}
.more_game_list ul 	li p{ font-size:14px; text-align:center;}
.more_game_mian ul li p span{ font-size:12px; color:#bababa;}
.more_ctn_yes{ font-weight:bold;}
.right{ width:279px; float:right; overflow:hidden;}
/*软件礼包*/
.Package_nav{ margin-top:18px; overflow:hidden;}
.Package h2 i{ width:23px; height:19px; background:url(../images/web-icon.png) left -229px; display:block; float:left;margin: 2px 4px 0 0;}
.Package_list{ margin-top:12px;}
.Package_list ul{ border:1px solid #e5e5e5;}
.Package_list ul li{ width:277px; height:78px; border-bottom:1px solid #e5e5e5; }
.Package_list ul li img{ width:60px; height:60px; float:left; position:relative; top:10px; left:10px;}
.Package_list ul li p{ font-size:18px; font-weight:bold; position:relative; top:14px; float:left; position:relative; top:18px; left:22px;}
.Package_list ul li p span{font-size:14px; color:#21bbdf;}
.Package_list ul li a{ width:72px; height:30px; background:#21bbdf; border-radius:4px; font-size:16px; color:#FFF; text-align:center; line-height:30px;
 position:relative; top:26px; left:50px;}
.Package_list ul li a:hover{ background: #008ee0;}
/*开服列表*/
.service{ margin-top:26px;}
.service_nav{ height:40px; background:#e5e5e5; line-height:40px;}
.service h2 i{ width:25px; height:25px; display:block; background:url(../images/web-icon.png) left -248px; float:left;margin: 9px 8px 0 11px;}
.service_nav h2 span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF;margin-left: 6px;}

.service_list{ margin-top:6px; border:1px solid #e5e5e5;}
.service_list_nav ul{ height:48px;}
.service_list_nav ul li{ width:138px; float:left; font-size:16px; text-align:center; line-height:48px;}
.service_list_nav ul .selected{ border-bottom:2px solid #21bbdf;}

.service_list_content ul li{ height:42px; line-height:42px;}
.service_list_content ul li a{ width:279px;}
.service_list_content ul li a span{ margin-left:12px;}
.service_list_content ul li a span img{position: relative;top: 2px; margin-right:4px;}
.service_list_content ul li a:hover{ color:#F00; background: #f2f2f2;}
.service .service_list p{ height:40px;}

/*友情链接*/
.link{ float:left; margin-top:30px;}
.link_nav{}
.link_nav p{ font-size:16px; font-weight:bold;}
.link_nav p i{ width:9px; height:17px; display:block; background:url(../images/web-icon.png) left -273px; float:left; margin-right:4px; margin-top:2px;}
.link_mian{ width:1198px; border:1px solid #CCC; margin-top:10px; line-height:38px; overflow:hidden;}
.link_mian ul{ margin:0px 14px;}
.link_mian ul li{ float:left; width:106px; text-align:center;}
.link_mian ul li a:hover{text-decoration:underline;}

/*商务合作*/
.color{ height:96px; background: #35a5db;}
.color_mian{ width:1200px; margin:0 auto;}
.color_logo{ width:246px; height:96px; background:url(../images/business_logo.png) no-repeat;}
.business{ height:328px; background:url(../images/business_bg.jpg) no-repeat center; border-bottom:2px solid #35a5db;}
.business h1{ font-size:58px; color:#35a5db; text-align:center; position:relative; top:102px;}
.business h3{font-size:22px; color:#35a5db; text-align:center; position:relative; top:142px;}
.business p{ font-size:14px; line-height:30px;color:#35a5db; text-align:center; position:relative; top:170px;}
.contact{ margin:82px 120px 400px 120px; overflow:hidden; }
.contact_L{ float:left;}
.contact_R{ float:right;}
.contact_L p,.contact_R p{ font-size:14px; line-height:26px;}
.contact_L p i,.contact_R p i{ margin:2px 8px 0 0;}
.contact_L p span,.contact_R p span{ font-size:18px;}
.i_4{ width:18px; height:20px; float:left; background:url(../images/web-icon.png) no-repeat right 0px;}
.i_5{ width:18px; height:20px; float:left; background:url(../images/web-icon.png) no-repeat right -20px;}
.i_6{ width:18px; height:20px; float:left; background:url(../images/web-icon.png) no-repeat right -37px;}
.i_7{ width:18px; height:20px; float:left; background:url(../images/web-icon.png) no-repeat right -58px;}

/*未成年家长监护工程*/
.wards{ height:80px; border-bottom:5px solid #e5e5e5;}
.wards_hd{ width:1000px; margin:0 auto;}
.wards_logo{ width:208px; height:62px; background:url(../images/wards_logo.png) no-repeat; float:left; position:relative; top:10px;}
.wards_hd p a{ float:right; position:relative; right:10px; top:42px;color: #666;}
.wards_hd p a:hover{ text-decoration:underline;}
.content_wards{ width:1000px; margin:0 auto;}
.wards_banner{ width:1000px; height:248px; margin:0 auto; background:url(../images/wards_banner.jpg) no-repeat;}
.wards_mian_nav{ height:50px; background:#0e6ea2;}
.wards_mian_nav ul{ margin-left:30px;}
.wards_mian_nav ul li{ width:160px; line-height:50px; float:left; font-size:20px; text-align:center; color:#FFF;}
.wards_mian_nav ul .yes{ width:160px; height:44px; background:#FFF; color:#0e6ea2;margin: 6px 0px 0px 10px; border-top-left-radius:5px;border-top-right-radius:5px;}
.wards_faq p a{ color:#ff6b26;; text-decoration: underline;}
.wards_project,.wards_apply,.wards_faq,.wards_download{ line-height:24px; margin-bottom:70px;}
.wards_apply h3,.wards_project h3,.wards_faq h3,.wards_download h3{ height:40px; background:#e5e5e5; font-size:18px; line-height:40px; margin-top:24px; padding-left:14px;}
.wards_apply h4{ font-size:18px;}
.wards_project p span,.wards_apply p span,.wards_faq p span,.wards_download p span{ font-weight:bold; color:#21bbdf;}
.wards_download a{ width:171px; height:32px; background:url(../images/wards_download.png) no-repeat;margin: 28px 0px 140px 404px;}
/*用户注册协议*/
.agreement{ width:1000px; margin:0 auto;}
.agreement-bt{ overflow: auto; margin-bottom:4px;  background:#FFF;}
.agreement-bt h1{ font-size:24px; text-align:center; font-weight:bold; line-height:80px; border-bottom:1px solid #e5e5e5;}
.agreement-main{ height:700px; margin:20px 0; overflow:auto; padding:12px; }
.agreement-main h4{ font-size:14px; font-weight:bold;}
.agreement-main p{ font-size:12px; line-height:26px;text-indent:2em;}
.agreement .return{width:30px; font-size:16px;  background:#1acbe9; position:absolute; margin:50px 0 0 1000px; text-align:center;border-radius:0 5px 5px 0; border:1px solid #1ac3c9; line-height:16px; padding:8px 0;}
/*关于我们*/
.content_company{ width:1000px; margin:0 auto; background:#FFF;}
.company{ margin-bottom:160px; padding:20px 20px 200px 20px;}
.company h3{ height:80px; font-size:24px; font-weight:bold; text-align:center; line-height:80px; border-bottom:1px solid #e5e5e5;}
.company p{line-height:26px; text-indent:2em;}
.company p span{ color:#21bbdf;}
/*用户中心*/
.Gradient{ height:36px; background:url(../images/userTitbg.png);}
.user_LR{ height:294px;margin:30px 0 140px 0; border:1px solid #e5e5e5; background: #FFF;}
.user_left{ width:314px; float:left;}
.personal{ height:110px; border-bottom:1px solid #CCC;border-right:1px solid #CCC;}
.personal_img{ float:left; margin:14px;}
.personal_xx{ position:relative; top:10px; line-height:30px;}
.personal_xx a span{ color:#F60; font-weight:bold;}
.personal_xx p{ float:left; margin-right:22px; color:#e5e5e5;}
.personal_xx p a{ color:#21bbdf;}
.personal_xx p a:hover{ text-decoration:underline;}
.personal_xx .retreat{ padding-left:130px;color:#CCC;}
.personal_xx .retreat:hover{ text-decoration:underline; color:#999;}
.user_nav{ background:#8bdaf0;}
.user_nav ul li{ width:314px; height:45px; text-align:center; line-height:45px;border-bottom:1px solid #56b1cb;}
.user_nav ul li a{ width:314px;}
.user_nav ul .yes{ background:url(../images/left_nav_img.png) no-repeat #FFF;}

.user_right{ width:684px; float:right;}
.information_R,.password_R,.protect_R,.mailbox_R{ margin:24px 110px;}
.information_R ul #form,.password_R ul #form,.protect_R ul #form,.mailbox_R ul #form{ line-height:40px;}
.information_R ul #form .complete,.password_R ul #form .complete,.protect_R ul #form .complete,.mailbox_R ul #form .complete{ width:100px; height:40px; background:#F90; text-align:center; line-height:40px; margin-top:26px; border-radius:5px;}
.complete a{ width:100px;}
/*toolbar*/
.toolbar{position:fixed;right:0px;bottom:50px;}/*导航条在右侧悬浮*/
.toolbar-item{background:url(../images/toolbar.png) no-repeat;display:block;width:48px;height:48px;margin-top:5px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item-qq{background-position:0 0px;}
.toolbar-item-qq:hover{background-position:0 -48px;}
.toolbar-item-top{background-position:0 -96px;}
.toolbar-item-top:hover{background-position:0 -146px;}