body{ background:#f4f5f9;}
img{ width:100%}
.swiper-pagination{    bottom: 40px !important;}
.mt_step1{ margin-top:1.875rem !important;}
.mt_step1_r .swiper-container{}
.mt_step1_l{     vertical-align: top;background:#fff; width:22.5rem; display:inline-block; margin-right:0.625rem;}
.mt_dm{ line-height:4.375rem; }
.mt_step1_l_item{ padding:0 1.875rem; border-bottom: dashed 1px #EEEEEE;}
.mt_step1_r{width:calc( 100% - 23.77rem); display:inline-block}
.mt_step1_l_title{ margin-left:0.9375rem; font-size:1rem;display:inline-block; vertical-align: middle;}
.mt_step1_l_item img{ width:1.375rem; display:inline-block}
.mt_host,.mt_server,.mt_email,.mt_ssl,.mt_seo{ padding-top:0.9375rem; padding-bottom:0.9375rem}
.mt_step1_l_content{   font-size:0.75rem; color:#7D7D7D; }
.mt_step1_l_content span {margin-right:1.2rem; margin-top: 0.9375rem;  display: inline-block;}
.mt_acg{ line-height:2.875rem}
.swiper-slide
{
    background-position: center center;
    border: unset;
    background-repeat: repeat;
    background-size: cover;
}
.mt_step2{ clear: both; margin-top:3.75rem  !important; text-align:left;}
.mt_step2_l{ float: left; display:inline-block;margin-right:1.875rem;     width: 21.875rem;color:#fff; text-align:left;}
.mt_step2 .title,.mt_step3 .title{ margin-bottom:1.4375rem;font-size:1.5rem; color:#424758;}
.mt_step2_m_ad{ position:relative; width:21.875rem; height:10rem; margin-bottom:1.25rem;}
.mt_step2_m_ad1{ background:url(/2020_new/images/mating_tools/site@1x.jpg); background-repeat:no-repeat; background-size:100% }
.mt_step2_m_ad2{ background:url(/2020_new/images/mating_tools/shop@1x.jpg); background-repeat:no-repeat; background-size:100% }
.mt_step2_m_ad3{ background:url(/2020_new/images/mating_tools/wxapp@1x.jpg); background-repeat:no-repeat; background-size:100% }
.mt_step2_m_td{ position:absolute;  top: 50%;  transform: translateY(-50%); left: 2.5rem;}
.mt_step2_m_adtitle{ font-family: youshe; font-size:1.75rem}
.mt_step2_m_addesc{   position:relative; font-size:1rem;margin-top: 1.1875rem;}
.mt_step2_m_addesc:after{     content: ''; width: 0.375rem;height: 0.375remrem; border-radius: 50%; position: absolute;left: -0.8125rem; background: #fff; top: 50%; transform: translateY(-50%);}
.mt_step2_r{   display:inline-block; width:calc(100% - 23.75rem);}
.mt_step2_r_item{ font-size:1.25rem; text-align:center;  color:#515151;  position:relative;  width:33.3%; height:16.25rem; background:#fff; float: left; border:dashed 1px #E2E2E2}
.mt_step2_r_item img{     margin:0 auto;display: block;margin-bottom: 1.875rem; }
.mt_step2_r_item_context{  position:absolute; top:50%; left:50%;    transform: translate(-50%,-50%);}
.mt_step2_r_item_context img {  width:6.375rem; }
.mt_step2_r_hot{ position:absolute; top:0; left:0}
.mt_step2_r_item:nth-child(1):after,.mt_step2_r_item:nth-child(2):after,.mt_step2_r_item:nth-child(3):after{left: 0; bottom: 0;position:absolute;     content: ''; border:#FF7630 solid 0.09375rem; width:2.5rem}
.mt_step3{ background:#fff; margin-top:3.75rem  !important;}
.mt_step3 .title{ padding-top:2.5rem;}
.mt_step3_l{     float: left;display:inline-block; width:21.875rem;}
.mt_step3_r{ position:relative;  min-height: 30rem;padding-left:4.9375rem;  display:inline-block; background:#F2F6F6; width:calc(100% - 21.875rem); font-size:1rem}
.mt_step3_r:after{     content: ''; position: absolute; top: 3.3125rem; left: -1.75rem;border-top: 18px solid transparent; border-right: 18px solid #F2F6F6;  border-bottom: 18px solid transparent; border-left: 18px solid transparent;}
.mt_step3_r_tdb{ border-bottom: dashed 1px #E2E2E2;  margin-top:3.625rem; }
.mt_step3_r_title{ font-size:2rem; margin-bottom:1.5625rem}
.mt_step3_r_desc{ margin-bottom:1.875rem;}
.mt_step3_r_btn{ margin-bottom:2.5rem; width:11.25rem; line-height:50px; text-align:center; color:#fff; font-size:1rem; background:#FF9D27;box-shadow: 8px 8px 21px 0px rgba(255,114,0,0.15); }
.mt_step3_r_ys{ color:#333333; margin-top:2.4375rem;font-size:1rem}
.mt_step3_r_ys_r{ margin-bottom:1.1875rem; }
.mt_step3_r_ys_r_d img{ width:1rem;  margin-right:0.9375rem;}
.mt_step3_r_ys_r_d  {float: left;}
.mt_step3_r_ys_r_d{ margin-right:3.75rem; margin-top:0.625rem;}
.mt_step3_seo{ position:relative;   display: flex;     justify-content: space-between;text-align:left; color:#fff; background:url(/2020_new/images/mating_tools/aiznvg.jpg);background-repeat: round;margin-top: 3.0625rem; width: 100%;}
.mt_step3_seo_title{ font-size:2rem; padding-top:4.6875rem; margin-left:3.4375rem;}
.mt_step3_seo_desc{ font-size:1rem; padding-top:1.5625rem; margin-left:3.4375rem;}
.mt_step3_seo_btn{    margin-bottom: 3.6875rem; background:#FF9D27; width:11.25rem; line-height:3.125rem; color:#fff; text-align:center;margin-left:3.4375rem; margin-top:3rem;box-shadow: 8px 8px 21px 0px rgba(255,114,0,0.15); }
.mt_step3_seo_r{ margin-top: 25px;  margin-right: 5.8125rem;}
.mt_step3_seo_1{  padding-top: 4.5625rem;  display: flex;flex-wrap: wrap;background:#F2F6F6; }
.mt_step3_seo_item{ width:50%; float:left; margin-bottom: 2.1875rem;}
.mt_step3_seo_1_ico{margin-right: 1.75rem;margin-left: 3.4375rem; width:2.125rem; height:2.125rem; display:inline-block; vertical-align:middle;}
.mt_step3_seo_1_title{ font-size:1.125rem; color:#313540; display:block}
.mt_step3_seo_1_desc{ font-size:1rem;color:#7D7D7D;display:block}
.mt_step3_seo_1_td{width: calc(100% - 12rem);line-height:2rem;display: inline-block;vertical-align: middle;}
.mt_step3_seo:after{     content: ''; position: absolute; left: 3.3125rem; bottom: -1.75rem;border-top: 18px solid #FF7730; border-right: 18px solid transparent;  border-bottom: 18px solid transparent; border-left: 18px solid transparent;}
.mt_step4{color:#fff; background:url("/2020_new/images/mating_tools/bg4.jpg"); }
.mt_step4_1{display: flex;    position: relative;align-items: center;}
.mt_step4_l{ width:50%;    padding-right: 8.75rem;}
.mt_step4_r{  width:60%;   /* width: 58.5625rem;*/
    position: absolute;
    right: -5%;}
.mt_step4_l_title{ padding-top:9.375rem; font-size:2em;  margin-bottom:1.875rem}
.mt_step4_l_desc{  font-size:1rem;  line-height:2rem; margin-bottom:1.875rem}
.mt_step4_l_btn{margin-bottom:3.125rem; background:#FF9D27; width:11.25rem; line-height:3.125rem; color:#fff; text-align:center; margin-top:3rem;box-shadow: 8px 8px 21px 0px rgba(255,114,0,0.15); }
.mt_setp4_l_ys_d{    margin-top: 1.4375rem; margin-right:2.375rem; font-size:1rem;}
.mt_setp4_l_ys img {width: 1rem;margin-right: 0.9375rem;}
.mt_setp4_l_ys {display: flex;justify-content: left;flex-wrap: wrap;padding-bottom: 8.75rem;}
.kb{ background-color:#fff; height:5.625rem;}
.mt_step1_r .swiper-pagination-bullet-active{width: 18px; height: 18px;background: #fff; border: 3px solid #FF7630;}
.mt_step1_r  .swiper-pagination-bullet {vertical-align: middle;}


@media screen and (max-width: 1100px) 
{
    
    .mt_step4_l_title {
         padding-top: 6.875rem;
    }
    .mt_step4_l{ padding-right:4rem;}
    .mt_step4_r{ margin-top:-2.5rem;}
    .left-service-container{ display:block !important;}
    .mobile-service-container,.mobile-service-select{ display:none !important;}
    .w-73{ padding:0 !important;}

}