响应式
parent
94dd9be6b3
commit
8232007f55
|
|
@ -2428,24 +2428,28 @@ input {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.tygrzx_setle>:last-child {
|
.tygrzx_setle>div>:last-child {
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
.tygrzx_setlecon{
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
.tygrzx_setle {
|
.tygrzx_setle {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tygrzx_setle> :nth-child(1) {
|
.tygrzx_setle>:nth-child(1) {
|
||||||
width: 65px;
|
width: 65px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tygrzx_setle>select {
|
.tygrzx_setle>div>select {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2473,12 +2477,12 @@ input {
|
||||||
|
|
||||||
.tygrzx_btn1 {
|
.tygrzx_btn1 {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 581px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 密码修改 */
|
/* 密码修改 */
|
||||||
.tygrzx_wic> :nth-child(1) {
|
.tygrzx_wic> :nth-child(1) {
|
||||||
width: 90px;
|
width: 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tygrzx_riscon1 {
|
.tygrzx_riscon1 {
|
||||||
|
|
|
||||||
|
|
@ -11,23 +11,12 @@
|
||||||
@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) {
|
@media screen and (min-width:721px) and (max-width:820px) {}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (min-width:300px) and (max-width:1020px) {}
|
||||||
|
|
||||||
}
|
@media screen and (min-width:300px) and (max-width:820px) {}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width:300px) and (max-width:1020px) {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width:300px) and (max-width:820px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width:821px) and (max-width:920px) {}
|
@media screen and (min-width:821px) and (max-width:920px) {}
|
||||||
|
|
||||||
|
|
@ -39,186 +28,781 @@
|
||||||
|
|
||||||
@media screen and (min-width:991px) and (max-width:1520px) {
|
@media screen and (min-width:991px) and (max-width:1520px) {
|
||||||
|
|
||||||
.tygrzx_riscon {
|
.tygrzx_riscon {
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:991px) and (max-width:1440px) {
|
@media screen and (min-width:991px) and (max-width:1440px) {
|
||||||
|
|
||||||
.p-zy320 {
|
.p-zy320 {
|
||||||
padding-left: 180px;
|
padding-left: 120px;
|
||||||
padding-right: 180px;
|
padding-right: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tygrzx_int> :nth-child(2) {
|
.tygrzx_int> :nth-child(2) {
|
||||||
width: 345px;
|
width: 345px;
|
||||||
}
|
}
|
||||||
.tygrzx select {
|
|
||||||
width: 108px;
|
.tygrzx select {
|
||||||
}
|
width: 108px;
|
||||||
.tygrzx_leftcon {
|
}
|
||||||
padding-left: 15px;
|
|
||||||
}
|
.tygrzx_leftcon {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width:767) and (max-width:1440px){
|
@media screen and (min-width:767) and (max-width:1440px) {
|
||||||
.tygrzx_leftcon {
|
|
||||||
padding-left: 15px;
|
|
||||||
}
|
.tygrzx_riscon {
|
||||||
.tygrzx_int> :nth-child(2) {
|
padding-left: 32px;
|
||||||
width: 345px;
|
}
|
||||||
}
|
|
||||||
.tygrzx select {
|
.tygrzx_int> :nth-child(2) {
|
||||||
width: 108px;
|
width: 345px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tygrzx select {
|
||||||
|
width: 108px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:767px) and (max-width:991px) {
|
@media screen and (min-width:767px) and (max-width:991px) {
|
||||||
|
|
||||||
.p-zy320 {
|
.p-zy320 {
|
||||||
padding-left: 60px;
|
padding-left: 60px;
|
||||||
padding-right: 60px;
|
padding-right: 60px;
|
||||||
}
|
}
|
||||||
.tygrzx_int> :nth-child(2) {
|
.tygrzx select {
|
||||||
width: 345px;
|
width: 30%;
|
||||||
}
|
padding: 12px 9px;
|
||||||
.tygrzx select {
|
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent;
|
||||||
width: 108px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
.tygrzx_setlecon{
|
||||||
.tygrzx_leftcon {
|
width: 85%;
|
||||||
padding-left: 15px;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
.tygrzx_leftcon {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_riscon {
|
||||||
|
padding-left: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int> :nth-child(2) {
|
||||||
|
width: 85%;
|
||||||
|
}
|
||||||
|
.tygrzx_wic> :nth-child(2) {
|
||||||
|
width: 81%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tygrzx_riscon>form {
|
||||||
|
display: block;
|
||||||
|
padding-right: 0px;
|
||||||
|
width: 95%;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:767px) {
|
||||||
|
.tygrzx_riscon>form {
|
||||||
|
display: block;
|
||||||
|
padding-right: 0px;
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
.p-zy320 {
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_left {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
overflow-x: auto;
|
||||||
|
display: flex;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caiadn {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
left: 0px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-left: 30px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_riscon {
|
||||||
|
/* padding-left: 32px; */
|
||||||
|
padding: 40px 20px 20px;
|
||||||
|
position: relative;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_ris {
|
||||||
|
margin-top: 98px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_leftcon {
|
||||||
|
width: auto;
|
||||||
|
flex-shrink: 0;
|
||||||
|
padding: 0px;
|
||||||
|
padding-left: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int> :nth-child(2) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tygrzx_lefttx {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tygrzx_setlecon {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.tygrzx_tupian {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.tygrzx_name> :nth-child(1) {
|
||||||
|
margin-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx select {
|
||||||
|
width: 30%;
|
||||||
|
padding: 12px 9px;
|
||||||
|
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent;
|
||||||
|
margin-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int> :nth-child(1) {
|
||||||
|
|
||||||
|
margin-right: 0px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_setle> :nth-child(1) {
|
||||||
|
margin-right: 0px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_scimg {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.tygrzx_wic> :nth-child(2) {
|
||||||
|
width: 81%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:430px) {
|
||||||
|
|
||||||
|
.tygrzx_grzximg {
|
||||||
|
position: absolute;
|
||||||
|
width: 98%;
|
||||||
|
border-radius: 50px;
|
||||||
|
height: 100px;
|
||||||
|
left: -127px;
|
||||||
|
top: -49px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_scanniu>:nth-child(3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_tubtn {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tygrzx_name {
|
||||||
|
position: absolute;
|
||||||
|
top: 52px;
|
||||||
|
left: 145px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-zy320 {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_scimg {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-image: url(../img/jgzx/images/xwfm_03.png);
|
||||||
|
background-size: 102%;
|
||||||
|
border: solid 1px #000;
|
||||||
|
border-color: rgb(208, 208, 208);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int> :nth-child(1) {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.tygrzx_setle> :nth-child(1) {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.tygrzx select {
|
||||||
|
padding: 0px 7px;
|
||||||
|
font-size: 12px;
|
||||||
|
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent;
|
||||||
|
background-size: 12px 8px;
|
||||||
|
height: 39px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
width: 30.9%;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_setlecon {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_setle {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_int> :nth-child(2) {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 39px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tygrzx_btn>button {
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 18px;
|
||||||
|
width: 100%;
|
||||||
|
height: 33px;
|
||||||
|
color: #fff;
|
||||||
|
background-color: rgb(203, 25, 25);
|
||||||
|
cursor: pointer;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.tygrzx_riscon>form {
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1521px) and (max-width:1620px) {}
|
@media screen and (min-width:1521px) and (max-width:1620px) {}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (width:320px) {
|
@media screen and (width:320px) {
|
||||||
.exhibition .item-box {height: 200px!important;}
|
.exhibition .item-box {
|
||||||
.swiper-button-next, .swiper-button-prev {top: 40%!important;}
|
height: 200px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-button-prev {
|
||||||
|
top: 40% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width:750px) {
|
@media screen and (max-width:750px) {
|
||||||
.logo{width: 60%;}
|
.logo {
|
||||||
.head-box {top: 0px;}
|
width: 60%;
|
||||||
.gongn{display: inline;right: 20px;width: 40px;height: 40px;}
|
}
|
||||||
.dmedia{display: none;}
|
|
||||||
.head-box{padding: 10px 20px;}
|
.head-box {
|
||||||
.p-zy180{padding: 10px 20px 0 20px;}
|
top: 0px;
|
||||||
.cq-item-title-box {padding: 10px 0;}
|
}
|
||||||
.font-32 {font-size: 16px;}
|
|
||||||
.font-22 {font-size: 12px;}
|
.gongn {
|
||||||
.cq-gengd {font-size: 12px;color: #191919;}
|
display: inline;
|
||||||
.cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;}
|
right: 20px;
|
||||||
.exhibition .item-box {height: 270px;}
|
width: 40px;
|
||||||
.font-20 {font-size: 16px;}
|
height: 40px;
|
||||||
.font-13 {font-size: 12px;}
|
}
|
||||||
.m-x16 {margin-bottom: 16px;}
|
|
||||||
.swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;}
|
.dmedia {
|
||||||
.swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;}
|
display: none;
|
||||||
.swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;}
|
}
|
||||||
.m-sx16 {margin-top: 10px;margin-bottom: 10px;}
|
|
||||||
.m-x16 {margin-bottom: 2px;}
|
.head-box {
|
||||||
.m-x65 {margin-bottom: 20px;}
|
padding: 10px 20px;
|
||||||
.p-sx20{padding-top: 0px;padding-bottom: 10px;}
|
}
|
||||||
.m-x37,.m-x32 {margin-bottom: 10px;}
|
|
||||||
.w25,.w48{width: 100%;}
|
.p-zy180 {
|
||||||
.msg .dac{display: inline;}
|
padding: 10px 20px 0 20px;
|
||||||
.m-zy15 {margin-left: 10px; margin-right: 10px;margin-top: 10px;}
|
}
|
||||||
.font-18 {font-size: 16px;}
|
|
||||||
.xx-content {line-height: 20px;}
|
.cq-item-title-box {
|
||||||
.msg .m-x32:nth-last-child(2) {margin-bottom: 10px;}
|
padding: 10px 0;
|
||||||
.djb{display: inline;}
|
}
|
||||||
.djb .w50{width: 100%;margin-bottom: 10px;}
|
|
||||||
.djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;}
|
.font-32 {
|
||||||
.ys-title {font-size: 16px;}
|
font-size: 16px;
|
||||||
.ya-item-box .pr{padding-right: 0;}
|
}
|
||||||
.m-s37 {margin-top: 10px;}
|
|
||||||
.syysj-box,.xinxy-box{padding-bottom: 20px;}
|
.font-22 {
|
||||||
.xinxy-box .dac{display: inline;}
|
font-size: 12px;
|
||||||
.syysj-box .dac{display: inherit;}
|
}
|
||||||
.syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;}
|
|
||||||
.syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;}
|
.cq-gengd {
|
||||||
.syys-name{font-size: 18px;margin-top: 10px;margin-bottom: 10px;}
|
font-size: 12px;
|
||||||
.ysj-name{line-height: 20px;}
|
color: #191919;
|
||||||
.w20{width: 100%;padding-bottom: 10px;}
|
}
|
||||||
.wc-box > div > img {width: 100%;}
|
|
||||||
.sypx-box {padding-bottom: 20px;}
|
.cq-item-title-box>div>div {
|
||||||
.sypx-box .djb .backf {padding-bottom: 10px;}
|
background: -webkit-linear-gradient(left, red, rgba(255, 255, 255, 0));
|
||||||
.sypx-box .djb .backf div{margin-top: 10px;}
|
height: 6px;
|
||||||
.hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;}
|
bottom: 0;
|
||||||
.hz-imgItem{margin-top: 20px;}
|
left: 0;
|
||||||
.hz-input-box{display: inherit;}
|
width: 70px;
|
||||||
.hzly-box{padding: 20px;}
|
opacity: .8;
|
||||||
.hz-input-box .p-zy10{width: 94%;margin-top: 10px;}
|
z-index: 0;
|
||||||
.hz-input-box .p-zy10:first-child{margin-top: 30px;}
|
}
|
||||||
.hz-input-box div{margin-top: 10px;text-align: center;}
|
|
||||||
#gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;}
|
.exhibition .item-box {
|
||||||
|
height: 270px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-20 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-13 {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-x16 {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullet,
|
||||||
|
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-button-prev {
|
||||||
|
background: rgba(0, 0, 0, .6);
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
top: 42%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next::after,
|
||||||
|
.swiper-button-prev::after {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-sx16 {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-x16 {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-x65 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-sx20 {
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-x37,
|
||||||
|
.m-x32 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w25,
|
||||||
|
.w48 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg .dac {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-zy15 {
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-18 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xx-content {
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg .m-x32:nth-last-child(2) {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.djb {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.djb .w50 {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.djb .w50 .m-zy30 {
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-right: 0px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ys-title {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ya-item-box .pr {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-s37 {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syysj-box,
|
||||||
|
.xinxy-box {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinxy-box .dac {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syysj-box .dac {
|
||||||
|
display: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syysj-box .dac .m-zy30 {
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syysj-box .dac .m-zy30 .m-s30 {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syys-name {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ysj-name {
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w20 {
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wc-box>div>img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sypx-box {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sypx-box .djb .backf {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sypx-box .djb .backf div {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-jies {
|
||||||
|
position: absolute;
|
||||||
|
top: 25px;
|
||||||
|
left: 0;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-imgItem {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-input-box {
|
||||||
|
display: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hzly-box {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-input-box .p-zy10 {
|
||||||
|
width: 94%;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-input-box .p-zy10:first-child {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hz-input-box div {
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gotoTop {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 120px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:751px) and (max-width:850px) {
|
@media screen and (min-width:751px) and (max-width:850px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.gongn{display: inline;}
|
width: 26%;
|
||||||
.dmedia{display: none;}
|
}
|
||||||
.p-zy180,.head-box{padding: 10px 60px;}
|
|
||||||
|
.gongn {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dmedia {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-zy180,
|
||||||
|
.head-box {
|
||||||
|
padding: 10px 60px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:851px) and (max-width:1000px) {
|
@media screen and (min-width:851px) and (max-width:1000px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.gongn{display: inline;}
|
width: 26%;
|
||||||
.dmedia{display: none;}
|
}
|
||||||
.input-box{display: none;}
|
|
||||||
.head-box{padding: 10px 60px 5px 60px;}
|
.gongn {
|
||||||
.p-zy180 {padding: 10px 60px;}
|
display: inline;
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
}
|
||||||
.dao-box>li:last-child{padding-right: 0;}
|
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dmedia {
|
||||||
.head-nav-box > div:last-child {margin-top: 0px;}
|
display: none;
|
||||||
.redD {right: 6px;}
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-box {
|
||||||
|
padding: 10px 60px 5px 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-zy180 {
|
||||||
|
padding: 10px 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li {
|
||||||
|
padding: 5px 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li>div {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-nav-box>div:last-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redD {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1001px) and (max-width:1120px) {
|
@media screen and (min-width:1001px) and (max-width:1120px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.input-box{display: none;}
|
width: 26%;
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
|
||||||
.dao-box>li:last-child{padding-right: 0;}
|
.input-box {
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
display: none;
|
||||||
.head-nav-box > div:last-child {margin-top: 0px;}
|
}
|
||||||
.redD {right: 6px;}
|
|
||||||
|
.p-zy180,
|
||||||
|
.head-box {
|
||||||
|
padding: 10px 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li {
|
||||||
|
padding: 5px 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li>div {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-nav-box>div:last-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redD {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1121px) and (max-width:1260px) {
|
@media screen and (min-width:1121px) and (max-width:1260px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.input-box{display: none;}
|
width: 26%;
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
|
||||||
.dao-box>li:last-child{padding-right: 0;}
|
.input-box {
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
display: none;
|
||||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
}
|
||||||
.redD {right: 6px;}
|
|
||||||
|
.p-zy180,
|
||||||
|
.head-box {
|
||||||
|
padding: 10px 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li {
|
||||||
|
padding: 5px 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li>div {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-nav-box>div:last-child {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redD {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1261px) and (max-width:1350px) {
|
@media screen and (min-width:1261px) and (max-width:1350px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
width: 26%;
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
|
||||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
.p-zy180,
|
||||||
.redD {right: 6px;}
|
.head-box {
|
||||||
|
padding: 10px 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li {
|
||||||
|
padding: 5px 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li>div {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-nav-box>div:last-child {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redD {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1351px) and (max-width:1620px) {
|
@media screen and (min-width:1351px) and (max-width:1620px) {
|
||||||
.logo{width: 26%;}
|
.logo {
|
||||||
.p-zy180,.head-box{padding: 20px 100px;}
|
width: 26%;
|
||||||
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
|
||||||
.redD {right: 8px;}
|
.p-zy180,
|
||||||
|
.head-box {
|
||||||
|
padding: 20px 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li {
|
||||||
|
padding: 5px 20px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dao-box>li>div {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redD {
|
||||||
|
right: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
||||||
.logo{width: 30%;}
|
.logo {
|
||||||
.p-zy180,.head-box{padding: 20px 100px;}
|
width: 30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.p-zy180,
|
||||||
|
.head-box {
|
||||||
|
padding: 20px 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
|
|
||||||
<body class="tygrzx_co">
|
<body class="tygrzx_co">
|
||||||
|
|
||||||
<header class="ty_herader">
|
<!-- <header class="ty_herader">
|
||||||
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
|
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
|
||||||
<nav class="ty_w ty_w1220 ty_ds">
|
<nav class="ty_w ty_w1220 ty_ds">
|
||||||
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
|
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
|
||||||
|
|
@ -33,10 +33,14 @@
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header> -->
|
||||||
<div class="mian tygrzx">
|
<div class="mian tygrzx">
|
||||||
<div class="p-zy320 dis">
|
<div class="p-zy320 dis">
|
||||||
<button class="naliu">菜单</button>
|
|
||||||
|
<div class="caiadn">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<ul class="tygrzx_left">
|
<ul class="tygrzx_left">
|
||||||
<li class="tygrzx_caidan">收起菜单</li>
|
<li class="tygrzx_caidan">收起菜单</li>
|
||||||
<li class="tygrzx_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
|
<li class="tygrzx_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
|
||||||
|
|
@ -68,7 +72,7 @@
|
||||||
<img src="../../img/grzx/icon_9.png" title="收货地址" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).png" title="收货地址" alt="图片已缺失"> <span>收货地址</span>
|
<img src="../../img/grzx/icon_9.png" title="收货地址" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).png" title="收货地址" alt="图片已缺失"> <span>收货地址</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
<!-- 个人资料 -->
|
<!-- 个人资料 -->
|
||||||
<div style="display:block" data-in="1" class="tygrzx_ris ">
|
<div style="display:block" data-in="1" class="tygrzx_ris ">
|
||||||
<p class="tygrzx_tit">个人资料</p>
|
<p class="tygrzx_tit">个人资料</p>
|
||||||
|
|
@ -79,7 +83,7 @@
|
||||||
<div class="tygrzx_scimg">
|
<div class="tygrzx_scimg">
|
||||||
<img class="uptoux tyjgzx_topimgtx" src="" title="头像" alt="图片缺失">
|
<img class="uptoux tyjgzx_topimgtx" src="" title="头像" alt="图片缺失">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="tygrzx_scanniu">
|
||||||
<button class="tygrzx_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
|
<button class="tygrzx_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
|
||||||
<input class="tygrzx_grzximg inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
|
<input class="tygrzx_grzximg inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
|
||||||
<p class="tygrzx_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
|
<p class="tygrzx_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
|
||||||
|
|
@ -103,15 +107,18 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="tygrzx_setle">
|
<div class="tygrzx_setle">
|
||||||
<p>地址：</p>
|
<p>地址：</p>
|
||||||
<select name="" id="">
|
<div class="tygrzx_setlecon">
|
||||||
<option value="">四川省</option>
|
<select name="" id="">
|
||||||
</select>
|
<option value="">四川省</option>
|
||||||
<select name="" id="">
|
</select>
|
||||||
<option value="">成都市</option>
|
<select name="" id="">
|
||||||
</select>
|
<option value="">成都市</option>
|
||||||
<select name="" id="">
|
</select>
|
||||||
<option value="">锦江区</option>
|
<select name="" id="">
|
||||||
</select>
|
<option value="">锦江区</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="tygrzx_int">
|
<div class="tygrzx_int">
|
||||||
<p></p>
|
<p></p>
|
||||||
|
|
@ -133,11 +140,11 @@
|
||||||
<div style="display:none" data-in="2" class="tygrzx_ris ">
|
<div style="display:none" data-in="2" class="tygrzx_ris ">
|
||||||
<p class="tygrzx_tit">修改密码</p>
|
<p class="tygrzx_tit">修改密码</p>
|
||||||
|
|
||||||
<form class="tygrzx_riscon tygrzx_riscon1">
|
<div class="tygrzx_riscon tygrzx_riscon1">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
<form>
|
||||||
|
|
||||||
<div class="tygrzx_int tygrzx_password tygrzx_wic">
|
<div class="tygrzx_int tygrzx_password tygrzx_wic">
|
||||||
<p>原密码：</p>
|
<p>原密码：</p>
|
||||||
|
|
@ -148,15 +155,15 @@
|
||||||
<input type="password">
|
<input type="password">
|
||||||
</div>
|
</div>
|
||||||
<div class="tygrzx_int tygrzx_password tygrzx_wic">
|
<div class="tygrzx_int tygrzx_password tygrzx_wic">
|
||||||
<p>确认新密码:</p>
|
<p>确认新密码：</p>
|
||||||
<input type="password">
|
<input type="password">
|
||||||
</div>
|
</div>
|
||||||
<div class="tygrzx_btn tygrzx_btn1">
|
<div class="tygrzx_btn tygrzx_btn1">
|
||||||
<button>确认修改</button>
|
<button>确认修改</button>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue