a {
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
.hidden {
  display: none;
}
.font-36 {
  font-size: 0.48rem;
}
.font-30 {
  font-size: 0.4rem;
}
.font-32 {
  font-size: 0.42666667rem;
}
.font-24 {
  font-size: 0.32rem;
}
.font-20 {
  font-size: 0.26666667rem;
}
.font-18 {
  font-size: 0.24rem;
}
.font-48 {
  font-size: 0.64rem;
}
.font-28 {
  font-size: 0.37333333rem;
}
.font-bold {
  font-weight: bold;
}
.relative {
  position: relative;
}
* {
  margin: 0;
  padding: 0;
}
#toast {
  width: 3.86666667rem;
  height: 0.74666667rem;
  line-height: 0.74666667rem;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 7.33333333rem;
  z-index: 1000000;
  margin-left: -1.93333333rem;
  border-radius: 0.10666667rem;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.container .fixed-box1 {
  position: fixed;
  bottom: 0.26666667rem;
  width: 9.46666667rem;
  height: 2.2rem;
  margin-left: 0.26666667rem;
  background: url('../images/bgsmall.png') no-repeat;
  background-size: 100%;
  box-shadow: 0px 0px 0.2666rem 0px rgba(154, 154, 154, 0.5);
  display: flex;
  align-items: center;
}
.container .fixed-box1 .flex-item1 p:nth-child(1) {
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  color: #666666;
}
.container .fixed-box1 .flex-item1 p:nth-child(1) span {
  display: inline-block;
  height: 100%;
  background-color: #ff6a6a;
}
.container .fixed-box1 .flex-item1 p:nth-child(1) span:nth-child(1) {
  width: 0.18666667rem;
  color: #ff6a6a;
}
.container .fixed-box1 .flex-item1 p:nth-child(2) {
  color: #666666;
  margin-top: 0.17333333rem;
  text-align: center;
}
.container .fixed-box1 .btn-box {
  margin-left: 0.25333333rem;
}
.container .fixed-box1 .btn-box b {
  color: #fe6b6b;
  font-weight: normal;
}
.container .fixed-box1 .money {
  text-align: center;
  height: 0.97333333rem;
  width: 6.68rem;
  line-height: 0.97333333rem;
  margin-top: 0.25333333rem;
  background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
  border-radius: 0.10666667rem;
  color: #ffffff;
}
.container .fixed-box1 .money span {
  display: inline-block;
  margin-left: 0.2rem;
}
.container .fixed-box2 {
  position: fixed;
  bottom: 1.6rem;
  right: 0.14666667rem;
  width: 1.65333333rem;
}
.container .fixed-box2 img {
  width: 100%;
}
.images-box {
  width: 100%;
}
.images-box img {
  display: block;
  width: 100%;
}
.login-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.69);
  top: 0;
  left: 0;
  z-index: 999999;
}
.login-container p {
  width: 100%;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 2.04rem;
}
.content-box {
  width: 100%;
  height: 100%;
}
.content-box .content-bottom {
  position: absolute;
  top: 4.04rem;
  left: 0.57333333rem;
  width: 8.85333333rem;
  padding-bottom: 0.26666667rem;
  padding-top: 0.26666667rem;
  background-color: #ffffff;
  border-radius: 0.24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.content-box .content-bottom .input-box {
  margin-top: 1rem;
}
.content-box .content-bottom .input-box input {
  width: 7.81333333rem;
  height: 1.33333333rem;
  box-sizing: border-box;
  border: none;
  font-size: 0.48rem;
  padding-left: 0.76rem;
  background-color: #f5f5f5;
  box-shadow: inset 0px 1px 0.32rem 0px rgba(204, 204, 204, 0.5);
  border-radius: 0.74666667rem;
}
.content-box .content-bottom .input-box .tipmes {
  position: absolute;
  top: 1.49333333rem;
  text-align: left;
  padding-left: 0.57333333rem;
  color: #ff5b5b;
}
.content-box .content-bottom .input-box #get-message {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background-image: linear-gradient(90deg, #ff6a6a 0%, #ff9e63 100%);
  width: 2.41333333rem;
  height: 1.33333333rem;
  border-top-right-radius: 0.74666667rem;
  border-bottom-right-radius: 0.74666667rem;
  color: #ffffff;
}
.content-box .content-bottom > a {
  display: block;
  width: 7.81333333rem;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  border-radius: 0.74666667rem;
  font-size: 0.48rem;
  background: url(../images/next.png) no-repeat;
  background-size: 100%;
  margin: auto;
  margin-top: 1.16rem;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.content-box-1 {
  width: 100%;
}
.content-box-1 .content-bottom {
  position: absolute;
  top: 4.04rem;
  left: 0.57333333rem;
  width: 8.85333333rem;
  padding-bottom: 0.26666667rem;
  padding-top: 0.26666667rem;
  background-color: #ffffff;
  border-radius: 0.24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.content-box-1 .content-bottom .input-box {
  margin-top: 0.66666667rem;
}
.content-box-1 .content-bottom .input-box input,
.content-box-1 .content-bottom .input-box #trigger1 {
  width: 7.81333333rem;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  box-sizing: border-box;
  border: none;
  font-size: 0.48rem;
  color: #767676;
  padding-left: 0.76rem;
  background-color: #f5f5f5;
  border-radius: 0.74666667rem;
}
.content-box-1 .content-bottom .input-box .tipmes {
  position: absolute;
  top: 1.49333333rem;
  text-align: left;
  padding-left: 0.57333333rem;
  color: #ff5b5b;
}
.content-box-1 .content-bottom .input-box #trigger1 {
  border: none;
}
.content-box-1 .content-bottom .input-box #trigger1 span {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0.69333333rem;
  top: 0.56rem;
  border-top: 0.2rem solid #ff635d;
  border-left: 0.1866rem solid transparent;
  border-right: 0.1866rem solid transparent;
}
.content-box-1 .content-bottom .input-box .rotate {
  transform: rotate(180deg);
}
.content-box-1 .content-bottom .input-box ul {
  width: 7.81333333rem;
  border-radius: 0.37333333rem;
  font-size: 0.4rem;
  margin-top: 0.13333333rem;
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  position: absolute;
  right: 0;
  top: 1.26666667rem;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: inset 0px 1px 24px 0px rgba(204, 204, 204, 0.5);
}
.content-box-1 .content-bottom .input-box ul li {
  width: 7.81333333rem;
  height: 0.93333333rem;
  line-height: 0.93333333rem;
  text-align: center;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  color: #8a8a8a;
  font-size: 0.4rem;
}
.content-box-1 .content-bottom .input-box ul li b {
  font-weight: bold;
  color: #5b5b5b;
  margin-right: 0.06666667rem;
}
.content-box-1 .content-bottom > a {
  display: block;
  width: 7.81333333rem;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  border-radius: 0.74666667rem;
  font-size: 0.48rem;
  background: url(../images/next.png) no-repeat;
  background-size: 100%;
  margin: auto;
  margin-top: 1.16rem;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.content-box-2 {
  width: 8.46666667rem;
  top: 1.84rem;
  margin: auto;
}
.content-box-2 .headimg {
  display: flex;
  margin-bottom: 0.4rem;
}
.content-box-2 .headimg img {
  box-sizing: border-box;
  background: #ffffff;
  width: 1.77333333rem;
  height: 1.77333333rem;
  padding: 0.13333333rem;
  margin-right: 0.50666667rem;
}
.content-box-2 .headimg div {
  color: #ffffff;
  font-family: SourceHanSansCN-Heavy;
}
.content-box-2 .headimg div p:nth-child(1) {
  margin-top: 0.26666667rem;
  font-size: 0.64rem;
  margin-bottom: 0.26666667rem;
}
.content-box-2 .headimg div p:nth-child(2) {
  font-size: 0.48rem;
}
.content-box-2 .headimg div p:nth-child(2) span:nth-child(1) {
  display: inline-block;
  margin-right: 0.26666667rem;
}
.content-box-2 .cards-box {
  width: 8.34666667rem;
  height: 5.17333333rem;
  margin: auto;
}
.content-box-2 .cards-box img {
  width: 100%;
}
.content-box-2 button {
  display: block;
  border: none;
  border-radius: 0.26666667rem;
  font-size: 0.48rem;
  color: #ffffff;
  font-family: SourceHanSansCN-Heavy;
  width: 5.50666667rem;
  height: 1.48rem;
  margin: 0 auto;
  margin-top: 1.34666667rem;
  background-image: linear-gradient(12deg, #ff6a31 0%, #ff9916 100%);
}