@charset "utf-8";
html { width: 100%; min-width: 1360px;}
/* CSS Document */
.logo {width: 260px; height: 60px;}
.uk-container {min-width: 1280px;}
.mainbar {height: 60px; line-height: 60px;}
.mainbar .uk-navbar-right {display:table-cell;}
.mainbar li {float: left; list-style: none;}
.mainbar li a {display: block; padding: 0 14px; color: #282828; text-decoration: none;}
.mainbar li a:hover {background: #f0506e; color: #fff;}
.mainbar li a svg {}
.mainbar li.active a {background: #f0506e; color: #fff;}
.mainbar li.app a {padding-right: 0;}
.mainbar li.app a:hover {background: transparent; color:#f0506e;}
/* subnav */
.subnav {height: 60px; background: #f0f4f6;}
.column ul {float: right; height: 60px;}
.column li {float: left; margin-right: 18px; list-style: none; line-height: 60px;}
.column li a {display: block; color: #666; text-decoration: none;}
.column li a:hover {color: #f0506e;}
.column li.curr a {color: #f0506e;}
/* searchbox */
.searchbox {padding-top: 12px; text-align: right;}
.searchbox .uk-search input {width: 220px; height: 36px; background: #fff; border-radius: 2px; font-size: 14px;}
/* column */
.column-title h3 a {font-size: 1.5rem; color: #333; text-decoration: none;}
.column-title .column-ico-bar {width: 50px; height: 2px; background: #ef3622;}
.column-title .subcolumn a { margin: 0 5px; padding: 6px 8px; background: #f4f4f4; border: 1px solid #eaeaea; font-size: 14px; color: #6f6f6f; text-decoration: none;}
.column-title .subcolumn a:hover {background: #f0506e; border: 1px solid #f0506e; color: #fff;}
/* swiper */
.swiper {height: 550px; border-top: 1px solid #f3f3f3;}
.swiper h1 { margin-bottom: 20px; font-size: 32px; font-weight: 600; color: #fff; text-shadow: 0 2px 4px #3a3a3a;}
.search-home { border: 5px solid rgb(255 255 255 / 18%);}
.search-home input {padding: 0 20px; width: 700px; height: 50px; background: #fff; font-size: 14px; color: #333; line-height: 20px;}
.search-home .search-btn {display: inline-block; margin-left: -6px; padding: 0; width: 115px; height: 50px; background: #f0506e; font-size: 16px; color: #fff; }
.search-hot {font-size: 16px; color: #fff; text-shadow: 0 2px 4px #3a3a3a;}
.search-hot a {margin-right: 8px; font-size: 16px; color: #fff; text-shadow: 0 2px 4px #3a3a3a; text-decoration: none;}
.search-hot a:hover{padding-bottom:2px;border-bottom:1px solid #fff;}
/* special */
.special-main {border-top: 1px solid #f3f3f3;}
.special-main .banner { min-height: 200px;}
.special-main .intro {margin-top: 15px;}
.special-box .type {margin-top: 15px; height: 40px}
.special-box .type h3 {float: left; margin: 0!important; padding: 0 25px; background: #f0506e; font-size: 16px; color: #fff; font-weight: 400; line-height: 40px;}
/* contribute */
.contribute p { width: 420px; height: 40px; background: linear-gradient(to right, #f0506e, #b6376f); border-radius: 2px; font-size: 14px; color: #fff; line-height: 40px; }
/* tags pages */
.tags-info .subtitle { padding-left: 12px; height: 40px; background-color: #f0f4f6; border: #f1f1f1 solid 1px; font-size: 14px; color: #404452; line-height: 40px;}
.tags-info .subtitle strong { margin-left: 6px;}
.tags-info .tags-intro { border: #f1f1f1 solid 1px; border-top: 0; font-size: 13px; color: #404452; text-indent: 2em; line-height: 28px;}
.tags-heading {margin-top: 15px; height: 40px}
.tags-heading h3 {float: left; margin: 0!important; padding: 0 25px; background: #f0506e; font-size: 16px; color: #fff; font-weight: 400; line-height: 40px;}
.tags-heading .num {right: 15px; top: 10px;}
/* tab */
.tags-pick .uk-tab::before {border-bottom: 1px solid #f0f4f6;}
.tags-pick .uk-tab .uk-active a {border-color: #e64c3d; color: #e64c3d;}
.tags-pick .tags-hot ul {width: 1300px;}
.tags-pick .tags-hot li {text-align: center; list-style: none;}
.tags-pick .tags-hot li a {float: left; margin: 0 5px 5px 0; width: 84.8px; height: 25px; background: #f9f9f9; border: 1px solid #eaeaea; font-size: 12px; color: #999; line-height: 24px; text-decoration: none; display: inline-block; overflow: hidden;}
.tags-pick .tags-hot li a:hover {background: #f0506e; border: 1px solid #f0506e; color: #fff;}
/* keyword-tag */
.tag-colorful {padding: 10px; border-top: 1px solid #f1f1f1;}
.tag-colorful a {display: inline-block; margin: 0 1px 2px; padding: 5px 10px; color: #fff; text-decoration: none;}
.tag-colorful a:hover {background-color: #1a1a1a !important; filter: brightness(1.2);}
/* atlas-list */
.atlas-list {margin-top: 15px;}
.atlas-list li {overflow: hidden;}
.atlas-list a {min-height: 250px; background: #f0f4f6;}
.atlas-list img {width:-webkit-fill-available; width: 100%;}
.atlas-list .title {position: absolute; bottom: 34px; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 14px; color: #fff; text-align: center; line-height: 25px; overflow: hidden;}
.atlas-list .tags {padding: 4px 5px 6px; border: #f0f4f6 solid 1px; line-height: 16px; overflow: hidden; white-space: nowrap;}
.atlas-list .tags a {margin-right: 4px; padding: 1px 4px 2px; border: 1px solid #eaeaea; background: #f4f4f4; font-size: 12px; color: #6f6f6f; text-decoration: none; line-height: 22px;}
.atlas-list .tags a:hover{border: 1px solid #f0506e; background: none repeat scroll 0 0 #f0506e; color: #fff; text-decoration: none;}
.atlas-list .noatlas {color:rgb(226 226 226 / 80%);font-size:30px;}
/* mob-list */
.mob-list {margin-top: 15px;}
.mob-list li {overflow: hidden;}
.mob-list a {min-height: 200px; background: none;}
.mob-list img {width:-webkit-fill-available; width: 100%; border-radius: 5px 5px 0 0;}
.mob-list .title {position: absolute; bottom: 34px; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: center; line-height: 25px; overflow: hidden;}
.mob-list .tags {padding: 4px 5px 6px; border: #f0f4f6 solid 1px; line-height: 16px; overflow: hidden; white-space: nowrap;}
.mob-list .tags a {margin-right: 4px; padding: 1px 4px 2px; border: 1px solid #eaeaea; background: #f4f4f4; font-size: 12px; color: #6f6f6f; text-decoration: none; line-height: 22px;}
.mob-list .tags a:hover{border: 1px solid #f0506e; background: none repeat scroll 0 0 #f0506e; color: #fff; text-decoration: none;}
/* wall-list */
.wall-list {margin-top: 15px;}
.wall-list li {overflow: hidden;}
.wall-list a {min-height: 150px; background: #f0f4f6;}
.wall-list img {width:-webkit-fill-available; width: 100%;}
.wall-list .title {position: absolute; bottom: 34px; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: center; line-height: 25px; overflow: hidden;}
.wall-list .tags {padding: 4px 5px 6px; border: #f0f4f6 solid 1px; line-height: 16px; overflow: hidden; white-space: nowrap;}
.wall-list .tags a {margin-right: 4px; padding: 1px 4px 2px; border: 1px solid #eaeaea; background: #f4f4f4; font-size: 12px; color: #6f6f6f; text-decoration: none; line-height: 22px;}
.wall-list .tags a:hover{border: 1px solid #f0506e; background: none repeat scroll 0 0 #f0506e; color: #fff; text-decoration: none;}
/* baike-list */
.baike-list {margin-top: 15px;}
.baike-list li { height: 210px; overflow: hidden;}
.baike-list a {min-height: 200px; background: #f0f4f6;}
.baike-list img {width:-webkit-fill-available; width: 100%;}
.baike-list .title {position: absolute; bottom: 0; padding: 0 5px; width: -webkit-fill-available; height: 25px; font-size: 14px; color: #fff; text-shadow: 2px 2px 4px #000; line-height: 25px; overflow: hidden;}
/* special-list */
.special-list {margin-top: 15px;}
.special-list li {overflow: hidden;}
.special-list a {min-height: 200px; background: #f0f4f6; border: 1px solid #f0f4f6;}
.special-list img {width:-webkit-fill-available; width: 100%;}
.special-list .title {position: absolute; bottom: 2px; padding: 0 5px; width: -webkit-fill-available; height: 25px; font-size: 14px; color: #fff; text-shadow: 2px 2px 4px #000; line-height: 25px; overflow: hidden;}
/* mc-list */
.mc-list {margin-top: 15px;}
.mc-list li {overflow: hidden;}
.mc-list a {padding: 14px 0; border: 1px solid #e2e2e2; font-size: 14px; color: #999; text-decoration: none;}
.mc-list a:hover {background: #f0506e; color: #fff;}
/* notag-list */
.notag-list {margin-top: 15px;}
.notag-list li {overflow: hidden;}
.notag-list a {/*min-height: 200px;*/ background: #f0f4f6;}
.notag-list img {width:-webkit-fill-available; width: 100%;}
.notag-list .title {position: absolute; bottom: 0; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: center; line-height: 25px; overflow: hidden;}
/* 4k-list */
.hd-list {margin-top: 15px;}
.hd-list li {overflow: hidden;}
.hd-list a {min-height: 150px; background: #f0f4f6;}
.hd-list img {width:-webkit-fill-available; width: 100%;}
.hd-list .title {position: absolute; bottom: 0; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 14px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: center; line-height: 25px; overflow: hidden;}
/* nopos-list */
.nopos-list {margin-top: 15px;}
.nopos-list li {overflow: hidden;}
.nopos-list a {min-height: 120px; border: 1px solid #f0f4f6; text-decoration: none;}
.nopos-list a:hover .title {background: #404452; color: #fff;}
.nopos-list img {width:-webkit-fill-available; width: 100%;}
.nopos-list .title {padding: 0 5px; width: -webkit-fill-available; height: 30px; font-size: 13px; color: #6f6f6f; text-align: center; line-height: 30px; overflow: hidden;}
/* breadcrumb */
.breadcrumb {margin: 10px 0; height: 24px;}
.breadcrumb .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: 0 10px 0 calc(10px - 4px);}
.breadcrumb .num { right: 0; top: 4px; font-size: 12px;}
/* article */
.article-info {margin-top: 15px; height: 40px;}
.article-info h1 {margin-bottom: 0; font-size: 22px; color: #333; float: left;}
.article-info .num {font-size: 14px; color: #666; float: left;}
.article-info .num em {font-size: 22px; font-family: Georgia; font-style: normal;}
.article-info .tips {padding-top: 10px; font-size: 14px; color: #828282; float: right;}
.article-info .downbar {float: right;}
.article-info .downbar a {margin: -6px 0 0 2px; min-width: 145px; height: 38px; line-height: 38px; background: #f0506e; border-radius: 2px; font-size: 15px; font-weight: normal; color: #fff; font-family: Georgia; text-align: center; display: inline-block;}
.article-info .downbar a.primary {background: #ffab28; border-radius: 2px; color: #fff;}
.article-info .downbar a.sell {background: #1496ff; border-radius: 2px; color: #fff; font-family: Georgia;}
.article-content .article-show {border: #f0f4f6 solid 1px;}
.article-content .article-body {margin-bottom: 15px; padding-top: 15px; text-align: center;}
.article-content .article-body img {padding: 4px; max-width: 800px; height: auto!important; border: #f0f4f6 solid 1px; width: expression(this.width>800 ? "800px":this.width)!important;}
.article-content .article-wall {}
.article-content .article-wall-body {margin-bottom: 15px; min-height: 400px; text-align: center;}
.article-content .article-wall-body img { padding: 0; max-width: 100%; height: auto!important; border: 1px solid #f0f4f6;}
.article-content .article-wall-body .pic-down {position:absolute;right:40px;bottom:40px;z-index: 100;}
.article-content .article-wall-body .pic-down .down-show {padding: 6px 0 0 50px; width: 150px; height: 54px; background: #f0506e url(../images/icon-download.png) no-repeat 30px center; background-size: 30px auto; border-radius: 2px;}
.article-content .article-wall-body .pic-down .down-show a {margin-left: -5px; font-size: 22px; color: #fff; font-weight: normal; text-decoration: none; line-height: 30px; display: inline-block;}
.article-content .article-wall-body .pic-down span {margin-left: -5px; color: #fff; font-family: Georgia; font-size: 12px; text-align: center; line-height: 14px; display: block;}
/* mob */
.article-content .cate-84 {margin: 20px auto; width: 430px; height: 932px; background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 50%, #2d2d2d 100%); border-radius: 40px; border: 6px solid #404452; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), inset 0 0 3px rgba(255, 255, 255, 0.1); overflow: hidden; position: relative;}
.article-content .cate-84 .phone-screen img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; animation: fadeInScale 0s ease-out forwards; overflow: hidden;}
.article-content .cate-84 .phone-earpiece {width: 70px; height: 6px; background: rgba(0, 0, 0, 0.7); border-radius: 5px; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); z-index: 10;}
.article-content .cate-84 .phone-home {width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 10; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4);}
.article-content .tx-container {margin: 10px 0 0 40px; text-align: left;}
.article-content .tx-container img {margin-bottom: 4px; max-width: 200px; max-height: 200px;}
.article-content .cate-61 {margin: 0 250px} /* qinglvtx */
.article-content .cate-40,
.article-content .cate-58,
.article-content .cate-72,
.article-content .cate-73,
.article-content .cate-94,
.article-content .cate-95,
.article-content .cate-96 {margin:0 130px} /* othertx */
/* baike */
.baike-card {padding: 10px; border: #f1f1f1 solid 1px; border-top: 0;}
.baike-card .baike-card-cover img {padding: 2px; width: auto; height: 300px; border: 1px solid #f1f1f1;}
.baike-card .baike-card-info {font-size: 12px; min-height: 90px; line-height: 32px;}
.baike-card .baike-card-info samp {background: none; font-size: 12px; color: #000; font-family: none;}
.baike-card .baike-card-body {margin: 20px 20px 0 0; font-size: 12px;}
.baike-card .baike-card-body .title {background: #404453; padding-left: 15px; height: 35px; color: #fff; line-height: 35px;}
.baike-card .baike-card-body .intro {min-height: 120px; color: #000; text-indent: 2em; line-height: 28px;}
/* baike-head */
.baike-head .name {margin: 15px 0 20px;}
.baike-head .name h1 {margin-bottom: 10px; font-size: 24px;}
.baike-head .profile {border: #f1f1f1 solid 1px;}
.baike-head .profile .baike-card-cover img {padding: 4px 4px 0; width: auto; height: 300px;}
.baike-head .baike-card-info {font-size: 12px; line-height: 32px;}
.baike-head .baike-card-body {margin: 10px 15px 0 240px; font-size: 12px;}
.baike-head .baike-card-body .title {padding-left: 10px; height: 35px; color: #fff; line-height: 35px;}
.baike-head .baike-card-body .intro {padding: 8px 10px; min-height: 142px; color: #000; text-indent: 2em; line-height: 28px;}
.baike-head .head-r {padding-bottom: 4px; border: #f1f1f1 solid 1px;}
/* baike-atlas */
.baike-atlas .atlas-content {border: #f1f1f1 solid 1px;}
.baike-atlas .atlas-content .tips {margin-left: 5px;}
.baike-atlas .atlas-hot {border: #f0f4f6 solid 1px; border-bottom: 0;}
/* baike-block */
.baike-block .block-type {height: 40px; line-height: 40px; }
.baike-block .block-type h5 {margin: 0 !important; padding: 0 25px; background: #f0506e; color: #fff; line-height: 40px;}
/* wall-info */
.wall-info {}
.wall-info .tags-wall a {padding: 5px 10px; font-size: 13px; color: #fff; text-align: center; text-decoration: none;}
.wall-info .tags-wall a:hover {background-color: #1a1a1a !important; filter: brightness(1.2);}
/* sidebar */
.sidebar {border: 1px solid #f0f4f6;}
.r-gg { margin-bottom: 5px;}
.qrbox {display: flow-root; margin: 5px 3px; background: #f0f4f6; color: #666;}
.qrbox .qrcontent {float: left; padding: 13px 0 0 10px; font-size: 12px; line-height: 24px;}
.qrbox .qrimg {float: right; overflow: hidden; padding: 3px; width: 70px; height: 70px;}
.qrbox .qrimg img {width: 70px; height: 70px;}
.tag-related {padding: 10px; border-top: 1px solid #f1f1f1;}
.tag-related strong {font-size: 16px; color: #666; font-weight: normal;}
.tag-related a {display: inline-block; padding: 5px 10px; border: 1px solid #f1f1f1; font-size: 13px; color: #666; text-align: center; text-decoration: none;}
.tag-related a:hover{background: #e64c3d; border-color: #e64c3d; color: #fff}
.ranking {padding: 10px; border-top: 1px solid #f1f1f1;}
.ranking .record {margin-bottom: 10px; font-size: 16px; color: #666;}
.ranking .title {position: absolute; bottom: 0; padding: 0 5px; width: -webkit-fill-available; height: 25px; background: rgb(40 40 40 / 20%); font-size: 12px; color: #fff; text-align: center; line-height: 25px; overflow: hidden;}
.ranking .title-nopos {padding: 0 5px; width: -webkit-fill-available; height: 25px; background: #f0f4f6; font-size: 12px; color: #6f6f6f; text-align: center; line-height: 25px; overflow: hidden; white-space: nowrap;}
.ranking-list li {height: 33px; line-height: 33px; overflow: hidden;}
.ranking-list li a {font-size: 14px; color: #666; text-decoration: none;}
.ranking-list li a:hover {color: #f0506e;}
/* related */
.recommend {height: 40px; background: #f0f4f6; }
.recommend h5 {float: left; margin: 0!important; padding: 0 25px; background: #f0506e; color: #fff; line-height: 40px;}
/* page */
.pages {margin: 14px 0;}
.pages a {display: inline-block; padding: 0 12px; height: 30px; background: #e2e2e2; font-size: 14px; color: #333; text-align: center; line-height: 30px; text-decoration: none;}
.pages a.a1 {padding: 0; width: 56px;}
.pages a:hover {background:#e64c3d;color:#fff;}
.pages span {display: inline-block; padding:0 12px; height:30px; background:#e64c3d; font-size: 14px; color: #fff; line-height:30px;}
/* footer */
.footer {background: #282828; border-top: #ef3622 solid 4px;}
.footer-nav {margin-top: 20px;}
.footer-nav a { margin-right: 10px; font-size: 14px; color: #ccc; text-decoration: none;}
.footer-nav a:hover {color: #f0506e;}
.copyright {margin-top: 20px; font-size: 14px; color: #828282;}
.copyright a {color: #828282;}
.msg {margin-top: 20px; padding: 20px 0 30px; border-top: 1px solid rgba(255,255,255,.05); font-size: 14px; color: #828282;}