.container {
    background-color: #f2f2f2;
}
.article{
	width:100%;
}
.content{
	align-items: flex-start;
}
.content .filter > div {
    width: 296px;
    height: 340px;
    background: #FBFCFF;
    border-radius: 20px;
    overflow: hidden;
}
.content .filter > div .flex-evenly{
    height: 48%;
    position: relative;
	padding: 12px 21px;
	flex-wrap: wrap;
}

.content .filter > div > img {
    width: 100%;
    height: 52%;
}
.content .filter > div .item {
	width: 33%;
}
.content .filter > div .item img {
    width: 22px;
    height: 22px;
}

.content .filter > div .item p {
    height: 11px;
    line-height: 11px;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    margin-top: 11px;
}


.container .content .aside {
    width: 330px;
    margin-left: 20px;
}
.container .content .aside .sign-up {
    width: 330px;
}

.form-sign {
    padding: 32px 24px;
    background: #ffffff;
    border-radius: 20px;
}
.container .content .article > div + div {
    width: 930px;
    background: #FFFFFF;
    border-radius: 20px;
    margin-top: 20px;
}
.strategy-item {
    padding: 30px;
}
.strategy-item > .title {
    width: 100%;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}
.strategy-item > .title > div {
    width: 6px;
    height: 24px;
    background: #09543C;
    border-radius: 3px;
}
.strategy-item > .title h1 {
    height: 25px;
    font-size: 26px;
    line-height: 25px;
    font-weight: 500;
    color: #333333;
    margin-left: 11px;
}
.strategy-item > .title a {
    cursor: pointer;
    margin-left: auto;
}
.strategy-item > .title p {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
	display: flex;
    align-items: center;
}
.strategy-item > .title p .gg-chevron-right::after{
	width: 8px;
    height: 8px;
}
.strategy-item > .title p > img {
    width: 6px;
    height: 12px;
    margin-left: 8px;
}
.strategy-item .center {
    margin-top: 20px;
    align-items: start;
}
.strategy-column {
    width: 360px;
    align-items: start;
}
.strategy-column > img {
    transition: all 0.2s ease;
    width: 360px;
    height: 240px;
    background: #F2F2F2;
    border-radius: 20px;
}
.strategy-column:hover > img {
    box-shadow: 3px 2px 10px #999;
}
.strategy-column > h1 {
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 21px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
    margin-top: 16px;
}
.strategy-column > p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.strategy-column .belong {
    margin-top: 10px;
    margin-bottom: 14px;
}

.strategy-column .belong span {
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-left: 40px;
}
.strategy-item .center .right {
    width: 467px;
}
.strategy-item .center .right a {
    display: block;
}
.strategy-aside > img {
    width: 150px;
    height: 100px;
    background: #F2F2F2;
    border-radius: 20px;
    transition: all 0.2s ease;
}
.strategy-aside:hover > img {
    box-shadow: 3px 2px 10px #999;
}
.strategy-aside .desc {
    margin-left: 11px;
}
.strategy-aside .desc h1 {
    height: 21px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #333333;
}
.strategy-item .center .right h1 {
    width: 306px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.strategy-aside .desc p {
    margin-top: 14px;
    width: 306px;
    height: 41px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.strategy-item .center .right a + a {
    margin-top: 20px;
}