first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
body,ul,li,h1,h2,h3,h4,h5,h6,p, figure {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: #333;
}

View File

@@ -0,0 +1,133 @@
.header {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
display: flex;
align-items: center;
height: 2.25rem;
background: #fff;
z-index: 99;
padding: 0 0.75rem;
box-sizing: border-box;
}
.ai {
height: 0;
}
.header i {
}
.header a{
width: 90%;
}
.header .search {
width: 100%;
height: 1.5rem;
padding-left: .95rem;
margin-left: .5rem;
background: #f1f1f4;
border-radius: 1.5rem;
font-size: 0.7rem;
line-height: 1.5rem;
color: #333;
}
.aui-grid [class*=aui-col-]{
padding: 0 !important;
}
.menu .aui-col-5 {
text-align: center;
}
.menu img {
width: 2.5rem;
height: 2.5rem;
}
.menu .aui-grid-label {
font-size: .6rem;
color: #666;
}
.mrsc {
margin-top: 1.6rem;
padding: 0 .8rem;
}
.mrsc .title {
font-size: .8rem;
font-weight: 600;
color: #999;
line-height: 1.1rem;
margin-bottom: .5rem;
}
.mrsc ul {
display: flex;
margin-bottom: .5rem;
align-items: flex-end;
}
.mrsc ul li {
position: relative;
font-size: .8rem;
margin-right: 1rem;
color: #666;
}
.mrsc .active {
font-size: 1.4rem !important;
color: #333 !important;
}
.mrsc .active::after {
content: '';
height: .3rem;
border-radius: .15rem;
width: 100%;
left: 0px;
bottom: .15rem;
background: #ff9d9b;
position: absolute;
z-index: 50;
display: block;
}
.mrsc_list {
display: flex;
justify-content: space-between;
}
.mrsc_list img {
width: 8.35rem;
height: 11.9rem;
border-radius: .35rem;
}
.mrsc_list .tips_titles {
margin-top: .5rem;
font-size: .9rem;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 167px;
}
.tips_text {
padding: 0 .15rem;
background: #ff8d8d;
color: #fff;
font-size: .4rem;
}
.tips {
font-size: .55rem;
color: #ff8d8d;
line-height: .7rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
background: #fff2f2;
border-radius: .1rem;
padding: .2rem .3rem;
}
.mrsc .mrsc-container {}
.cj-item {
flex-wrap: wrap;
}
.cj-item a {
margin-bottom: 20px;
}

View File

