* {
	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;
	background: url(img/wechat.png) no-repeat scroll 0 -200px;
	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);
}
}


.part1{width: 7.5rem;height:5.35rem;margin:0rem auto;}
.part2{width: 7.5rem;height:4.03rem;margin:0rem auto;}
.part3{width: 7.5rem;height:4.2rem;margin:0rem auto;}
.part4{width: 7.5rem;height:5.32rem;margin:0rem auto; position:relative;}
.part4 a{position:absolute; width:4.2rem; height:0.75rem; display:block;border-radius:0.1rem; bottom:0.23rem; left:1.64rem;}
.part5{width: 7.5rem;height:4.89rem;margin:0rem auto;}
.part6{width: 7.5rem;height:6.42rem;margin:0rem auto;}
.part7{width: 7.5rem;height:5.18rem;margin:0rem auto;}
.part8{width: 7.5rem;height:8.43rem;margin:0rem auto 2rem auto;}
.part9{width: 7.5rem;height:1.91rem;margin-left:-3.75rem;position:fixed;left:50%;bottom:0px; text-align:center;}


@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}