﻿/* CSS Document */
*{margin:0; padding:0;}
body{position:relative; overflow-x:hidden; font:12px Microsoft YaHei; color:#565656; background:#f4f4f4;}
a, input{text-decoration:none; outline:none;}
img, input{border:0 none;}
li{list-style:none; vertical-align:top;}
em, i{font-style:normal;}
.w1200{width:1200px; margin:0 auto;}
.clear{float:none; clear:both;}
/*内容*/ 
tr.preview{cursor:pointer}
.cont_main{width:1240px; margin:20px auto 0;}
.list{width:868px; float:left; display:inline;}
.cont_til{height:40px; line-height:40px; font-size:30px; position:relative;}
.addr{font-size:14px; color:#939393; position:absolute; top:0; }
.addr a{color:#939393;}
.addr i{margin:0 3px;}
.list_box{min-height:650px; padding-bottom:85px; background:#fff; border-radius:5px; margin-top:5px; position:relative;}
.list_til{height:50px; line-height:50px; font-size:18px; padding:0 35px; border-bottom:1px solid #e3dfe0;}
.list_til a{width:86px; height:50px; color:#565656; text-align:center; margin-right:40px; float:left; display:block; position:relative;}
.list_til a.cur{color:#f46a21;}
.list_til a.cur i{width:100%; height:3px; background:#f46a21; position:absolute; bottom:0; left:0;}
.list_lis li{height:75px; padding:10px 235px 0 35px; font-size:14px; color:#636363; line-height:36px; border-bottom:1px solid #e3dfe0; position:relative;}
.til_li{display:block; font-size:24px; color:#383838;}
.til_li, .list_lis li p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.time_li{text-align:right; position:absolute; top:10px; right:35px;}
.time_li span{display:block;}
.time_li a{color:#636363;}
.list_lis li:hover{background:#e5e5e5;}
.list_lis li:hover a{color:#f46a21;}
.pages{width:100%; height:26px; line-height:24px; text-align:center; position:absolute; bottom:32px; left:0;}
.pages a, .pages span{height:24px; padding:0 8px; margin:0 3px; display:inline-block; color:#636363;}
.pages a{border:1px solid #e5e5e5;}
.pages a:hover, .pages a.hover{background:#f46a21; border-color:#f46a21; color:#fff;}
.pages a:hover span, .pages a.hover span{color:#fff;}

/*文章*/
.article{min-height:700px; padding:0 30px 40px; background:#fff; border-radius:5px; margin-top:5px; font-size:16px;}
.art_name{padding:15px 0; line-height:56px; font-size:28px; font-weight:normal; border-bottom:1px solid #e3dfe0;}
.art_time{padding:15px 0; border-bottom:1px solid #e3dfe0;}
.art_time p{line-height:40px; color:#6b6b6b;}
.art_time p span{margin-right:15px;}
.art_p{padding-top:10px; line-height:28px; color:#636363;}
.art_p p{margin-top:10px; text-indent:2em;}
.art_p img{max-width: 90%;}

/*右侧*/
.cont_r{width:340px; float:right; display:inline;}
.m_ser_box{height:504px; padding:0 12px; border-radius:5px; margin-top:10px; background:#fff; position:relative;}


.m_ser_egcon{height:450px;}
.m_ser_egli, .m_ser_eg{display:none;}
.m_ser_egli table{width:100%; text-align:center; color:#8f8f8f; border-collapse:separate;}
.m_ser_egli table tr{height:55px; line-height:55px;}
.m_ser_egli table tr, .m_ser_egli table tr a{
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.pc_egcon table td a{width: 104px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pre_pic{width:36px; height:36px; display:inline-block; border-radius:5px; overflow:hidden; vertical-align:middle; position: absolute; top: 7px; left: 10px;}
.pre_pic img{width:100%; height:100%;}
.pre_txt{width: 76px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pre_l{text-align:left; padding-left:50px; position: relative;}

.m_ser_egli table th{font-size:14px; font-weight:bold; color:#f26522;}
.m_ser_egli table td a{color:#8f8f8f;}
.preview:hover{background:#f4ece6; color:#f26522; border-radius:5px;}
.preview:hover td{border-color:#f4ece6;}
.preview:hover a{color:#f26522;}
.open:hover{background:#e6ebef; color:#259def; border-radius:5px;}
.open:hover td{border-color:#e6ebef;}
.open:hover a{color:#259def;}
.preview:hover td:first-child, .open:hover td:first-child{border-top-left-radius:5px; border-bottom-left-radius:5px;}
.preview:hover td:last-child, .open:hover td:last-child{border-top-right-radius:5px; border-bottom-right-radius:5px;}
.pre_pic{width:36px; height:36px; border-radius:5px; overflow:hidden; position:absolute; top:7px; left:10px;}
.pre_pic img{width:100%; height:100%;}
.pre_txt{width:76px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pre_l{text-align:left; padding-left:50px; position:relative;}

.m_ser_ico{text-align:center; padding:15px 0;}
.m_ser_ico i{width:8px; height:8px; margin:0 3px; display:inline-block; border-radius:100%; background:#8c8c8c; text-indent:-15px; overflow:hidden; cursor:pointer;}
.m_ser_ico i.on{background:#f26522;}



.header{height:90px; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,.2); *border-bottom: 1px solid #e1e1e1; *border-bottom: 1px solid #e1e1e1 \9; position:relative; z-index:1;}
.logo{float:left; display:inline;}
.nav{float:right; display:inline; height:30px; margin-top:30px;font-size: 19px;}
.nav li{width:95px; height:30px; float:left; display:inline; font:16px/30px Microsoft YaHei; text-align:center; margin:0 5px;}
.nav li a{display:block; color:#5e5e5e; border-radius:15px;}
.nav li.on a, .nav li a:hover{background:#f26522; color:#fff;}


.con_box{width:1240px; margin:0 auto; position:relative;}

/*banner*/
.banner{padding-top:38px; }
.focus-box{width:1920px; height:605px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px;}
.focus-box ul{display:block; width:100%; //height:605px;}
.focus-box ul li{width:100%; height:605px; display:none; left:0; position:absolute; top:0;}
.focus-box ul li img{width:100%; height:605px;}
.focus-btn{position:absolute; left:0; bottom:175px; width:100%; text-align:center; z-index:3;}
.focus-btn a{background:#434343; width:15px; height:15px; display:inline-block; z-index:1; margin:0 3px; border-radius:10px; text-indent:35px; overflow:hidden;}
.focus-btn a.act{width:33px; background:#f26522;}
.focus-box a{cursor:default;}


.main{width:700px; padding:0 22px; position:relative; }


.log_kinds{width:290px; height:340px; background:url(../images/log_bg.png); border-radius:10px; box-shadow:0 0 4px rgba(0,0,0,0.2); position:absolute; top:-405px;
	right:0px;
	 z-index:11;}
.log_box, .log_ewm{width:100%; height:100%; position:absolute; top:0; left:0;}
.log_inp{width:250px; margin:0 auto;}
.log_inp h2, .log_ewm h2{font-size:18px; color:#3e3e3e; padding-top:13px;}
.log_inp dl dd{width:203px; height:35px; padding-left:45px; border:1px solid #C9C9C9; background:#fff; margin-top:13px; position:relative;}
.log_inp dl dd i{position:absolute; top:12px; left:12px;}
.log_inp dl dd input{width:100%; height:15px; padding:10px 0; color:#979797;}
.autolog{padding:20px 0 9px; color:#6c6c6c;}
.autolog span{float:left; display:inline;}
.autolog span input{margin-right:5px; vertical-align:-3px;}
.autolog a{float:right; display:inline; color:#2980b4;}
.autolog a:hover, .log_other a:hover, .only_name a:hover, .m_news_lis ul li a:hover{text-decoration:underline;}
.log_btn{width:248px; height:40px; display:block; background:url(../images/icon.png) no-repeat; background-position:0 -76px; text-align:center; font-size:14px; line-height:40px; color:#fff;}
.log_btn:hover{background-position:0 -122px;}
.log_other{border-top:1px dashed #cccecd; padding:15px 15px 0; margin-top:20px; line-height:10px;}
.log_other span{float:left; display:inline;}
.log_other a{color:#2980b4; display:inline-block;}
.log_qq, .log_wx, .log_wb{height:20px; background:url(../images/icon.png) no-repeat; float:left; margin:0 5px;}
.reg_btn{float:right;}
.log_qq{width:15px; background-position:-191px -196px;}
.log_wx{width:24px; background-position:-155px -196px;}
.log_wb{width:22px; background-position:-119px -196px;}

.logined{display:none;}
.user_inf{padding:20px 20px 10px; border-bottom:1px dashed #cccecd;}
.user_head{width:76px; height:76px; border:1px solid #d3d3d2; border-radius:100%; overflow:hidden; float:left; display:block;}
.user_head img{width:100%; height:100%;}
.user_txt{width:145px; float:right; display:inline; line-height:23px;}
.user_txt span{float:left; display:inline;}
.user_txt a{float:right; display:inline; color:#5492bc;}
.user_txt em{color:#f26522;}
.user_btns a{width:43px; height:17px; float:left; display:block; margin:5px 10px 0 0; text-align:center; line-height:17px; color:#fff; background:url(../images/icon.png) no-repeat; background-position:0 0;}
.user_btns a:hover{background-position:-48px 0;}
.user_vip{width:260px; height:22px; background:url(../images/icon.png) no-repeat; background-position:0 -169px; margin-top:15px; position:relative;}
.vip{width:48px; height:14px; background:url(../images/icon.png) no-repeat; background-position:0 -439px; position:absolute; top:2px; left:2px;}
.vip1{background-position:0 -421px;}
.vip2{background-position:0 -403px;}
.vip3{background-position:0 -386px;}
.vip4{background-position:0 -368px;}
.vip5{background-position:0 -351px;}
.vip6{background-position:0 -333px;}
.vip7{background-position:0 -315px;}
.vip8{background-position:0 -298px;}
.vip9{background-position:0 -280px;}
.level_line{width:194px; height:6px; position:absolute; top:6px; left:60px; position:relative;}
.level_line i{position:absolute; top:-4px; right:0; color:#e93900; font-size:10px;}
.level_line_l, .level_line_r{width:2px; height:6px; float:left; display:block; background:url(../images/icon.png) no-repeat;}
.level_line_l{background-position:-96px -203px;}
.level_line_r{background-position:-106px -203px;}
.level_num{max-width:190px; height:6px; background:url(/images/level_bg.jpg); float:left; display:inline; width:11%;}
.lately{padding:15px 0 0 15px;}
.lately h3{font-size:14px; color:#e93900;}
.lately ul{margin-top: 10px;}
.lately ul li{height:28px; line-height:26px; }
.lately ul li{color:#6c6c6c;}
.lately ul li img, .lately ul li a, .lately ul li em{float:left; display:block;}
.lately ul li img{width:14px; height:14px; border:1px solid #f1d6cd; margin-top:4px;}
.lately ul li a{width:110px; height: 22px; margin:0 5px; overflow:hidden; color:#6c6c6c;}
.lately ul li a.s_btn{width:67px; height:22px; display:block; background:url(../images/icon.png) no-repeat; background-position:0 -23px; text-align:center; line-height:22px; color:#fff; margin-left:5px;}
.lately ul li a.s_btn:hover{background-position:0 -49px;}

.log_ico{width:45px; height:45px; background:url(/images/log_ico.png) no-repeat; background-position:-89px 0; position:absolute; top:5px; right:5px; cursor:pointer; z-index:3;}
.log_ico_h{background-position:-89px -45px;}
.log_note{width:100px; height:26px; padding-left:34px; font:12px/26px Microsoft YaHei; color:#ff6d16; background:url(/images/log_ico.png) no-repeat; background-position:0 -90px; position:absolute; top:3px; right:40px;}
.log_eg{display:none;}
.log_ewm h2{padding-left:20px;}
.log_econ{padding-top:25px; text-align:center;}
.log_e{text-align:left; padding-left:120px; margin-top:15px; font-size:12px; color:#818181; line-height:20px; position:relative;}
.log_e i{width:30px; height:27px; background:url(/images/log_ico.png) no-repeat; background-position:-1px 0; position:absolute; top:50%; left:80px; margin-top:-13px;}
.log_e span{color:#f26522;}
.log_econ a{color:#818181; margin-top:20px; display:block;}
.log_econ a:hover{color:#1e94e9;}
.log_pho{width:107px; height:162px; position:absolute; top:79px; right:-58px; display:none;}

/*¶À´ú´ó×÷*/
.til{font:30px Microsoft YaHei; color:#565656; padding:20px 0 16px; height:40px; line-height:40px; position:relative;}
.only_li{margin-top:10px;}
.only_li ul li{width:590px; height:280px; border-radius:5px; overflow:hidden; float:left; display:inline; position:relative;}
.only_li ul li img{width:100%; height:100%;}
.only_li ul li+li{margin-left:20px;}
.only_txt{position:absolute; font-size:14px; color:#fff;}
.only_pc .only_txt{width:100%; height:184px; background:url(/images/pic_h.png) no-repeat; bottom:-184px; left:0;}
.only_name{margin-top:121px; line-height: 30px; float:left; display:inline; padding-left:20px;}
.only_name h2{font-size:22px; font-weight: normal;}
.only_name a{color:#fff;}
.only_btns{margin-top:144px; padding-right:20px; float:right; display:inline;}
.only_btns a{width:96px; height:28px; display:inline-block; border:1px solid #f26522; line-height:28px; color:#f26522; text-align:center; border-radius:5px; margin-left:10px;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.only_btns a:hover{color:#fff; background:#f26522;}

.only_mobile .only_txt{width:200px; height:100%; background:url(/images/mob_h.png) no-repeat right top; text-align:center; line-height:36px; top:0; right:-200px;}
.only_mobile .only_txt img{margin-top:43px; width:130px; height:130px; border-radius: 8px;}
.only_mobile .only_txt h3{margin-top:10px; font-size:20px; font-weight:normal;}

.only_h5 .only_txt{width:100%; height:100%; background:url(/images/only_sup.png); text-align:center; top:-280px; left:0;}
.only_h5 .only_txt h3{margin-top:98px; font-size:24px; font-weight:normal;}
.onlyh5_btn{width:132px; height:40px; background:#f26522; font-size:18px; line-height:40px; margin:20px auto 0; color:#fff; display:block; border-radius:5px;}

/*×ó²à*/
.m_conl{width:833px; float:left; display:inline;}

/*ÈÈÃÅÓÎÏ·*/
.hot_games{height:320px; margin-top:10px;}
.hot_games ul li{width:261px; height:320px; border-radius:5px; overflow:hidden; float:left; display:block; margin-right:25px; color:#f4f4f4; position:relative;
	-webkit-transition: box-shadow .3s linear, transform .3s linear;
	-o-transition: box-shadow .3s linear, transform .3s linear;
	transition: box-shadow .3s linear, transform .3s linear;
}
.hot_games ul li img{width:100%; height:100%;}
.ico_h{width:51px; height:51px; background:url(../images/icon.png) no-repeat; position:absolute; top:0; left:0;}
.ico_hh5{background-position:-93px 0;}
.ico_hmob{background-position:-153px 0;}
.ico_hpc{background-position:-213px 0;}
.hot_dec{width:235px; height:65px; padding:35px 13px 0; background:url(../images/hot_sup.png) no-repeat center bottom; position:absolute; bottom:0; left:0; z-index:2;}
.hot_dec h3, .hot_name{font-size:21px; font-weight:normal; color:#f4f4f4;}
.hot_dec p{font-size:15px; margin-top:7px;}
.hot_btns{width:65px; position:absolute; top:253px; right:15px;}
.hot_btn{width:63px; height:20px; display:block; border:1px solid #fff; border-radius:5px; text-align:center; line-height:20px; color:#fff;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;

}
.hot_btn:hover{border-color:#f26522; background:#f26522;}
.hot_txt{width:100%; height:100px; background:url(/images/bg_sup.png); text-align:center; position:absolute; bottom:-157px; left:0; z-index:3;}
.hot_pc p{text-align: center; margin-top: 13px;}
.hot_pc p a, .hot_pc p i{display: inline-block;}
.hot_pc p i{width: 2px; height: 17px; background: #ffe6dc; margin: 0 10px;}
.hot_pc p a{
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.hot_pc p a:hover{opacity:0.95; filter:alpha(opacity=95);}
.h_home, .h_gift{width: 22px; height: 19px; background: url(../images/icon.png) no-repeat;}
.h_home{background-position: -60px -329px;}
.h_gift{background-position: -96px -330px;}

.hot_mob{line-height:32px; font-size: 14px; color:#ffe6dc;}
.hot_mob img{margin:-57px 0 0;}
.hot_games ul li .hot_mob img{width:115px; height:115px; border-radius: 5px;}
.hot_txt h3{font-size:20px; font-weight:normal; color:#fff;}
.hot_h5 h3,.hot_pc h3{margin-top:15px;}
.hoth5_btn{width:99px; height:31px; border-radius:5px; background:rgba(255, 249, 247, 1); color:#f26522; font-size:14px; text-align:center; line-height:31px; margin:15px auto 0; display:block;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.hoth5_btn:hover{background:rgba(255, 249, 247, 0.95); color: #dc4700;}

.hot_btns .w_home{background-position:-116px -254px; margin-left:10px;}
.hot_btns .w_gift{background-position:-135px -254px;}
.hot_btns p{margin-top:15px;}

/*ÆäËûÒ³ÓÎ*/
.til h2{font-size:23px; font-weight:normal; float:left; display:inline;}
.more{float:left; display:inline;}
.more, .mnew_more{font-size:12px; color:#8f8f8f; margin-left:25px; padding-right:10px; position:relative;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.more i, .mnew_more i{width:6px; height:10px; background:url(../images/icon.png) no-repeat; background-position:-43px -255px; position:absolute; top:50%; right:0; margin-top:-5px;}
.more:hover, .mnew_more:hover{padding-right:15px; color: #f26522;}
.more:hover i, .mnew_more:hover i{background-position:-56px -255px;}
.change{padding-right:20px; font-size:12px; color:#8f8f8f; cursor:pointer; position:absolute; top:40px; right:0;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	transition: color .3s ease-out;
}
.change i{width:17px; height:15px; background:url(../images/icon.png) no-repeat; background-position:-1px -252px; position:absolute; top:50%; right:0; margin-top:-7px;
	-webkit-transition:transform .3s linear ;
	-o-transition:transform .3s linear ;
	transition:transform .3s linear ;
}
.change:hover{color: #f26522;}
.change:hover i{background-position:-23px -253px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.web_games{margin-top:3px; position:relative;}
.w_game{width:219px; height:328px; margin:0 30px 15px 0; float:left; display:block; }
.w_eg, .m_eg{width:100%; height:100%; border-radius:5px; overflow:hidden; background:#fff;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

}
.w_game:hover .w_eg, .m_game:hover .m_eg, .hot_games ul li:hover{
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.08);
	box-shadow: 0 3px 7px rgba(0,0,0,.08);
	-webkit-transform: translate3d(0, -4px, 0);
	-ms-transform: translate3d(0, -4px, 0);
	-o-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
	position:relative; z-index:4;
}
.w_eg p{
	padding-left: 15px;
	color: #8f8f8f;
}

.hot_games ul li:hover{
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.35);
	box-shadow: 0 3px 7px rgba(0,0,0,.35);
}
.w_pic, .w_pic img{width:100%; height:216px;}
.w_dec{padding:15px 70px 0 15px; height:29px; font-size:12px; line-height:20px; color:#8f8f8f; position:relative;}
.w_til{font-size:14px; color:#6b6b6b; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w_btns{width:54px; position:absolute; top:15px; right:15px;}
.w_in{width:62px; height:20px; border:1px solid #c7c7c7; border-radius:5px; text-align:center; line-height:20px; color:#8f8f8f; display:block;
	-webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
	-o-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
	transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
}
.w_in:hover{background:#f26522; color:#fff; border-color:#f26522;}
.w_btns p i, .hot_btns p i{width:1px; height:12px; background:#d6d5d5; float:left; display:inline; margin:2px 8px 0;}
.hot_btns p i{background:#fff;}
.w_home, .w_gift{width:15px; height:14px; float:left; display:block; background:url(../images/icon.png) no-repeat;}
.w_home{background-position:-70px -252px; margin-left:7px;}
.w_home:hover{background-position:-90px -252px;}
.w_gift{background-position:-111px -252px;}
.w_gift:hover{background-position:-130px -252px;}

.web_lis{ top:0; left:0;}
.web_lis.cur, .mob_lis.cur{display:block;}
.pull-right{float: right;}
.pr-10{padding-right:10px;}
.red-600{color: red}

.mob_lis div,.web_lis div{
	cursor:pointer;
}

/*ÊÖ»úÓÎÏ·*/
.mob_games{height:283px; margin-top:10px; position:relative;}
.mob_lis{height:283px; position:absolute; top:0; left:0;}
.m_game{width:261px; height:129px; margin:0 15px 15px 0; float:left; display:inline; position:relative;}
.m_eg{width:139px; height:109px; padding:20px 0 0 122px; border-radius:5px; line-height:26px; overflow:hidden; background:#fff; position:relative;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.m_pic{width:90px; height:90px; border-radius:10px; overflow:hidden; position:absolute; top:20px; left:20px;}
.m_pic img{width:100%; height:100%;}
.m_pic i{width:21px; height:22px; background:url(../images/icon.png) no-repeat; background-position:-215px -192px; position:absolute; bottom:0; right:0;}
.m_name{font-size:15px; font-weight:normal; color:#565656;}
.m_eg p{color:#8f8f8f;}
.m_start{width:72px; height:22px; border:1px solid #f26522; border-radius:5px; display:block; color:#f26522; line-height:22px; text-align:center; margin-top:6px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.m_down{border-color:#3ac344; color:#3ac344;}
.m_start:hover{background:#f26522; color:#fff;}
.m_down:hover{background:#3ac344;}



.m_conr{width:340px; float:right; display:inline;}
.mnew_box{height:310px; padding:10px 10px 0; border-radius:5px; background:#fff; margin-top:10px;position:relative;}
.mnew_til{width:182px;}
.mnew_til, .m_ser_til{height:20px; border-radius:5px; border:1px solid #f26522; position:absolute; top:-36px; right:0;}
.mnew_til a+a, .m_ser_til a+a{border-left:1px solid #f26522;}
.mnew_til a, .m_ser_til a{width:60px; height:20px; line-height:20px; color:#8f8f8f; text-align:center; float:left; display:block;}
.mnew_til a.cur, .m_ser_til a.cur{background:#f26522; color:#fff;}
.mnew_pic{height:96px; border-radius:5px; overflow:hidden; position:relative;}
.pic_new, .pic_new img{width:100%; height:100%; display:block;}
.mnew_stil{width:100%; height:30px; text-align:center; position:absolute; bottom:0; left:0;}
.stil_bg{width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
.mnew_stil p{width:300px; height:30px; line-height:30px; color:#fff; padding:0 10px; position:absolute; top:0; left:0;}
.mnew_stil p a{color:#fff; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	-webkit-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.mnew_stil p a:hover{color: #f26522;}
.mnew_lis{margin-top:5px;}
.mnew_sli{height:182px; padding-bottom:28px; position:relative; display:none;}
.mnew_sli ul li{height:32px; line-height:32px; color:#8f8f8f;}
.mnew_sli ul li a{color:#8f8f8f; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	-webkit-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.mnew_sli ul li:hover a{color:#f26522;}
.mnew_more{line-height:28px; margin-left:0; position:absolute; bottom:2px; left:280px;}


.m_ser_box{height:720px; padding:0 12px; border-radius:5px; margin-top:10px; background:#fff; position:relative;} /*右侧高度*/
.m_ser_til{width:121px;}

.m_ser_egcon{height:450px;}
.m_ser_egli, .m_ser_eg{display:none;}
.m_ser_egli table{width:100%; text-align:center; color:#8f8f8f; border-collapse:separate;}
.m_ser_egli table tr{height:55px; line-height:55px;}
.m_ser_egli table tr, .m_ser_egli table tr a{
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.m_ser_egli table th{font-size:14px; font-weight:bold; color:#f26522;}
.m_ser_egli table td a{color:#8f8f8f;}
.m_ser_egli table tr:hover{background:#fefbfa; color:#f26522; border-radius:5px;}
.m_ser_egli table tr:hover a{color:#f26522;}
.m_ser_egli table tbody tr{cursor:pointer;}
.pc_egcon table td a{width: 104px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.m_ser_egli table tr:hover td:first-child{border-top-left-radius:5px; border-bottom-left-radius:5px;}
.m_ser_egli table tr td:last-child{border-top-right-radius:5px; border-bottom-right-radius:5px;}
.pre_pic{width:36px; height:36px; display:inline-block; border-radius:5px; overflow:hidden; vertical-align:middle; position: absolute; top: 7px; left: 10px;}
.pre_pic img{width:100%; height:100%;}
.pre_txt{width: 76px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pre_l{text-align:left; padding-left:50px; position: relative;}

.m_ser_ico{text-align:center; padding:15px 0;}
.m_ser_ico i{width:8px; height:8px; margin:0 3px; display:inline-block; border-radius:100%; background:#8c8c8c; text-indent:-15px; overflow:hidden; cursor:pointer;}
.m_ser_ico i.on{background:#f26522;}

/*¿ìËÙÍ¨µÀ*/
.fast_box{height:283px; padding:0 11px; background:#fff; margin-top:10px; border-radius:5px;}
.fast_con{padding:21px 0; border-bottom: 1px solid #f2f2f2;}
.fast_con a{width:66px; height:54px; padding-left:40px; line-height:54px; color:#8f8f8f; float:left; display:block; position:relative;
	-webkit-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.fast_con a span{
	-webkit-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	transition: padding .2s linear;
}
.fast_con a:hover{color: #f26522;}
.fast_con a:hover span{padding-left:5px;}
.ico_f{width:20px; height:21px; background:url(../images/icon.png) no-repeat; position:absolute; top:50%; left:14px; margin-top:-10px;}
.ico_f1{background-position:1px -222px;}
.ico_f2{background-position:-25px -222px;}
.ico_f3{background-position:-49px -222px;}
.ico_f4{background-position:-75px -222px;}
.ico_f5{background-position:-99px -222px;}
.ico_f6{background-position:-124px -222px;}
.ico_f7{background-position:-150px -222px;}
.ico_f8{background-position:-175px -222px;}
.ico_f9{background-position:-199px -222px;}
.fast_con a:hover .ico_f1{background-position:-51px -362px;}
.fast_con a:hover .ico_f2{background-position:-77px -362px;}
.fast_con a:hover .ico_f3{background-position:-101px -362px;}
.fast_con a:hover .ico_f4{background-position:-127px -362px;}
.fast_con a:hover .ico_f5{background-position:-151px -362px;}
.fast_con a:hover .ico_f6{background-position:-176px -362px;}
.fast_con a:hover .ico_f7{background-position:-202px -362px;}
.fast_con a:hover .ico_f8{background-position:-227px -362px;}
.fast_con a:hover .ico_f9{background-position:-251px -362px;}

.kf{width: 314px; height:48px; background:#eee; margin:14px auto 0;  font-size:18px; line-height:20px; border-radius:5px;}
.kf a{height: 42px; display: block; padding:6px 0 0 123px; color:#8f8f8f; position:relative;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.kf span{font-size:12px; display: block;}
.ico_kf{width:32px; height:33px; background:url(../images/icon.png) no-repeat; background-position:-60px -284px; position:absolute; top:50%; left:76px; margin-top:-16px;}
.kf a:hover{color: #f26522;}
.kf a:hover .ico_kf{background-position:-102px -284px;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/*footer*/
.foot{text-align:center; background:#ececec; padding-bottom:20px; margin-top:40px; font-size:13px; color:#b0b0b0;}
.foot a:hover{text-decoration:underline;}
.f_head{height:50px; line-height:50px; position:relative;}
.f_head a{color:#626161; margin:0 8px;}
.f_ico{position:absolute; top:0; right:0; height:50px;}
.f_ico a{width:24px; height:20px; float:left; display:block; margin-top:15px; background:url(../images/icon.png) no-repeat; background-position:-118px -196px;}
.f_ico a.f_wx{background-position:-155px -196px; position:relative;}
.f_ico a.f_wx img{position:absolute; bottom:30px; left:-35px; display:none;}
.f_links{height:34px; line-height:34px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.f_links a{color:#b0b0b0; margin:0 5px;}
.f_logo{padding:15px 0 20px;}
.f_logo span{display:inline;}
.f_logo span a{margin-left:15px;}
.f_logo p{width:820px; line-height:22px;display:inline; text-align:left;}
.f_logo p a{color:#b0b0b0;}
.f_logo a:hover{text-decoration:none;}
.f_pic{line-height:47px; padding-top:20px;}
.f_pic a{display:inline-block; margin:0 10px; color:#b0b0b0;}
.f_pic_m img{float:left; display:inline;}
.f_pic_m i{float:left; display:inline-block; line-height:47px; margin-left:10px;}


.modal{
	top: -50%!important;
}

.modal .form-input.code input {
    width: 150px!important;
}
.code input{
	width: 52%!important;
	padding: 0px!important;
	height: 35px!important;
}

.code span img{
	padding-top:4px;cursor:pointer;border: 0 none;vertical-align: top;float: right;padding-right: 5px;
}