@charset "utf-8";
:root {
--bg: #e1e8f1;
--link: #007bff;
--link-hover: #0056b3;
--color: #212529;
--code-color: #d63384;
--border: rgba(0,0,0,.125);
--border-hover: rgba(0,0,0,.250);
--white: #FFFFFF;
}
*,::after,::before{box-sizing:border-box}
html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
footer,header,main,nav {display: block;}
html,body {margin:0px;padding:0px;height: 100vm;}
body {margin: 0;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--color);background-color: var(--bg);}
img {vertical-align: middle;border-style: none;}
a {color: var(--link);text-decoration: none;background-color: transparent;cursor: pointer;display: inline-block;}
a:hover {color: var(--link-hover);text-decoration: underline;}
h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: .5rem;}
p {margin-top: 0;margin-bottom: 1rem;}
dl,ol,ul {margin-top: 0;margin-bottom: 1rem;}
ol ol,ol ul,ul ol,ul ul {margin-bottom: 0;}
dt {font-weight: 700;}
dd {margin-bottom: .5rem;margin-left: 0;}
b,strong {font-weight: bolder;}
button {border-radius: 0;}
button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
button,input,textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button,input {overflow: visible;}
button {text-transform: none;}
[role=button]{cursor: pointer;}[type=button],[type=submit],button {-webkit-appearance: button;}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {cursor: pointer;}
[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {padding: 0;border-style: none;}
input[type=checkbox],input[type=radio] {box-sizing: border-box;padding: 0;}
textarea {overflow: auto;resize: vertical;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto;}
[type=search] {outline-offset: -2px;-webkit-appearance: none;}
[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}
h1,h2,h3,h4,h5,h6 {margin-bottom: .5rem;font-weight: 500;line-height: 1.2;}
.h1,h1 {font-size: 2.5rem;}
.h2,h2 {font-size: 2rem;}
.h3,h3 {font-size: 1.75rem;}
.h4,h4 {font-size: 1.5rem;}
.h5,h5 {font-size: 1.25rem;}
.h6,h6 {font-size: 1rem;}
/* card */
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid var(--border);border-radius: 0.25rem;}
.card:hover {border-color: var(--border-hover);}

/* container */
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width:576px){.container {max-width: 540px;}}
@media (min-width:768px){.container {max-width: 720px;}}
@media (min-width:992px){.container {max-width: 960px;}}
@media (min-width:1200px){.container {max-width: 1140px;}}
@media (max-width:576px){.container {padding: 0 0.5rem;}}

.small, small {font-size: 80%;font-weight: 400;}

/* header small */
.header-small {display: flex;}
.header-help {flex: 1;text-align: left;}
.header-btn {text-align: right;}
.header-btn a {}
@media (max-width:992px){.header-small {display: none;}}

