.head {
    width: 100%;
    border-bottom: 1px solid #e4e4e4
}

.head_content {
    width: 100%;
    height: 70px;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.app-logo {
    display: flex;
    align-items: center;
}
.logo {
    width: 40px;
    height: 40px;
    background: url(https://my-h5news.app.xinhuanet.com/h5/images/logoNew.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.userInfo {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.download {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 25px;
    color: #008bff;
    cursor: pointer
}

.download_icon {
    width: 21px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAEnUlEQVRYR+2Ya2gcVRTH/2dmN5AmKbTZTZqYVm3ph6bJTqS+EPskgtCIhWK0UBQsglipfvBD3d26qdlskYKiUQShBRVEq198NSCmD0EovtjZ3bREUbSVJt1Ho2DTNLtzj+xMZrPJbpPZyYR+yXxamHP/53f/99wzey/BwccbSqzinPY1wGtAtC8dVr5wSp6cEsrreALqS8x8NP+bgB/TkY57ndJ3FjSo9rDgkA5HdCHTp7QugS7EAc+So3rNl3+aAudvz8pircwifaXXF7fitF1HmwPx1TnCBsgY3bqxbejTbtJm55sByszkfSW+hwUfBHO7EUwsSehOhZXP5oO1A9p4KNauCXGOGcuMPYg0EY7V1dYd+ePgun/NnAXQltcvVV/PXP0QzLtLgaT+TMR3YDFAPcHYMyzEe2W0/3TL7q7R3o1DU+3OCPH4o58w0F06gC66ZOqysvx2HF0V+c2bvXbtKzBKei4Bl4Gqu9OR1hHd0YaAultjLlpayhDIL0k0mAy3/z6fk+Z7O6Dm2JZQYuVkNnePRtQD5vunl5w+TkeUPTpovV89B/B9UzU5VuWWO0YOt120CugEqKnx2AmWT6vq58zYae6RKrd8BzX3DHtuTE4kAdahJYleTIWVNyuF1MvHoT7aEhi+7TpPXDKZSJKeJc+h2CbWxE8mmCy7OpK9beqtBNUnHYj+yoz1hnl4jTzB+DYW2mkTzF1b0zDqX5+69aDqWWbeooMC71gGze9OMT5xV6vcdurMYcqVm0glS98QjHUCJCXD7d+U1QrYAG0MqndqgocYqAZR3OVG55UeJTk7gVVQrz/6tgD2Ty3rgVS4o79Eyw6oN6g+LAQPFMQIQy437ZgNawW0GFLXI+l4ps+3zxHQbSF2JbKxbxm8tRjWXVOzvbie5wMtgQSNuWXXZvPrUwzrseNoXqDxqFqj/YOTZoEbbmCoGHYu0PpAtB+M56dhaIxkeijd6/vZsRo1hcrCghLu2mU78s7eDLRSSKM92dhMxTPWYccwwODNRe7osLnx8f2zjyJ2IB0BLZRBGViJ8J1gfs4oC7oA8GDJcgOd6Yjyy3x9esGOmgm8oUQtZ7WTM52dKz2NkUVIxxydAZvTBpj5wbkdqgzScdC8oO7snLCVQy4K6Nyw9iAXDbQAm829y8Beo8VSTJZpr5WTgeN9dL6dmn+/5khsRfY/1/KRvta/rMTfLMaxXb8QCCtjl0CtuFRJTImj3kBsi2Bx1hQhVDXnj6eViC5GbH0g+j0YDxjaUj81BeMbJoV2vpDMRZ2ZV5XBxUheiWa9X70K8Arja4wQtYYSVcmslmZwnQFPH2TCylOViDod6wmojzBz4baaJHrUONcH1fch+EkzoUT0QqpPectpACt6+VMxhPiSGU1GPGWqPStXGzclodhakRUJ/Uw0Xaw/SJBOCcLfVhIsOIZFHZg2gXgXGK7ZphUuybyB6OMC9BGYpQUndUiAgBOpPuUJIjJuR8zH44/vBInjzNzgUC57MoQcEb2x3ed72bwrLbnIzf8bQk57WjB3EWgdiJfby1bZKAZuEOMyJDoD4Fg6rAwXK/wPibRquzt+feUAAAAASUVORK5CYII=) no-repeat;
    background-size: 21px 20px;
    margin-right: 5px
}

.login {
    font-size: 18px;
    line-height: 25px;
    color: #343a40;
    margin-left: 40px
}

.login span:hover {
    cursor: pointer;
    color: #008bff
}

.qrcode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.4)
}

.qr_img {
    width: 490px;
    height: 520px;
    background: url(https://my-statics-cdn.app.xinhuanet.com/uploadfile/app-qrcode/qrcode-down-new.png) no-repeat;
    background-size: 490px 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.qr_close {
    width: 26px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAAhMlJic2N2bD7/DxQbXMPQAAAR5JREFUOMt11C0WgkAQB/AhKNrIVq0WT+CzGTyAzW6hQzCbDF7A5gkgmUkUjDp3UXbZ3dmZgcDbZd5vl48/A5BsQDmW2f90xbus7PEJMEP85ryStogXWCBiw0vl/+IDDihZj/ANa5SsR9jBHAUzCG8waQUz6LMdBpRZVPtRw1Huh4EFJBhBjFHEZhGKpumLoogVMSKMI8IE8kwiv5CC3EoKckxDA9NQYBJ5ViuhtExDMLWlk1I62wWrMaSys7v5agwpbPxFWVSVCrPoFGeGPG4lQhMQjxpFkhVhd8YI4ixKRMRYjChjMSJMZC8wkT3PJvKVut98LhNht7jZllIrX6gzjYjHyLC3aV+13r5mWvZ6dhlplce+VUKy0xrsKoMffm29Y3znWaQAAAAASUVORK5CYII=) no-repeat;
    background-size: 26px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

#app {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-y: auto
}

.go_top {
    width: 70px;
    height: 70px;
    background: #008bff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA8CAYAAAAt3km7AAADWElEQVRoQ+3au2sUQRzA8e/PC9EiKkfSBNEiCKk8QTtBuFq0iZ6Vb4wWWgR8VAlaGIxvRLFQ46tI4aOwV/8EH8HCJygIKYSIil5EuJEJu+Fuc3s3M7tzF2Snntmdz/x+v7nd2RP+0ya+XUqp3cAIsAS4BpwWEeX7vl5hSqnjwJkI4iZwwDfOGywGFRq947zAmqBagksdZojyjksVZonyiksN1gT1DPgC7IrZDVOvuVRgSqljwNmYSWvUZuAPcAvQ23+9liouMcwEJSJlLVFKLWoVLhHMBhWGqFU4Z1gT1FNgSxipaN61AucES4JqVeSsYWmgIrhxYE/aG4oVTCl1FDgXM4mG6Rf30BukZeo4Y5gPlM/IGcF8onzhmsJagfKBawhrJSptXCysHag0cXVh7USlhZsHU0odAc6nuaW7nm8EPwX64Xiv7e9cDWwhoSKRs8bNwZqg9CvHReB31cpVgBfAExH56xqVKkAe2KZfAoAHIvI9CW4WppQaBK47Tu41MCAi7x3H6/v3AM+BlcE1PgHrROSbBW5URIbD/iFMv92ucJ0Y8BZYKyI6stYt5u17SEQuV1+sSc3prFkaziGEfQX0qiVpJRF56HIBpdQV4HBk7AUR0c+mNa0BTpfGMhH5pQeEsJPACZdJVY0ZFpFRl2vYwILS0W/iN4B9VfcbF5H9NakYdN4BFIGORpObmprq6e7uXtPZ2bkq0i8J7CpwyCRikdTcDmwEXgK3RURHbbY1fVaMIovFYsfExMTj3t7eTSnCjFPRNCOsYUF079Y5SksSsQyWRcx0BSJFm6WiycLZbvcm18w2jywVTfJk/mNStt2brltWY1mNmeZKVb9su7dYtKzGshqzSJewa1ZjFouW1VhWYxbpktWYw2K51tid6F+HKpXKSC6XO+UwB33EvWCe7ufBJicnxwuFwqDtP0dLpVJubGzsfl9f30BkUeqeBJsuXGoRm5mZ+VAulz/m8/mfpjfX/aanp5d3dXX11zmAbQvsEjBkA3Do2xbYTuCew2RthhwUEddPW/ZH3MFJ8GLgFdBvM1OLvp+Bgoj8sBhT09WpxgLcauCRnoDrzWPGvQO2ioj+oOjcnGEBTn+Z2QCsB/SnnaTtTfDp1+kDYvXNE8GSKnyO/wdTwWtbNDCb/AAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    background-size: 27px 30px;
    border-radius: 12px;
    position: fixed;
    right: 50%;
    bottom: 156px;
    transform: translate(650px);
    cursor: pointer
}

.banner[data-v-0d2802c7] {
    width: 100%;
    height: 100%;
    position: relative
}

.left[data-v-0d2802c7],.right[data-v-0d2802c7] {
    width: 40px;
    height: 70px;
    background-color: rgba(0,0,0,.5);
    background-repeat: no-repeat;
    background-size: 12px 22px;
    background-position: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

.left[data-v-0d2802c7] {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAuCAYAAAAyVNlIAAABcklEQVRYR72Ya04DMQyEx3ANLoWExFsCWu7DDXj0J8eqxDEY5FW6yu7mHYf8bKv54nHsxBUMXjJYH+YAklcA3gD8Ang1BZB8BPAB4Mw5czQDBMSV8WMCiIirRdfdAJIPAD49W3TnKv4kIocuQE5cSc2AEvFmAMl7AF8BW55FRD+fV3UENeLVEThxTei5t0lN6Gbnp++LI2gRL46gVbwI0COeBZC8c6el2PN1d47mICH+IiKa6KIVBFiJBy2yFN8ArMUXAJK3AA6BIqryPJjkUeJTBCQvAXxb73xuFSSPAC5WvaXLlkU3jQD2IvJedNAzP0pZZAKZCi2R5J2I6DOkec2VPAqyaBUjIJteZF0T/9/sTtm06kvJO9kCkr30eyFZgKuT2NWZbSlFAAfR11zVmyh76a/Lt+WFURyBd7qqIqkG1NrVBPAg2Rd2MyADmaab6iSHenZuEOmKwEt8bE67MQE4u0IQmzE2EYndIO5BFn8l/AGdewDrxnjuSQAAAABJRU5ErkJggg==)
}

.right[data-v-0d2802c7] {
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAuCAYAAAAyVNlIAAABTklEQVRYR73YWU4DMQzG8b85RiXOwwn62IUbcB+2SqwPnArBMcBVRmlFp5nJZtPn0fdTHCeKKzj/xDkfUdUr4Ba4AG5E5MMSDcAncBlDf4GtiDxZIQH4BhZ/AgOyEZFnCyQAS+A9luiQaYYMm6yqK2DngRy7yAs5aVMP5OwcqOoaeEyUay0iL7UbnzxolsjkSZ5AfmILF69k9qqwQLJ3US+SBeI5SW18KFfY+Ne5jS8CepBiICIb4GHUwrMrqQJakGqgFmkCapBmIIOsROQtfNMFlCDdQAZZmgAR2QL3oxb+sgSugTsXQFVT4eEA9pdIVVOlCeFDJ3WVKBfe1aYl4c1AaXgToKpVN2rVHtSGV62gJbwYaA0vAnrCs0Dvi2IWsAifBKzCk4Bl+Blg+eg9PMZKBpCmZ/sJ4DF4HAH3IfA/xtjxIG42Iw9d5P1Xwh4H5gKa/l5pzgAAAABJRU5ErkJggg==)
}

