main .blog_list{padding:1.2rem 0}main .blog_list .list .box{padding:.6rem 0;border-top:1px solid #ddd;display:flex;justify-content:space-between}main .blog_list .list .box:last-child{border-bottom:1px solid #ddd}main .blog_list .list .box:nth-child(even){flex-direction:row-reverse}main .blog_list .list .box .left{max-width:592px;width:100%}main .blog_list .list .box .center{width:120px;height:120px;margin:0 .3rem;background-color:#FF3C00;flex-direction:column;flex-shrink:0}main .blog_list .list .box .center span{font-size:.38rem;color:#fff}main .blog_list .list .box .center p{color:#fff}main .blog_list .list .box .right{max-width:592px;width:100%}main .blog_list .list .box .right h3{font-size:.22rem;font-family:'Medium';margin-bottom:.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}main .blog_list .list .box .right p:hover{color:#053887}main .blog_list .list .box .right .btn{position:relative;overflow:hidden;border-radius:28px;margin-top:.5rem;width:240px;height:56px;background:#FFF;border:1px solid #053887}main .blog_list .list .box .right a{color:#053887;width:100%;height:100%;position:relative;z-index:9}main .blog_list .list .box .right a svg{position:absolute;top:50%;transform:translateY(-50%);right:30px}main .blog_list .list .box .right .btn:hover a svg path{fill:#fff}main .blog_list .list .box .right .btn:hover a{color:#fff}main .blog_list .list .box .right .btn::after{position:absolute;width:0%;height:100%;background-color:#053887;content:'';top:0;left:0;transition:all 0.5s}main .blog_list .list .box .right .btn:hover::after{width:100%}main .blog_list .page{justify-content:flex-end;margin-top:.6rem;margin-bottom:0}@media (max-width:767px){main .blog_list .list .box{flex-direction:column}main .blog_list .list .box:nth-child(even){flex-direction:column}main .blog_list .list .box .left{margin-bottom:.3rem}main .blog_list .list .box .right h3{font-size:.32rem}main .blog_list .list .box .right .btn{width:100%;height:48px}main .blog_list .page{justify-content:flex-start}}main .blog_detail{padding:1.2rem 0}main .blog_detail .top h1{font-family:'Medium';font-size:.22rem;max-width:1150px;width:100%}main .blog_detail .time_share{margin-top:10px;display:flex;justify-content:space-between;align-items:center}main .blog_detail .time_share .left{display:flex;align-items:center}main .blog_detail .time_share .left p{display:flex;align-items:center;margin-right:.3rem;color:#555}main .blog_detail .time_share .left p img{margin-right:5px}main .blog_detail .time_share .right{display:flex;align-items:center}main .blog_detail .time_share .right ul{display:flex;align-items:center}main .blog_detail .time_share .right p{color:#555}main .blog_detail .time_share .right ul li{margin-left:20px}main .blog_detail .text{margin:.6rem 0;margin-top:.3rem;padding:.6rem 1.2rem;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}main .blog_detail .text h2{font-family:'Medium';font-size:.4rem;font-weight:400;color:#202020;margin-top:20px}main .blog_detail .text h3{font-family:'Medium';font-size:.34rem;font-weight:400;color:#202020;margin-top:20px}main .blog_detail .text h4{font-family:'Medium';font-size:.28rem;font-weight:400;color:#202020;margin-top:20px}main .blog_detail .text p{margin-top:.1rem}main .blog_detail .text img{margin-top:.2rem}main .blog_detail .text a{color:#053887;text-decoration:underline;margin-top:.1rem;display:inline-block}main .blog_detail .text ul{margin-top:.2rem}main .blog_detail .text ol{margin-top:.2rem}main .blog_detail .text table{margin-top:.2rem}main .blog_detail .text ul li{list-style:inside}main .blog_detail .btm{display:flex;justify-content:space-between}main .blog_detail .btm>div{max-width:40%;width:100%}main .blog_detail .btm .left{margin-right:.3rem}main .blog_detail .btm>div p{margin-bottom:.1rem}main .blog_detail .btm>div a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}main .blog_detail .btm .right p{text-align:right}main .blog_detail .btm .right a{text-align:right}main .related{margin-bottom:1.6rem}main .related .title{align-items:flex-start}main .related .cart .img{overflow:hidden}main .related .cart .img img{width:100%;transition:all 0.5s}main .related .cart h3{margin:.2rem 0;font-size:.22rem;font-family:'Medium';display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}main .related .cart p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#555}main .related .cart:hover h3{color:#053887}main .related .cart:hover .img img{transform:scale(1.1)}@media (max-width:767px){main .blog_detail .time_share{flex-direction:column}main .blog_detail .time_share .left{margin-bottom:15px}main .blog_detail .text{padding-left:15px;padding-right:15px}main .blog_detail .top h1{font-size:.32rem}main .related .cart{margin-bottom:.3rem}main .related .cart h3{font-size:.3rem}}