@charset "utf-8";
::selection {
  color: #333;
  background: #ff939e;
}
html {
  font-size: 50px;
}
body {
  padding-top:0;
  min-width: 1180px;
  font-size: 0.28rem;
  line-height: 1.48;
  font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', Verdana, 'ＭＳ Ｐゴシック',
    arial, sans-serif;
}
i {
  font-style: normal;
}
@font-face {
    font-family: 'din';
    src:url('../font/DIN1451MittelschriftAlt.woff') format('woff'),
    url('../font/DIN1451MittelschriftAlt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.din{
    font-family: 'din', sans-serif;
    font-weight:600;
}
.mob-open{
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: 2px;
}
.f12{
    font-size:12px;
}
.f14{
    font-size:14px;
}
.f16{
    font-size:16px;
}
.f18{
    font-size:18px;
}
.f20{
    font-size:20px;
}
.f24{
    font-size:24px;
}
.f26{
    font-size:26px;
}
.f28{
    font-size:28px;
}
.f30{
    font-size:30px;
}
.f32{
    font-size:32px;
}
.f36{
    font-size:36px;
}
.f40{
    font-size:40px;
}
.f46{
    font-size:46px;
}
.f48{
    font-size:48px;
}
.f54{
    font-size:54px;
}
.f64{
    font-size:64px;
}
.f72{
    font-size:72px;
}
.f80{
    font-size:80px;
}
.badge-pink{
  background-color: #f26e7b;
  color: #fff;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clearfix {
  zoom: 1;
}
@font-face {
  font-family: 'din145';
  src: url('../font/DIN1451MittelschriftAlt.ttf') format('ttf'),
    url('../font/DIN1451MittelschriftAlt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.clearfix:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
}
p{
  letter-spacing: 1px;
  line-height: 1.52;
}
.text-pink{
  color:#f26e7b;
}
.bg-pink{
  background-color: #f26e7b;
}
.head .column{
  width:1180px;
}
.head{
  color:#fff;
  position: relative;
}
.head .time{
  position: absolute;
  top:16px;
  right:10px;
}

/* tieup begin */
.col-flex.bottom{
  align-items: flex-end;
}
.module-spread .seal-box .seal-h2{
  height:92px;
  position: relative;
  top:26px;
}

/* header */
.header {
  width: 100%;
  z-index: 550;
  background-color: #fff;
}
.header .inner {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.header .caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.popup_rule.popup_rule2{
  z-index:1025;
}

.head-fv {
  background-color: #ffc30b;
  padding-bottom:25px;
}
.head-fv .inside {
  width: 1180px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.head-fv .text-static {
  position: absolute;
  bottom: 10px;
  left: 34px;
  font-size: 12px;
}
.head-fv .btn {
  background: none;
  border: none;
  position: absolute;
  top: 178px;
  right: 38px;
  -webkit-animation: btnScale 0.7s ease infinite both;
  -o-animation: btnScale 0.7s ease infinite both;
  animation: btnScale 0.7s ease infinite both;
  background-color: #92ddf5;
  width: 194px;
  font-size: 20px;
  font-weight: 800;
  border-radius: 120px;
  box-shadow: 0 4px 0 #fff;
  color:#000;
  padding: 14px 0;
}
.kazuemon-ka .btn {
  top: 164px;
  right: 64px;
}
.kazuemon-ka .text-static {
  left: 34px;
}
.ka-1 .btn {
  top: 196px;
  right: 60px;
}
.ka-2 .btn {
  top: 190px;
  right: 370px;
}
.ka-3 .btn {
  top: 168px;
  right: 370px;
}
.ka-4 .btn {
  top: 166px;
  right: 44px;
}
.ka-5 .btn {
  top: 190px;
  right: 34px;
}
.ka-6 .btn {
  top: 180px;
  right: 34px;
}
.yuki-ka .big-img {
  width: 1200px;
  margin-right: -20px;
}
.b-img img{
  width:auto;
}
@-webkit-keyframes btnScale {
  0%,
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
}
@keyframes btnScale {
  0%,
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
}
/* tieup end */

.banner .card{
  margin:0 auto;
  width:1180px;
  min-height:770px;
  padding-left:100px;
  padding-right:100px;
}

.banner .b-fx{
  padding-top:80px;
}
.banner .b-fx p{
  margin-top:12px;
  font-size: 18px;
  font-weight: 500;
  color:#fff;
}
.btn-open{
  display: inline-block;
  position: relative;
  transition: .1s all ease-in;
}
.btn-open img{
  position: relative;
  z-index: 2;
  
}
.btn-open::after{
  content:'';
  display: block;
  width:100%;
  height:100%;
  position: absolute;
  bottom:-4px;
  right:-4px;
  z-index: 1;
  background: url("../img/lp42/xxx-repeat.png") repeat left top;
  background-size: 5px 5px;
  border-radius: 16px;
  overflow: hidden;
  transition: .1s all ease-in;
}
.btn-open-blue::after{
  background-image: url("../img/lp42/xxx-repeat-yellow.png");
  background-size: 5px 5px;
}
.btn-open:hover{
  transform:translate(-2px ,-2px);
}
.btn-open:hover::after{
  bottom:-8px;
  right:-8px;
  animation: xxxLeft 20s infinite linear;
}
/* msg */
.b-msg,.w-msg,.t-msg{
  display: inline-block;
  border:2px solid #222;
  padding:12px;
  background-color:#ebf7fb;
  border-radius: 12px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color:#333;
}
.b-msg::after,.w-msg::after,.t-msg::after{
  content:'';
  display: block;
  width:16px;
  height:24px;
  background: url("../img/lp42/b-msg-j-b.png") no-repeat left top;
  background-size: cover;
  position: absolute;
  bottom:-20px;
  left:60%;
}
.b-msg.left::after{
  background-image: url("../img/lp42/b-msg-j-l.png");
  bottom:16px;
  left:-20px;
}
.b-msg.right::after{
  background-image: url("../img/lp42/b-msg-j-r.png");
  right:-20px;
  bottom:16px;
  left:auto;
}
.w-msg{
  background-color: #fff;
  border-color: #fff;
}
.t-msg{
  display: block;
  border-width: 4px;
  background-color: transparent;
}
.t-msg-small{
  border-width: 2px;
}
.t-msg::after{
  width:48px;
  height:26px;
  background-image: url("../img/lp42/t-msg-j.png");
  background-size: cover;
  left:50%;
  bottom:-26px;
}
.t-msg-small::after{
  width:39px;
  height:16px;
  background-image: url("../img/lp42/t-msg-j-small.png");
  bottom:-16px;
}
.m-row .cols{
  width:1180px;
  margin:0 auto;
}
/* fx jumb */
.fx-jumb{
  padding:70px 0 94px;
}
.fx-jumb .card-title h5{
  font-size: 54px;
  font-weight: 900;
  line-height: 1.2;
}
.fx-jumb .card-title .label{
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color:#f26e7b;
  border:2px solid #f26e7b;
  border-radius: 800px;
  padding:6px 52px;
}
.fx-jumb .people .b-msg::after{
  left:75%;
}
.fx-jumb .people:nth-child(3) .b-msg{
  transform: translateY(16px);
}
.fx-jumb .people:hover .b-msg{
  animation: mangaBuru 2s ease infinite;
}
.fx-jumb .people .girl{
  height:218px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top:34px;
  margin-bottom:24px;
}
.fx-jumb .people .girl img{
  height:100%;
}
.fx-jumb .people .name{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.fx-jumb .people .name b{
  font-size: 28px;
}
.fx-jumb .people .name .badge{
  font-size: 18px;
  margin-right:8px;
  padding:5px 10px;
  border-radius: 90px;
  
}
/* open 24 */
.open-24{
  padding:50px 0 54px;
}
.open-24 .card-title h5 img{
  width:486px;
}
.open-24 .card-body{
  position: relative;
  padding-top:120px;
}
.open-24 .women{
  position: absolute;
  top:0;
  left:70px;
}
.open-24 .w-msg{
  width:880px;
  padding:12px 52px;
  transform: translate(-64px,-38px);
  
}
.open-24 .w-msg::after{
  background-image:url("../img/lp42/w-msg-j.png");
  bottom:20px;
  left:-16px;
}
.open-24 .w-msg p{
  font-size: 22px;
  font-weight: 600;
  line-height: 1.64;
}
.earth-box h4{
  font-size: 32px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom:10px;
}
.earth-box h4,.earth-box p,.earth-box .text-static{
  padding-left:20px;
}
.earth-box .timeline p{
  font-size: 16px;
}
.earth-box .timeline .table-img{
  position: relative;
  margin-top: 24px;
  margin-bottom:16px;
}
.earth-box .timeline .table-img .t-img{
  width:100%;
  position: relative;
  z-index: 10;
}
.earth-box .timeline .table-img .pa-img{
  position: absolute;
  top:-134px;
  right:78px;
}
.earth-box .earth{
  width:270px;
  height:310px;
  position: relative;
  margin-left:40px;
}
.earth-box .earth img{
  position: absolute;
  top:0;
  left:0;
}
.earth-box .earth img:nth-child(1){
  animation: xxxRotateLeft 24s infinite linear;
}
.earth-box .earth img:nth-child(2){
  animation: xxxRotateRight 36s infinite linear;
}
/* module spread */
.module-spread{
  padding-top:70px;
}
.module-spread .t-msg .tips{
  position: absolute;
  left:60px;
  top:-30px;
}
.module-spread .t-msg h4{
  font-size:32px;
  font-weight: 800;
}
.module-spread .seal-box .seal{
  margin-right:24px;
}
.module-spread .seal-box{
  padding:0 60px;
}
/* spread-box */
.spread-box{
  padding:0 84px;
  position: relative;
}
.spread-box::after{
  content: '';
  display: block;
  width:93px;
  height:116px;
  background: url("../img/lp42/brilliant-img.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top:-108px;
  right:130px;
  z-index: 2;
}
.spread-table{
  border:3px solid #f26e7b;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  z-index: 4;
}

.spread-table .table{
  border-radius: 16px;
}
.spread-table .table > thead > tr > th{
  background-color: #ffe8ea;
  border-bottom:none;
  border-left-color:#f26e7b;
  padding:10px 0;
  font-size: 20px;
}
.spread-table .table > thead > tr > th:nth-child(1) span{
  width:204px;
  color:#f26e7b;
}

.spread-table .table > thead > tr > th:nth-child(2){
  background-color: #e0283b;
  color:#fff;
}
.spread-table .table > thead > tr > th:nth-child(2) span{
  width:224px;
}
.spread-table .table > tbody > tr > td:nth-child(3),.spread-table .table > tbody > tr > td:nth-child(4),.spread-table .table > tbody > tr > td:nth-child(5){
  width:188px;
}
.spread-table .table > thead > tr > th.t-h3{
  padding:18px 0;
  font-size: 32px;
  font-weight: 700;
  color:#fff;
  background-color: #f26e7b;
}
.spread-table .table > thead > tr > th small{
  font-weight: 400;
}
.spread-table .table.border > tbody > tr > td{
  border-color: #f26e7b;
  border-bottom:none;
  border-top: none;
  padding:10px 0;
  line-height: 1.2;
  font-family: 'din145';
  font-weight: 400;
  font-size: 28px;
}
.spread-table .table.border > tbody > tr > td small{
  font-size: 18px;
}
.spread-table .table.border > tbody > tr > td:nth-child(1){
  padding-left:22px;
  font-size: 16px;
  font-weight: 600;
}
.spread-table .table.border > tbody > tr:nth-child(even) > td{
  background-color:#f5f5f5;
}
.spread-table  .table > tbody > tr:nth-child(-2n + 7) > td:nth-child(2),.spread-table  .table > tbody > tr > td:nth-child(2){
  background:none;
  font-size: 32px;
  color:#e0283b;
}
.spread-box .btn{
  width:292px;
  height:44px;
  padding-bottom:12px;
  background: url("../img/lp42/spread-btn.png") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  margin-right: auto;
  margin-left: auto;
  border:0 none;
}
.spread-box .btn:hover,.spread-box .btn:focus{
  box-shadow: none;
}
.spread-box .btn .icon{
  display: block;
  width:20px;
  height:20px;
  background: url("../img/lp42/spread-btn-down.png") no-repeat center center;
  background-size: cover;
  margin-left:28px;
}
.spread-box .btn .icon.up{
  transform: rotate(180deg);
}
/* module-s3 */
.module-s3{
  padding-top:54px;
  background: #f26e7b url("../img/lp42/bg-pink-j.jpg") no-repeat center top;
  background-size: 100% auto;
}
.module-s3 .img-show{
  border-radius: 16px;
  position: relative;
}
.module-s3 .img-show .s3-li{
  width:140px;
  position: absolute;
  top:-68px;
  left:24px;
}
/* module-mt4 */
.module-mt4{
  padding-top:50px;
  padding-bottom:72px;
}
.module-mt4 .media{
  color:#fff;
  display:flex;
  -ms-display:flex;
}
.module-mt4 .media:nth-child(1){
  margin-bottom:36px;
}
.module-mt4 .media:nth-child(1) .media-body{
  padding:0 42px;
  flex:1;
  -ms-flex:1
}
.module-mt4 .media:nth-child(1) .media-img{
  padding-left:64px;
  padding-right:22px;
}
.module-mt4 .media:nth-child(1) .media-body img{
  margin:0 auto
}
.module-mt4 .media:nth-child(1) hr{
  height:2px;
  background-color: #fff;
  margin:30px 0;
}
.module-mt4 .media h4{
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
}
.module-mt4 .media p{
  font-size: 16px;
  line-height: 1.64;
}
.module-mt4 .media.map .media-img{
  width:590px;
  padding-left:32px;
}
.module-mt4 .media.map .media-body{
  padding-top:50px;
}
.module-mt4 .media.map .media-body h4{
  letter-spacing: 2px;
  font-size: 36px;
}
.module-mt4 .media.map .yellow-label{
  font-size: 0;
  padding:14px 0;
}
.module-mt4 .media.map .yellow-label span{
  display: inline-block;
  padding:4px 12px;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  color:#333;
  line-height: 1.2;
  border:2px solid #333;
  border-radius: 12px;
  background-color: #ffe42f;
  margin-right: 10px;
}
/* module-reliable */
.module-reliable{
  padding:72px 90px;
}
.module-reliable .card-title img{
  width:412px;
}
.module-reliable .init-reliable .t-msg{
  margin:0 auto;
  width:550px;
  font-size: 32px;
  padding:12px 0;
}
.module-reliable .init-reliable .worry{
  margin:30px auto 0;
  display:block;
  width:98px;
  position: relative;
  z-index: 4;
}
.border-yellow{
  border:3px solid #ffe42f;
  border-radius: 12px;
}
.module-reliable .init-reliable .caption{
  padding:52px 68px;
  transform: translateY(-10px);
  background: url("../img/lp42/bg-reliable.png") no-repeat 600px bottom;
  position: relative;
  z-index: 2;
}
.module-reliable .caption h4{
  font-size: 40px;
  font-weight: 800;
  margin-bottom:6px;
}
.module-reliable .caption p{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.64;
}
.reliable-img .img{
  width:580px;
  height:350px;
  padding:24px 54px;
}
.reliable-img .img h4{
  font-size: 28px;
  font-weight: 800;
  margin-bottom:16px;
}
.module-free{
  background:#ffe42f url("../img/lp42/bg-yellow-j.jpg") no-repeat center top;
  background-size: auto auto;
  padding-bottom:50px;
  padding-top:76px;
}
/* fixed-btn */
.fixed-btn{
  position: fixed;
  right:20px;
  bottom:30px;
  width:340px;
  height:186px;
  z-index: 300;
    display: none!important;
}
.fixed-btn a{
  display: block;
  position: relative;
}
.fixed-btn a img{
  position: relative;
  z-index: 304;
  transition: all .1s linear;
}
.fixed-btn a::after{
  content:'';
  display: block;
  width:100%;
  height:100%;
  background: url("../img/lp42/xxx-repeat-transparent.png") repeat left top;
  background-size:5px 5px;
  position: absolute;
  right:-6px;
  bottom:-6px;
  z-index: 302;
  border-radius: 16px;
  transition: all .1s linear;
}
.fixed-btn a:hover img{
  transform: translate(-2px ,-2px);
}
.fixed-btn a:hover::after{
  right:-8px;
  bottom:-8px;
  animation: xxxLeft 20s infinite linear;
}
@keyframes xxxLeft {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 666px;
  }
}
@keyframes xxxRotateLeft {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(-360deg);
  }
}
@keyframes xxxRotateRight{
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

/* point */
.point1 .row {
  margin-left: -10px;
  margin-right: -10px;
}
.point1 .col-4,
.point1 .col-6 {
  padding: 0 10px 20px;
}
.point1 .inside {
  border: 1px solid #dedede;
  padding: 5px;
}
.point1 .text-tips {
  margin-bottom: 18px;
}
.point1 .sub-title {
  padding: 16px 24px;
}
.point1 .sub-title b {
  font-size: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.point1 .sub-title small {
  font-size: 14px;
}
.point1 .sub-title .flag {
  width: 48px;
  height: 28px;
  float: left;
  margin-right: 5px;
}
.point1 .text-price {
  display: block;
  font-size: 160px;
  line-height: 1;
  background-color: #fff;
  border-top: 1px solid #dedede;
  padding: 32px 0;
}
.point1 .text-price small {
  font-size: 40px;
}
.point1 .add-jnjif{
  padding:10px 0 5px;
}


/* diancha begin */
.f15{
	font-size:15px;
}
.bold{
	font-weight: bold;
}
.f50{
	font-size:50px;
}
.jiag-activity-prize{
    position: absolute;
    left:12px;
    top:10px;
    line-height: 1;
    color:#333;
}
.jiag-activity-prize i{
    font-style: normal;
}
.jiag-activity-prize:before{
    position: absolute;
    width:100%;
    height:100%;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAyCAMAAAD4BnzzAAAAP1BMVEUAAADyWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT7yWT4m5juXAAAAFHRSTlMAGAvh9tGj7cNENY9UJ21he7iuhIpJNggAAAC4SURBVFjD7dY7DsMgEIThhfUbDMbs/c8aFCHnAjMFiv+Klq+AkVbJAi6Zzbsgc6u1Fie4gn2bqhdUi/UUR3rM1tsOQZXVWlhSXyfrpBeM1N0PaRRUO4V0JZAGAuk5DGmikFpvTQIjLVzSk0AaYKSOSQr9SaJar1BIcc/eQiA9NirpDSP11/PsUUjzX5NWAqlSSIfZO0jSUT7nrO/eGWLv/EiH2TsE0nZ58N5R385Y0ijYdt0EnhP5ADm6IbdXrDQFAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size:100%;
    content:"";
}
.diancha-prize{
	position: relative;
}
.diancha-prize:after{
    position: absolute;
    right:10px;
    top:-20px;
    width:86px;
    height: 86px;
    background: url(https://www.fxtrade.co.jp/lp/public/images/diancha.png) no-repeat center top;
    background-size:100%;
    content: "";
}


@media (max-width: 750px) {
    .link-open{
        display: none;
    }
    .mt-2{
    margin-top:.2rem;
}
    .mt-3{
        margin-top:.3rem;
    }
    .mt-4{
        margin-top:.4rem;
    }
    .mt-5{
        margin-top:.5rem;
    }
    .mt-6{
        margin-top:.6rem;
    }
    .mt-7{
        margin-top:.7rem;
    }
    .mt-8{
        margin-top:.8rem;
    }

    .f14,.f12{
        font-size:.2rem;
    }
    .f16{
        font-size:.24rem;
    }
    .f18{
        font-size:.26rem;
    }
    .f20{
        font-size:.32rem;
    }
    .f24{
        font-size:.32rem;
    }
    .f28{
        font-size:.33rem;
    }
    .f30{
        font-size:.34rem;
    }
    .f32,.f26{
        font-size:.34rem;
    }
    .f36{
        font-size:.36rem;
    }
    .f40{
        font-size:.48rem;
    }
    .f46{
        font-size:.46rem;
    }
    .f48{
        font-size:.48rem;
    }
    .f54{
        font-size:.54rem;
    }
    .f64{
        font-size:.64rem;
    }
    .f72{
        font-size:.72rem;
    }
    .f80{
        font-size:.8rem;
    }

  .f15{
		font-size:.2rem;
	}
	.spread-thumb .text-price{
		font-size:1.2rem;
	}
	.f50{
		font-size:.4rem;
	}
	.jiag-activity-prize{
		left:.02rem;
		top:.1rem;
	}
	.diancha-prize:after{
		right:.1rem;
		top:-.2rem;
		width:.86rem;
		height:.86rem;
	}

  /* point1 */
  .title > label {
    font-size: 0.2rem;
    padding: 0.08rem 0.12rem 0.06rem;
  }
  .title > label b {
    font-size: 0.28rem;
    margin-top: -0.06rem;
  }
  .point1 .col-md-6,
  .point1 .col-md-12 {
    padding: 0 0.1rem 0.2rem;
  }
  .point1 .text-price {
    font-size: 1.6rem;
    padding: 0.2rem 0;
  }
  .point1 .text-price small {
    font-size: 0.4rem;
  }
  .point1 .sub-title {
    padding: 0.08rem 0.2rem;
  }
  .point1 .sub-title b {
    font-size: 0.2rem;
    margin: 0;
  }
  .point1 .sub-title small {
    font-size: 0.16rem;
  }
  .point1 .sub-title .flag {
    width: 0.52rem;
    height: 0.3rem;
    float: left;
    margin-right: 0.1rem;
  }
  .point1 .text-tips {
    font-size: 0.2rem;
  }

  body{
    min-width: initial;
  }
  h1,h2,h3,h4,h5,p{
    letter-spacing: 0;
  }
  .head-fv .inside{
    width:auto;
  }
  .md-show{
    display: block!important;
  }
  .head-fv {
    padding-bottom: 0.6rem;
}
  .head-fv p{
    font-size: 0.2rem;
    margin-top: 0.3rem;
    padding-left: 0.6rem;
  }
  .head-fv .btn {
    display: block;
    position: static;
    font-size: 0.36rem;
    width: 6rem;
    padding: 0.32rem 0;
    margin: 0.24rem auto 0;
    box-shadow: 0 0.06rem 0 #fff;
}
  .header .inner {
    width: auto;
  }
  .header img {
    display: block;
    width: 100%;
  }

  .head .time{
    top:.32rem;
  }
  .t-msg-small::after{
    width:.46rem;
    height:.26rem;
    bottom:-.26rem;
  }
  .t-msg-small h4{
    font-size: .36rem;
  }
  .head {
    padding-top:0;
    padding-bottom:0;
  }
  .head .column{
    height:1.2rem;
    align-items: center;
  }
  .head .column,.banner .card,.m-row .cols{
    width:auto;
    padding-left:.28rem;
    padding-right:.28rem;
  }
  .col-flex.md-wrap{
    flex-wrap: wrap;
  }
  .col-flex.md-center{
    justify-content: center;
  }
  .banner .card{
    padding:0 .48rem .64rem;
    min-height: initial;
  }
  .banner .b-fx{
    padding-top:.08rem;
    margin-bottom:.38rem;
  }
  .banner .b-fx img{
    width:5.46rem;
  }
  .banner .gif img{
    width:3.92rem;
  }
  .banner p{
    font-size: .24rem;
    font-weight: 600;
    color:#fff;
    margin-top:.5rem;
    letter-spacing: 0;
  }
  /* fx-jumb */
  .fx-jumb{
    padding:.72rem 0 1rem;
  }
  .fx-jumb .card-title h5{
    font-size: .48rem;
  }
  .fx-jumb .card-title .label{
    font-size: .24rem;
    padding:.1rem .42rem;
    border-width: .02rem;
    margin-top: .2rem;
  }
  .fx-jumb .card .card-body .people{
    width:100%;
    position: relative;
  }
  .fx-jumb .people{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top:.92rem;
  }
  .fx-jumb .people:nth-child(1){
    margin-top:0;
  }
  .fx-jumb .people.right{
    justify-content: flex-end;
    padding-right:.42rem;
  }
  .fx-jumb .people .b-msg{
    font-size: .28rem;
    padding:.12rem .16rem;
    border-radius: .12rem;
  }
  .fx-jumb .people:nth-child(3) .b-msg{
    transform: translate(0);
  }
  .fx-jumb .people .b-msg::after{
    width:.28rem;
    height:.2rem;
  }
  .fx-jumb .people .b-msg.left::after{
    left:-.22rem;
  }
  .fx-jumb .people .b-msg.right::after{
    left:initial;
    right:-.22rem;
  }
  .fx-jumb .people .girl{
    margin-top: 0;
    margin-bottom: 0;
  }
  .fx-jumb .people:nth-child(1) .girl{
    height:2.4rem;
  }
  .fx-jumb .people:nth-child(2) .girl{
    height:2.6rem;
  }
  .fx-jumb .people:nth-child(3) .girl{
    height:2.76rem;
    padding-right:.16rem;
  }
  .fx-jumb .people .name {
    margin-top: .28rem;
    justify-content: flex-start;
    padding-left:.24rem;
  }
  .fx-jumb .people .name b{
    font-size: .4rem;
  }
  .fx-jumb .people .name .badge{
    line-height: 1;
    font-size: .28rem;
    padding:.04rem .2rem .08rem;
  }
  /* open-24 */
  .open-24{
    padding:.5rem 0 .64rem;
  }
  .open-24 .card-title h5 img{
    width:5.74rem;
  }
  .open-24 .card-body{
    padding-top:0;
  }
  .open-24 .women{
    position: static;
  }
  .open-24 .women img{
    width:2.16rem;
  }
  .open-24 .w-msg{
    width:4.62rem;
    padding:.24rem .3rem;
    transform: translate(0px,-10px);
  }
  .open-24 .w-msg p{
    font-size: .26rem;
  }
  .earth-box .earth{
    margin-left: 0;
    width:2.8rem;
    height:2.8rem;
    margin-left: auto;
    margin-right: auto;
  }
  .earth-box .earth img{
    width: 100%;
  }
  .earth-box .timeline > img{
    width:100%;
    margin-top:.24rem;
    margin-bottom:.16rem;
  }
  .earth-box h4, .earth-box p, .earth-box .text-static{
    padding-left:0;
  }
  .earth-box h4{
    font-size: .32rem;
  }
  .earth-box .timeline p{
    font-size: .22rem;
  }
  /* module-spread */
  .module-spread {
    padding:.54rem 0 .4rem;
  }
  .module-spread .card-title img{
    width:100%;
  }
  .module-spread .t-msg{
    font-size: .24rem;
    padding:.2rem 0;
  }
  .module-spread .t-msg::after{
    width:.46rem;
    height:.26rem;
    bottom:-.26rem;
  }
  .module-spread .t-msg h4{
    font-size: .36rem;
  }
  .module-spread .t-msg .tips{
    width:.74rem;
    top:-.2rem;
    left:-.12rem;
  }
  .module-spread .seal-box{
    padding:0;
  }
  .module-spread .seal-box .seal{
    width:1.38rem;
    margin-right:.16rem;
  }
  .module-spread .seal-box .seal-h2{
    width:3.98rem;
    top:auto;
    height:auto;
  }
  /* spread table */
  .spread-box{
    padding:0;
  }
  .spread-box::after{
    width:.92rem;
    height:1.12rem;
    top:-.98rem;
    right:.3rem;
  }
  .spread-table .table > thead > tr > th:nth-child(1) span{
    width:1.8rem !important;
  }
  .spread-table .table > thead > tr > th:nth-child(2) span{
    width:1.24rem;
  }
  .spread-table .table > thead > tr > th:nth-child(3),.spread-table .table > thead > tr > th:nth-child(4),.spread-table .table > thead > tr > th:nth-child(5){
    width:1.23rem;
  }
  .spread-table .table > thead > tr > th,.table.more > tbody > tr > td:nth-child(2), .table.more > thead > tr > th:nth-child(2){
    font-size: .24rem;
  }
  .spread-table .table > thead > tr > th.t-h3{
    font-size: .32rem;
    padding:.18rem 0 .2rem;
  }
  .spread-table .table > thead > tr > th small{
    font-size: .16rem;
  }
  .spread-table .table > tbody > tr > td:nth-child(2) small, .spread-table .table > thead > tr > th:nth-child(2) small{
    font-size: .16rem;
  }
  .spread-table .table.border > tbody > tr > td{
    font-family: 'din145';
    font-size: .32rem;
    padding:.08rem 0;
  }
  .spread-table  .table > tbody > tr:nth-child(-2n + 7) > td:nth-child(2),.spread-table  .table > tbody > tr > td:nth-child(2){
    background:none;
    font-size: .4rem;
    color:#e0283b;
  }
  .spread-table .table.border > tbody > tr > td:nth-child(1){
    font-size: .18rem;
    padding-left:.08rem;
  }
  .spread-table .table.border > tbody > tr > td small{
    font-size: .2rem;
  }
  .spread-box .btn{
    width:4.04rem;
    height:.54rem;
    padding:0;
    font-size: .24rem;
    background: none;
    border:.02rem solid #333;
    border-radius: 1rem;
    line-height: 1;
  }
  .spread-box .btn .icon{
    width:.3rem;
    height:.3rem;
    margin-left: .24rem;
    margin-right:.12rem;
  }
  .module-free {
    background-image: url("../img/lp42/m-bg-yellow-j.jpg");
    padding:.9rem 0 .64rem;
  }
  .spread-box .text-tips{
    font-size: .18rem;
  }
  .module-free .free img{
    width:5.68rem;
  }
  /* module-s3 */
  .module-s3 {
    padding:.7rem 0 .54rem;
  }
  .module-s3 .card-title img{
    width:5.56rem;
  }
  .module-s3 .img-show .s3-li{
    width:1.38rem;
    top:-.42rem;
    left:.18rem;
  }
  /* module-mt4 */
  .module-mt4{
    padding:0 0 .8rem;
  }
  .module-mt4 .card-title img{
    width:5.98rem;
  }
  .module-mt4 hr{
    margin-top:.5rem;
    margin-bottom: .5rem;
  }
  .module-mt4 .media{
    flex-wrap: wrap;
  }
  .module-mt4 .media:nth-child(1) {
    margin-bottom: 0;
  }
  .module-mt4 .media:nth-child(1) .media-img{
    padding-left:.38rem;
    padding-right:.18rem;
    
  }
  .module-mt4 .media:nth-child(1) .media-img img,.module-mt4 .media.map .media-img img{
    width:100%;
  }
  .module-mt4 .media:nth-child(1) .media-body,.module-mt4 .media.map .media-body{
    padding:.3rem 0 0;
  }
  .module-mt4 .media .media-body h4,.module-mt4 .media.map .media-body h4{
    font-size:.36rem;
    margin-bottom: .16rem;
  }
  .module-mt4 .media:nth-child(1) .media-body p,.module-mt4 .media.map .media-body p{
    font-size: .22rem;
    letter-spacing: 0;
  }
  .module-mt4 .media:nth-child(2) .media-img{
    padding-left: .2rem;
    padding-right: .2rem;
  }
  .module-mt4 .media.map .media-img{
    padding-left:.2rem;
    padding-right:.2rem;
  }
  .module-mt4 .media.map .media-body{
    text-align: center;
  }
  .module-mt4 .media.map .yellow-label{
    padding-top:0;
    padding-bottom: .08rem;
  }
  .module-mt4 .media.map .yellow-label span{
    font-size: .24rem;
    border-radius: .12rem;
    margin-left: .04rem;
    margin-right: .04rem;
  }
  /* module-reliable */
  .module-reliable{
    padding:.46rem 0 .7rem;
  }
  .module-reliable .card-title img{
    width:4.9rem;
  }
  .module-reliable .init-reliable .t-msg{
    width:5.7rem;
    font-size: .36rem;
  }
  .module-reliable .init-reliable .caption{
    padding:.5rem 0 2.5rem;
    text-align: center;
    background-position: center bottom;
    background-size: 4.8rem auto;
  }
  .module-reliable .caption h4{
    font-size: .4rem;
    letter-spacing: 0;
  }
  .module-reliable .caption p{
    font-size: .24rem;
    letter-spacing: 0;
  }
  .module-reliable .init-reliable .worry{
    width:1.2rem;
    margin-top: .24rem;
  }
  .border-yellow{
    border-width: .04rem;
  }
  .reliable-img .img{
    width:auto;
    height:4.2rem;
    padding:.36rem .64rem;
  }
  .reliable-img .img h4{
    font-size: .32rem;
    margin-bottom: .2rem;
  }
  /* open-fixed */
  .open-fixed{
    width:100%;
    padding:.12rem .28rem .16rem 2.2rem;
    background-color:#92ddf5;
    position: fixed;
    left:0;
    bottom:0;
    z-index: 1024;
  }
  .open-fixed .lizi{
    width:1.82rem;
    position: absolute;
    left:.28rem;
    bottom:0;
  }
  .open-fixed h4{
    font-size: .24rem;
    margin-bottom:.08rem;
    letter-spacing: 0.5px;
  }
  .open-fixed h4 b{
    font-size: .32rem;
  }
}

/* new tieup */
.header .inner{
    padding: 10px 0;
}
.header .caption h3,.header .caption{
    font-size: 12px;
}
.header .caption{
    padding-top: 2px;
}
.newtieup-banbox{
    height:653px;
    background:#ff3a76 url("../img/newtieup/tieup-ban-bg.jpg") no-repeat center top;
    background-size: auto 100%;
}
.newtieup-banbox203000{
    height:868px;
}
.newtieup-ban-pad{
    padding-top: 45px;
}
.newtieup-ban-tt span,.newtieup-ban-tt img{
    position: relative;
    top:-5px;
}
.newtieup-ban-tt{
    font-size:0;
    height:72px;
    background: url("../img/newtieup/tieup-ban-ttbg.png") no-repeat center;
    background-size: auto 100%;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newtieup-ban-tt span{
    height:36px;
    background-size:100% 100%;
    background-image: no-repeat;
}
.newtieup-ban-tt span.t1{
    margin-left: 20px;
    width:170px;
    background-image: url("../img/newtieup/tieup-ban-t1.svg");
}
.newtieup-ban-tt span.t2{
    margin-left: 40px;
    width:480px;
    background-image: url("../img/newtieup/tieup-ban-t2.svg");
}
.newtieup-ban-text{
    margin-top: 10px;
    height:415px;
    background: url("../img/newtieup/tieup-ban-text.png") no-repeat center top;
    background-size: auto 100%;
    font-size: 0;
}
.newtieup-box{
    position: relative;
    margin:-97px auto 0;
    width: 960px;
    font-size:0;
    white-space: nowrap;
}
.newtieup-bodfon{
    background:#fff;
    border-top:none;
    width: 34%;
}
.newtieup-bodfon .newtieup-item-tt{
    background:#e61454;
    line-height:1.2;
    padding: 10px 0;
}
.newtieup-item{
    position: relative;
    width:49%;
    display: inline-block;
    vertical-align:middle;
    color:#f11824;
    z-index:1;
}
.newtieup-item:before{
    position: absolute;
    left:26px;
    top: -133px;
    width:166px;
    height:133px;
    background: url("../img/newtieup/tieup-ban-boy.png") no-repeat center;
    background-size: contain;
    content: '';
}
.newtieup-item:last-child{
    margin-left: 2%;
}
.newtieup-item:last-child:before{
    left: auto;
    right:26px;
    top: -128px;
    width:208px;
    height:128px;
    background-image: url("../img/newtieup/tieup-ban-girl.png");
}
.newtieup-pub{
    position: relative;
    padding: 15px 0;
    color: #ff3a76;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newtieup-pub .zuida{
    margin-right: 5px;
    line-height: 1;
}
.newtieup-item p span{
    display: inline-block;
    line-height:1;
}
.newtieup-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-28px 0 0 -28px;
    width:56px;
    height:56px;
    background: url("../img/newtieup/tieup-ban-add.png") no-repeat center top;
    background-size:100%;
    z-index:2;
}
.tieup-cen-btnbox{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -30px;
}
.tieup-cen-btnbox .btn{
    position: relative;
    margin-left: 18px;
    top:3px;
    display: block;
    width: 260px;
    padding: 18px 0;
    background: #0066fc;
    border-radius:15px;
    box-shadow: 0 4px 0 #0049b4;
    transition: all .3s;
}
.tieup-cen-btnbox .btn:hover{
    transition: all .3s;
    box-shadow:0 0 0 #e10d0d;
    top: 7px;
}
.tieup-m-btn{
    display: none;
}
.banner{
    margin-top:70px;
}

/* 第一谈 */
.newtieup-ban-dyt{
    position: relative;
    margin: -96px auto 0;
    width:999px;
    background:#fff;
    border:solid #f6d9e2;
    border-width:10px 0;
}
.newtieup-ban-dyt i{
    position: absolute;
    display: block;
    left:50%;
    top:-38px;
    margin-left:-28px;
    width: 56px;
    height:56px;
    background: url("../img/newtieup/addfon.png") no-repeat center top;
    background-size: 100%;

}
.newtieup-banbox203000 .newtieup-box{
    margin-top: 20px;
    width:1000px;
}
.newtieup-banbox203000 .newtieup-item,.newtieup-banbox203000 .newtieup-bodfon .newtieup-item-tt{
    background: #c3003c;
}
.newtieup-banbox203000 .newtieup-bodfon .newtieup-item-tt{
    padding:20px 0 0;
}
.newtieup-banbox203000 .newtieup-ban-text{
    background-image: url("../img/newtieup/tieup-ban-text2.png");
}
.newtieup-banbox203000 .newtieup-item:before,.newtieup-banbox203000 .newtieup-item:last-child:before{
    display: none;
}
.newtieup-banbox203000 .newtieup-icon{
    background-image: url("../img/newtieup/tieup-ban-add2.png");
}
.newtieup-banbox203000 .newtieup-pub{
    color: #fff000;
    padding: 5px 0 15px;
    min-height: 92px;
}
.newtieup-ban-dyt:before,.newtieup-ban-dyt:after{
    position: absolute;
    background-size: 100%;
    content: '';
}
.newtieup-ban-dyt:before{
    left: 26px;
    top: -154px;
    width: 160px;
    height: 144px;
    background-image: url(../img/newtieup/tieup-ban-boy.png);
}
.newtieup-ban-dyt:after{
    right: 26px;
    top: -154px;
    width: 160px;
    height: 144px;
    background-image: url(../img/newtieup/tieup-ban-girl.png);
}


.link-open {
    position: relative;
    top: 0;
    display: inline-block;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:0 4px 0 #e10d0d;
    transition: all .3s;
}
.link-open .icon-arrow {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -18px;
    animation: shake 5s infinite linear;
}
.link-open:hover{
    transition: all .3s;
    box-shadow:0 0 0 #e10d0d;
    top: 4px;
}
.link-open.mob-open{
    display: none;
}



@media (max-width: 1020px) {

    .banner{
        margin-top:0;
    }
    .header .inner{
        padding:.2rem .3rem;
    }
    .header img{
        width:1.8rem;
    }
    .newtieup-banbox{
        height:auto;
        padding:.45rem 4%;
        background-image: url("../img/newtieup/tieup-ban-mbg.jpg");
    }
    .newtieup-ban-pad{
        padding: 0;
    }
    .newtieup-ban-tt{
        display: block;
        text-align: center;
        background-size: 100% 100%;
        height:auto;
        padding: .3rem 0 .45rem;
    }
    .newtieup-ban-tt span,.newtieup-ban-tt img{
        display: inline-block;
        vertical-align: middle;
    }
    .newtieup-ban-tt img{
        width:1.73rem;
        height:auto;
    }
    .newtieup-ban-tt span.t1{
        width:1.9rem;
        height:.42rem;
        margin-left: .35rem;
    }
    .newtieup-ban-tt span.t2{
        display: block;
        margin: .1rem 0 0;
        width:100%;
        height:.42rem;
        background-position: center center;
    }
    .newtieup-ban-text{
        margin:0 auto;
        width:6.8rem;
        height:4.15rem;
        background-size: 100%;
    }

    .newtieup-box{
        margin-top: -.95rem;
        width:90%;
        white-space: normal;
    }
    .newtieup-item{
        width:100%;
    }
    .newtieup-item:before {
        position: absolute;
        left: .15rem;
        top: -1.33rem;
        width: 1.66rem;
        height: 1.33rem;
        background: url(../img/newtieup/tieup-ban-boy.png) no-repeat center;
        background-size: contain;
        content: '';
    }
    .newtieup-girl{
        position: absolute;
        right: -0.1rem;
        top: -1.28rem;
        width: 2.08rem;
        height: 1.28rem;
        background: url(../img/newtieup/tieup-ban-girl.png) no-repeat center;
        background-size: contain;
    }
    .newtieup-item:last-child{
        margin:.2rem 0 0;
    }
    .newtieup-item:last-child:before,.newtieup-item:last-child:after{
        display: none;
    }
    .newtieup-icon {
        margin: -.3rem 0 0 -.3rem;
        width: .6rem;
        height: .6rem;
    }
    .newtieup-pub{
        padding: .3rem 0;
    }

    .tieup-cen-btnbox{
        margin:.4rem 0 0;
        padding:.1rem 0 .3rem;
    }
    .tieup-cen-btnbox .btn{
        top:0;
        width:5.6rem;
        margin-left: auto;
        margin-right: auto;
        line-height: .74rem;
        padding: 0;
        border-radius:.1rem;
        box-shadow: 0 2px 0 #0049b4;
    }
    .tieup-cen-btnbox .btn br{
        display: none;
    }
    .tieup-pc-btn{
        display: none;
    }
    .tieup-m-btn{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    /* 第二谈 */
    .newtieup-ban-dyt {
        margin-top: -1.4rem;
        width: 6.95rem;
        border-width: .1rem 0;
    }
    .newtieup-ban-dyt img{
        height:1rem;
    }
    .newtieup-ban-dyt i{
        top: -.46rem;
        margin-left: -.28rem;
        width: .56rem;
        height: .56rem;
    }
    .newtieup-ban-dyt:before {
        left: .1rem;
        top: -1.43rem;
        width: 1.66rem;
        height: 1.33rem;
    }
    .newtieup-ban-dyt:after {
        right: .1rem;
        top: -1.43rem;
        width: 1.66rem;
        height: 1.33rem;
    }
    .newtieup-banbox203000 .newtieup-box{
        width: 6.95rem;
    }
    .newtieup-banbox203000 .newtieup-girl{
        display: none;
    }
    .newtieup-banbox203000 .newtieup-pub{
        min-height:0;
        padding: 0;
    }
    .newtieup-banbox203000 .newtieup-bodfon .newtieup-item-tt{
        padding-top:0;
        font-size:.28rem;
        text-align: left;
    }
    .newtieup-banbox203000 .newtieup-bodfon .newtieup-item-tt .f16{
        font-size: .2rem;
    }
    .newtieup-banbox203000 .newtieup-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .2rem;
        white-space: nowrap;
    }
    .newtieup-banbox203000 .newtieup-pub .f48{
        font-size: .44rem;
    }
}
img[src*="img/lp43/20211129/btn.png"] {
  max-width: 800px;
}