.swiper_img[data-v-0d2802c7] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.swiper_title[data-v-0d2802c7] {
    width: 100%;
    height: 132px;
    padding: 26px 24px 40px 26px;
    box-sizing: border-box;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer
}

.banner .swiper-container {
    width: 100%;
    height: 100%
}

.banner .swiper-slide {
    position: relative
}

.banner .swiper-pagination {
    width: 100%;
    height: 8px;
    bottom: 16px;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.banner .swiper-pagination-bullet {
    width: 35px;
    height: 8px;
    background: hsla(0,0%,100%,.5);
    border-radius: 2px;
    margin: 0 8px 0 0
}

.banner .swiper-pagination-bullet-active {
    width: 35px;
    height: 8px;
    background: #fff
}

.recommend[data-v-7dc11ba7] {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #eff2f5
}

.title[data-v-7dc11ba7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    box-sizing: border-box
}

.title>div[data-v-7dc11ba7]:first-child {
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    font-weight: 700
}

.title>div[data-v-7dc11ba7]:nth-child(2) {
    width: 64px;
    height: 28px;
    background: url(../img/huanyihuan.7cdb1208.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.list[data-v-7dc11ba7] {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 8px 0;
    box-sizing: border-box
}

.item[data-v-7dc11ba7] {
    width: 80px;
    color: #868e96;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 50px
}

.list>.item[data-v-7dc11ba7]:nth-child(3n) {
    margin-right: 0
}

.item[data-v-7dc11ba7]:hover {
    color: #008bff;
    cursor: pointer
}

.icon[data-v-7dc11ba7] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #f5f5f5
}

.name[data-v-7dc11ba7] {
    font-size: 16px;
    line-height: 22px
}

.keyCall[data-v-e2d9aaf6] {
    width: 100%;
    min-height: 200px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px
}

.title[data-v-e2d9aaf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #dee2e6
}

.title>div[data-v-e2d9aaf6]:first-child {
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    font-weight: 700
}

.title>div[data-v-e2d9aaf6]:nth-child(2) {
    width: 64px;
    height: 28px;
    background: url(../img/more.d578feeb.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.item[data-v-e2d9aaf6] {
    width: 100%;
    height: 114px;
    padding: 16px;
    box-sizing: border-box;
    display: flex
}

.item[data-v-e2d9aaf6]:hover {
    background: #f8f9fa;
    cursor: pointer
}

.icon[data-v-e2d9aaf6] {
    flex-shrink: 0;
    width: 144px;
    height: 81px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    background: #f5f5f5
}

.name[data-v-e2d9aaf6] {
    font-size: 18px;
    line-height: 26px;
    color: #343a40
}

.name[data-v-e2d9aaf6]:hover {
    color: #008bff
}

.ad[data-v-109d6ddb] {
    width: 750px;
    background: #f8f9fa;
    margin: 32px 0;
    padding: 24px;
    box-sizing: border-box
}

.swiper_img[data-v-109d6ddb] {
    width: 100%;
    height: 176px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.ad .swiper-slide,.ad .swiper-wrapper {
    height: unset!important
}

.ad .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ad .swiper-pagination {
    width: 100%;
    height: 8px;
    bottom: 16px;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.ad .swiper-pagination-bullet {
    width: 35px;
    height: 8px;
    background: hsla(0,0%,100%,.5);
    border-radius: 2px;
    margin: 0 8px 0 0
}

.ad .swiper-pagination-bullet-active {
    width: 35px;
    height: 8px;
    background: #fff
}

.card[data-v-4cba77d7] {
    width: 100%;
    height: 186px;
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.card[data-v-4cba77d7]:hover {
    background: #f8f9fa
}

.card_img[data-v-4cba77d7] {
    width: 218px;
    height: 122px;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    cursor: pointer
}

.type2[data-v-4cba77d7] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAFKElEQVRoQ+Wba0wjVRTH/xvFR9r4fkQ0IdESX4lJS3ztRhITTfjQgKb0E4+gIXwgIWkTPhCTlhhCYhBCIyuYzUJVsgkQ/eAKipjQD+huikXqgrpkUaqAiljs0tq6WFpzsLMZuy3zuDNlmrnJfGnvPef87tw559zXMahXrgdwB4BbARgzz40A6Hd6qCQzzxUAscxzGcBO5nfFrTumsEQCuh/AfQBuByBXfhrAnwB+BbAJgDpEkSLXoGzldwIwAbibATIfEMFvA1gFEGalZgW+C8DDmaHLaouY9jTUVwD8IaZyrjpygW8C8DiAUrmKGdv9AuBbAH9LlSMH+F4AFp7jkapTqfrk8L4GsCVFoFTghwA8JkVBAep+B+AHsXrEAl8H4AkAD4gVXOB6GwAuANgX0isGmELNk5kwIyTvKP+nMPaVUAgTAqY3+2wRwHIdTdDnD3vTQsBmDQ/jfKOJhvdivj8PA9aigxL7yeR1ZPmAKfQ8JVa6RuvN5wpZuYApqXieJc52dnY+WlVVZTYYDLcsLy9fbG1tnYtEIoIeVOGOozjty05OcgFXsGRQCwsLr1oslpf4xsdisQ2Px3PS5XLRUCtkoYxsga8wG5hyY/LKsorX6z3e1NTUkadxemlp6RO73f7+yspKQpYCeY3Ia1/NvbOBT7BMBEKh0GtlZWXPHGZXPB7fHhkZebutrY3SwkIUmnB8ySniAzO9XRIYjUYHjUajqGxsdXXVV1dXd3p+fj5aAOqrb5kP/DSAe1iUx2KxdwwGg+gZ1N7eXmR8fPxUY2PjFyx6RbT9HYCf6nHAlD6+yDp5lwrMGbq+vu5vbm4empmZoeGnRqFFhM8p7eSAH8zMb5mUyQUmpclk8q/JyUlvbW3tzP6+KhGM5s8/csBMzorrJRZgTsbW1tYFh8Nxcmxs7Dem3r+28YHzImBaQaxiHc4kXwlgkpNKpa7Mzs6eqampORuPx1MKgdOwniZgclTksJiLUsCcIeFw+JLb7X5rcHDwJ2bj/hPgJ+ByAI8oIVBpYLIpnU4n/X7/B1ardSIcDlO6yFIuErBiU0A1gDm63d3dn3t6ega6u7tp1VJu2SDg5wDcJlcCv52awBk9qWAw+HFlZaU3Go3K+bYjBPwCgJuLBPjAzFAodM5kMr0hI3wlCJg8dEkxAZOtHo/H7XQ6gxLt/oeArUqEJCXDkhiIxcXFjywWy7CYurw66aIFDgaDZ81m82k5wEU5pPv6+lzt7e3fSAQ+GNJF57TW1tbmysvL35TrtHQXloom8ejt7R3o6upiTjyKIbX80Gq1jiuVWmp28rCzs3PJ5XIpPnnQ5PTQ5/Odqa6uVmV6SJ5dSwsASw6HY0DNBQAC1sQSz9TU1Ls2m+0zGeFGTDj+3xLPkS/itbS0DE1PTxdsEY966CiWaS9PTEycamhomBPzihjqXLNMS7LorNVxBqG0ED9kNBrpYJpgKfBC/DnujJeiWy2bm5uvl5aWUiKTtyQSie3h4WFNbLWQkUzbLaOjo5X19fXteWhpM+1Tu93+npY208hWpu3SQCDwSkVFxct8aNou7e/vH3C73d8LjnVlKwhul5I65g3xjo4Ok81mO1FSUnJDIBBYdjqdfplrUCz4ojfESYmujjxwvaqrQy0ctGJTR5axKbGt7GNLpEd3B9MIWldHD7nRpKvDpfxPSIuOTJXjw3xoXR0Q58B1dQWA/7Z1c8kjOzQSOH3fal7joWP+sm+zcAYLnZeWGPMPQpguLmrl6hhNXsX7F5CNM2U5GDuYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 30px
}

.type2[data-v-4cba77d7],.type25[data-v-4cba77d7] {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    bottom: 10px
}

.type25[data-v-4cba77d7] {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 30px
}

.live_type[data-v-4cba77d7] {
    width: 70px;
    height: 22px;
    border-radius: 0 0 6px 0;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0
}

.type83[data-v-4cba77d7] {
    background: #f06565
}

.type83_bg[data-v-4cba77d7] {
    width: 9px;
    height: 10px;
    background: url(data:image/gif;base64,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) no-repeat;
    background-size: 9px 10px;
    margin-right: 8px
}

.type84[data-v-4cba77d7] {
    background: #81be40
}

.type84_bg[data-v-4cba77d7] {
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABKElEQVQ4T7WVPUqDQRCGn1ew0wNoKwhiK2gdPIARkkLs/LmB4hHE3CBqFy0sYg4g1gq2Igq2egDTCY4M7BeGJcEPXRe2mZl9ZmZndlaMWWY2DWykvQLMJ7M34AEY+Jb0mR9XLjCzJtABFsY5C7JX4EDSdbQbAc1sCjh2ox9AudqdH0n6ckUEnvwCVsE7kg5HwJRmP3NtwBlwDjwm3TKwA+zGYJJu09NXKsBTdmfvwLak2wlFawA9YC670yUHtoCroPDI1ifBKjszc+hNFmnbgRfAVgCeStqvUxgz6wJ7wfbSgc/AYhCuSbqvCVwF7oLtiwM/gJkgnJU0rAn0c36+WsN/ARZPuXhRireNT5Zyje3lKfr0QueXGw4pyrLjK0RaZsDGl/GXL+AbKimpjVHhRvAAAAAASUVORK5CYII=) no-repeat;
    background-size: 10px;
    margin-right: 3px
}

.type89[data-v-4cba77d7] {
    background: #48a2e6
}

.type89_bg[data-v-4cba77d7] {
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABKElEQVQ4T7WVPUqDQRCGn1ew0wNoKwhiK2gdPIARkkLs/LmB4hHE3CBqFy0sYg4g1gq2Igq2egDTCY4M7BeGJcEPXRe2mZl9ZmZndlaMWWY2DWykvQLMJ7M34AEY+Jb0mR9XLjCzJtABFsY5C7JX4EDSdbQbAc1sCjh2ox9AudqdH0n6ckUEnvwCVsE7kg5HwJRmP3NtwBlwDjwm3TKwA+zGYJJu09NXKsBTdmfvwLak2wlFawA9YC670yUHtoCroPDI1ifBKjszc+hNFmnbgRfAVgCeStqvUxgz6wJ7wfbSgc/AYhCuSbqvCVwF7oLtiwM/gJkgnJU0rAn0c36+WsN/ARZPuXhRireNT5Zyje3lKfr0QueXGw4pyrLjK0RaZsDGl/GXL+AbKimpjVHhRvAAAAAASUVORK5CYII=) no-repeat;
    background-size: 10px;
    margin-right: 3px
}

.card_desc[data-v-4cba77d7] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.article_title[data-v-4cba77d7] {
    font-size: 20px;
    line-height: 28px;
    color: #343a40
}

.article_title[data-v-4cba77d7]:hover {
    color: #008bff;
    cursor: pointer
}

.article_status[data-v-4cba77d7] {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #868e96;
    padding-bottom: 4px
}

.auth[data-v-4cba77d7] {
    display: flex;
    align-items: center;
    margin-right: 32px;
    cursor: pointer
}

.auth_icon[data-v-4cba77d7] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f5f5f5
}

.auth_icon[data-v-4cba77d7],.eye[data-v-4cba77d7] {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.eye[data-v-4cba77d7] {
    width: 18px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAFg0lEQVRYR71XbWxTVRh+3nvbfbIhmxIYHxoBMUpCMIooCaKCBj8S5GMKEuJgs+um2zqBrUNMNLBugOsoru1gU38ASgNqMIIGMhGNAhoMGiIR1ABziAKRbTC6cu9jThlkjG3t5uD+uznv+7zPOef9eI6gh9/bVe8Oaw0F00E+AGAMKLdB2D8MQzlHwd8CHoLI9zHW2MBruQtO9CSERGNcVRXo1xw6+7xJzgPwCMmo/ESEJHeLyAZLauLmxfPnn48ULyJwubt6uglzLcmhCkyA8xT5DOR2XdePg0YDkmIbwoGagmkQPc00zdsJTBPyaQKJYT+RegpzSwpytnVHqktCbnf14BYYXhDTwwAiB3TICuuQlB2F6ektkXaq1isCgfhgw5mnYGIpwXGXcfCRJSY+d0luxl+dYXRKqPSddXdJyNhJcjggZwWytNhhWyciZjREOtqQ1Mor/TaTWA4wBcAxi65NXZKffaSj7XWEXB7fOFzC5wQHimBfoh73bF7egn96Q6Sjzyqfb2CoBZ8CHA+RU5ouTxbnZR9sb3cNIVeF904IfiAxACJfWFMTZ0aTiD0hqwqksfX0VhJPqNO3Wi33L341648rGFcJhe+7/sx3BMeKyLaUBG2WzWYL9SRYtLaBQCDmt/ozWwk+I5AfBw2IezgjI+NiW9Fchimt8NYAWAjIYb1/zPiihQubugugSr98jT+T5EIC97aBHRKR2qL87BpV8t35ezwbks8bTftJjhbBOqcjx3aVULnHO8E05FsSQV0s9xU5sn7pDkxV4EWYG0g+1mmliNTFQZvncNhOdoez2uO/J2SYBwCJ0XRMKMqz7w9fWWmFb59KNBFZ4XTYX490MmWV/l2KjOotgCyJg+xWPhfByQBXqp4lInXFBdlTIp2Uy+0tJeEUyF5nof0hcbl9k0l+CZGT1tTEUZGSuKzSl2WaVC2gPjbJOrYwM/Ns+w1U1NSkBJtCBxUpTZOXiwvs67vbYDjJg6ePEBhksVgmK0KbSM7RNCwrLshZHikxXW7vXhIPimhznY7sDzqzd7n9c0hzk2obTkfOhMiYvmUk3wJkk5S6fQ0gB8fGxg2PZhCWur1NIPrFi57WVY6Eu7waKYLmEkdOUiRCZZXVw03TOKZuSZ3QifCdx8aMcuZmHo3kfCMIuapqRjLYekSlgSK0nmQmNCkrKbA7IxG6IVdW4S0jUATIelm1xjcmZPBnNcXjNeuIgoKsU92R6uukXln13iAj2HJUqQINljHhsndVeAMEZkNkS4nDPvtmln2p27sVxAwRbHY6cl4IEypfW5tmhloPE0zSdJlTnG//8GY0xrI13rmmgY0QNMZDv1sVydVZVlbps5km/erqxKJN7DiFOxL8v6NDqQoa+AZkQvt+de20b0twETlutVonLXol81ikJO/Nusvtu4PkHgDD2s+xa4ar+lFT+OifZ+pAThRBg0Ws0xYXZP3Um6Bd+ZR5/GNNgztU74PI16kJ2uPtVcV1Ak1N4eZLjZ8AeFQg5yCY4XTY6/qClKvCO4UClcTJatZpyTHTO6qKTiWsx7M99vylYxsJzmwbjrXWBM25yGY73Rtiq6urbw1dMMsBZIRfLCJbRg5JfTE9Pb21I16XIj+sg93+JQTfIBAf1tYaSnVr3MauBHpHcNVjLrUG5wnMEqVCBWiBhjeL8+2rutLnEZ9BKz3VIwzD8JOY0hZQCf2vNMFWEe1XUK9HslYfXms0h0KMoSY4miZnqDccAC28JrJTyGxnYc7v3Z1yREJXnMsr/VMNky8J+NzlE4viE7kgwMcg33cW5uyKwkO9+3r2ldfWJhnNoVlichKIsRSkCXiLQiHkXyHUlD9ITfbo/axbIknhqHOoZzT7zrrHJ9R3oTtH+g8Xec3E2o4pIQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 18px 14px;
    margin-right: 8px
}

.type_24[data-v-2788195e] {
    padding: 32px;
    box-sizing: border-box;
    background: #f8f9fa;
    position: relative;
    overflow: hidden
}

.left[data-v-2788195e] {
    left: 10px;
    transform: translateY(-50%)
}

.left[data-v-2788195e],.right[data-v-2788195e] {
    width: 12px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAABlElEQVRYR72YS07DMBCGZ5xrcCkkJN4ST6llA2UFOQApq7Qbkh20XXKsStwCD3LAUZI68WuCl0n1f55/OmNPEJjXa14efBMtAEgKgbfIqf+SF+dA9AEA4k93ywYwiAMifLEATOIAIBMUh9GA+aI8k1KuGrYodyQgXqSz6SYKYBNXpGCAi3gwIMuLUyJad20RQlw+PUzU83p5R+Aj7h2BEgeAFREljU1K0871e+cIQsSdIwgVdwLEiFsB8+XbCUlc+3je7W29OegTB4Cr9PFOVa7TMgK4xI0WcYrvALjFW4AsL48BaNNNqK/nxiSPJV5FkC2LfZDwyb3zulVkebElor1mb4m1pdVNjYBE3KT3k3enP7rlR/0WMUGqQutLMiJeP8+m6hoSvOpKHgvSahVjQHZ6EXdN/H+z09nk6kuDZzIHxHrox0KsAGVZDMQJ8FuM/nci66HfLd8QiHMEGuYL8Qb42hUE0BCXG3YwYAiipxvvJJt6tm0QiYqgbis9cxoKOGIBVMVogLCNsQOR8A3iGtL9lPADuMOVaLyaDyEAAAAASUVORK5CYII=);
    background-size: 12px 22px;
    background-position: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer
}

.right[data-v-2788195e] {
    right: 10px;
    transform: translateY(-50%) rotate(180deg)
}

.title[data-v-2788195e] {
    font-size: 24px;
    line-height: 33px;
    color: #343a40;
    font-weight: 600;
    margin-bottom: 20px
}

.img_list[data-v-2788195e] {
    display: flex
}

.img_item[data-v-2788195e] {
    width: 218px;
    margin-right: 16px
}

.img_list>.img_item[data-v-2788195e]:nth-child(3n) {
    margin-right: 0
}

.swiper_img[data-v-2788195e] {
    width: 100%;
    height: 122px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px;
    cursor: pointer
}

.img_title[data-v-2788195e] {
    height: 56px;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    margin-bottom: 20px;
    cursor: pointer
}

.img_title[data-v-2788195e]:hover {
    color: #008bff
}

.img_desc[data-v-2788195e] {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #868e96
}

.img_photo[data-v-2788195e] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: block;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.img_name[data-v-2788195e] {
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    z-index: 10
}

.img_nums[data-v-2788195e] {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.nums_icon[data-v-2788195e] {
    width: 18px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAFg0lEQVRYR71XbWxTVRh+3nvbfbIhmxIYHxoBMUpCMIooCaKCBj8S5GMKEuJgs+um2zqBrUNMNLBugOsoru1gU38ASgNqMIIGMhGNAhoMGiIR1ABziAKRbTC6cu9jThlkjG3t5uD+uznv+7zPOef9eI6gh9/bVe8Oaw0F00E+AGAMKLdB2D8MQzlHwd8CHoLI9zHW2MBruQtO9CSERGNcVRXo1xw6+7xJzgPwCMmo/ESEJHeLyAZLauLmxfPnn48ULyJwubt6uglzLcmhCkyA8xT5DOR2XdePg0YDkmIbwoGagmkQPc00zdsJTBPyaQKJYT+RegpzSwpytnVHqktCbnf14BYYXhDTwwAiB3TICuuQlB2F6ektkXaq1isCgfhgw5mnYGIpwXGXcfCRJSY+d0luxl+dYXRKqPSddXdJyNhJcjggZwWytNhhWyciZjREOtqQ1Mor/TaTWA4wBcAxi65NXZKffaSj7XWEXB7fOFzC5wQHimBfoh73bF7egn96Q6Sjzyqfb2CoBZ8CHA+RU5ouTxbnZR9sb3cNIVeF904IfiAxACJfWFMTZ0aTiD0hqwqksfX0VhJPqNO3Wi33L341648rGFcJhe+7/sx3BMeKyLaUBG2WzWYL9SRYtLaBQCDmt/ozWwk+I5AfBw2IezgjI+NiW9Fchimt8NYAWAjIYb1/zPiihQubugugSr98jT+T5EIC97aBHRKR2qL87BpV8t35ezwbks8bTftJjhbBOqcjx3aVULnHO8E05FsSQV0s9xU5sn7pDkxV4EWYG0g+1mmliNTFQZvncNhOdoez2uO/J2SYBwCJ0XRMKMqz7w9fWWmFb59KNBFZ4XTYX490MmWV/l2KjOotgCyJg+xWPhfByQBXqp4lInXFBdlTIp2Uy+0tJeEUyF5nof0hcbl9k0l+CZGT1tTEUZGSuKzSl2WaVC2gPjbJOrYwM/Ns+w1U1NSkBJtCBxUpTZOXiwvs67vbYDjJg6ePEBhksVgmK0KbSM7RNCwrLshZHikxXW7vXhIPimhznY7sDzqzd7n9c0hzk2obTkfOhMiYvmUk3wJkk5S6fQ0gB8fGxg2PZhCWur1NIPrFi57WVY6Eu7waKYLmEkdOUiRCZZXVw03TOKZuSZ3QifCdx8aMcuZmHo3kfCMIuapqRjLYekSlgSK0nmQmNCkrKbA7IxG6IVdW4S0jUATIelm1xjcmZPBnNcXjNeuIgoKsU92R6uukXln13iAj2HJUqQINljHhsndVeAMEZkNkS4nDPvtmln2p27sVxAwRbHY6cl4IEypfW5tmhloPE0zSdJlTnG//8GY0xrI13rmmgY0QNMZDv1sVydVZVlbps5km/erqxKJN7DiFOxL8v6NDqQoa+AZkQvt+de20b0twETlutVonLXol81ikJO/Nusvtu4PkHgDD2s+xa4ar+lFT+OifZ+pAThRBg0Ws0xYXZP3Um6Bd+ZR5/GNNgztU74PI16kJ2uPtVcV1Ak1N4eZLjZ8AeFQg5yCY4XTY6/qClKvCO4UClcTJatZpyTHTO6qKTiWsx7M99vylYxsJzmwbjrXWBM25yGY73Rtiq6urbw1dMMsBZIRfLCJbRg5JfTE9Pb21I16XIj+sg93+JQTfIBAf1tYaSnVr3MauBHpHcNVjLrUG5wnMEqVCBWiBhjeL8+2rutLnEZ9BKz3VIwzD8JOY0hZQCf2vNMFWEe1XUK9HslYfXms0h0KMoSY4miZnqDccAC28JrJTyGxnYc7v3Z1yREJXnMsr/VMNky8J+NzlE4viE7kgwMcg33cW5uyKwkO9+3r2ldfWJhnNoVlichKIsRSkCXiLQiHkXyHUlD9ITfbo/axbIknhqHOoZzT7zrrHJ9R3oTtH+g8Xec3E2o4pIQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 18px 14px;
    margin-right: 4px
}

.type_24 .swiper-slide,.type_24 .swiper-wrapper {
    height: unset!important
}

.type_24 .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.index[data-v-3c72455a] {
    padding: 40px 0;
    box-sizing: border-box;
    justify-content: space-between
}

.index_banner[data-v-3c72455a] {
    width: 750px;
    height: 420px;
    margin-bottom: 32px
}

.index_recommend[data-v-3c72455a] {
    width: 392px
}

.card[data-v-6048a956] {
    width: 100%;
    height: 186px;
    padding: 32px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.card[data-v-6048a956]:hover {
    background: #f8f9fa
}

.card_img[data-v-6048a956] {
    width: 218px;
    height: 122px;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    cursor: pointer
}

.type2[data-v-6048a956] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAFKElEQVRoQ+Wba0wjVRTH/xvFR9r4fkQ0IdESX4lJS3ztRhITTfjQgKb0E4+gIXwgIWkTPhCTlhhCYhBCIyuYzUJVsgkQ/eAKipjQD+huikXqgrpkUaqAiljs0tq6WFpzsLMZuy3zuDNlmrnJfGnvPef87tw559zXMahXrgdwB4BbARgzz40A6Hd6qCQzzxUAscxzGcBO5nfFrTumsEQCuh/AfQBuByBXfhrAnwB+BbAJgDpEkSLXoGzldwIwAbibATIfEMFvA1gFEGalZgW+C8DDmaHLaouY9jTUVwD8IaZyrjpygW8C8DiAUrmKGdv9AuBbAH9LlSMH+F4AFp7jkapTqfrk8L4GsCVFoFTghwA8JkVBAep+B+AHsXrEAl8H4AkAD4gVXOB6GwAuANgX0isGmELNk5kwIyTvKP+nMPaVUAgTAqY3+2wRwHIdTdDnD3vTQsBmDQ/jfKOJhvdivj8PA9aigxL7yeR1ZPmAKfQ8JVa6RuvN5wpZuYApqXieJc52dnY+WlVVZTYYDLcsLy9fbG1tnYtEIoIeVOGOozjty05OcgFXsGRQCwsLr1oslpf4xsdisQ2Px3PS5XLRUCtkoYxsga8wG5hyY/LKsorX6z3e1NTUkadxemlp6RO73f7+yspKQpYCeY3Ia1/NvbOBT7BMBEKh0GtlZWXPHGZXPB7fHhkZebutrY3SwkIUmnB8ySniAzO9XRIYjUYHjUajqGxsdXXVV1dXd3p+fj5aAOqrb5kP/DSAe1iUx2KxdwwGg+gZ1N7eXmR8fPxUY2PjFyx6RbT9HYCf6nHAlD6+yDp5lwrMGbq+vu5vbm4empmZoeGnRqFFhM8p7eSAH8zMb5mUyQUmpclk8q/JyUlvbW3tzP6+KhGM5s8/csBMzorrJRZgTsbW1tYFh8Nxcmxs7Dem3r+28YHzImBaQaxiHc4kXwlgkpNKpa7Mzs6eqampORuPx1MKgdOwniZgclTksJiLUsCcIeFw+JLb7X5rcHDwJ2bj/hPgJ+ByAI8oIVBpYLIpnU4n/X7/B1ardSIcDlO6yFIuErBiU0A1gDm63d3dn3t6ega6u7tp1VJu2SDg5wDcJlcCv52awBk9qWAw+HFlZaU3Go3K+bYjBPwCgJuLBPjAzFAodM5kMr0hI3wlCJg8dEkxAZOtHo/H7XQ6gxLt/oeArUqEJCXDkhiIxcXFjywWy7CYurw66aIFDgaDZ81m82k5wEU5pPv6+lzt7e3fSAQ+GNJF57TW1tbmysvL35TrtHQXloom8ejt7R3o6upiTjyKIbX80Gq1jiuVWmp28rCzs3PJ5XIpPnnQ5PTQ5/Odqa6uVmV6SJ5dSwsASw6HY0DNBQAC1sQSz9TU1Ls2m+0zGeFGTDj+3xLPkS/itbS0DE1PTxdsEY966CiWaS9PTEycamhomBPzihjqXLNMS7LorNVxBqG0ED9kNBrpYJpgKfBC/DnujJeiWy2bm5uvl5aWUiKTtyQSie3h4WFNbLWQkUzbLaOjo5X19fXteWhpM+1Tu93+npY208hWpu3SQCDwSkVFxct8aNou7e/vH3C73d8LjnVlKwhul5I65g3xjo4Ok81mO1FSUnJDIBBYdjqdfplrUCz4ojfESYmujjxwvaqrQy0ctGJTR5axKbGt7GNLpEd3B9MIWldHD7nRpKvDpfxPSIuOTJXjw3xoXR0Q58B1dQWA/7Z1c8kjOzQSOH3fal7joWP+sm+zcAYLnZeWGPMPQpguLmrl6hhNXsX7F5CNM2U5GDuYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 30px
}

.type2[data-v-6048a956],.type25[data-v-6048a956] {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    bottom: 10px
}

.type25[data-v-6048a956] {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 30px
}

.live_type[data-v-6048a956] {
    width: 70px;
    height: 22px;
    border-radius: 0 0 6px 0;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0
}

.type83[data-v-6048a956] {
    background: #f06565
}

.type83_bg[data-v-6048a956] {
    width: 9px;
    height: 10px;
    background: url(data:image/gif;base64,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) no-repeat;
    background-size: 9px 10px;
    margin-right: 8px
}

.type84[data-v-6048a956] {
    background: #81be40
}

.type84_bg[data-v-6048a956] {
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABKElEQVQ4T7WVPUqDQRCGn1ew0wNoKwhiK2gdPIARkkLs/LmB4hHE3CBqFy0sYg4g1gq2Igq2egDTCY4M7BeGJcEPXRe2mZl9ZmZndlaMWWY2DWykvQLMJ7M34AEY+Jb0mR9XLjCzJtABFsY5C7JX4EDSdbQbAc1sCjh2ox9AudqdH0n6ckUEnvwCVsE7kg5HwJRmP3NtwBlwDjwm3TKwA+zGYJJu09NXKsBTdmfvwLak2wlFawA9YC670yUHtoCroPDI1ifBKjszc+hNFmnbgRfAVgCeStqvUxgz6wJ7wfbSgc/AYhCuSbqvCVwF7oLtiwM/gJkgnJU0rAn0c36+WsN/ARZPuXhRireNT5Zyje3lKfr0QueXGw4pyrLjK0RaZsDGl/GXL+AbKimpjVHhRvAAAAAASUVORK5CYII=) no-repeat;
    background-size: 10px;
    margin-right: 3px
}

.type89[data-v-6048a956] {
    background: #48a2e6
}

.type89_bg[data-v-6048a956] {
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABKElEQVQ4T7WVPUqDQRCGn1ew0wNoKwhiK2gdPIARkkLs/LmB4hHE3CBqFy0sYg4g1gq2Igq2egDTCY4M7BeGJcEPXRe2mZl9ZmZndlaMWWY2DWykvQLMJ7M34AEY+Jb0mR9XLjCzJtABFsY5C7JX4EDSdbQbAc1sCjh2ox9AudqdH0n6ckUEnvwCVsE7kg5HwJRmP3NtwBlwDjwm3TKwA+zGYJJu09NXKsBTdmfvwLak2wlFawA9YC670yUHtoCroPDI1ifBKjszc+hNFmnbgRfAVgCeStqvUxgz6wJ7wfbSgc/AYhCuSbqvCVwF7oLtiwM/gJkgnJU0rAn0c36+WsN/ARZPuXhRireNT5Zyje3lKfr0QueXGw4pyrLjK0RaZsDGl/GXL+AbKimpjVHhRvAAAAAASUVORK5CYII=) no-repeat;
    background-size: 10px;
    margin-right: 3px
}

.card_desc[data-v-6048a956] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.article_title[data-v-6048a956] {
    font-size: 20px;
    line-height: 28px;
    color: #343a40
}

.article_title[data-v-6048a956]:hover {
    color: #008bff;
    cursor: pointer
}

.article_status[data-v-6048a956] {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #868e96;
    padding-bottom: 4px
}

.auth[data-v-6048a956] {
    display: flex;
    align-items: center;
    margin-right: 32px
}

.auth_icon[data-v-6048a956] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f5f5f5
}

.auth_icon[data-v-6048a956],.eye[data-v-6048a956] {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.eye[data-v-6048a956] {
    width: 18px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAFg0lEQVRYR71XbWxTVRh+3nvbfbIhmxIYHxoBMUpCMIooCaKCBj8S5GMKEuJgs+um2zqBrUNMNLBugOsoru1gU38ASgNqMIIGMhGNAhoMGiIR1ABziAKRbTC6cu9jThlkjG3t5uD+uznv+7zPOef9eI6gh9/bVe8Oaw0F00E+AGAMKLdB2D8MQzlHwd8CHoLI9zHW2MBruQtO9CSERGNcVRXo1xw6+7xJzgPwCMmo/ESEJHeLyAZLauLmxfPnn48ULyJwubt6uglzLcmhCkyA8xT5DOR2XdePg0YDkmIbwoGagmkQPc00zdsJTBPyaQKJYT+RegpzSwpytnVHqktCbnf14BYYXhDTwwAiB3TICuuQlB2F6ektkXaq1isCgfhgw5mnYGIpwXGXcfCRJSY+d0luxl+dYXRKqPSddXdJyNhJcjggZwWytNhhWyciZjREOtqQ1Mor/TaTWA4wBcAxi65NXZKffaSj7XWEXB7fOFzC5wQHimBfoh73bF7egn96Q6Sjzyqfb2CoBZ8CHA+RU5ouTxbnZR9sb3cNIVeF904IfiAxACJfWFMTZ0aTiD0hqwqksfX0VhJPqNO3Wi33L341648rGFcJhe+7/sx3BMeKyLaUBG2WzWYL9SRYtLaBQCDmt/ozWwk+I5AfBw2IezgjI+NiW9Fchimt8NYAWAjIYb1/zPiihQubugugSr98jT+T5EIC97aBHRKR2qL87BpV8t35ezwbks8bTftJjhbBOqcjx3aVULnHO8E05FsSQV0s9xU5sn7pDkxV4EWYG0g+1mmliNTFQZvncNhOdoez2uO/J2SYBwCJ0XRMKMqz7w9fWWmFb59KNBFZ4XTYX490MmWV/l2KjOotgCyJg+xWPhfByQBXqp4lInXFBdlTIp2Uy+0tJeEUyF5nof0hcbl9k0l+CZGT1tTEUZGSuKzSl2WaVC2gPjbJOrYwM/Ns+w1U1NSkBJtCBxUpTZOXiwvs67vbYDjJg6ePEBhksVgmK0KbSM7RNCwrLshZHikxXW7vXhIPimhznY7sDzqzd7n9c0hzk2obTkfOhMiYvmUk3wJkk5S6fQ0gB8fGxg2PZhCWur1NIPrFi57WVY6Eu7waKYLmEkdOUiRCZZXVw03TOKZuSZ3QifCdx8aMcuZmHo3kfCMIuapqRjLYekSlgSK0nmQmNCkrKbA7IxG6IVdW4S0jUATIelm1xjcmZPBnNcXjNeuIgoKsU92R6uukXln13iAj2HJUqQINljHhsndVeAMEZkNkS4nDPvtmln2p27sVxAwRbHY6cl4IEypfW5tmhloPE0zSdJlTnG//8GY0xrI13rmmgY0QNMZDv1sVydVZVlbps5km/erqxKJN7DiFOxL8v6NDqQoa+AZkQvt+de20b0twETlutVonLXol81ikJO/Nusvtu4PkHgDD2s+xa4ar+lFT+OifZ+pAThRBg0Ws0xYXZP3Um6Bd+ZR5/GNNgztU74PI16kJ2uPtVcV1Ak1N4eZLjZ8AeFQg5yCY4XTY6/qClKvCO4UClcTJatZpyTHTO6qKTiWsx7M99vylYxsJzmwbjrXWBM25yGY73Rtiq6urbw1dMMsBZIRfLCJbRg5JfTE9Pb21I16XIj+sg93+JQTfIBAf1tYaSnVr3MauBHpHcNVjLrUG5wnMEqVCBWiBhjeL8+2rutLnEZ9BKz3VIwzD8JOY0hZQCf2vNMFWEe1XUK9HslYfXms0h0KMoSY4miZnqDccAC28JrJTyGxnYc7v3Z1yREJXnMsr/VMNky8J+NzlE4viE7kgwMcg33cW5uyKwkO9+3r2ldfWJhnNoVlichKIsRSkCXiLQiHkXyHUlD9ITfbo/axbIknhqHOoZzT7zrrHJ9R3oTtH+g8Xec3E2o4pIQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 18px 14px;
    margin-right: 8px
}

.account[data-v-77d98ace] {
    padding: 30px 23px;
    box-sizing: border-box;
    border-radius: 7px 7px 8px 8px;
    background: #fff;
    margin-bottom: 34px;
    border: 1px solid #eff2f5;
    position: relative
}

.info[data-v-77d98ace] {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.photo[data-v-77d98ace] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    background: #f5f5f5
}

.name>div[data-v-77d98ace]:first-child {
    display: flex;
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    margin-bottom: 4px
}

.name>div[data-v-77d98ace]:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
    color: #868e96
}

.health[data-v-77d98ace] {
    width: 56px;
    height: 24px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    margin-bottom: 10px
}

.nums[data-v-77d98ace] {
    font-size: 14px;
    line-height: 20px;
    color: #868e96;
    padding-left: 2px
}

.desc[data-v-77d98ace] {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #868e96;
    display: flex;
    flex-wrap: wrap
}

.bg[data-v-77d98ace] {
    width: 83px;
    height: 102px;
    background: url(../img/account_bg.cf1861d2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 8px;
    bottom: 1px
}

.keyCall[data-v-84514208] {
    width: 360px;
    min-height: 200px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #eff2f5
}

.title[data-v-84514208] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #dee2e6
}

.title>div[data-v-84514208] {
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    font-weight: 700
}

.item[data-v-84514208] {
    width: 100%;
    height: 114px;
    padding: 16px 0;
    box-sizing: border-box;
    display: flex
}

.item[data-v-84514208]:hover {
    background: #f8f9fa;
    cursor: pointer
}

.icon[data-v-84514208] {
    width: 144px;
    height: 81px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    background: #f5f5f5
}

.name[data-v-84514208] {
    flex: 1;
    font-size: 18px;
    line-height: 26px;
    color: #343a40;
    overflow: hidden
}

.name[data-v-84514208]:hover {
    color: #008bff
}

.home[data-v-57ce10d4] {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    box-sizing: border-box
}

.left[data-v-57ce10d4] {
    width: 750px;
    min-height: 753px;
    background: #fff;
    border-radius: 8px;
    margin-right: 90px;
    border: 1px solid #eff2f5;
    display: flex;
    flex-direction: column
}

.list[data-v-57ce10d4] {
    min-height: 697px;
    padding-bottom: 32px
}

.tab[data-v-57ce10d4] {
    padding: 20px 33px 10px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 33px;
    color: #343a40;
    display: flex
}

.tab_item[data-v-57ce10d4] {
    padding-bottom: 5px;
    margin-right: 24px;
    cursor: pointer
}

.tab_line[data-v-57ce10d4] {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #fff
}

.tab_current .tab_name[data-v-57ce10d4] {
    color: #008bff
}

.tab_current .tab_line[data-v-57ce10d4] {
    background: #008bff
}

.right[data-v-57ce10d4] {
    width: 358px
}

.empty[data-v-57ce10d4] {
    padding-bottom: 254px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
    color: #868e96;
    text-align: center
}

.empty_bg[data-v-57ce10d4] {
    width: 260px;
    height: 186px;
    background: url(../img/empty.63ba756f.png) no-repeat;
    background-size: 100%;
    margin: 0 auto 30px
}

.loading[data-v-57ce10d4] {
    padding-top: 50px;
    box-sizing: border-box;
    height: 100%;
    color: #868e96;
    text-align: center
}

.topic[data-v-18e23e33] {
    padding: 40px 0;
    box-sizing: border-box;
    justify-content: space-between
}

.article_list[data-v-18e23e33] {
    width: 750px;
    background: #fff;
    border-radius: 8px;
    padding-bottom: 32px;
    border: 1px solid #eff2f5
}

.index_recommend[data-v-18e23e33] {
    width: 392px
}

.topic[data-v-51d72edb] {
    padding: 40px 0;
    box-sizing: border-box;
    justify-content: space-between
}

.topic_banner[data-v-51d72edb] {
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: .8rem;
    border: 1px solid #eff2f5;
    margin-bottom: 32px
}

.bg[data-v-51d72edb] {
    width: 100%;
    min-height: 171px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 hsla(0,0%,53.3%,.8)
}

.desc[data-v-51d72edb] {
    font-size: 16px;
    line-height: 22px;
    color: #343a40;
    margin-top: 20px
}

.article_list[data-v-51d72edb] {
    background: #fff;
    border-radius: 8px;
    padding-bottom: 32px;
    border: 1px solid #eff2f5
}

.index_recommend[data-v-51d72edb] {
    width: 392px
}

.video {
    width: 100%;
    height: 377px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden
}

.video_play {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: rgba(0,0,0,.4) url(data:image/png;base64,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) 46px 50% no-repeat;
    background-size: 48px 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    cursor: pointer
}

.video video {
    width: 100%;
    height: 100%;
    display: block;
    outline: none
}

.video:hover .tools {
    bottom: 0
}


.play_status {
    width: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 22px 20px;
    margin-right: 20px;
    cursor: pointer
}

.play {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAACG0lEQVRYR+3ZPWsVQRTG8f9DEMXG1GJhI1h5q7Q2QfB7qKCNWhhQiRa+QdIYIYl+ARWx1kIsDaQwRK1UsDHEykaERDFy5IFdMLi7zk3u3Z1ATntndn/M7MycM1fskFCKMyL2AoeAVUk/UvoMuk0jNCKOArPAcWAPsAE8Ba5J+jRoTNPzaqER0QMWgX0VD1gHJoF7kn63AW6CvgGMbYrXwClJ74aNrYRGxEF/j4kv/wVMAbck/Uzs03ezOug48LLPp70HTkta6LNfUvM66AngRdITNjcKYA64Kun7FvrXdhk0tHzRZ+CcpOeDwg4LWvoeAhclfd0ueNhQ+4w8L+nxdrBtQEvfs+JzWNkKuE2ofV5gl4H7krzwkqNtaAl7VWxlH1KlXUHt8+FwA5iW5ByiMbqElrC3xTG81CTNAWqfE5tLkmbqsLlAS58PiQdV2NygX4DDkpzobIrcoMb1qtLGXej/tpua350De+r/2a5yG9HsF5O3pwlJd3Penlxvue5y/VUbXU69j9CbrrdyPkKdlJyR5DorKdoeUad5V4D5nNM8109nJWWbOLsUuSDpUdIc1zQa9tQbZ2S2xZ2n19OcbbnsOmjeC6atC4gdc6VzBPiY+PE7d5z25t3FJZkX2XL2144eyYgYKy7KRitGdg24Dsx0fpFbYI8Bd4CTwAhg4BPgdjZX43+PYkQcAPYD3yQZ23ok/SvSuqrihX8Ae9bqKfV8U/gAAAAASUVORK5CYII=)
}

