/*  初始化 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li ,dl, dt, dl {margin: 0; padding:0}
a {color: inherit; text-decoration:none;}
ul,ol {list-style: none;}
img {vertical-align:top; border: 0;}
em,i {font-style:normal;}
strong, b {font-weight: normal;}


.content_box {
  width: 750px;
  height: 3979px;
  background: url('../img/bk.png') no-repeat;
  background-size: 100% 100%;
}


.top_xf {
  width: 750px;
  height: 180px;
  background: #553cce;
  padding: 0 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  position: fixed;
  top: 0;
  z-index: 999;
}

.img_box {
  width: 120px;
  height: 120px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:25px;
}

.img_box img {
  width: 110px;
  height: 110px;
}

.top_text {
  font-weight: 600;
  color: #fff;
  font-style: italic;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.top_text div:first-child {
  font-size: 50px;


}

.top_text div:last-child {
  font-size: 20px;
  margin-top: 10px;
}

.btn_img {
  width: 233px;
  height: 90px;
  background: url('../img/btn.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  right: 15px;
  top: calc(50% - 45px);
}


.center_text {
  width: 665px;
  height: 824px;
  background: url('../img/top_text.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 210px;
  margin: 0 auto;
}

.btn_box {
  position: relative;
  top: 255px;
  text-align: center;
}

.btn_box img {
  width: 370px;
  height: 134px;
}

.btn_box .an {

}


.mySwiper {
  position: relative;
  top: 340px;
}

.myprev {
  top: calc(50% + 30px);
  width: 90px;
  height: 60px;

  left: 35px;
  opacity: 0;
}

.mynext {
  top: calc(50% + 30px);
  width: 90px;
  height: 60px;
  right: 35px;
  opacity: 0;
}


.recommended {
  width: 750px;
  height: 1303px;
  background: url('../img/recommended.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
  top: 380px;
}


.tishi{
  width: 750px;
  height: 100%;
  background: rgba(2,2,2,.8);
  position: fixed;
  top: 0;  
  /* left: calc(50% - 375px); */
  z-index: 2000;
}


.tishi img {
  width: 100%;
  /* margin-top: 10px; */

}

.footer {
  display: flex;
  justify-content: center;
  position: relative;
  top: 370px;
  font-size: 28px;
}

.footer a {
  margin: 0 20px;
}