/* header top */
.header-top {display: flex;height: 60px;align-items: center;}
.header-top.container {justify-content: space-between;}
.header-top .header-logo {}
.header-top .header-logo img {height: 42px;}
.header-top .header-user {flex: 1;padding: 0 30px 0 0;margin: 0;display: inline-flex;justify-content: end;}
.header-top .header-user li {list-style: none;}
.header-top .header-user li:not(:last-child) {margin-right: 0.5rem;}
.header-top .header-user li a {}
.header-top .header-search {flex: 0 0 41.666667%;max-width: 41.666667%;}
.header-top .header-search form {display: flex;position: relative;}
.header-top .header-search input:focus {z-index: 3;}
.header-top .header-search input:focus {color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);}
.header-top .header-search input {display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 4rem 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color .15s;flex: 1 1 auto;width: 1%;}
/* .header-top .header-search input:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;} */
/* .header-top .header-search input:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;} */
.header-top .header-search button {color: #fff;background-color: #007bff;border-color: #007bff;display: block;font-weight: 400;text-align: center;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;transition: color .15s;user-select: none;margin-left: -1px;border-top-left-radius: 0;border-bottom-left-radius: 0;z-index: 4;position: absolute;right: 0;}
@media (max-width:992px){
.header-top {display: block;height: auto;}
.header-top .header-logo {display: block;text-align: center;margin: 5px 0;}
.header-top .header-user {padding: 0;display: flex;justify-content: center;}
.header-top .header-search {max-width: inherit;margin: 0.25rem 0;}
}

/* headernav */
.header-nav {background-color: #6c757d;}
.header-nav .container {display: flex;align-items: center;justify-content: space-between;position: relative;}
.navbar-toggler {display: none;color: rgba(255,255,255,.5);margin: 0.25rem 0;padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid rgba(255,255,255,.1);border-radius: 0.25rem;}
.navbar-toggler .icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.header-nav .navbar-nav {flex: 1;display: flex;height: auto;}
.header-nav ul ,.header-nav li {margin: 0px;padding: 0px;list-style: none;}
.header-nav .navbar-nav li {}
.header-nav .navbar-nav .nav-item {}
.header-nav .navbar-nav .nav-item.active .nav-link {color: rgba(255, 255, 255);}
.header-nav .navbar-nav .nav-link {display: block;color: rgba(255,255,255,.5);padding: 0.5rem;}
.header-nav .navbar-nav .nav-link:hover {color: rgba(255, 255, 255, .75);text-decoration: none;}
.header-nav .dropdown {position: relative;}
.header-nav .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}
/* .header-nav .dropdown:hover>.navbar-dropdown {display: block;} */
.header-nav .navbar-nav .navbar-dropdown {display: none;position: absolute;width: 500px;padding: 3px 0px;z-index: 1;}
.header-nav .navbar-nav .navbar-dropdown-list {background: #FFF;padding: 0.5rem 0;border: 1px solid rgba(0,0,0,.15);border-radius: 0.25rem;display: flex;flex-wrap: wrap;}
.header-nav .navbar-nav .nav-item-tags {width: 25%;margin: 0.25rem auto;}
.header-nav .navbar-nav .nav-item-tags a {max-width: 100%;display: block;padding-left: 20px;}
.header-nav .tuijian {position: absolute;z-index: 99;right: 0;top: 0;margin: 0.25rem 0;padding: 0.25rem 0.75rem;}
@media (max-width:992px){
.header-nav .container {display: table;}
.navbar-toggler {display: block;}
.header-nav .navbar-nav {display: none;}
.header-nav .navbar-nav-show {display: block;}
.header-nav .dropdown:hover>.navbar-dropdown {display: none;}
.header-nav .navbar-nav .navbar-dropdown {position: relative;width: 100%;padding: 3px 0px;}
.header-nav .navbar-nav .nav-item-tags {width: 33%;}
.header-nav .navbar-nav .nav-item-tags a {text-align: center;padding-left: 0px;}
.header-nav .tuijian {line-height: 36px;}
}

/* list text */
.list-text {margin: 0.5rem auto;text-align: center;}
.list-text-danger {color: #dc3545;}
/* list */
.list {}
.list h2 {margin: 1rem 0;}
.list ul {padding: 0;display: grid;grid-template-columns: repeat(4,auto);grid-gap: 0.5rem;}
.list .list-item {max-width: 100%;overflow: hidden;}
.list-img {}
.list-img img {max-width: 100%;display: block;opacity: .5;transition: opacity .2s ease-in-out;width: 100%;height: 330px;object-fit: cover;}
.list-num {margin-top: -28px;margin-right: 10px;text-align: right;position: relative;}
.list-num span {background: rgba(0,0,0,.5);color: #fff;padding-right: 0.6em;padding-left: 0.6em;border-radius: 10rem;display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 400;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.list-body {padding: 0.5rem;}
.list-body > a{}
.list-body dl {margin: 0;display: flex;flex-wrap: wrap;}
.list-body dt {flex: 0 0 40px;max-width: 40px;font-weight: 500;color: #6c757d;}
.list-body dd {flex: 0 0 calc(100% - 40px);max-width: calc(100% - 40px);margin: 0;}
.list-body dd a {margin-right: 0.5rem;}
@media (max-width:992px){.list ul {grid-template-columns: repeat(3,auto);}}
@media (max-width:768px){.list ul {grid-template-columns: repeat(2,auto);}}
@media (max-width:576px){
.list ul {grid-template-columns: repeat(2,auto);}
.list .list-album {grid-template-columns: repeat(2,auto);}
.list .list-album .list-body {font-size: 14px;}
}
/* list page */
.page {display: flex;padding-left: 0;list-style: none;border-radius: 0.25rem;-ms-flex-pack: center;justify-content: center;flex-wrap: wrap;}
.page ,.page-item {list-style: none;padding: 0;}
.page-item {}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link {border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}
.page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #007bff;background-color: #fff;border: 1px solid #dee2e6;}
.page-link:hover {z-index: 2;color: #0056b3;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6}
.page-link:focus {z-index: 3;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)}
.page .active {}
.page .active .page-link {z-index: 3;color: #fff;background-color: #007bff;border-color: #007bff;}
.page-none {}
@media (max-width:768px){.page-none {display: none;}}

/* special */
.special {}
.special .card {padding: 0 1.25rem;}
.special .special-border {border-bottom: 1px solid #dee2e6;}
.special ul ,.special li {list-style: none;padding: 0;}
.special h2 {margin: 1rem 0;}
.special ul {padding: 0;display: grid;grid-template-columns: repeat(6,auto);grid-gap: 0.5rem;}
.special li {width: fit-content;}
.special .img {border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;min-height: 172px;}
.special .img img {max-width: 100%;display: block;opacity: .5;transition: opacity .2s ease-in-out;width: 100%;height: 100%;}
.special .num {margin-top: -35px;margin-right: 10px;text-align: right;position: relative;margin-bottom: 10px;}
.special .num span {background: rgba(0,0,0,.5);color: #fff;padding-right: 0.6em;padding-left: 0.6em;border-radius: 10rem;display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 400;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.special .text {display: block;text-align: center;}
@media (max-width:992px){.special ul {grid-template-columns: repeat(4,auto);}}
@media (max-width:768px){.special ul {grid-template-columns: repeat(3,auto);}}
@media (max-width:576px){.special ul {grid-template-columns: repeat(2,auto);}}

/* pic box */
@media (max-width:576px){.list-img img {max-width: 100%;display: block;opacity: .5;transition: opacity .2s ease-in-out;width: 100%;height: 240px;object-fit: cover;}}


/* title box */
.index {padding: 3rem;background-color: #f8f9fa;border-radius: 0.25rem;border-top-left-radius: 0;border-top-right-radius: 0;}
.index h1 {}
.index p {color: #6c757d;margin-bottom: 0;}
@media (max-width:576px){
.index {padding: 1rem;}
.index h1 {font-size: 1.5rem;}
.index p {font-size: 12px;}
}

.list-t {margin: 0.5rem 0;padding: 1.25rem .75rem .75rem;}
.list-t h1 {text-align: center;}
.list-t p {margin-bottom: .5rem;}
.list-t dl {margin: 1rem 0 0 0;padding-top: 1rem;border-top: 1px solid #dee2e6;}
.list-t dt ,.list-t dd {display: inline-block;}
.list-t dt {color: #6c757d;font-weight: 400;}
.list-t dd {margin-right: 1rem;}
@media (max-width:576px){
.list-t {padding: 1rem;}
.list-t h1 {font-size: 1.5rem;}
.list-t p {font-size: 12px;}
}

/* album top */
.album-top {margin: 1rem 0;padding: 1.25rem 0 .75rem;}
.album-top h1 {text-align: center;margin-bottom: 1rem;}
.album-top dl {display: grid;grid-template-columns: 15% 35% 15% 35%;margin-bottom: 0;}
.album-top dl dt {text-align: right;padding-right: 15px;padding-left: 15px;font-weight: 500;}
.album-top dl dd {}
.album-top dl dd a {margin-right: 1rem;}
@media (max-width:768px){.album-top {margin: 0.5rem 0;}.album-top dl {grid-template-columns: 33% 67%;}}

/* album details */
.content {position: relative;}
.content a {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.content img {max-width: 100%;display: block;margin: auto auto 1rem;}
@media (max-width:576px){.content {margin: 0 -0.5rem;}}

/* dialog */
.dialog-box {display: inline-block;background-color: white;font-size: 14px;padding: 5px;border-radius: 5px;color: #fff;position: relative;}
.dialog-box:before {content: "";width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent white transparent transparent;position: absolute;left: -12px;top: 50%;margin-top: -6px;}

/* tujia */
.tujia {position: relative;margin: 1rem auto;height: 72px;}
.tujia-img {border-radius: 10px;width: 50px;height: 50px;position: absolute;left: 15px;bottom: 6px;box-shadow: 0 1px 6px #000;z-index: 9;background-size: cover;background-position: center;background-color: #fff;overflow: hidden;display: flex;}
.tujia-img img {width: 100%;}
.tujia .marquee {content: "";display: block;height: 32px;width: 100%;position: absolute;bottom: 0;background: rgba(0,0,0,0.8) }
.tujia .marquee-wrap {display: flex;align-items: center;position: absolute;left: 80px;right: 70px;bottom: 9px;margin: 0;height: 17px;overflow: hidden;word-wrap: normal;white-space: nowrap;}
.tujia .marquee-wrap a {display: inline-block;width: 100%;line-height: 16px;position: relative;color: #fff;font-style: normal;white-space: nowrap;margin-right: 140px;font-size: 14px;color: #fff;}
.tujia .marquee-wrap a:hover {text-decoration: none;}
.tujia .marquee-wrap a:nth-child(1){-webkit-animation: marquee 8s linear infinite;}
.tujia .marquee-wrap a:nth-child(2){-webkit-animation: marquee 8s linear infinite;}
@keyframes marquee {
0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
100% {-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
}
.tujia-look {background: #C00;color: #FFF;display: block;position: absolute;right: 15px;bottom: 5px;width: 40px;height: 21px;line-height: 21px;overflow: hidden;border-radius: 2px;text-align: center;}
.tujia-look:hover {color: #FFF;text-decoration: none;}
@media (max-width:576px){.tujia {margin: -56px -8px 1rem;}}

/* up */
.up {}
.up ul ,.up li {list-style: none;padding: 0;}
.up ul {display: grid;grid-template-columns: repeat(6,auto);grid-gap: 0.6rem;}
.up ul li {padding: 1rem;}
.up ul li a {text-align: center;}
.up ul li span {color: #6c757d;text-align: center;font-size: 0.85rem;}
@media (max-width:992px){
.up ul {grid-template-columns: repeat(5,auto);}
}
@media (max-width:768px){
.up ul {grid-template-columns: repeat(4,auto);}
}
@media (max-width:576px){
.up ul {grid-template-columns: repeat(2,auto);}
}

/* model */
.model {margin-top: 1rem;}
.model-body {min-height: 1px;padding: 1.25rem;display: grid;justify-content: space-between;grid-template: auto / 25% auto;}
.model-picture {width: 100%;}
.model-picture img {max-width: 100%;border-radius: 0.25rem;padding: 0.25rem;background-color: #fff;border: 1px solid #dee2e6;}
.model-meta {padding-left: 1.25rem;}
.model-meta h1 {}
.model-row {border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);margin: 1rem auto;padding: 1rem 0;}
.model-row dl {display: flex;flex-wrap: wrap;margin-bottom: 0;}
.model-row dt {width: 15%;}
.model-row dd {width: 35%;}
.model-text {}
@media (max-width:768px){
.model {margin-top: 0.5rem;}
.model-body {grid-template: auto / auto;}
.model-picture {text-align: center;}
.model-meta h1 {text-align: center;margin-top: 1rem;}
}

/* footer */
.footer {border-top: 1px solid #dee2e6;margin-top: 0.5rem;}
.footer ul ,.footer li {list-style: none;padding: 0;}
.footer ul {margin-bottom: 0.5rem;} 
.footer .container {margin-top: 0.5rem;padding: 0.5rem 15px;}
.footer .language {flex-wrap: wrap;}
.footer .list-inline {display: flex;}
.footer .list-inline-item {}
.footer .list-inline-item a {}
.footer .list-inline-item:not(:last-child) {margin-right: 0.5rem;}
.footer .text-muted {}
.footer .ml-auto {flex: 1;text-align: right;position: relative;}
.footer-qrcode {width: 50px;height: 50px;position: absolute;right: -17px;top: -55px;display: none;}
.footer-qrcode img {max-width: 100%;border-radius: 0.25rem;}
@media (max-width:992px){.footer {font-size: 12px;}}

/* fantop */
#fantop {display: none;position: fixed;bottom: 130px;right: 50px;z-index: 999;border: none;outline: none;color: var(--link);cursor: pointer;padding: 0px 10px;border-radius: 10px;font-size: 30px;opacity: 0.8;}
#fantop:hover {opacity: 1;}
@media (max-width:992px){#fantop {bottom: 113px;right: 20px;font-size: 26px;}}
@media (max-width:575.98px){#fantop {bottom: 8px;right: 8px;font-size: 20px;}}

/* onepage */
.onepage {margin-top: 0.5rem;}
.onepage-body {padding: 1.25rem;}
.onepage em {font-size: .875em;color: var(--code-color);word-wrap: break-word;font-weight: bolder;font-style: normal;margin: 0 .25rem;}


.pic font, .pagelist font, .pic u, .pagelist u {
    padding: 4px 6px;
    background-color: red;
    color: #fff !important;
}

.interestline {
    padding: 2px 4px;
    color: #696969;
    line-height: 16px;
    text-align: left;
    border: 1px solid #B0C4DE;
    background-color: #F6F6F6;
    width: 100%;
    margin: 8px 0px;
    border-radius: 5px;}
    
     .interestline a {
    padding: 5px 4px;
    height: auto;
     }
@media (max-width:768px){.interestline {display: none;}}