* {
	margin: 0;
	padding: 0;
	border:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	max-width: 750px;
	margin: 0 auto;
	font-size: 14px;
}

ol,ul,li{list-style-type:none; list-style:none;}

a{text-decoration:none;outline:none;outline-width:0px;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear;}

img { border:0px; max-width:100%;}

.dh{
	width: 100%;
	max-width: 750px;
	margin:0 auto;
	height:0.65rem; line-height:0.65rem;
}
.dh li{float:left;width:25%;text-align:center;line-height:0.65rem;border-right:1px solid #fff;background-color:#e54979;}
.dh li a{color:#fff;font-size:0.22rem}


.ly-section1 {
	padding-bottom:50%;padding-top:10%; background-color:#f5f5f5;
}

.ly-section1 .line {
	margin: 0px 10px;
}
.ly-section1 .left {
	float: left;
	max-width: 100%;
	margin: 10px 0 0 0;
}
.ly-section1 .left div {
    position: relative;
    margin: 5px 0 0 85px;  /* 左边距从70px增加到85px，为三角留出空间 */
    line-height: 30px;
    padding: 10px 20px;
    background: #FFF;
    color: #323232;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    /* 新增防止伪元素溢出 */
    overflow: visible !important;
}

/* 白色背景三角（覆盖边框三角形成镂空效果） */
.ly-section1 .left div::before {
    content: '';
    position: absolute;
    left: -15px;          /* 向左移动到边距区域 */
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 12px 0;  /* 调整三角尺寸 */
    border-color: transparent #FFF transparent transparent; /* 右边框白色 */
    z-index: 2;            /* 置于上层 */
}

/* 边框颜色三角 */
.ly-section1 .left div::after {
    content: '';
    position: absolute;
    left: -16px;          /* 比before左移1px对齐边框 */
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 12px 0;
    border-color: transparent #d5d5d5 transparent transparent; /* 右边框灰色 */
    z-index: 1;            /* 置于下层 */
}
.ly-section1 .left div i {
	position: absolute;
	top: 12px;
	left: -20px;
	width: 20px;
	height: 20px;
	transform: rotate(-180deg)
}
.ly-section1 .left img {
	float: left;
	margin: 0 5px 0 0;
	border-radius: 50%;
	
}
.ly-section1 .left div img {
	vertical-align: text-bottom;
	float: none;
}



.ly-section1 .hot_ask {
	padding:0 3%;

}
.ly-section1 .hot_ask h2{
	font-size:1.7rem;
	padding:8px 0px;
	color:#333;
}

.ly-section1 .hot_ask .act{
	border-top:1px solid #d7d7d7;
}
.ly-section1 .hot_ask ul{
	display:inline-block;
	width:100%;
	padding:10px 0 20px 0;
}
.ly-section1 .hot_ask ul li{
	float:left;
	margin-top:15px;
	width:100%
	
}



.ly-section1 .hot_ask ul li a{

	color:#434343;
	font-size:0.2rem;
	text-decoration:none;
}
.ly-section1 .hot_ask ul li a span{
	display:inline-block;
	color:#fff;
	font-size:14px;
	background-color:#e35c7d;
	padding:1px 5px;
	border-radius:3px;
	margin-right:3px;
}
.ly-section1 .hot_ask p{
	text-align:center;
	padding:3px 0 13px 0;
	color:#e35c7d;
	font-size:18px;
}
.ly-section1 .hot_ask p span{
	font-size: 18px;
	color:#e35c7d;
}
.ly-section1 .hot_ask p a{
	margin-top:10px;
	margin-left:8px;
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	background-color:#e35c7d;
	padding:5px 12px;
	border-radius:5px;
	position: relative;
}

.ly-footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	max-width: 750px;
	background: #FFF;
	padding:10px 15px;
}
.ly-footer li{float:left;height: 50px;line-height: 50px;}

.ly-footer li i{color:#333;font-size:0.2rem}
.ly-footer li a{font-size:0.2rem;color:#333}
.ly-footer li:nth-child(1) {width: 56%;}
.ly-footer li:nth-child(2) {width: 20%;margin:0 2%}
.ly-footer li:nth-child(2) {width: 20%;text-align:center;background-color:#ff6d76;border-radius:10px}
.ly-footer li:nth-child(3) {width: 20%;text-align:center;background-color:#ed7800;border-radius:10px}
.ly-footer li:nth-child(1) a{color:#666;}
.ly-footer li:nth-child(2) a{color:#fff;}
.ly-footer li:nth-child(3) a{color:#fff;}
.txet{font-size:0.2rem}

.ly-clear {
	clear: both;
}
.ly-hide {
	display: none;
}
.ly-animation-bell {
	display: inline-block;
	color: #F00;
	transition: 0.5s;
}
.ly-animation-bell.on {
	animation: ly-animation-bell 0.5s;
}
 @keyframes ly-animation-bell {
 0% {
transform:rotate(-5deg);
}
 20% {
transform:rotate(10deg);
}
 40% {
transform:rotate(-15deg);
}
 60% {
transform:rotate(20deg);
}
 80% {
transform:rotate(-15deg);
}
 100% {
transform:rotate(10deg);
}
}


.top{ width:6.91rem; margin:0.3rem auto; height:1.04rem; }
.zx{ width:7.5rem; height:0.94rem; margin:0.3rem auto; position:relative;}
.zx a{ width:2.5rem; height:0.94rem;  position:absolute;}
.zx .a1{left:0px;}
.zx .a2{left:2.5rem;}
.zx .a3{left:5rem;}
.part11{width:6.04rem; height:0.6rem; margin:0.4rem auto;}
.part4{width: 7.5rem;height:3.61rem;margin:0.3rem auto;}



@media screen and (min-width:300px) and (max-width: 480px){
	.txet{font-size:0.3rem}
	.dh li a{color:#fff;font-size:0.3rem}
}


.swt_footer{position:fixed;z-index:99;bottom:2rem;right:10px}


.fix-footer{width:7.5rem;min-width: 320px;height:1.62rem; padding: .3rem .32rem; background:#fff;position: fixed;bottom: 0;z-index: 99; margin: 0 auto; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.fix-footer .ask{width:4.71rem; height:.98rem;border:1px solid #d2d2d2; border-radius:.1rem;background: #fff;color: #333; font-size: .28rem; padding-left: 0.16rem;display: flex; display: -webkit-flex; align-items: center; box-sizing: border-box;}
.fix-footer .btn{width: 1.96rem; height: .98rem; padding: 0; background-color: #f19606; border-radius: .1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; color: #fff; font-size: .32rem;}
.fix-footer .btn:last-child{background-color: #f3625f;}