@charset "utf-8";
/* ================================ */
/* 商城注册登录页面相关样式定义 			*/
/* Author:			8988354@qq.com		*/
/* Copyright:		www.shopwwi.com	*/
/* Create Date:		Aug-10-2012		*/
/* Retrofit Date:	Sep-01-2012		*/
/* ================================ */

body { background-color: #f7f7f7;}
a { color: #06C;}

.header-wrap { width: 100%; height: 80px; border-bottom: solid 2px #F5F5F5; background-image:none !important; background-color:#fff !important;}
.public-head-layout { height: 80px;}
.header-wrap .wrapper { width: 1000px}

.public-head-layout .sites-logo {width: 240px; height: 60px; float: left;}
.public-head-layout .nc-login-now { font-size: 14px; color: #AAA; line-height: 24px; float: right; height: 24px; margin-top: 50px;}
.public-head-layout .nc-login-now a { font-weight: 600; margin-left: 4px;}
.public-head-layout .nc-regist-now { font-size: 14px; color: #AAA; line-height: 20px; float: right; height: 40px; margin-top: 30px;}
.public-head-layout .nc-regist-now span { vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
.public-head-layout .nc-regist-now .avatar { width: 40px; height: 40px; margin-right: 6px; border-radius: 100%;}
.public-head-layout .nc-regist-now .avatar img { width: 40px; height: 40px; border-radius: 100%;}
.public-head-layout .nc-regist-now a { font-weight: 600; margin-left: 4px;}


.nc-register-bg { background: #FAFAFA url(../images/register_bg.png) repeat 50% 50% ; width: 100%; height: 680px; overflow: hidden;}
.nc-register-box { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#26000000', endColorstr='#26000000');background:rgba(0,0,0,0.15); width: 860px; height: 560px; padding: 10px; margin: 60px auto;}
.nc-register-layout { background-color: #FFF; display: block; width: 820px; height: 520px; padding: 19px; border: solid 1px #CCC; overflow: hidden;}
.nc-register-layout .left { width: 600px; height: 520px; float: left;}
.nc-register-mode { width: 580px;}
.tabs-nav { font-size: 0;  word-spacing:-1em; border-bottom: solid 1px #E6E6E6;}
.tabs-nav li { vertical-align: bottom; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 50%; height: 40px; margin-bottom: -1px; *zoom: 1;}
.tabs-nav li a { font-size: 18px; color: #999; line-height: 24px; padding-bottom: 13px; position: relative; z-index: 1;}
.tabs-nav li a:hover { text-decoration: none; color: #000;}
.tabs-nav li a.tabulous_active { color: #F32613; display: block; border-bottom: 3px solid #F32613}
.tabs-nav li a i { font-size: 0; line-height: 0; border-color: #F32613 transparent transparent transparent; border-style: solid dashed dashed dashed; border-width: 7px; display: none; width: 0; height: 0; margin-left: -4px; position: absolute; z-index: 1; left: 50%; bottom: -17px;}
.tabs-nav li a.tabulous_active i { display: block;}
.tabs-container { position: relative; z-index: 1;}
.nc-register-mode .tabs-content { padding: 50px 80px 0 100px;}
.nc-login-form { display: block;}
.nc-login-form dl { background-color: #FFF; width: 398px; height: 52px; margin-top: -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-login-form dl.focus { border-color: #7ABD54; z-index: 3;}
.nc-login-form dl.error { border-color: #F32613 !important; z-index: 2;}
.nc-login-form dl dt { font-size: 14px; line-height: 20px; color: #666; width: 72px; padding: 16px 0 16px 20px; float: left;}
.nc-login-form dl dd { height: 28px; float: left; padding: 12px 0;}
.nc-login-form dl dd .text { font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width: 290px; height: 28px; padding: 0; border: none 0;}

.nc-login-form dl .note { color: #CCC; line-height: 16px; width: 145px; height: 32px; position: absolute; z-index: 1; top: 10px; left: 245px;}
.nc-login-form dl.focus .note { color: #7ABD54;}

.nc-login-form .code-div { width: 100%; height: 54px;}
.nc-login-form .code-div dl { width: 277px; float: left;}
.nc-login-form .code-div span { width: 120px; height: 52px; float: left; margin: -1px 0 0 -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-login-form .code-div span img { width: 120px; height: 52px;}
.nc-login-form .code-div span a { font-size: 14px; text-decoration: none; line-height: 52px; color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); text-align: center; display: none; width: 120px; height: 52px; position: absolute; z-index: 1; top: 0; left: 0;}
.nc-login-form .code-div span:hover a { display: block;}
.nc-login-form .clause-div { font-size: 14px; color: #666; line-height: 30px; width: 400px; height: 30px; margin-top: 15px; border: none 0;}
.nc-login-form .clause-div dd { padding: 0; height: auto;}
.nc-login-form .clause-div .checkbox { vertical-align: middle; margin-right: 8px;}
.nc-login-form .tiptext { line-height: 20px; color: #999; margin: 15px 0;}
.nc-login-form .tiptext a { line-height: 22px; color: #FFF; background-color: #21b384; vertical-align: middle; display: inline-block; height: 22px; padding: 0 8px; margin: 0 4px; border-radius: 2px;}
.nc-login-form .tiptext a:hover { text-decoration: none; background-color: #1FA67A;}
.nc-login-form .tiptext a i { font-size: 14px; margin-right: 4px;}
.nc-login-form .submit-div { margin-top: 15px;}
.nc-login-form .submit-div .submit { font-family: "microsoft yahei"; font-size: 16px; font-weight: 600; color: #FFF; background-color: #F32613; width: 398px; height: 42px; border: solid 1px #D91E17; border-radius: 3px; cursor: pointer;}

.nc-login-form label.error { color: #000; line-height: 24px; background: #FFF5D9 no-repeat 0 0; text-align: left; white-space: nowrap; height: 24px; padding: 8px 12px 8px 24px; position: absolute; z-index: 2; top: 5px; left: 300px; }
.nc-login-form label.error i { font-size: 24px; margin-right: 12px; color: #FF875A; vertical-align: middle;}
.nc-login-form .clause-div label.error { top: -5px; right: 50px;}
.nc-login-form .code-div label.error { background: transparent none; min-width: auto; padding: 0; top: 15px; right: 0; left: auto;}

.transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; }
.showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; display: none\9; ;/*ie6,ie7,ie8*/}
.showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; display: block\9; ;/*ie6,ie7,ie8*/}
.hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none\9; ;/*ie6,ie7,ie8*/ opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); display: block\9; ;/*ie6,ie7,ie8*/ opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.tabulousclear { display: block; clear: both; }
.nc-register-layout .right { width: 200px; height: 500px; float: right; padding: 20px 0 0 19px; border-left: solid 1px #E6E6E6;}
.nc-register-layout .right h4 { font-size: 14px; line-height: 20px; height: 20px; margin-bottom: 20px; color: #333;}
.nc-register-layout .right .api-login { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dashed 1px #E6E6E6;  }
.nc-register-layout .right .api-login a { vertical-align: top; display: inline-block; *display: inline; width: 42px; margin-left: 12px; *zoom: 1;}
.nc-register-layout .right .api-login a i { background: url(../images/login_pic.png) no-repeat; display: block; width: 42px; height: 42px;}
.nc-register-layout .right .api-login a.qq i { background-position: -126px -32px;}
.nc-register-layout .right .api-login a.sina i { background-position: -168px -32px;}
.nc-register-layout .right .api-login a.wx i { background-position: -210px -32px;}
.nc-register-layout .right .reister-after li { color: #999; line-height: 24px; margin-bottom: 10px; padding-left: 12px;}
.nc-register-layout .right .reister-after i { background: url(../images/login_pic.png) no-repeat; vertical-align: middle; display: inline-block; width: 24px; height: 24px; margin-right: 8px;}
.nc-register-layout .right .reister-after .ico01 i { background-position: 0 -76px;}
.nc-register-layout .right .reister-after .ico02 i { background-position: -30px -76px;}
.nc-register-layout .right .reister-after .ico03 i { background-position: -60px -76px;}
.nc-register-layout .right .reister-after .ico04 i { background-position: -90px -76px;}
.nc-register-layout .right .reister-after .ico05 i { background-position: -120px -76px;}
.nc-register-layout .right .reister-after .ico06 i { background-position: -150px -76px;}


/* 注册表单样式 */
.nc-login-layout { width: 1000px; margin: 60px auto; position: relative; z-index: 1;}

.nc-login-layout .openid { font-size: 14px; color: #AAA; line-height: 20px; height: 40px; position: absolute; z-index: 1; top: -70px; right: 0;}
.nc-login-layout .openid span { vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
.nc-login-layout .openid .avatar { width: 40px; height: 40px; margin-right: 6px; border-radius: 100%;}
.nc-login-layout .openid .avatar img { width: 40px; height: 40px; border-radius: 100%;}
.nc-login-layout .openid a { font-weight: 600; margin: 0 4px;}

.nc-login { background-color:rgba(255,253,245,1);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5FFFFFF,endcolorstr=#E5FFFFFF)\9; width: 380px; padding: 19px 19px 29px 19px; border: solid 1px #E6E6E6; float:right; position: relative; z-index: 1;}
.nc-login .arrow { background: url(../images/login_pic.png) no-repeat -280px 0; width: 17px; height: 9px; position: absolute; z-index: 1; top: -9px; left: 160px;}
.nc-login .tabs-container { margin-top: 30px; padding: 0 15px 20px 15px;}
.nc-login .tabs-content { width: 352px; }
.nc-login .nc-login-form dl { width: 348px;}
.nc-login .nc-login-form dl dd .text { width: 240px;}
.nc-login .nc-login-form .code-div dl { width: 228px;}
.nc-login .nc-login-form .handle-div { line-height: 20px; margin-top: 15px; overflow: hidden;}
.nc-login .nc-login-form .handle-div .auto { color: #999; float: left;}
.nc-login .nc-login-form .handle-div .auto .checkbox { vertical-align: middle; display: inline-block; margin-right: 4px;}
.nc-login .nc-login-form .handle-div .auto em { line-height: 20px; color: #ff3238; vertical-align: top; display: inline-block; margin-left: 6px;}
.nc-login .nc-login-form .handle-div .forget { float: right;}
.nc-login .nc-login-form .submit-div .submit { width: 348px;}

.nc-login-api { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 340px; margin: 0 auto; }
.nc-login-api h4 { font-size: 12px; line-height: 20px; color: #333; font-weight: 600; height: 20px; margin-bottom: 10px;}
.nc-login-api a { font-size: 12px; text-decoration: none; color: #AAA; vertical-align: top; display: inline-block; *display: inline; height: 32px; margin-right: 24px; *zoom: 1;}
.nc-login-api a i { background: url(../images/login_pic.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline; width: 32px; height: 32px; margin-right:6px; *zoom: 1;}
.nc-login-api a.qq i { background-position: 0 0;}
.nc-login-api a.sina i { background-position: -32px 0;}
.nc-login-api a.wx i { background-position: -64px 0;}
.nc-login-api a.qq:hover { color: #3EB6E8;}
.nc-login-api a.qq:hover i { background-position: -96px 0;}
.nc-login-api a.sina:hover { color: #F77260;}
.nc-login-api a.sina:hover i { background-position: -128px 0;}
.nc-login-api a.wx:hover { color: #4EA335;}
.nc-login-api a.wx:hover i { background-position: -160px 0;}



.nc-login-layout .left-pic { width: 480px; height: 460px; float:left; margin: 30px 0; position: relative; z-index:1;}
.nc-login-layout .left-pic img { max-width: 480px; max-height: 460px; position: absolute; z-index:1; top:0; left:0 }
.nc-login-layout .left-pic span { position:absolute; z-index: 2; top:220px; left:100px; line-height:32px; font-size: 24px; font-family:"microsoft yahei"; width: 250px; text-align: center; }
.nc-login-layout .left-pic p a { color: #FFF; position:absolute; z-index: 2; top:270px; left: 165px; line-height:28px; font-size: 12px; width: 120px; text-align: center; }
.nc-login-left { line-height: 22px; color: #626A73; display: inline; width: 450px; float: left; margin: 10px 0;}
.nc-login-left h3 { font-size:18px; font-family: "microsoft yahei"; font-weight:700; color: #555; line-height: 30px; margin-top: 2px; margin-bottom: 6px;}
.nc-login-left ol { width: 420px; margin-top: 20px;  border-bottom: dashed 1px #E7E7E7;}
.nc-login-left ol li { font-family: "microsoft yahei"; font-size: 14px; line-height: 48px; display: block; vertical-align: middle; width: 200px; height: 48px; float: left; padding: 0 0 12px 0; margin: 0 0 5px 10px; overflow: hidden;}
.nc-login-left ol li i { display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; width: 48px; height: 48px; margin-right:10px;}
.nc-login-left ol li.ico01 i { background-position: -256px 0;}
.nc-login-left ol li.ico02 i { background-position: -304px 0; }
.nc-login-left ol li.ico03 i { background-position: -352px 0; }
.nc-login-left ol li.ico04 i { background-position: -256px -48px; }
.nc-login-left ol li.ico05 i { background-position: -304px -48px; }
.nc-login-left ol li.ico06 i { background-position: -352px -48px; }


@media projection, screen {
.ui-tabs-hide {
	display: none;
}
}
@media print {
.ui-tabs-nav {
	display: none;
}
}

.ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}



.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}

.ui-tabs-loading em {
	background: url(../images/loading.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
}
* html .ui-tabs-nav {
	display: inline-block;
}
*:first-child+html .ui-tabs-nav {
	display: inline-block;
}

/*新版登入页面*/
.new-login-main{width:100%;height:auto;min-height:300px;display:inline-block}
.new-login-main .login-box{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;width:840px;min-height:500px;margin:0 auto;height:auto}
.new-login-main .login-box .lb-ads{width:840px;height:90px;position:relative;display:table-cell;vertical-align:middle; background: #fff000;}
.new-login-main .login-box .lb-ads img{position:absolute;top:0;left:0}
.new-login-main .login-box .lb-ads p{font-size:14px;color:#333;line-height:28px;margin-left:72px;margin-right:90px;width:auto;width:478px;word-break:break-all;word-wrap:break-word;position:relative;vertical-align:middle}
.new-login-main .login-box .lb-ads p span{color:#e50012}
.registerBox{float:left;width:100%;height:auto;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.04)}
.registerBox .registerBox{box-shadow:none}
.registerBox .loginDialogContent{position:relative;top:0;left:0;margin:0;float:left}
.loginDialogContent{width:320px;min-height:360px;height:auto;padding:50px 90px;position:fixed;top:50%;left:50%;margin:-208px 0 0 -200px;z-index:8;background:#fff}
.handoverTypes{position:absolute;top:0;right:0}
.handoverTypes span{display:inline-block;background:url(../images/icon.png) no-repeat center center;background-position:0 -127px;width:103px;height:28px;line-height:28px;padding-left:28px;font-size:12px;color:#333;position:relative;top:-30px;left:10px}
.handoverTypes .codeA{display:inline-block;width:59px;height:60px;cursor:pointer;background:url(../images/icon.png) no-repeat center center;background-position:-76px -61px}
.dialogTitle{color:#333;font-size:16px;font-weight:700;line-height:50px;height:50px;margin-top:20px}
.formBox{width:320px;height:auto}
.remember{width:320px;height:auto;height:40px;line-height:40px}
.remember a.find-password{cursor:pointer}
.formCheckbox span.formCheckboxText,.remember a.find-password{float:right;color:#999;font-size:14px}
.formCheckbox{float:left;cursor:pointer}
.formCheckbox em.icons{width:20px;height:20px;display:inline-block;float:left;background:url(../images/icon.png) no-repeat center center;background-position:-138px -2px;margin:10px 5px 10px 0}
.formCheckbox span.formCheckboxText{float:left;display:inline-block;height:40px;line-height:40px}
.rightRegister{float:right;width:338px;height:302px;margin:50px 0;border-left:1px dashed #e4e4e4}
.rightRegister a.rightRegisterBtn{display:inline-block;width:188px;height:43px;line-height:43px;text-align:center;margin:40px 80px 50px;border:1px solid #f60;color:#f60;font-size:14px;border-radius:4px}
.rightRegister a.rightRegisterBtn em{display:inline-block;width:7px;height:11px;background:url(../images/picon.png) no-repeat center center;background-position:-3px -19px;margin-left:6px}
.rightRegister p.line{width:180px;height:1px;background:#ededed;float:left;margin:10px 85px;position:relative}
.rightRegister p.line span{font-size:14px;color:#666;display:inline-block;width:105px;float:left;background:#fff;line-height:30px;position:relative;top:-15px;left:35px;text-align:center}
.rightRegister .authList{margin-left:126px;float:left;width:auto;margin-top:20px}
.rightRegister a.rightRegisterBtn:hover{background:#f60;color:#fff}
.formBox ul{position:relative; display: inline-block;}
.formBox li{width:320px;position:relative;float:left;margin-bottom:15px}
.formBox li span.inputTitle.tel{background:url(../images/tel.png) no-repeat center center;}
.formBox li span.inputTitle{position:absolute;left:0;top:0;display:inline-block;height:16px;line-height:16px;color:#333;font-size:14px;width:17px;margin:10px 15px;background:url(../images/picon.png) no-repeat center center;background-position:0 0}
.formBox li span.inputTitle.password{background:url(../images/picon.png) no-repeat center center;background-position:-18px 0}
.formBox li input{border:1px solid #dce0e7;background:#fff;height:38px;line-height:38px;width:233px;padding:0 40px 0 45px;font-size:14px;float:left;color:#333;outline:0}
.formBox li input:focus{border-color:#00b6d7;background:#f4fbfc}
.formBox li.verificationCode input{width:178px;padding:0 125px 0 15px}
.formBox li.verificationCode em.makecode{display:inline-block;width:30px;height:30px;position:absolute;right:4px;top:4px;background:url(../images/icon.png) no-repeat center center;background-position:4px -24px}
.formBox li.verificationCode img{position:absolute;right:45px;top:6px;width:66px;height:28px}
.formBox li.verificationCode .smscaptcha{position:absolute;right:0;top:0;color:#777;width:101px;height:100%;background:#eee;text-align:center;border-left:1px solid #ddd;line-height:40px;font-size:14px;text-decoration:none}
.formBox .submitA{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;width:320px;margin-top:15px;height:45px;line-height:45px;background:#00b6d7;text-align:center;color:#fff;display:inline-block;font-size:16px;border-radius:3px;cursor:pointer}
.formBox .submitA:hover{background:#00c0e3}
.formBox li.errorLi em.iconInput{background:url(../images/icon.png) no-repeat center center;background-position:-93px -2px;display:block}
.authList ul li a{display:inline-block;width:22px;height:22px}
.authList ul li{float:left;height:22px;width:22px;margin-right:10px}
.rightRegister .authList ul li{margin-right:15px}
.authList ul li a.weixin{background:url(../images/icon.png) no-repeat center center;background-position:0 0}
.authList ul li a.sina{background:url(../images/icon.png) no-repeat center center;background-position:-22px 0}
.authList ul li a.qq{background:url(../images/icon.png) no-repeat center center;background-position:-46px 0}
.identity{float:right;color:#07b56d;font-size:14px;font-weight:400;cursor:pointer}
.identity em{display:inline-block;width:16px;height:16px;background:url(../images/icon.png) no-repeat center center;position:relative;top:3px;margin-right:5px}
.identity em.student{background-position:-27px -32px}
.identity2{color:#00b6d7}
.identity em{background-position:-55px -32px}
.codeDBox{width:320px;height:235px;margin-top:25px}
.codeDBox dt{width:132px;height:132px;position:relative;left:50%;margin-left:-61px}
.codeDBox dt img{width:100%;height:100%}
.codeDBox dt span.bg{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8}
.codeDBox dt p{text-align:center;color:#333;font-size:14px;position:absolute;top:37px;width:100%}
.codeDBox dt a{width:100px;height:46px;border-radius:3px;background:#00b6d7;color:#fff;font-size:14px;text-align:center;line-height:46px;display:inline-block;position:absolute;top:65px;left:16px;cursor:pointer}
.codeDBox dd{text-align:center;width:320px;margin-top:24px;color:#999;font-size:14px;float:left}
.codeDBox dd em{display:inline-block;width:29px;height:29px;background:url(../images/icon.png) no-repeat center center;background-position:-143px -30px;margin-right:10px}
.codeDBox dd span{display:inline-block;height:29px;line-height:29px;position:relative;top:-10px}
.codeDBox dd span a{color:#00b6d7;text-decoration:underline}
.loginDialogContent.code .handoverTypes .codeA{background:url(../images/icon.png) no-repeat center center;background-position:-13px -61px}
.errorText{font-size:12px;color:#ed787f;position:relative;top:5px;margin-left:15px;display:none}
.loginTop{margin-top:32px;float:left;width:840px}
.loginTop a{display:inline-block}
.loginTop a.logo{width:180px;height:65px;float:left;margin:0 0 8px;background-position:50% 50%}
.loginTop a.navBox{float:right;color:#fff;font-size:14px;line-height:40px;padding-top:9px}
.loginTop a.navBox em{display:inline-block;width:20px;height:17px;background:url(../images/icon.png) no-repeat center center;background-position:-72px -3px;position:relative;top:3px;margin-right:4px}
.formBox li.name input {  width: 263px;  padding: 0 40px 0 15px;}
.register .rightRegister a.rightRegisterBtn {  border-color: #00b6d7; color: #00b6d7;}
.register .rightRegister a.rightRegisterBtn:hover {  background: #00b6d7; color: #fff;}
.register .rightRegister a.rightRegisterBtn em {  background-position: -15px -19px;}
.register .rightRegister a.rightRegisterBtn:hover em {  background-position: -27px -19px;}
.registerBox label.error { color: #000; line-height: 24px; background: #FFF5D9 no-repeat 0 0; text-align: left; white-space: nowrap; height: 24px; padding: 8px 12px 8px 24px; position: absolute; z-index: 2; top: 5px; left: 300px; }
.registerBox label.error i { font-size: 24px; margin-right: 12px; color: #FF875A; vertical-align: middle;}
.formBox li.errorLi em.iconInput { background: url(../images/icon.png) no-repeat center center;  background-position: -93px -2px;  display: block;}
.formBox li.errorLi input { border-color: #ef777d;background: #fff8f6;}