/* 通用 */
body,html {scroll-behavior: smooth !important;position: relative;font-family:microsoft yahei,Simsun,Tahoma;letter-spacing: .5px;font-size: 14px;line-height: 24px;background-color: #ffd4d4}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-weight: 400}
.indexbg{background: url(https://mfnmj.top/img/免费nei妹集.jpg) center top no-repeat;background-color:#ffd4d4;}
.aboutbg{background: url(https://mfnmj.top/img/免费nei妹集.jpg) center top no-repeat;background-color:#ffd4d4;}
.bodybox {width: 100%;position: relative;z-index: 997}
.bodybg {width:auto;background-color: #ffd4d4;}
.main {width:1400px;margin:0 auto;}
::-webkit-scrollbar {width: 12px;height: 0px;background-color: #eee;overflow: hidden}
::-webkit-scrollbar-track {background-color: #eee;overflow: hidden}
::-webkit-scrollbar-thumb {width: 10px;background-color: #222;overflow: hidden}
li {list-style: none}
span{text-decoration: none;transition: all .3s;}
a{color: #333;text-decoration: none;transition: all .3s;}
.border {padding-top: 15px;}

@keyframes move-forever {
0% {transform: translate3d(-90px, 0, 0)}
100% {transform: translate3d(85px, 0, 0)}
}

/* 搜索框over */
.nav-search {position: relative;padding: 80px 0;color:#ffd4d4;}
.searchtitle {position: relative;text-align: center;font-size: 32px;padding: 60px 0 20px 0;color: #fff !important;z-index: 999}
.search {margin-top: 330px;z-index: 999;margin-left: auto;margin-right: auto;position: relative}
.search .search-main {width: 60%;margin-left: auto;margin-right: auto;padding: 4px 4px 4px 4px;background-color: rgba(0,0,0,.15);}
.search .search-main ::-webkit-input-placeholder {color: inherit}
.search .search-main .search-nav {position: relative;background: none;padding: 0}
.search .search-main .search-nav * {font-size: 16px}
.search .search-main .search-from {width: 100%}
.search .search-main .search-from input {border: none;border: none !important;overflow: hidden;display: block;height: 50px;background: rgba(0,0,0,0.2);color: #fff}
.layui-input {width: 100%;padding-left: 10px;line-height: 1.3;outline: 0;-webkit-appearance: none;-webkit-transition: all .3s;box-sizing: border-box}
.layui-btn {display: inline-block;padding: 0 18px;white-space: nowrap;text-align: center;border: none;cursor: pointer;outline: 0;-webkit-appearance: none;-webkit-transition: all .3s;box-sizing: border-box}
.search .search-main .search-submit {position: absolute;top: 0;right: 0;background: rgba(0,0,0,0.3);height: 50px;width: 100px;color: #fff !important}
.search .search-main .search-submit i {font-size: 26px}
.search .search-main:hover {background: rgba(0,0,0,0.25);}
.search .search-main:hover .search-from input {background: #fff;color: #999}
.search .search-main:hover .search-submit {background: #f60d54}
.search .search-bottom {font-size: 16px;color: #fff;line-height: 1;margin-top: 10px}
.search .search-bottom a{color: #f60d54;}
.waves {position: relative;width: 100%;height: 15vh;margin-bottom: -7px;min-height: 50px;max-height: 80px}
.waves-wrap {width: 100%;position: absolute;left: 0;bottom: -10px;z-index: 995}
.parallax {display: none}
.light-parallax {display: block !important}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s}
 
 /* 快捷导航 over */
/* .nav-go{padding-top: 15px;padding-bottom: 15px;display: flex;clear: both;align-items: center;background:#fff;}*/
.nav-go{padding-top: 5px;padding-bottom: 5px;display: flex;clear: both;align-items: center;background:#fff;}
.nav-go .title{text-align: center;display: inline-block;font-size: 22px;font-weight: 600;width: 100px;padding-left: 15px;padding-right: 15px}
.nav-go ul{padding-left: 10px;padding-right: 10px;border-left: 1px solid #eee}
.nav-go ul li{display: inline-block;}
/* .nav-go ul li a{line-height:40px;padding: 17px;position: relative;font-size: 22px;text-indent: 18px;}*/
/* .nav-go ul li a:hover{color:#fff;background-color: #000}*/
.nav-go ul li{padding: 19.1px;line-height: 25px;font-size: 22px;float: left;text-align: center;}
.nav-go ul li:hover{color:#fff;background-color: #000}
.nav-go .red{color:#f60d54;}
.nav-go-bottom {position: fixed;bottom: 10px;background-color: rgba(0,0,0,0.9) !important;z-index: 1002}
.nav-go-bottom .title b,.nav-go-bottom a {color: #fff}
.nav-go-bottom ul li a:hover {color:#000;background-color: #fff;}
 
/* APP over */
.app-navi{font-size:0;text-align:center;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.app-ico{width:calc(10% - 11px);margin:5px;height:auto;box-sizing:border-box;display:inline-block;position:relative;}
.app-ico img{width:100%;border-radius:15px;}
.app-ico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:14px;margin:0;color:#000;overflow:hidden}
.app-naicon{border-radius:15px;overflow:hidden;font-size:0;margin:12px;line-height: 0;}
.app-naicon:hover{-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}

/* 精品推荐 */
.list-wrap {clear: both;position: relative;}
.website-top {clear: both;padding-left: 15px;padding-right: 15px;overflow: hidden;background-color: #fff}
.website-top .good{width:100%;padding-top: 5px;padding-bottom: 5px;overflow:hidden;border-bottom: 1px solid #eee}
.website-top .good span{float:left;text-align:center;display:block;width:12.5%;height:42px;line-height:42px;font-size:16px;overflow:hidden}
.website-top .good span:hover{color:#fff;background:#000}
.website-top .tips{width:100%;background:#fff;line-height:40px;margin-top: 5px;margin-bottom:5px;overflow:hidden;}
.website-top .tips .ml{float: left;}
.website-top .tips .mr {float: right;}
.website-top .tips-top {display:block;width:100%;font-size:14px;color:#000;overflow:hidden}
.website-top .tips a{color:#f60d54;}
.website-top .tips b{background:#000;color:#fff;padding:3px 5px;}

/* banner over */
.banner img{width:100%;height:120px;margin-bottom:5px;transition:opacity .5s;}
.banner img:hover{opacity:.7}

/* 友链 */
.links{width:100%;margin-bottom:20px;overflow:hidden}
.links .pink{background:#fd6ea3}
.links .red{background:#c52622}
.links .green{background:#23be9b}
.links .yellow{background:#fcc800}
.links .gray{background:#788daa}
.links .orange{background:#f76e25}
.links .black{background:#333}
.links .blue{background:#87cefa}
.links_name{width:100%;overflow:hidden;}
.links_name p{font-size:22px;font-weight:700;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;scroll-behavior: smooth;}
.links_name p i{font-size:24px;background-color: #f1f1f1;margin-right: 5px;display: inline-block;width: 30px;height: 30px;border-radius: 200px;text-indent: 5px;}
.links span{float:left;text-align:center;display:block;width:calc(10% - 6px);height:42px;line-height:42px;font-size:15px;overflow:hidden;margin: 3px;background-color: #f1f1f1;}
.links span:hover{color:#000;background:#ffecc8;}
.links span b{width:16px;height:16px;font-weight:400;color:#fff;padding:1px 3px 2px 3px;margin-left:4px;font-size:13px;}

/* 页尾 over */
.footer {background-color: #ffd4d4;position: relative;z-index: 1002}
.footer .about {color: #000;padding: 30px 0}
.footer .link div {border: 1px dashed #999;padding: 10px;padding-top: 20px}
.footer .link span {color: #fafafa}
.footer .link a {display: inline-block;margin-right: 10px;margin-bottom: 10px;color: #999}
.footer .link a:hover {color:#f60d54;}
.footer .link .btn {font-size: 12px;color: #fff;border: 1px solid #f9f9f9;padding: 2px 10px}
.footer .link .btn:hover {color: #fff;background:#f60d54;border-color:#f60d54;}
.footer .copy {padding: 15px 0;display: flex}
.footer .copy .right {text-align: right;flex: 1}
.footer .copy a {display: inline-block;margin-left: 5px;margin-bottom: 10px;color: #000}
.footer .copy a:hover {color:#f60d54;}

/* 侧边导航 over */
.faq {position: fixed;bottom: 5px;width: 70px;left: 50%;margin-left: 715px;margin-bottom: 70px;}
.faq .icons {width: 36px;height: 36px;line-height: 36px;text-align: center;margin-bottom: 10px;cursor: pointer;box-shadow: 2px 2px 6px rgba(36,37,38,0.13)}
.faq .icons a{display: block;font-size: 18px}
.faq .card-skin{background-color: #fff;}
.faq .card-skin a:hover {background-color: #000;color: #fff;}
.faq .layui-hide {display: none!important}

/* 回家弹窗 over */
.login-modbox {width: 800px;min-height: 500px;z-index: 1003;display: flex;margin-left: auto;margin-right: auto;border-radius: 10px;overflow: hidden}
.login-modbox .login-main {flex: 1;display: flex;width: 100%;margin-left: auto;margin-right: auto}
.login-modbox .login-main .left {width: 300px;line-height: 500px;background-color: #353442;background-position: center;background-repeat: no-repeat;background-size: 80%}
.login-modbox .login-main .right {padding: 50px;flex: 1;display: block;position: relative}
.login-modbox .login-main .right h2 {width: 100%;border-bottom: 1px solid #eee;margin-bottom: 25px;padding-bottom: 20px;margin-top: 20px}
.login-modbox .login-main .right .border {width: 100%;border-bottom: 1px solid #eee;margin-bottom: 25px;padding-bottom: 20px;margin-top: 20px}
.login-modbox .login-main .login-bg {background-image: url('./img/免费nei妹集.jpg')}
.login-modbox .login-main .right .bottom {position: absolute;bottom: 30px;left: 50px;right: 50px;font-size: 12px}
.login-modbox .login-main .right .bottom .le {float: left}
.login-modbox .login-main .right .bottom .ri {float: right}

/* 联系我们 */
.article-content {background-color: #fff;padding: 20px 30px 30px 30px;line-height: 2;font-size: 16px;}
.article-content .title-header{height: 60px;position: relative;z-index: 1000;font-size:22px;font-weight:700;scroll-behavior: smooth;}
.article-content .title-header i{font-size:24px;background-color: #f1f1f1;margin-right: 5px;display: inline-block;width: 30px;height: 30px;border-radius: 200px;text-indent: 5px;}
.article-content b{width:16px;height:16px;font-weight:400;color:#fff;padding:1px 3px 2px 3px;margin-left:4px;font-size:13px;}
.article-content .red{background:#c52622;}
.article-content .yellow{background:#fcc800;}
.article-content .blue{background:#87cefa;}

@media screen and (max-width:1440px){
.main {width: 1200px;}
.search .search-main {width: 70%;}
.banner img {height: 100%;}
.faq {margin-left: 615px;}
.links span {width:calc(12.5% - 6px);}
.nav-go .title {width: 110px;}
.nav-go ul li {padding: 12.1px;line-height: 35px;}
}

@media screen and (max-width:1280px){
.main {width: 1100px;}
.search .search-main {width: 75%;}
.faq {margin-left: 565px;}
.links {margin-bottom: 10px;}
.nav-go .title {width: 100px;}
.nav-go ul li {padding: 9.1px;}
.website-top .tips .mr {float: left;}
}

@media screen and (max-width:1024px){
.main {width: 98%;}
.border {padding-top: 10px;}
.waves {min-height: 30px;max-height: 50px}
.faq {margin-left: 87%;}
.links span {font-size: 14px;}
.nav-go .title {width:90px;font-size: 20px;padding-left: 10px;padding-right: 10px;}
.nav-go ul li {padding: 8.2px;font-size: 20px;}
.links_name p i {font-size: 22px;margin-right: 3px;}
.links_name p {font-size: 18px;padding-top: 5px;padding-bottom: 5px;}
.app-ico img,.app-naicon{border-radius:10px;}
}

@media screen and (max-width:960px){
.indexbg,.aboutbg{background-size: 155%;}
.search .search-main {width: 80%;}
.faq {margin-left: 862px;left: 0%;margin-bottom:70px;}
.nav-search {padding: 80px 0;}
.nav-go .title {width:85px;font-size: 18px;}
.nav-go ul li {padding:7.1px;font-size: 18px;}
.website-top .good span {height: 40px;line-height: 40px;font-size: 15px;}
.website-top .tips-top {font-size: 13px;}
.website-top {padding-left: 10px;padding-right: 10px;}
.website-top .good {padding-top: 5px;padding-bottom: 5px;}
.links span {width: calc(16.66% - 6px);}
.app-ico {width: calc(10% - 5px);margin: 2px;}
}

@media screen and (max-width:820px){
.indexbg,.aboutbg{background-size: 160%;}
.faq {margin-left: 772px;}
.nav-search {padding-top:40px;padding-bottom:40px;}
.search .search-main {width: 85%;}
.nav-go {padding-top: 5px;padding-bottom: 5px;}
.nav-go ul li {padding: 0 27px 0 27px;font-size: 16px;}
.website-top .good span {width: 25%;}
.website-top .tips .mr {float: left;}
.links span {width: calc(20% - 6px);}
.app-ico {width: calc(20% - 11px);margin: 5px;}
.app-ico img{border-radius:20px;}
.app-naicon{border-radius:20px;}
}

@media screen and (max-width:768px){
.faq {margin-left:724px;}
.nav-search {padding-top:20px;}
.search .search-main .search-from input {height: 42px;}
.search .search-main .search-submit {height: 42px;width: 60px;}
.nav-go ul li {padding: 0 25px 0 25px;}
.website-top .tips b {padding: 3px;}
.article-content .title-header i {font-size: 22px;}
.article-content .title-header {font-size: 18px;height: 40px;}
.loginbox-wrap {left: 20px !important;right: 20px}
.loginbox-wrap .login-modbox {width: 100%;min-height: 520px}
.loginbox-wrap .login-modbox .login-main .right {padding-left: 50px;}
}

@media screen and (max-width:640px){
.indexbg,.aboutbg{background-size: 200%;}
.faq {margin-left: 87%;}
.nav-search {padding-top:10px;}
.search {margin-top: 55%;}
.search .search-main {width: 90%;}
.search .search-bottom {font-size: 13px;}
.search .search-main .search-nav * {font-size: 13px;}
.nav-go .title {width:5%;font-size: 18px;}
.nav-go ul li {padding: 0;width: 20%;}
.website-top .good span {height: 40px;line-height: 40px;font-size: 13px;}
.website-top .tips {line-height: 25px;}
.banner img {
    height: 50px;
}
.links_name p i {font-size: 20px;width: 25px;height: 25px;}
.links_name p {font-size: 17px;}
.links span {width: calc(25% - 2px);margin: 1px;font-size: 13px;height: 40px;line-height: 40px;}
.links span b {padding: 2px 2px 2px 2px;font-size: 12px;}
.app-naicon {border-radius: 10px;margin: 5px;}
.app-ico img {border-radius: 5px;}
.article-content {padding: 10px 20px 10px 20px;font-size: 13px;}
.article-content .title-header i {font-size: 20px;width: 25px;height: 25px;}
.article-content .title-header {font-size: 17px;}
.footer .about {padding: 30px 0 10px 0;}
.footer .copy {display: flex;text-align: center;flex-direction: column;}
.footer .copy .right {text-align: center;}
.login-modbox .login-main {display: block;}
.layui-layer-content {padding: 20px;}
.loginbox-wrap .login-modbox .login-main .right {padding-left: 10px;padding-right: 10px;}
.login-modbox .login-main .right .bottom {bottom: -30px;left: 25px;right: 25px;}
.login-modbox .login-main .right {padding: 0 25px;}
.login-modbox .login-main .left {width: 100%;height: 150px;background-size: 100%;}
}