::-webkit-input-placeholder {color:#aaa;font-size:14px}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #8844ff;
}

/*user filter*/
.user-filter{display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: linear-gradient(to right, #c04efe,#5a32f3);}
.user-filter h2{height: 80px; color: #fff; font-size: 24px; line-height: 80px; text-align: center; font-weight: bold;}
.user-filter ul{position: relative; padding-bottom: 15px;}
.user-filter ul .layui-form-label { padding: 9px 9px 9px 0; width: auto; color: #fff; }
.user-filter ul .layui-form-checkbox[lay-skin=primary] span { color: #fff; }
/* .user-filter ul .layui-form-select dl dd.layui-this{
  background-color: #9f21c9;
} */
.user-filter ul .filter-btn{
  width: 260px;
  color: #a21fcd;
  font-size: 14px;
  border-radius: 25px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  border: 0;
  cursor: pointer;
}
.user-filter ul .filter-btn:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}
.user-filter ul .s-search{position: absolute; right: 20px; bottom: 30px; height: 38px;}
.user-filter ul .s-search .layui-btn{background-color: #9f21c9;}

.i-filter{width: 100%; display: none;}
.i-filter dl{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.i-filter dl .filter-btn{
  width: 50%;
  color: #fff;
  font-size: 14px;
  border-radius: 25px;
  background-image: linear-gradient(to right, #c04efe,#5a32f3);
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  border: 0;
  cursor: pointer;
}
.i-filter dl .filter-btn:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}

@media ( max-width: 992px) {
  .user-filter{display: none;}
  .i-filter{display: block;}
}
/*user list*/
.userwrap{padding-top: 50px; padding-bottom: 50px;}
.tabbox{background-color: #fff;}
.tab-title{display: flex; align-items: center; justify-content: center; padding: 20px 0;}
.tab-title ul{margin-bottom: 5px; float: left;}
.tab-title ul li{position: relative; float: left;}
.tab-title ul li:before{ content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 15px; background-color: #6d6d6d; }
.tab-title ul li:last-child:before{ width: 0px;}
.tab-title ul li a{position: relative; display: block; font-size: 16px; line-height: 34px; margin: 0 25px;}
.tab-title ul li a:hover, .tab-title ul li a.hover{color: #9f21c9;}
.tab-title ul li a:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px #9f21c9;
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}
.tab-title ul li a:hover:before, .tab-title ul li a.hover:before{width: 100%;}
.userbox{padding: 0 20px;}
@media screen and (min-width: 992px) {
  .userbox .layui-col-md3{ width: 20%; }
}
.userbox .item{display: flex; align-items: center; justify-content: center;}
.userbox .item li{width:200px;height:320px; display: block;}
.userbox .item li a.mbox{width:100%;height:250px;overflow:hidden;position:relative;display:block;border-radius:3px}
.userbox .item li a.mbox p{width:100%;height:250px;display:block;border-radius:3px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.userbox .item li a.mbox em{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;display:none;cursor:pointer;color:#fff;text-align:center}
.userbox .item li a.mbox em span{display:block;margin:20px auto;font-size:14px; line-height: 24px;}
.userbox .item li a.mbox b{position:absolute;bottom:-36px;left:50%;margin-left:-50px; width:100px;line-height:32px;text-align:center;background-color:#fff;font-weight:normal;border-radius:30px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.userbox .item li a.mbox em .grade{display: flex; align-items: center; justify-content: center; width: 66px;height: 66px;border-radius:50%;margin:25px auto;background-color: #fff;}
.userbox .item li a.mbox em img{max-height: 40px; vertical-align: middle;}
.userbox .item li a.mbox:hover em{background-color:rgba(0,0,0,0.5);display:block}
.userbox .item li a.mbox:hover p{filter:blur(8px);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.userbox .item li a.mbox:hover b{bottom:25px}
.userbox .item li h4{color:#666;font-size:14px;text-align: left; margin-top: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.userbox .item li h4 img{height: 16px; vertical-align: middle; margin-right: 4px;}
.userbox .item li h5{color:#999;font-size:14px;text-align: left; margin-top: 5px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.userbox .item li.s1 a.mbox b{color:#b44cff;}
.userbox .item li.s1:hover h4,.userbox .item li.s1:hover h5{color:#b44cff}
.userbox .item li.s2 a.mbox b{color:#5a32f3;}
.userbox .item li.s2:hover h4,.userbox .item li.s2:hover h5{color:#5a32f3}

@media ( max-width: 992px) {
  .userwrap{padding-top: 30px; padding-bottom: 30px;}
  .tab-title{justify-content: center;}
  .tab-title span{display: none;}
  .userbox .item li{height:300px;}
  .userbox .item li a.mbox{height:230px;}
  .userbox .item li a.mbox p{height:230px;}
}
/*user view*/
.user-view{padding: 50px 0;}
.user-content{padding: 20px 30px; background-color: #fff; overflow: hidden;}
.user-content .user-bt{color: #a122cb; font-size: 18px; line-height: 40px; text-align: left; font-weight: bold; border-bottom: 1px solid #2f34ff;}
.user-content .user-info{width: 100%; padding: 20px 0; overflow: hidden;}
.user-content .user-info-left{width: 50%; float: left;}
.user-content .user-info-left .line{display: flex; align-items: flex-start; font-size: 14px; line-height: 28px;}
.user-content .user-info-left .line .bt{width: 100px; text-align: right;}
.user-content .user-info-left .line .text{flex: 1;}
.user-content .user-info-left .line .text dl, .user-content .user-info-left .line .text ul{width: 100%; overflow: hidden;}
.user-content .user-info-left .line .text dl span{padding: 0 15px; margin-right: 10px; margin-bottom: 10px; border-radius: 14px; float: left;}
.user-content .user-info-left .line .text dl.c1 span{background-color: #fedde4;}
.user-content .user-info-left .line .text dl.c2 span{background-color: #ffedf3;}
.user-content .user-info-left .line .text dl.c3 span{background-color: #fff9e3;}
.user-content .user-info-left .line .text ul span{width: 36px; height: 36px; margin-right: 10px; border-radius: 20px; text-align: center; line-height: 36px; float: left;}
.user-content .user-info-left .line .text ul span.phone{color: #cdcdcd; font-size: 24px; border: 2px solid #cdcdcd;}
.user-content .user-info-left .line .text ul span.card{color: #cdcdcd; font-size: 24px; border: 2px solid #cdcdcd;}
.user-content .user-info-left .line .text ul span.wx{color: #cdcdcd; font-size: 20px; border: 2px solid #cdcdcd;}
.user-content .user-info-left .line .text ul span.school{color: #cdcdcd; font-size: 28px; border: 2px solid #cdcdcd;}

.user-content .user-info-left .line .text ul span.is-phone{color: #f6ab1c; border: 2px solid #f6ab1c;}
.user-content .user-info-left .line .text ul span.is-card{color: #007cac; border: 2px solid #007cac;}
.user-content .user-info-left .line .text ul span.is-wx{color: #3ab133; border: 2px solid #3ab133;}
.user-content .user-info-left .line .text ul span.is-school{color: #0059b1; border: 2px solid #0059b1;}

.user-content .user-info-right{display: flex; align-items: center; justify-content: center; width: 200px; float: right;}
.user-content .user-info-right .user-head{display: flex; flex-direction: column; align-items: center; width: 200px; padding-bottom: 20px;}
.user-content .user-info-right .user-head img{max-width: 200px; border: 0; vertical-align: top;}
.user-content .user-info-right .user-head .two-click{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 20px;}
.user-content .user-info-right .user-head .two-click a{
  width: 94px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  cursor: pointer;
}
.user-content .user-info-right .user-head .two-click a:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}
.user-content .user-info-right .user-head .two-click a.like{color: #fff; background-image: linear-gradient(to left bottom, #c04efe,#5a32f3);}
.user-content .user-info-right .user-head .two-click a.report{color: #333; background-image: linear-gradient(to left bottom, #f2f2f2,#cbcbcb);}
.user-content .user-info-right .user-head .one-click{display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 10px;}
.user-content .user-info-right .user-head .one-click a{
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  background-image: linear-gradient(to left bottom, #c04efe,#5a32f3);
  border-radius: 6px;
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  cursor: pointer;
}
.user-content .user-info-right .user-head .one-click a:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}

.user-photo{width: 100%; margin-top: 20px; padding-bottom: 20px; overflow: hidden;}
.user-photo>.layui-row>.layui-col-xs6{height: 220px; overflow: hidden;}
.user-photo img{max-width: 100%; min-height: 220px; object-fit: cover; border: 0; vertical-align: middle;}

.user-about{width: 100%; padding-bottom: 20px; overflow: hidden;}
.user-about h3{color: #666; font-size: 16px; line-height: 46px; font-weight: 700; border-bottom: 1px solid #eee;}
.user-about .user-text{padding: 10px 0;}
.user-about .user-text p{line-height: 24px;}
.user-about .user-text p img{padding: 5px 0 10px 0; max-width: 100%;}

.no-land{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 0;}
.no-land span{color: #999; font-size: 16px; line-height: 60px;}
.no-land a{
  width: 200px;
  color: #fff;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  background-image: linear-gradient(to right, #c04efe,#5a32f3);
  position: relative;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  cursor: pointer;
}
.no-land a:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}

@media ( max-width: 992px) {
  .user-view{padding: 30px 0;}
  .user-content{padding: 10px 20px;}
  .user-content .user-info-left{width: 100%; float: right;}
  .user-content .user-info-right{width: 100%; float: left;}
  .user-photo{margin-top: 10px;}
  .no-land a{width: 160px; line-height: 40px; border-radius: 20px;}
}
/*红娘*/
.hn-banner{
  width: 100%;
  height: 245px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hnbox, .hnview {padding: 15px 20px 0 20px;}
@media screen and (min-width: 992px) {
  .hnbox .layui-col-md3 { width: 20%; }
}
.hnbox .item{display: flex; align-items: center; justify-content: center;}
.hnbox .item li{width:200px; display: block;}
.hnbox .item li a{width:100%; height:318px; display:block;}
.hnbox .item li a p{display: flex; align-items: center; justify-content: center; width:100%; height:250px;}
.hnbox .item li a p img{width: 100%; height: 100%; object-fit: cover;}
.hnbox .item li a span{display:block; color: #8b3bc2; font-size:16px; line-height: 28px; text-align: center; margin-top: 10px;}
.hnbox .item li a em{display:block; color: #bb9516; font-size:14px; line-height: 20px; text-align: center;}

.v-left{display: flex; flex-direction: column; width: 100%;}
.v-left .v-pic{display: flex; align-items: center; justify-content: center; width: 100%;}
.v-left .v-pic img{min-width: 100%;}
.v-left .v-click{display: flex; align-items: center; justify-content: flex-end; width: 100%; margin-top: 10px;}
.v-left .v-click a{border: 1px solid #ccc; padding: 5px 10px; border-radius: 6px;}

.v-right{padding: 0 60px;}
.v-right h2{display: flex; align-items: flex-end; padding-bottom: 10px;}
.v-right h2 span{color: #8b3bc2; font-size:24px; font-weight: bold;}
.v-right h2 em{color: #bb9516; font-size:16px; margin-left: 15px;}
.v-right dl{display: flex; align-items: center; padding: 10px 0;}
.v-right dl dd{width: 80px; color: #bb9516; font-size:16px; line-height: 24px;}
.v-right dl dt{flex: 1; color: #666; font-size:16px; line-height: 24px;}
.v-right dl.erweima{display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 30px;}
.v-right dl img{width: 120px; border: 0px;}
.v-right dl i{width: 120px; color: #666; font-size: 14px; text-align: center; margin-top: 10px;}

@media ( max-width: 992px) {
  .v-right{padding: 0 0;}
  .v-right dl.erweima{align-items: center;}
  .hn-banner{height: 100px;}
  .hnbox, .hnview {padding: 15px 20px 10px 20px;}
  .hnbox .item li a{height:248px;}
  .hnbox .item li a p{height:190px;}
}
/*news*/
.news-nav{display: flex; align-items: center; justify-content: center; background-image: linear-gradient(to right, #c04efe,#5a32f3);}
.news-nav ul{width: 684px; padding-bottom: 20px;}
.news-nav ul li{width: 147px; height: 40px; margin: 20px 12px 0 12px; float: left;}
.news-nav ul li a{width: 145px; height: 38px; color: #ffd3bc; font-size: 14px; text-align: center; line-height: 38px; border: 1px solid #ffd3bc; border-radius: 3px; display: block; -webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.news-nav ul li a:hover, .news-nav ul li a.hover{color: #b44cff;border: 1px solid #fff; background-color: #fff;}
.news-box{padding: 50px 0;}
.news-left{padding: 0 30px; background-color: #fff; overflow: hidden;}
.news-left h2{height: 80px; color: #b44cff; font-size: 18px; line-height: 80px; text-align: left; font-weight: bold;}
.news-item{display: flex; align-items: center; margin-bottom: 30px;}
.news-item .news-pic{ display: flex; align-items: center; justify-content: center; height: 130px;}
.news-item .news-pic img{ height: 130px; vertical-align: middle;}
.news-item .news-content{flex: 1; height: 130px; padding-left: 15px; box-sizing: border-box; overflow: hidden;}
.news-item .news-content .news-title{height: 30px; font-size: 16px; line-height: 30px; text-align: left; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-item .news-content .news-title a:hover{color: #823cc3;}
.news-item .news-content .news-text{min-height: 48px; color: #666; font-size: 14px; line-height: 24px; text-align: left; overflow: hidden; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-item .news-content .news-time{display: flex; align-items: center; justify-content: space-between; min-height: 28px; line-height: 28px; margin-top: 12px; }
.news-item .news-content .news-time span{color: #c04efe; font-size: 14px;}
.news-item .news-content .news-time em{color: #999; font-size: 12px;}

.news-view{padding: 0 30px; background-color: #fff; overflow: hidden;}
.news-view h2{color: #333; font-size: 24px; line-height: 40px; text-align: center; font-weight: bold; margin-top: 20px;}
.news-view h3{color: #999; font-size: 14px; line-height: 20px; text-align: center; font-weight: 500; padding: 10px 0; border-bottom: 1px solid #f2f2f2;}
.news-view dl.content{margin-top: 20px;}
.news-view dl.content, .news-view dl.content p{ color: #333; font-size: 16px; line-height: 30px; text-align: left;}
.news-view dl.content p{text-indent: 32px; margin-bottom: 10px;}
.news-view dl.content img, .news-view dl.content p img{ max-width: 100%; border: 0;}

.v-kefu{width: 100%; margin-top: 50px;}
.v-kefu img{width: 100%; border: 0; vertical-align: top;}
.v-tips{display: flex; align-items: center; justify-content: center; overflow: hidden;}
.v-tips span{ position: relative; height: 60px; color: #999; font-size: 12px; line-height: 60px; }
.v-tips span:after{ position: absolute; content: ""; width: 100px; height: 1px; background-color: #D8D8D8; top: 30px; left: -120px; }
.v-tips span:before{ position: absolute; content: ""; width: 100px; height: 1px; background-color: #D8D8D8; top: 30px; right: -120px; }

.v-list{width: 100%;}
.v-list h4{color: #a122cb; font-size: 18px; line-height: 40px; text-align: left; font-weight: bold; border-bottom: 2px solid #2f34ff;}
.v-list ul{width: 100%; padding-bottom: 30px;}
.v-list ul li{font-size: 14px; line-height: 32px; text-align: left; border-bottom: 1px solid #D8D8D8; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

.news-right{width: 100%; height: auto;}
.hot-list{padding: 0 30px; background-color: #fff; overflow: hidden;}
.hot-list h2{height: 80px; color: #b44cff; font-size: 18px; line-height: 80px; text-align: left; font-weight: bold;}
.hot-list ul{width: 100%;}
.hot-list ul li{display: flex; align-items: center; margin-bottom: 20px;}
.hot-list ul li em{width: 20px; height: 20px; color: #fff; font-size: 12px; text-align: center; line-height: 20px; background-color: #dcdcdc; border-radius: 6px;}
.hot-list ul li:nth-child(1) em{background-color: #0c39dd;}
.hot-list ul li:nth-child(2) em{background-color: #5000fc;}
.hot-list ul li:nth-child(3) em{background-color: #8900ff;}
.hot-list ul li a{flex: 1; color: #333; font-size: 14px; text-align: left; margin-left: 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.hot-list ul li a:hover{color: #823cc3;}

.live-list{padding: 0 30px; margin-top: 20px; background-color: #fff; overflow: hidden;}
.live-list h2{height: 80px; color: #b44cff; font-size: 18px; line-height: 80px; text-align: left; font-weight: bold;}
.live-item{display: flex; align-items: center; margin-bottom: 20px;}
.live-item .live-pic{ display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 3px; overflow: hidden;}
.live-item .live-pic img{ width: 96px; height: 96px; vertical-align: middle;}
.live-item .live-content{flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 96px; padding-left: 15px; box-sizing: border-box; overflow: hidden;}
.live-item .live-content .live-name{color: #333; font-size: 16px; text-align: left; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.live-item .live-content .live-info{color: #999; font-size: 14px; text-align: left;}

.live-item .live-content .live-s1, .live-item .live-content .live-s2{ height: 32px; overflow: hidden;}
.live-item .live-content .live-s1 a, .live-item .live-content .live-s2 a{display: flex; align-items: center; height: 30px; border-radius: 3px;}
.live-item .live-content .live-s1 i, .live-item .live-content .live-s2 i{margin: 0 6px;}
.live-item .live-content .live-s1 i img, .live-item .live-content .live-s2 i img{height: 22px; vertical-align: middle;}
.live-item .live-content .live-s1 span, .live-item .live-content .live-s2 span{height: 30px; font-size: 14px; line-height: 30px; padding: 0 10px; background-color: #fff; border-radius: 0 3px 3px 0;}
.live-item .live-content .live-s1 a{background-color: #9f21c9; border: 1px solid #9f21c9;}
.live-item .live-content .live-s1 span{color: #9f21c9;}
.live-item .live-content .live-s2 a{background-color: #2c25ff; border: 1px solid #2c25ff;}
.live-item .live-content .live-s2 span{color: #2c25ff;}

@media ( max-width: 992px) {
  .news-nav ul{width: 342px;}
  .news-box{padding: 30px 0;}
  .news-left{padding: 0 10px;}
  .news-left h2{height: 60px; line-height: 60px;}
  .news-item{margin-bottom: 20px;}
  .news-item .news-pic{height: 90px;}
  .news-item .news-pic img{ height: 90px;}
  .news-item .news-content{height: 90px; padding-left: 10px;}
  .news-item .news-content .news-title{height: 26px; font-size: 14px; line-height: 26px;}
  .news-item .news-content .news-text{min-height: 44px; font-size: 12px; line-height: 20px;margin-top: 0px;}
  .news-item .news-content .news-time{min-height: 20px; line-height: 20px;margin-top: 0px;}
  .news-item .news-content .news-time span{font-size: 12px;}

  .hot-list, .live-list, .news-view{padding: 0 10px;}
  .hot-list h2, .live-list h2{height: 60px; line-height: 60px;}
}
/*view banner*/
.v-banner{width: 100%; height: 40px; background-image: linear-gradient(to right, #c04efe,#5a32f3);}
@media ( max-width: 992px) {
  .v-banner{height: 30px;}
}
/*page*/
.page-scrollp{ color: #666; font-size: 14px; text-align: center; padding: 20px 0; }
.page{width: 100%; margin-top: 30px; text-align: center;}
.page .layui-laypage { margin: 0 0; }
.page .layui-laypage a:hover {
  color: #b44cff;
}
.page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #b44cff;
}