@charset "utf-8";
/* @author -------- cued.xunlei.com - Jacky zhaoxuanjie@xunlei.com
 * @time   -------- 2012-11-13
 * @type   -------- introduce page style */
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{-webkit-text-size-adjust: none;margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.6 tahoma,arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;resize: none;}table{border-collapse:collapse;border-spacing:0;}

/*login*/
.logpage_info:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.logpage_info{*zoom:1;}

.head,.wrap,.footer{ background:none repeat scroll 0 0 #fff;}
.logo{ width:1000px; margin:0 auto; background:none repeat scroll 0 0 #fff;}
.logo{ height:80px;}
.logo h1{ width:305px; height:53px; padding:15px 0 0 20px;}
.logo h1 a{ width:305px; height:53px; display:block; position:relative; overflow:hidden;}
.logo h1 a .i_logo{ width:305px; height:53px; display:block; position:absolute; left:0; top:0; background:url(../img/logo_login.jpg) no-repeat; cursor:pointer;}
.logo h2{ text-indent:-999em;}

.ban{ width:1000px; height:460px; margin:0 auto; position:relative; zoom:1;}
.banner{ width:960px; height:460px; margin:0 auto; background-color:#2270ca;}
.banner_ul{ height:460px; overflow:hidden;}
.banner_ul li{ height:460px; overflow:hidden;}
.banner_ul li .pic_wrap{ height:370px; overflow:hidden;}
.banner_ul li .banner_info{ padding:14px 0 0 20px; width:400px; height:76px; color:#fff;}
.banner_ul li .banner_info h3{ font-size:18px; font-weight:normal; line-height:1.6; font-family:\5FAE\8F6F\96C5\9ED1;}
.banner_ul li .banner_info p{ font-size:12px; line-height:1.6; filter:alpha(opacity=50); opacity:.5; *zoom:1;}

.ban_btns{ position:absolute; height:12px; left:490px; top:411px;}
.ban_btns p{ text-align:center;}
.ban_btns p a{ width:12px; height:12px; display:inline-block; vertical-align:top; margin-right:10px; color:#fff; background:url(../img/login_icon.png) no-repeat -13px -426px; overflow:hidden; filter:alpha(opacity=50); opacity:.5; font-size:0; line-height:0;}
.ban_btns p a:hover,.ban_btns p .on{ text-decoration:none; background-position:0 -426px; filter:alpha(opacity=100); opacity:1;}

.log{ position:absolute; width:280px; height:420px; right:40px; top:20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#ccffffff', endColorstr='#ccffffff'); background:rgba(255,255,255,0.8); box-shadow:0 0 4px #c8c8c8; border:1px solid #e0e0e0; overflow:hidden;}
.login,.loged{ padding:20px 25px 0; font-family:\5FAE\8F6F\96C5\9ED1;}
.login h3,.loged h3{ font-size:16px; font-weight:normal; line-height:1.2; margin:0 0 26px;}
.inps_wrap{ margin:0 0 10px; width:230px; height:40px; position:relative;}
.inp_txt,.inp_code{ width:220px; height:20px; font-size:14px; padding:10px 0 10px 10px; background:url(../img/spr_log.png) no-repeat 0 0; border:none; outline:0 none; overflow:hidden;}
.inp_txt .txt_name{ background:url(../img/spr_log.png) no-repeat 0 -165px;}
.inp_txt .txt_pwd{ background:url(../img/spr_log.png) no-repeat 0 -186px;}
.inp_code{ width:90px; background-position:0 -82px; float:left;}
.inp_txt input,.inp_code input{ width:210px; height:20px; font:14px/20px arial,\5b8b\4f53; color:#d2d2d2; border:none; outline:none; background:none; float:left;}
.inp_code input{ width:80px;}
.inp_code .txt_code{ background:url(../img/spr_log.png) no-repeat 0 -207px;}
.inp_txt:hover{ background-position:0 -41px;}
.inp_code:hover{ background-position:-130px -82px;}
.txtfocus{ background-position:0 -41px;}
.codefocus{ background-position:-130px -82px;}
.inp_txt .fonttxt,.inp_code .fonttxt{ font:bold 16px/20px arial,\5b8b\4f53; color:#444;}
.inp_txt .txt_nobg{ background:url(../img/spr_log.png) no-repeat 0 -230px;}
.imgspan{width:80px; height:40px; display:inline-block; margin:0 0 0 6px; overflow:hidden;}
.inps{ height:24px; line-height:24px;}
.inps a{ float:right; color:#2270ca; *line-height:20px;}
.inps input{ vertical-align:-2px; *vertical-align:-3px;}
.btn_p{ padding:20px 0 0;}
.btn_p b{ font-weight:normal;}
.opc5{ filter:alpha(opacity=50); opacity:.5; display:block; *zoom:1;}
.logbtn{ width:230px; height:40px; display:block; text-align:center; line-height:40px; font-size:16px; color:#fff; background:url(../img/spr_log.png) no-repeat 0 -123px; margin:0 auto; overflow:hidden; filter:alpha(opacity=90); opacity:.9;}
a.logbtn:hover{ text-decoration:none; filter:alpha(opacity=100); opacity:1;}
.loged{ text-align:center;}
.loged_info{ height:150px; position:relative;}
.loged_info .png{ width:50px; height:50px; padding:6px; display:block; margin:0 auto; background:url(../img/photobg.png) no-repeat;}
.loged_info .user_name{ line-height:2;}
.loged_pic{ position:absolute; left:10px; top:10px; width:50px; height:50px; overflow:hidden;}
.loged_textbox{ padding:10px 0 30px;}
.loged .loged_textbox h3{ margin:20px 0 4px;}
.loged_textbox p{ line-height:1.8; color:#5d5d5d;}
.links_p{ height:24px; font-size:12px; line-height:24px; text-align:right; padding:6px 0 0;}
.links_p a{ color:#2270ca;}
.loged .links_p{ font-size:14px;}
.loged .links_p a{ padding-right:16px; background:url(../img/login_icon.png) no-repeat right -444px;}

.mi-btn{ margin:14px 0 4px;}
.mi-btn p{ margin-bottom:4px;}
.btn-mi{ display:block; width:230px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:url(../img/spr_log.png) no-repeat 0 -277px; overflow:hidden; cursor:pointer;}
.btn-mi span{ display:inline-block;}
.ico-mi{ float:left; margin:13px 8px 0 0; width:23px; height:14px; background:url(../img/spr_log.png) no-repeat 0 -359px;}
.btn-mi:hover{ text-decoration:none; background-position:0 -318px;}

.log_abs_message{ width:210px; font-size:12px; height:36px; position:absolute; left:-2px; top:-32px; overflow:hidden;}
.log_abs_rel{ padding:0 0 0 10px; width:200px; height:36px; background:url(../img/png_sp.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png_sp.png"); _background:none;}
.log_abs_rel a{ float:left; display:inline-block; width:18px; height:18px; margin-top:7px; position:relative; text-indent:-999em;}
.log_abs_rel em{ color:#000; display:inline-block; height:34px; line-height:34px; float:left; padding-left:4px; overflow:hidden; position:relative;}
.log_abs_rel span{ display:inline-block; float:left; height:30px; padding-right:10px;}

.main{ width:1000px; margin:-90px auto 0; padding:90px 0 0; background:url(../img/log_bg.jpg) no-repeat center top;}
.logpage_info{ padding:16px 0 12px 32px; font-family:\5FAE\8F6F\96C5\9ED1;}
.logpage_info li{ float:left; display:inline; width:292px; padding:0 28px 0 0;}
.logpage_info li a{ padding:0 0 0 84px; height:70px; display:block; color:#959595;}
.logpage_info li a strong{ font-weight:normal; color:#646464; line-height:24px;}
.logpage_info li a p{ line-height:18px;}
.logpage_info li a:hover{ color:#2270ca; text-decoration:none;}
.logpage_info li a:hover strong{ color:#2270ca;}
.a_icon1,.a_icon2,.a_icon3{ background:url(../img/login_icon.png) no-repeat;}
.a_icon1{ background-position:0 0;}
.a_icon2{ background-position:0 -71px;}
.a_icon3{ background-position:0 -142px;}
.a_icon1:hover{ background-position:0 -213px;}
.a_icon2:hover{ background-position:0 -284px;}
.a_icon3:hover{ background-position:0 -355px;}

.logtop{ margin:0 10px; border-bottom:1px solid #d8d8d8; font-family:\5FAE\8F6F\96C5\9ED1;}
.logtop .logtop_info{ padding:20px 15px 0; height:56px; border-bottom:1px solid #fff; overflow:hidden;}
.logtop .logtop_info h3{ font-weight:normal;}
.logtop .logtop_info .logtop_name{ font-size:14px; line-height:1.3; color:#4c8dfa;}

.footer{ width:960px; margin:0 auto; padding:16px 0; border-top:1px solid #e7f0fa;}
.footer p{ text-align:center; color:#b4b4b4; font-family:tahoma; line-height:1.8;}

.top_tips{ width:100%; height:24px; border-bottom:1px solid #fdc57b; background-color:#ffe9ad;}
.tt_rel{ width:1000px; height:24px; margin:0 auto; position:relative; font-family:\5b8b\4f53;}
.tt_info{ width:1000px; height:24px; border-bottom:1px solid #fdc57b; background-color:#ffe9ad; position:absolute; left:0; top:0; color:#e98740; line-height:24px; text-align:center;}
.tt_info a{ color:#e98740;}