.pause {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAA9UlEQVRYR+2Y0QnCQBBEZ1rwT7EHW7ANLcQiLETbsAV7EPNnCyvBC2jg9jyXiCeT38DwmJvsbYZo7GFjvBDw1CfmOmxmSwB7AGsA8wTTATgB2JG8fAIY0c0CJ9EzgFkG6gZgVQsd1fWADwA2BQePJLc1LptZSNcDvj7FIMfUkVxUAod0PWB7B4Rk1aQxs5CugEunIocHh6JO5JyO6irDyvDIAUVCkVAktEs8MpBbqjQlNCU0JTQlNCVevwL9hCY/dHEMwVAkFInxVflDF0eotHN6iZDuX9WtffveTqHdH2mk2vf24ohuVbdbWs6/8V7AU7vcnMN3V848PLSCPmsAAAAASUVORK5CYII=)
}

.time {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-family: Helvetica Neue;
    margin-right: 12px
}




.full_screen {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAACiklEQVRYR82ZPYxMURTHf/8EUVD4ytIofFQSKiIaDRWFRkJLIiFUEtaKiEjsUmgIiYSWRKOgEoVCQlS29VFokGATUYhs9siZ3De5Jm929t15e+feZmbeu2/Ob86553/PPSMKH6rjM7MlwEZgRSb+38BnSbO99v4DNLPlwGXgBLA6E1xl5idwD7gi6U91sQsY4F4AezKD9Zp7BeyrIGPASWA8zP4LPAe+ZYIdA/YDy4K9KUkX/H0HMKw5h/GwOtxeSa8zwXXMmNlu4GWA9HCP+ZqsADcBHwPQM0kHc8JVtszsKXAgfN4s6VMFuB14F248kHR8RID3gWPB9g5J0wMBzWwDcAlYNQ/095B9/po8zCwJ8A5wcgFWJyVNLGBe3ympgA+BIwMMu8AelvSkFEAPxVQEMyPpxzBwIZOTQtzPgxOSXDtbG22E2H9hnOEXJV1ri7ANwK2+1oAYqjVPtgIo6YOZ+TYUQ45Luj6sJ1sDDAs6hpwD1knyLSp5pALeAk4DLiXr42w1s/PBk9PAzrp6rgltKuBa4Czwpk7nzMwLjF/DwiXLTBMPDDs3yYPDGm3yfFZAM1sKrKxLHDM7BOwCbkrqFhjZAAPcW2Ab4GJ+o/Kkma0BvgJ+MLst6Ux0r/lW1yREkSFPHK/QHcJHV8zNbAvwPlx/JOlodsCQkeeAWLw7kMUA1oh5x5PA4yI8GIWtd1uMC47RhTheuzV7d3V7dIAhW+NzjJ+5ew9jowEMOudrrcrifmIwMsC4SzGfUt2VdCq7zJiZFxjehPLXfmMGuCrpS3bAFHEfVM0U3/rwxVxu8yi4t9z2WwD07mq5DcwIsswWcM/WVGYTPVUeFvO52r8hFtNg0+8uHvAf494ISer9l54AAAAASUVORK5CYII=) no-repeat;
    background-size: 20px
}

