@media(min-width:1344px){.v-search{width: 560px; margin-left: -260px}}
.v-carousels{margin: 0 -8px}
@media(min-width:1024px){.v-carousels{margin: 0 -16px}}
._name .article-list{background: #fff; width: 100%}
._name .link-active{background: #173761!important; color: #fff!important}
._name .v-tab{position: relative}
._name .v-tab .article-search .v-input{background: #f8f8f8!important; height: 35px}
._name .v-dialog{width: 90%}
@media(max-width:1024px){._name .article-search{position: relative; left: 50%; top: 50%; width: 90%; margin-left: -45%; z-index: 1; height: 50px; margin-top: 5px}}
@media(min-width:500px)and (max-width:1024px){._name .article-list{display: flex; flex-wrap: wrap}
    ._name .article-list .article-card{width: 32.51%; margin: 8px 1.23% 8px 0}
    ._name .article-list .article-card:nth-child(3n){margin-right: 0}}
@media(min-width:1024px){._name .v-pagination{background: #fff; padding: 36px 0}
    ._name .article-list{display: flex; flex-wrap: wrap}
    ._name .article-list .article-card{width: 24.07%; margin: 8px 1.23% 8px 0}
    ._name .article-list .article-card:nth-child(4n){margin-right: 0}
    ._name .article-search{position: absolute; width: 350px; right: 10px}
    ._name .article-search .v-input{border-bottom: 0 solid #ccc}
    ._name .v-dialog{width: 1300px}}
.v-st{display: block; position: relative}
.v-st .i-title{font-size: 20px}
.v-st .i-title:first-child{position: relative; font-weight: 600; margin-right: 0; top: -5px; color: #173761; z-index: 1}
.v-st .i-title:nth-child(2){margin-left: -20px; margin-top: 6px; color: #999; margin-right: 0}
.v-st a{margin-right: 26px; float: right; text-decoration: none!important}
.v-st a .i-view-more{transform: scale(3);font-weight: normal}
@media(max-width:1024px){
    .v-st .i-title{font-size: 16px}
    .v-st .i-title:first-child{top: -3px}
    .v-st .i-title:nth-child(2){margin-left: -16px; margin-top: 6px}
    .v-st a{margin-right: 8px}
    .v-st a .i-view-more{transform: scale(2.5);font-weight: normal}
}
.article-carousels .article-card ._text{padding: 0!important}
.article-carousels .article-card .at-tag{top: 16px; right: 16px}
.v-carousels{position: relative; display: flex; justify-content: center}
.v-carousels .v-carousels_c{position: relative; overflow: hidden; height: 100%; width: 95%; box-sizing: content-box}
.v-carousels .v-carousels_w{width: 100%; height: 100%; display: flex; transition: transform .55s cubic-bezier(.25, .8, .5, 1)}
.v-carousels .v-carousels_w>*{box-sizing: border-box; padding: 10px; width: 100%; min-width: 100%; max-width: 100%}
@media(min-width:500px){.v-carousels .v-carousels_w:not(.-f)>*{width: 50%; min-width: 50%; max-width: 50%}}
@media(min-width:750px)and (max-width:1024px){.v-carousels .v-carousels_w:not(.-f)>*{width: 33.33%; min-width: 33.33%; max-width: 33.33%}}
@media(min-width:1024px){.v-carousels .v-carousels_w:not(.-f)>*{width: 25%; min-width: 25%; max-width: 25%}}
.v-carousels .v-carousels_b-next, .v-carousels .v-carousels_b-prev{position: absolute; top: 35%; color: #333; font-weight: 600; padding: 6px; cursor: pointer; margin-top: -15px}
.v-carousels .v-carousels_b-next .icon, .v-carousels .v-carousels_b-prev .icon{font-size: 25px}
.v-carousels .v-carousels_b-prev{left: 0; z-index: 1}
.v-carousels .v-carousels_b-next{right: 0; z-index: 1}
.v-carousels .v-carousels_p{position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 4; bottom: 10px; left: 0; width: 100%}
.v-carousels .v-carousels_p span{transition: width .2s; display: inline-block; background: #000; opacity: .3; width: 18px; height: 6px; border-radius: 50px; margin-right: 20px; cursor: pointer}
.v-carousels .v-carousels_p span.active{width: 30px; background: #4683d0; opacity: 1}
.article-card ._img{height: 200px; min-height: 200px; overflow: hidden}
.article-card ._img:nth-child(2){display: flex; align-items: center; justify-content: center}
.article-card ._img:nth-child(2) img{width: 100%; height: 100%}
.article-card ._text{padding-left: 8px; padding-right: 8px; display: flex; flex-direction: column; justify-content: space-between}
@media(min-width:1024px){.article-card ._text{padding-left: 16px; padding-right: 16px}}
.article-card ._text ._t{padding-top: 8px; padding-bottom: 8px}
@media(min-width:1024px){.article-card ._text ._t{padding-top: 16px; padding-bottom: 16px}}
.article-card ._text ._t h2{white-space: nowrap!important; overflow: hidden!important; text-overflow: ellipsis!important; margin-bottom: 4px}
.article-card ._text ._t div:nth-child(2){height: 42px; overflow: hidden!important; text-overflow: ellipsis!important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.article-card ._text ._b{height: 44px; line-height: 44px; display: flex; justify-content: space-between; border-top: 1px solid #eee; color: #999}
.article-card ._text ._b span{display: flex}
.article-card ._text ._b .i-nice{font-size: 14px!important}
.article-card ._text ._b .v-icon{font-size: 18px; margin-right: 6px}
.article-card ._text ._b .v-icon:nth-child(2){margin-left: 16px}
@media(min-width:1024px){.article-card{overflow: hidden; border-radius: 0!important; height: 100%; display: flex; flex-direction: column; justify-content: space-between}
    .article-card img{transition: transform .22s cubic-bezier(.25, .8, .5, 1)}
    .article-card:hover img:not(.m-pic){transform: scale(1.12)}
    .article-card>div:nth-child(2) img{height: 100%}}
.at-tag{position: absolute; z-index: 2; top: 10px; right: 10px; background-color: rgba(0,0,0,.6); padding-right: 8px; border-radius: 4px}
.at-tag, .at-tag .v-icon{color: #fff}
.v-pagination{align-items: center; display: flex; list-style-type: none; justify-content: center; margin: 0; max-width: 100%; width: 100%}
.v-pagination li .v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before{opacity: 0}
.v-pagination li .v-btn{min-width: auto!important; border-radius: 4px; width: 32px; height: 32px!important; margin: 5px; padding: 0 5px; text-decoration: none; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); background: #fff; color: #333}
.v-pagination li .v-btn:not(.-disabled):hover{border: 1px solid #034ea1}
.v-pagination li .v-btn:not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--icon):not(.red):not(.red):hover:before{background: none}
@media(min-width:1024px){.v-pagination li .v-btn{width: 34px; height: 34px!important}}
.v-pagination li.active .v-btn{background: #173761; color: #fff; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12)}
.v-sidebar{display: none; position: fixed; right: 0; top: 0; height: 100vh; z-index: 11; transition: transform .5s cubic-bezier(.165, .84, .44, 1)}
@media(min-width:1024px){.v-sidebar{display: block}}
.v-sidebar nav{position: absolute; height: 480px; top: 50%; left: -50px; margin-top: -240px}
.v-sidebar nav .v-btn{display: flex; margin-bottom: 25px; background: #fff}
.v-sidebar nav .v-btn.-icon{color: #333}
.v-sidebar .v-sidebar_content{width: 240px; height: 100%; background: #fff; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)}
.v-sidebar .back-top{position: absolute; z-index: 50; bottom: -100px}
@media(min-width:1024px){.v-footer{height: 550px}}
.subscribe img{width: 100%; display: block; height: 2px}
.subscribe h2{margin: 12px 0; text-align: center}
.subscribe>div{padding: 8px}
@media(min-width:1024px){.subscribe>div{padding: 16px}}
.subscribe .v-input .v-input_prepend .v-icon{display: none}
.subscribe .submit{width: 120px; height: 42px!important}
@media(min-width:1024px){.subscribe .v-input{width: 700px; margin: 0 auto; height: 52px!important}
    .subscribe .v-input .v-input_prepend .v-icon{font-size: 20px; color: #999; display: inline-block; margin-top: -4px}
    .subscribe .v-input .v-input_append .v-btn{font-size: 14px}
    .subscribe .submit{height: 46px!important}}