/* reset */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
table {
  border: none;
  border-collapse: collapse;
}
a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
i,
em {
  font-style: normal;
}
img {
  border: none;
}
input,
button {
  border: none;
}
html,
body {
  width: 100%;
  font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif";
  -webkit-font-smoothing: antialiased;
}
.clearfix:after {
  content: '';
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.img_header {
  width: 100%;
  display: block;
}
.movie_out {
  position: absolute;
  top: 5.3rem;
  text-align: left;
}
.movie_out .movie1 {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out .movie1:after {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out .movie2 {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: right;
  margin-left: 0.2rem;
  margin-right: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out .movie2:after {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: right;
  margin-left: 0.2rem;
  margin-right: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out .movie3 {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.movie_out .movie3:after {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.movie_out .movie4 {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: right;
  margin-left: 0.2rem;
  margin-right: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.movie_out .movie4:after {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: right;
  margin-left: 0.2rem;
  margin-right: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.titchangxiao {
  width: 3.7rem;
  height: 0.37rem;
  background: url(../images/tit_changxiao.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.3rem auto;
}
.changxiao1 {
  width: 7rem;
  height: 2.7rem;
  background-color: #fff;
  border-radius: 8px;
  margin: 0.2rem auto;
  position: relative;
}
.changxiao1 img{
  width: 1.49rem;
  height: .65rem;
  position: absolute;
  top: 0;
  left: 0;
}
.changxiao1 .logo1 {
  width: 0.7rem;
  height: 0.6rem;
  background: url(../images/logo1.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0.2rem;
}
.changxiao1 .logo2 {
  width: 0.7rem;
  height: 0.6rem;
  background: url(../images/logo2.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0.2rem;
}
.changxiao1 .logo3 {
  width: 0.7rem;
  height: 0.6rem;
  background: url(../images/logo3.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0.2rem;
}
.changxiao1 .logo4 {
  color: #ffba02;
  font-size: 0.35rem;
  font-weight: bold;
  position: absolute;
  top: 0.15rem;
  left: 0.2rem;
}
.changxiao1 .titOne {
  color: #fb6408;
  font-size: 0.32rem;
  font-weight: bold;
  position: absolute;
  top: 0.6rem;
  left: 0.3rem;
}
.changxiao1 .describe {
  color: #666666;
  font-size: 0.24rem;
  position: absolute;
  top: 1.1rem;
  left: 0.3rem;
}
.changxiao1 .series1 {
  width: 4.2rem;
  height: 0.75rem;
  background: url(../images/series13.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series2 {
  width: 2.7rem;
  height: 0.75rem;
  background: url(../images/series2.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series3 {
  width: 4.8rem;
  height: 0.8rem;
  background: url(../images/series3.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series4 {
  width: 2.7rem;
  height: 0.75rem;
  background: url(../images/series2.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series5 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series9.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series6 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series10.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}

.changxiao1 .series7 {
  width: 2.1rem;
  height: 0.75rem;
  background: url(../images/series14.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series8 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series12.jpg);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series9 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series16.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series10 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series17.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .series11 {
  width: 4.7rem;
  height: 0.75rem;
  background: url(../images/series18.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.7rem;
  left: 0.2rem;
}
.changxiao1 .shouyue {
  color: #fe644d;
  font-size: 0.28rem;
  position: absolute;
  top: 0.5rem;
  right: 0.1rem;
  width: 1.95rem;
  text-align: center;
}
.changxiao1 .shouyue span {
  color: #fe644d;
  font-size: 0.48rem;
  font-weight: bold;
}
.changxiao1 .grayprice {
  color: #666666;
  font-size: 0.28rem;
  position: absolute;
  top: 1rem;
  right: 0.1rem;
  text-decoration: line-through;
  width: 1.8rem;
  text-align: center;
}
.changxiao1 .grayliang {
  color: #666666;
  font-size: 0.23rem;
  position: absolute;
  top: 1.4rem;
  right: 0.1rem;
  width: 1.8rem;
  text-align: center;
}
.changxiao1 .btn_light {
  width: 1.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 15px;
  background-color: #f3672c;
  color: #fff;
  font-size: 0.25rem;
  text-align: center;
  position: absolute;
  top: 1.8rem;
  right: 0.2rem;
}
.titzhuiju {
  width: 4.8rem;
  height: 0.7rem;
  background: url(../images/zhuijutit.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.2rem auto;
}
.zhuijuline1 {
  width: 7.2rem;
  margin: auto;
}
.zhuijuline1 .zhuiju01 {
  display: inline-block;
  width: 3.4rem;
  height: 2.3rem;
  background: url(../images/zhuiju01.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.zhuijuline1 .zhuiju01 .para1 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju01 .para2 {
  font-size: 0.28rem;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju01 .para3 {
  margin-top: 0.1rem;
}
.zhuijuline1 .zhuiju01 .para3 .para3_1 {
  color: #fff;
  font-size: 0.25rem;
}
.zhuijuline1 .zhuiju01 .para3 .para3_2 {
  color: #ffefc4;
  font-size: 0.25rem;
  text-decoration: line-through;
}
.zhuijuline1 .zhuiju01 .para3 .para3_3 {
  display: inline-block;
  color: red;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-top: 0.05rem;
  margin-right: 0.05rem;

}
.zhuijuline1 .zhuiju02 {
  display: inline-block;
  width: 3.4rem;
  height: 2.3rem;
  background: url(../images/zhuiju02.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.zhuijuline1 .zhuiju02 .para1 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju02 .para2 {
  font-size: 0.28rem;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju02 .para3 {
  margin-top: 0.1rem;
}
.zhuijuline1 .zhuiju02 .para3 .para3_1 {
  color: #fff;
  font-size: 0.25rem;
}
.zhuijuline1 .zhuiju02 .para3 .para3_2 {
  color: #ffefc4;
  font-size: 0.25rem;
  text-decoration: line-through;
}
.zhuijuline1 .zhuiju02 .para3 .para3_3 {
  display: inline-block;
  color: red;
  background-color: #fee3a3;
  border-radius: 18px;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-top: 0.05rem;
  margin-right: 0.05rem;
}
.zhuijuline1 .zhuiju03 {
  display: inline-block;
  width: 3.4rem;
  height: 2.3rem;
  background: url(../images/zhuiju03.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.zhuijuline1 .zhuiju03 .para1 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju03 .para2 {
  font-size: 0.28rem;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju03 .para3 {
  margin-top: 0.1rem;
}
.zhuijuline1 .zhuiju03 .para3 .para3_1 {
  color: #fff;
  font-size: 0.25rem;
}
.zhuijuline1 .zhuiju03 .para3 .para3_2 {
  color: #ffefc4;
  font-size: 0.25rem;
  text-decoration: line-through;
}
.zhuijuline1 .zhuiju03 .para3 .para3_3 {
  display: inline-block;
  color: red;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-top: 0.05rem;
  margin-right: 0.05rem;
}
.zhuijuline1 .zhuiju04 {
  display: inline-block;
  width: 3.4rem;
  height: 2.3rem;
  background: url(../images/zhuiju04.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.zhuijuline1 .zhuiju04 .para1 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju04 .para2 {
  font-size: 0.28rem;
  color: #fff;
  margin-top: 0.2rem;
}
.zhuijuline1 .zhuiju04 .para3 {
  margin-top: 0.1rem;
}
.zhuijuline1 .zhuiju04 .para3 .para3_1 {
  color: #fff;
  font-size: 0.25rem;
}
.zhuijuline1 .zhuiju04 .para3 .para3_2 {
  color: #ffefc4;
  font-size: 0.25rem;
  text-decoration: line-through;
}
.zhuijuline1 .zhuiju04 .para3 .para3_3 {
  display: inline-block;
  color: red;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-top: 0.05rem;
  margin-right: 0.05rem;
}
.tithaowu {
  width: 5.2rem;
  height: 0.7rem;
  background: url(../images/haowutit.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.2rem auto;
}
.haowuline1 {
  width: 7.2rem;
  margin: auto;
}
.haowuline1 .haowu01 {
  display: inline-block;
  width: 3.4rem;
  height: 2.9rem;
  background: url(../images/haowu01.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.haowuline1 .haowu01 .para1 {
  font-size: 0.33rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.haowuline1 .haowu01 .para2 {
  font-size: 0.23rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu01 .para4 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu01 .para5 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu01 .para3 {
  margin-top: 0.2rem;
}
.haowuline1 .haowu01 .para3 .para3_1 {
  color: #fff3b2;
  font-size: 0.32rem;
  font-weight: bold;
}
.haowuline1 .haowu01 .para3 .para3_3 {
  display: inline-block;
  color: #6c0bd6;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  /*margin-right: 0.5rem;*/
  margin-top: 0.01rem;
}
.haowuline1 .haowu02 {
  display: inline-block;
  width: 3.4rem;
  height: 2.9rem;
  background: url(../images/haowu02.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.haowuline1 .haowu02 .para1 {
  font-size: 0.33rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.haowuline1 .haowu02 .para2 {
  font-size: 0.23rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu02 .para4 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu02 .para5 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu02 .para3 {
  margin-top: 0.2rem;
}
.haowuline1 .haowu02 .para3 .para3_1 {
  color: #fff3b2;
  font-size: 0.32rem;
  font-weight: bold;
}
.haowuline1 .haowu02 .para3 .para3_3 {
  display: inline-block;
  color: #6c0bd6;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-right: 0.5rem;
  margin-top: 0.01rem;
}
.haowuline1 .haowu03 {
  display: inline-block;
  width: 3.4rem;
  height: 2.9rem;
  background: url(../images/haowu03.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.haowuline1 .haowu03 .para1 {
  font-size: 0.33rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.haowuline1 .haowu03 .para2 {
  font-size: 0.23rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu03 .para4 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu03 .para5 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu03 .para3 {
  margin-top: 0.2rem;
}
.haowuline1 .haowu03 .para3 .para3_1 {
  color: #fff3b2;
  font-size: 0.32rem;
  font-weight: bold;
}
.haowuline1 .haowu03 .para3 .para3_3 {
  display: inline-block;
  color: #6c0bd6;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-right: 0.5rem;
  margin-top: 0.01rem;
}
.haowuline1 .haowu04 {
  display: inline-block;
  width: 3.4rem;
  height: 2.9rem;
  background: url(../images/haowu04.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto 0.05rem;
}
.haowuline1 .haowu04 .para1 {
  font-size: 0.33rem;
  font-weight: bold;
  color: #fff;
  margin-top: 0.2rem;
}
.haowuline1 .haowu04 .para2 {
  font-size: 0.23rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu04 .para4 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu04 .para5 {
  font-size: 0.25rem;
  color: #fff;
  /*margin-top: 0.05rem;*/
}
.haowuline1 .haowu04 .para3 {
  margin-top: 0.2rem;
}
.haowuline1 .haowu04 .para3 .para3_1 {
  color: #fff3b2;
  font-size: 0.32rem;
  font-weight: bold;
}
.haowuline1 .haowu04 .para3 .para3_3 {
  display: inline-block;
  color: #6c0bd6;
  font-size: 0.2rem;
  width: 1.2rem;
  height: 0.4rem;
  background-color: #fee3a3;
  border-radius: 18px;
  line-height: 0.4rem;
  text-align: center;
  float: right;
  margin-right: 0.5rem;
  margin-top: 0.01rem;
}
.tittuijian {
  width: 5.2rem;
  height: 0.7rem;
  background: url(../images/gengduotit.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.2rem auto;
}
.recommand1 {
  width: 7.15rem;
  height: 1.7rem;
  background: url(../images/recommand1.png);
  background-size: 100% 100%;
  position: relative;
  margin: auto auto 0.2rem auto;
}
.recommand2 {
  width: 7.15rem;
  height: 1.7rem;
  background: url(../images/1108bottom2.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.3rem auto;
}
.recommand3 {
  width: 7.15rem;
  height: 1.7rem;
  background: url(../images/1108bottom3.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0.3rem auto;
}
.recommand4 {
  width: 7.15rem;
  height: 1.7rem;
  background: url(../images/1108bottom4.png);
  background-size: 100% 100%;
  position: relative;
  margin:  0.3rem auto;
}
body,
html {
  font-size: 0.24rem;
  color: #fff;
  background-color: #ffba02;
}
.box {
  width: 7.5rem;
  height: auto;
  background: #ffba03;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.box_title {
  width: 7.5rem;
  height: 4.1rem;
  background: url(../images/back.png);
  background-size: 100% 100%;
  position: relative;
}
.box_title .light {
  width: 6.16rem;
  height: 0.6rem;
  background: url(../images/light.png);
  background-size: 100% 100%;
  position: absolute;
  top: 4.1rem;
  left: 0.65rem;
}
.box_title .light .text {
  display: block;
  height: 0.6rem;
  line-height: 0.6rem;
  overflow: hidden;
  margin-left: 0.7rem;
  font-size: 0.24rem;
}
.box_title_tab1,
.box_title_tab2 {
  position: absolute;
  width: 1.21rem;
  height: 1.3rem;
  right: 0;
}
.box_title_tab1 {
  background: url(../images/xuanfu.png);
  background-size: 100% 100%;
  top: 4.85rem;
  z-index: 1;
}
.box_saleTitle {
  color: #283466;
  font-size: 0.27rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_saleTitle2 {
  margin-top: -0.3rem;
}
.box_saleTitle img {
  width: 1.06rem;
  margin: 0 0.1rem;
}
.movie_out div {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out div:after {
  display: inline-block;
  background-color: #ff9c00;
  color: #fff;
  border-radius: 5px;
  width: 3.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  float: left;
  margin-left: 0.25rem;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.movie_out .cur{
  background-color: #fdecc0!important;
  color: #dd5401!important;
}