/* 0325--- */
/* .tkot-blk1 {
  padding-top: 60px;
} */
/* ---0325 */

.tkot-banner-box {
  position: relative;
  width: 100%;
  /* 0325--- */
  background: url(../images/img_bannertop_bgsocial.jpg) center/cover no-repeat;
  /* ---0325 */
}

.tkot-content {
  height: 484px;
  position: relative;
}
.tkot-txt-box1 {
  padding-left: 30px;
  padding-top: 86px;
}
.tkot-white-cover {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(28%);
  -ms-transform: translateY(28%);
  transform: translateY(28%);
}

.tkot-banner {
  height: 544px;
  width: auto;
}

.tkot-tit1 {
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
  line-height: 56px;
}

.tkot-detl1 {
  margin-top: 31px;
}

.tkot-detl1-txt {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 17px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tkot-circle-box {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

.tkot-circle1 {
  width: 14px;
  height: 14px;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 14px;
}

.tkot-circle2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 6px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tkot-tit2 {
  width: 240px;
  height: 56px;
  font-size: 40px;
  font-weight: 500;
  color: #25345c;
  line-height: 56px;
}

.tkot-detl2 {
  width: 503px;
  height: 91px;
  font-size: 18px;
  font-weight: 400;
  color: #a7aec1;
  line-height: 1.8em;
  margin-top: 48px;
}

.tkot-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 220px;
  height: 80px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #eae9f2;

  font-size: 20px;
  font-weight: 500;
  color: #25345c;
  line-height: 28px;
  margin-bottom: 40px;

  -webkit-transition: color 0.3s, background 0.3s, -webkit-box-shadow 0.3s;

  transition: color 0.3s, background 0.3s, -webkit-box-shadow 0.3s;

  -o-transition: color 0.3s, background 0.3s, box-shadow 0.3s;

  transition: color 0.3s, background 0.3s, box-shadow 0.3s;

  transition: color 0.3s, background 0.3s, box-shadow 0.3s,
    -webkit-box-shadow 0.3s;
}

.tkot-btn[data-val='1'] {
  background: #ff5959;
  -webkit-box-shadow: 0px 20px 60px 0px rgba(255, 89, 89, 0.12);
  box-shadow: 0px 20px 60px 0px rgba(255, 89, 89, 0.12);

  color: #ffffff;
}
.tkot-btn:last-of-type {
  margin-bottom: unset;
}
.tkot-hand {
  position: absolute;
  right: -150px;
  bottom: 0;
}

.tkot-tit4 {
  font-size: 32px;
  font-weight: 500;
  color: #25345c;
  line-height: 45px;
}
.tkot-detl4 {
  font-size: 14px;
  font-weight: 400;
  color: #c9ced7;
  line-height: 20px;
  margin-top: 16px;
}
.tkot-card {
  width: 372px;
  height: 140px;
  padding-bottom: 20px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s,
    -webkit-transform 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: border 0.3s, box-shadow 0.3s, transform 0.3s;
  transition: border 0.3s, box-shadow 0.3s, transform 0.3s;
  transition: border 0.3s, box-shadow 0.3s, transform 0.3s,
    -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  border: 1px solid #ffffff;
}
.tkot-card:hover {
  -webkit-box-shadow: 0px 6px 8px 2px rgba(201, 206, 215, 0.16);
  box-shadow: 0px 6px 8px 2px rgba(201, 206, 215, 0.16);
  border-color: #f2f2f2;
  -o-border-image: -o-linear-gradient(#f2f2f2, #ffffff, #f2f2f2) 50 20;
  border-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#f2f2f2),
      color-stop(#ffffff),
      to(#f2f2f2)
    )
    50 20;
  border-image: linear-gradient(#f2f2f2, #ffffff, #f2f2f2) 50 20;
  -webkit-transform: scale(1.01) translateY(-5px);
  -ms-transform: scale(1.01) translateY(-5px);
  transform: scale(1.01) translateY(-5px);
}
.tkot-card img {
  margin: 16px;
}
.tkot-card-t {
}
.tkot-card-tit {
  font-size: 14px;
  font-weight: 500;
  color: #25345c;
  line-height: 20px;
}
.tkot-card-txt {
  font-size: 12px;
  font-weight: 500;
  color: #a7aec1;
  line-height: 20px;
  margin-top: 8px;
}
.tkot-card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  /* width: 1148px; */
  height: 576px;
  margin-top: 64px;
}
.tkot-card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.tkot-blk5 {
  background: url(../images/img_takeaway_data.jpg) center/cover no-repeat;
}
.tkot-blk5 .m-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 240px;
}

.tkot-statistics {
}
.tkot-statistics-num-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.tkot-statistics-num {
  font-size: 40px;
  font-weight: normal;
  color: #ffffff;
  line-height: 47px;
  font-style: italic;
  font-weight: bold;
}
.tkot-statistics-unit {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  margin-left: 8px;
}
.tkot-statistics-line {
  width: 48px;
  height: 4px;
  background: #ffffff;
  margin: 16px 0;
}
.tkot-statistics-name {
  font-size: 24px;
  /* font-weight: bold; */
  color: #ffffff;
  line-height: 33px;
}
.tkot-blk3 .m-content-center,
.tkot-blk2 .m-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tkot-pd {
  padding: 0 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 0325--- */
  padding-top: 60px;
  /* ---0325 */
}
.tkot-mobi {
  position: relative;
  margin-left: -143px;
  width: 1030px;
  height: 700px;
}

.tkot-mobi-bg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.tkot-mobi-bg[data-val='1'] {
  opacity: 1;
}
.tkot-mobi-bg-devia {
  -webkit-transform: translate(20px, 25px);
  -ms-transform: translate(20px, 25px);
  transform: translate(20px, 25px);
}

.tkot-txt-box3 {
  margin-right: 45px;
  position: relative;
}
.tkot-txt-box4 {
  text-align: center;
}
.tkot-blk3,
.tkot-blk4 {
  padding-bottom: 100px;
  padding-top: 30px;
}
.tkot-blk2 {
  padding-bottom: 117px;
  padding-top: 62px;
}