/* CSS Document */

html {
    font-size: 100px;
}


/*============================手机=====================================*/

body,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
textarea,
img {
    margin: 0;
    padding: 0;
    -webkit-tap-hightlight-color: rgba(0, 0, 0, 0);
    font-family: "Microsoft YaHei", Tahoma, Arial, "Roboto", "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "STHeiti", sans-serif;
    font-size: 0.2rem;
    color: #f97e66;
}


/*清除默认外边距内间距+ 取消链接高亮*/

*:focus {
    outline: none;
}


/*去掉所有元素焦点边框*/

li {
    list-style: none;
}


/*清除圆点*/

body {}


/*字体样式*/

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-size: 100%;
    font-weight: normal;
}


/*取消粗体*/

em,
i {
    font-style: normal;
}


/*取消斜体*/

p {
    text-align: justify;
    text-justify: inter-word;
    color: #0d0006;
}


/*段落对齐*/


/*边框*/

img,
input {
    border: none;
}


/*链接*/

a {
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

a {
    text-decoration: none;
    outline: none;
    color: #f97e66;
}

a:hover {
    color: #f55da8;
}


/*==========================常用样式================================*/

.n {
    position: relative;
    z-index: 100;
    behavior: url(https://4jzbhd.vip/youhuo04.html/css_wap/css/tool_iecss3.htc);
    /*IE浏览器 圆角*/
}

.wordwrap {
    word-break: break-all;
    word-wrap: break-word;
}


/*连续英文，数字换行*/

.omg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*单行文字超出显示省略号*/

.header,
.banner,
.con,
.nav {
    max-width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
}


/*宽度*/


/*==========================================================*/


/*==========================================================*/


/*header*/

.header {
    padding: 0.2rem 0;
}

.header img {
    display: block;
    margin: 0 auto;
    height: 1.64rem;
    width: auto;
}


/*nav*/

.nav {
    background: #f67ab8;
}

.nav ul li {
    float: left;
    width: 20%;
}

.nav ul li a {
    display: block;
    text-align: center;
    height: 0.88rem;
    line-height: 0.88rem;
    color: #fff;
    font-size: 0.26rem;
}

.nav ul li.on a,
.nav ul li a:hover {
    background: #fee0e2;
    color: #f67ab8;
}


/*banner*/

.banner img {
    display: block;
    width: 100%;
    height: auto;
}


/*con*/

h1.con_bt_1 {
    overflow: hidden;
    text-align: center;
}

h1.con_bt_1 b {
    display: block;
    font-size: 0.3rem;
    color: #f97e66;
    height: 0.98rem;
    line-height: 0.98rem;
    background: url(../image/con_bt_bg.png) no-repeat center scroll;
    background-size: auto 100%;
}

h1.con_bt_1 span,
h1.con_bt_2 b {
    display: block;
    font-size: 0.24rem;
    line-height: 0.36rem;
    padding-top: 0.2rem;
}

h1.con_bt_2 {
    overflow: hidden;
    text-align: center;
    background: url(../image/con_bt_bg_2.png) no-repeat center scroll;
    background-size: auto 100%;
    height: 1.6rem;
}

h1.con_bt_2 b {
    display: block;
    line-height: 0.3rem;
    letter-spacing: 0.02rem;
    padding-top: 0.46rem;
}


/*con_1*/

.con_1 {
    margin-top: -1.1rem;
    position: relative;
    z-index: 2;
    padding-bottom: 0.3rem;
}

.con_1 h1.con_bt_1 {
    padding-bottom: 0.26rem;
}

.swiper-container {
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.swiper-slide img {
    display: block;
    width: 2.05rem;
    height: auto;
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.swiper-pagination {
    display: none;
}


/*con——2*/

.con_2 {
    background: #fee0e2;
    padding-top: 0.2rem;
}


/*con_3*/

.con_3 {
    background: url(../image/wap_con_1_bg.jpg) #ffeeee no-repeat center top;
    background-size: 100% 100%;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}

.con_3 ul {
    padding-top: 0.3rem;
    overflow: hidden;
}

.con_3 ul li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding-right: 2px;
}

.con_3 ul li b {
    display: block;
    text-align: center;
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.24rem;
    color: #fff;
    background: rgba(249, 126, 102, 0.4);
}

.con_3 ul li p {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.4);
    color: #333;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.48rem;
    margin-bottom: 2px;
}

.con_3 ul li p.ys1 span {
    color: #f97e66;
}

.con_3 ul li p.ys2 {
    height: 0.96rem;
}

.con_3 ul li p.ys2 span {
    color: #929292;
}

.con_3 ul.b li {
    width: 50%;
}


/*con_4*/

.con_4 {
    padding: 0.3rem 0 0.4rem;
    background: url(../image/wap_con_3_bg.jpg) #fed0d6 no-repeat center top;
    background-size: 100% auto;
}

.con_4 ul {
    padding: 0.3rem 0.1rem 0.4rem;
    overflow: hidden;
}

.con_4 ul li {
    width: 25%;
    float: left;
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    text-align: center;
}

.con_4 ul li img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0.1rem;
}

.con_4 p {
    overflow: hidden;
    padding: 0.3rem 0.2rem 0;
    font-size: 0.24rem;
    line-height: 0.36rem;
}


/*视频*/


/* ------------- 美女视频 -------------  */

#video-list {
    width: 100%;
    padding: 0.3rem 0;
    box-sizing: border-box;
    width: 7.7rem;
    overflow: hidden;
}

#video-list li {
    float: left;
    width: 3.45rem;
    box-sizing: border-box;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    height: 2.86rem;
}

#video-list li:nth-child(1) {
    background: url(../image/v1.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(2) {
    background: url(../image/v2.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(3) {
    background: url(../image/v3.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(4) {
    background: url(../image/v4.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(5) {
    background: url(../image/v5.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(7) {
    background: url(../image/v6.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(8) {
    background: url(../image/v7.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(9) {
    background: url(../image/v8.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(10) {
    background: url(../image/v9.png) no-repeat center;
    background-size: 100% auto;
}

#video-list li:nth-child(11) {
    background: url(../image/v10.png) no-repeat center;
    background-size: 100% auto;
}

.dark {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.dark-list {
    padding-top: 2.66rem;
    cursor: pointer;
}

.dark-list div {
    display: inline-block;
}

.dark-list .v-bg {
    background: url(../image/v-bg.png) no-repeat center;
    background-size: 100%;
    width: 1.1rem;
    height: 0.42rem;
    float: left;
    margin-left: 0.2rem;
    color: #fff;
    overflow: hidden;
}

.dark-list .v-play {
    background: url(../image/v-play.png) no-repeat center;
    background-size: 100%;
    width: 0.42rem;
    ;
    height: 0.42rem;
    ;
    float: right;
    margin-right: 0.2rem;
    ;
}

.v-bg p {
    text-align: center;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.22rem;
    ;
}

#layui-layer1 {
    width: 100%;
}

#divVideo video {
    width: 100%;
}

.layui-layer-content {
    padding: 0;
}

.layui-layer-btn {
    display: none;
}

.layui-layer-setwin {
    display: none;
}