.main_updata_box { overflow: hidden; width: 100%; padding: 60px 0; } .btns_midden { width: 1350px; overflow: hidden; margin: 0 auto; position: relative; } .addbtn.pcshow { display: flex; } .addbtn.mobileshow { display: none; } .addbtn { overflow: hidden; margin-bottom: 30px; width: 213px; height: 46px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 40px; background: #e41d2f; } .addbtn img { display: block; margin-right: 17px; } .addbtn span { font-size: 21px; color: #fff; } .updata_btn { overflow: hidden; width: 130px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; color: #fff; background: #df0524; border-radius: 40px; margin: 0 auto; margin-top: 66px; } .main_updata_box .w1200 { width: 1400px; overflow: hidden; margin: 0 auto; position: relative; padding-left: 305px; } .main_updata_box .w1300 { width: 1350px; overflow: hidden; margin: 0 auto; position: relative; padding-left: 30px; } .flex_navbar { position: static; left: 0; top: 10px; z-index: 9999; } .flex_navbar ul { width: 100%; position: relative; } .flex_navbar ul::after { content: ''; width: 1px; height: 100%; background: #999999; position: static; left: 7px; top: 0; } .flex_navbar ul li { cursor: pointer; position: relative; } .flex_navbar ul li.on p::after { background: #e82100; } .flex_navbar ul li p { padding-left: 48px; box-sizing: border-box; padding-bottom: 18px; position: relative; } .flex_navbar ul li p::after { content: ''; width: 10px; height: 10px; background: #999999; border-radius: 50%; position: static; z-index: 999; left: 2px; top: 6px; } .flex_navbar ul li p.on { font-size: 20px; color: #333333; font-weight: bold; } .flex_navbar ul li p.on::after { width: 16px; height: 16px; left: 0; } .main_slide_box { overflow: hidden; width: 100%; } .main_slide_box .heads { overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .main_slide_box .heads p { font-size: 22px; color: #333333; font-weight: bold; } .main_slide_box .heads select { overflow: hidden; width: 60%; height: 46px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; border: none; font-size: 15px; padding: 0 15px; outline: none; color: #333; border: 1px solid #919191; } .main_slide_box .heads div img { display: block; margin-right: 17px; } .main_slide_box .heads div span { font-size: 21px; color: #fff; } .main_slide_box .item { overflow: hidden; margin-top: 5px; margin-bottom: 5px; } .main_slide_box .item .title { display: block; font-size: 20px; color: #333333; line-height: 29px; } .main_slide_box .item select { overflow: hidden; width: 60%; height: 46px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; border: none; font-size: 16px; padding: 0 15px; margin-top: 20px; outline: none; color: #333; border: 1px solid #919191; } .main_slide_box .item textarea { width: 100%; height: 170px; border: 1px solid #999999; font-size: 16px; color: #666666; padding: 15px; resize: none; outline: none; margin-top: 21px; } .main_slide_box .item textarea::placeholder { color: #666666; } .main_slide_box .item .updatas { overflow: hidden; display: flex; flex-wrap: wrap; width: 100%; } .main_slide_box .item .updatas .labels { overflow: hidden; margin-top: 46px; width: 100px; margin-right: 15px; } .main_slide_box .item .updatas .labels .add { display: flex; align-items: center; position: relative; justify-content: center; width: 100%; height: 86px; cursor: pointer; background: #f1f1f1; overflow: hidden; margin-bottom: 18px; } .main_slide_box .item .updatas .labels .add .pics { width: 100%; } .main_slide_box .item .updatas .labels .add input { height: 100%; opacity: 0; cursor: pointer; width: 100%; z-index: 9999; filter: alpha(opacity=0); position: static; top: 0; right: 0; } .main_slide_box .item .updatas .labels.on .btn { display: none; } .main_slide_box .item .updatas .labels.on .btns { display: flex; } .main_slide_box .item .updatas .labels .btn { overflow: hidden; width: 100px; height: 33px; display: flex; align-items: center; justify-content: center; background: #999999; font-size: 18px; color: #fff; margin: 0 auto; border-radius: 10px; } .main_slide_box .item .updatas .labels .btns { height: 40px; display: flex; align-items: center; justify-content: center; display: none; width: 100%; } .main_slide_box .item .updatas .labels .btns p { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #666666; cursor: pointer; } .fadeins { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: static; left: 0; top: 0; z-index: 9999; display: none; align-items: center; justify-content: center; } .fadeins .box { overflow: hidden; width: 1200px; position: relative; padding: 40px 64px 50px 64px; background: #fff; } .fadeins .box img { cursor: pointer; position: static; right: 30px; top: 30px; } .fadeins .box p { text-align: center; font-size: 24px; color: #333333; font-weight: bold; } .fadeins .box .ovsw { overflow: auto; max-height: 60vh; } .fadeins .box span { display: block; font-size: 16px; color: #333333; line-height: 36px; margin-top: 40px; } .fadeins .box span em { font-weight: bold; font-style: normal; } .fadeins .box .btns { overflow: hidden; width: 122px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; color: #fff; background: #df0524; border-radius: 10px; margin: 0 auto; margin-top: 66px; } .fadeins_pic { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: static; left: 0; top: 0; z-index: 9999; display: none; align-items: center; justify-content: center; } .fadeins_pic img { width: 800px; cursor: pointer; } @media (max-width: 1400px) { .w1200 { width: 1000px !important; } .flex_navbar ul li p.on { font-size: 16px; } .main_slide_box .heads p { font-size: 20px; } .main_slide_box .heads div { width: 200px; height: 40px; } .main_slide_box .heads div span { font-size: 19px; } .main_slide_box .item .title, .main_slide_box .item textarea { font-size: 18px; } .main_slide_box .item .updatas .labels .btn { font-size: 16px; } } @media (max-width: 1200px) { .w1200 { width: 800px !important; } .flex_navbar ul li p.on { font-size: 18px; } .main_slide_box .heads p { font-size: 18px; } .main_slide_box .heads div { width: 200px; height: 40px; } .main_slide_box .heads div span { font-size: 17px; } .main_slide_box .item .title, .main_slide_box .item textarea { font-size: 16px; } .main_slide_box .item .updatas .labels .btn { font-size: 15px; } } @media (max-width: 800px) { .w1200 { width: 100% !important; } .flex_navbar { display: none; } .main_updata_box .w1200 { width: 100%; padding: 0 .3rem; } .main_updata_box { padding: .3rem 0; } .main_slide_box .heads p { font-size: .33rem; } .main_slide_box .heads div { width: 2.6rem; height: .8rem; } .main_slide_box .item .title { font-size: .28rem; line-height: .45rem; } .main_slide_box .item textarea { height: 2.6rem; margin-top: .3rem; padding: .2rem; font-size: .28rem; } .main_slide_box .item .updatas { display: flex; justify-content: space-between; } .main_slide_box .item .updatas .labels { width: 46%; margin-right: 0; margin-top: .3rem; } .main_slide_box .item { margin-bottom: .66rem; } .main_slide_box .item .updatas .labels .btn { width: 2rem; border-radius: .1rem; height: .7rem; font-size: .28rem; } .main_slide_box .item .updatas .labels .btns { height: .7rem; } .main_slide_box .item .updatas .labels .btns p { font-size: .28rem; } .main_slide_box .heads div img { width: .4rem; margin-right: .2rem; } .main_slide_box .heads div span { font-size: .26rem; } .fadeins .box { width: 6.9rem; padding: .6rem .3rem .3rem .3rem; } .fadeins .box img { width: .3rem; right: .3rem; top: .3rem; } .fadeins .box .btns { width: 1.8rem; height: .7rem; margin-top: .6rem; font-size: .26rem; } .fadeins .box span { font-size: .28rem; line-height: .45rem; margin-top: .2rem; } .fadeins .box p { font-size: .33rem; } .addbtn { width: 2.6rem; height: 0.7rem; margin-bottom: .5rem; } .addbtn img { width: 0.34rem; margin-right: 0.2rem; } .addbtn span { font-size: .26rem; } .addbtn.pcshow { display: none; } .addbtn.mobileshow { display: flex; } .main_slide_box .item select { width: 100%; } } /*# sourceMappingURL=css.css.map */ .flex_navbar{ z-index: 9; }