* {

  padding: 0;

  margin: 0;

  list-style: none;

  box-sizing: border-box;

  font-family: PingFangSC-Medium, PingFang SC;

  text-decoration: none;

}

a {

  color: #FFFFFF;

}
#xx:hover{
  color: #f02b63;
  font-size: 20px;
 }

.w {

  width: 80%;

  max-width: 1500px;

  min-width: 1200px;

  margin: 0 auto;

}

img {

  width: 100%;

  height: 100%;

  display: block;

}

.MaxBox {

  min-width: 1200px;

}

.MaxBox .mainBox .main {

  color: #FFFFFF;

  height: 500px;

  background-color: pink;

  background: url('https://llkj-wechat.oss-cn-hangzhou.aliyuncs.com/www/8/assets/guoneiyoubgc.png') no-repeat;

  background-size: 100% 100%;

}

.MaxBox .mainBox .main .header {

  height: 100px;

  background: rgba(3, 3, 3, 0.5);

}

.MaxBox .mainBox .main .header .headerMain {

  height: 100%;

  display: flex;

  justify-content: space-between;

}

.MaxBox .mainBox .main .header .headerMain .left {

  color: #fff;

  font-weight: 700;

  display: flex;

  align-items: center;

}

.MaxBox .mainBox .main .header .headerMain .left .logo {

  width: 165px;

  height: 60px;

  margin-right: 20px;

}

.MaxBox .mainBox .main .header .headerMain .right ul {

  display: flex;

  height: 100%;
  font-weight: bolder;

}

.MaxBox .mainBox .main .header .headerMain .right ul li {

  padding: 0 20px;

  height: 100%;

  display: flex;

  align-items: center;

}

.MaxBox .mainBox .main .header .headerMain .right ul li a {

  height: 100%;

  display: flex;

  align-items: center;

}

.MaxBox .mainBox .main .header .headerMain .right ul li .phone {

  width: 25px;

  height: 25px;

  margin-right: 5px;

}

.MaxBox .mainBox .main .header .headerMain .right ul li .guonei {

  border-bottom: 3px solid #f02b63;

}

.MaxBox .mainBox .main .content {

  height: calc(100% - 100px);

  display: flex;

  justify-content: center;

  align-items: center;

}

.MaxBox .mainBox .main .content .contentMain .imgBox {

  width: 400px;

  height: 190px;

}

.MaxBox .WhereTo {

  margin-top: 40px;

}

.MaxBox .WhereTo .whereToMain {

  display: flex;

  flex-direction: column;

  align-items: center;

}
.MaxBox .WhereTo .whereToMain .title{

font-size: 50px;
font-weight:bolder;
margin: 20px 0;


}

.MaxBox .WhereTo .whereToMain .describe {

  font-size: 24px;

  color: #787878;

  padding: 10px 0;

}

.MaxBox .WhereTo .whereToMain .buttonBox {

  display: flex;

}

.MaxBox .WhereTo .whereToMain .buttonBox .btn {

  color: #f02b63;

  border: 1px solid #f02b63;

  padding: 5px 15px;

  border-radius: 50px;

  margin: 0 5px;

  cursor: pointer;

  display: flex;

  align-items: center;

  font-size: 14px;

}

.MaxBox .WhereTo .whereToMain .buttonBox .btn .icon {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  margin: 0 5px;

  background-color: #f02b63;

}

.MaxBox .WhereTo .whereToMain .buttonBox .CheckBtn {

  color: #fff;

  border: 1px solid #f02b63;

  background-color: #f02b63;

  padding: 5px 15px;

  border-radius: 50px;

  margin: 0 5px;

  cursor: pointer;

  display: flex;

  align-items: center;

  font-size: 14px;

}

.MaxBox .WhereTo .whereToMain .buttonBox .CheckBtn .icon {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  margin: 0 5px;

  background-color: #fff;

}