.audio {
    width: 100%;
    height: 377px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden
}

.audio_bg {
    width: 100%;
    height: 100%;
    filter: blur(12px)
}

.audio_bg,.audio_fixed {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.audio_fixed {
    width: 400px;
    height: 225px;
    border-radius: 8px;
    z-index: 1
}

.audio_fixed,.audio_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.audio_play {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: rgba(0,0,0,.4) url(data:image/png;base64,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) 46px 50% no-repeat;
    background-size: 48px 60px;
    z-index: 2;
    cursor: pointer
}

audio {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: -100px;
    left: -100px
}

.tools {
    width: 100%;
    height: 45px;
    padding: 0 30px;
    box-sizing: border-box;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.play_status {
    width: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 22px 20px;
    margin-right: 20px;
    cursor: pointer
}

.play {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAACG0lEQVRYR+3ZPWsVQRTG8f9DEMXG1GJhI1h5q7Q2QfB7qKCNWhhQiRa+QdIYIYl+ARWx1kIsDaQwRK1UsDHEykaERDFy5IFdMLi7zk3u3Z1ATntndn/M7MycM1fskFCKMyL2AoeAVUk/UvoMuk0jNCKOArPAcWAPsAE8Ba5J+jRoTNPzaqER0QMWgX0VD1gHJoF7kn63AW6CvgGMbYrXwClJ74aNrYRGxEF/j4kv/wVMAbck/Uzs03ezOug48LLPp70HTkta6LNfUvM66AngRdITNjcKYA64Kun7FvrXdhk0tHzRZ+CcpOeDwg4LWvoeAhclfd0ueNhQ+4w8L+nxdrBtQEvfs+JzWNkKuE2ofV5gl4H7krzwkqNtaAl7VWxlH1KlXUHt8+FwA5iW5ByiMbqElrC3xTG81CTNAWqfE5tLkmbqsLlAS58PiQdV2NygX4DDkpzobIrcoMb1qtLGXej/tpua350De+r/2a5yG9HsF5O3pwlJd3Penlxvue5y/VUbXU69j9CbrrdyPkKdlJyR5DorKdoeUad5V4D5nNM8109nJWWbOLsUuSDpUdIc1zQa9tQbZ2S2xZ2n19OcbbnsOmjeC6atC4gdc6VzBPiY+PE7d5z25t3FJZkX2XL2144eyYgYKy7KRitGdg24Dsx0fpFbYI8Bd4CTwAhg4BPgdjZX43+PYkQcAPYD3yQZ23ok/SvSuqrihX8Ae9bqKfV8U/gAAAAASUVORK5CYII=)
}

.pause {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAA9UlEQVRYR+2Y0QnCQBBEZ1rwT7EHW7ANLcQiLETbsAV7EPNnCyvBC2jg9jyXiCeT38DwmJvsbYZo7GFjvBDw1CfmOmxmSwB7AGsA8wTTATgB2JG8fAIY0c0CJ9EzgFkG6gZgVQsd1fWADwA2BQePJLc1LptZSNcDvj7FIMfUkVxUAod0PWB7B4Rk1aQxs5CugEunIocHh6JO5JyO6irDyvDIAUVCkVAktEs8MpBbqjQlNCU0JTQlNCVevwL9hCY/dHEMwVAkFInxVflDF0eotHN6iZDuX9WtffveTqHdH2mk2vf24ohuVbdbWs6/8V7AU7vcnMN3V848PLSCPmsAAAAASUVORK5CYII=)
}

