body .man,
body .woman,
body .kayla1,
body .kayla2,
body .mahe,
body .gongfeng{
  opacity: 0;
  z-index: 0;
}

body.man .man {
  opacity: 1;
  z-index: 1;
}
body.woman .woman {
  opacity: 1;
  z-index: 1;
}
body.kayla1 .kayla1 {
  opacity: 1;
  z-index: 2;
}
body.kayla2 .kayla2 {
  opacity: 1;
  z-index: 2;
}
body.gongfeng .gongfeng {
  opacity: 1;
  z-index: 2;
}
body.mahe .mahe {
  opacity: 1;
  z-index: 2;
}


.sexbox{
    position: relative;
    display: block;
}

.sex {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.m-product1 .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    left: 10%;
    bottom: 0%;
    width: 80%;
    z-index: 3;
}

.m-product1 .item{
    position: relative;
    /*height: 100%;*/
    width: 50%;
    display: block;
}

.m-product1 .item.on .s1{
    opacity: 0;
}


.m-product1 .item.on .s2{
    opacity: 1;
}


.m-product1 .item .s1{
    display: block;
    width: 100%;
}

.m-product1 .item .s2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*.m-product2 .icon {
  left: 0;
  top: 8.5%;
  width: 100%;
}

.m-product2 .icon2 {
  left: 0;
  bottom: 2%;
  width: 100%;
}
*/
.m-product3 .tx {
  left: 14.05%;
  top: 15%;
  width: 71.9%;
}

.m-product3 .text {
  bottom: 30.2%;
  left: 3.4%;
  width: 93.2%;
}

.m-product3 .text2 {
  left: 12%;
  bottom: 8%;
  width: 76%;
  z-index: 2;
}

.m-product4 {
    background: #c6da21;
}

.m-product4  .m-index-bg{
    opacity: 0;
}

.m-product4 .text {
  top: 10%;
  left: 5.15%;
  width: 89.7%;
}

.m-product4 .phone {
  right: 7%;
  bottom: 2%;
  width: 41%;
}

.m-product4 .phone2 {
  left: 3%;
  top: 29%;
  width: 33.9%;
}

.m-product4 .icon {
  left: 4%;
  bottom: 7%;
  width: 43.3%;
}

.m-product4 .icon2 {
  left: 7%;
  bottom: 29%;
  width: 35.8%;
}

.m-product4 .icon3 {
  right: 4%;
  top: 34.5%;
  width: 53.7%;
}

.m-product4 .text2 {
  left: 4.35%;
  bottom: 46%;
  width: 91.3%;
}

/* 女角色 */
.woman .m-product1 .tx {
  left: 0%;
}

.woman .m-product3 .tx {
  width: 93.2%;
  left: 0%;
}

.woman .m-product3 .text2 {
  left: 16%;
  width: 76%;
}

.product-img img {
  display: block;
  width: 100%;
}


body.kayla2 .m-product4,
body.mahe .m-product4,
body.gongfeng .m-product4{
    display: none;
}