@@ -0,0 +1,251 @@
.content{
position: relative;
margin: 0 15px;
}
.top_img {
position: relative;
height: 375px;
}
.top_img img {
width: 100%;
height: 100%;
}
.cpc_c1 {
width: 100%;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 32px rgb(0 0 0 / 10%);
position: relative;
top: -55px;
padding: 20px 15px 10px;
box-sizing: border-box;
}
.cpc_c1 h2 {
font-size: 28px;
font-weight: 700;
color: #333;
line-height: 38px;
}
.cpc_c1 .time {
font-size: 12px;
color: #999;
line-height: 20px;
display: block;
padding: 4px 0px 0px;
}
.yyinfos {
margin: 10px 0px 10px;
position: relative;
padding: 10px 0px 0px;
border-top: 1px solid #f5f5f5;
}
.yyinfos li {
display: flex;
align-items: center;
}
.yyinfos li span{
display: inline-block;
font-size: 9px;
zoom: 0.9;
line-height: 17px;
flex: 1;
color: #4dd196;
}
.yyinfos .jdw{
height: 5px;
border-radius: 3px;
flex: 4;
background: #ebfbf4;
font-size: 0;
}
.dddd {
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;
}
.yyinfos .jdw .jd{
height: 5px;
border-radius: 3px;
background: #4dd196;
display: inline-block;
width: 10px;
}
.tips {
font-size: 10px;
color: #999;
line-height: 24px;
text-align: center;
}
.cpargsw {
display: flex;
justify-content: space-around;
margin-top: 17px;
}
.cpargsw li {
text-align: center;
}
.cpargsw li .i {
height: 30px;
width: 30px;
background: url("https://st-cn.meishij.net/p2/20200221/20200221173101_145.png") no-repeat;
background-size: 30px 150px;
margin: 0 auto;
}
.cpargsw li span {
display: inline-block;
font-size: 12px;
line-height: 24px;
color: #666666;
}
.show_more {
overflow: hidden;
text-overflow: ellipsis;
height: 42px;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
}
.show_more .text {
font-weight: 400;
text-align: justify;
font-size: 14px;
color: #999999;
line-height: 21px;
display: block;
}
.show_more .more {
height: 27px;
color: #5a92f5;
font-size: 14px;
line-height: 27px;
font-weight: 400;
position: absolute;
right: 0px;
bottom: -3px;
display: flex;
align-items: center;
background-image: linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));
padding-left: 60px;
}
.show_more .more span {
color: #5a92f5;
font-size: 14px;
}
.show_more .more img {
height: 14px;
width: 14px;
margin-left: 2px;
}
.liao {
margin-bottom: 20px;
}
.liao .title {
display: flex;
align-items: center;
height: 40px;
background: #fff;
font-size: 16px;
color: #333;
font-weight: 700;
}
.liao .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid rgba(0,0,0,0.05);
}
.liao .list li {
display: flex;
align-items: center;
justify-content: space-between;
height: 36px;
width: 50%;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.liao .list .list_title {
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
color: #108ee9;
font-weight: 400;
padding-left: 20px;
}
.liao .list .list_nums {
width: 45%;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
color: #666;
font-weight: 400;
text-align: right;
padding-right: 20px;
box-sizing: border-box;
}
.info_list {
margin-top: -29px;
}
.info_list li .info_top {
position: relative;
height: 230px;
}
.info_list li p {
padding: 15px 0px 30px;
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 400;
}
.info_list li .info_top {
position: relative;
height: 230px;
}
.info_list li .info_top img {
width: 100%;
height: 100%;
}
.info_list li .info_top .setp {
height: 40px;
line-height: 40px;
color: #333;
font-size: 18px;
font-weight: 700;
padding: 0px 20px 0px 15px;
background: rgba(255,255,255,0.9);
position: absolute;
left: 0px;
top: 15px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 100;
}
.info_list li .info_top {
position: relative;
height: 230px;
}
.info_list li .info_top img {
width: 100%;
height: 100%;
}
.info_list li .change_list {
display: flex;
align-items: center;
margin-top: 15px;
}
.info_list li .change_list img {
width: 20.3333333vw;
height: 20.3333333vw;
margin: 0 2.66666666vw 0 0;
box-sizing: border-box;
background: #eee;
object-fit: cover;
opacity: 0.4;
}

View File

@@ -0,0 +1,151 @@
.padding {
padding: 0 0.3rem;
box-sizing: border-box;
}
.theme_color {
background: #fb7299;
}
.clear {
font-size: 0;
}
.footer {
position: fixed;
width: 100%;
background: #fff;
height: 2.5rem;
bottom: 0;
display: flex;
justify-content: space-around;
align-items: center;
border-top: 0.02rem solid #e8ebec;
box-sizing: border-box;
padding-top: 0.1rem;
z-index: 999;
}
.footer li a {
text-align: center;
display: flex;
flex-direction: column;
}
.footer li img{
width: 1.4rem;
height: 1.4rem;
}
.footer li span{
font-size: 0.24rem;
color: #666;
}
.footer_active span {
color: #fb7299 !important;
}
.content {
margin-top: 2.25rem;
margin-bottom: 2.5rem;
}
.pub_header {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
display: flex;
height: 45px;
align-items: center;
justify-content: space-between;
}
.pub_header i {
font-size: 17px;
}
.pub_header .header_left {}
.pub_header .header_left i {
color: #fff;
margin-right: 0.2rem;
}
.pub_header .header_left span {
color: #fff;
font-size: 0.32rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 250px;
display: inline-block;
}
.pub_header .header_right {}
.pub_header .header_right i {
color: #fff;
font-size: 17px;
margin-right: 10px;
}
.pub_header .header_right i:last-child {
margin-right: 0 !important;
}
.item-lists .titles {
font-size: 0.34rem;
color: #333;
margin-bottom: 0.26rem;
margin-top: 0.3rem;
}
.item-lists {}
.pitem{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 15px;
}
.pitem li{
width: 48%;
margin-bottom: 0.3rem;
}
.pitem li .top{
position: relative;
margin-bottom: 10px;
}
.pitem .top img{
width: 100%;
border-radius: 0.1rem;
}
.pitem .top span{
position: absolute;
padding: 0.08rem 0.14rem;
background: rgb(251 114 153 / 73%);
color: rgb(255 255 255 / 73%);
font-size: 0.24rem;
right: 0.2rem;
bottom: 0.42rem;
border-radius: 0.28rem;
}
.pitem .title {
color: #333;
font-size: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 12px;
}
.pitem .source {
color: #666;
font-size: 0.26rem;
margin-bottom: 0.02rem;
}
.pitem .tags {
display: flex;
flex-wrap: wrap;
margin-top: 6px;
}
.pitem .tags-item{
padding: 0.04rem 0.1rem;
font-size: 0.24rem;
background: #fb7299;
margin-right: 0.06rem;
color: #fff;
border-radius: 0.18rem;
margin-bottom: 0.06rem;
}

View File

@@ -0,0 +1,82 @@
.search_head{
position: fixed;
display: flex;
justify-content: space-between;
width: 100%;
height: 2.25rem;
background: #fff;
padding: 0px .8rem;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #f5f5f5;
z-index: 999;
overflow: hidden;
}
.search_head a{
width: 2.5rem;
height: 1.5rem;
background: #ff4c39;
text-align: center;
border-radius: .1rem;
}
.search_head .left{
color: #fff;
font-size: .7rem;
line-height: 1.5rem;
}
.search_head .sousuo{
width: 2.5rem;
height: 1.5rem;
background: #ff4c39;
text-align: center;
border-radius: .1rem;
color: #fff;
font-size: .7rem;
box-sizing: border-box;
line-height: 1.5rem;
text-align: center;
}
.search_head input{
padding-left: .95rem;
width: 65%;
height: 1.5rem;
background: #eee;
color: #333;
font-size: .7rem;
display: block;
line-height: 1.2rem;
border: 0px;
outline: none;
}
.contenter{
padding-top: 2.25rem;
}
.contenter li{
height: 5.5rem;
border-bottom: 1px solid #ccc;
padding: .8rem;
box-sizing: border-box;
}
.contenter a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.left_img{
width: 6rem;
height: 4rem;
position: relative;
overflow: hidden;
margin-right: .5rem;
}
.right_text h3{
font-size: .9rem;
color: #333;
padding-bottom: 1.5rem;
}
.right_text span{
font-size: .7rem;
color: #999;
}

View File

@@ -0,0 +1,114 @@
.header {
position: fixed;
display: flex;
justify-content: space-between;
width: 100%;
height: 2.25rem;
background: #fff;
padding: 0px .8rem;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #f5f5f5;
z-index: 999;
overflow: hidden;
top: 0;
left: 0;
right: 0;
}
.left a{
font-size: .75rem;
color: #333;
}
.header i{
font-weight: 600;
}
.header p {
font-size: .9rem;
color: #000;
font-weight: 600;
}
.header .icon-back1 {
font-size: 16px;
}
.header .icon-search{
font-size: 18px;
}
.content {
padding-left: .8rem;
box-sizing: border-box;
}
.content li {
float: left;
width: 8.3rem;
box-shadow: 0 0.15rem 0.3rem rgb(0 0 0 / 10%);
border-radius: .35rem;
margin-right: 10px;
}
.content .img{
position: relative;
}
.content .img img{
width: 166px;
height: 222px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 7px;
margin-top: 9px;
}
.content .start{
width: 1rem;
height: 1rem;
position: absolute;
top: 15px;
right: 10px;
text-align: center;
line-height: 1rem;
}
.content .start i{
color: #333;
font-size: 20px;
}
.content li p {
margin: 0 .5rem 0 .5rem;
font-size: 16px;
color: #333;
font-weight: 600;
}
.text {
margin: 1rem .5rem 0 .5rem;
padding-bottom: .5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.text .text_left {
display: flex;
align-items: center;
}
.text .text_left img {
width: .9rem;
height: .9rem;
border-radius: 100%;
}
.text .text_left span {
font-size: .45rem;
color: #666;
margin-left: 5px;
}
.text .text_right {
display: flex;
align-items: center;
}
.text .text_right .icon-eye {
font-size: .6rem;
color: #666;
}
.text .text_right span {
font-size: .45rem;
color: #666;
}

View File

@@ -0,0 +1,60 @@
.video {
position: relative;
}
.video_sp {
height: 100%;
overflow: hidden;
}
.video_sp video {
width: 100%;
}
.nav {
display: flex;
justify-content: space-between;
padding: 0 0.8rem;
box-sizing: border-box;
position: fixed;
width: 100%;
top: .8rem;
z-index: 999;
}
.nav .nav_left {
height: 1.5rem;
padding: 0 .6rem;
background: rgba(0,0,0,0.5);
border-radius: .75rem;
}
.nav .nav_left span {
line-height: 1.5rem;
font-size: .7rem;
color: #fff;
}
.nav .nav_right {
height: 1.5rem;
padding: 0 .6rem;
background: rgba(0,0,0,0.5);
border-radius: .75rem;
}
.nav .nav_right span {
line-height: 1.5rem;
font-size: .7rem;
color: #fff;
}
.content {
margin-top: 0.35rem;
padding: 0rem .8rem;
}
.content h1 {
font-weight: 700;
margin-bottom: 1rem;
}
.content p {
font-size: 0.7rem;
color: #757575;
}