.time {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-family: Helvetica Neue;
    margin-right: 12px
}

.progress {
    flex: 1;
    height: 2px;
    background: hsla(0,0%,100%,.5);
    margin-right: 53px;
    padding-right: 12px;
    box-sizing: border-box
}

.progress_f {
    height: 2px;
    background: #fff;
    position: relative
}

.progress_point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    cursor: pointer
}

.volume {
    width: 22px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAADpElEQVRYR9WZW6imUxjHf38unDI5NITUHGKUxoUpoYgSRSkXyGHILUMpoaaZjHFIIjJuuXFWjERETnMhx2LfoJwSk5zKqSH89d8977Ta7W9/3zf729/e33Pz7fU+77vWb631nNbaYsJEi81re7mkHwblWFRg208BFwKfAFdKercf+KIB287YWdlDC/If4HbgVkn/9QIfGbDtvYBLgCOAhyX91G+1bJ8FPAkc0rz7NLBe0l+zfT8SYNsHA48D59QgT0gKfF+xfWQmCJzdvPwmcK6kP2d2MG9g22uBZ4HVTec7JJ3el7ZeqN25H9jQfPM8cIGkf9t+5gVs+yLgIeCAGXCzAts+MDYKZEfukTTVfmd7M7ClebZN0rXzBra9dznITT1WsRfw1cCD9c3vwOWSnpsBHX3e6+Q8SS92jaFX2HYcJPba2txM7l7ARwEfNZHBwEZJd3Yd1GK8CpxRz3YCx0v6Je2hgG2fUPa6qo999rRh28cCsc/8dnKdpAca6BXAx0BMKHKXpJuHArZ9cdnr/gM405xOZ/sgIOErYS3yN3CqpA8a6BuAu6v9B7AyGVEVwI8B9p0DZD2QDgaV3cAVAU4DpiT93ADFUd8HjqtnnwMnSvo1bdv7AV8Ch5f+FklbAvxMwsegJAO+1wK/XPYeJztf0usNdEJi0nG3WJsk3dboNwJd+zNJawKcNDiULQ8A3QInCXQxeVfgJe3oAfVNbf107LW9EviiGW9dgOOpo5YWOM71GpAIEfkKWCspKx6o5UBA9yl9ksX2ZkIxm3XVvn7BgQtqDfAh0DnsZklbG6hHgMuqvV3SbhO1vQ24pnSPjQW4oDdVlkszzrRa0vTu2r4UeLSgdkpKfTEttq+q6JTm1DiBA/FtY3urJAU8UCcDbze6ZZJ+K10KqpdK993YgGvwH5ssd6akN+r5YcD3DfAKSV+X7iTgndLtGjdwauSu9l3awFX3To5J2J7L6RIhEikii+90ticnrFV1NtLEsdCp+S0gxU9kJKl5oYufV6qMHFnxk8JnIcvLlIk5PbwnKXG4y2ApL1P/xr4jg5WXTbCe888xFPCnSEq90U1o9gJ+UODKOpNzRGpmPjmH0AY6x/w7gBt77NDSOea3gHtwkbIMuBfI79axXaTMgB7VVdV9QHvLM/qrqsZEJucysIGenOvWYUJjM8EkrCSSrj4e74X2HkK/kHtg4FPgiiX9L4NKRFnlo3PM7w6k/SY+6guUfuPNW/8/NuxNDUEJqGwAAAAASUVORK5CYII=) no-repeat;
    background-size: 22px 20px;
    position: relative;
    cursor: pointer
}

