.mainbox{background: #eee;padding-bottom: 20px;}
.inner{color: #666666;font-size: 14px;padding: 20px 0;}
.flexbox{display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.inner2{background-color: #fff;padding: 20px;width: 840px;}
.lmmc{padding-left: 35px;line-height: 30px;color: #000000;font-size: 20px;font-weight: bold;background: url(../img/bianjiao.png) no-repeat center left;background-size: 25px 25px;margin: 0 0 10px;position: relative;overflow: hidden;}
.lmmc::before{content: "";display: block;position: absolute;width: 100%;height: 3px;background-color: #f5f5f5;top: 15px;left: 15%;}
.inner2 ul li{border-bottom: 15px solid #f5f5f5;}
.inner2 ul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;padding: 20px 0;justify-content: space-between;}
.inner2 ul li a .li-l{width: 28%;height: auto;}
.inner2 ul li a .li-l img{width: 100%;height: 100%;}
.inner2 ul li a .li-r{width: 70%;margin-left: 20px;display: flex;flex-direction: column;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.inner2 ul li a .li-r .p-biaoti{font-size: 20px; display: block;margin-bottom: 10px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.inner2 ul li a .li-r .p-daoyu{font-size: 15px;text-align: justify; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 30px;}
.inner2 ul li a .li-r span{border: 1px solid #505999;line-height: 23px;padding: 0px 10px;color: #505999;border-radius: 50px;}
.inner2 ul li a .li-r .peijian i{margin-right: 15px;color: #000;}
.inner2 ul li a .li-r .peijian{width: 100%;line-height: 25px;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: row-reverse;justify-content: flex-end;}
.inner2 ul li:last-child{margin-bottom: 20px;}
.mypage .spage-number button.active{background: #505999;border-color: #505999;}
/* ==============================================right============================================================ */
.inner3{width: 300px;background-color: #fff;}
.ap-right{display: block;width: auto;padding: 20px;background: #505999;}
.ap-right .ap-right-title{text-align: center;font-size: 24px;color: #fff;margin-bottom: 20px;}
.ap-right .bd{text-align: center;}
.ap-right .bd input{width: calc(100% - 20px);height: 40px;border: 0px solid #000;line-height: 40px;background-color: #fff;margin-bottom: 15px;border-radius: 5px;padding: 0 10px;font-size: 14px;}
.ap-right .bd .addsubmit{width: 100%;background-color: #ffb24f; color: #fff;font-size: 20px;font-weight: bold;}
.ap-right .add_b,.ap-right .ms,.ap-right .add_b a{text-align: center;font-size: 14px; color: #fff;margin-top: 10px;}
.ap-right .ms{line-height: 25px;}

@media screen and (max-width:767px){
	.mainbox{padding: 20px 10px;}
	.inner{display: none;}
	.flexbox{flex-direction: column;}
	.lmmc::before{display: none;}
	.inner2{width: auto;padding: 10px;}
	.inner2 ul li{border-bottom-width: 10px;}
	.inner2 ul li a{align-items: center;padding: 10px 0;}
	.inner2 ul li a:hover{color: #505999;}
	.inner2 ul li a .li-l{width: 120px; border-radius: 5px;overflow: hidden;}
	.inner2 ul li a .li-l img{width: 100%;height: 100%;}
	.inner2 ul li a .li-r{width: 65%;margin-left: 5%;}
	.inner2 ul li a .li-r .p-biaoti{font-size: 16px;-webkit-line-clamp: 2;}
	.inner2 ul li a .li-r .p-daoyu{display: none;}
	.inner2 ul li a .li-r .peijian i{margin-right: 0;}
	.inner2 ul li a .li-r span{border: none; padding: 0; color: #000000;}
	.inner3{width: 100%; margin-top: 10px;}
	.ap-right .bd input{height: 12vw;display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;}
	.ap-right .bd .addsubmit{justify-content: center;}
	.ap-right .add_b, .ap-right .ms, .ap-right .add_b a{font-size: 3.5vw;}
}