/* =====================================================    */
/* 商家中心模板注册登录										*/
/* Author:			hanbing									*/
/* Copyright:		c2VsbGVyLWxvZ2luLXNob3BuYy5uZXQ=		*/
/* Create Date:		Oct-01-2015								*/
/* Retrofit Date:	Apr-06-2016								*/
/* =====================================================    */

/*顶部内容样式*/
.header { width: 100%; height: 80px; position: absolute; z-index: 2; top: 0;}
.header-box { width: 1100px; margin: 0 auto; overflow: hidden;}
.header_logo { width: 220px; height: 50px; text-align: left; float: left; margin: 15px auto auto 0; }
.header_menu { width: 450px; height: 24px; float: right; margin: 30px 20px 0 0; }
.header_menu li { text-align: center; width: 150px; float: left; }
.header_menu li a { font: normal 14px/24px "microsoft yahei"; color: #FFF; margin: 0 auto; opacity: 0.8; }
.header_menu li a i { background: url(../img/joinin/joinin_pic.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline; width: 24px; height: 24px; margin-right: 6px; *zoom: 1;}
.header_menu li a.joinin i { background-position: -30px -100px; }
.header_menu li a.login i { background-position: -60px -100px; }
.header_menu li a.faq i { background-position: -90px -100px; }
.header_menu li a:hover { text-decoration: none; color: #FFF; opacity: 1;}

/*顶部Banner部分*/
.login-banner { position: relative; z-index: 0; height: 100% }
.banner-show { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; min-width: 980px; height:  100%; }
.banner-show .cell { position: absolute; top: 0; left: 0; width: 100%;height: 100%; overflow: hidden; background-repeat: repeat-x; background-position: center top; }
.banner-show .cell .con { position: relative; height: 600px; background-repeat: no-repeat; background-position: center top; }
.banner-link { position: absolute; top: 100px; left: 50%; width: 400px; height: 400px; margin-left: -430px; }
.banner-link i { display: none; }
.banner-control { position: absolute; top: 0; left: 50%; width: 980px; margin-left: -490px; }
.banner-control a { position: absolute; top: 258px; width: 30px; height: 30px; line-height: 10; overflow: hidden; background: url(../img/joinin/joinin_pic.png) no-repeat; }
.banner-control a.left { left: -55px; background-position: -400px -100px; }
.banner-control a.left:hover { background-position: -400px -130px; }
.banner-control a.right { right: -55px; background-position: -430px -100px; }
.banner-control a.right:hover { background-position: -430px -130px; }

/* 商家登录盒体 Copyright: bizpower*/
.seller-login-box { position: absolute; top: 100px; left: 50%; width: 396px; margin-left:100px; border-radius: 3px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9);}
.seller-login-box h3 { display: block; height: 30px; margin: 20px 0 0; text-align: center; font-family: "microsoft yahei"; font-size: 24px; font-weight: normal; line-height: 30px; color: #333;}
.seller-login-box h5 { display: block; height: 30px; text-align: center; font-family: "microsoft yahei"; font-size: 13px; font-weight: normal; line-height: 30px; color: #999;}
.login-form { width: 328px; height: 280px; margin: 10px auto 0 auto; }
.reg-form { width: 480px; margin: 20px auto 0 auto;}
.form-cell { position: relative; height: 40px; margin: 0 0 24px 0 !important; zoom: 1; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F2FFFFFF', endColorstr='#F2FFFFFF'); background:rgba(255,255,255,0.95); border: 1px solid #CECECE !important; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); overflow: visible !important;}
.form-cell dt { position: absolute; top: 0; left: 8px; z-index: 1; width: 70px; height: 40px !important; font-size: 12px !important; color: #555 !important; font-weight: bold !important; line-height: 40px !important; cursor: text; padding: 0 !important;}
.form-cell dd { float: right; width: 240px; height: 40px; padding: 0 !important; border: none 0 !important;}
.reg-form .form-cell dd { width: 395px;}
.form-cell dd input.text { width: 100%; height: 40px; padding: 0; border: none; background: none; font-size: 12px; line-height: 40px; -webkit-appearance: none;}
.form-cell input.text-reg { width: 360px;}
.form-cell input.code { width: 100px;}
.form-cell .code-span { width: 100px; height: 40px; float: right; margin: -1px -1px 0 0; border: solid 1px #E6E6E6; position: relative; z-index: 1; }
.form-cell .code-span img { max-height: 40px; }
.form-cell .code-span a { font-size: 12px; text-decoration: none; line-height: 40px; 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: 100px; height: 40px; position: absolute; z-index: 1; top: 0; left: 0; }
.form-cell .code-span:hover a { display: block; }
.form-cell label.error { position: absolute; z-index: 9; top: 40px; left: -1px; right: -1px; margin: 0;}

/* 商家注册弹框 */
.seller-login-box .register { position: absolute; z-index: 1; bottom: -50px; left: 0; right: 0; color: #CCC; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000'); background: rgba(0,0,0,0.5); text-align: center; width: 100%; padding: 10px 0; border-radius: 0 0 5px 5px; font-family: "microsoft yahei";line-height: 30px; font-size: 14px; }
.seller-login-box .register a { color: #FF0;}
.reg-faq { line-height: 16px; color: #777; padding: 15px 15px 0 15px;}


.login-main { width: 1200px; padding: 30px 0; margin: 0 auto; overflow: hidden; }
.login-main .index-title { font: lighter 28px/36px "microsoft yahei"; color: #333; text-align: center; }
.login-main .index-title-sub { font: lighter 14px/20px "microsoft yahei"; color: #999; text-align: center;}

.index-joinin-step { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 1100px; margin: 40px auto 60px auto; overflow: hidden; }
.index-joinin-step dl,
.index-joinin-step span { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.index-joinin-step dl { line-height: 20px; text-align: center; width: 100px; }
.index-joinin-step dt { background: url(../img/joinin/joinin_pic.png) no-repeat; display: block; width: 100px; height: 100px; margin-bottom: 10px; }
.index-joinin-step dt.a { background-position: 0 0; }
.index-joinin-step dt.b { background-position: -100px 0; }
.index-joinin-step dt.c { background-position: -200px 0; }
.index-joinin-step dt.d { background-position: -300px 0; }
.index-joinin-step dt.e { background-position: -400px 0; }
.index-joinin-step dd { line-height: 20px;}
.index-joinin-step span.arrow { background: url(../img/joinin/joinin_pic.png) no-repeat 0 -100px; width: 22px; height: 22px; margin: -30px 63px auto 63px; }

.index-joinin-info { width: 1100px; margin: 30px auto 0 auto; overflow: hidden; }
.index-joinin-info .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #F5F5F5; width: 1088px; border-bottom: solid 2px #0286D8; }
.index-joinin-info .tabs-nav li { font: 14px/20px "microsoft yahei"; color: #333; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 268px; padding: 10px 0; border-right: solid 4px #FFF; *zoom: 1;}
.index-joinin-info .tabs-nav li.tabs-selected { background-color: #0286D8; color: #FFF; }
.joinin-info .tabs-nav li.tabs-selected h3 { color: #FFF; font-weight: 600; }
.index-joinin-info .tabs-panel { padding: 20px; font-size: 12px; line-height: 20px;}
.index-joinin-info .tabs-hide { display: none; }/*Copyright: BIZPOWER*/
.index-joinin-info .tabs-panel p { margin: 0; padding: 0;}