/* CSS Document */

*{ margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; font-weight: normal; font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing: border-box;}
img{ vertical-align: middle; border: none;}
input:focus{ outline: none;}
ul li{ list-style: none;}
body{ background: #12102e url(../images/bg.jpg) no-repeat fixed center top; background-size: 100% 100%; }
body, html{ min-height: 100%;}
.warp{ width: 1100px; margin: 0 auto; position: relative;}
/*登录页面*/
.logo{ max-width:340px; }
.logo img{ width: 100%; height: auto; margin:20px auto; display: block;}
.banner{ margin-top: 100px;}
.bigbox{float: right; width: 450px; margin-top:80px;}

.goods{ float: left; max-width:650px; margin-top: 100px;  }
.goods img{ width: 100%; height: auto; margin: 0 auto; display: block;}
.login{ width: 80%; margin: 0 auto;padding:0 20px; padding-bottom: 10px; border-radius: 6px;background: rgba(0,0,0,0.4);}
.login_title{ text-align: center; padding-top: 20px; font-size: 24px;  color: #fff;}
.login ul{  overflow: hidden;  }
.login li {}

.line{ margin: 20px 0; height: 46px; line-height: 46px; background: #fff; border: 0; border-radius: 4px;}
.line i{ display: inline-block; width: 52px; height: 30px; line-height: 30px; border-right: 1px solid #ccc;}
.line img{ padding: 0 15px;}
.line select{ padding-left: 8px; height: 46px; width: 80%; color: #999999; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; background: url(../images/2.png) no-repeat scroll right center transparent; padding-right: 14px;}
.line input{ padding-left: 10px; width: 80%; height: 30px; border: 0; color: #999999;}
.text-up{ text-transform: uppercase;}
.yzm{ position: relative;}
.yzm-z{ position: absolute; right: 0; top: 0;}
.code{ width: 100px; height: 46px; border-radius: 4px;}
.sx{ cursor: pointer;}
.forget{ color: #fff; font-size: 14px;}
.forget:hover{ color: #ec971f;}
.button{ border-radius: 4px; margin-top: 10px; width: 100%; height: 50px; line-height: 50px; background: #26d66e; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); cursor: pointer; font-size: 16px; border: none; color: #fff; margin-bottom: 10px;}
.button:focus{ color: #fff; background: linear-gradient(60deg, #2bb965, #26d66e); border-color: #985f0d}
.button:hover{ color: #fff; background: linear-gradient(60deg, #2bb965, #26d66e); border-color: #d58512}
::-webkit-input-placeholder{ color: #999;}
::-moz-placeholder{ color: #999;}
:-moz-placeholder{ color: #999;}
.hiden{ display: none;}
.cen{ display: none !important;}
.footer{ background: #5398d5; color: #fff; font-size: 16px; padding: 25px 0; overflow: hidden; text-align: center;}
.borderbox{ overflow: hidden; position: relative; z-index: -1; margin-top: 25px; border: 2px solid #5f9bbd; border-radius: 3px; padding: 10px 20px;}
.borderbox a{ display: block; float: left; color: #008a31}
.borderbox a:hover{ text-decoration: underline;}
::-webkit-input-placeholder{ color: #666;}
::-moz-placeholder{ color: #666;}
:-moz-placeholder{ color: #666;}
@media screen and (min-width: 1200px){ .yzm .line{ width: 63% !important;}
	}
@media screen and (max-width: 768px){ body{ background: #12102e url(../images/bottombg.jpg) no-repeat fixed center top; background-size: 100% 100%; min-width: 100%;}
	
	.warp{ width: 100%; }.banner{ margin-top: 30px;}

.goods{ float: none; max-width:300px; margin: 10px auto; }


	.bigbox{float: none; width: 90%; margin: 0 auto; }
	.logo{max-width:240px;  margin-left: 20px; }
	.logo img{ width: 100%; height: auto; margin:10px auto; display: block;}

.login{ width: 100%; padding:0 5%; padding-bottom: 10px; border-radius: 6px;background: rgba(0,0,0,0.4);}

	}