.articles-page[data-v-b502df5e]{position:relative;background-color:#fff;min-height:700px}.articles-page .turn[data-v-b502df5e]{position:fixed;top:50%;height:50px;transform:translateY(-50%);border-left:10px solid #e2e2e2;border-top:6px solid transparent;border-bottom:6px solid transparent}.articles-page .turn i[data-v-b502df5e]{position:absolute;left:-8px;top:13px;border-top:6px solid transparent;border-bottom:6px solid transparent}.articles-page .iframe[data-v-b502df5e]{position:absolute;top:0;bottom:0;right:0}.articles-page .iframe>div[data-v-b502df5e]{min-width:400px;max-width:550px;margin:auto;height:100%;padding:22px 20px}.articles-page .iframe>div>iframe[data-v-b502df5e]{width:100%;height:100%;border:0}.articles-page .articles-contents[data-v-b502df5e]{float:left;position:sticky;top:60px;width:420px;padding:22px 28px 40px;overflow-y:auto;overflow-x:hidden;background-color:#fff}.articles-page .articles-contents .p1[data-v-b502df5e]{width:364px;padding-bottom:10px;box-shadow:0 10px 10px rgba(0,0,0,.1);border-radius:12px;margin-bottom:30px;overflow:hidden}.articles-page .articles-contents .p1 .item[data-v-b502df5e]{display:block;font-size:16px}.articles-page .articles-contents .p1 .item+.item[data-v-b502df5e]{padding-left:12px;padding-right:12px;padding-top:7px;height:56px;border-top:1px solid #e5e5e5}.articles-page .articles-contents .p1 .item+.item .poster[data-v-b502df5e]{display:inline-block;width:40px;height:40px;border-radius:4px;vertical-align:middle}.articles-page .articles-contents .p1 .item+.item .title[data-v-b502df5e]{display:inline-block;width:290px;margin-right:10px;font-size:14px;vertical-align:middle}.articles-page .articles-contents .p1 .item[data-v-b502df5e]:first-child{position:relative;height:115px;color:#fff}.articles-page .articles-contents .p1 .item:first-child .poster[data-v-b502df5e]{position:relative;height:100%}.articles-page .articles-contents .p1 .item:first-child .poster[data-v-b502df5e]:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.articles-page .articles-contents .p1 .item:first-child .date[data-v-b502df5e]{position:absolute;font-size:20px;left:12px;top:20px;z-index:9}.articles-page .articles-contents .p1 .item:first-child .title[data-v-b502df5e]{position:absolute;left:0;bottom:10px;width:100%;padding:0 12px;word-break:break-all;z-index:9}.articles-page .articles-contents .p1.big[data-v-b502df5e]{padding-bottom:0}.articles-page .articles-contents .p1.big .item[data-v-b502df5e]{height:160px}.articles-page.double .turn[data-v-b502df5e]{left:720px}.articles-page.double .turn i[data-v-b502df5e]{border-right:6px solid #000}.articles-page.double .article-content[data-v-b502df5e]{margin-left:420px;border-left:1px solid #e8e8e8}.articles-page.double .iframe[data-v-b502df5e]{border-left:1px solid #e8e8e8;left:420px}.articles-page.single .turn[data-v-b502df5e]{left:300px}.articles-page.single .turn i[data-v-b502df5e]{border-left:6px solid #000}.articles-page.single .iframe[data-v-b502df5e]{left:0}.dark .articles-page .articles-contents[data-v-b502df5e],.dark .articles-page[data-v-b502df5e]{background-color:#1f2329}.dark .articles-page .articles-contents .p1[data-v-b502df5e]{background-color:#2f343e}.dark .articles-page .articles-contents .p1 .item+.item[data-v-b502df5e]{border-top:1px solid #262b33}.dark .articles-page.double .article-content[data-v-b502df5e]{border-left:1px solid #333}.gobtn[data-v-b502df5e]{position:fixed;display:block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;color:#000;cursor:pointer;z-index:1000;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5019607843137255)}.go-prev[data-v-b502df5e]{left:20px;top:40%}.go-top[data-v-b502df5e]{right:20px;bottom:90px;transform:rotate(-90deg)}.dark .gobtn[data-v-b502df5e]{color:#ccc;background-color:#262b33}@media screen and (max-width:1100px){.articles-page .articles-contents[data-v-b502df5e]{z-index:1001;width:100%;padding:20px}.articles-page .articles-contents .p1[data-v-b502df5e]{width:auto}.articles-page .articles-contents .p1 .item+[data-v-b502df5e]{display:flex;justify-content:space-between;align-items:center}.articles-page .articles-contents .p1 .item+* .title[data-v-b502df5e]{flex:1}.articles-page.double .article-content[data-v-b502df5e]{margin-left:0;border:none}.turn[data-v-b502df5e]{display:none}}