@charset "utf-8";
/* ================================ */
/* 商城注册登录页面相关样式定义 			*/
/* Author:			MuDongHai		*/
/* Copyright:		www.yanj.cn	*/
/* Create Date:		Nov-19-2014		*/
/* Retrofit Date:	Nov-19-2014		*/
/* ================================ */

.quick-login { overflow: hidden; width: 340px;  margin: 32px 32px 18px;padding-right: 32px; border-right: solid 1px #d4d4d4;}

.quick-login ul { width: 100%; display:block; clear:both; margin: 20px auto 10px auto; overflow: hidden;}
.quick-login ul li {line-height: 32px; color:#010000; font-size: 14px;}
.quick-login ul li a { text-decoration:underline; font-weight:600; margin:0 2px;}
.quick-login dl dd a.forget {  color: #b8b8b8; font-size:12px;}
.quick-login ul li a.register { color: #35aa47;}
.enter { overflow: hidden; position: absolute; right: 30px; top: 81px;}
.enter .submit { color:#FFF; font-weight:600; background: url(../images/login.png) no-repeat scroll 0px 0px;  width: 88px; height: 28px; padding: 0; margin: 0; border: 0; cursor:pointer; text-shadow: 1px 1px 0 #DB7800;}
.enter .submit:hover { background: url(../images/login.png) no-repeat scroll 0px -28px; }
.enter p { color: #000; font-size: 14px;text-align: center;}
.enter a { text-decoration: none; display: block; vertical-align: middle; margin-top: 32px;}
.enter a.qq {background: url(../images/login_qqbtn.jpg) no-repeat scroll;  width: 160px; height: 42px;}
.enter a:hover.qq {}
.enter a.sina {background: url(../images/login_sinabtn.jpg) no-repeat scroll; width: 160px;  height: 42px;}
.enter a:hover.sina {}
.enter a.weixin {background: url(../images/login_weixinbtn.jpg) no-repeat scroll; width: 160px;  height: 42px;}
.enter a:hover.weixin {}


/* 注册表单样式 */
.nc-login-layout { width: 1200px; margin: 0 auto}
.nc-login { width: 360px; float:left;  margin-top: 78px; margin-left: 130px; }
.nc-login-title { background:#fff;}
.nc-login-title h3 {font-size:24px; font-family: "微软雅黑"; line-height: 20px; padding:0px 0 25px 0px; color: #000000; text-align: center;font-weight:normal;}
.nc-login-content { background:#fff;overflow:hidden; zoom:1;}
.nc-login-content dl { width: 100%; float:left; clear: both; padding: 0; }
.nc-login-content dt { font-size:14px; line-height: 28px; color: #777; text-align: right; width: 22%; float:left; }
.nc-login-content dd { text-align:left; width:100%; float:right;}
.nc-login-content dd label { clear:both; float:left; line-height: 24px; height:24px; width:279px; margin:0;}
.nc-login-content dd .text{ font-family: Tahoma; width: 97%;line-height: 36px; height: 36px; background-color:#FFF; padding: 3px!important; border: solid 1px; border-color: #c7c7c7;}
.nc-login-content dd .text:focus{ background-color:#FFF; border-color: #EFA100; outline: 2px solid #FFDC97;}
.nc-login-content dd a { line-height: 28px; height: 28px; text-align:left; color: #999;}
.nc-login-content dd .w230 {width: 210px;}
.nc-login-content dd .w142 {width: 142px;}
.nc-login-content dd .w231 {width: 120px;}
.nc-login-content dd #codeimage {cursor: pointer;float: right;}
.nc-login-content dd img {vertical-align: bottom;margin-top: 17px;}
.nc-login-content .submit { font-size: 16px; font-weight: 700; color: #FFF;background-color:#35aa47; width: 100%; height: 36px; padding: 0; margin: 0; border: 0; cursor: pointer;}
.nc-login-content .submit:hover{background-color:#2bbf42;}

.nc-login-layout a.forget {color:#b8b8b8; font-size:12px;}
.nc-login-layout a.register { font-weight: 600; line-height: 26px; color: #555; background: #FFF; text-align: center; display:inline-block; width: 50px; height: 26px; margin: 0 6px;border: solid 1px; border-color: #c7c7c7;}
.nc-login-layout a:hover.register {background: #fcf8f8; color: #000;text-decoration: none;}
.nc-login-layout .agree_dd {text-align:center;  margin: 0 auto 0 109px;}
.nc-login-layout .agree { color: #464545;font-size: 14px; }
.nc-login-layout a.agreement { color: #35aa47; font-weight:600; }
.nc-login-layout a.agreement:hover { text-decoration: underline; }

.nc-login-other { border-top: dashed 1px #D8D8D8; padding:10px 0 0 28%;}
.nc-login-other p { line-height: 42px; color: #000; font-size: 14px;text-align: center;}
.nc-login-other a { text-decoration: none; display: inline-block; vertical-align: middle; margin-top: 10px;}
.nc-login-other a.qq {background: url(../images/login_qqbtn_small.png) no-repeat scroll; float: left; width: 34px; height: 42px; margin-left: 100px;}
.nc-login-other a:hover.qq {}
.nc-login-other a.sina {background: url(../images/login_sinabtn_small.png) no-repeat scroll; width: 34px; float:left; height: 42px; margin-left: 20px;}
.nc-login-other a:hover.sina {}
.nc-login-other a.weixin {background: url(../images/login_weixinbtn_small.png) no-repeat scroll; width: 34px; float:left; height: 42px; margin-left: 20px;}
.nc-login-other a:hover.weixin {}

.nc-login-bottom { clear: both;  width: 400px; height: 75px;}

.nc-login-layout .left-pic { background-color: #FFF; width: 600px; height:350px; float:left; position: relative; z-index:1; margin-top: 78px;}
.nc-login-layout .left-pic img { width: 600px; height: 350px; position: absolute; z-index:1; top:0; left:0 }
.nc-login-layout .left-pic span { position:absolute; z-index: 2; top:191px; left:100px; line-height:32px; font-size: 24px; font-family:"微软雅黑"; width: 396px; text-align: center; color: #fff;}
.nc-login-layout .left-pic p a { color: #FFF; position:absolute; z-index: 2; top:247px; left: 165px; line-height:28px; font-size: 18px; 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: "微软雅黑"; 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: "微软雅黑"; 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;
}
#get_code{margin-left:20px;}


/* 手机验证码功能 */
.nc-login-content dd .sms_btn,.nc-login-content dd .sms_btn1{display: inline-block; width:190px; height:43px; line-height:43px; font-size:18px; color:#FFF; background:url(../images/sms_btns1.png) 0 0 no-repeat; position:relative; float: right;}
.nc-login-content dd .new_sms_btn,.nc-login-content dd .new_sms_btn1{display: inline-block; width:180px; height:43px; line-height:43px; font-size:18px; color:#FFF; background:url(../images/sms_btns1.png) 0 0 no-repeat; position:relative;}
.nc-login-content dd .sms_btn1{background:url(../images/sms_btns1.png) 0 -86px no-repeat; font-size:16px;}
.nc-login-content dd .sms_btn:hover,.nc-login-content dd .sms_btn:active{background-position: 0 -43px;}
.nc-login-content dd .sms_btn span{padding-left:50px;}
.nc-login-content dd .sms_btn1 span{padding-left:69px;}
.nc-login-content dd .sms_btn i,.nc-login-content dd .sms_btn1 i{display:inline-block; width:25px; height:22px; background:url(../images/sms_icon1.png) left top no-repeat; position:absolute; top:11px; left:11px;}
/*语音获取验证码*/
.nc-login-content dd .voice_btn, .nc-login-content dd .voice_btn1{display: inline-block; width:140px; height:43px; line-height:43px; font-size:18px; color:#FFF; position:relative; background:url(../images/sms_btns2.png) 0 0 no-repeat;}
.nc-login-content dd .voice_btn1{background-position: 0 -86px; font-size:16px;}
.nc-login-content dd .voice_btn:hover, .nc-login-content dd .voice_btn:active{background-position: 0 -43px;}
.nc-login-content dd .voice_btn span{padding-left:47px;}
.nc-login-content dd .voice_btn1 span{padding-left:40px;}
.nc-login-content dd .voice_btn i, .nc-login-content dd .voice_btn1 i{display:inline-block; width:23px; height:23px; background:url(../images/sms_icon2.png) left top no-repeat; position:absolute; left:10px; top:10px;}

/*登录和注册广告位*/
.nc-adv { width: 100%; overflow: hidden; margin-top: 70px;}
.nc-adv ul li { float: left;}
.nc-adv ul li.ml26 {margin-left: 26px;}

.show { display: block; }
.hide {display: none;}
#notice {color: red;}
/* tip提示 */
.tip-yellowsimple { color:#000; background-color:#a7f1f8; text-align:left; min-width:50px; max-width:300px; border:1px solid #a7f1f8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:1000; padding:6px 8px;}
.tip-yellowsimple .tip-inner { font:12px/16px arial,helvetica,sans-serif;}
.tip-yellowsimple .tip-arrow-top { background:url(../images/tip-yellowsimple_arrows.gif) no-repeat; width:9px; height:6px; margin-top:-6px; margin-left:-5px; top:0; left:50%;}
.tip-yellowsimple .tip-arrow-right { background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -9px 0; width:6px; height:9px; margin-top:-4px; margin-left:0; top:50%; left:100%;}
.tip-yellowsimple .tip-arrow-bottoms { background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -18px 0; width:9px; height:6px; margin-top:0; margin-left:-5px; top:100%; left:50%;}
.tip-yellowsimple .tip-arrow-left { background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -27px 0; width:6px; height:9px; margin-top:-4px; margin-left:-6px; top:50%; left:0;}
