/* CSS Document */
/* ================================ */
/* 初始化HTML标签及常用类型				*/
/* Author:			windfnn		*/
/* Copyright:		webpos	*/
/* Create Date:		08-19-2015		*/
/* ================================ */
@charset "utf-8";
/* CSS Document */
*{ word-wrap: break-word; outline:none; }
html, body { height:100%; margin:0; -webkit-text-size-adjust:none; }
body { background: #555; font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif;}
h2, h5, h6 { margin: 0;}
input { outline:none}
.fr {float: right;}
.fl {float: left;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.cf:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cf { *zoom:1; }
/*login*/

.header{ height:45px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.4); width:100%;   }
.header-inner{height: 43px;left: 50%;margin-left: -480px;position: fixed;top: 0;}
.logo {/* background: url(../images/login/logo.png) no-repeat; */bottom: 4px;height: 32px;position: absolute;width:424px;}
.top { color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); width: 100%px; height: 60px; margin: 0 auto; position: relative; z-index: 1;}
.top h5 { font-size: 13px; font-weight: 600; line-height: 20px; display: block; height: 20px; position: absolute ; z-index: 1; top: 0; left: 0;}
.top h5 em { font-family:Tahoma; font-size: 10px; font-style: normal; margin-left: 4px;}
.top h2 { font-size:18px; font-weight:normal; line-height:28px; display: block; height:28px;text-align:center;padding:26px 0;}
.box span { display: block;/* float: left; */padding: 0; margin-bottom: 10px; position: relative; z-index: 1;}
.box span a{ color:#FFF; font-size:12px; text-decoration:none;}
.box span a:hover{text-decoration:underline;}
.box span label { font-size: 14px; font-weight: 600; line-height: 20px; color: #555555; display: block; height: 20px; padding-right: 10px; border-right: dotted 1px #999; position: absolute; z-index: 9; top:9px; left: 10px;}

.input-text, .input-password, .input-code { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: 600; color: #555555; line-height: 20px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background:rgba(255,255,255,0.8); height: 20px; padding: 9px; border: 0; position: relative; z-index: 1; box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5)/*webkit*/;}
.input-text:focus, .input-password:focus, .input-code:focus { color: #000; background-color: #FFF; box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25);/*IE8*/  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
.input-text, .input-password { width: 155px; padding-left: 56px;}
.input-code { width: 100px; margin-bottom: 16px; float: left;}
.login-area {position: relative;width: 220px;margin:auto;padding:0 33px 28px;background: rgba(0,0,0,.5);border: 1px solid transparent;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
/*.login-topics {font-family: "微软雅黑","黑体",sans-serif;position: relative;top: 18px;}
.login-topics h2 {font-size: 30px;margin-bottom: 20px; color: #FFF; text-shadow: 1px 1px 2px #000; font-weight:normal;}
.login-topics p {font-size: 18px;color: #FFF; text-shadow: 1px 1px 2px #000; font-weight:normal;}*/

/*.bottom {  font-family: Verdana, Tahoma; line-height: 16px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); text-align: center; width: 600px; margin-left: -300px; position: fixed; bottom: 60px; left: 50%;}
.bottom a { color: #FFFFFF; text-decoration: none;}
.bottom a:hover { color: #FF0; text-decoration: blink;}
.bottom h5 {font-size: 12px; text-shadow: 1px 1px 2px #000;}
.bottom h6 { font-size: 10px; text-shadow: 1px 1px 2px #000;}*/

.code {width:100px; height: 39px;position: absolute; z-index: 9; top: 0; right:0; display: none;}
.code .arrow { background:url(../images/login/login_code.gif) no-repeat 0 0; display: block; width: 14px; height: 7px; position: absolute; left: 21px; bottom: -7px;}
.code img { width:100px; height:40px; position: absolute; z-index: 1; right:0px;}
.code .close { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; top: 4px; right: 4px;}
.code .close:hover, .box span .code .change:hover { background-color: #CCC; border-radius: 5px; -webkit-border-radius: 5px/*webkit*/;}
.code .close i { background: url(../images/login/login_code.gif) no-repeat 0 -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .change { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; bottom: 4px; right: 4px;}
.code .change i { background: url(../images/login/login_code.gif) no-repeat -10px -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .close:hover i , .box span .code .change:hover i { opacity: 1;}

.input-button { font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif; font-size: 15px; font-weight: 600; color: #FFF; width:220px; height: 40px; border: 0; cursor: pointer;background-color: #00a3ee;border-radius:4px;}
.input-button:hover { background-color: #269aff;}


.error{
    color: #a94442;
    border: 1px solid #ebccd1;
    background-color: #f2dede;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 5px 15px;
    font-size:12px;
    list-style:none;
    *margin-left: 0;
}

.shadow {color:#fff;padding: 26px 0 16px;}

.box .identity{color:#555;height:28px;padding:6px;line-height:28px;font-size:14px;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#FFFFFF', endColorstr='#FFFFFF'); background:rgba(255,255,255,0.8); }
.box .identity strong{font-weight:600;padding-right:10px;border-right:1px dotted #999;padding-left:4px;}

/*登录*/
.index{width: 80%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;}
.index-head{padding-top:20px;}
.index-head p{font-size:20px;color:#fff;line-height:30px;}
.back {
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index:-1;
}
.items, .item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size:cover;
    transition:1s;
}
.item1{background:url(../images/bg1.png) no-repeat;background-size:cover;opacity:1;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='http://admin.shop.bbc-builder.com/shop_admin/static/default/images/bg1.png',sizingMethod='scale');}
    
.mid {
    width: 100%;
}
.center-content{
    text-align:center;
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    z-index: 2;
}


/*验证提示框*/
.tip{width:100%;text-align:center;position:absolute;left:0;top:0;z-index:999;font-size:16px;padding:50px 0;}
.tip-area{width:300px;background:#fff;padding:50px 0 20px;position:relative;margin:auto;overflow:hidden;}
.tip-area h5{font-size:14px;position:absolute;left:-25px;top:-24px;background:#00a3ee;color:#fff;padding: 30px 20px 6px 40px;font-weight:normal;border-radius:26px;letter-spacing:3px;}
.tip-area h5 span{width:16px;height:16px;display:inline-block;background:url(../images/icon-tip.png) no-repeat;vertical-align:middle;margin-right:6px;}
.tip-area .tip-cont{padding:30px 0;text-align:center;color:#333;}
.tip-area .btn-sure{float:right;line-height:26px;border:1px solid #999;padding:0 10px;margin-right:30px;color:#333;border-radius:2px;font-size:14px;text-decoration:none;}
.tip-area .btn-sure:hover{color:#00a3ee;border-color:#00a3ee;}
a.btn-close{position:absolute;right:-9px;top:-7px;width:30px;height:30px;display:inline-block;background:url(../images/icon-close.png) no-repeat;background-size:cover;cursor:pointer;}
a.btn-close:hover{background:url(../images/icon-close-hov.png) no-repeat;background-size:cover;transition:0.3s;}
.relative{position:relative;display: inline-block;}