@charset "utf-8";
/* ================================ */
/* 商城注册登录页面相关样式定义 			*/
/* ================================ */

body { background-color: #fff;}
a { color: #08C;}

.header-wrap { width: 100%; height: 80px; border-bottom: 1px solid #e5e5e5;}
.public-head-layout { height: 80px;}
.header-wrap .wrapper { width: 1000px}
.header-wrap .wrapper .m-sellpoint .m-contentwrap .sellpoint { width: 400px;height: 45px;float: right;margin-top: 18px;}
.header-wrap .wrapper .m-sellpoint .m-contentwrap .sellpoint a .name{ font-size: 13px;color: #333;}

.public-head-layout .site-logo { margin: 10px 0 0 0;}
.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;}



.nc-register-bg {  width: 100%; height: 680px; overflow: hidden;}
.nc-register-box { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#26000000', endColorstr='#26000000');  height: 560px; padding: 10px; margin: -7px auto;}
.nc-register-box .left-pic { width: 581x; height: 371px; float:left; margin: 30px 0; position: relative; z-index:1;}
.nc-register-box .left-pic img { max-width: 1000px;  position: absolute; z-index:1; top:0; left:0 }
.nc-register-layout {background-color: #FFF; width: 320px; height: 410px; padding: 19px 19px 29px 19px;  margin: auto; position: relative; z-index: 1;border: 1px solid #c1cee0;}
.nc-register-layout .left { width: 320px;}
.nc-register-mode { width: 320px;}
.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; top:0;}
.nc-register-mode .tabs-content { padding:40px 0;}
/*登录*/
.nc-login-form { display: block;}
.nc-login-form dl { background-color: #FFF; width: 295px; height: 27px; margin-top:36px; border: 1px solid #ccc; position: relative; z-index: 1; box-shadow: 0 1px 0 #ececec inset;}
.nc-login-form dl:hover { border: 1px solid #a6a6a6; }
.nc-login-form dl.focus { border-color: #a5d4ed; z-index: 3;box-shadow: 0 0 4px 1px rgba(32, 157, 230, 0.4);}
.nc-login-form dl.error { border-color: #F32613 !important; z-index: 2;}
.nc-login-form dl dt { font-size: 14px; line-height: 20px; color: #111; width: 74px; margin-top: -23px; float: left; font-weight: 700;}
.nc-login-form dl dd { height: 27px; float: left; }
.nc-login-form dl dd img { margin-left: 5px;}
.nc-login-form dl dd .text { font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width:286px; height: 27px; padding: 0; border: none 0;margin-left: 7px;}

.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:82px;}
.nc-login-form .code-div dl { width:168px; float: left;}
.nc-login-form .code-div span { width: 120px;float: left; margin:35px 0 0 6px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-login-form .code-div span img { width: 120px; height:28px;}
.nc-login-form .code-div span a { font-size: 14px; text-decoration: none; line-height: 30px; 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: 30px; 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: 14px; font-weight: 700; color: #FFF; background: url(../images/login-btn.png) repeat-x 0 -1px;  height: 30px;border: 1px solid #e87b0e; cursor: pointer;}

.nc-login-form label.error { color: #000; line-height: 24px; text-align: left; white-space: nowrap; height: 24px; padding: 8px 12px 8px 24px; position: absolute; z-index: 2; top: -8px; left: 300px; }
.nc-login-form label.error i { font-size:14px; 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: 0px; right: 0; left: auto;}
.nc-login-form .iconAccout .title { color: #333;font-size: 14px; width: 320px; margin-left: -20px;margin-top: 36px; border-top: 1px dashed #ccc;}
.nc-login-form .iconAccout p{margin-left: 70px;margin-top: -20px; width: 60px;}
/*.nc-login-form .iconAccout p img{ margin-left: 38px;}*/
/*注册*/
.nc-register-form { display: block;}
.nc-register-form dl { background-color: #FFF; width: 320px; height: 27px; margin-top: 19px;border: 1px solid #ccc; position: relative; z-index: 1;}
.nc-register-form .code-div .yzm { background-color: #FFF; width: 192px; height: 27px; margin-top: 19px;border: 1px solid #ccc; position: relative; z-index: 1;}
.nc-register-form .code-div .yzm:hover { border: 1px solid #a6a6a6;}
.nc-register-form dl.focus { border-color: #a5d4ed; z-index: 3;box-shadow: 0 0 4px 1px rgba(32, 157, 230, 0.4);}
.nc-register-form dl.error { border-color: #F32613 !important; z-index: 2;}
.nc-register-form dl {  margin-top: 33px;}
/* .nc-register-form dl:hover {  border: 1px solid #a6a6a6;} */
.nc-register-form dl dt { font-size: 14px; line-height: 20px; color: #111;  margin-top: -23px; float: left;font-weight: 700;}
.nc-register-form dl dd { height: 27px; float: left; }
.nc-register-form dl dd img { margin-left: 5px;}
.nc-register-form dl dd .text { font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width: 240px; height: 27px; padding: 0; border: none 0;margin-left: 7px;}
.nc-register-form dl dd .texts { font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width: 240px; height: 27px; padding: 0; border: none 0;margin-left: 7px;}

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

.nc-register-form .code-div { width: 100%; height: 54px;}
.nc-register-form .code-div dl { width: 277px; float: left;}
.nc-register-form .code-div span { width: 120px; height: 27px; float: left; margin: 19px 0 0 6px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-register-form .code-div span img { width: 120px; height: 27px;}
.nc-register-form .code-div span a { font-size: 14px; text-decoration: none; line-height: 27px; 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: 27px; position: absolute; z-index: 1; top: 0; left: 0;}
.nc-register-form .code-div span:hover a { display: block;}
.nc-register-form .clause-div { font-size: 14px; color: #666; line-height: 30px; width: 295px; height: 30px; margin-top: 15px; border: none 0;}
/* .nc-register-form .clause-div:hover { border: 1px solid #fff;} */
.nc-register-form .clause-div dd { padding: 0; height: auto;}
.nc-register-form .clause-div .checkbox { vertical-align: middle; margin-right: 8px;}
.nc-register-form .tiptext { line-height: 20px; color: #999; margin: 15px 0;}
.nc-register-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-register-form .tiptext a:hover { text-decoration: none; background-color: #1FA67A;}
.nc-register-form .tiptext a i { font-size: 14px; margin-right: 4px;}
.nc-register-form .submit-div { margin-top: 15px;}
.nc-register-form .submit-div .submit { font-family: "microsoft yahei"; font-size: 14px; font-weight: 700; color: #FFF; background: url(../images/login-btn.png) repeat-x 0 -1px; width: 320px; height: 27px;border: 1px solid #e87b0e; cursor: pointer;}

.nc-register-form label.error { color: #000; line-height: 24px;text-align: left; white-space: nowrap; height: 24px; padding: 8px 12px 8px 24px; position: absolute; z-index: 2; top:-8px; left: 300px; }
.nc-register-form label.error i { font-size:14px; margin-right: 12px; color: #FF875A; vertical-align: middle;}
.nc-register-form .clause-div label.error { top: -5px; right: 50px;}
.nc-register-form .code-div label.error { background: transparent none; min-width: auto; padding: 0; top:0px; right: 0; left: auto;}
.nc-register-form .iconAccout .title { color: #333;font-size: 14px;margin-left: -33px;margin-top: 15px;}
.nc-register-form .iconAccout p{
    margin-left: -34px;margin-top: 15px;
    width: 300px;
    
}
.nc-register-form .iconAccout p img{
    margin-left: 38px;
}
.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-register-layout .left .nc-register-mode .shadow_l img{
    left: -7px;
     height: 100%;
    position: absolute;
    top: 0;
    width: 8px;
}
.nc-register-layout .left .nc-register-mode .shadow_r img{
    background-color: transparent;
    filter: none;
    right: -6px;
    transform: scaleX(-1);
    height: 100%;
    position: absolute;
    top: 0;
    width: 8px;
}


/* 注册表单样式 */
.nc-login-layout { width: 1000px; margin: 20px 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: #FFF; width: 360px; height: 280px; float:right; position: relative; z-index: 1;border: 1px solid #c1cee0;}
/*.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 40px 20px 40px; }
.nc-login .tabs-content { width: 352px; }
.nc-login .nc-login-form dl { width: 320px;margin-left: -21px;margin-top: 21px;}
.nc-login .nc-login-form dl dd .text { width: 240px;}
.nc-login .nc-login-form .code-div dl { width: 170px;}
.nc-login .nc-login-form .handle-div {  overflow: hidden;}
.nc-login .nc-login-form .handle-div .auto { color: #999; margin-left: -10%;margin-top: 35px;position: absolute;z-index: 3;}
.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 { margin-left: 57%;margin-top: -48px;position: absolute;z-index: 3;}
.nc-login .nc-login-form .submit-div .submit { width: 320px;margin-left: -20px;margin-top: 20px;}



.public-head-layout .top{height: 30px;width: 300px;margin-left: 70%;position: relative;z-index: 3;float: right;}
.public-head-layout .top .title .nc-regist-now {height: 30px;width: 200px;margin-left: -18px;margin-top: 46px;position: absolute;}
.public-head-layout .top .title .nc-regist-now strong{font-size: 20px; color: #e31256; }
.public-head-layout .top .title .nc-login-now {height: 30px;width: 200px;margin-left: -18px;margin-top: 46px;position: absolute;}
.public-head-layout .top .title .nc-login-now strong{font-size: 20px; color: #e31256; }
.public-head-layout .top .title .nc-forget-now {height: 30px;width: 200px;margin-left: -18px;margin-top: 46px;position: absolute;}
.public-head-layout .top .title .nc-forget-now strong{font-size: 20px; color: #e31256; }
.public-head-layout .nc-login-now1 { font-size: 14px; color: #AAA; line-height: 24px; float: right; height: 24px; margin-top: 280px;margin-left: 178px;position: absolute;}
.public-head-layout .nc-login-now { font-size: 14px; color: #AAA; line-height: 24px; float: right; height: 24px; margin-top: 456px;margin-left: 161px;position: absolute;}
.public-head-layout .nc-login-now a { font-weight: 600; margin-left: 80px;}
.public-head-layout .nc-regist-now { font-size: 14px; color: #08c; line-height: 20px; float: right; height: 40px; margin-top: 240px;margin-left: 184px;position: absolute;}
.public-head-layout .nc-regist-now span {  display: inline-block; *display: inline; *zoom: 1;position: relative;z-index: 3;}
.public-head-layout .nc-regist-now a { font-weight: 600; margin-left: 4px;}


.nc-login .nc-login-mode .top {width: 300px;height: 30px;background: red;}
.nc-login .nc-login-mode .top h1{ font-size: 20px; color: #f32613; width: 128px;}
.nc-login .nc-login-mode .top .nc-regist-now{ font-size: 14px; color: #AAA; line-height: 20px; float: right; height: 40px; margin-top: 30px;}
.nc-login .nc-login-mode .top .nc-regist-now span { vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
.nc-login .nc-login-mode .top .nc-regist-now .avatar { width: 40px; height: 40px; margin-right: 6px; border-radius: 100%;}
.nc-login .nc-login-mode .top .nc-regist-now .avatar img { width: 40px; height: 40px; border-radius: 100%;}
.nc-login .nc-login-mode .top .nc-regist-now a { font-weight: 600; margin-left: 4px;}

.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;}


#lunbo ul li{max-width: 450px; max-height: 350px; position: absolute; z-index:1; top:0; left:0}
 #lunbo ul li:not(:first-child){display: none;}
 
.nc-login-layout .left-pic { width: 581px; height: 371px; float:left; margin: 30px 0; position: relative; z-index:1;}
.nc-login-layout .left-pic img { max-width: 1000px;  position: absolute; z-index:1; top:-49px; 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; }

.nc-login .shadow_l img{
    left: -7px;
     height: 100%;
    position: absolute;
    top: 0;
    width: 8px;
}
.nc-login .shadow_r img{
    background-color: transparent;
    filter: none;
    right: -6px;
    transform: scaleX(-1);
    height: 100%;
    position: absolute;
    top: 0;
    width: 8px;
}
nc-login-layout .nc-login .shadow_l,nc-login-layout .nc-login .shadow_r{
   
    }

@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;
}

#footer {
    font-size: 12px;
    margin: -62px auto 0;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
}
#cti {
    background-color: #fff;
    clear: both;
    display: block;
    float: none;
    margin-top: 80px;
}
/* 新增样式 */
.l-a-text-center{
    text-align: center;
}
.l-a-spacing-medium{
    margin-bottom: 18px;
}
.l-nc-login{
    width: 700px;
    margin: auto;
}
.l-nc-login-mode{
    width: 350px;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}
.l-tabs-container{
    padding: 26px 26px;
}

h1 {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    color: #111;
}
.l-nc-login-form dl{
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}
.l-nc-login-form .submit-div .submit {
    font-family: "microsoft yahei";
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    height: 30px;
    cursor: pointer;
    background: #f0c14b;
    border-color: #a88734 #9c7e31 #846a29;
    color: #111;
    width: 100%;
    border-radius: 2px;
}
.l-nc-login-form .submit-div {
    margin-bottom: 20px;
}
.handle-div{
    display: flex;
    justify-content: flex-end;
    margin-top: -23px;
}
.iconAccout{
    text-align: center;
    position: relative;
    top: 14px;
    padding-top: 1px;
    margin-bottom:30px;
    line-height: 0;
}
.iconAccout h5{
    line-height: 1;
    font-size: 12px;
    color: #767676;
    font-weight: 400;
    z-index: 2;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 8px 0 7px;
}
.iconAccout:after {
    content: "";
    width: 100%;
    background-color: transparent;
    display: block;
    height: 1px;
    border-top: 1px solid #e7e7e7;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    z-index: 1;
}
.l-a-button {
    background: #e7e9ec;
    border-radius: 3px;
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none!important;
    vertical-align: middle;
}
.l-a-button-span {
    width: 100%;
}
.l-a-button-inner {
    display: block;
    position: relative;
    overflow: hidden;
    height: 29px;
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
    border-radius: 2px;
}
.l-a-button .l-a-button-inner {
    background: #eff0f3;
    background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
}
.l-a-button .l-a-button-text {
    color: #111;
}
.l-a-button-text {
    background-color: transparent;
    border: 0;
    display: block;
    font-family: "Hiragino Sans GB","Microsoft Yahei",Arial,sans-serif;
    font-size: 13px;
    line-height: 29px;
    margin: 0;
    outline: 0;
    padding: 0 10px 0 11px;
    text-align: center;
    white-space: nowrap;
}
.l-nc-register-layout{
    height:100%;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}
.l-nc-register-form .submit-div .submit{
    height: 30px;
    background: #f0c14b;
    border-color: #a88734 #9c7e31 #846a29;
    color: #111;
    width: 100%;
    border-radius: 2px;
    font-weight: normal;
}
.l-nc-register-form dl{
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    outline: 0;
}
.nc-register-form .code-div .l-yzm{
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}
.l-a-divider-inner{
    height: 44px;
    margin-bottom: -18px;
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent);
    background: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent);
    z-index: 0;
    zoom: 1;
}
.l-a-divider-inner::after{
    display: block;
    width: 100%;
    height: 44px;
    background-color: transparent;
    background: -webkit-linear-gradient(to right,#fff,rgba(255,255,255,0),#fff);
    background: linear-gradient(to right,#fff,rgba(255,255,255,0),#fff);
    z-index: 1;
    content: "";
}
.l-a-divider{
    margin-top: 60px;
}
.l-a-row{
    width: 100%;
}
.nc-password-mode{
    padding: 26px 26px;
    height: 300px;
}
.l-nc-login-form dl{
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}