.volume_box {
    width: 26px;
    height: 124px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%)
}

.volume_bar {
    width: 100%;
    height: 84px;
    padding: 10px;
    box-sizing: border-box;
    background: #000;
    border-radius: 13px
}

.volume_progress {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: hsla(0,0%,100%,.5);
    border-radius: 6px;
    padding-top: 9px;
    box-sizing: border-box
}

.volume_progress_f {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 6px
}

.volume_point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%)
}

.hot {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #eff2f5
}

.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #dee2e6;
    font-size: 20px;
    line-height: 28px;
    color: #343a40;
    font-weight: 700
}

.item {
    width: 100%;
    height: 114px;
    padding: 16px 0;
    box-sizing: border-box;
    display: flex
}

.item:hover {
    background: #f8f9fa;
    cursor: pointer
}

.icon {
    flex-shrink: 0;
    width: 144px;
    height: 81px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px;
    background: #f5f5f5
}

.name {
    font-size: 18px;
    line-height: 26px;
    color: #343a40
}

.name:hover {
    color: #008bff
}

.name_nolink {
    font-size: 18px;
    line-height: 26px;
    color: #343a40
}

.articleView {
    padding: 40px 0;
    box-sizing: border-box;
    align-items: flex-start
}

.article_title {
    font-size: 38px;
    line-height: 53px;
    color: #343a40;
    font-weight: 700;
    margin-bottom: 24px
}

