/**
 * ceated by aiko on 2017-03-31.
 */
@media screen and  (min-width: 1024px) and (max-width: 1300px) {
    .head-zxh{overflow:hidden; height: auto; min-height: auto;}
	.head-zxh .logo{ float: none; width: 100%; height: 80px; background-position:  center center;}
	.head-zxh .loginFrm{ float: none; padding-top: 0px; width: 90%; margin: 0 auto;}
	.forgetPsd{ padding-left: 550px; float: none;}
	.loginInfo{ padding-top: 30px; text-align: left;}
	.loginInfo .userInfo{ margin-left: 0;}
	.loginInfo .userMenu li{ margin-left: 0; margin-right: 28px;}
	.loginFrm .regForm .ipt{ width: 140px;}
}
@media all and (max-width: 767px),screen and (min-width:320px) and (max-width:1024px)  {
	input[type=text],input[type=date],input[type=button],input[type=date],input[type=datetime],input[type=password],input[type=tel]{-webkit-appearance:none;outline:none; border-radius: 0px;}
	select{-webkit-appearance:none; background: url(../../images/website/selectArrow.png) no-repeat right center; background-size: 15px;}
	li{left: 0; margin: 0; padding: 0;}
	/*a:Hover{ color: #222222;}*/
	div,input,span,em{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ }
	.head-zxh{width: 100%; overflow:auto; height: auto; min-height: auto;}
	.head-zxh .logo{ width: 100%; float: none;margin-left:0; background-position:  center center;}
	.head-zxh .loginFrm{ width: 90%; float: none; margin: 0 auto;}
	.head-zxh .top-tasks{ width: 100%; max-width: 100%;}
	.loginFrm { padding: 0 0px;}
	.loginTips{font-size: 16px; line-height: 1.5;font-weight: 500; margin-bottom: 10px}
	.loginFrm .frm{ height: auto;}
	.loginFrm .regForm .ipt{ width: 100%; height: 35px; line-height: 35px; margin-bottom: 10px;}
	.loginFrm .regForm input.code{ width: 60%;}
	.codeImg{ height: 35px;  line-height: 35px; width: 40%; margin-right: 0; vertical-align: middle; margin-bottom: 10px;}
	.loginFrm .btn{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px;}
	.loginFrm .errorTxtCode{ padding: 0; width: 100%;}
	.loginFrm .errorTxt{ display: block;}
	.loginFrm .regForm{  padding-top: 0; }
	.loginFrm .loginHide{ display: none;}
	.loginFrm .errorContentHide{ display: none;}
	.forgetPsd{  padding: 0; float: none; width: 100%; text-align: center; display: block;}
    .forgetPsd a:focus{color:#dd1d21}
	.loginInfo{ float: none; width: 100%;font-size: 18px;  text-align: center;}
	.loginInfo .userInfo{ margin-left: 0;}
	.loginInfo .userName{ margin-left: 0; font-weight: bold;}
	.loginInfo .userMenu{ display: block; margin-bottom: 10px; float: none;}
	.loginInfo .userMenu li{left: 0;  padding-right: 0; margin-left: 20px; line-height: 2.525rem; }
	.loginInfo .userMenu li:nth-child(2){margin-left: 25px;}
	.loginInfoP{ padding: 0 10px; float: none; padding-left: 1.25rem;display: block;}
	.regForm .frmTips{ padding-left: 0;}
	.regForm ul li span{ padding-left: 0;}
	.regForm ul{ margin: 0;}
	.regSuccess{ width: 100%;}
	/*userMenu*/
.userMenu { margin: 15px; margin-bottom: 0;}
.userMenu li{ float: left; margin:0 28px;list-style: none; line-height:20px;}
.userMenu li em{ display: inline-block;  width:22px; height:22px; margin-right: 5px; vertical-align:bottom;}
.userMenu li em.user{ background: url(../../images/website/icon_user.png) no-repeat center center; background-size: 100%;}
.userMenu li em.out{ background: url(../../images/website/icon_out.png) no-repeat center center;background-size: 100%;}
.userMenu li a{ text-decoration: underline; font-weight: normal; line-height: 1.625rem;}
.userMenu li.more{ margin: 0px;float: right; margin-right: 10px; display: block; padding-top: 10px;}
.userMenu li.more em{ width: 30px; height: 30px; background: url(../../images/website/icon_arrow_up.png) no-repeat #fbce07 center center; background-size: 15px;}
.userMenu li.more em.hide{ background-image:url(../../images/website/icon_arrow_down.png);}
.myInfoMenu{background: #fbce07;  margin-top: -1px;  margin-bottom: 0;}
.myInfoMenu ul{ padding: 0;-webkit-padding-start: 0px;left:0; margin-left: 0;}
.myInfoMenu ul li{ margin-bottom: 18px; text-align: left; display: block; margin-left: 0; padding: 0;left:0; width: 100%;}
.myInfoMenu ul li img{ vertical-align: middle; margin:0 20px; margin-left: 35px;}
.myInfoMenu ul li a{ display: block; width: 100%; height: 70px; line-height: 70px; background: #404040;font-size: 24px; color: #fbce07; font-weight: normal; text-decoration: none;}
.myInfoMenu li .totalItems{ float: right; margin-top: 20px; margin-right: 25px;}
.totalItems{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px; background: #fbce07; color: #333; font-style: normal; font-size: 14px;}
.myInfoMenu{ height: auto;min-width:auto}
.myInfoMenu ul{ width: 100%;}
.myMenuHide{ display: none;}
.loginInfo{ padding-top: 0;}
.regTitle{font-size: 20px; height: 30px; line-height: 30px; margin-top: 20px; margin-bottom: 10px;}
.regTab{ margin-bottom: 0;  width: 100%;}
.regTab{ text-align: center;}
.regTab ul{text-align: center; margin: 0 10px;}
.regTab li{ margin: 0 10px; left: 0; width: 25%; height: 20px; line-height: 20px;  display: inline-block; float: none; vertical-align: middle;}
.myMsg{ width: 100%;  padding-top: 10px;}
.myMsg img{ max-width: 100%;}
.myMsg .detailImg{ max-width: 100%;}
.msgInfo img{ margin:10px auto; max-width: 100%;}
.msgInfo .content{font-size: 14px ; line-height: 1.8;}
.regForm{ width: 90%; margin: 0 auto; padding-top:20px;}
.regForm ul li{ left: 0; padding-right: 0; margin: 0; padding:5px 0; position: inherit; height: auto; display: block;}
.regForm li label,.regForm li span{ display: block; padding-left: 0; padding: 0; }
.regForm li label{ line-height: 1.2;}
.regForm li span{ line-height: 30px;position: relative;margin-bottom: 10px; margin-top: 5px;}
.regForm li span select{width: 100%;line-height: 35px; height: 35px;}
.regForm ul span.radioType{ text-align: left;  width: auto; padding-left: 0;}
.regForm ul span.radioType label{ width: 90px;}
.regForm ul li span{ height: auto; display: block;}
.regForm .RegModify{top:0px}
.regForm .btnOk{ top:0px}
.regForm .psd{ background-size: 30px;}
.regForm ul li.safeQues .btnOk{ position: absolute;top:20px;right: 0;}
.regForm ul li.safeQues .RegModify{position: absolute;top:10px; right: 0;}
.infoForm .regForm{ width: 100%;}
.frmTips{ padding-left: 0px;}
.btnRegCancel{ line-height: 35px; height: 35px; margin: 0;width: 100%;}
.btnRegSubmit{line-height: 35px; height: 35px;margin: 0;width: 100%;}
.regbtnArea{ width: 89%; margin: 0px auto; padding-top: 20px; position: relative; height:110px;}
.regbtnArea a{ margin: 0; margin-bottom: 15px; position: absolute; left: 0;}
.regbtnArea .btnRegSubmit{top:10px;}
.regbtnArea .btnRegCancel{ top:60px}
.regForm .ipt{ width: 100%; line-height: 35px; height: 35px;}
.regSuccess em{ width: 80px; height: 80px; background-size: 100%;}
.regSuccess em.ok{background-size: 100%;}
/*.regSuccess h2{  font-size: 20px;}*/
.msgInfo .sTitle{ line-height: 40px; font-size: 16px; }
.regTab .current{ border-bottom-width: 2px;}
.rule{ width: auto; margin: 0 20px;}
.rule .ruleText div{ padding: 0; margin-bottom: 20px;}
.rule .ruleText h2{ line-height: 40px;}
.rule .ruleText h2 em{width: 25px; height: 25px; background-size: 100%; margin: 10px;}
.pointerSort{width: auto; margin: 0 20px; padding-top: 10px; margin-bottom: 40px;}
.pointerSort span{ margin-right: 50px;}
.productList{width: auto; margin: 0 20px;}
.myOffers ul{ margin-left: 0; margin-top:0px;}
.productList ul li{width: 100%; margin-left: 0; float: none; margin-bottom: 30px; height: auto; }
.productList ul li img{ width: 100%; height: 220px;}
.myOffers ul li div.offerTitle{ border-width: 4px;}
.productList ul li div.offerTitle p{ font-size: 14px; line-height: 30px;}
.productList ul li div.offerTitle { height: auto; width: 100%; margin: 0; left: 0; position: initial;padding-top: 10px;}
.msgList { padding: 0 10px;}
.msgList li{ padding:5px 0; left: 0; margin-bottom: 10px; height: auto; margin-bottom: 15px;}
.msgList li a{ height: auto;}
.recordList li div{ width: 100%; float: none; margin:5px 0;}
.msgList li h2{font-size: 16px; padding-left: 15px; line-height: 20px;}
.msgList li p{font-size: 14px;padding-left: 15px; }
.msgList li a{ text-decoration: none;}
.recordList li{ background-size:20px ;}

.pageInfo{ margin-top: 30px;}
.recordDetail h2{ line-height:60px;}
.recordDetail ul li{padding:10px;}
.recordDetail ul li span{ margin-left: 0px;}
.recordDetail ul{ margin-bottom: 30px;}
.myOffers{ width: auto; margin: 0 30px;}
.myOffers ul li{  margin-left: 0; float: none; width: 100%; height: 300px; margin-bottom: 20px;left:0}
.myOffers ul li img{ width: 100%; height: 220px;}
.myOffers ul li div.offerTitle{ left:3%; width:94%; right: 3%; bottom:30px; height: auto; padding: 10px; border-color: #fcce07;}
.myOffers ul li div.offerTitle h2{ padding-left: 5px; font-size: 18px; margin-bottom: 5px;}
.myOffers ul li div.offerTitle p{ padding-left: 5px;}

.regForm .codeSendMsg{ padding-left: 0;}
.regForm ul span a{ margin-left: 0;}
.msgList li h2{ padding-left: 20px;}
.msgList li p{ padding-left: 20px;}
.msgList li.noRead h2{ background-position: 5px center;}
.msgList li .iconDelete{ width: 90px; height: 50px;  background-size:26px;top:5px}
/*.deleteMsg h2{ font-size: 22px;}*/
.deleteMsg p{ line-height: 60px;}
.myMsg{ padding: 10px 20px;}
.myMsg .msgInfo{ padding: 0;}
.myMsg .msgList{ padding: 0;}
.msgTitle{ padding: 0 20px;}
.msgTime{ padding: 0 20px;}
.msgInfoDelete{ padding: 0 20px;}
.myMsg .msgInfo{ padding: 0 20px;}
.msgSet { width: 100%;}
.msgSet ul li{  width: 50%; }
.myInfoModify ul li{ padding: 0 15px;}
.myInfoModify ul li .infoTitle{ background-size: 26px;}
.serviceIterm h2{ line-height: 65px;margin-top: 0px;}
.serviceIterm p{ line-height: 30px;}
.regForm li .radioType{ margin-top: 10px;}
.regForm li .radioType label{ display: inline-block;  width: 30%;}
.regForm ul label p{ margin-bottom: 0px; }
.regForm.regDetail ul label p{display: inline-block; color: #222;}
.Igree{ height: auto; line-height: 20px;}
.regTipsBot{ line-height: 26px; padding-top: 20px;}
.regForm ul label ,.regForm ul span{ width: auto;}
.selectDate span input{display:inline-block;}
.selectDate span select{display: none;}
.regDetail li span input[type=date]{width: 85%; line-height: 35px; height: 35px; border: 1px solid  #333;}
.regDetail .ipt{ width: 85%;}
.regDetail li span select{ width: 85%;}
.regForm .btnOk{ margin-left: 0;}
.txtInfo{ padding: 20px 0;}
.regContent{ width: 100%; max-width: 100%;}
.campaign-promo__item--top-right .campaign-promo__text{ left: 0;}
.promo-list--tiles .promo-list__base, .promo-list--tiles-notext .promo-list__base, .promo-list--tiles-noimage .promo-list__base{
	margin-left:1.25rem;
	margin-right:1.25rem;
	}
.regForm .errorMsg{ padding-left: 0;}
.mobileButton{ display: block;}
.regForm .btn{ display: none;}
.loginfold{ display: block;}
div.back{ margin: 0 20px; padding-left: 0px; background-position: left top;}
p.back{ padding-left: 0;}
.list{ margin-top: 20px;}
}

@media all and (max-width: 767px){
#content{ width: 100%;}
#content .imgSliderContainer .imgSlider{ height: 360px; margin-bottom: 40px; overflow: hidden;}
#content .imgSliderContainer .imgSlider .imgSliderC{width: 100%; height: 300px;position: absolute;}
#content .imgSliderContainer .imgSlider .imgSliderC div{height: 300px; width: 100%; position: absolute;}
#content .imgSliderContainer .imgSlider .imgSliderC div img{max-width:100%;}
#content .imgSliderContainer .imgSlider .imgSliderC .imgtext{ width: 100%; height:auto; min-height: 60%; padding-top: 40px;left:0px; bottom:0px;top:auto}
#content .imgSliderContainer .imgSlider .imgSliderC .imgtext h2{ margin-bottom: 10px;}
#content .imgSliderContainer .imgSlider .imgSliderNext{display: none;}
#content .imgSliderContainer .imgSlider .imgSliderPrev{display: none;}
}