.search-box {position: relative;margin-left: 20px;margin-right: 50px;height: 44px;width: 30px;}
.search-box .form {}
.search-box .input {position: absolute;top: 0; right: 0;right: -0.32rem;background: #fff;border: 1px solid #d8d8d8;height: 44px;line-height: 42px;width: 0px;padding: 0 40px 0 15px;outline: none; opacity: 0; visibility: hidden; transition: All 0.5s ease;}
.search-box .submit {position: absolute;background: none;font-size: 22px;color: #624483;line-height: 42px;top: 0;right: 0; cursor: pointer;}
.search-box.on .input {
    width: 230px;
    opacity: 1;
    visibility: visible;}

@media screen and (max-width: 1000px) {
.search-box { width: 500px; max-width: 90%; margin: 10px auto; background: rgba(255, 255, 255, .1); padding: 0 10px 0 0;}
.search-box .form { display: flex;}
.search-box .submit { position: static; color: #fff;}
.search-box .input { position: static; 
        visibility: visible !important;
        opacity: 1 !important;
        width: calc(100% - 50px) !important;
        background: none;
        border: none;
        color: #fff;
        padding: 0 12px;}
        .search-box .input::placeholder { color: rgba(255, 255, 255, .8);}
}
.content.news .section_5 .wrapper .aside p { padding: 0; font-size: 14px; text-indent: 0;  color: #624483;}
/* style */