.indexList.newindexlist {
  padding: 3rem 1.8rem 2rem;
}
.indexList.newindexlist li .list:after {
  display: none;
}
.indexList.newindexlist li .list {
  border-radius: 0;
}

.indexList.newindexlist li .list {
  border-radius: 0;
}
.indexList.newindexlist li .list .content {
  position: relative;
  border-radius: 0;
  padding: 1em;
}
.indexList.newindexlist li .list .title {
}
.indexList.newindexlist li .list .content:before {
  content: "";
  position: absolute;
  right: 1rem;
  top: -0.8rem;
  width: 1.2rem;
  height: 1.1rem;
  background: url(../img/new_icon01.png) 0 0 no-repeat;
  background-size: cover;
}
.indexList.newindexlist li .list {
  padding: 1.6em 0.75em 1.6em;
}
.indexList.newindexlist li:last-child .list {
}

.indexList.newindexlist li .list .content p {
  text-align: left;
}
.indexList.newindexlist li .list .content p em {
  font-size: 0.8em;
  color: #fff;
  font-weight: normal;
}

.indexList.newindexlist li .list .brief {
  padding-top: 0.6rem;
}
.indexList.newindexlist li .list .brief p {
  font-size: 1.4em;
  line-height: 1.6em;
}

.btnArea .btn {
  display: block;
  margin-bottom: 1.2rem;
  border: 1px solid #c60025;
  background: #c60025;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  color: #fff;
  text-align: center;
}
.btnArea .btn span {
  font-size: 1.4em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.btnArea .btn i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6em;
  margin: 0 0.8rem;
}
.btnArea .btn.linebtn {
  background: #fff;
  color: #c60025;
}

.getcouponform {
  padding: 2rem 1.8rem;
}
.getcouponform .formlist {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.getcouponform .formlist .label {
  background: #fff;
  position: relative;
  padding: 1rem 1.5rem 1rem 3.8rem;
  height: 4rem;
  width: 100%;
  box-sizing: border-box;
}
.getcouponform .formlist .icon {
  display: block;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  font-size: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #9b9b9b;
}
.getcouponform .formlist .text {
  display: block;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  border: none;
  background: none;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}

.getcouponform .formlist .wd01 {
  width: 60%;
}

.getcouponform .formlist .code {
  background: #ffd100;
  text-align: center;
  color: #7d4000;
  padding: 1rem 1.5rem;
  height: 4rem;
  box-sizing: border-box;
}
.getcouponform .btnArea {
  margin-top: 2rem;
}

body.graybody {
  background: #efefef;
}
body.changecolor {
  background: url(../img/new_bgpic.jpg) 0 0 repeat-x #efefef;
}

.couponlistbox {
  padding: 1rem 1.3rem;
}

.couponlistbox_title {
  display: block;
  padding: 1.5rem 0 1.5rem 1.5em;
  position: relative;
  color: #fff;
  line-height: 1;
}
.couponlistbox_title span {
  font-size: 1.8em;
  font-weight: 500;
}
.couponlistbox_title:before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 50%;
  margin-top: -0.6em;
  width: 1em;
  height: 1em;
  border: solid #fff;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.shoplink .link {
  display: block;
  background: #fff;
  padding: 1rem 1.4rem;
  position: relative;
  border-radius: 0.5em;
}
.shoplink .link:after {
  content: "";
  position: absolute;
  right: 1.4rem;
  top: 50%;
  width: 0.8em;
  height: 0.8em;
  margin-top: -0.4em;
  border: solid #c4001d;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shoplink .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 2em;
  color: #c4001d;
}
.shoplink .link span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
}
.shoplink .tip {
  display: block;
  background: #f5a623;
  padding: 0.5rem 1.4rem;
  position: relative;
  border-radius: 0.5em;
  color: #fff;
  margin-top: 1rem;
}
.shoplink .tip:before {
  content: "";
  position: absolute;
  left: 1rem;
  bottom: 100%;
  border: 0.5em solid;
  border-color: transparent transparent #f5a623;
}
.shoplink .tip .closebtn {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
}
.shoplink .tip .closebtn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shoplink .tip .closebtn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.shoplink .tip p {
  font-size: 1.4em;
}

.couponlist {
  padding-top: 1.5rem;
}
.couponlist .list {
  margin-bottom: 1.5rem;
  background: #fff;
  border-radius: 0.5em;
  padding: 0 0.2rem 1rem;
}
.couponlist .list .title {
  padding: 1rem 5.5rem 1rem 3.5rem;
  border-bottom: 1px solid #ececec;
  color: #c4001d;
  position: relative;
}
.couponlist .list .title .icon {
  position: absolute;
  left: 1.4rem;
  top: 50%;
  font-size: 2em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.couponlist .list .title .flag {
  position: absolute;
  right: 1.4rem;
  top: 50%;
  font-size: 1.4em;
  color: #894e00;
  text-align: right;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.couponlist .list .title span {
  font-size: 1.4em;
}

.couponlist .list .brief {
  padding: 1.2rem 1.4rem;
  position: relative;
  border-bottom: 1px dashed #ececec;
}
.couponlist .list .brief:before {
  content: "";
  position: absolute;
  left: -0.6rem;
  bottom: -0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 3rem;
  background: #efefef;
}
.couponlist .list .brief:after {
  content: "";
  position: absolute;
  right: -0.6rem;
  bottom: -0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 3rem;
  background: #efefef;
}

.couponlist .list .brief p {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #9b9b9b;
}
.couponlist .list .brief p em {
  font-size: 1.5em;
  color: #9b9b9b;
}
.couponlist .list .ewm {
  padding: 1.5rem 0;
}
.couponlist .list .ewm .pic {
  width: 40%;
  margin: 0 auto;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #ececec;
}
.couponlist .list .ewm .pic img {
  display: block;
  width: 100%;
  height: auto;
}

.couponlist .list.over .title .flag {
  color: #4a4a4a;
}
.couponlist .list.over .ewm .pic {
  opacity: 0.1;
}