.article_auth {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin-bottom: 54px
}

.article_auth>div,.article_auth {
    display: flex;
    align-items: center
}

.eye {
    width: 18px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAFg0lEQVRYR71XbWxTVRh+3nvbfbIhmxIYHxoBMUpCMIooCaKCBj8S5GMKEuJgs+um2zqBrUNMNLBugOsoru1gU38ASgNqMIIGMhGNAhoMGiIR1ABziAKRbTC6cu9jThlkjG3t5uD+uznv+7zPOef9eI6gh9/bVe8Oaw0F00E+AGAMKLdB2D8MQzlHwd8CHoLI9zHW2MBruQtO9CSERGNcVRXo1xw6+7xJzgPwCMmo/ESEJHeLyAZLauLmxfPnn48ULyJwubt6uglzLcmhCkyA8xT5DOR2XdePg0YDkmIbwoGagmkQPc00zdsJTBPyaQKJYT+RegpzSwpytnVHqktCbnf14BYYXhDTwwAiB3TICuuQlB2F6ektkXaq1isCgfhgw5mnYGIpwXGXcfCRJSY+d0luxl+dYXRKqPSddXdJyNhJcjggZwWytNhhWyciZjREOtqQ1Mor/TaTWA4wBcAxi65NXZKffaSj7XWEXB7fOFzC5wQHimBfoh73bF7egn96Q6Sjzyqfb2CoBZ8CHA+RU5ouTxbnZR9sb3cNIVeF904IfiAxACJfWFMTZ0aTiD0hqwqksfX0VhJPqNO3Wi33L341648rGFcJhe+7/sx3BMeKyLaUBG2WzWYL9SRYtLaBQCDmt/ozWwk+I5AfBw2IezgjI+NiW9Fchimt8NYAWAjIYb1/zPiihQubugugSr98jT+T5EIC97aBHRKR2qL87BpV8t35ezwbks8bTftJjhbBOqcjx3aVULnHO8E05FsSQV0s9xU5sn7pDkxV4EWYG0g+1mmliNTFQZvncNhOdoez2uO/J2SYBwCJ0XRMKMqz7w9fWWmFb59KNBFZ4XTYX490MmWV/l2KjOotgCyJg+xWPhfByQBXqp4lInXFBdlTIp2Uy+0tJeEUyF5nof0hcbl9k0l+CZGT1tTEUZGSuKzSl2WaVC2gPjbJOrYwM/Ns+w1U1NSkBJtCBxUpTZOXiwvs67vbYDjJg6ePEBhksVgmK0KbSM7RNCwrLshZHikxXW7vXhIPimhznY7sDzqzd7n9c0hzk2obTkfOhMiYvmUk3wJkk5S6fQ0gB8fGxg2PZhCWur1NIPrFi57WVY6Eu7waKYLmEkdOUiRCZZXVw03TOKZuSZ3QifCdx8aMcuZmHo3kfCMIuapqRjLYekSlgSK0nmQmNCkrKbA7IxG6IVdW4S0jUATIelm1xjcmZPBnNcXjNeuIgoKsU92R6uukXln13iAj2HJUqQINljHhsndVeAMEZkNkS4nDPvtmln2p27sVxAwRbHY6cl4IEypfW5tmhloPE0zSdJlTnG//8GY0xrI13rmmgY0QNMZDv1sVydVZVlbps5km/erqxKJN7DiFOxL8v6NDqQoa+AZkQvt+de20b0twETlutVonLXol81ikJO/Nusvtu4PkHgDD2s+xa4ar+lFT+OifZ+pAThRBg0Ws0xYXZP3Um6Bd+ZR5/GNNgztU74PI16kJ2uPtVcV1Ak1N4eZLjZ8AeFQg5yCY4XTY6/qClKvCO4UClcTJatZpyTHTO6qKTiWsx7M99vylYxsJzmwbjrXWBM25yGY73Rtiq6urbw1dMMsBZIRfLCJbRg5JfTE9Pb21I16XIj+sg93+JQTfIBAf1tYaSnVr3MauBHpHcNVjLrUG5wnMEqVCBWiBhjeL8+2rutLnEZ9BKz3VIwzD8JOY0hZQCf2vNMFWEe1XUK9HslYfXms0h0KMoSY4miZnqDccAC28JrJTyGxnYc7v3Z1yREJXnMsr/VMNky8J+NzlE4viE7kgwMcg33cW5uyKwkO9+3r2ldfWJhnNoVlichKIsRSkCXiLQiHkXyHUlD9ITfbo/axbIknhqHOoZzT7zrrHJ9R3oTtH+g8Xec3E2o4pIQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 18px 14px;
    margin-right: 8px
}

