/* CSS Document */

.indexs .music{
	position: fixed;
	width: 50px;
	height: 50px;
	background: rgba(199, 203, 209, .6);
	border-radius: 500px;
	right: 20px;
	bottom: 130px;
	z-index: 1000;
	padding: 15px;
}
.indexs .music .icon{
	width: 100%;
	height: 100%;
}

.indexs .in-banner{height: 250px; background: none; margin:  15px 15px 0 15px; border-radius:  5px;}
.in-banner .swiper-pagination .swiper-pagination-bullet{border: 2px solid #FFF; width: 12px; height: 12px}
.in-banner .swiper-pagination.swiper-pagination-bullets{bottom: 5px !important; text-align: center; padding: 0 10px}
.in-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff0000;}
.in-banner img{width: 100%; height: 100%; object-fit: cover;}
/* 首页轮播 */
.indexs .in-search{height: auto; margin-top: 15px; background: none; position: relative;}
.indexs .in-search.infixed{width: 100%; max-width: 680px; height: auto; top: 0; margin-top: 0; position: fixed; z-index: 1000;}
.indexs .in-search::before{content: ''; display: none; position: absolute; width: 180px; height: 30px; left: 0; top: -30px; border-radius: 0 50px 0 0; background: #f0f000;}
.in-search .sear-input{margin-left: 100px; padding: 5px; border-radius: 50px 0 0 50px; background: #ff0000;}
.in-search .sear-input span{height: 35px; line-height: 35px; padding-left: 35px; font-size: 1.4rem; color: #333; display: block; background: url(../images/icons/search.png) 5px center no-repeat #fff; background-size: 25px; border-radius: 50px;}
.in-search .btns{display: flex; font-size: 1.6rem; margin: 0 20px;}
.in-search .btns .sear-link{flex: 1; text-align: center; border: 3px solid #f0f0f0; padding: 10px 0; margin-right: 10px; border-radius: 50px; background: #ff0000; color: #FFF;}
.in-search .btns .sear-link: last-child{margin-right: 0}
.in-search .btns .sear-link .fa{position: relative; margin-right: 5px; top: -1px;}
.in-search .btns .sear-link.woman{background: #093;}
.indexs .in-ulist{padding: 15px 15px 55px 15px; position: relative;}
.in-ulist .ulist .head-avator{border-radius: 5px; border: 0; width: 120px; padding-bottom: 120px;}
.in-ulist .ulist .head-avator img{ border-radius: 5px; }
.in-ulist .ulist .u-info{margin-left: 130px;}
.in-ulist .ulist .u-info .area{color: #FF0000;}
.in-ulist .ulist .u-info .attri{color: #1112cd}
/* 首页搜索 */
.show-info .su-header{height: auto; min-height: 180px; position: relative; background: #f0f0f0;}
.show-info .su-header .bicard{position: fixed; border-radius: 5px; right: 10px; width: 40px; top: 10px; background: #1112cd; z-index: 1000;}
.show-info .su-header .bicard > a{color: #e4f50a; font-size: 1.4rem; display: block; padding: 5px; text-align: center;}
.show-info .su-header .bicard img{width: 100%;}
.su-header .avat-uinfo{padding: 20px 15px; z-index: 100; border-radius: 15px 15px 0 0; margin-top: -15px; background: #FFF;}
.su-header .avat-uinfo .follow{position: absolute; width: 64px; text-align: center; font-size: 1.6rem; color: #999; z-index: 1000; top: -30px; right: 15px;}
.su-header .avat-uinfo .follow .heart{width: 100%; display: block; height: 64px; background: url(../images/icons/follow.png) center center no-repeat #dfdfdf; background-size: 30px 30px; border-radius: 50%;}
.su-header .avat-uinfo .follow .text{line-height: 30px; text-align: center;}
.su-header .avat-uinfo .follow.ishas{color: #FF0000;}
.su-header .avat-uinfo .follow.ishas .heart{background-color: #FF0000;}
.su-header .avat-uinfo .utext{color: #333;}
.su-header .avat-uinfo .utext .line{font-size: 1.4rem; opacity: .5;}
.su-header .covers{height: 0; max-height: 400px; position: relative; overflow: hidden;}
.su-header .covers .swiper-slide .imgsrc{width: 100%; height: 100%;}
.su-header .covers .swiper-pagination-fraction{width: auto; font-size: 1.4rem; bottom: 25px; left: 10px; background: rgba(0,0,0,.8); border-radius: 15px; padding: 3px 10px; color: #FFF;}
.su-header .covers .swiper-pagination-fraction .swiper-pagination-current{color: #FFF;}
.show-info .su-tabs{padding: 0 15px 0 15px;}
.show-info .su-cons{padding: 15px; background: #fff; display: none;}
.show-info .su-cons.active{display: block;}
.su-cons .title{font-size: 2.0rem; font-weight: 800; line-height: 40px; color: #48c070; margin-bottom: 10px;}
.su-cons .in-spacing{padding-bottom: 25px; margin-bottom: 20px; display: block; border-bottom: 1px solid #DFDFDF;}
.su-cons.su-trends{ font-size: 1.6rem; color: #FF0000; text-align: center;}
.su-infos .infos-list{height: auto; color: #555; margin-top: -15px;}
.su-infos .infos-list li{display: inline-block; font-size: 1.6rem; margin-right: 15px; margin-top: 15px; width: calc((100% - 30px)/2); vertical-align: middle;}
.su-infos .infos-list li:nth-child(2n){margin-right: 0;}
.su-infos .infos-photo{height: auto;}
.su-infos .infos-photo ul{display: block; font-size: 0;}
.su-infos .infos-photo ul li{width: calc((100% - 20px)/3); margin-right: 10px; height: 0; margin-bottom: 10px; position: relative; padding-bottom: calc((100% - 20px)/3); background: #f0f0f0; display: inline-block; border-radius: 10px; overflow: hidden;}
.su-infos .infos-photo ul li:nth-child(3n){margin-right: 0}
.su-infos .infos-photo ul li img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.su-infos .infos-limit{text-align: center;}
.su-infos .infos-limit .warings{width: auto; display: inline-block; margin: 0 auto; font-size: 1.4rem;  }
.su-infos .infos-limit .warings > a{display: block; border-radius: 60px; padding: 10px 25px; background: #fffbf3; letter-spacing: 1px; color: #be943f; border: 1px solid #f4e4c4;}
.su-infos .infos-limit .warings .fa{font-size: 2.0rem; vertical-align: middle;}
.su-infos .infos-auths{}
.su-infos .infos-auths .au-tabs{height: auto; font-size: 1.4rem;}
.su-infos .infos-auths .au-tabs .name{font-size: 1.4rem; color: #999; display: inline-block; margin-right: 20px;}
.su-infos .infos-auths .au-tabs .name .ico{width: 70px; display: block; margin: 0 auto; margin-bottom: 3px; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .6;}
.su-infos .infos-auths .au-tabs .name.active{color: #333;}
.su-infos .infos-auths .au-tabs .name.active .ico{opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0);}
.su-infos .infos-auths .authcn{height: auto; display: none; position: relative; overflow: hidden; background: #fc8a8a; margin-top: 25px; border-radius: 5px; box-shadow: 0 0 6px #eae3e3;}
.su-infos .infos-auths .authcn.active{display: block;}
.su-infos .infos-auths .authcn .auth-icon{width: 40px; height: 40px; background: #FFF; position: absolute; left: 12px; top: 50%; margin-top: -20px;}
.su-infos .infos-auths .au-phone .auth-icon{background: url(../images/icons/phone.png) center center no-repeat; background-size: 100%;}
.su-infos .infos-auths .au-card .auth-icon{background: url(../images/icons/card.png) center center no-repeat; background-size: 100%;}
.su-infos .infos-auths .au-marriage .auth-icon{background: url(../images/icons/marriage.png) center center no-repeat; background-size: 100%;}
.su-infos .infos-auths .auth-txt{float: right; color: #FFF; text-align: right; padding: 15px; line-height: 22px; font-size: 1.4rem;}
.su-infos .infos-reduce{line-height: 2;}
.su-infos .infos-reduce > p{ height: auto; min-height: 100px; background: #fafafa; padding: 15px; font-size: 1.6rem; color: #666;}
.su-infos .infos-tags{height: auto; min-height: 100px; border-bottom: 0;}
.infos-tags .tag-list{display: block; color: #fff; margin-bottom: 20px;}
.infos-tags .tag-list .name{font-size: 1.6rem; color: #333; font-weight: bold; margin-bottom: 10px;}
.infos-tags .tag-list dl{height: auto; display: block; font-size: 0;}
.infos-tags .tag-list dd{display: inline-block; margin-bottom: 8px; font-size: 1.6rem; margin-right: 8px; padding: 5px 15px; line-height: 25px; border-radius: 5px; background: #a93ae1}
/* 会员详细 */
.show-bottom{position: fixed; width: 100%; height: auto; bottom: 0; left: 0; right: 0; z-index: 1000;}
.show-bottom .btns{ display: flex; font-size: 1.6rem; padding: 15px 15px; margin: 0 -5px 0 -5px;}
.show-bottom .btns dd{flex: 1; padding: 10px 5px; line-height: 20px; text-align: center; border-radius: 50px; margin: 0 5px; color: #fff; border: 2px solid #EAEAEA;}
.show-bottom .btns dd.say{background: #3070e5;}
.show-bottom .btns dd.ac{background: #48c070; padding: 0}
.show-bottom .btns dd.ac a{display: block; padding: 10px 5px; color: #FFF;}
.show-bottom .btns dd.cus{background: #ff3333;}
/* 底部按钮 */
.img-silder{position: fixed; z-index: -1; opacity: 0; background: rgba(0,0,0,.9); width: 100%; height: 100%; top: 0; left: 0;}
.img-silder .swiper-container{position: relative; width: 100%; height: 100%; overflow-y: auto;}
.img-silder .swiper-container .swiper-wrapper{width: 100%; height: 100%;}
.img-silder .swiper-slide{width: 100%; height: 100%; display: table}
.img-silder .swiper-slide .cell{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.img-silder .swiper-slide img{max-width: 100%; max-height: 100%; margin: 0 auto;}
.img-silder .swiper-pagination{position: absolute; bottom: 20px; text-align: center; width: 100%;}
.img-silder .fix_pagination{position: fixed; width: 100%; padding: 0 15px; bottom: 20px; text-align: center;}
.img-silder .fix_pagination span.swiper-pagination-bullet{background: #FFF;}
/* 图片弹窗轮播 */
.vips .upper{background: #35a635;}
.vips .vip-banner{height: auto; padding-bottom: 30px; background: url(../images/index/vip.png) center center no-repeat; background-size: cover;}
.vip-banner .vip-intro{padding: 25px 15px 15px 15px; display: none;}
.vip-banner .vip-intro.active{display: block;}
.vip-banner .vip-intro .title{font-size: 2.3rem; color: #FFF; margin-bottom: 15px;}
.vip-banner .vip-intro .txt{line-height: 1.5; font-size: 1.4rem; color: #fff;}
.vip-banner .vip-intro .txt p{margin-bottom: 5px}
.vips .vip-cost{margin: 20px 10px; padding: 15px 10px 10px 10px; border: 1px solid #f3dda5; height: auto; border-radius: 10px;}
.vip-cost .title{font-size: 1.8rem; position: relative; margin-bottom: 10px; text-align: center; color: #ff3333;}
.vip-cost ul{display: flex; height: auto; padding-top: 10px; overflow: hidden; overflow-x: auto; white-space: nowrap}
.vip-cost ul li{flex: 1; padding: 20px 10px; background: #FFF; margin-right: 5px; border: 1px solid #f3dda5; border-radius: 10px; position: relative;}
.vip-cost ul li: last-child{margin-right: 0}
.vip-cost ul li .rec{position: absolute; padding: 2px 7px; z-index: 10; border-radius: 23px; background: #FF0000; color: #FFF; right: -10px; top: -10px;}
.vip-cost ul li span{display: block; line-height: 1.5; text-align: center;}
.vip-cost ul li span.name{color: #2d8d2d; font-size: 1.5rem; }
.vips .vip-cost ul li span.money{color: #FF0000; font-size: 1.6rem; font-weight: 500;}
.vip-cost ul li span.days{color: #555;}
.vip-cost ul li.active{background: #f8e6b4; background: linear-gradient(to bottom,#f8e6b4,#e4ce9c);}
/*.vip-cost ul li.active span.name{color: #333;}
.vip-cost ul li.active span.money{color: #a47474}*/
.vips .vip-btn{margin: 0 15px; margin-bottom: 15px;}
.vip-btn > a{display: block; text-align: center; font-size: 1.8rem; background: #f8e6b4; color: #a47474; padding: 15px 15px; border-radius: 50px;}
/* VIP服务 */
.huntfor{padding: 15px 15px 60px 15px;}
.huntfor .hu-item{height: auto; background: #fafafa; border-radius: 10px; margin-bottom: 15px;}
.huntfor .hu-item .title{position: relative;font-weight: bold; line-height: 50px; font-size: 1.8rem; padding: 0 15px;}
.huntfor .hu-item .title::before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 3px; height: 14px; border-radius: 10px; background: #FF3333;}
.huntfor .hu-item .hu-select{float: right; color: #666;}
.huntfor .hu-item .hu-select span{margin-right: 20px;}
.huntfor .hu-item .hu-select .fa{font-size: 1.8rem;}
.huntfor .hu-item ul{height: auto; display: block; position: relative; font-size: 1.6rem; padding: 15px 15px 5px 15px; overflow: hidden;}
.huntfor .hu-item ul::after{content: ''; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; width: calc(100% - 30px); height: 1px; background: #E6E6E6}
.huntfor .hu-item ul li{float: left; color: #555; border-radius: 5px; width: calc((100% - 10px)/2); line-height: 20px; background: #FFF; margin-right: 10px; margin-bottom: 10px; padding: 10px 10px; text-align: center;}
.huntfor .hu-item ul li:nth-child(2n){margin-right: 0}
.huntfor .hu-item ul li.active{background: #97eb6f; color: #333;}
.huntfor .hu-btns{position: fixed; width: 100%; z-index: 100; border-radius: 10px 10px 0 0; background: #FF3333; left: 0; right: 0; bottom: 0;}
.huntfor .hu-btns > a{display: block; letter-spacing: 1px; padding: 15px 0; color: #FFF; text-align: center; font-size: 1.6rem;}
.signin{padding: 0 20px 20px 20px; margin-top: 50px;}
.signin .upper{background: none;}
.signin .header{position: relative; height: auto; background: #FAFAFA; padding: 10px; border-radius: 10px;}
.signin .header .title{font-size: 2.2rem; color: #333;}
.signin .header .explain{padding: 0; color: #555; margin-top: 10px; line-height: 1.5; font-size: 1.4rem;}
.signin ._com_block ._form ul li.tab-title{border-bottom: 0; margin-bottom: -10px;}
.signin .heading .title{margin-bottom: 0;}
.signin .heading .explain{color: #FF0000; font-size: 1.4rem; margin-top: 10px; line-height: 1.4;}
/* 登录 */
.matching .ulist{padding: 15px;}
.matching .ulist li{padding: 5px;}
.matching .ulist li > a{position: relative; overflow: hidden; border-radius: 5px;}
.matching .ulist .head-avator{float: none; overflow: hidden; width: 100%; border-radius: 0; border: none; padding-bottom: 100%;}
.matching .ulist .head-avator img{border-radius: 0}
.matching .ulist .u-info{margin-left: 0; min-height: auto; background: #333; padding: 10px; bottom: 0; color: #FFF;}
.matching .ulist li .ui-title .name{margin-bottom: 0; color: #FFF;}
.matching .ulist li .u-info .attri{color: #1ad659}
.matching .ulist li .u-txt{margin-bottom: 0; color: #FFF;}
/* 匹配 */
.chatroom{height: auto;}
.chatroom .remarks{background: #FF3333; color: #FFF;}
.chatroom .avat-uinfo{background: linear-gradient(to bottom, #FF3333 20%, #5c677e 100%); padding: 8px 15px 10px 15px; position: relative; z-index: 80; border-radius: 0 0 15px 15px;}
.chatroom .avat-uinfo .avator{border-color: #FFF;}
.chatroom .avat-uinfo .utext{color: #FFF; height: 75px;}
.chatroom .avat-uinfo .utext .name{font-size: 1.6rem; padding-top: 10px;}
.chatroom .avat-uinfo .utext .attri{margin-bottom: 5px; font-size: 1.4rem;}
.chatroom .avat-uinfo .utext .u-txt{line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: none;}
.chatroom .chat-list{padding: 10px 15px; background: #FFF;}
.chatroom .chat-list li{display: block; margin-bottom: 10px;}
.chatroom .chat-list li .time{text-align: left; padding-left: 50px; color: #888; line-height: 20px;}
.chatroom .chat-list li .avator{width: 40px; float: left; height: 40px; border-radius: 5px; overflow: hidden;}
.chatroom .chat-list li .avator img{width: 100%; height: 100%; object-fit: cover;}
.chatroom .chat-list li .text{margin-left: 50px; font-size: 1.4rem; white-space: pre-wrap;}
.chatroom .chat-list li .text p{ display: inline-block; padding: 10px; color: #333; line-height: 20px; border-radius: 0 10px 10px 10px; background: #f0f0f0;}
.chatroom .chat-list li.meto .time{text-align: right; padding-left: 0; padding-right: 50px;}
.chatroom .chat-list li.meto .avator{float: right;}
.chatroom .chat-list li.meto .text{margin-left: 0; margin-right: 50px; text-align: right;}
.chatroom .chat-list li.meto .text p{border-radius: 10px 0 10px 10px; text-align: left; background: #97eb6f}
.chatroom .send-bottom{position: fixed; z-index: 1000; width: 100%; left: 0; right: 0; padding: 10px 15px; border-top: 1px solid #DFDFDF; background: #f0f0f0; bottom: 0;}
.chatroom .send-bottom input{height: 40px; font-size: 1.4rem; width: calc(100% - 70px); border-radius: 5px; padding: 0 10px; background: #FFF;}
.chatroom .send-bottom button{position: absolute; letter-spacing: 2px; top: 10px; right: 15px; font-size: 1.4rem; background: #11c04b; color: #fff; width: 60px; border-radius: 5px; height: 40px; line-height: 40px;}
/* 聊天室 */
._content{line-height: 2; font-size: 1.4rem; color: #1f1f1f}
._content table{max-width: 100%; width: auto; display: block; margin: 0 auto;}
._content img{display: block; margin: 10px auto !important; height: auto !important; width: calc(100%) !important;}
/* 内容 */
.tabs{height: auto; background: #FF3333;}
.tabs ul{display: block; padding: 15px; overflow: hidden; font-size: 1.4rem;}
.tabs ul::-webkit-scrollbar{width: 0; height: 0;}
.tabs ul li{display: inline-block; width: calc((100% - 20px)/3); text-align: center; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; float: left; background: #fd7d8f;}
.tabs ul li:nth-child(3n){margin-right: 0;}
.tabs ul li a{color: #FFF; display: block; padding: 8px;}
.tabs ul li.active{background: #FFF; box-shadow: 0 0 11px #785c5c;}
.tabs ul li.active a{color: #333;}
/* 栏目列表 */
.newslist{padding: 15px 15px 55px 15px;}
.newslist ul{height: auto; overflow: hidden;}
.newslist ul li{display: block; position: relative; padding: 15px; border-radius: 5px; background: #FAFAFA; margin-bottom: 15px;}
.newslist ul li.more{text-align: center; background: none; letter-spacing: 1px; padding: 10px 0; color: #999;}
.newslist ul li a{display: block; color: #000; font-size: 1.4rem;}
.newslist ul li img{width: 100%; height: auto; border-radius: 5px; margin-bottom: 10px; max-height: 150px; object-fit: cover;}
.newslist ul li .info{padding-top: 0;}
.newslist ul li .info .title{height: auto; line-height: 23px; margin-bottom: 10px; font-size: 1.6rem;}
.newslist ul li .desp{font-size: 1.3rem; color: #777; line-height: 20px; padding: 8px 0 10px 0;}
.newslist ul li span{display: inline-block; margin-right: 5px; font-size: 1.3rem; color: #333;}
.article{height: auto;}
.article  ._top_title{padding-top: 60px; background: #F0F0F0; COLOR: #000;}
.article  ._top_title > .title{font-size: 1.8rem; line-height: 25px; letter-spacing: 1px; padding: 10px 10px 15px 10px; position: relative; z-index: 100;}
.article .trri{padding: 0 10px 15px 10px; border-bottom: 1px solid #E6E6E6;}
.article .trri span{font-size: 1.4rem; margin-right: 10px;}
.article .trri span.from{display: block; margin-bottom: 5px; color: #555;}
.article .trri span.from a{color: #555;}
.article .disclaimer{line-height: 23px; background: #F0F0F0; font-size: 1.3rem; font-family: 'arial'; color: #555; letter-spacing: 1px; padding: 10px;}
.article .minfo{padding: 15px 15px 60px 15px;}
.article .minfo .title{font-size: 2.4rem; position: relative; font-weight: 700; margin-bottom: 10px; line-height: 1.5; color: #000;}
.article .minfo .attri{font-size: 1.4rem; color: #666; margin-bottom: 20px;}
.article .minfo .attri span{display: inline-block; margin-right: 10px;}
/* 新闻 */