个人中心
parent
2ae0df6795
commit
33164dc6e2
|
|
@ -24,29 +24,32 @@ ul {
|
|||
}
|
||||
|
||||
.ty_herader>nav>img {
|
||||
width: 489px;
|
||||
height: 124px;
|
||||
margin-right: 210px;
|
||||
|
||||
width:487px;
|
||||
}
|
||||
|
||||
.ty_ds {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
|
||||
}
|
||||
|
||||
.ty_herader>nav {
|
||||
margin-top: 31px;
|
||||
}
|
||||
|
||||
.ty_w {
|
||||
width: 1280px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
.ty_listnav {
|
||||
display: flex;
|
||||
margin-top: 66px;
|
||||
padding-top: 66px;
|
||||
color: rgb(135, 135, 135);
|
||||
align-self: flex-start;
|
||||
flex-wrap: wrap;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
.ty_listnav>li {
|
||||
|
|
@ -78,3 +81,6 @@ ul {
|
|||
.ty_gr {
|
||||
color: rgb(201, 57, 57) !important;
|
||||
}
|
||||
|
||||
|
||||
/* 自适应 */
|
||||
|
|
|
|||
|
|
@ -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,19 +28,13 @@ 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;
|
||||
|
|
@ -77,9 +71,27 @@ 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;
|
||||
}
|
||||
|
|
@ -93,9 +105,24 @@ 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);
|
||||
|
|
@ -103,8 +130,8 @@ ul {
|
|||
}
|
||||
|
||||
.ty_lefttx>img {
|
||||
width: 102px;
|
||||
height: 102px;
|
||||
width: 60%;
|
||||
height: 50%;
|
||||
margin: auto;
|
||||
margin-bottom: 29px;
|
||||
|
||||
|
|
@ -129,6 +156,7 @@ ul {
|
|||
}
|
||||
|
||||
.ty_ris {
|
||||
|
||||
width: 1060px;
|
||||
}
|
||||
|
||||
|
|
@ -153,6 +181,14 @@ 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;
|
||||
|
|
@ -168,9 +204,11 @@ ul {
|
|||
align-items: center;
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.ty_tubtn {
|
||||
width: 202px;
|
||||
height: 33px;
|
||||
|
|
@ -334,7 +372,7 @@ select {
|
|||
}
|
||||
|
||||
.ty_dizcon {
|
||||
width: 1006px;
|
||||
width: 94%;
|
||||
height: 190px;
|
||||
margin: auto;
|
||||
margin-bottom: 23px;
|
||||
|
|
@ -484,13 +522,18 @@ select {
|
|||
|
||||
/* 优惠卷 */
|
||||
.ty_yhuij {
|
||||
width: 244px;
|
||||
height: 226px;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
margin-right: 11px;
|
||||
padding-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%;
|
||||
|
|
@ -501,7 +544,7 @@ select {
|
|||
}
|
||||
|
||||
.ty_yhuij>:nth-child(2) {
|
||||
width: 244px;
|
||||
width: 100%;
|
||||
height: 83px;
|
||||
background-color: rgb(249, 249, 249);
|
||||
}
|
||||
|
|
@ -576,7 +619,12 @@ select {
|
|||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.ty_dindantetx{
|
||||
display: flex;
|
||||
}
|
||||
.ty_dnum{
|
||||
display: flex;
|
||||
}
|
||||
.ty_ddys {
|
||||
color: rgb(203, 25, 25);
|
||||
}
|
||||
|
|
@ -600,10 +648,12 @@ 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;
|
||||
}
|
||||
|
|
@ -638,6 +688,7 @@ select {
|
|||
.ty_ddcontit>:nth-child(2) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 61px;
|
||||
}
|
||||
|
||||
.ty_ddcontit>:nth-child(2)>p {
|
||||
|
|
@ -657,21 +708,26 @@ select {
|
|||
.ty_ddxx>:nth-child(1)>:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ty_ddxx>:nth-child(1)>div>:nth-child(2) {
|
||||
.ty_ddmas{
|
||||
display: flex;
|
||||
}
|
||||
.ty_ddmas>: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_ddxx>:nth-child(1)>div>:nth-child(3) {
|
||||
}
|
||||
.ty_dnum>:nth-child(1) {
|
||||
padding-top: 12px;
|
||||
margin-left: 80px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.ty_ddxx>:nth-child(1)>div>:nth-child(4) {
|
||||
.ty_dnum>:nth-child(2) {
|
||||
padding-top: 12px;
|
||||
margin-left: 72px;
|
||||
font-size: 13px;
|
||||
|
|
@ -679,6 +735,7 @@ select {
|
|||
|
||||
.ty_ddxx {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ty_ddxxTxt {
|
||||
|
|
@ -691,7 +748,7 @@ select {
|
|||
|
||||
.ty_ddxxTxt1 {
|
||||
padding-top: 24px;
|
||||
width: 112px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -731,6 +788,7 @@ select {
|
|||
.ty_shtcint {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.ty_sgtxt {
|
||||
|
|
@ -758,21 +816,23 @@ select {
|
|||
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: 184px;
|
||||
margin-right: 23px;
|
||||
width: 20%;
|
||||
padding-right: 23px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 35px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ty_ysnr >img{
|
||||
width: 100%;
|
||||
}
|
||||
.ty_ysnr>p {
|
||||
font-size: 16px;
|
||||
color: #191919;
|
||||
|
|
@ -786,9 +846,7 @@ select {
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ty_ysmr>:nth-child(5n) {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.ty_ysqxgz {
|
||||
display: inline-block;
|
||||
|
|
@ -805,21 +863,22 @@ select {
|
|||
}
|
||||
|
||||
.ty_wdgz {
|
||||
width: 323px;
|
||||
margin-right: 21px;
|
||||
width: 33%;
|
||||
padding-right: 21px;
|
||||
box-sizing: border-box;
|
||||
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%;
|
||||
|
|
@ -910,78 +969,97 @@ select {
|
|||
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: 328px;
|
||||
margin-right: 14px;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.ty_yishusc>:nth-child(2){
|
||||
|
||||
.ty_yishusc {
|
||||
width: 33%;
|
||||
padding-right: 14px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
.ty_yishusc>img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.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: 184px;
|
||||
margin-right: 24px;
|
||||
|
||||
.ty_yspcon {
|
||||
width: 20%;
|
||||
padding-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");
|
||||
|
|
@ -991,23 +1069,26 @@ position: relative;
|
|||
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;
|
||||
|
|
@ -1016,81 +1097,111 @@ position: relative;
|
|||
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);
|
||||
border-bottom: 1px solid rgb(238, 233, 231);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.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_zgcon>:nth-child(3){
|
||||
.ty_ristext{
|
||||
display: flex;
|
||||
}
|
||||
.ty_ristext>:nth-child(1) {
|
||||
width: 187px;
|
||||
margin-right: 92px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(4){
|
||||
|
||||
.ty_ristext>:nth-child(2) {
|
||||
margin-right: 67px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(5){
|
||||
|
||||
.ty_ristext>:nth-child(3) {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6){
|
||||
|
||||
.ty_ristext>:nth-child(4) {
|
||||
width: 62px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6)>button{
|
||||
|
||||
.ty_ristext>:nth-child(4)>div>button {
|
||||
width: 62px;
|
||||
height: 34px;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6)>p{
|
||||
|
||||
.ty_ristext>:nth-child(4)>div>p{
|
||||
color: #191919;
|
||||
font-size: 13px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ty_bj{
|
||||
.ty_ristext>div>:nth-child(1){
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ty_bj {
|
||||
color: #00a608;
|
||||
border: 1px solid #00a608;
|
||||
}
|
||||
.ty_scsc{
|
||||
|
||||
.ty_scsc {
|
||||
color: #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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,45 +1,417 @@
|
|||
@media screen and (max-width:300px) {
|
||||
@media screen and (max-width:300px) {}
|
||||
|
||||
}
|
||||
@media screen and (min-width:301px) and (max-width:350px) {
|
||||
@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:351px) and (max-width:420px) {}
|
||||
|
||||
}
|
||||
@media screen and (min-width:421px) and (max-width:490px) {
|
||||
@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:491px) and (max-width:620px) {}
|
||||
|
||||
}
|
||||
@media screen and (min-width:621px) and (max-width:720px) {
|
||||
@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 (min-width:821px) and (max-width:920px) {
|
||||
|
||||
|
||||
@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: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:1221px) and (max-width:1320px) {
|
||||
|
||||
}
|
||||
@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:1421px) and (max-width:1520px) {
|
||||
|
||||
@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:1521px) and (max-width:1620px) {
|
||||
|
||||
@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:1421px) and (max-width:1520px) {}
|
||||
|
||||
@media screen and (min-width:1521px) and (max-width:1620px) {}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"folders": [
|
||||
{
|
||||
"path": "..\\.."
|
||||
}
|
||||
],
|
||||
"settings": {}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -6,11 +6,12 @@
|
|||
<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_ds">
|
||||
<nav class="ty_w ty_w1220 ty_ds">
|
||||
<img src="../img/logo.png" title="图2" alt="图片已缺失">
|
||||
<ul class="ty_listnav">
|
||||
<li> 123</li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue