.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);}
}
.tpcontent{font-weight: bold; font-size: 11pt; color: #2b2b2b; font-family: 宋体;}
.cytpstyle{font-size: 9pt; color: #2b2b2b; font-family: 宋体;}
.process{width:162px;height:11px;background:#EDEDED;overflow:hidden;float:left;margin-left:26px !important;margin-left:13px;margin-right:10px;}
.process div{width:160px;height:11px;background:url(/system/resource/images/newsvote/bg.gif) repeat-x;border-left:1px solid #000;border-right:1px solid #000;}
.process .style7{border-left-color:#ff0000;border-right-color:#ff0000;background-position:0 -77px;}

/* style */