This commit is contained in:
make
2025-04-21 17:49:17 +08:00
parent 7ef217c1b9
commit 2337ab4f7d
942 changed files with 209166 additions and 0 deletions

View File

@@ -0,0 +1,216 @@
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
position: fixed;
margin: 0;
padding: 0;
z-index: 9999999;
-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
filter: blur(0);
-webkit-filter: blur(0);
max-width: 90%; }
#noty_layout__top {
top: 0;
left: 5%;
width: 90%; }
#noty_layout__topLeft {
top: 20px;
left: 20px;
width: 325px; }
#noty_layout__topCenter {
top: 5%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__topRight {
top: 20px;
right: 20px;
width: 325px; }
#noty_layout__bottom {
bottom: 0;
left: 5%;
width: 90%; }
#noty_layout__bottomLeft {
bottom: 20px;
left: 20px;
width: 325px; }
#noty_layout__bottomCenter {
bottom: 5%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__bottomRight {
bottom: 20px;
right: 20px;
width: 325px; }
#noty_layout__center {
top: 50%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__centerLeft {
top: 50%;
left: 20px;
width: 325px;
-webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__centerRight {
top: 50%;
right: 20px;
width: 325px;
-webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
.noty_progressbar {
display: none; }
.noty_has_timeout.noty_has_progressbar .noty_progressbar {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 100%;
background-color: #646464;
opacity: 0.2;
filter: alpha(opacity=10); }
.noty_bar {
-webkit-backface-visibility: hidden;
-webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
-webkit-font-smoothing: subpixel-antialiased;
overflow: hidden; }
.noty_effects_open {
opacity: 0;
-webkit-transform: translate(50%);
-ms-transform: translate(50%);
transform: translate(50%);
-webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.noty_effects_close {
-webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.noty_fix_effects_height {
-webkit-animation: noty_anim_height 75ms ease-out;
animation: noty_anim_height 75ms ease-out; }
.noty_close_with_click {
cursor: pointer; }
.noty_close_button {
position: absolute;
top: 2px;
right: 2px;
font-weight: bold;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 2px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out; }
.noty_close_button:hover {
background-color: rgba(0, 0, 0, 0.1); }
.noty_modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000;
opacity: .3;
left: 0;
top: 0; }
.noty_modal.noty_modal_open {
opacity: 0;
-webkit-animation: noty_modal_in .3s ease-out;
animation: noty_modal_in .3s ease-out; }
.noty_modal.noty_modal_close {
-webkit-animation: noty_modal_out .3s ease-out;
animation: noty_modal_out .3s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@-webkit-keyframes noty_modal_in {
100% {
opacity: .3; } }
@keyframes noty_modal_in {
100% {
opacity: .3; } }
@-webkit-keyframes noty_modal_out {
100% {
opacity: 0; } }
@keyframes noty_modal_out {
100% {
opacity: 0; } }
@keyframes noty_modal_out {
100% {
opacity: 0; } }
@-webkit-keyframes noty_anim_in {
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1; } }
@keyframes noty_anim_in {
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1; } }
@-webkit-keyframes noty_anim_out {
100% {
-webkit-transform: translate(50%);
transform: translate(50%);
opacity: 0; } }
@keyframes noty_anim_out {
100% {
-webkit-transform: translate(50%);
transform: translate(50%);
opacity: 0; } }
@-webkit-keyframes noty_anim_height {
100% {
height: 0; } }
@keyframes noty_anim_height {
100% {
height: 0; } }
/*# sourceMappingURL=noty.css.map*/

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,51 @@
.noty_theme__bootstrap-v4.noty_bar {
margin: 4px 0;
overflow: hidden;
position: relative;
border: 1px solid transparent;
border-radius: 4px; }
.noty_theme__bootstrap-v4.noty_bar .noty_body {
padding: 12px 20px; }
.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
padding: 10px; }
.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
font-size: 24px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .5;
background: transparent; }
.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
background: transparent;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .75; }
.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
background-color: #fff;
color: inherit; }
.noty_theme__bootstrap-v4.noty_type__warning {
background-color: #fcf8e3;
color: #8a6d3b;
border-color: #faebcc; }
.noty_theme__bootstrap-v4.noty_type__error {
background-color: #f2dede;
color: #a94442;
border-color: #ebccd1; }
.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
background-color: #d9edf7;
color: #31708f;
border-color: #bce8f1; }
.noty_theme__bootstrap-v4.noty_type__success {
background-color: #dff0d8;
color: #3c763d;
border-color: #d6e9c6; }

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,29 @@
*{padding:0;margin:0}
body{background-color:#fc9872;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}
#main{margin:10px auto;display:flex;justify-content:center;flex-direction:column;align-items:center}
.field{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#6c757d;font-size:16px;padding:15px;margin:5px auto;border-radius:6px}
.field.desc ul>li{text-align:left;font-size:14px}
@media (max-width:500px){#main{padding:0 5px}
.field{width:100%;padding:15px 0}
.field.desc ul{margin:0 15px}
.field.desc ul>li{text-align:left}
}
ul>li{margin-bottom:10px;list-style-type:none;text-align:center}
ul>li.text{font-size:12px;clear:both;width:100%}
.field .title{margin-bottom:15px;font-weight:700;color:#343a40}
a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;justify-content:flex-start;text-align:center;color:#000;font-size:30px;font-weight:200;padding:20px;cursor:pointer}
.brand span{color:#fff;font-weight:600}
.brand span.flag{color:#fc9872;background:#fff;border-radius:6px;font-size:15px;font-weight:700;display:inline-block;padding:0 5px;margin-left:5px}
.enter-maomi{width:75%;text-align:center;line-height:40px;border:1px solid #fc9872;border-radius:4px;margin-bottom:20px;margin-top:10px}
.enter-icon{width:32px;height:41px;float:left;margin-right:5px;background-color:#fc9872}
.enter-link a{display:block}
.icon{width:20px;height:20px;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block}
/*.icon_hand{width:27px;height:27px;vertical-align:middle;background-image:url(https://91rb.neocities.org/images/hand.png);padding-top:12px}*/
.c_black{color:#333;line-height:30px;font-size:12px}
.c_blue{color:#fc9872}
.c_link{font-size:14px;line-height:30px}
.fri_link{overflow:hidden;width:80%}
.fri_link li{float:left;display:block;font-size:.875rem;width:33.33333333%}
/*.icon_ios_shared{background-image:url(https://91rb.neocities.org/images/ios_share.png)}
.icon_android_share{background-image:url(https://91rb.neocities.org/images/android_share.png)}*/

View File

@@ -0,0 +1,207 @@
.main-box {
float: left;
width: 100%;
height: auto;
margin: 0 auto;
box-sizing: border-box;
}
.content-box {
float: left;
width: 100%;
}
.item-box {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}
.item-box .ran-box {
float: left;
background: #fff;
width: 100%;
/* border-radius: 6px; */
padding: 10px 0px;
padding-top: 10px;
}
.item-box .item-title-box {
float: left;
width: 100%;
}
.item-box .item-title-box .title-name {
float: left;
font-size: 16px;
font-weight: 500;
color: #111;
/* background: linear-gradient(to right, #8e2bfa, #6b28ef);
-webkit-background-clip: text;
color: transparent; */
margin-left: 10px;
}
.item-box .item-title-box .title-more {
float: right;
font-size: 15px;
color: #666;
margin-right: 10px;
}
.item-box .item-title-box .title-more:hover {
color: #222;
}
.item-box .rank-a {
float: left;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.item-box .rank-a .pre-img {
width: 100%;
height: 100%;
border-radius: 2px;
z-index: 1;
/* background:url('/assets/images/loading_img_bg_default.svg') no-repeat 100% 100%;
background-position:center;
background-size: cover; */
}
.item-box .rank-a .motion-preview {
background: #222;
display: none;
top: 0;
left: 0;
position: absolute;
z-index: 2;
border-radius: 2px;
/* 点击穿透 */
pointer-events: none;
}
.item-box .rank-title {
float: left;
width: 100%;
height: 130px;
font-size: 14px;
height: 40px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.item-box .rank-title:hover {
color: #6b28ef;
}
.item-box .mask_info {
width: 100%;
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
color: #fff;
font-size: 12px;
}
.item-box .mask_info::before {
content: "";
position: absolute;
width: 100%;
height: 3.31034rem;
background-image: url('/assets/images/img_black_mask.png');
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
left: 0;
z-index: 3;
}
.item-box .pre-eye {
float: left;
width: 50%;
text-align: right;
position: relative;
z-index: 4;
margin-bottom: 5px;
}
.item-box .pre-eye span {
margin-left: 2px;
}
.item-box .pre-time {
float: right;
width: 42%;
position: relative;
z-index: 4;
margin-bottom: 5px;
}
.item-box .pre-time span {
margin-left: 2px;
}
.item-box .progress-box {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 4px;
z-index: 4;
}
.video-card-img-toggle {
position: absolute;
width: 34px;
height: 34px;
left: .34483rem;
top: .34483rem;
background-color: rgba(0,0,0,.4);
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
z-index: 4;
}
.video-card-img-toggle i{
color:#fff;
pointer-events:none;
}
.item-box .rank-a .vip-mark{
position: absolute;
top: 0;
right: 0;
z-index: 4;
}
.vip-mark img{
width: 76px;
}
.g-main-ad-box{
float: left;
width: 100%;
height:auto;
box-sizing: border-box;
}
.g-main-ad-box img{
width: 100%;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,220 @@
body {
/* background: #111x */
}
.content-box .novel-list{
padding: 0.1rem;
box-sizing: border-box;
color: #fff;
}
.search-home {
padding: 10px 20px 20px;
color: #fff;
}
.search-form {
position: relative;
max-width: 584px;
margin: 0 auto;
}
.search-content {
width: 100%;
height: 40px;
display: flex;
background-color: #2e1c56;
border-radius: 24px;
overflow: hidden;
}
.search-content.search-content-history {
border-radius: 24px 24px 0 0;
}
.search-content.search-content-history .input .input-border {
margin-top: -5px;
display: block;
width: 100%;
padding: 0 14px;
}
.search-content .search-content-history .input .input-border .van-divider {
margin: 0;
border-color: #4d6891;
}
.search-content .input {
flex: 1;
}
.search-content .input .input-border {
display: none;
}
.search-content .input input {
position: relative;
display: block;
width: 100%;
/* background-color: transparent; */
border: none;
margin: 0;
padding: 0;
color: #333;
word-wrap: break-word;
outline: none;
-webkit-tap-highlight-color: transparent;
display: flex;
padding: 0 14px;
height: 100%;
font-size: 14px;
}
.search-content .button {
padding: 0 20px;
height: 40px;
line-height: 40px;
background-color: #ff4f6b;
cursor: pointer;
user-select: none;
}
.search-content .button:active {
background-color: #b94155;
}
.search-history-content {
padding: 5px 14px 14px;
position: absolute;
left: 0;
right: 0;
top: 40px;
z-index: 10;
width: 100%;
background-color: #2e1c56;
border-radius: 0 0 24px 24px;
overflow: hidden;
transition: .3s all;
}
.search-history-content .title {
display: flex;
justify-content: space-between;
font-size: 12px;
margin-bottom: 12px;
color: #b3a5a5;
}
.search-history-content .title .delete-all-history {
color: #ff4f6b;
}
.search-history-content .text {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-size: 14px;
height: 17px;
overflow: hidden;
}
.search-history-content .text:last-child {
margin-bottom: 0;
}
.search-history-content .text .history-text {
margin-right: 20px;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.search-tag-content {
max-width: 584px;
margin: 42px auto 0;
}
.search-tag-content .search-tags {
margin-top: -14px;
margin-bottom: 25px;
}
.search-tag-content .search-tags:last-child {
margin-bottom: 0;
}
.search-tag-content .search-tags:first-child {
margin-top: 0;
}
.search-tag-content .search-tags .title {
font-size: 16px;
}
.search-tag-content .search-tags .tags {
margin-top: 14px;
}
.search-tag-content .search-tags .tags.tags-rect {
margin-left: 0px;
}
.search-tag-content .search-tags .tags.tags-circle {
margin-left: 0px;
}
.search-tag-content .search-tags .tags .van-tag {
margin-left: 8px;
margin-bottom: 14px;
font-size: 12px;
cursor: pointer;
}
.search-tag-content .search-tags .tags .van-tag:hover {
background: #ff4f6b !important;
transition: .3s all;
}
.search-tag-content .search-tags .tags .tag-circle {
margin-left: 15px;
margin-bottom: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #2e1c56;
font-size: 12px;
cursor: pointer;
overflow: hidden;
}
.search-tag-content .search-tags .tags .tag-circle:hover {
background: #ff4f6b !important;
transition: .3s all;
}
.tags-rect .badge-light {
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 13px;
margin-right: 3px;
padding: 5px 10px;
margin-bottom: 10px;
user-select: none;
}
.tags-rect .badge-light:active {
background: rgba(255, 255, 255, 0.7);
color: #111;
}
/* .s-footer-tel , .footer-box{
color:#fff
} */

View File

@@ -0,0 +1,245 @@
* {
margin: 0;
padding: 0;
/* box-sizing: border-box; */
}
input{
border: 0;
outline:0;
}
body {
background: #f0f2f4;
color: #222;
font-size: 14px;
}
.swal2-styled.swal2-cancel{
font-size: 16px !important;
margin-right: 30px !important;
}
.swal2-styled.swal2-confirm{
font-size: 16px !important;
}
.swal2-styled{
padding: 0.45em 1.2em !important;
}
.swal2-title{
font-size: 1.4em !important;
}
.ellipsis {
display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */
-webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */
-webkit-line-clamp: 2; /* 显示两行 */
overflow: hidden; /* 超出内容隐藏 */
text-overflow: ellipsis; /* 设置省略号 */
}
/* 隐藏横向滚动条 */
/* ::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
color: transparent;
} */
/*小说css*/
.novel-list{
}
.list-header{
height: 1.46rem;
}
.block_img {
height: auto;
border: 0px;
overflow: hidden;
/* padding-top: 10px; */
/* padding-bottom: 10px; */
float: left;
margin-right: 5px;
}
.block_img img{
border-radius: 10px;
}
.novel-list .block_img img{
width:1.0rem;
height:1.32rem;
}
.novel-list .block_img{
position: relative;
}
.block_txt {
border: 0px;
/* height: 78px; */
overflow: hidden;
line-height: 20px;
/* padding-top: 8px; */
}
.block_txt h2 {
font-size: 0.26rem;
margin-bottom: 0px;
display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */
-webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */
-webkit-line-clamp: 1; /* 显示两行 */
overflow: hidden; /* 超出内容隐藏 */
text-overflow: ellipsis; /* 设置省略号 */
}
.block_txt p{
margin-bottom: 0px;
}
.block_txt .xiaoshuo_maioshu{
}
.block_txt .xiaoshuo_maioshu a{
/* display: inline-block; */
font-size: 0.2rem;
/* height: 40px; */
overflow: hidden;
color:#898989;
line-height: 0.26rem;
}
.block_txt .xiaoshuo_info{
font-size: 0.2rem;
color:#3b3939;
}
.mei_ri_gen_xin_list{
}
.mei_ri_gen_xin_list .list-header{
display: block;
height: 0.66rem;
border-bottom: 1px solid #cccccc;
margin-bottom:5px;
}
.mei_ri_gen_xin_list .block_txt{
height: auto;
}
.mei_ri_gen_xin_list .xiaoshuo_info{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
body .bg-top-pink-minheight{
height: 0.75rem!important;
}
.novel-list .icon-status{
position: absolute;
top: .05rem;
font-size: .24rem;
color: #fff;
border-radius: .08rem;
padding: 0 .08rem;
left: .05rem;
background-color: #0ba360;
}
.detail-info{
}
.detail-title-xiangqing h1{
font-family: PingFang SC;
font-style: normal;
font-weight: 600;
font-size: .25rem;
line-height: .28rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #191919;
}
.info-btn {
margin-top:0.5rem;
display: flex;
justify-content: space-around;
flex-flow: row wrap;
align-content: flex-start;
}
.info-btn .jiarushujia{
width: 2.2rem;
display: inline-block;
text-align: center;
box-shadow: 0 0 .2rem #999;
border-radius: .2rem;
overflow: hidden;
background-color: #fff;
padding: .12rem 0;
color: #000;
}
.novel-reader-title{
text-align: center;
line-height: 0.6rem;
font-size: 0.32rem;
}
.novel-new-zj{
color:#007bff;
}
.paihang-bang h2{
font-size: 0.23rem;
}
.paihang-bang .xiaoshuo_info{
font-size: 0.19rem;
margin-bottom: 0px;
display: -webkit-box; /* 必须结合 -webkit-line-clamp 使用 */
-webkit-box-orient: vertical; /* 设置盒子垂直排列子元素 */
-webkit-line-clamp: 1; /* 显示两行 */
overflow: hidden; /* 超出内容隐藏 */
text-overflow: ellipsis; /* 设置省略号 */
font-family: "PingFang SC";
font-style: normal;
font-weight: 400;
}
.paihang-bang .sort-index{
float: left;
margin-right: 0.1rem;
}
.custom-box {
width: 0.26rem;
height: 0.26rem;
text-align: center;
line-height: 0.16rem;
font-family: "Yuewen Font";
font-style: normal;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.25rem;
margin-bottom: 0.2rem;
margin-top:0.06rem;
background: linear-gradient(180deg, #fc3c48 -3.91%, #ffaeb4 96.09%);
border-radius: 0.05rem 0;
color: #fff;
}
.tuijian-web h1{
font-size: 0.3rem;
}
#firendlink {
border: 1px solid #DDD;
line-height: 22px;
width: 100%;
margin: 10px auto;
padding: 9px 0 9px 9px;
}
#firendlink a {
color: #548161;
display: inline-block;
margin: 0 9px 0 0;
}
.footer_cont{
margin: auto;
}
.footer_cont p {
text-align: center;
color: #B2B2B2;
line-height: 20px;
width: 100%;
}

View File

@@ -0,0 +1,351 @@
.video-title{
width: 100%;
font-size:17px;
text-align: left;
color: #000;
margin-top: 5px;
}
.video-play-box{
/* float: left; */
width: 100%;
height: 35vh;
margin-top: 6px;
}
.video-b-btn-box{
display:flex;
width: 100%;
/* margin-top: 10px; */
box-sizing: border-box;
}
.video-b-btn-box .ul-box{
width: 20%;
box-sizing: border-box;
overflow: hidden;
}
.video-b-btn-box .ul-box .col-b{
color: #666;
width: 80%;
cursor: pointer;
margin: 0 auto;
padding-top: 5px;
border-radius: 6px;
}
.video-b-btn-box .ul-box .col-b a{
text-decoration: none;
}
.video-b-btn-box .ul-box .col-b:hover{
/* background:#f6f6f6; */
}
.video-b-btn-box .ul-box .col-b a{
color: #666;
}
.video-b-btn-box .ul-box .col-ico{
text-align: center;
}
.video-b-btn-box .ul-box .col-ico i{
font-size:18px;
}
.video-b-btn-box .ul-box .col-text{
text-align: center;
font-size:13px;
}
.video-b-btn-box .ul-box .input-copy-url{
position: absolute;
z-index: 11;
left:-100%;
top:50%;
color: #fff;
opacity: 0;
}
.item-box .ran-box{
padding: 10px 10px !important;
}
.main-box{
float: left;
}
.row{
flex-wrap: inherit !important;
}
.tips-remind{
width: 100%;
background: rgba(255, 255, 255, 0.1);
text-align: left;
height:auto;
color: #222;
background-color: #e6f7ff;
border: 0.06897rem solid #ceecff;
font-size: 12px;
padding: 5px 8px;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 20px;
}
.tips-remind2{
float: left;
width: 100%;
background: rgba(255, 255, 255, 0.1);
text-align: left;
height:auto;
color: #004085;
background-color: #cce5ff;
border: 0.06897rem solid #b8daff;
font-size: 12px;
padding: 5px 8px;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 20px;
}
.vip-placeholder{
float: left;
width: 100%;
margin-top:10px;
position: relative;
}
.vip-placeholder img{
width: 100%;
}
.ad-hijacking{
float: left;
width: 100%;
margin-top:10px;
position: relative;
}
.ad-hijacking img{
width: 100%;
z-index: 10;
}
.ad-hijacking .floating-layer{
position: absolute;
width: 90%;
height:90%;
top: 5%;
left: 5%;
z-index: 99;
overflow: hidden;
}
.ad-hijacking .floating-layer .col-cen{
position: relative;
float: left;
width: 100%;
height:83%;
z-index: 110;
overflow: hidden;
border:0px solid blueviolet;
}
.ad-hijacking .floating-layer .btn-close-bottom{
position: relative;
z-index: 120;
float: left;
width:100px;
margin-left: calc(50% - 50px);
margin-top: 8px;
z-index: 120;
border-radius:0;
}
.ad-hijacking .floating-layer .btn-close-top-right{
position: absolute;
z-index: 99999;
top:0px;
right:8px;
font-size:28px;
}
/* 隐藏播放器页面全屏按钮 */
.dplayer-full-in-icon{
display:none !important;
}
.container {
max-width: 800px;
margin: 30px auto;
border-radius: 4px;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3);
padding: 16px;
}
.button {
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: #303030;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
cursor: pointer;
position: relative;
}
.button:hover {
border-color: lightskyblue;
color: lightskyblue
}
.button.primary {
background-color: lightskyblue;
color: #fff;
border: 0;
}
.dialog {
position: fixed;
top: 0;
bottom: 130px;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
display: none;
opacity:0;
transition: all .3s;
overflow-y: scroll;
z-index: 5;
}
.dialog.appear {
opacity: 1;
}
.dialog.show {
display: block;
}
.dialog .main {
width: 95%;
background-color: #fff;
margin: 5px auto;
padding: 16px;
border-radius: 6px;
box-shadow: 0 0 4 0 rgba(0, 0, 0, .3);
transform: translateY(-100%);
opacity:0;
transition: all .3s;
}
.dialog.appear .main {
transform: translateY(40px);
opacity: 1;
}
.dialog .header {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.dialog .header .close {
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
outline: none;
border: none;
cursor: pointer;
padding: 8px;
/*padding用于增加识别范围*/
background: transparent;
}
.dialog .header .close::before,
.dialog .header .close::after {
width: 20px;
height: 1px;
content: '';
display: block;
background: #333;
transform: rotate(45deg);
position: absolute;
}
.dialog .header .close::after {
transform: rotate(-45deg);
}
.dialog .footer {
display: flex;
justify-content: flex-end;
}
.dialog .footer .button {
margin-left: 10px;
}
.noscroll{
height: 100%;
overflow: hidden;
}
ul>li{margin-bottom:10px;list-style-type:none;/*text-align:center*/}
ul>li.text{font-size:12px;clear:both;width:100%}
/*图标css*/
.xxlink {width:100%;background:#FFFFFF;display:flex;flex-wrap:wrap;justify-content:flex-start;border:2px solid #FFFFFF;}
.xxlink h3 {width:95%;padding:0 2.5%;font-size:18px;line-height: 26px;background:#fff;margin-bottom:12px;color:#000000;}
.navi {font-size:0;text-align:center}
.appico {width: 16%;margin: 5px 0px;height:auto;box-sizing:border-box;display:inline-block;position:relative;}
.appico p {width:100%;height: 19px;line-height: 22px;text-align:center;font-size: 11px;margin:0;color:#000000;overflow:hidden;}
.naicon {border-radius:5px;overflow:hidden;font-size:0;margin:.1px}
.appico img {border-radius: 1px;width:100%}
.appico:hover .btn-raised {-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.24),0 0 0 0 rgba(0,0,0,.4),0 0 0 0 rgba(0,0,0,.22);box-shadow:0 0 0 0 rgba(0,0,0,.24),0 0 0 0 rgba(0,0,0,.4),0 0 0 0 rgba(0,0,0,.22)}
.btnx{
padding: 8px 2px !important;
}
.btn{
padding: 0.225rem 0.55rem !important;
margin: 0.2rem;
font-size: 13px;
}
/* 登录窗口相关 */
.login-ran-box{
display: inline-block;
background:#fff;
width: 100%;
border-radius: 6px;
box-sizing: border-box;
}
.login-ran-box .form-group{
float: left;
width: 100%;
font-size: 15px;
}
.login-ran-box .form-group .input-box{
float: left;
width: 100%;
color: #333;
border-bottom:1px solid #f3f3f3;
margin-top: 20px;
position: relative;
}
.login-ran-box .form-group .input-box input{
float: left;
width:100%;
padding:7px 10px;
}
.login-ran-box .form-group .input-box input::input-placeholder{
color:#bbb
}
.login-ran-box .form-group .input-box input::-moz-placeholder{
color:#bbb
}
.login-ran-box .form-group .input-box input::-webkit-input-placeholder{
color:#bbb
}
.login-ran-box .form-group .input-box .captcha{
width: 140px;
position: absolute;
top: -12px;
right: 0;
cursor: pointer;
}
.login-ran-box .form-group .tpis-box{
float:left;
width: 100%;
text-align: right;
font-size:14px;
margin-top: 15px;
}
.advertisement{
width:60px;
height:60px;
}