@charset "utf-8";
/* 活动基础样式配置 */
html {
  font-size: 50px;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-size: .28rem;
  letter-spacing: 0;
}
body,input {
  font-family: Helvetica Neue, Helvetica, Roboto, Segoe UI, Arial, sans-serif;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
i{
  font-style: normal; 
}
a {
  text-decoration: none;
  color: #303133;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
label{
  display: inline-block;
  cursor: pointer;
}
textarea{
  border:none;
  outline: none;
  resize: none;
}
input[type="radio"],input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
/* input类型为number时，去掉上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
input::-webkit-input-placeholder {
  color:#aab2bd;
  font-weight: normal;
}
.border-1px-t,.border-1px-r,.border-1px-b,.border-1px-l,.border-1px {
  position: relative;
}

.border-1px:before,.border-1px:after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  border: 1px solid #f1f2f6;
  color:#f1f2f6;
  height: 200%;
  transform-origin: left top;
  transform: scale(0.5);
}

.border-1px-t:before,.border-1px-t:after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgb(244,245,246);
  color: rgb(244,245,246);
  transform-origin: 0 0%;
  transform: scaleY(0.5);
}

.border-1px-b:before,.border-1px-b:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgb(244,245,246);
  color: rgb(244,245,246);
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}

.border-1px-r:after{
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-right: 1px solid rgb(244,245,246);
  color: rgb(244,245,246);
  transform-origin: 100% 0;
  transform: scaleX(1);
}

.border-1px-l:before{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px solid rgb(244,245,246);
  color: rgb(244,245,246);
  transform-origin: 0 100%;
  transform: scaleX(1);
}
/*遮罩层*/
.mask{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
/* 页面载入之前加载loading */
.load-div{
  display:block;
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:1000;
  background:#fff;
}
.load-div img{
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  margin:auto;
  right:0;
  top:.2rem;
  width:140px;
}
/* 自制弹框 */
.alert-shadow{
  background: rgba(0,0,0,.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display:none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -2.5rem;
  z-index: 700;
}
.alert-content{
  background: #fff;
  width: 5.5rem;
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: .3rem;
}
.alert-icon{
  background: url('https://ca.deppon.com/ows/static/mp/images/warn.png') no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.alert-title{
  width: 100%;
  box-sizing: border-box;
  padding: .3rem;
  color: #000000;
  font-size: .32rem;
  text-align: center;
}
.alert-desc{
  margin: 0;
  font-size: .28rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0rem .4rem .5rem .4rem;
  color: #666666;
}
.alert-btn{
  width: 100%;
  background-color: #fff;
  color: #fcb01b;
  font-size: .34rem;
  border: 0;
  border-top: 1px solid #efefef;
  padding: .24rem;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  letter-spacing: 3px;
  outline:none;
}
/* 提交请求的加载loading */
.post-loading{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 780;
}
.post-loading img{
  width: .5rem;
  height: .5rem;
}
/*  手机号登录样式 */
#phoneLogin {
  display: none;
}
.phone-login-box{
  width: 85%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFE709;
  border-radius: 5px;
  box-sizing: border-box;
  padding: .4rem .45rem .6rem .45rem;
}
.phone-login-title {
  font-size: .4rem;
  font-weight: bold;
  color: #06448E;
  text-align: center;
  margin-bottom: .24rem;
}
.phone-login-same-box{
  width: 4.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: .4rem;
  
}
.phone-login-same-box input{
  height: .7rem;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-left: .2rem;
  border-radius: 0;
  color: #333;
  font-weight: bold;
  font-size: .3rem;
  outline: none;
}
.phone-login-same-box .telphone{
  width: 100%;
  border: 1px solid #003C8D;
}
.phone-login-same-box .veritycode{
  width: 50%;
  border: 1px solid #003C8D;
}
.phone-login-same-box .getveritycode{
  width: 50%;
  height: .7rem;
  font-size: .28;
  border: 0;
  background-color:#06448E;
  color:#FFE100 ;
  letter-spacing: 2px;
}
.phone-login-same-box .light{
  background-color:#06448E;
  color:#FFE100 ;
}
.phone-login-same-box .gray{
  background-color:#06448E;
  color:#FFE100 ;
  border: 1px solid #06448E;
}
.phone-login-box .go-login-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem;
  width: 2.57rem;
  height: .65rem;
  background-color: #06448E;
  color: #FFE100;
  font-size: .3rem;
}
.close-box{
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-img{
  width: .6rem;
  height: .6rem;
}
.toast {
  display: none;
  align-items:center; -webkit-align-items:center;  -moz-align-items:center;  -ms-align-items:center;  -o-align-items:center;;
  -webkit-justify-content: center;   -moz-justify-content: center;   -ms-justify-content: center;   -o-justify-content: center;justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0);
  color: #ffffff;
  z-index: 89;
}
.toast div {
  max-width: 90%;
  padding: 10px;
  background-color: black;
  border-radius: 5px;
  font-size: 14px;
  color: #ffffff;
  display:flex; 
  align-items:center; -webkit-align-items:center;  -moz-align-items:center;  -ms-align-items:center;  -o-align-items:center;;
  -webkit-justify-content: center;   -moz-justify-content: center;   -ms-justify-content: center;   -o-justify-content: center;justify-content: center;
}