.m-true-love {
    /* height: 959px; */
    background: url(../images/bg.png) center top no-repeat;
    background-size: auto;
    padding-bottom: 40px;
}
.m-true-love h2 {
    color: #ff536a;
    font-size: 48px;
    line-height: 100px;
    padding: 90px 0 70px 0;
    text-align: left;
    font-weight: bold;
}
.storymain .swiper-pagination{bottom: 0;}
.story {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 20px; */
  height: 400px;
  transition: all ease-in-out .2s;
  transition: transform ease-in-out .3s;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.story:last-child {
    /* margin-right: 0; */
}
.list-center {
  margin: 0 auto;
}
.love-story-list {
 /* width: 2400px; */
  padding: 25px 0;
  transition: transform ease-in-out .4s;
}
.love-title {
  margin: 20px 0 9px;
  font-size: 20px;
  line-height: 28px;
  color: #333;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: normal;
}
.love-desc {
  font-size: 15px;
  line-height: 25px;
  color: #999;
  padding-left: 8px;
  padding-right: 8px;
}
.love-img {
  position: relative;
}
.love-img img {
    width: 100%;
    height: 210px;
    min-width: auto;
}
.love-review {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity linear .3s;
}
.review-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* opacity: 0; */
  background-color: rgb(255 83 106 / 70%);
  /* transition: opacity linear .5s; */
}
.review-btn {
  display: block;
  width: 204px;
  height: 50px;
  color: #fff;
  border: 1px solid #fff;
  position: absolute;
  z-index: 2;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.goto-icon {
  background: url(../images/arrow.b33f28b.png) no-repeat;
  width: 22px;
  display: inline-block;
  height: 22px;
  margin-left: 20px;
  vertical-align: middle;
}
.story:hover {
  transform: translateY(-3px);
  box-shadow: 0px -4px 25px 0px rgba(186, 184, 233, 0.5);
}
.story:hover .love-review {
    opacity: 1;
    transition: opacity linear .3s;
}
.story:hover .review-bg {
    opacity: 1;
    transition: opacity linear .3s;
}
.story:hover .love-desc {
    transform: translateY(-1px);
}

.m-true-love2 {
    /* height: 959px; */
    background: url(../images/bg2.png) center top no-repeat;
    background-size: auto;
    /* padding-bottom: 40px; */
}
.m-true-love2 h2 {
    color: #ff536a;
    font-size: 48px;
    line-height: 100px;
    padding: 30px 0 70px 0;
    text-align: center;
    font-weight: bold;
}
.hdreviewcon ul { padding-left: 10px; zoom: 1; +padding-bottom: 10px; _padding-bottom: 10px; }
.hdreviewcon ul li {width: 30%;/* height: 168px; *//* border: 1px solid #d9d9d9; */float: left;display: inline;margin-right: 10px;margin-bottom: 20px;position: relative;cursor: pointer;overflow: hidden;margin-right: 1.5%;/* box-shadow: 0px -4px 25px 0px rgb(139 139 139 / 50%); */border-radius: 12px;margin-left: 1.5%;}
.hdreviewcon ul li img {width: 100%;height: 270px;object-fit: cover;}
.hdreviewcon .floatmsk {width: 100%;position: absolute;height: 44px;bottom: 0;/* line-height:34px; */left: 1px;background: #1A1A1A;opacity: 0.5;filter: alpha(opacity=50);}
.hdreviewcon .floatdes {width: 100%;height: auto;position: absolute;bottom: 0;left: 0;padding: 11px 10px;text-align: left;line-height: 26px;color: #fff;}
.hdreviewcon .floatdes p,.hdreviewcon .floatdes a { font-family: "microsoft yahei"; font-size: 16px; color: #fff; line-height: 26px; }
.hdreviewcon ul li:hover{transform: translateY(-3px);box-shadow: 0px -4px 25px 0px rgb(255 83 106 / 50%);}
.hdreviewcon ul li:hover .floatmsk{background: #ff536a;}
.overBg {
	width: 100%;
	height: 100%;
	background: gray;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: fixed;
	top: 0;
	z-index: 300;
}

.abg {
	background-color: #fff;
	height: 100%;
	border-radius: 12px;
	padding: 30px 0;
	width: 400px;
}

.abg img {
	width: 60%;
	padding: 2px;
	border: #f0f0f0 1px solid;
	display: block;
	margin: 20px auto 20px auto
}

.abg h2 {
	font-size: 18px;
	font-weight: bold
}

.abg h3 {
	font-size: 16px;
	margin-top: 10px
}

.abg a {
	font-size: 14px;
	color: #999
}


.tc-con {
	width: 200px;
	height: 200px;
	padding: 30px;
	background: blanchedalmond;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.erweima {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.50);
	display: none;
	z-index: 8000;
}

.erweima-1 {
	position: absolute;
	top: calc(50% - 210px);
	left: calc(50% - 200px);
}

.erweima-1 img {
	width: 240px;
	height: auto;
}

.erweima-1 span {
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	top: -13px;
	right: -13px;
	background: url(../images/close01.png) no-repeat center;
	background-size: 100%;
	cursor: pointer;
}


.m-brand-tags {
  /* height: 340px; */
  background-color: #fff;
  text-align: center;
  padding-bottom: 30px;
}
.l-tags-container {
  padding-top: 40px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}
.b-tag {
  display: inline-block;
  width: 200px;
  margin-right: 50px;
}
.b-tag:last-child {
    margin-right: 0;
}
.b-tag img {
    width: 100px;
    margin: 0 auto 7px;
    height: 100px;
}
.b-tag img:hover {
      transform: translateY(-10px);
      transition: transform linear 0.3s;
      animation: hover linear 1.2s 0.3s infinite;
}
.b-tag h4 {
    color: #333333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}
.b-tag p {
    width: 200px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
@keyframes hover {
0% {
    transform: translateY(-10px);
}
25% {
    transform: translateY(-15px);
}
50% {
    transform: translateY(-10px);
}
75% {
    transform: translateY(-5px);
}
100% {
    transform: translateY(-10px);
}
}



.bn .topadvs_ico_li_on,
			.iubox .unav li.ed b,
			.partybox li a.btn,
			.datingbox li a.dtbtn,
			.article .artnav a.ed b,
			.article .list2 li a b,
			.xjy_reg button,
			.so ul li a.ed,
			.reg ul li a.ed,
			.iubox .list li a.mbox b,
			.reg2 ul.birthday li p .ed {
				background-color: #ff536a
			}

			.iubox .unav li.ed,
			.iubox h1 .ico,
			.iubox .unav li:hover,
			.article .artnav a.ed,
			.iubox .list li:hover h4,
			.iubox .list li:hover h5 {
				color: #ff536a
			}

			.so ul.area dt.ed,
			.reg ul.area dt.ed {
				border-top-color: #ff536a
			}

			.partybox li a.off {
				background-color: #fff;
				border: #dedede 1px solid;
				color: #888
			}

			#prev,
			#next {
				background-image: url('../images/bnprenext.png');
			}

			.reg ul:after,
			.so ul:after {
				background: url("../images/ico.png") no-repeat;
			}

			.reg2 ul.birthday li p .ed {
				border-color: #ff536a
			}
			
			
	.nav .logined .embox dl dd a:hover,.nav .logined .embox dl dd a:hover i,
		    .about .L a.ed,.about .R h1:after,
		    .xjy_sidebar li:last-child,.xjy_sidebar li:hover,
		    .datingkind .kind a.ed i,.main .datingR .addbox a.ed, .main .datingR .addbox a:hover,.dating h1:after,
		    .main .datingL .list dl em li:last-child a.ed,.main .datingL .list dl em li:last-child a:hover,.datingL .C em li:last-child a,
		    .party .partyL li .bmed,.party .pRbox h1:after,
		    .HONG,.myRC .sx dl button,.photoboxR .qdbtn,
		    .my_loveb .ye .btnA,
		    .user h1:after,.sokind a:after,.main1 .photou li span,
		    .party_dtl .dtl .party_btn a.ed,.party_dtlc .box h1:after,
		    .main .trendR .addbox a.ed,.trend .trendR h1:after,
		    .newskind a.ed,.news h1:after,.video h1:after,.main .videoR .addbox a.ed,
		    .hongbaokind a.ed,.hongbao h1:after,
		    .match ul li a:last-child:hover,.myRC .honged{background-color:#ff536a}
		    /**/
			
			
		    .main .datingL .list dl em li:last-child a.ed,.main .datingL .list dl em li:last-child a:hover,
		    .party .partyL li .bmed,
		    .myRM .tab a.ed,.myRC .sx dl button.ed,
		    .main1 .photou li.ed,
		    .newskind a.ed,
		    .myRC .hong,
		    .hongbaokind a.ed,
		    .iubox .apply,.main1 .uinfo h2 div.ed{border-color:#ff536a}
		    /**/
		    .about .L a:hover,.about .L a i,.news a:hover,
		    .datingkind .kind a.ed span,.datingL .C .CC dl dd,
		    .main .mainL a.ed em,.main .mainL a:hover,.myRM .tab a.ed,.myRM .tab a:hover,.myRC .sx dl button.ed,
		    .sokind a.ed,.sokind a:hover,.user .sonickname button,
		    .myRC .hong,.tipsbox .tipst,
		    .iubox .apply,.so .news .dd a:hover,.main1 .uinfo em a,.main1 .uinfo h2 div.ed{color:#ff536a}
		    /**/
		    .xjy_sidebar li em:after{background:url("../images/ico.png") left -7px no-repeat;}
		    .main .mainL a.ed em{background-color:rgba(250,74,45,.08)}
		    /**/
		    .radioskin:checked + label.radioskin-label i{border-color:#ff536a}
		    .radioskin:checked + label.radioskin-label i:before{background-color:#ff536a}
		    .radioskin-label:hover i{border-color:#ff536a}
		    .checkskin-label:hover i{border-color:#ff536a}
		    .checkskin:checked + label.checkskin-label i {background-color:#ff536a;border-color:#ff536a}
		    .switch:checked + label.switch-label{background-color:#ff536a;border-color:#ff536a}			
			
			
			
			.pagebox {
				font-size: 16px;
				clear: both;
				overflow: auto;
				display: inline-block;
				-webkit-user-select: none;
				padding-right: 20px
			}
			
			.pagebox span,
			.pagebox a {
				color: #333;
				line-height: 38px;
				height: 40px;
				padding: 0 16px;
				text-align: center;
				border: #dfdfdf 1px solid;
				font-size: 16px;
				box-sizing: border-box;
				text-decoration: none;
				display: inline-block;
				border-right: #fff 1px solid;
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				transition: all .3s
			}
			
			.pagebox a {
				background-color: #fff
			}
			
			.pagebox a:hover,
			.pagebox a.ed {
				/* color: #ffffff; */
				border: #ff536a 1px solid;
			}
			
			.pagebox .ed {
				color: #fff;
				background-color: #ff536a;
				border: #ff536a 1px solid
			}
			
			.pagebox .disabled {
				color: #d2d2d2
			}
			
			.pagebox .more1,
			.pagebox .more2 {
				border: 0;
				border-left: #dfdfdf 1px solid
			}
			
			.pagebox .pagesN {
				border-right: #dfdfdf 1px solid
			}
			
			.pagebox .pageInfo {
				border: 0;
				font-size: 16px
			}
			
			.pagebox .pageInfo select {
				font-size: 16px;
				height: 40px;
				border: #dfdfdf 1px solid;
				background-color: #fff
			}
			
			.pagebox .pageInfo b {
				color: #f00;
				font-weight: normal
			}
			
			.pagebox a {
				color: #888
			}
			
			.pagebox a {
				border-radius: 3px;
				border-right-color: #fff
			}
			
			.pagebox .ed {
				border-radius: 3px;
				border-color: #f0f0f0;
				border-right-color: #ff536a
			}