@charset "utf-8";
html{ min-width:1200px;}
body{ margin:0; padding:82px 0 0 0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#000;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}

.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
/* index===================================== */
/* bar_nav */
.bar_nav{ position:fixed; width:75px; height:240px; left:0; top:50%; margin-top:-120px; z-index:10;}
.bar_nav a{ display:block; position:relative; width:25px; height:23px; margin-top:8px; border-bottom:1px solid #5d4731;}
.bar_nav a span{ display:none; position:absolute; width:50px; left:0px; top:6px; font-size:12px; color:#d8a168; text-align:center;}
.nav_off,.nav_on{ position:absolute; width:21px; height:21px; right:0; top:0;}
.nav_on{ display:none;}
.bar_nav a:hover,.bar_nav a.active{ width:75px; border-bottom:1px solid #d8a168;}
.bar_nav a:hover .nav_on,.bar_nav a.active .nav_on,.bar_nav a:hover span,.bar_nav a.active span{ display:block;}
.bar_nav a:hover .nav_off,.bar_nav a.active .nav_off{ display:none;}


.first_screen{ position:relative; height:1548px; background:url(../images/bg.jpg) center top no-repeat;}
.logo2{width: 144px;height: 63px;position: absolute;top:44px;left: 48px;background: url(//www.csgo.com.cn/web201708/img/logo.png) no-repeat;
}
.rel1200{ position:relative; width:1200px; margin:0 auto;}
.slogan_intro{ position:absolute; width:1200px; left:0; top:744px; font:bold 18px/30px "微软雅黑"; color:#9eb4e7; text-align:center;}
.slogan_intro span{ font-size:24px; color:#d8a168;}
.icon_down{ position:absolute; width:47px; height:21px; top:858px; left:50%;margin-left:-24px;}
.first_s_t{ position:absolute; width:646px; height:90px; padding-top:10px; top:924px; left:50%;margin-left:-323px; font:normal 20px/20px "微软雅黑"; color:#7284b9; text-align:center; background-image:url(../images/first_t_bg.png)}
.first_s_t p{ font:bold 40px/46px "微软雅黑"; color:#d7a068; margin-bottom:8px;}
.slide_box{ position:absolute; width:840px; height:357px;left:180px; top:1060px; color:#fff; overflow:hidden;}
.slide_box li{ position:absolute; top:0; width:135px; height:357px; overflow:hidden;}
.slide_box li .slide_t{ position:absolute; width:135px; height:357px; cursor:pointer;}
#slide1{ left:0;}
#slide1 .slide_t{ background:url(../images/slide_tab_01.jpg) 0 0 no-repeat;}
#slide2{ left:141px;}
#slide2 .slide_t{ background:url(../images/slide_tab_02.jpg) 0 0 no-repeat;}
#slide3{ left:282px;}
#slide3 .slide_t{ background:url(../images/slide_tab_03.jpg) 0 0 no-repeat;}
#slide4{ left:423px;}
#slide4 .slide_t{ background:url(../images/slide_tab_04.jpg) 0 0 no-repeat;}
#slide5{ left:564px;}
#slide5 .slide_t{ background:url(../images/slide_tab_05.jpg) 0 0 no-repeat;}
#slide6{ left:705px;}
#slide6 .slide_t{ background:url(../images/slide_tab_06.jpg) 0 0 no-repeat;}
.slide_box li.on .slide_t{ background-position:-135px 0!important}
.slide_cont{ position:absolute; width:625px; height:357px; left:135px; top:0; padding:0 40px;}
.slide_cont1{ background-image:url(../images/slide_cont_bg1.jpg)}
.slide_cont2{ background-image:url(../images/slide_cont_bg2.jpg)}
.slide_cont3{ background-image:url(../images/slide_cont_bg3.jpg)}
.slide_cont4{ background-image:url(../images/slide_cont_bg4.jpg)}
.slide_cont5{ background-image:url(../images/slide_cont_bg5.jpg)}
.slide_cont6{ background-image:url(../images/slide_cont_bg6.jpg)}
.slide_cont h3{ padding-top:24px; font:bold 16px/18px "微软雅黑";}
.slide_cont p{ margin-top:18px; font:normal 13px/20px "微软雅黑";}

.map_down_wrap{ position:absolute; width:840px; left:180px; top:1445px; color:#7284b9; overflow:hidden;}
.map_down_wrap_l{ float:left; width:664px; font:normal 12px/22px "微软雅黑";}
.map_down_wrap_r{ float:right; width:148px;}
.btn_down_map{ display:block; width:134px; height:31px;font:normal 14px/31px "微软雅黑"; color:#4d3115; text-align:center; background:url(../images/btn_down_map.png);  overflow:hidden;}
.map_down_wrap_r p{ margin-top:8px; line-height:14px}
/* hd1 */
.h1_box{ height:917px; background:url(../images/hd1_bg.jpg) center top no-repeat;}
.hd_title{ width:442px; height:112px; margin:0 auto;font:bold 30px/46px "微软雅黑"; color:#d8a168; text-align:center; background-image:url(../images/hd_t_bg.png)}
.hd_title p{ font-size:45px;}
.hd1_wrap{ width:1138px; margin:66px auto 0; overflow:hidden;}
.hd1_l{ float:left; width:616px;}
.my_level{ width:348px; height:102px; padding-top:4px; font:bold 18px/22px "微软雅黑"; color:#da9f5d; background-image:url(../images/my_level.png);}
.my_level div{ padding:8px 0 0 10px;}
.my_level div img{ vertical-align:middle;}
.hd1_rule{ width:616px; margin-top:10px; padding-top:50px; background:url(../images/line.png) center top repeat-x;}
.hd1_rule .rule_t{font:bold 18px/20px "微软雅黑"; color:#fff;}
.hd1_rule_cont{ margin-top:26px;font:normal 16px/28px "微软雅黑"; color:#fff;}
.hd1_rule_cont img{ margin:0 10px; vertical-align:middle;}
.color_red{ color:#ff3d1d!important;}

.hd1_r{ float:right; width:482px;}
#zhuanpan{ position:relative; width:482px; height:482px; overflow:hidden;}
.zhuanpan1{ background-image:url(../images/zhuanpan1.png);}
.zhuanpan2{ background-image:url(../images/zhuanpan2.png);}
.zhuanpan3{ background-image:url(../images/zhuanpan3.png);}
.btn_rotate{ position:absolute; width:112px; height:112px; left:183px; top:183px; cursor:pointer;}
.btn_rotate a{ position:absolute; width:112px; height:136px; left:0; top:-24px; overflow:hidden}
.zhuanpan1 .btn_rotate a{background:url(../images/btn_rotate1.png);}
.zhuanpan2 .btn_rotate a{background:url(../images/btn_rotate2.png);}
.zhuanpan3 .btn_rotate a{background:url(../images/btn_rotate3.png);}
.btn_rotate a:hover{ background-position:-112px 0!important;}
.btn_get_zg{ display:block; width:199px; height:63px; margin:70px auto 0; font:bold 18px/63px "微软雅黑"; color:#fff; text-align:center; background:url(../images/btn_get.png); overflow:hidden;}
.btn_get_zg:hover{ background-position:0 -63px}
/* hd2 */
.hd2_box{ height:956px; background:url(../images/hd2_bg.jpg) center top no-repeat;}
.suipin_wrap{ position:relative; width:1200px; height:326px; margin-top:36px;}
.suipin_wrap_l{ position:absolute; width:903px; height:273px; left:44px; top:32px; z-index:2;}
#suipian_box{width:903px; height:178px;}
#suipian_box a{ position:absolute; height:174px; top:0;}
#suipian_box a div.name{ position:absolute;height:40px; left:0; bottom:0; font:normal 16px/22px "微软雅黑"; color:#fff; text-align:center}
#suipian_box a div span{ font-size:12px; color:#7284b9;}
#sp_fenghuang{ width:133px; left:0;}
#sp_fenghuang span.sp{ display:block; width:133px; height:115px; background:url(../images/sp_fenghuang.png);}
#sp_fenghuang:hover span.sp{ background-position:0 -115px;}
#sp_fenghuang.on span.sp{ background:url(../images/sp_fenghuang_active.png);}
#sp_fenghuang div.name{ width:100%; }
#sp_xuelie{ width:117px; left:115px;}
#sp_xuelie span.sp{ display:block; width:117px; height:118px; margin-top:3px; background:url(../images/sp_xuelie.png);}
#sp_xuelie:hover span.sp{ background-position:0 -118px;}
#sp_xuelie.on span.sp{ background:url(../images/sp_xuelie_active.png);}
#sp_xuelie div.name{ width:107px; padding-left:10px;}
#sp_huikui{ width:124px; left:238px;}
#sp_huikui span.sp{ display:block; width:124px; height:103px; margin-top:3px; background:url(../images/sp_huikui.png);}
#sp_huikui:hover span.sp{ background-position:0 -103px;}
#sp_huikui.on span.sp{ background:url(../images/sp_huikui_active.png);}
#sp_huikui div.name{ width:110px; padding-right:14px;}
#sp_jts{ width:117px; left:338px;}
#sp_jts span.sp{ display:block; width:117px; height:110px; margin-top:6px; background:url(../images/sp_jts.png);}
#sp_jts:hover span.sp{ background-position:0 -110px;}
#sp_jts.on span.sp{ background:url(../images/sp_jts_active.png);}
#sp_jts div.name{ width:117px;}
#sp_xianfeng{ width:131px; left:454px;}
#sp_xianfeng span.sp{ display:block; width:131px; height:109px; margin-top:9px; background:url(../images/sp_xianfeng.png);}
#sp_xianfeng:hover span.sp{ background-position:0 -109px;}
#sp_xianfeng.on span.sp{ background:url(../images/sp_xianfeng_active.png)}
#sp_xianfeng div.name{ width:100px;}
#sp_yingyong{ width:125px; left:566px;}
#sp_yingyong span.sp{ display:block; width:125px; height:101px; margin-top:12px; background:url(../images/sp_yingyong.png);}
#sp_yingyong:hover span.sp{ background-position:0 -101px;}
#sp_yingyong.on span.sp{ background:url(../images/sp_yingyong_active.png);}
#sp_yingyong div.name{ width:125px;}
#sp_tuwei{ width:130px; left:651px;}
#sp_tuwei span.sp{ display:block; width:130px; height:93px; margin-top:15px; background:url(../images/sp_tuwei.png);}
#sp_tuwei:hover span.sp{ background-position:0 -93px;}
#sp_tuwei.on span.sp{ background:url(../images/sp_tuwei_active.png);}
#sp_tuwei div.name{ width:90px; padding-left:40px;}
#sp_yehuo{ width:116px; left:787px;}
#sp_yehuo span.sp{ display:block; width:116px; height:113px; margin-top:9px; background:url(../images/sp_yehuo.png);}
#sp_yehuo:hover span.sp{ background-position:0 -113px;}
#sp_yehuo.on span.sp{ background:url(../images/sp_yehuo_active.png);}
#sp_yehuo div.name{ width:116px;}

.sp_pop{ display:none; position:absolute; top:178px; left:0;}
.sp_pop_line{ position:absolute; width:4px; height:35px; left:60px; top:0; background-image:url(../images/pop_line.png);}
.sp_pop_cont{ position:absolute; height:46px; left:0; top:35px; padding:0 20px; font:normal 12px/46px "微软雅黑"; color:#7284b9; border:1px dashed #7284b9; border-radius:10px;}
#sp_fenghuang .sp_pop_cont{ width:230px;}
#sp_xuelie .sp_pop_cont{ width:220px;}
#sp_huikui .sp_pop_line{ left:50px;}
#sp_huikui .sp_pop_cont{ width:260px;}
#sp_jts .sp_pop_line{ left:55px;}
#sp_jts .sp_pop_cont{ width:200px;}
#sp_xianfeng .sp_pop_line{ left:45px;}
#sp_xianfeng .sp_pop_cont{ width:230px;}
#sp_yingyong .sp_pop_cont{ width:380px; left:-300px}
#sp_tuwei .sp_pop_line{ left:80px;}
#sp_tuwei .sp_pop_cont{ width:260px; left:-170px}
#sp_yehuo .sp_pop_cont{ width:240px; left:-170px}
/* xiangzi */
.box_open{ display:none; position:absolute; width:308px; height:229px; right:0; top:0px; background-image:url(../images/xiangzi_open.png);}
.btn_open{ position:absolute; width:308px; height:229px; right:0; top:0px; background-image:url(../images/btn_xiangzi.png); cursor:pointer;}
.btn_open:hover{ animation:key_huang 0.2s; -webkiit-animation:key_huang 0.2s; -ms-animation:key_huang 0.2s; -moz-animation:key_huang 0.2s;}
@keyframes key_huang{
	0%{transform:translate3d(0,0,0)}
	25%{transform:translate3d(-5px,0,0)}
	50%{transform:translate3d(0,0,0)}
	75%{transform:translate3d(5px,0,0)}
	100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes key_huang{
	0%{-webkit-transform:translate3d(0,0,0)}
	25%{-webkit-transform:translate3d(-5px,0,0)}
	50%{-webkit-transform:translate3d(0,0,0)}
	75%{-webkit-transform:translate3d(5px,0,0)}
	100%{-webkit-transform:translate3d(0,0,0)}
}
@-ms-keyframes key_huang{
	0%{-ms-transform:translate3d(0,0,0)}
	25%{-ms-transform:translate3d(-5px,0,0)}
	50%{-ms-transform:translate3d(0,0,0)}
	75%{-ms-transform:translate3d(5px,0,0)}
	100%{-ms-transform:translate3d(0,0,0)}
}
@-moz-keyframes key_huang{
	0%{-moz-transform:translate3d(0,0,0)}
	25%{-moz-transform:translate3d(-5px,0,0)}
	50%{-moz-transform:translate3d(0,0,0)}
	75%{-moz-transform:translate3d(5px,0,0)}
	100%{-moz-transform:translate3d(0,0,0)}
}
.ani_open{ animation:key_open 0.5s linear alternate infinite; -webkit-animation:key_open 0.5s linear alternate infinite; -ms-animation:key_open 0.5s linear alternate infinite; -moz-animation:key_open 0.5s linear alternate infinite;}
@keyframes key_open{
	0%{background:url(../images/btn_xiangzi.png)}
	100%{background:url(../images/xiangzi_open.png)}
}
@-webkit-keyframes key_open{
	0%{background:url(../images/btn_xiangzi.png)}
	100%{background:url(../images/xiangzi_open.png)}
}
@-ms-keyframes key_open{
	0%{background:url(../images/btn_xiangzi.png)}
	100%{background:url(../images/xiangzi_open.png)}
}
@-moz-keyframes key_open{
	0%{background:url(../images/btn_xiangzi.png)}
	100%{background:url(../images/xiangzi_open.png)}
}

.xz_tip{ position:absolute; width:188px; height:37px; left:971px; top:186px; font:normal 12px/37px "微软雅黑"; color:#7c602c; text-align:center; background-image:url(../images/xiangzi_tip.png);}
/* suiji */
.chi_t{ position:absolute; width:334px; height:32px; left:50%; top:330px; margin-left:-167px; font:bold 18px/32px "微软雅黑"; color:#111720; text-align:center; background:url(../images/chi_t.png);}
.suiji_ul{ position:absolute; width:1150px; left:25px; top:380px;}
.suiji_ul li{ float:left; font:normal 15px/16px "微软雅黑"; color:#c8a076; text-align:center;}
.suiji_ul li img{ display:block; height:135px; margin-bottom:14px;}
/* rule */
.hd2_rule{ position:absolute; width:1032px; left:68px; top:600px; color:#7284b9;}
.rule_t{ font:bold 15px/16px "微软雅黑";}
.hd2_rule p{ margin-top:10px;font:normal 14px/22px "微软雅黑";}
/* hd3 */
.hd3_box{ height:783px; background:url(../images/hd3_bg.jpg) center top no-repeat;}
.hd_title2{ width:671px; height:111px; margin:0 auto;font:bold 30px/46px "微软雅黑"; color:#d8a168; text-align:center; background-image:url(../images/hd_t_bg2.png)}
.hd_title2 p{ font-size:45px;}
.hd3_one{ width:866px; margin-top:80px;}
.hd3_one_t{ width:144px; height:34px;font:bold 18px/34px "微软雅黑"; color:#12171c; text-align:center; background-color:#8194c2;}
.bold{ font-weight:bold;}
.hd3_one p{ margin-top:20px; font:normal 14px/28px "微软雅黑"; color:#fff;}
.hd3_tip{ margin-top:40px; font:normal 12px/20px "微软雅黑"; color:#8fa3cb;}
/* hd4 */
.hd4_box{ height:1249px; background-color:#0e1319;}
.link_sub_wrap{ width:1182px; margin:50px auto 0; overflow:hidden;}
.link_sub,.link_px{ float:left; width:340px; height:323px; background:url(../images/link_sub.png); text-indent:-9999px; overflow:hidden;}
.link_sub:hover,.link_px:hover{ background-position:0 -323px;}
.hd4_r_box{ float:right; width:716px; height:261px; padding:66px 0 0 94px; color:#fff; background-color:#222a39; border-radius:12px;}
.hd4_r_box .rule_t{font:bold 22px/24px "微软雅黑";}
.hd4_r_box p{ margin-top:26px; font:normal 18px/36px "微软雅黑";}

.hd4_prize{ width:1125px; height:292px; padding:30px 30px 0; margin:22px auto 0; background-color:#222a39; border-radius:12px; overflow:hidden;}
.hd4_prize li{ float:left; width:224px;}
.hd4_prize li img{ display:block; width:225px; height:200px; margin:0 auto;}
.hd4_prize li p{ font:bold 18px/20px "微软雅黑"; color:#fff; text-align:center;}
.hd4_prize li p span{ display:block; height:24px; font:normal 13px/13px "微软雅黑"; color:#d8a169;}
.link_px{ background:url(../images/link_px.png)}
/* hd5 */
.hd5_box{ height:618px; background-color:#0e1319;}
.hd5_wrap{ width:906px; margin:50px auto 0; overflow:hidden}
.hd5_l{ float:left; width:466px;}
.hd5_btn_wrap{ position:relative; width:462px; height:105px; margin-left:15px; background-image:url(../images/qidai_bg.png);}
.btn_check{ position:absolute; width:257px; height:88px; font:bold 20px/88px "微软雅黑"; color:#fff; text-indent:20px; background:url(../images/btn_check.png)}
.btn_check:hover{ color:#1d2431; background-position:0 -88px; text-decoration:none;}
.qidai_hui{ position:absolute; left:254px; top:52px; font:bold 20px/22px "微软雅黑"; color:#959595;}
.hd5_rule{ width:466px;}
.hd5_rule li{ width:450px; padding-left:16px; margin-top:34px; font:normal 15px/28px "微软雅黑"; color:#fff; background:url(../images/hd5_icon.png) 0 8px no-repeat}

.hd5_sort{ float:right; width:377px; height:393px; background-color:#1d2431;}
.hd5_sort_t{ height:67px; font:bold 20px/67px "微软雅黑"; color:#fff; text-align:center; background-color:#2a3245;}
.sort_box{ width:298px; height:288px; margin:10px auto 0; overflow:hidden;}
.sort_box ul li{ width:298px; margin-top:16px; font:normal 12px/20px "微软雅黑"; color:#9fa1a7;}
.sort_role{ color:#826f5d;}
.sort_time{ color:#707c9e;}
.sort_how{ color:#4a9265;}
.sort_gift{ color:#a42b42;}
/* screen_bot */
.screen_bot{ height:1433px; background:url(../images/bot_bg.jpg) center top no-repeat}
.pingtai_t{ padding-top:42px;font:bold 20px/24px "微软雅黑"; color:#d8a168; text-align:center;}
.pvp_logo{ display:block; width:170px; height:153px; margin:26px auto 0;}
.pvp_icon_ul{ width:1100px; margin:20px auto 0; overflow:hidden;}
.pvp_icon_ul li{ float:left; width:220px;}
.pvp_icon_ul li img{ display:block; height:69px; margin:0 auto;}
.pvp_icon_ul li p{font:normal 13px/22px "微软雅黑"; color:#fff; text-align:center;}
.go_pvp{ display:block; width:230px; height:52px; margin:36px auto 0;font:normal 15px/52px "微软雅黑"; color:#7284b9; text-align:center; border:1px solid #7284b9; border-radius:10px;}
.qa_t{ display:block; width:291px; height:67px; margin:92px auto 0;}
.qa_one{ width:886px; margin:20px auto 0;font:normal 15px/24px "微软雅黑"; color:#adadae;}
.qa_q{ font-weight:bold; color:#fff;}
/* pop */
.pop_box{ display:none; width:636px; padding:30px 0; background-color:#2c3343; overflow:hidden;}
.icon_close{ position:absolute; width:35px; height:32px; right:2px; top:2px; background:url(../images/icon_close.png); cursor:pointer;}
.succes_t{ height:40px;font:bold 30px/32px "微软雅黑"; color:#fff; text-align:center}
.succes_t span{color:#d8a168;}
.code_p{ margin-top:6px;font:normal 20px/24px "微软雅黑"; color:#7284b9; text-align:center;}
.link_dui{ display:block; width:182px; height:50px; margin:16px auto 0;font:normal 23px/50px "微软雅黑"; color:#d2d7e7; text-align:center; background-color:#7284b9;}
.link_dui:hover{ color:#000; text-decoration:none;}
.pop_tip{ width:354px; margin:22px auto 0; padding:16px 0 0 36px;font:normal 12px/22px "微软雅黑"; color:#9fa1a6; background:url(../images/line2.png) center top repeat-x;}

.shiwu_tip1{font:normal 12px/18px "微软雅黑"; color:#7284b9; text-align:center;}
.form_ul{ width:454px; padding:6px 0 0 74px;}
.form_ul li{ height:39px; margin-top:12px; overflow:hidden;}
.form_t{ float:left; width:70px;font:bold 16px/39px "微软雅黑"; color:#c3c5c7; text-align:right;}
.inp{ float:right; width:354px; height:39px; padding:0 10px;font:normal 16px/39px "微软雅黑"; color:#c3c5c7; background-color:#4a5267; border:0;}
.shiwu_tip2{ padding-top:20px;font:normal 12px/18px "微软雅黑"; color:#d8a168; text-align:center;}
.btn_sub{display:block; width:182px; height:50px; margin:16px auto 0;font:normal 23px/50px "微软雅黑"; color:#d2d7e7; text-align:center; background-color:#7284b9;}
.btn_sub:hover{ color:#000; text-decoration:none;}

.pop_box2{ display:none; width:762px; padding:30px 0; background-color:#2c3343; overflow:hidden;}
.my_t{ width:646px; height:46px; margin:0 auto;font:bold 30px/32px "微软雅黑"; color:#fff; text-align:center; border-bottom:1px solid #65574f;}
.my_list{ width:646px; margin:0 auto; padding-top:20px;}
.my_list li{ width:646px; height:30px; color:#a7b7e7; text-align:right; overflow:hidden;}
.my_list li p{ float:left; width:415px; color:#fff; text-align:left;}
/* task========================================= */
.task_bg{ height:2753px; background:url(../images/task_bg.jpg) center top no-repeat;}
.task_top{ height:924px;}
.task_title{ width:462px; height:85px; margin:0 auto;font:bold 45px/85px "微软雅黑"; color:#d8a168; text-align:center; background-image:url(../images/task_t_bg.png)}
.task_suipian{ width:903px; height:178px; margin:30px auto 0;}
.task_suipian #suipian_box{ position:relative;}
.suipin_task a{ cursor:default;}
.suipin_task a.active{ cursor:pointer;}
.task_cont_wrap{ width:733px; margin:0 auto; padding-top:26px;}
.task_one_l,.task_one_r{ position:relative; width:623px; height:155px; margin-top:12px; background-color:#2b394b;}
.task_one_r{ margin-left:110px;}
.task_one_l a,.task_one_r a{ display:block; position:relative; width:623px; height:155px; opacity:0.3; filter:alpha(opacity=30); cursor:default;}
.task_one_l a{ background:url(../images/task_l.png)}
.task_one_r a{ background:url(../images/task_r.png)}
.task_one_l a.active,.task_one_r a.active{ opacity:1; filter:alpha(opacity=1); cursor:pointer;}
.task_one_l a.active:hover,.task_one_r a.active:hover{ background-position:0 -155px;}
.task_img{ position:absolute; width:110px; height:133px; top:22px;}
.l0{ left:0;}
.r0{ right:0;}
.task_img img{ display:block; width:68px; height:68px; margin:0 auto;}
.task_img .name{ padding-top:6px; font:normal 16px/20px "微软雅黑"; color:#fff; text-align:center}
.task_img .name span{ font-size:12px; color:#7284b9}
.task_intro{ position:absolute; top:106px; font:normal 20px/22px "微软雅黑"; color:#7284b9;}
.task_one_l .task_intro{ left:134px;}
.task_one_r .task_intro{ width:402px; right:120px; text-align:right;}
/* pop */
#pop_server{ display:none; width:1059px; padding-bottom:40px; background-color:#2c3343;}
#close_server{ position:absolute; width:52px; height:52px; top:0; right:-54px; background-image:url(../images/icon_close2.png); cursor:pointer;}
.server_th{ position:relative; width:919px; height:69px; padding:0 70px; font:bold 20px/69px "微软雅黑"; color:#7589b7; text-align:center; background-color:#343b4a;}
.s_w1{ float:left; width:54px;}
.s_w2{ float:left; width:216px; margin-left:85px}
.s_w3{ float:left; width:213px;}
.s_w4{ float:left; width:207px;}
.s_w5{ float:left; width:62px; margin-left:81px}
.server_scroll{ position:relative; height:520px; overflow-x:hidden; overflow-y:auto;}
.server_list{ width:919px; margin:0 auto;}
.server_list li{ width:919px; height:52px; overflow:hidden;}
.server_list li a{ display:block; width:919px; height:51px; font:normal 15px/51px "微软雅黑"; color:#fff; text-align:center; border-bottom:1px solid #ffffff; overflow:hidden;}
.server_list li a:hover{ color:#a8845f; border-bottom:1px solid #a8845f;}
.icon_state1,.icon_state2{ display:block; width:14px; height:12px; margin:20px auto 0; background:url(../images/state1.png)}
.icon_state2{ background:url(../images/state2.png)}
.link_dui2{display:block; width:182px; height:50px; margin:30px auto 0;font:normal 23px/50px "微软雅黑"; color:#d2d7e7; text-align:center; background-color:#7284b9;}
.link_dui2:hover{ color:#000; text-decoration:none;}
.refresh{ position:absolute; width:59px; height:69px; right:0; top:0; background:url(../images/refresh.png)}
.refresh:hover{ background-position:0 -69px;}

.color_yellow{ color:#d99f63!important;}
.text_login{ color:#fff; cursor:pointer}

.navbox{ position:fixed; left:0; top:0; z-index:20;}
.task_one_r a.map_down,.task_one_l a.map_down{ position:absolute; width:38px; height:38px; left:23px; top:20px; background:url(../images/map_down.png); opacity:1; filter:alpha(opacity=1);}
.task_one_l a.map_down{ left:560px;}
.task_one_r a.map_down:hover,.task_one_l a.map_down:hover{ background-position:0 -38px;}
.task_intro_map{ position:absolute; width:500px; top:104px; font:normal 13px/20px "微软雅黑"; color:#7284b9;}
.task_one_r .task_intro_map{ left:0px; text-align:right;}
.task_one_l .task_intro_map{ left:134px;}
.ajax_tip{ position:absolute; width:1059px; left:0; top:260px; font:normal 14px "微软雅黑"; color:#fff; text-align:center;}
.sss_tip{ margin-top:30px; font-size:16px; color:#fff; text-align:center;}
.ttt1_tip{ margin-top:40px; font-size:16px; color:#fff;}
.ttt2_tip{ position:absolute;width:194px; height:37px; left:971px; top:236px; font:normal 12px/37px "微软雅黑"; color:#fff;}
.ci{ display:none;}

.btn_back_index{ display:block; width:193px; height:52px; margin:30px auto 0; font:normal 15px/52px "微软雅黑"; color:#7284b9; text-align:center; border:1px solid #7284b9; border-radius:10px;}
.btn_back_index:hover{ background-color:#1e2432;}

.btn_result1{margin:10px 0 0 0;height:40px;line-height:40px;}