@charset "utf-8";
/*============= 2013-06-17 ==========*/
/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
.clear{clear:both;}
#tishi{width:100%;height:30px;line-height:30px;font-size:16px;text-align:center;background:#0ff;display:none;}
#tishi span{float:right;margin-right:10px;padding:0 10px;background:#fff;cursor:pointer;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px;overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
a,area {blr:expression(this.onFocus=this.blur())}
#loadDiv{position:absolute;top:0;left:0;width:100%;height:100%;background:#efefef;opacity:0.3;filter:alpha(opacity=30);display:none;}
#loading{position:absolute;top:70px;left:372px;display:none;}
/* for Firefox */ 
:focus {outline: none;}
/*============ main ==============*/
body{background:#eaeff5;font:12px/22px \5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial,Sans-serif;}
a{text-decoration:none}
.btn{background:url(../images/btn.jpg) no-repeat left 0;display:inline-block;height:24px;padding-left:6px;cursor:pointer;}
.btn span{background:url(../images/btn.jpg) no-repeat right 0;display:inline-block;height:22px;line-height:22px;padding:0 6px 2px 0;color:#454545}
.btn:hover{background-position:left -25px;}
.btn:hover span{background-position:right -25px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.btn_over{cursor:default;}
.btn_over span{color:#999}
.btn_over:hover{background-position:left 0;}
.btn_over:hover span{background-position:right 0;text-shadow:none;}
/*==== 1st_box ===*/
.box_1st{width:778px;overflow:hidden;margin:0 auto;background:#eaeff5;position:relative;padding-top:5px;border-left:1px solid #fff;border-right:1px solid #fff;}
.box_1st .box_con{width:778px;position:relative;}

.select_game{float:left;width:530px;}
.sg_title{border-bottom:2px solid #bdd1ea;background:#fff;height:34px;padding:10px 10px 0 0;}
.sg_title h2{float:left;padding:0 14px;color:#94bf0f;font-size:16px;border-bottom:2px solid #bdd1ea;line-height:32px;}
.sg_title a{float:right;color:#14a4f6;text-decoration:none;font-size:12px;line-height:34px;}

.sg_list{width:530px;padding-bottom:12px;background:#fff;overflow:hidden;margin-bottom:6px;}
.sg_list li{padding:12px 2px 0 12px;width:245px;float:left;}
.sg_list li a{color:#4f4f4f;}
.sg_list li .sg_list_c{width:235px;border:5px solid #ecf1f7;height:155px;}
.sg_list_c .sg_name{border-bottom:1px dashed #b4b4b4;height:48px;overflow:hidden;width:215px;padding:10px;}
.sg_list_c .sg_info{color:#4f4f4f;padding:8px;line-height:20px;font-size:12px;overflow:hidden;height:60px;position:relative;}
.sg_list_c .sg_info .info_all{position:absolute;color:#14a4f6;font-size:12px;right:8px;background:#fff;padding-left:4px;text-decoration:underline;bottom:0px;}
.sg_list_c .sg_name .game_pic{float:left;width:48px;height:48px;display:block;margin-right:10px;overflow:hidden;}
.sg_list_c .sg_name .game_pic img{width:48px;height:48px;}
.sg_name .game_name{float:left;height:48px;overflow:hidden;}
.sg_name .game_name .gm_t{color:#4f4f4f;display:block;padding-bottom:2px;font-weight:bold;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:22px;line-height:22px;}
.sg_name .game_name .gm_t:hover{color:#f60;}
.sg_name .game_type{text-align:right;font-size:14px;line-height:24px;overflow:hidden;color:#4f4f4f;float:right;}
.sg_name .game_type a{color:#4f4f4f;}
.sg_name .game_type a:hover{color:#f60;}
.sg_list .li_hover .sg_list_c{border-color:#d5e5f8}
.sg_list .li_hover{cursor:pointer;}

.ph_soft dt{border-bottom:1px dashed #b4b4b4;height:24px;color:#4f4f4f;line-height:24px;padding:4px 10px;font-size:14px;}
.ph_soft dt a{color:#14a4f6;font-size:12px;float:right;}
.ph_soft dd{width:78px;float:left;padding-top:10px;text-align:center;height:105px;}
.ph_soft dd .soft_pic{width:78px;text-align:center;display:block;height:48px;padding-bottom:4px;}
.ph_soft dd .soft_pic img{width:48px;height:48px;}
.ph_soft dd .soft_name{display:block;height:22px;line-height:22px;padding-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:78px;text-align:center;color:#4f4f4f;}

.box_con .rank{float:right;width:230px;padding-bottom:10px;_display:inline;}
.rank .rank_title{position:relative;background:#fff;border-bottom:2px solid #bdd1ea;padding:10px 0 0 10px;font-size:16px;font-weight:bold;color:#94bf0f;line-height:34px;height:34px;}
.rank_title .em_hot{background:url(../images/hot.gif) no-repeat 0 0;display:block;position:absolute;height:43px;width:23px;overflow:hidden;text-indent:-999em;right:20px;top:0;}

.rank_list{width:230px;overflow:hidden;padding-top:4px;margin-bottom:6px;background:#fff;}
.rank_list li{padding:1px;height:44px;width:228px;overflow:hidden;vertical-align:middle}
.rank_list li .rank_c{background:#fff;padding:6px 1px;width:226px;height:32px;overflow:hidden;}
.rank_list li .rank_c dt{width:34px;float:left;height:16px;padding:8px 2px;text-align:center;}
.rank_list li .rank_c dt em{display:block;background:url(../images/rank.gif) no-repeat 0 -16px;text-align:center;line-height:16px;font-size:12px;width:16px;height:16px;margin:0 auto;color:#fff;}
.rank_list li .rank_c dd{float:left;}
.rank_list li .rank_c .rank_pic{width:32px;height:32px;}
.rank_list li .rank_c .rank_pic img{width:32px;height:32px;}
.rank_list li .rank_c .rank_name{line-height:32px;width:84px;padding-left:10px;height:32px;}
.rank_list li .rank_c .rank_name a{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;width:84px;height:32px;font-size:12px;color:#4f4f4f;}
.rank_list li .rank_c .rank_btn{width:50px;padding:4px 10px 0 0;height:24px;overflow:hidden;float:right;text-align:right}
.rank_list .rank_top .rank_c dt em{background-position:0 0}
.rank_list .li_hover{padding:0;border:1px solid #bee0ff;}
.rank_list .li_hover .rank_c{background:#d7f2fe;border:1px solid #fff;padding:5px 0;}
.rank_list .li_hover .rank_c .btn{background-position:left -50px;}
.rank_list .li_hover .rank_c .btn span{background-position:right -50px;}
.rank_list .li_hover .rank_c .btn:hover{background-position:left -74px;}
.rank_list .li_hover .rank_c .btn:hover span{background-position:right -74px;}
.rank_list .li_hover .rank_c .btn_over{cursor:default;}
.rank_list .li_hover .rank_c .btn_over span{color:#999}
.rank_list .li_hover .rank_c .btn_over:hover{background-position:left -50px;}
.rank_list .li_hover .rank_c .btn_over:hover span{background-position:right -50px;text-shadow:none;}

/*task*/
.bg_mark{background:#000;opacity:0.7;position:absolute;z-index:998;left:0;top:0;width:100%;height:100%;filter: Alpha(opacity=70);-moz-opacity:.7;}
.task{width:690px;height:440px;position:absolute;z-index:999;background:#fff;border:1px solid #aaa;border-radius:2px;left:50px;top:5px;}
.pg_title{padding-left:15px;height:30px;background:#3ba0e7;position:relative;color:#fff;line-height:30px;font-size:16px;}
.pg_title .close{background:url(../images/close.jpg) no-repeat 0 0;position:absolute;right:0;top:0;text-indent:-999em;width:40px;display:block;height:30px;}
.task_t{background:#c5e3f8;height:29px;overflow:hidden;}
.task_t li{float:left;background:url(../images/task_t.jpg) no-repeat left center;padding-left:2px;margin-left:-2px;text-align:center;line-height:29px;color:#000}
.task .w_200{width:200px;}
.task .w_90{width:90px;}
.task .w_250{width:250px;}
.task .w_142{width:142px;}

.task_con{height:340px;border-bottom:1px solid #d1d1d1;overflow-y:scroll}
.task_con .task_list{padding:5px 0;width:670px;}
.task_list li{float:left;height:50px;}
.task_list .w_200{width:160px;padding-left:40px;}
.task_list .task_pic{width:48px;height:48px;padding:1px;overflow:hidden;display:block;float:left;}
.task_list .task_pic img{width:48px;height:48px;}
.task_list .task_name{padding:13px 0 13px 15px;float:left;font-weight:bold;height:22px;line-height:22px;display:block;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.task_list .w_90{line-height:50px;text-align:center;}
.task_list .w_250{padding-top:10px;}
.task_list .down_bar{background:url(../images/tiao.jpg) no-repeat 0 0;width:154px;height:11px;margin:0 auto;}
.task_list .down_bar span{display:block;float:left;height:11px;background:url(../images/tiao.jpg) no-repeat 0 -11px;}
.task_list .task_txt{height:22px;text-align:center;line-height:22px;padding-top:5px;}

/*box_list*/
.box_list{background:#fff;width:766px;}
.box_list .classify{padding:10px;width:745px;}
.classify .dl_classify{width:745px;overflow:hidden}
.classify .dl_classify dt{float:left;width:75px;height:25px;font-weight:bold;color:#4f4f4f;font-size:14px;line-height:25px;padding-top:4px;}
.classify .dl_classify dd{float:left;width:670px;overflow:hidden;}
.classify .dl_classify dd ul{width:670px;overflow:hidden;}
.classify .dl_classify dd ul li{float:left;padding:4px 8px 0 0;height:25px;}
.classify .dl_classify dd a{display:block;float:left;padding:2px 6px;height:21px;line-height:21px;font-size:14px;color:#4f4f4f;word-break:keep-all;}
.classify .dl_classify dd .current a{background:#2f98d9;color:#fff;}
.classify .dl_classify dd a:hover{padding:1px 5px;border:1px solid #2f98d9}
.classify .dl_classify dd .gd_size li{width:126px;}
.classify .dl_classify dd .gd_size li a{width:114px;text-align:center}

.classify_main{width:765px;overflow:hidden;padding-top:10px;}
.classify_main .classify_title{position:relative;border-top:1px solid #dfdddd;padding:0 15px 10px;}
.classify_main .classify_title h3{background:url(../images/list_t_s.jpg) no-repeat center top;float:left;padding-top:24px;color:#2b95d5;font-size:16px;margin-top:-1px;}

.classify_con .sg_list{width:765px;}
.classify_con .sg_list li{padding:8px 0 0 8px}
/*page*/
.page{text-align:center;}
.page .page_con{display:inline-block;vertical-align:middle;padding:15px 0}
.page_con a{display:inline-block;height:35px;width:35px;text-align:center;line-height:35px;cursor:pointer;vertical-align:middle;background:url(../images/page.jpg) no-repeat left top;position:relative;text-decoration:none;color:#7f7f7f;font-size:14px;font-weight:bold;margin:0 5px;}
.page_con a b{display:inline-block;line-height:0;margin:0 5px;cursor:pointer;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;position:absolute;top:12px;}
.pagePrev b{border-color:#f8f8f8 #4e4e4e #f8f8f8 #f8f8f8;left:1px;}
.pageNext b{border-color:#f8f8f8 #f8f8f8 #f8f8f8 #4e4e4e;left:10px;}
a.pagePrev_o,a.pageNext_o{cursor:default;}
a.pagePrev_o b{cursor:default;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #cccccc #f8f8f8 #f8f8f8;position:absolute;left:1px;top:12px;}
a.pageNext_o b{cursor:default;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #f8f8f8 #f8f8f8 #cccccc;position:absolute;left:10px;top:12px;}
.page_con .down,.page_con .down:hover{background-position:0 -70px;}
.page_con a:hover{background-position:0 -35px;}
.page_con .selected,.page_con .selected:hover{background-position:0 -105px;color:#fff;}

/*box_search*/
.box_search{float:left;width:530px;background:#fff;min-height:500px;}
.search_back_tip{padding-left:15px;font-size:16px;color:#2b95d5;height:auto;line-height:44px;font-weight:bold}/*border-bottom:1px solid #ddd;*/

.may_love{padding:10px 0;}
.may_lover_title{background:url(../images/maylove_line.jpg) no-repeat center bottom;padding:5px 15px 15px;font-weight:bold;font-size:16px;color:#4f4f4f;}

/*list_1_ul*/
.list_1_ul{overflow:hidden;padding:10px 1px;}
.list_1_ul li{width:78px;float:left;padding:10px 2px 5px 8px;text-align:center;height:105px;}
.list_1_ul .list_1_pic{width:78px;text-align:center;display:block;height:48px;padding-bottom:4px;}
.list_1_ul .list_1_name{display: block;height: 22px;line-height: 22px;padding-bottom: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 78px;text-align: center;color: #4f4f4f;}

.search_main{overflow:hidden;width:530px;}
.search_main li{padding:0 15px 10px 20px;width:495px;overflow:hidden;}
.search_main>li{border-bottom:1px solid #eaeff5;}
.search_main .search_back_con{background:#fff;padding:10px 0;width:495px;height:155px;overflow:hidden;}
.search_back_con .sbc_left{float:left;width:185px;height:155px;}
.sbc_left .sbc_ico{width:185px;height:67px;overflow:hidden;}
.sbc_ico .ico{float:left;width:67px;height:67px;margin-right:8px;}
.sbc_ico h3{padding:3px 0 20px;height:20px;line-height:20px;white-space:nowrap;color:#4f4f4f;font-size:14px;overflow:hidden;float:left;width:110px;}
.search_main .sbc_info{padding-top:4px;}
.search_main .sbc_info li{padding:0;color:#666;width:185px;height:20px;}

.sbc_right{float:right;width:300px;}
.sbc_right a{display:block;float:right;margin-left:7px;width:93px;}

.search_back_describe{background:#ecf1f7;padding:10px;font-size:14px;width:475px;color:#2f2f2f;height:66px;line-height:22px;overflow:hidden;position:relative;}
.search_back_describe a{color:#14a4f6;position:absolute;bottom:8px;right:8px;text-decoration:underline;}

/*box_tips*/
.box_tips{background:#fff;width:765px;height:450px;}
.box_tips .tips_con{width:520px;margin:0 auto;padding-top:70px;height:300px;}
.tips_con .tips_ico{height:135px;padding-bottom:30px;text-align:center;}
.tips_con  h1{color:#2b95d5;font-size:18px;text-align:center;line-height:30px;height:30px;}
.tips_con .tips_btn{height:47px;text-align:center;}
.tp_btn{cursor:pointer;display:inline-block;width:152px;margin:6px auto 0 auto;background:url(../images/btn_sumber.jpg) no-repeat 0 0;height:27px;text-align:center;font-size:20px;color:#454545;text-decoration:none;padding:10px 0;line-height:27px;overflow:hidden;zoom:1;}
.tp_btn:hover{background-position:0 -47px;}
.into_btn .down,.into_btn .down:hover,.tips_btn .down,.tips_btn .down:hover,.yjjy_btn .down,.yjjy_btn .down:hover{background-position:0 -94px;}
.into_btn .default,.into_btn .default:hover,tips_btn .default,.tips_btn .default:hover,.yjjy_btn .default,.yjjy_btn .default:hover{background-position:0 -141px;cursor:default}
/*no_inter*/
.box_no_inter{background:#fff url(../images/no_inter_bg.jpg) no-repeat center bottom;padding:110px 0 0 145px;width:642px;height:340px;}
.box_no_inter .no_inter{background:url(../images/no_inter.jpg) no-repeat left center;padding:50px 0 0 170px;height:90px;}
.box_no_inter .no_inter h1{color:#2b95d5;font-size:24px;height:35px;line-height:35px;}
.box_no_inter .no_inter p{color:#4f4f4f;font-size:16px;height:24px;line-height:24px;}

/*details*/
.details{ background:#fff; width:765px; overflow:hidden;}
.details_con{ padding:20px 0 0 45px; width:720px;}
.details_con .detail_left{ width:150px; float:left;height:355px;}
.details_con .detail_left .detail_ico{ padding-bottom:15px; width:72px; height:72px;}
.detail_btn{cursor:pointer; background:url(../images/detail_btn.jpg) no-repeat 0 0; width:72px; height:28px; display:block; line-height:28px; text-align:center; text-decoration:none; color:#fff; text-shadow:0 1px 0 #888; font-size:16px;}
.detail_btn:hover{ background-position:0 -28px;}
.detail_btn.down,.detail_btn.down:hover{ background-position:0 -56px;}
.detail_btn.default,.detail_btn.default:hover{ background-position:0 -84px;}
.detail_info{ padding-top:20px; width:150px; overflow:hidden;}
.detail_info li{ width:150px; white-space:nowrap; overflow:hidden; height:25px; font-size:12px; padding-top:5px; line-height:25px; color:#666;}

.details_right{float:right;width:520px;height:375px;overflow:hidden;}
.detail_title{color:#4f4f4f;font-size:24px;height:auto;padding-bottom:5px;white-space:normal;overflow:hidden;}
.details_pic{padding-top:15px;width:516px;height:320px;position:relative;}
.dtl_con_pic{height:320px;position:relative;overflow:hidden;margin:0 auto;}
.dtl_pic_ul{ position:absolute; left:0; top:0; height:320px;}
.dtl_pic_ul li{ float:left; padding:0 15px; width:195px; height:320px;}
.dtl_pic_ul img{width:195px;height:320px;}
.details_pic .a_next{position:absolute;right:0;top:145px;width:33px;height:50px;background:url(../images/a_next.jpg) no-repeat 0 0;text-indent:-999em;overflow:hidden;display:block;}
.details_pic .a_next:hover{background-position:0 -50px;}
.details_pic .a_pre{ position:absolute; left:0; top:145px; width:33px; height:50px; background:url(../images/a_pre.jpg) no-repeat 0 0; text-indent:-999em; overflow:hidden; display:block;}
.details_pic .a_pre:hover{ background-position:0 -50px;}

.way{padding:10px;border-bottom:1px solid #dfdddd;height:26px;line-height:26px;font-size:16px;color:#666;}
.way a{color:#2b95d5;padding:0 5px;}
.way span{color:#2b95d5;padding-left:5px;}

.dtl_introduction{padding:20px 0 20px 45px;width:720px;color:#2f2f2f;font-size:14px;}
.dtl_introduction h6{color:#4f4f4f;font-size:16px;height:25px;line-height:25px;padding-bottom:4px;}
.dtl_introduction p{padding-bottom:8px;line-height:23px;}
.dtl_introduction .into_btn{text-align:center;}

/*opinion*/
.opinion{background:#fff url(../images/yjjy_bg.jpg) no-repeat center top;width:715px;padding:0 20px 0 30px}
.opinion .opinion_ico{display:block;position:absolute;left:0;top:0;width:151px;height:100px;background:url(../images/yjjy.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/yjjy.png");}
.opinion .opinion_title{padding:10px 0 0 151px;font-size:16px;position:relative;color:#2b95d5;width:560px;overflow:hidden;font-weight:bold;line-height:25px;height:90px;}

.opinion_form{width:695px;overflow:hidden;padding-left:20px;}
.opinion_form h2{font-size:16px;color:#454545;line-height:25px;}
.op_form_ul{width:695px;overflow:hidden;}
.op_form_ul li{width:340px;float:left;height:25px;line-height:25px;font-size:14px;color:#454545;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.op_form_ul li a{background:url(../images/radio.gif) no-repeat 0 0;display:block;float:left;margin:6px 10px 0 0;width:14px;height:14px;}
.op_form_ul li a:hover{background-position:0 -14px;}
.op_form_ul li .selected,.op_form_ul li .selected:hover{background-position:0 -28px;}
.textarea_yj{width:668px;height:90px;border:1px solid #c1c1c1;background:#fff;padding:2px;font-size:14px;color:#666;margin-top:5px;}
.yjjy_btn{height:47px;text-align:center;}
.yjjy_btn .tp_btn{font-size:18px;cursor:pointer;}
.yjjy_ts{text-align:center;color:#454545;font-size:14px;}
#question,#proposal{overflow:hidden;height:2px;background:#f00;width:39%;visibility:hidden;}
#proposal{width:17%;}

/*box_channel*/
.box_channel{ width:525px; padding-left:5px; float:left;}
.channel_con{ background:#fff; border:1px solid #dedede; width:523px; margin-bottom:10px;}
.channel_con .list_1_ul li{padding:10px 2px 5px 6px;}
.channel_con .channel_title{height:27px; line-height:27px; padding:10px 10px 0 0;}
.channel_con .channel_title .a_more{ float:right; color:#14a4f6; font-size:14px;}
.channel_con .channel_title h2{ position:relative;color:#fff; font-size:16px; height:27px; float:left; background:#389ee3 url(../images/h2bg.gif) no-repeat right 0; padding:0 25px 0 10px;}
.channel_con .channel_title h2 s{ background:url(../images/h2sbg.gif) no-repeat 0 0; display:block; width:6px; height:33px; position:absolute; top:0; left:-6px;}
