.login-container{ background: url(../../images/login/bg.jpg); background-size: 100% 100%;}
.login-logo{ width:100%; text-align: center; padding-top:1.1rem;}
.login-logo img{ width: 4.06rem; }
.login-logo1{ width: 100%; text-align: center; padding-top: .2rem;}
.login-logo1 img{ width: 1.9rem; }

.input-con{ padding-top: .7rem;}
.login-input{ margin: 0 .8rem; height: .8rem; line-height: .8rem; margin-top: .3rem; position: relative; }
.login-input input{ border: 0; background: #F5F5F5; width:100% ;height: .8rem; text-indent: .8rem; background-repeat: no-repeat; background-size:.27rem .3rem ; background-position: .3rem .26rem; font-size:.28rem; color: #b5b8bd; border-radius: .1rem;-moz-border-radius: .1rem;-webkit-border-radius: .1rem;}


.login-name input{ background-image: url(../../images/login/icon01.png) ; }
.login-key input{ background-image: url(../../images/login/icon02.png) ; }
.login-code input{ background-image: url(../../images/login/icon03.png) ; }

.login-input input::-webkit-input-placeholder { color:#b5b8bd;}
.login-input input:-moz-placeholder {color:#b5b8bd;}
.login-input input::-moz-placeholder { color:#b5b8bd;}
.login-input input:-ms-input-placeholder { color:#b5b8bd;}
.code-con{ display: block; width: 1.7rem; height: .44rem; line-height: .44rem; text-align: center; position: absolute; top: .18rem; right: .15rem; background: #4987fe; color: #F5F5F5; font-size: .18rem;}

.login-button {  margin: 0 .8rem; margin-top: 1rem;}
.login-button input{ width:100%;height:.8rem;background: #3e80ff; border: 0; border-radius: .5rem;-moz-border-radius: .5rem;-webkit-border-radius: .5rem; text-align: center; color: #FFFFFF; line-height: .8rem; font-size: .32rem; box-shadow: 0 .1rem .2rem rgba(62,128,255,0.4);}

.login-tips{ text-align: center; line-height: .5rem; color: #FFFFFF; margin-top: .2rem; }
.login-tips label{ font-size: .16rem; color: #FFFFFF; margin: 0 .1rem;}
.login-tips a{color: #FFFFFF; font-size: .28rem; }
.dfz-div{width:100%;text-align:right;font-size:15px;display:none;}
.dfz-div a{padding-right:.8rem;color:#ffffff;}

.ys-div{width:100%;text-align:right;font-size:15px;display:none;}
.ys-div a{padding-right:.8rem;color:#ffffff;}

@media screen and (min-width:751px) and (max-width:1920px){
	.login-logo{  padding-top:.8rem;}
	.input-con{ padding-top: .5rem;}
	.login-button{ margin-top: .8rem;}

}

/*Ö÷Ò³*/
.sreach{height: .88rem; position:relative; background: #FFF;}
.sreach img{ width: .5rem; height: .55rem; float: left; margin-left: .3rem; margin-top: .17rem;}
.sreach input{ float: right; width:calc(100% - 1.3rem); width:-moz-calc(100% - 1.3rem); width:-webkit-calc(100% - 1.3rem); height: .6rem; border: 0; background: #f5f5f5; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem; margin-top: .16rem;margin-right: .3rem;text-indent: .3rem; font-size: .24rem; }
.sreach .sreach-button{}
.sreach input::-webkit-input-placeholder { color:#a5a5a5;}
.sreach input:-moz-placeholder {color:#a5a5a5;}
.sreach input::-moz-placeholder { color:#a5a5a5;}
.sreach input:-ms-input-placeholder { color:#a5a5a5;}
button.sreach-button{ width: .5rem; height: .5rem; background: url(../../images/login/icon04.png) no-repeat; background-size: .26rem .26rem; border: 0; background-position:0 .2rem; position: absolute; right: .33rem; top: .13rem;}

.banner{ text-align: center; width: 100%;}
.banner img{ width: 100%;}

.notice{ height: .8rem; width: 100%; background: #FFFFFF;}
.notice-icon{ width:.36rem; height: .36rem; background: #4987FE; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; float: left; margin-top: .22rem; margin-left: .3rem;}
.notice-icon img{ width: .16rem; height: .2rem; vertical-align: middle;}
.notice-con { float: left; width: calc(100% - 2.2rem);width: -moz-calc(100% - 2.2rem);width: -webkit-calc(100% - 2.2rem); overflow: hidden; margin-left: .1rem; line-height: .8rem; color: #999999; font-size: .24rem;}
.notice-con font{ color: #EE4749;}
.notice-more{ width: .8rem; height: .30rem; text-align: center; line-height: .28rem; color: #FFFFFF; background: #4987FE; float: right; margin-right: .3rem; font-size: .22rem; margin-top: .24rem; border-radius: .3rem;-moz-border-radius: .3rem;-webkit-border-radius: .3rem;}

.goods{ background: #FFFFFF; margin-top: .3rem;}
.goods-head{ width: 100%; height: .8rem;overflow:hidden;overflow-x: scroll; border-bottom: 1px solid #e1e1e1; }
.goods-nav{  padding-right: .3rem; }
.goods-nav li{ float: left; margin-left: .3rem; font-size: .32rem; height: .77rem; line-height: .8rem; color: #222; margin-right: .3rem; }
.goods-nav li.goods-active{ color: #4987FE; border-bottom: 2px solid #4987FE;}

.goods-container{ background: #FFFFFF; padding-bottom: .3rem;}
.goods-con{width:calc((100% - .9rem)/2);width:-moz-calc((100% - .9rem)/2);width:-webkit-calc((100% - .9rem)/2); float: left; margin-left: .3rem; text-align: center; margin-top: .3rem;}
.goods-con dt { width: 100%;border-top-left-radius: .1rem;border-top-right-radius: .1rem;  overflow: hidden; }
.goods-con dt img{ width: 100%;}
.goods-con dd{border: 1px solid #e1e1e1; border-top: 0; border-bottom-left-radius: .1rem;border-bottom-right-radius: .1rem; line-height: .48rem; font-size: .28rem; padding: .15rem 0; }
.goods-con dd .goods-price{ color: #EE4749;}
.goods-con a{ color: #222; display: block;}

.deal-container .goods-con{ width: calc((100% - 1.2rem)/3);width: -moz-calc((100% - 1.2rem)/3);width: -webkit-calc((100% - 1.2rem)/3);}
.deal-container dt {border-top-left-radius: .05rem;border-top-right-radius: .05rem; position: relative;   }
.deal-container dd{border-bottom-left-radius: .05rem;border-bottom-right-radius: .05rem; }
.deal-number{ width: .36rem; height: .4rem;position: absolute; z-index: 11; left: .1rem;top: 0; color: #FFFFFF; font-size: .24rem;}
.deal-number1{ background: url(../../images/login/bg01.png) no-repeat;background-size: 100% 100%;  }
.deal-number2{ background: url(../../images/login/bg02.png) no-repeat;background-size: 100% 100%;  }
.deal-number3{ background: url(../../images/login/bg03.png) no-repeat; background-size: 100% 100%; }
.deal-number4{ background: url(../../images/login/bg04.png) no-repeat;background-size: 100% 100%;  }


/*--µÇ¼ѡÔñ½çÃæ--*/
.login-container1{ background: url(../../images/login/bg01.jpg) no-repeat center bottom; background-size: 100% 100%;}
.login-container1 .login-logo{ padding-top: .9rem;}
.login-list{ margin-left: calc((100% - 6.2rem) / 2 ); margin-left: -moz-calc((100% - 6.2rem) / 2 ); margin-left: -webkit-calc((100% - 6.2rem) / 2 );margin-top: .6rem;}
.login-list li{ width: 2.8rem; height: 2.5rem; float: left; background-color: #FFFFFF; border-radius: .3rem; background-repeat: no-repeat ;-moz-border-radius: .3rem; -webkit-border-radius: .3rem; margin-left: .3rem; margin-top: .3rem; text-align: center;}
.login-list li h3{ margin-top: 1.4rem; font-size: .36rem;  color: #222; line-height: .4rem;}
.login-list li label{ display: block; color: #bbb; font-size: .14rem; letter-spacing: .01rem; line-height: .2rem; margin-top: .15rem;}
.login-list li.login-list1{ background-image:url(../../images/login/icon06.png); background-position: center .4rem; background-size: .74rem .75rem;}
.login-list li.login-list2{ background-image:url(../../images/login/icon07.png); background-position: center .46rem; background-size: .74rem .68rem;}
.login-list li.login-list3{ background-image:url(../../images/login/icon08.png); background-position: center .5rem; background-size: 2.0rem .4rem;}
.login-list li.login-list4{ background-image:url(../../images/login/icon09.png); background-position: center .43rem; background-size: .69rem .80rem;}