.MaxBox .WhereTo .whereToMain .regionImg {

  margin-top: 20px;

  width: 100%;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox {

  display: flex;

  justify-content: space-between;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox .left {

  margin-right: 20px;

  position: relative;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox .left .text {

  position: absolute;

  bottom: 40px;

  padding: 0 20px;

  color: #fff;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox .left .text .circular {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  font-size: 26px;

  color: #f02b63;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox .left .text .title {

  font-size: 25px;

  padding: 10px 50px 15px 0;

}

.MaxBox .WhereTo .whereToMain .regionImg .btnBox .left .text .content {

  font-size: 15px;

  line-height: 22px;

}

.MaxBox .Hot {

  margin-top: 40px;

  min-height: 300px;

  background-color: #f5f5f5;

}

.MaxBox .Hot .HotMain {

  padding: 30px 0 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.MaxBox .Hot .HotMain .title {

  text-align: center;
  font-size: 50px;
  font-weight: bolder;
  margin: 20px 0;


}

.MaxBox .Hot .HotMain .contentBox {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 15px;

}

.MaxBox .Hot .HotMain .contentBox .contentItem {

  width: 32%;

  background-color: #fff;

  margin-bottom: 15px;

  cursor:pointer

}

.MaxBox .Hot .HotMain .contentBox .contentItem .imgBox {

  height: 300px;

  background-color: pink;

  cursor:pointer

}

.MaxBox .Hot .HotMain .contentBox .contentItem .imgBox .imgItem {

  height: 100%;

  background-color: green;

}

.MaxBox .Hot .HotMain .contentBox .contentItem .textBox {

  padding: 0 10px;

}

.MaxBox .Hot .HotMain .contentBox .contentItem .textBox .text {

  padding: 10px 0;

  font-weight: bold;

  display: inline-block;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 100%;

  white-space: nowrap;

}

.MaxBox .Hot .HotMain .contentBox .contentItem .textBox .cardBox {

  display: flex;

  margin-bottom: 10px;

}

.MaxBox .Hot .HotMain .contentBox .contentItem .textBox .cardBox .cardItem {

  padding: 5px 10px;

  background-color: #eeeeee;

  border-radius: 5px;

  margin-right: 10px;

  font-size: 14px;

}

.MaxBox .Hot .HotMain .more {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  padding: 30px 0;
}
.MaxBox .Hot .HotMain{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MaxBox .Hot .HotMain .boxCode {
  width: 150px;
  height: 150px;
  background-color: #000;
  position: absolute;
  bottom: 160px;
   display: none;
   border-radius: 5px;
   border: 2px solid #767676;
 }
 .MaxBox .Hot .HotMain .more:hover+.boxCode {
  display: block;
}
.my-demo{
  padding: 10px 40px;
  background-color: #f03268;
  color: #FFFFFF;

  border: 1px solid #ccc;
  border-radius: 30px;
  font-size: 20px;
  font-weight: bolder;
  

}

.MaxBox .HowPlay {

  margin-top: 40px;

}

.MaxBox .HowPlay .HowPlayMain {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.MaxBox .HowPlay .HowPlayMain .title {

  text-align: center;
  font-size: 50px;
  font-weight: bolder;
  margin: 20px 0;


}

.MaxBox .HowPlay .HowPlayMain .titl {

  font-size: 24px;

  color: #767676;

  margin-top: 5px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox {

  margin-top: 40px;

  position: relative;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .one {

  width: 315px;

  position: absolute;

  top: 17%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .one .oneTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .one p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .two {

  width: 315px;

  position: absolute;

  top: 50px;

  left: 50%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .two .twoTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .top .two p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .one {

  width: 315px;

  position: absolute;

  top: 50%;

  left: 25%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .one .oneTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .one p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .two {

  width: 315px;

  position: absolute;

  top: 40%;

  left: 75%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .two .twoTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .center .two p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .one {

  width: 315px;

  position: absolute;

  top: 80%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .one .oneTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .one p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .two {

  width: 315px;

  position: absolute;

  top: 73%;

  left: 50%;

  padding: 0 45px 0 20px;

  color: #fff;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .two .twoTitle {

  font-size: 22px;

  padding-bottom: 20px;

}

.MaxBox .HowPlay .HowPlayMain .imgBox .bottom .two p {

  font-size: 14px;

  line-height: 22px;

}

.MaxBox .VideoNumber .VideoNumberMain {

  margin-top: 40px;

  position: relative;



}

.MaxBox .VideoNumber .VideoNumberMain .imgBox {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  position: absolute;

  top: 0;

}

.MaxBox .VideoNumber .VideoNumberMain .imgBox .leftText {

  min-width: 300px;

  height: 300px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  color: #fff;

}

.MaxBox .VideoNumber .VideoNumberMain .imgBox .leftText .title {

  margin-bottom: 30px;

}

.MaxBox .VideoNumber .VideoNumberMain .imgBox .leftText .title p {

  font-size: 20px;

  font-weight: 600;

  height: 35px;

  line-height: 35px;

}

.MaxBox .VideoNumber .VideoNumberMain .imgBox .leftText .content p {

  font-size: 16px;

  font-weight: normal;

  height: 35px;

  line-height: 35px;

  letter-spacing: 2px;

}

.MaxBox .VideoNumber .VideoNumberMain .imgBox .rightImg {

  width: 180px;

  height: 180px;

}

.MaxBox .guarantee .guaranteeMain {

  margin-top: 30px;

}

.MaxBox .guarantee .guaranteeMain .title {

  text-align: center;
  font-size: 50px;
  font-weight: bolder;
  margin: 20px 0;

}

.MaxBox .guarantee .guaranteeMain .titl {

  font-size: 24px;

  color: #767676;
  text-align: center;

  margin-top: 5px;

  letter-spacing: 2px;

}

.MaxBox .guarantee .guaranteeMain .guaranteeBox {

  margin-top: 40px;

  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.MaxBox .guarantee .guaranteeMain .guaranteeBox .guaranteeBoxItem {

  width: 19%;

  margin-bottom: 15px;

  background-color: #f5f5f5;

}

.MaxBox .guarantee .guaranteeMain .guaranteeBox .guaranteeBoxItem .textBox {

  font-size: 18px;

  font-weight: bold;

  padding: 20px 0;

}

.MaxBox .process .processMain {

  padding: 50px 0;

}

.MaxBox .process .processMain .title {

  text-align: center;
  font-size: 50px;
  font-weight: bolder;
  margin: 20px 0;


}

.MaxBox .process .processMain .titl{

  font-size: 24px;
text-align: center;
  color: #767676;

  margin-top: 5px;

}

.MaxBox .process .processMain .cardBox {

  width: 100%;

  display: flex;

  align-items: center;

  position: relative;

  margin-top: 30px;

}

.MaxBox .process .processMain .cardBox .cardItem {

  width: 100%;

  display: flex;

  justify-content: space-evenly;

}

.MaxBox .process .processMain .cardBox .cardItem .border {

  border-bottom: 2px dashed #ccc;

  position: absolute;

  top: 50%;

  width: 100%;

  display: flex;

}

.MaxBox .process .processMain .cardBox .cardItem .cardImg {

  width: 13%;

  z-index: 1;

  background-color: #fff;

  position: relative;

}

.MaxBox .process .processMain .cardBox .cardItem .cardImg .text {

  position: absolute;

  top: 50%;

  padding: 15px 20px;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

}

.MaxBox .process .processMain .cardBox .cardItem .cardImg .text .title {

  font-weight: bold;

  font-size: 15px;

 margin: 0 0 5px 0;

}

.MaxBox .process .processMain .cardBox .cardItem .cardImg .text .content {

  font-size: 12px;

}

.MaxBox .process .processMain .cardBox .iconleft {

  position: absolute;

  left: -4px;

  top: -7px;

  color: #ccc;

  background-color: #fff;

}

.MaxBox .process .processMain .cardBox .iconRight {

  position: absolute;

  right: -4px;

  top: -7px;

  color: #ccc;

}

.MaxBox .process .processMain .button {

  margin-top: 30px;

  display: flex;

  justify-content: center;

}

.MaxBox .process .processMain .button .btnMain {

  display: inline;

  text-align: center;

  background-color: #f02b63;

  padding: 8px 20px;

  border-radius: 50px;

  font-size: 14px;

  color: #fff;

}

.MaxBox .signUp .signUpMain {

  margin-top: 30px;

  position: relative;

}

.MaxBox .signUp .signUpMain .signUpMainBox {

  height: 100%;

  width: 100%;

  color: #fff;

}

.MaxBox .signUp .signUpMain .signUpMainBox .box {

  position: absolute;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}

.MaxBox .signUp .signUpMain .signUpMainBox .box .text {

  font-size: 22px;

  font-weight: bold;

  margin-right: 70px;

}

.MaxBox .signUp .signUpMain .signUpMainBox .box .boxImg {

  width: 200px;

  height: 200px;
 
  /* border-radius: 15%; */

}

.MaxBox .footer {
  /* margin-top: 30px; */
  background-color: #2c2e2e;

}
.MaxBox .footer .footerMain {
  background-color: #2c2e2e;
  display: flex;
  justify-content: space-between;
  padding: 50px 50px 20px;
}
.MaxBox .footer .footerMain dl {
  display: flex;
  flex-direction: column;
}
.MaxBox .footer .footerMain dl dt {
  font-size: 18px;
  margin-bottom: 15px;
  color: #fff;
  text-align: center
}
.MaxBox .footer .footerMain dl dd {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.MaxBox .footer .footerMain dl dd a {
  display: block;
}
.MaxBox .footer .footerMain dl dd a:hover {
  color: #e1251b;
}
.MaxBox .footer .footerMain dl dd .imgBox {
  margin: 20px 30px 0;
  text-align: center;
}
.MaxBox .footer .footerMain dl dd .imgBox .imgItem {
  width: 100px;
  height: 100px;
}
.MaxBox .footer .footerMain dl dd .imgBox .text {
  color: #fff;
  font-size: 16px;
  margin-top: 5px;
}
.MaxBox .footer .footerMain dl .code {
  display: flex;
}
.MaxBox .footer .address {
  border-top: 1px solid #ccc;
  background-color: #2c2e2e;
  padding: 15px 0;
}
.MaxBox .footer .address .top,
.MaxBox .footer .address .bottom {
  display: flex;
  justify-content: center;
  color: #ccc;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
}
.MaxBox .footer .address .top p,
.MaxBox .footer .address .bottom p {
  margin-right: 15px;
}
.mmm{
  color: #fff;
}
.mmmNo{
border-bottom: 3px solid #f02b63;
}