.auth {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
    background: #f5f5f5
}

.detail {
    flex-shrink: 0;
    width: 750px;
    margin-right: 90px;
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    box-sizing: border-box;
    color: #333;
    border: 1px solid #eff2f5
}

.toast {
    font-size: 16px;
    line-height: 22px;
    color: #868e96;
    margin-top: 40px
}

.articleView .article_info {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    word-break: break-all;
    text-align: justify
}

.article_info h1 {
    font-size: 40px;
    line-height: 60px
}

.articleView .article_info img,.articleView .article_info video {
    width: 100%;
    max-width: 100%;
    height: auto!important;
    margin: 10px auto 10px
}

.articleView .article_info iframe {

    max-width: 100%;

}

.articleView .article_info audio {
    width: 100%;
    max-width: 100%;
    margin: 10px auto 10px
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

body,html {
    width: 100%;
    min-width: 1200px;
    height: 100%;
    min-height: 100%;
    font-size: 16px;
    background: #f8f9fa
}

audio,iframe,img,video {
    display: block
}

.wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.line {
    width: 100%;
    height: 1px;
    background: #dee2e6
}

.one-line {
    -webkit-line-clamp: 1
}

.one-line,.two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.two-line {
    -webkit-line-clamp: 2
}

.three-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.cannot_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flex_row {
    display: flex;
    flex-direction: row
}

.flex_column {
    display: flex;
    flex-direction: column
}

.flex_center {
    align-items: center
}

.flex_self_center {
    align-self: center
}

.flex1 {
    flex: 1
}

.v_box {
    position: relative
}

.v_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20
}

.article_liability {
    text-align: right;
    font-size: 18px;
    color: #999;
}
.audio .volume_box{
    display: none;
}