Compare commits

..

No commits in common. "06e04c97fd6db11413388551272cea3da2537504" and "87873eeaf6889478514553eb2e8cf17f80638eac" have entirely different histories.

10 changed files with 353 additions and 3456 deletions

View File

@ -24,32 +24,29 @@ ul {
}
.ty_herader>nav>img {
margin-right: 210px;
width:487px;
width: 489px;
height: 124px;
}
.ty_ds {
display: flex;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
justify-content: space-between;
}
.ty_herader>nav {
margin-top: 31px;
}
.ty_w {
width: 1280px;
margin: auto;
}
.ty_listnav {
display: flex;
padding-top: 66px;
margin-top: 66px;
color: rgb(135, 135, 135);
align-self: flex-start;
flex-wrap: wrap;
justify-content:flex-end;
}
.ty_listnav>li {
@ -81,6 +78,3 @@ ul {
.ty_gr {
color: rgb(201, 57, 57) !important;
}
/* 自适应 */

View File

@ -11,7 +11,7 @@ a {
ul {
list-style: none;
}
/*
.ty_herader {
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
padding-bottom: 7px;
@ -28,13 +28,19 @@ ul {
height: 124px;
}
.ty_ds {
display: flex;
justify-content: space-between;
}
.ty_herader>nav {
margin-top: 31px;
}
.ty_w {
width: 1280px;
margin: auto;
}
.ty_listnav {
display: flex;
@ -71,27 +77,9 @@ ul {
.ty_gr {
color: rgb(201, 57, 57) !important;
} */
}
/* main */
.ty_ds {
display: flex;
justify-content: center;
position: relative;
}
.naliu{
width: 50px;
height: 50px;
background-color: #fff;
text-align: center;
line-height: 50px;
position: fixed;
top: 36%;
display: none;
left: 10px;
border-radius: 50%;
z-index: 5;
}
.mian {
padding-top: 22px;
}
@ -105,24 +93,9 @@ ul {
height: 711px;
background-color: #fff;
padding-top: 29px;
margin-right: 19px;
position: relative;
box-sizing: border-box;
}
.ty_caidan{
width: 100%;
height: 30px;
border-radius: 3px;
line-height: 30px;
background-color: #fff;
display: none;
font-weight: 500;
text-align: center;
position: absolute;
top: -60px;
}
.ty_lefttx {
text-align: center;
border-bottom: 1px solid rgb(245, 245, 245);
@ -130,8 +103,8 @@ ul {
}
.ty_lefttx>img {
width: 60%;
height: 50%;
width: 102px;
height: 102px;
margin: auto;
margin-bottom: 29px;
@ -152,11 +125,10 @@ ul {
.ty_leftcon>img {
margin-right: 10px;
}
.ty_ris {
width: 1060px;
}
@ -181,14 +153,6 @@ ul {
box-sizing: border-box;
background-color: #fff;
}
.ty_dindantit{
width: 100%;
height:20px;
border-bottom: 1px solid rgb(233, 233, 233);;
display: none;
margin-bottom: 5px;
}
.ty_scimg {
width: 154px;
@ -204,11 +168,9 @@ ul {
align-items: center;
margin-bottom: 44px;
}
::-webkit-input-placeholder {
color: #222222;
}
.ty_tubtn {
width: 202px;
height: 33px;
@ -372,7 +334,7 @@ select {
}
.ty_dizcon {
width: 94%;
width: 1006px;
height: 190px;
margin: auto;
margin-bottom: 23px;
@ -522,18 +484,13 @@ select {
/* 优惠卷 */
.ty_yhuij {
width: 25%;
width: 244px;
height: 226px;
text-align: center;
padding-right: 11px;
margin-right: 11px;
margin-bottom: 11px;
box-sizing: border-box;
}
.ty_yhjyuan{
position: absolute;
bottom: -4px;
width: 100%;
left: 0px;
}
.ty_yhuij>:nth-child(1) {
background-color: rgb(116, 210, 212);
width: 100%;
@ -544,7 +501,7 @@ select {
}
.ty_yhuij>:nth-child(2) {
width: 100%;
width: 244px;
height: 83px;
background-color: rgb(249, 249, 249);
}
@ -619,12 +576,7 @@ select {
display: flex;
}
.ty_dindantetx{
display: flex;
}
.ty_dnum{
display: flex;
}
.ty_ddys {
color: rgb(203, 25, 25);
}
@ -648,12 +600,10 @@ select {
padding-right: 40px;
box-sizing: border-box;
}
.ty_ddxq p {
.ty_ddxq p{
font-size: 14px;
color: rgb(106, 106, 106);
}
.ty_ddxq>:nth-child(2) {
display: flex;
}
@ -688,7 +638,6 @@ select {
.ty_ddcontit>:nth-child(2) {
display: flex;
align-items: center;
width: 61px;
}
.ty_ddcontit>:nth-child(2)>p {
@ -708,26 +657,21 @@ select {
.ty_ddxx>:nth-child(1)>:last-child {
border-bottom: none;
}
.ty_ddmas{
display: flex;
}
.ty_ddmas>:nth-child(2) {
.ty_ddxx>:nth-child(1)>div>:nth-child(2) {
width: 250px;
font-size: 13px;
padding-top: 12px;
margin-left: 12px;
}
.ty_dindantop{
display: flex;align-items: center;font-size: 14px;
}
.ty_dnum>:nth-child(1) {
.ty_ddxx>:nth-child(1)>div>:nth-child(3) {
padding-top: 12px;
margin-left: 80px;
font-size: 13px;
}
.ty_dnum>:nth-child(2) {
.ty_ddxx>:nth-child(1)>div>:nth-child(4) {
padding-top: 12px;
margin-left: 72px;
font-size: 13px;
@ -735,7 +679,6 @@ display: flex;align-items: center;font-size: 14px;
.ty_ddxx {
display: flex;
flex-wrap: wrap;
}
.ty_ddxxTxt {
@ -748,7 +691,7 @@ display: flex;align-items: center;font-size: 14px;
.ty_ddxxTxt1 {
padding-top: 24px;
width: 100px;
width: 112px;
text-align: center;
}
@ -788,7 +731,6 @@ display: flex;align-items: center;font-size: 14px;
.ty_shtcint {
display: flex;
align-items: center;
}
.ty_sgtxt {
@ -816,23 +758,21 @@ display: flex;align-items: center;font-size: 14px;
margin-top: 82px;
margin-left: 15px;
font-size: 12px;
color: rgb(126, 126, 126);
color: rgb(126,126,126);
}
.ty_yscon {
padding-left: 24px;
padding-right: 24px;
}
.ty_ysnr {
width: 20%;
padding-right: 23px;
box-sizing: border-box;
width: 184px;
margin-right: 23px;
margin-bottom: 35px;
position: relative;
}
.ty_ysnr >img{
width: 100%;
}
.ty_ysnr>p {
font-size: 16px;
color: #191919;
@ -846,7 +786,9 @@ display: flex;align-items: center;font-size: 14px;
flex-wrap: wrap;
}
.ty_ysmr>:nth-child(5n) {
margin-right: 0px;
}
.ty_ysqxgz {
display: inline-block;
@ -863,22 +805,21 @@ display: flex;align-items: center;font-size: 14px;
}
.ty_wdgz {
width: 33%;
padding-right: 21px;
box-sizing: border-box;
width: 323px;
margin-right: 21px;
margin-bottom: 21px;
position: relative;
}
.ty_wdgz>img{
width: 100%;
}
.ty_wdgz>p {
font-size: 16px;
color: #191919;
margin-top: 18px;
}
.ty_gzmr>:nth-child(3n) {
margin-right: 0px;
}
.ty_jftit {
width: 100%;
@ -969,97 +910,78 @@ display: flex;align-items: center;font-size: 14px;
padding: 16px 0px 17px 26px;
border-bottom: 1px solid rgb(238, 233, 231);
}
.ty_jfcon>div>:nth-child(1) {
.ty_jfcon>div>:nth-child(1){
font-size: 13px;
color: #525252;
margin-right: 200px;
}
.ty_jfcon>div>:nth-child(2) {
.ty_jfcon>div>:nth-child(2){
width: 75px;
font-size: 14px;
margin-right: 161px;
font-weight: bold;
}
.ty_jfys {
color: rgb(0, 166, 8);
.ty_jfys{
color: rgb(0,166,8);
}
.ty_jfys2 {
.ty_jfys2{
color: rgb(203, 25, 25);
}
.ty_jfcon>div>:nth-child(3) {
.ty_jfcon>div>:nth-child(3){
font-size: 13px;
color: #525252;
}
/* 收藏 */
.ty_sccon {
.ty_sccon{
padding-left: 24px;
padding-right: 24px;
}
.ty_yishusc {
width: 33%;
padding-right: 14px;
position: relative;
box-sizing: border-box;
.ty_yishusc{
width: 328px;
margin-right: 14px;
position: relative;
}
.ty_yishusc>img{
width: 100%;
}
.ty_yishusc>:nth-child(2) {
.ty_yishusc>:nth-child(2){
font-size: 16px;
color: #191919;
margin-top: 17px;
margin-bottom: 14px;
}
.ty_yishusc>:nth-child(3) {
color: rgb(147, 147, 147);
.ty_yishusc>:nth-child(3){
color: rgb(147,147,147);
font-size: 13px;
}
.ty_scmr>:nth-child(3n) {
.ty_scmr>:nth-child(3n){
margin-right: 0px;
}
.ty_scml {
.ty_scml{
padding-left: 22px;
padding-right: 22px;
}
.ty_yspcon {
width: 20%;
padding-right: 24px;
.ty_yspcon{
width: 184px;
margin-right: 24px;
margin-bottom: 24px;
box-sizing: border-box;
position: relative;
}
.ty_yspcon>img {
.ty_yspcon>img{
width: 100%;
height: 185px;
}
.ty_yspcon>p {
.ty_yspcon>p{
font-size: 14px;
color: #191919;
margin-top: 18px;
}
.ty_scml>:nth-child(5n) {
.ty_scml>:nth-child(5n){
margin-right: 0px;
}
/* 签到 */
.ty_qidaocon {
.ty_qidaocon{
width: 657px;
height: 307px;
background-image: url("../../img/grzx/qdbj.jpg");
@ -1069,26 +991,23 @@ display: flex;align-items: center;font-size: 14px;
justify-content: center;
align-items: flex-end;
}
.ty_qidaocon>img {
.ty_qidaocon>img{
position: absolute;
top: 14px;
right: 16px;
top: 14px;
right: 16px;
}
.ty_qidaocon>button {
.ty_qidaocon>button{
width: 176px;
height: 50px;
border-radius: 3px;
background-color: rgb(203, 25, 25);
background-color: rgb(203,25,25);
border: none;
margin-bottom: 24px;
font-size: 18px;
color: #fff;
}
/* 征稿 */
.ty_zgtit {
.ty_zgtit{
width: 100%;
background-color: rgb(245, 245, 245);
height: 40px;
@ -1097,111 +1016,81 @@ display: flex;align-items: center;font-size: 14px;
padding-left: 77px;
box-sizing: border-box;
}
.ty_zgtit>p {
.ty_zgtit>p{
font-size: 14px;
color: rgb(106, 106, 106);
}
.ty_zgtit>:nth-child(1) {
.ty_zgtit>:nth-child(1){
margin-right: 314px;
}
.ty_zgtit>:nth-child(2) {
.ty_zgtit>:nth-child(2){
margin-right: 159px;
}
.ty_zgtit>:nth-child(3) {
.ty_zgtit>:nth-child(3){
margin-right: 101px;
}
.ty_zgtit>:nth-child(4) {
margin-right: 82px;
.ty_zgtit>:nth-child(4){
margin-right: 82px;
}
.ty_zgcon {
.ty_zgcon{
padding-top: 17px;
padding-bottom: 14px;
padding-left: 9px;
padding-right: 7px;
}
.ty_zgcon {
.ty_zgcon{
display: flex;
border-bottom: 1px solid rgb(238, 233, 231);
flex-wrap: wrap;
border-bottom:1px solid rgb(238, 233, 231);
}
.ty_zgzti {
.ty_zgzti{
font-size: 13px;
color: rgb(82, 82, 82);
color: rgb(82,82,82);
}
.ty_zgcon>:nth-child(1) {
.ty_zgcon>:nth-child(1){
width: 88px;
height: 85px;
margin-right: 11px;
}
.ty_ristext{
display: flex;
}
.ty_ristext>:nth-child(1) {
.ty_zgcon>:nth-child(3){
width: 187px;
margin-right: 92px;
margin-left: 80px;
}
.ty_ristext>:nth-child(2) {
.ty_zgcon>:nth-child(4){
margin-right: 67px;
}
.ty_ristext>:nth-child(3) {
.ty_zgcon>:nth-child(5){
margin-right: 34px;
}
.ty_ristext>:nth-child(4) {
.ty_zgcon>:nth-child(6){
width: 62px;
}
.ty_ristext>:nth-child(4)>div>button {
.ty_zgcon>:nth-child(6)>button{
width: 62px;
height: 34px;
border-radius: 3px;
background-color: #fff;
margin-bottom: 5px;
}
.ty_ristext>:nth-child(4)>div>p{
.ty_zgcon>:nth-child(6)>p{
color: #191919;
font-size: 13px;
margin-top: 5px;
}
.ty_ristext>div>:nth-child(1){
display: none;
}
.ty_bj {
.ty_bj{
color: #00a608;
border: 1px solid #00a608;
}
.ty_scsc {
.ty_scsc{
color: #066ee2;
border: 1px solid #066ee2;
border: 1px solid #066ee2;
}
.ty_lititnoe>:nth-child(2) {
.ty_lititnoe>:nth-child(2){
display: none;
}
.ty_lititnoe>span {
.ty_lititnoe>span{
color: rgb(203, 25, 25);
}
.ty_litittwo>:nth-child(1) {
.ty_litittwo>:nth-child(1){
display: none;
}
.ty_topifrane{
width: 100%;
height: 300px;
}
}

View File

@ -1,423 +1,21 @@
@media screen and (max-width:300px) {}
@media screen and (min-width:301px) and (max-width:350px) {}
@media screen and (min-width:351px) and (max-width:420px) {}
@media screen and (min-width:421px) and (max-width:490px) {}
@media screen and (min-width:491px) and (max-width:620px) {}
@media screen and (min-width:621px) and (max-width:720px) {}
@media screen and (min-width:721px) and (max-width:820px) {
.ty_left {
position: absolute;
left: 0px;
top: 0px;
}
/* .ty_riscon {
padding-left: 36px;
} */
@media screen and (max-width:300px) {
}
@media screen and (min-width:300px) and (max-width:1020px) {
.ty_leftcon {
justify-content: center;
padding-left: 0px;
}
.ty_left {
width: 14%;
}
.ty_ris {
width: 75%;
}
.ty_btn>button {
width: 112px;
height: 37px;
}
.ty_btn {
width: 424px;
}
.ty_password+.ty_btn {
width: 448px;
}
select {
padding: 0px 18px;
background-size: 12px 8px;
width: 106px;
font-size: 12px;
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 9px top 14px transparent;
height: 37px;
}
.ty_int> :nth-child(2) {
width: 338px;
height: 36px;
}
.ty_scimg {
width: 100px;
height: 100px;
background-color: rgb(245, 245, 245);
border-radius: 50%;
border: none;
margin-right: 28px;
}
}
@media screen and (min-width:300px) and (max-width:820px) {
.ty_left {
position: absolute;
left: -14%;
top: 0px;
transition: all 2s;
}
.naliu {
display: block;
}
.ty_ris {
width: 95%;
}
.ty_caidan {
display: block;
}
.ty_dnum {
width: 100%;
border-top: 1px solid rgb(233, 233, 233);
margin-top: 10px;
}
.ty_ysnr {
width: 25%;
}
.ty_wdgz {
width: 33%;
}
.ty_wdgz>p {
margin-top: 4px;
}
.ty_ysnr {
margin-bottom: 10px;
}
.ty_ysnr>p {
margin-top: 8px;
font-size: 13px;
}
.ty_yspcon {
width: 25%;
margin-bottom: 14px;
}
.ty_yspcon>p {
margin-top: 10px;
}
}
@media screen and (min-width:821px) and (max-width:920px) {}
@media screen and (min-width:921px) and (max-width:1020px) {}
@media screen and (min-width:1021px) and (max-width:1120px) {}
@media screen and (min-width:1121px) and (max-width:1220px) {}
@media screen and (min-width:1021px) and (max-width:1320px) {
.ty_leftcon>img {
display: none;
}
.ty_leftcon {
justify-content: center;
padding-left: 0px;
}
.ty_left {
width: 14%;
}
.ty_ris {
width: 75%;
}
@media screen and (min-width:301px) and (max-width:350px) {
}
@media screen and (min-width:1321px) and (max-width:1420px) {
.ty_dindantit{
display: inline-block;
}
.ty_ddnav {
margin-bottom: 10px;
}
.ty_ris {
width: 75%;
}
.ty_ddxxnoe {
width: 100% !important;
}
.ty_ddxxnoe>div {
width: 100% !important;
flex-wrap: wrap;
}
.ty_ddxq {
display: none;
}
.ty_ddxx>div {
width: 100%;
border-top: 1px solid rgb(233, 233, 233);
}
.ty_ddxxTxt {
padding-top: 2px;
width: 22%;
}
.ty_ddxxTxt1 {
border-right: 1px solid rgb(233, 233, 233);
padding-top: 2px;
width: 34%;
}
}
@media screen and (min-width:300px) and (max-width:620px) {
.ty_riscon {
padding-left: 10px;
}
.ty_yhuij {
width: 50% !important ;
}
}
@media screen and (min-width:301px) and (max-width:490px) {
.ty_btn {
width: 334px;
}
.ty_password+.ty_btn {
width: 358px;
}
.ty_int> :nth-child(2) {
width: 248px;
}
select {
padding: 0px 5px;
width: 76px;
}
.ty_left {
width: 67px;
left: -68px;
}
.ty_leftcon {
font-size: 12px;
}
.ty_ddmas>:nth-child(2) {
width: 180px;
}
.ty_dindantop {
display: block;
}
.ty_ddnav>p {
margin-right: 23px;
}
.ty_ddcontit {
height: 46px;
}
}
@media screen and (min-width:300px) and (max-width:1320px) {
.ty_dindantit{
display: inline-block;
}
.ty_ddxxTxt {
padding-top: 2px;
width: 20%;
}
.ty_ddxxTxt1 {
border-right: 1px solid rgb(233, 233, 233);
padding-top: 2px;
width: 40%;
}
.ty_herader>nav>img {
margin-right: 11%;
width: 35%;
}
.ty_ddxq {
display: none;
}
.ty_listnav {
width: 45%;
text-align: left;
}
.ty_leftcon>img {
display: none;
}
.ty_listnav {
padding-top: 3%;
}
.ty_topcon {
height: 47%;
}
.ty_ddxx>div {
width: 100%;
border-top: 1px solid rgb(233, 233, 233);
}
.ty_ddxxnoe {
width: 100% !important;
}
.ty_ddxxnoe>div {
width: 100% !important;
flex-wrap: wrap;
padding-left: 0px;
}
.ty_dindantetx {
border-top: 1px solid rgb(233, 233, 233);
width: 100%;
}
.ty_ddnav {
margin-bottom: 10px;
}
@media screen and (min-width:351px) and (max-width:420px) {
}
@media screen and (min-width:300px) and (max-width:411px) {
.ty_password {
display: block;
padding-left: 40px;
}
.ty_password>p {
text-align: left !important;
margin-bottom: 10px;
}
.ty_password+.ty_btn {
width: 288px;
}
.ty_didanpd {
padding-left: 9px !important;
padding-right: 9px !important;
}
.ty_wdgz {
width: 50%;
}
.ty_ysnr {
width: 33%;
margin-bottom: 10px;
font-size: 13px;
}
.ty_wdgz>p {
margin-top: 4px;
}
.ty_yishusc>:nth-child(2) {
font-size: 13px;
color: #191919;
margin-top: 2px;
margin-bottom: 6px;
}
.ty_yspcon {
width: 33%;
margin-bottom: 14px;
}
.ty_yspcon>p {
margin-top: 10px;
}
.ty_jfn>:nth-child(2)>:nth-child(2) {
margin-left: 52px;
margin-right: 73px;
}
.ty_jfcon>div>:nth-child(2) {
margin-right: 38px;
}
.ty_jfn>:nth-child(2)>:nth-child(2) {
margin-right: 22px;
}
.ty_textyh {
font-size: 13px;
margin-top: 2px;
margin-bottom: 5px;
color: #fff;
}
@media screen and (min-width:421px) and (max-width:490px) {
}
@media screen and (min-width:491px) and (max-width:620px) {
@media screen and (min-width:300px) and (max-width:1200px) {
.ty_jfcon>div>:nth-child(1) {
margin-right: 50px;
}
.ty_jfn>:nth-child(2)>:nth-child(2) {
margin-left: 100px;
margin-right: 31px;
}
.ty_jfcon>div>:nth-child(2) {
margin-right: 16px;
}
.ty_yhuij {
width: 33%;
}
}
@media screen and (min-width:621px) and (max-width:720px) {
@media screen and (min-width:1421px) and (max-width:1520px) {}
@media screen and (min-width:1521px) and (max-width:1620px) {}
}
@media screen and (width:320px) {
.exhibition .item-box {height: 200px!important;}
.swiper-button-next, .swiper-button-prev {top: 40%!important;}

File diff suppressed because it is too large Load Diff

View File

@ -1,8 +0,0 @@
{
"folders": [
{
"path": "..\\.."
}
],
"settings": {}
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -6,12 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心-头部</title></title>
<link rel="stylesheet" href="../css/centerHead.css">
<link rel="stylesheet" href="../css/huaxiaMedia.css">
</head>
<body>
<header class="ty_herader">
<img src="../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds">
<nav class="ty_w ty_ds">
<img src="../img/logo.png" title="图2" alt="图片已缺失">
<ul class="ty_listnav">
<li> 123</li>