@charset "utf-8"; @keyframes myfirst { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); } 100% { transform: translate(0px, 0px); } } @font-face { font-family: xw; src: url(/assets/fonts/xiaoweiRegular.ttf); } .main_history_box { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; padding: 30px 50px 50px 0; position: relative; margin-top: -80px; } .main_history_box .btn { border-radius: 50%; cursor: pointer; position: absolute; left: 44px; animation: myfirst 2s infinite linear; transition: all .1s; z-index: 9999; } .main_history_box .btn:hover { opacity: 0.6; } .main_history_box .btn.prev { top: 32px; } .main_history_box .btn.next { bottom: 110px; } .main_history_box .head { width: 100%; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; } .main_history_box .head div{ text-align: right; } .main_history_box .head div p { font-size: 28px; font-weight: bold; margin-bottom: 5px; color: #e50012; } .main_history_box .head img{ width: 90px; margin-left: 30px; } .main_history_box .head div span { display: block; font-size: 14px; color: #333333; } .main_history_box .mySwiper { width: 100%; overflow: hidden; padding: 45px 0 0 0; height: 1400px; position: relative; } .main_history_box .mySwiper::after { content: ''; width: 1px; height: calc(100% - 120px); background: #E50012; position: absolute; left: 70px; top: 0; } .main_history_box .mySwiper .swiper-slide { position: relative; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; height: auto; padding: 0 0 60px 185px; } .main_history_box .mySwiper .swiper-slide .label { width: 100%; overflow: hidden; background: #fafafa; border-radius: 8px; } .main_history_box .mySwiper .swiper-slide .label:hover a .info div img { transform: scale(1.03); } .main_history_box .mySwiper .swiper-slide .label a { display: block; width: 100%; box-sizing: border-box; padding: 0 30px; } .main_history_box .mySwiper .swiper-slide .label a .info { overflow: hidden; padding: 20px 0; display: flex; justify-content: space-between; align-items: flex-start; } .main_history_box .mySwiper .swiper-slide .label a .info > span { display: block; font-size: 16px; color: #515151; line-height: 24px; width: 59%; /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 4;*/ /*overflow: hidden;*/ } .main_history_box .mySwiper .swiper-slide .label a .info ul { list-style-type: disc; } .main_history_box .mySwiper .swiper-slide .label a .info ul li{ margin-left: 20px; } .main_history_box .mySwiper .swiper-slide .label a .info ul li::marker{ margin-left: 20px; } .main_history_box .mySwiper .swiper-slide .label a .info div { width: 210px; height: 130px; overflow: hidden; border-radius: 6px; } .main_history_box .mySwiper .swiper-slide .label a .info div img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; } .main_history_box .mySwiper .swiper-slide .label a .title { display: block; position: relative; padding: 17px 30px 17px 26px; display: flex; align-items: center; min-height: 85px; border-bottom: 1px solid #DDDDDD; } .main_history_box .mySwiper .swiper-slide .label a .title p { font-size: 20px; line-height: 26px; color: #333333; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; } .main_history_box .mySwiper .swiper-slide .label a .title p::after { content: ''; width: 5px; height: 86%; background: #E50012; position: absolute; left: -26px; top: 50%; transform: translateY(-50%); } .main_history_box .mySwiper .swiper-slide .date { background: #fff; position: absolute; left: 0; padding: 8px 0; top: 0; z-index: 99; width: 145px; } .main_history_box .mySwiper .swiper-slide .date::after { content: ''; width: 50px; height: 1px; background: #e50012; position: absolute; left: 120px; top: 50%; transform: translateY(-50%); } .main_history_box .mySwiper .swiper-slide .date span { display: block; text-align: center; font-size: 38px; color: #e50012; font-weight: bold; /*font-family: xw;*/ /*font-weight: bold;*/ /*font-family: impact;*/ line-height: 1; } .main_history_box .mySwiper .swiper-slide .date em { display: block; text-align: center; font-size: 18px; /*font-family: xw;*/ color: #e50012; /*font-weight: bold;*/ line-height: 38px; font-family: impact; } @media (max-width: 800px) { .main_history_box { width: 100%; margin: 0; margin-top: .3rem; padding-right: .3rem; } .main_history_box .head p { font-size: .3rem; } .main_history_box .head span { font-size: .22rem; } .main_history_box .mySwiper .swiper-slide .label a { padding: 0 .2rem; } .main_history_box .mySwiper .swiper-slide .label a .title { padding: .15rem; min-height: .6rem; } .main_history_box .mySwiper .swiper-slide .label a .title p { font-size: .26rem; line-height: .35rem; } .main_history_box .mySwiper .swiper-slide .date::after { display: none; } .main_history_box .mySwiper .swiper-slide .label a .info { display: block; padding: .15rem 0; } .main_history_box .mySwiper .swiper-slide .label a .info div { width: 100%; margin-top: .1rem; } .main_history_box .mySwiper .swiper-slide .label a .info span { width: 100%; font-size: .26rem; } .main_history_box .mySwiper .swiper-slide .date span { font-size: .35rem; } .main_history_box .mySwiper .swiper-slide .date em { line-height: .3rem; font-size: .22rem; } .main_history_box .mySwiper .swiper-slide .date { width: 1rem; } .main_history_box .mySwiper .swiper-slide { padding-left: 1rem; } .main_history_box .mySwiper::after { left: .5rem; } .main_history_box .btn { left: .23rem; width: .6rem; } } .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide div{ width: 100%; min-height: 80px; padding: 20px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; z-index: 999; opacity: 0; transition: all .3s; } .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide:hover div{ opacity: 1; } .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide div span{ display: block; font-size: 14px; color: #fff; line-height: 20px; /*text-align: center;*/ } .main_about .lefts{ width: 170px; position: fixed; z-index: 1; bottom: 0; left: 0; top: 0; height: 100vh; display: none; } .main_about .lefts img{ width: 100%; } .sw{ height: 100px; display: none; } #content.on .sw{ display: block; } .ab{ height: 60px; display: none; margin: 30px 0; /*padding-bottom: 30px;*/ /*position: absolute;*/ left: 0; bottom: 0px; z-index: 999; /*position: fixed;*/ /*bottom: 0;*/ /*left: 200px;*/ /*z-index: 1;*/ } .ar{ height: 550px; margin-top: 55px; display: none; width: 230px; } #content.on{ width: 100%; padding-left: 200px; padding-right: 230px; padding-bottom: 100px; } .content .main_product_details .main_about.on .box .morelist ul li a .pic{ height: 211px !important; } #content.on{ position: relative; /*padding-bottom: 142px;*/ } #content.on .ab{ display: block !important; } #content.on .ar{ display: block; } #content.on .lefts{ /*display: block;*/ } #content.on .box .morelist ul li{ /*width: 50% !important;*/ } #content.on .tabheight{ min-height: 1400px; /*background: #333;*/ } #content.on .box .morelist ul li a span{ font-size: 13px !important; line-height: 22px !important; } /*#content.on .box table tr td{*/ /* font-size: 14px !important;*/ /* line-height: 26px !important;*/ /* padding: 5px 15px !important;*/ /*}*/ #content.on{ display: flex; justify-content: space-between; } #content.on .box{ padding-top: 36px; position: relative; min-height: 100vh; padding-bottom: 100px; /*width: calc(100% - 150px - 300px) !important;*/ /*flex: 1;*/ } #content .box h3{ display: none; } #content.on .box h3{ font-size: 26px; color: #333; font-weight: bold; position: absolute; display: block; left: 0; top: 4px; } .content .main_recruit_infos .m .box ul li .slide .btngrow form{ position: relative; } .content .main_recruit_infos .m .box ul li .slide .btngrow form input{ width: 100%; height: 100%; opacity: 0; position: absolute; cursor: pointer; left: 0; top: 0; } .main_about .lefts .logo{ width: 80%; margin: 0 auto; display: block; margin-bottom: 30px; } .main_about .lefts .line{ width: 100%; height: calc(100% - 80px); /*background: linear-gradient(#FCF0E4, #E3775B, #55162B);*/ } @keyframes name{ 100%{ transform: rotate(360deg); } } .loading img{ width: 40px; animation: name 1s infinite linear; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .loading{ width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 99999; display: none; } .main_about .lefts .line img{ width: 100%; height: 100%; object-fit: cover; } .content .header{ position: fixed; left: 0; top: 0; z-index: 99991; } .search_fadein{ display: none; } .searchicon{ display: none; } .content .main_content .m .main_box .main_left .navbar_link ul li.ons{ width: 100% !important; } .content .main_product_content .m .head .btn div{ cursor: pointer; } .zwnrs{ width: 100%; padding: 100px 0; } .zwnrs img{ display: block; width: 200px; margin: 0 auto; margin-bottom: 30px; } .zwnrs p{ display: block; font-size: 15px; color: #666; text-align: center; } .nulls{ height: 151px; } .content .navbar{ position: fixed !important; left: 0; top: 81px; z-index: 9999; box-shadow: 0 0 20px rgba(0,0,0,.1); } .service_fadein { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; } .main_product_list.on1{ width: 100% !important; } .content .tong_header .name.on2::after{ transform: rotate(180deg) translateY(-50%); } .content .tong_header .name::after{ transform-origin: top; transition: all .3s; } .main_privacy { overflow: hidden; width: 100%; background: #fff; padding: 50px 0; min-height: calc(100vh - 81px - 79px); } .main_privacy .m { width: 1300px; margin: 0 auto; } /*.main_privacy .m p {*/ /* text-align: center;*/ /* font-size: 18px;*/ /* color: red;*/ /* font-weight: bold;*/ /* margin-bottom: 10px; }*/ /*.main_privacy .m span {*/ /* display: block;*/ /* font-size: 15px;*/ /* line-height: 1.8;*/ /* text-indent: 30px;*/ /* color: #333; }*/ .service_fadein div { width: 360px; background: #fff; position: relative; padding: 20px; border-radius: 10px; } .service_fadein div p{ text-align: center; font-size: 15px; color: #333; margin-top: 20px; } .service_fadein div .code { width: 100%; display: block; } .service_fadein div .close { width: 20px; cursor: pointer; position: absolute; right: 6px; top: 6px; } .NumberBox div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*.NumberBox div:first-child.on {*/ /* cursor: no-drop !important; }*/ .NumberBox input { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fadein_password .box .fade .item .label em { display: block; white-space: nowrap; font-size: 12px; color: red; bottom: -18px; position: absolute; left: 113px; display: none; } .nulla { display: block; text-align: center; padding: 200px 0; font-size: 14px; color: #666; display: none; } .nullshop { width: 100%; padding: 100px 0; } .nullshop img { width: 110px; display: block; margin: 0 auto; margin-bottom: 20px; } .nullshop span { display: block; text-align: center; font-size: 14px; color: #666; } .fadein_db { width: 1200px; background: #fff; position: fixed; left: 50%; transform: translateX(-50%); bottom: 30px; display: none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index: 999; border: 1px solid #EAEAEA; } .fadein_db ul { width: 100%; height: 285px; overflow: auto; padding: 0 30px; } .fadein_db ul::-webkit-scrollbar { width: 2px; } .fadein_db ul::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } .fadein_db ul::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.1); } .fadein_db ul li { overflow: hidden; height: 64px; display: flex; align-items: center; border-bottom: 1px solid #F1F1F1; justify-content: space-between; } .fadein_db ul li p { font-size: 18px; color: #333333; font-weight: bold; } .fadein_db ul li img { display: block; cursor: pointer; } .fadein_db .head { overflow: hidden; width: 100%; height: 60px; background: #E50012; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; } .fadein_db .head p { font-size: 18px; color: #fff; } .fadein_db .head div { display: flex; align-items: center; } .fadein_db .head div span { display: inline-flex; align-items: center; height: 36px; cursor: pointer; font-size: 16px; color: #e50012; background: #fff; padding: 0 22px; border-radius: 4px; } .fadein_db .head div img { display: block; cursor: pointer; margin-left: 18px; } .w370 { width: 370px !important; } .w200 { width: 200px !important; } .w110 { width: 110px !important; } .w100 { width: 100% !important; } .main_bj { overflow: hidden; width: 1000px; margin: 40px auto; background: #fff; border-radius: 8px; padding: 28px 18px 60px 18px; } .main_bj .head { overflow: hidden; } .main_bj .head p { text-align: center; font-size: 18px; color: #333333; margin-bottom: 20px; } .main_bj .head span { display: block; text-align: center; font-size: 13px; color: #333333; } .main_bj .buttons { display: flex; align-items: center; justify-content: center; margin-top: 36px; } .main_bj .buttons div { width: 100px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; color: #e50012; border: 1px solid #e50012; border-radius: 4px; margin: 0 15px; } .main_bj .buttons div.on { background: #e50012; color: #fff; } .main_bj .item { overflow: hidden; margin-top: 25px; } .main_bj .item .label { overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 15px; } .main_bj .item .label .name { font-size: 15px; margin-right: 10px; text-align: right; width: 150px; line-height: 42px; color: #333333; } .content .main_content .m .main_box .main_product_list .list li .label a .grow span i{ white-space: nowrap; } .main_bj .item .label .name.lines { line-height: 1.45; } .main_bj .item .label .change { display: flex; align-items: center; flex-wrap: wrap; flex: 1; } .main_bj .item .label .change .tipfonts { font-size: 15px; margin-bottom: 10px; width: 100%; color: #333333; } .main_bj .item .label .change .tipfonts1 { font-size: 15px; color: #333333; } .main_bj .item .label .change textarea { width: 510px; height: 80px; border-radius: 6px; background: #F1F1F1; font-size: 14px; color: #333; padding: 13px; outline: none; display: block; resize: none; box-sizing: border-box; border: none; } .main_bj .item .label .change textarea::placeholder { color: #999999; } .main_bj .item .label .change>input { width: 240px; height: 42px; border-radius: 6px; background: #F1F1F1; font-size: 14px; color: #333; padding-left: 13px; border: none; } .main_bj .item .label .change>input::placeholder { color: #999999; } .main_bj .item .label .change .linechange { overflow: hidden; display: flex; min-height: 42px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; cursor: pointer; } .main_bj .item .label .change .linechange.on .rids { background-image: url(/assets/img/web/rid1.jpg); } .main_bj .item .label .change .linechange .dname { min-width: 160px; margin: 0; } .main_bj .item .label .change .linechange .rids { width: 14px; height: 14px; border-radius: 50%; background-size: 100% 100%; background-image: url(/assets/img/web/rid.jpg); cursor: pointer; } .main_bj .item .label .change .linechange .rids.on { background-image: url(/assets/img/web/rid1.jpg); } .main_bj .item .label .change .linechange p { font-size: 15px; color: #333333; margin-left: 10px; } .fadein_remove .child{ position: relative; } .fadein_remove .child .close{ width: 25px; position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 9; } .main_bj .item .label .change .linechange input { width: 180px; height: 42px; border-radius: 4px; background: #F1F1F1; font-size: 14px; color: #333; margin-right: 14px; margin-left: 14px; padding-left: 13px; border: none; } .main_bj .item .label .change .linechange input::placeholder { color: #999999; } .main_bj .item .label .change ul { display: flex; align-items: center; flex-wrap: wrap; } .main_bj .item .label .change ul.dx li div { background-image: url(/assets/img/web/dx_05.jpg); border-radius: 0; } .main_bj .item .label .change ul.dx li.on div { background-image: url(/assets/img/web/dx_03.jpg); } .main_bj .item .label .change ul li { display: flex; align-items: center; cursor: pointer; height: 42px; margin-right: 28px; } .main_bj .item .label .change ul li.on div { background-image: url(/assets/img/web/rid1.jpg); } .main_bj .item .label .change ul li input { width: 180px; height: 42px; border-radius: 4px; background: #F1F1F1; font-size: 14px; color: #333; margin-right: 14px; margin-left: 14px; padding-left: 13px; border: none; } .main_bj .item .label .change ul li input::placeholder { color: #999999; } .main_bj .item .label .change ul li div { width: 14px; height: 14px; border-radius: 50%; background-size: 100% 100%; background-image: url(/assets/img/web/rid.jpg); margin-right: 10px; } .main_bj .item .label .change ul li span { font-size: 15px; color: #333333; } .main_bj .item .label .lab { display: flex; align-items: center; width: 33.33%; justify-content: flex-end; margin-bottom: 20px; } .main_bj .item .label .lab p { font-size: 15px; margin-right: 10px; text-align: right; width: 150px; color: #333333; } .main_bj .item .label .lab dl { font-size: 16px; margin-left: 10px; color: #333333; } .main_bj .item .label .lab input { width: 240px; height: 42px; border-radius: 4px; background: #F1F1F1; font-size: 14px; color: #333; padding-left: 13px; border: none; } .main_bj .item .label .lab input::placeholder { color: #999999; } .main_bj .item .title { display: flex; margin-bottom: 30px; align-items: center; } .main_bj .item .title div { width: 4px; height: 18px; background: #e50012; margin-right: 7px; border-radius: 2px; } .main_bj .item .title p { font-size: 16px; color: #333333; } .main_bj .item .title span { color: #e50012; } .main_bj .item .textareawid { width: 100%; height: 160px; border-radius: 6px; background: #F1F1F1; font-size: 14px; color: #333; padding: 13px; outline: none; display: block; resize: none; box-sizing: border-box; border: none; } .main_bj .item .textareawid::placeholder { color: #999999; } .main_bj .item .tipfont { display: block; font-size: 16px; color: #e50012; line-height: 30px; } .search_keyword { display: flex; align-items: center; margin-top: 30px; justify-content: space-between; } .search_keyword p { font-size: 15px; color: #666; } .search_keyword ul { display: flex; align-items: center; } .search_keyword ul li { font-size: 15px; margin-left: 10px; } .search_keyword ul li:hover a { color: #F80900; } .search_keyword ul li a { transition: all .05s; color: #666; } .fadein_videos { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; display: none; } .fadein_videos .box { overflow: hidden; width: 660px; background: #fff; border-radius: 8px; position: relative; } .fadein_videos .box img { width: 25px; position: absolute; right: 5px; top: 5px; z-index: 99; cursor: pointer; } .fadein_videos .box video { width: 100%; display: block; object-fit: cover; } .fadein_tx { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 9999999; display: none; align-items: center; justify-content: center; } .fadein_tx .box{ overflow: hidden; width: 300px; background: #fff; padding: 30px; border-radius: 8px; padding: 30px 20px; } .fadein_tx .box p{ text-align: center; font-size: 16px; color: #333; } .fadein_remove { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; display: none; } .fadein_remove .child { overflow: hidden; width: 300px; background: #fff; padding: 30px; border-radius: 8px; } .fadein_remove .child p { text-align: center; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 30px; } .fadein_remove .child span { display: block; text-align: center; font-size: 14px; color: #666; line-height: 1.5; } .fadein_remove .child .btn { display: flex; align-items: center; margin-top: 30px; justify-content: center; } .fadein_remove .child .btn div { overflow: hidden; width: 90px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid #E50012; font-size: 14px; margin: 0 10px; transition: all .1s; color: #E50012; cursor: pointer; } .fadein_remove .child .btn div a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 14px; color: #fff; } .fadein_remove .child .btn div:hover { opacity: 0.8; } .fadein_remove .child .btn div.on { background: #E50012; color: #fff; } .fadein_yhq { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 9999999; display: flex; display: none; align-items: center; justify-content: center; } .fadein_yhq .child { overflow: hidden; width: 300px; background: #fff; padding: 30px; border-radius: 8px; } .fadein_yhq .child p { text-align: center; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 30px; } .fadein_yhq .child .ls { overflow: hidden; } .fadein_yhq .child .ls label { display: flex; align-items: center; cursor: pointer; padding: 6px 0; } .fadein_yhq .child .ls label.on .c { background-image: url(/assets/img/web/check1.jpg); } .fadein_yhq .child .ls label .c { background-image: url(/assets/img/web/check.jpg); width: 16px; height: 16px; background-size: 100% 100%; margin-right: 6px; } .fadein_yhq .child .ls label .b { display: inline-flex; align-items: center; padding: 1px 6px; font-size: 12px; margin: 0 3px; color: #E50012; border: 1px solid #E50012; } .fadein_yhq .child .ls label span { font-size: 14px; color: #333; } .fadein_yhq .child .btn { display: flex; align-items: center; margin-top: 30px; justify-content: center; } .fadein_yhq .child .btn div { overflow: hidden; width: 90px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid #E50012; font-size: 14px; margin: 0 10px; transition: all .1s; color: #E50012; cursor: pointer; } .fadein_yhq .child .btn div a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 14px; color: #fff; } .fadein_yhq .child .btn div:hover { opacity: 0.8; } .fadein_yhq .child .btn div.on { background: #E50012; color: #fff; } .fadein_share { overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; } .fadein_share .child { overflow: hidden; width: 300px; background: #fff; padding: 30px; padding-bottom: 50px; border-radius: 8px; } .fadein_share .child p { text-align: center; font-size: 18px; font-weight: bold; color: #333; margin-bottom: 30px; } .fadein_share .child span { display: block; text-align: center; font-size: 14px; color: #666; line-height: 1.5; } .main_fixed { position: fixed; right: 24px; bottom: 10%; z-index: 999; } .main_fixed .label { width: 66px; position: relative; margin-bottom: 14px; box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02); cursor: pointer; } .main_fixed .label:hover div { opacity: 1; right: 120%; visibility: inherit; } .main_fixed .label div { width: 120px; overflow: hidden; background: #fff; border-radius: 3px; padding: 10px; box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02); transition: all .2s; position: absolute; right: 80%; top: 50%; visibility: hidden; opacity: 0; transform: translateY(-50%); } .main_fixed .label div span { display: block; text-align: center; font-size: 14px; padding: 5px 0; color: #E50012; } .main_fixed .label a { display: block; width: 100%; } .main_fixed .label img { display: block; width: 100%; } .menu { display: none; } .mobile_fade { display: none; } .content { overflow: hidden; width: 100%; background: #F7F7F7; } .content .header { width: 100%; height: 81px; background: #fff; border-bottom: 1px solid #EAEAEA; display: flex; align-items: center; justify-content: space-between; padding: 0 200px 0 160px; } .content .header .right { height: 100%; display: flex; align-items: center; } .content .header .right .user { position: relative; height: 100%; display: flex; align-items: center; } .content .header .right .user:hover .slide { top: 85%; opacity: 1; visibility: inherit; } .content .header .right .user .slide { width: 100%; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); position: absolute; left: 0; overflow: hidden; border-radius: 4px; z-index: 999; transition: all .3s; visibility: hidden; opacity: 0; top: 60%; } .content .header .right .user .slide div { width: 100%; line-height: 35px; text-align: center; font-size: 13px; color: #333; cursor: pointer; } .content .header .right .user a { height: 100%; display: flex; align-items: center; } .content .header .right .user a img { width: 30px; height: 30px; display: block; border-radius: 50%; margin-right: 10px; } .content .header .right .user a span { font-size: 16px; color: #000000; } /*.content .header .right .user.on1 {*/ /* display: none; }*/ .content .header .right .user.on { font-size: 16px; cursor: pointer; color: #E50012; } .content .header .right .user { font-size: 16px; cursor: pointer; color: #E50012; } .content .header .right .btn { position: relative; margin-left: 33px; } .content .header .right .btn.on::after { content: ''; width: 8px; height: 8px; background: #E50012; border-radius: 50%; position: absolute; right: 0; top: 0; } .content .header .right .btn span { line-height: 1; display: inline-flex; align-items: center; padding: 2px 5px; border-radius: 30px; background: #E50012; font-size: 14px; position: absolute; right: -20px; top: -6px; color: #fff; text-align: center; } .content .header .right .btn img { display: block; } .content .header .left { height: 100%; display: flex; align-items: center; } .content .header .left .logo { display: block; cursor: pointer; } .content .header .left .search { width: 790px; height: 46px; border-radius: 40px; background: #F4F4F4; margin-left: 77px; overflow: hidden; font-size: 12px; position: relative; display: flex; align-items: center; } .content .header .left .search div { height: 100%; display: flex; align-items: center; background: #E50012; font-size: 16px; color: #fff; justify-content: center; width: 90px; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 9; } .content .header .left .search input { width: 100%; height: 100%; font-size: 16px; color: #333; border: none; outline: none; background: none; padding-left: 22px; } .content .header .left .search input::placeholder { color: #999; } .content .navbar { width: 100%; height: 70px; background: #fff; position: relative; padding: 0 200px 0 160px; } .content .navbar ul { height: 100%; display: flex; align-items: center; } .content .navbar ul li { height: 100%; margin-right: 5.2vw; position: relative; } .content .navbar ul li::after { content: ''; width: 0; height: 3px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); transition: all .2s; bottom: 0; } .content .navbar ul li.on a { font-family: sr1; font-weight: bold; color: #e50012; } .content .navbar ul li.on::after { width: 32px; } .content .navbar ul li:hover a { font-family: sr1; font-weight: bold; color: #e50012; } .content .navbar ul li:hover::after { width: 32px; } .content .navbar ul li a { height: 100%; display: flex; align-items: center; font-size: 18px; color: #333333; } .content .tong_title { width: 100%; position: relative; } .content .tong_title p { font-size: 36px; color: #333333; text-align: center; margin-bottom: 10px; font-family: sr1; font-weight: bold; position: relative; z-index: 99; } .content .tong_title em { display: block; line-height: 1; font-size: 149px; color: #F7F7F7; font-family: sr1; font-weight: bold; text-transform: uppercase; text-align: center; width: 100%; position: absolute; left: 0; top: -30px; } .content .tong_title span { display: block; text-align: center; font-size: 18px; color: #D0D0D0; position: relative; z-index: 99; } .content .main_home_news { overflow: hidden; width: 100%; padding: 90px 0 40px 0; background: #F8F9F9; } .content .main_home_news .m1600 { width: 1600px; margin: 0 auto; } .content .main_home_news .m1600 .tong_title em { color: #F0F0F0; } .content .main_home_news .m1600 .more { width: 130px; height: 40px; margin: 0 auto; border-radius: 5px; background: #e50012; margin-top: 40px; transition: all .1s; } .content .main_home_news .m1600 .more:hover { opacity: 0.8; } .content .main_home_news .m1600 .more a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #fff; text-transform: uppercase; } .content .main_home_news .m1600 .more a img { margin-left: 6px; } .content .main_home_news .m1600 ul { display: flex; flex-wrap: wrap; margin-top: 13px; } .content .main_home_news .m1600 ul li { overflow: hidden; width: 32%; background: #fff; border-radius: 8px; margin-right: 2%; margin-top: 32px; } .content .main_home_news .m1600 ul li:nth-child(3n) { margin-right: 0; } .content .main_home_news .m1600 ul li:hover a .pic img { transform: scale(1.03); } .content .main_home_news .m1600 ul li a { display: flex; align-items: center; box-sizing: border-box; padding: 20px; } .content .main_home_news .m1600 ul li a .info { flex: 1; padding-left: 20px; } .content .main_home_news .m1600 ul li a .info p { font-size: 18px; margin-bottom: 18px; font-family: sm; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 1.6; } .content .main_home_news .m1600 ul li a .info span { display: block; font-size: 14px; color: #adadad; } .content .main_home_news .m1600 ul li a .pic { overflow: hidden; width: 204px; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 3px; } .content .main_home_news .m1600 ul li a .pic img { display: block; max-width: 100%; max-height: 100%; transition: all .4s; } .content .main_home_about { overflow: hidden; width: 100%; background: #fff; padding: 70px 0 90px 0; } .content .main_home_about .m1600 { width: 1600px; margin: 0 auto; } .content .main_home_about .m1600 .box { width: 100%; margin-top: 55px; display: flex; justify-content: space-between; align-items: flex-start; } .content .main_home_about .m1600 .box .grow { flex: 1; overflow: hidden; padding-left: 90px; padding-top: 20px; } .content .main_home_about .m1600 .box .grow > p { font-size: 30px; color: #000000; font-family: sr1; font-weight: bold; margin-bottom: 25px; } .content .main_home_about .m1600 .box .grow > span { display: block; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 30px; color: #666666; } .content .main_home_about .m1600 .box .grow .more { width: 130px; height: 40px; border-radius: 5px; background: #e50012; margin-top: 58px; transition: all .1s; } .content .main_home_about .m1600 .box .grow .more:hover { opacity: 0.8; } .content .main_home_about .m1600 .box .grow .more a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #fff; text-transform: uppercase; } .content .main_home_about .m1600 .box .grow .more a img { margin-left: 6px; } .content .main_home_about .m1600 .box .grow ul { overflow: hidden; display: flex; } .content .main_home_about .m1600 .box .grow ul li { width: 25%; margin-top: 30px; position: relative; } .content .main_home_about .m1600 .box .grow ul li:last-child::after { display: none; } .content .main_home_about .m1600 .box .grow ul li::after { content: ''; width: 1px; height: 70px; background: #F1F1F1; position: absolute; right: 20%; top: 50%; transform: translateY(-50%); } .content .main_home_about .m1600 .box .grow ul li p { display: block; font-size: 18px; font-family: sr1; font-weight: bold; color: #e50012; } .content .main_home_about .m1600 .box .grow ul li p span { font-size: 36px; font-family: sr1; font-weight: bold; margin-right: 10px; } .content .main_home_about .m1600 .box .grow ul li em { display: block; font-size: 16px; color: #666666; } .content .main_home_about .m1600 .box .video { overflow: hidden; width: 655px; border-radius: 3px; position: relative; } .content .main_home_about .m1600 .box .video video { width: 100%; height: 100%; display: block; border: none; object-fit: cover; } .content .main_home_about .m1600 .box .video::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; } .content .main_home_about .m1600 .box .video .play { cursor: pointer; position: absolute; left: 50%; top: 50%; z-index: 9; transform: translate(-50%, -50%); width: 53px; } .content .main_home_about .m1600 .box .video .p { width: 100%; object-fit: cover; display: block; } .content .main_home_service { width: 100%; background-image: url(/assets/img/web/homebg_09.jpg); background-size: cover; background-position: center center; padding: 70px 0 60px 0; } .content .main_home_service .m1600 { width: 1600px; margin: 0 auto; } .content .main_home_service .m1600 .tong_title em { color: #F0F0F0; } .content .main_home_service .m1600 ul { display: flex; flex-wrap: wrap; } .content .main_home_service .m1600 ul li { width: 23.625%; background: #fff; border-radius: 10px; margin-right: 1.8%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); margin-top: 75px; position: relative; padding: 60px 20px 40px 20px; box-sizing: border-box; text-align: center; } .content .main_home_service .m1600 ul li:nth-child(4n) { margin-right: 0; } .content .main_home_service .m1600 ul li:hover > img { transform: rotate(360deg); } .content .main_home_service .m1600 ul li .more { width: 130px; height: 40px; border-radius: 5px; border: 1px solid #e50012; margin: 0 auto; margin-top: 65px; } .content .main_home_service .m1600 ul li .more a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #e50012; text-transform: uppercase; } .content .main_home_service .m1600 ul li .more a img { margin-left: 6px; } .content .main_home_service .m1600 ul li > img { display: block; position: absolute; left: 50%; transform-origin: center; margin-left: -44px; transition: all .5s; top: -37px; } .content .main_home_service .m1600 ul li .name { display: inline-flex; min-width: 220px; padding: 12px; justify-content: center; align-items: center; background: #fef4f5; font-size: 18px; color: #e50012; font-family: sr1; font-weight: bold; max-width: 100%; } .content .main_home_service .m1600 ul li .fonts { font-size: 14px; line-height: 26px; margin-top: 20px; color: #333333; } .content .main_home_service .m1600 ul li .font { display: flex; flex-wrap: wrap; justify-content: space-between; } .content .main_home_service .m1600 ul li .font div { position: relative; padding-left: 11px; margin-top: 20px; font-size: 14px; color: #333333; } .content .main_home_service .m1600 ul li .font div:hover a { color: #e50012; } .content .main_home_service .m1600 ul li .font div a { color: #333; } .content .main_home_service .m1600 ul li .font div::after { content: ''; width: 5px; height: 5px; background: #e50012; position: absolute; left: 0; top: 8px; } .content .main_home_hot { width: 100%; padding: 80px 0 115px 0; position: relative; background: #fff; } .content .main_home_hot .m1600 { width: 1600px; margin: 0 auto; } .content .main_home_hot .m1600 .box { width: 100%; display: flex; justify-content: space-between; margin-top: 58px; align-items: flex-start; } .content .main_home_hot .m1600 .box .slide { overflow: hidden; width: calc(100% - 240px); position: relative; padding-bottom: 36px; } .content .main_home_hot .m1600 .box .slide .swiper { width: 100%; display: none; } .content .main_home_hot .m1600 .box .slide .swiper.mySwiper1 { display: block; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination-bullet { background: #DADADA; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination-bullet-active { background: #E50012; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination { bottom: 0; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide { width: 310px; margin-right: 40px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label { overflow: hidden; width: 100%; background: #F8F8F8; border-radius: 8px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label:hover .pic img { transform: scale(1.03); } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .pic { overflow: hidden; width: 100%; display: flex; background: #fff; align-items: center; padding: 10px; justify-content: center; height: 230px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .pic img { display: block; transition: all .5s; max-height: 100%; max-width: 100%; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info { overflow: hidden; padding: 30px 16px 34px 16px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div { display: flex; align-items: center; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div img { display: block; margin-right: 6px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div em { font-size: 24px; color: #e50012; font-family: sr1; font-weight: bold; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b > img { display: block; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info p { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; text-transform: uppercase; margin-bottom: 10px; line-height: 28px; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info span { display: block; font-size: 14px; line-height: 1.6; color: #999999; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info span i { color: #333333; } .content .main_home_hot .m1600 .box .nav { width: 240px; position: relative; } .content .main_home_hot .m1600 .box .nav::after { content: ''; width: 110px; height: 20px; background: linear-gradient(to right, #8B878D, #CBCACB); position: absolute; left: 0; top: -10px; } .content .main_home_hot .m1600 .box .nav ul { overflow: hidden; } .content .main_home_hot .m1600 .box .nav ul li { overflow: hidden; margin-top: 28px; } .content .main_home_hot .m1600 .box .nav ul li:first-child { margin-top: 35px; } .content .main_home_hot .m1600 .box .nav ul li.on a { color: #e50012; } .content .main_home_hot .m1600 .box .nav ul li.on a img { display: block; } .content .main_home_hot .m1600 .box .nav ul li a { font-size: 18px; font-family: sm; display: flex; align-items: center; color: #666666; } .content .main_home_hot .m1600 .box .nav ul li a img { margin-left: 5px; display: none; } .content .main_home_hot .m1600 .box .nav .more { width: 130px; height: 40px; border-radius: 5px; background: #e50012; margin-top: 38px; } .content .main_home_hot .m1600 .box .nav .more a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #fff; text-transform: uppercase; } .content .main_home_hot .m1600 .box .nav .more a img { margin-left: 6px; } .content .home_banner { overflow: hidden; width: 100%; position: relative; height: 600px; } .content .home_banner .mySwiper { width: 100%; height: 100%; overflow: hidden; } .content .home_banner .mySwiper .swiper-pagination-bullet { background: #fff; opacity: 0.6; margin: 0 10px; } .content .home_banner .mySwiper .swiper-pagination-bullet-active { background: #fff; opacity: 1; } .content .home_banner .mySwiper .swiper-pagination { bottom: 30px; } .content .home_banner .mySwiper .swiper-slide { width: 100%; height: 100%; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; } .content .home_banner .mySwiper .swiper-slide .m { width: 1300px; margin: 0 auto; } .content .home_banner .mySwiper .swiper-slide .m p { font-size: 60px; color: #fff; margin-bottom: 20px; font-weight: bold; } .content .home_banner .mySwiper .swiper-slide .m span { display: block; font-size: 48px; font-weight: bold; color: #fff; } .content .home_banner .btn { cursor: pointer; z-index: 99; position: absolute; top: 50%; transform: translateY(-50%); } .content .home_banner .btn.prev { left: 160px; } .content .home_banner .btn.next { right: 160px; } .content .banner { width: 100%; height: 350px; background-size: cover; position: relative; } .content .banner::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*background: rgba(0, 0, 0, 0.1); */ } .content .des_banner { width: 100%; background-size: cover; height: 200px; position: relative; } .content .des_banner1 { width: 100%; height: 350px; background-size: cover; position: relative; } .content .des_banner1::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*background: rgba(0, 0, 0, 0.1); */ } .content .tong_header1 { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 60px; margin-bottom: 18px; } .content .tong_header1 .right { display: flex; align-items: center; } .content .tong_header1 .right .n { overflow: hidden; padding: 20px 0 16px 0; width: 88px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); margin-right: 40px; } .content .tong_header1 .right .n p { font-size: 20px; font-family: sr1; font-weight: bold; color: #fff; text-align: center; margin-bottom: 10px; line-height: 1; } .content .tong_header1 .right .n span { display: block; text-align: center; font-size: 16px; color: #fff; } .content .tong_header1 .right .set { overflow: hidden; border-radius: 4px; border: 1px solid #fff; } .content .tong_header1 .right .set a { height: 36px; display: inline-flex; padding: 0 18px; align-items: center; font-size: 16px; color: #fff; } .content .tong_header1 .user { display: flex; align-items: center; } .content .tong_header1 .user .pic { overflow: hidden; width: 160px; height: 160px; border: 3px solid #fff; border-radius: 50%; } .content .tong_header1 .user .pic img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .content .tong_header1 .user .info { overflow: hidden; margin-left: 30px; } .content .tong_header1 .user .info p { font-size: 24px; color: #fff; font-family: sm; margin-bottom: 10px; } .content .tong_header1 .user .info span { display: inline-flex; height: 32px; align-items: center; justify-content: center; padding: 0 14px; background: #F0952C; border-radius: 40px; font-size: 16px; color: #fff; } .content footer { width: 100%; background: #19202A; padding: 30px 0; } .content footer .m1560 { width: 1560px; height: 100%; margin: 0 auto; max-width: 90%; display: flex; justify-content: space-between; } .content footer .m1560 div { display: flex; align-items: center; font-size: 14px; font-family: "微软雅黑"; color: rgba(255, 255, 255, 0.4); } .content footer .m1560 div img { margin-left: .1rem; } .content footer .m1560 div a { color: rgba(255, 255, 255, 0.4); font-family: "微软雅黑"; margin-left: .75rem; } .content .footer { overflow: hidden; width: 100%; background: #19202A; padding: 60px 0 40px 0; } .content .footer .m1560 { width: 1560px; height: 100%; margin: 0 auto; max-width: 90%; display: flex; justify-content: space-between; } .content .footer .m1560 .mid { width: 545px; } .content .footer .m1560 .mid .item { width: 100% !important; margin-bottom: 10px; } .content .footer .m1560 .mid .item .link { display: flex; flex-wrap: wrap; } .content .footer .m1560 .mid .item .link li { font-size: 16px; margin-bottom: 26px; margin-right: 36px; } .content .footer .m1560 .mid .item .link li:hover a { color: #E50012; opacity: 1; } .content .footer .m1560 .mid .item .link li a { color: #fff; opacity: 0.8; transition: all .05s; } .content .footer .m1560 .item { overflow: hidden; } .content .footer .m1560 .item .head { width: 100%; height: 70px; display: flex; margin-bottom: 40px; align-items: center; border-bottom: 2px solid #29303A; } .content .footer .m1560 .item .head p { font-size: 20px; font-family: sm; color: #fff; } .content .footer .m1560 .item .head div { width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: 0 9px; } .content .footer .m1560 .item .head span { font-size: 20px; text-transform: uppercase; color: #fff; } .content .footer .m1560 .item .form { width: 100%; } .content .footer .m1560 .item .form form { width: 100%; } .content .footer .m1560 .item .form form .btn { display: flex; align-items: center; justify-content: space-between; } .content .footer .m1560 .item .form form .btn input[type='text'] { width: 150px; margin: 0; } .content .footer .m1560 .item .form form .btn img { display: block; cursor: pointer; } .content .footer .m1560 .item .form form .btn input[type='submit'] { width: 170px; background: #E50012; border-radius: 3px; cursor: pointer; border: none; outline: none; color: #fff; font-size: 16px; height: 46px; } .content .footer .m1560 .item .form form textarea { width: 100%; height: 160px; border-radius: 3px; border: 1px solid #3C4551; background: none; margin-bottom: 20px; padding: 10px 18px; resize: none; box-sizing: border-box; outline: none; font-size: 16px; color: #fff; } .content .footer .m1560 .item .form form textarea::placeholder { color: #fff; opacity: .4; } .content .footer .m1560 .item .form form input[type='text'] { width: 100%; height: 46px; border-radius: 3px; border: 1px solid #3C4551; background: none; margin-bottom: 20px; padding-left: 18px; font-size: 16px; color: #fff; } .content .footer .m1560 .item .form form input[type='text']::placeholder { color: #fff; opacity: .4; } .content .footer .m1560 .item .code { overflow: hidden; width: 150px; margin-top: 15px; } .content .footer .m1560 .item .code img { display: block; width: 100%; margin-bottom: 10px; } .content .footer .m1560 .item .code span { display: block; text-align: center; font-size: 16px; color: #fff; } .content .footer .m1560 .item .contact { overflow: hidden; } .content .footer .m1560 .item .contact li { overflow: hidden; margin-bottom: 15px; display: flex; align-items: flex-start; justify-content: space-between; } .content .footer .m1560 .item .contact li p { font-size: 16px; line-height: 23px; color: #ffffff; opacity: 0.8; margin-right: 7px; } .content .footer .m1560 .item .contact li div { flex: 1; } .content .footer .m1560 .item .contact li div span { display: block; font-size: 16px; margin-bottom: 10px; font-family: sr1; color: #fff; line-height: 23px; } .content .footer .m1560 .item .contact li div span:last-child { margin-bottom: 0; } .content .footer .m1560 .item:first-child { width: 400px; } .content .footer .m1560 .item:last-child { width: 410px; } .content .main_register { overflow: hidden; width: 100%; background: #F7F7F7; padding: 40px 0; min-height: calc(100vh - 81px - 79px); } .content .main_register .box { width: 1000px; margin: 50px auto; background: #fff; border-radius: 8px; padding: 45px 30px 100px 30px; max-width: 80%; position: relative; } .content .main_register .box .title { width: 182px; height: 40px; background-image: url(/assets/img/web/loginbg_03.png); background-size: 100% 100%; position: absolute; left: 50%; transform: translateX(-50%); top: -11px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; } .content .main_register .box .message { overflow: hidden; margin-top: 10px; } .content .main_register .box .message ul { overflow: hidden; } .content .main_register .box .message ul li { overflow: hidden; width: 100%; background: #F7F7F7; border-radius: 4px; margin: 0 auto; margin-top: 20px; } .content .main_register .box .message ul li.on a .grow .t div { color: #999999; border: 1px solid #999999; } .content .main_register .box .message ul li a { display: flex; align-items: center; padding: 22px 20px; box-sizing: border-box; } .content .main_register .box .message ul li a img { display: block; } .content .main_register .box .message ul li a .grow { overflow: hidden; flex: 1; padding-left: 18px; } .content .main_register .box .message ul li a .grow span { display: block; font-size: 14px; color: #a8a8a8; margin-top: 10px; } .content .main_register .box .message ul li a .grow .t { display: flex; align-items: center; } .content .main_register .box .message ul li a .grow .t div { overflow: hidden; height: 20px; padding: 0 6px; font-size: 12px; color: #e50012; border-radius: 3px; border: 1px solid #e50012; background: #fff; display: flex; justify-content: center; min-width: 48px; margin-right: 6px; } .content .main_register .box .message ul li a .grow .t p { font-size: 16px; color: #060a15; } .content .main_register .box .fade { width: 430px; margin: 0 auto; margin-top: 30px; } .content .main_register .box .fade .item { width: 100%; } .content .main_register .box .fade .item .reg { display: flex; align-items: center; padding-left: 124px; } .content .main_register .box .fade .item .reg p { font-size: 16px; color: #333333; margin-left: 7px; } .content .main_register .box .fade .item .reg p a { color: #e50012; } .content .main_register .box .fade .item .submit { height: 42px; width: 305px; display: flex; margin-left: 124px; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #E50012; color: #fff; margin-top: 28px; border-radius: 6px; } .content .main_register .box .fade .item .link { box-sizing: border-box; padding-left: 124px; font-size: 14px; color: #999999; width: 100%; text-align: center; margin-top: 30px; } .content .main_register .box .fade .item .link a { color: #e50012; } .content .main_register .box .fade .item .label { width: 100%; display: flex; align-items: center; margin-bottom: 20px; position: relative; justify-content: space-between; } .content .main_register .box .fade .item .label.on i { opacity: 1; visibility: inherit; left: 102%; } .content .main_register .box .fade .item .label i { font-size: 12px; color: #E50012; white-space: nowrap; position: absolute; left: 102%; left: 98%; opacity: 0; visibility: hidden; transition: all .3s; top: 50%; transform: translateY(-50%); } .content .main_register .box .fade .item .label p { width: 114px; text-align: right; font-size: 16px; color: #333333; } .content .main_register .box .fade .item .label .change { width: 305px; height: 42px; display: flex; align-items: center; justify-content: space-between; } .content .main_register .box .fade .item .label .change.on input { width: 180px; } .content .main_register .box .fade .item .label .change div { height: 42px; width: 115px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; background: #E50012; color: #fff; border-radius: 6px; } .content .main_register .box .fade .item .label .change div.on { cursor: no-drop; background: #ddd; } .content .main_register .box .fade .item .label .change input { width: 100%; height: 100%; font-size: 14px; color: #333; background: #F1F1F1; border-radius: 6px; padding-left: 14px; border: none; outline: none; } .content .main_register .box .fade .item .label .change input::placeholder { color: #999999; } .content .main_register .box .tabbar { width: 100%; height: 58px; border-bottom: 1px solid #ECECEC; display: flex; align-items: center; justify-content: center; } .content .main_register .box .tabbar a{ display: block; height: 100%; } .content .main_register .box .tabbar div { height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; padding: 0 65px; color: #333333; cursor: pointer; position: relative; } .content .main_register .box .tabbar div.on { font-family: sr1; font-weight: bold; color: #e50012; } .content .main_register .box .tabbar div.on::after { content: ''; width: 28px; height: 3px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .content .main_product_box { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0 45px 0; } .content .main_product_box .main_product_info { overflow: hidden; width: 900px; background: #fff; border-radius: 8px; padding: 30px; } .content .main_product_box .main_product_info .datas { width: 100%; border: 1px solid #E0E0E0; overflow: hidden; border-radius: 4px; } .content .main_product_box .main_product_info .datas .head { display: flex; align-items: center; justify-content: center; height: 50px; font-family: sr1; font-weight: bold; font-size: 16px; color: #333; background: #F0F0F0; } .content .main_product_box .main_product_info .datas img { display: block; margin: 30px auto; max-width: 80%; } .content .main_product_box .main_product_info table { width: 100%; border: none; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-radius: 6px; overflow: hidden; margin-bottom: 20px; } .content .main_product_box .main_product_info table tr { width: 100%; } .content .main_product_box .main_product_info table tr:nth-child(even) td { background: #fff; } .content .main_product_box .main_product_info table tr th { font-size: 16px; color: #333333; font-family: sr1; font-weight: bold; height: 50px; background: #F0F0F0; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; } .content .main_product_box .main_product_info table tr td { font-size: 16px; color: #333333; height: 70px; padding-right: 15px; background: #F8F8F8; padding-left: 40px; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; } .content .main_product_box .main_product_info table tr td:first-child { font-family: sr1; font-weight: bold; } .content .main_product_box .main_product_cart { overflow: hidden; width: 380px; border-radius: 8px; background: #fff; } .content .main_product_box .main_product_cart .title { display: flex; align-items: center; justify-content: center; height: 60px; font-size: 18px; color: #fff; font-family: sr1; font-weight: bold; background: #e50012; } .content .main_product_box .main_product_cart .child { overflow: hidden; padding: 0 20px; padding-bottom: 28px; } .content .main_product_box .main_product_cart .child .icon { display: flex; align-items: center; justify-content: center; margin-top: 32px; } .content .main_product_box .main_product_cart .child .icon li { display: flex; align-items: center; padding: 0 15px; cursor: pointer; justify-content: center; } .content .main_product_box .main_product_cart .child .icon li img { margin-right: 9px; } .content .main_product_box .main_product_cart .child .icon li span { font-size: 16px; color: #666666; } .content .main_product_box .main_product_cart .child .button { display: flex; align-items: center; justify-content: center; width: 224px; height: 36px; margin: 0 auto; margin-top: 30px; border: 1px solid #e50012; overflow: hidden; border-radius: 8px; } .content .main_product_box .main_product_cart .child .button div { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; transition: all .1s; color: #e50012; } .content .main_product_box .main_product_cart .child .button div:hover { opacity: 0.8; } .content .main_product_box .main_product_cart .child .button div.on { background: #e50012; color: #fff; } .content .main_product_box .main_product_cart .child .info { overflow: hidden; padding: 18px 0 30px 0; border-bottom: 1px solid #ECECEC; } .content .main_product_box .main_product_cart .child .info .price { display: flex; align-items: flex-end; margin-top: 22px; } .content .main_product_box .main_product_cart .child .info .price img { display: block; margin-right: 8px; } .content .main_product_box .main_product_cart .child .info .price p { font-size: 24px; color: #e50012; font-family: sr1; font-weight: bold; margin-right: 12px; line-height: 1; } .content .main_product_box .main_product_cart .child .info .price del { font-size: 16px; color: #999999; font-family: sm; } .content .main_product_box .main_product_cart .child .info .label { overflow: hidden; display: flex; align-items: center; padding: 10px 0; } .content .main_product_box .main_product_cart .child .info .label p { font-size: 16px; color: #666666; } .content .main_product_box .main_product_cart .child .info .label .address { display: flex; align-items: center; font-size: 16px; font-family: sm; color: #333333; } .content .main_product_box .main_product_cart .child .info .label .data { display: flex; align-items: center; } .content .main_product_box .main_product_cart .child .info .label .data img { display: block; margin-right: 10px; } .content .main_product_box .main_product_cart .child .info .label .data span { font-size: 16px; font-family: sm; color: #333333; } .content .main_product_box .main_product_cart .child .info .label .change { display: flex; align-items: center; overflow: hidden; border-radius: 8px; } .content .main_product_box .main_product_cart .child .info .label .change div { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background: #F1F1F1; font-size: 22px; line-height: 1; cursor: pointer; color: #E50012; } .content .main_product_box .main_product_cart .child .info .label .change div.on { color: #C6C7C9; } .content .main_product_box .main_product_cart .child .info .label .change input { width: 56px; height: 30px; border: none; outline: none; text-align: center; font-size: 16px; color: #e50012; font-family: sm; margin: 0 2px; background: #F1F1F1; } .content .main_product_box .main_product_cart .child .info .label ul { display: flex; align-items: center; } .content .main_product_box .main_product_cart .child .info .label ul li { display: flex; align-items: center; cursor: pointer; margin-right: 23px; } .content .main_product_box .main_product_cart .child .info .label ul li.on div { background-image: url(/assets/img/web/rid1.jpg); } .content .main_product_box .main_product_cart .child .info .label ul li div { width: 12px; height: 12px; background-image: url(/assets/img/web/rid.jpg); background-size: 100% 100%; margin-right: 9px; } .content .main_product_box .main_product_cart .child .info .label ul li span { font-size: 16px; color: #333333; } .content .stitle { width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; font-weight: bold; border-bottom: 1px solid #ECECEC; position: relative; font-size: 18px; font-family: sm; color: #e50012; } .content .stitle::after { content: ''; width: 30px; height: 2px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .content .main_news_info { width: 100%; margin-top: -80px; position: relative; z-index: 999; margin-bottom: 75px; } .content .main_news_info .m { width: 1300px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; } .content .main_news_info .m .menus { overflow: hidden; display: flex; align-items: center; font-size: 14px; position: absolute; right: 0; top: -38px; z-index: 9; color: #fff; } .content .main_news_info .m .menus a { display: flex; align-items: center; font-size: 14px; color: #fff; padding: 0 2px; } .content .main_news_info .m .menus a img { margin-right: 5px; } .content .main_news_info .m .right { width: 280px; overflow: hidden; } .content .main_news_info .m .right .js_service { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; padding: 0 20px; margin-top: 30px; } .content .main_news_info .m .right .js_service ul { overflow: hidden; padding-bottom: 45px; } .content .main_news_info .m .right .js_service ul li { font-size: 14px; margin-top: 18px; padding-left: 10px; position: relative; } .content .main_news_info .m .right .js_service ul li:hover a { color: #E50012; } .content .main_news_info .m .right .js_service ul li::after { content: ''; width: 5px; height: 5px; background: #E50012; position: absolute; left: 0; top: 7px; } .content .main_news_info .m .right .js_service ul li a { color: #333333; } .content .main_news_info .m .right .ts_product { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; padding: 0 20px; } .content .main_news_info .m .right .ts_product ul { overflow: hidden; margin-top: 20px; } .content .main_news_info .m .right .ts_product ul li { overflow: hidden; width: 100%; } .content .main_news_info .m .right .ts_product ul li .pic { overflow: hidden; width: 100%; height: 178px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; } .content .main_news_info .m .right .ts_product ul li .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_news_info .m .right .ts_product ul li .infos { overflow: hidden; padding: 10px 0 18px 0; } .content .main_news_info .m .right .ts_product ul li .infos > p { font-size: 18px; color: #333333; margin-bottom: 10px; } .content .main_news_info .m .right .ts_product ul li .infos .price { display: flex; align-items: flex-end; } .content .main_news_info .m .right .ts_product ul li .infos .price img { display: block; margin-right: 8px; } .content .main_news_info .m .right .ts_product ul li .infos .price p { font-size: 20px; color: #e50012; font-family: sr1; font-weight: bold; margin-right: 10px; line-height: 1; } .content .main_news_info .m .right .ts_product ul li .infos .price del { font-size: 14px; line-height: 1; color: #999999; font-family: sm; } .content .main_news_info .m .info { overflow: hidden; width: calc(100% - 280px - 27px); background: #fff; border-radius: 8px; padding: 0 25px 85px 25px; } .content .main_news_info .m .info .head { overflow: hidden; padding: 35px 0; border-bottom: 1px solid #ECECEC; } .content .main_news_info .m .info .head p { font-size: 32px; color: #333333; text-align: center; margin-bottom: 15px; } .content .main_news_info .m .info .head span { display: block; text-align: center; font-size: 18px; color: #666666; } .content .main_news_info .m .info .child { overflow: hidden; } .content .main_news_info .m .info .child ul li{ margin-left: 20px; } .content .main_content .m .main_box .main_services .main_top_info ul li{ margin-left: 20px; } .content .main_recruit_infos .m .box ul li.on .slide ul li{ margin-left: 20px; } .content .main_news_info .m .info .child p { font-size: 18px; color: #666666; line-height: 36px; text-indent: 35px; margin-top: 22px; } .content .main_news_info .m .info .child img { display: block; max-width: 100%; margin-top: 22px; } .content .main_link { overflow: hidden; width: 100%; height: 78px; background: #2A323E; } .content .main_link .m1560 { width: 1560px; height: 100%; margin: 0 auto; max-width: 90%; display: flex; align-items: center; justify-content: space-between; } .content .main_link .m1560 .icon { display: block; position: relative; } .content .main_link .m1560 .mySwiperlink { height: 100%; flex: 1; overflow: hidden; } .content .main_link .m1560 .mySwiperlink .swiper-slide { height: 100%; width: auto; position: relative; } .content .main_link .m1560 .mySwiperlink .swiper-slide a { display: flex; align-items: center; height: 100%; font-size: 15px; padding: 0 .3rem; color: #fff; transition: all .1s; } .content .main_link .m1560 .mySwiperlink .swiper-slide a:hover { color: #E50012; } .content .main_link .m1560 ul { height: 100%; display: flex; } .content .main_link .m1560 ul li { height: 100%; position: relative; } .content .main_link .m1560 ul li a { display: flex; align-items: center; height: 100%; font-size: 16px; padding: 0 .4rem; color: #fff; transition: all .1s; } .content .main_link .m1560 ul li a:hover { color: #E50012; } .content .main_link .m1560 .right { margin-left: 15px; position: relative; z-index: 99; cursor: pointer; display: block; } .content .main_product_confirn { overflow: hidden; width: 100%; padding: 40px 0; background: #F7F7F7; min-height: calc(100vh - 81px - 79px); } .content .main_product_confirn .m { width: 1300px; margin: 0 auto; } .content .main_product_confirn .m .pay_type { width: 100%; overflow: hidden; margin-top: 20px; border-radius: 8px; background: #fff; padding: 33px 104px 54px 198px; } .content .main_product_confirn .m .pay_type > p { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; } .content .main_product_confirn .m .pay_type ul { overflow: hidden; } .content .main_product_confirn .m .pay_type ul li { width: 100%; height: 98px; width: 100%; border-radius: 6px; border: 1px solid #D7D7D7; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 0 30px; } .content .main_product_confirn .m .pay_type ul li.on{ border: 1px solid #E50012; } .content .main_product_confirn .m .pay_type ul li div { display: flex; align-items: center; } .content .main_product_confirn .m .pay_type ul li div img { display: block; margin-right: 15px; } .content .main_product_confirn .m .pay_type ul li div span { font-size: 18px; font-family: sm; color: #333333; } .content .main_product_confirn .m .pay_type ul li p { font-size: 16px; color: #e50012; font-family: sm; } .content .main_product_confirn .m .pay_type .btn { overflow: hidden; display: flex; align-items: center; justify-content: center; width: 132px; height: 40px; transition: all .1s; border-radius: 3px; cursor: pointer; margin-top: 60px; background: #E50012; float: right; font-size: 16px; color: #fff; } .content .main_product_confirn .m .pay_type .btn:hover { opacity: 0.8; } .content .main_product_confirn .m .info { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; padding: 46px 104px 50px 105px; display: flex; align-items: flex-start; } .content .main_product_confirn .m .info img { display: block; } .content .main_product_confirn .m .info .grow { overflow: hidden; flex: 1; padding-left: 20px; } .content .main_product_confirn .m .info .grow ul { overflow: hidden; margin-top: 10px; } .content .main_product_confirn .m .info .grow ul li { font-size: 16px; font-family: sm; color: #333333; margin-top: 18px; } .content .main_product_confirn .m .info .grow .head { overflow: hidden; padding-bottom: 26px; border-bottom: 1px solid #F1F1F1; } .content .main_product_confirn .m .info .grow .head em { display: block; font-size: 16px; color: #666666; margin-top: 4px; } .content .main_product_confirn .m .info .grow .head em i { color: #e50012; } .content .main_product_confirn .m .info .grow .head p { font-size: 18px; color: #333333; font-family: sr1; font-weight: bold; } .content .main_product_confirn .m .info .grow .head p span { font-size: 30px; color: #e50012; font-family: sr1; font-weight: bold; margin-left: 20px; } .content .des_banner2 { overflow: hidden; width: 100%; height: 456px; position: relative; background-size: cover; background-position: center center; } .content .des_banner2::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); } .content .des_banner2 .m { width: 1300px; height: 100%; margin: 0 auto; position: relative; } .content .des_banner2 .m .menus { overflow: hidden; display: flex; align-items: center; font-size: 14px; position: absolute; right: 0; bottom: 15px; z-index: 9; color: #fff; } .content .des_banner2 .m .menus a { display: flex; align-items: center; font-size: 14px; color: #fff; padding: 0 2px; } .content .des_banner2 .m .menus a img { margin-right: 5px; } .content .des_banner2 .m .font { overflow: hidden; width: 100%; position: absolute; left: 0; top: 50%; z-index: 9; transform: translateY(-50%); } .content .des_banner2 .m .font p { text-align: center; font-size: 42px; font-family: sr1; font-weight: bold; color: #fff; } .content .des_banner2 .m .font span { display: block; text-transform: uppercase; font-size: 24px; color: #fff; text-align: center; } .content .des_banner2 .m .font div { width: 60px; height: 4px; margin: 20px auto; background: #fff; } .content .main_recruit_infos { overflow: hidden; width: 100%; padding: 36px 0 46px 0; background: #fff; } .content .main_recruit_infos .m { width: 1300px; margin: 0 auto; } .content .main_recruit_infos .m .title { display: flex; align-items: center; justify-content: center; margin-bottom: 26px; } .content .main_recruit_infos .m .title span { font-size: 24px; font-family: sr1; font-weight: bold; color: #333333; margin-left: 8px; } .content .main_recruit_infos .m .box { overflow: hidden; width: 100%; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .content .main_recruit_infos .m .box .head { overflow: hidden; display: flex; align-items: center; background: #E50012; height: 60px; } .content .main_recruit_infos .m .box .head div { overflow: hidden; height: 100%; display: flex; align-items: center; font-size: 16px; color: #fff; flex: 1; padding-left: 5.3%; } .content .main_recruit_infos .m .box ul { overflow: hidden; width: 100%; } .content .main_recruit_infos .m .box ul li { overflow: hidden; } .content .main_recruit_infos .m .box ul li.on .slide { display: block; } .content .main_recruit_infos .m .box ul li .slide { overflow: hidden; padding: 0 70px 45px 70px; border-bottom: 1px solid #E8E8E8; display: none; } .content .main_recruit_infos .m .box ul li .slide .btngrow{ display: flex; align-items: center; } .content .main_recruit_infos .m .box ul li .slide .btn { display: flex; align-items: center; justify-content: center; width: 120px; height: 36px; font-size: 16px; transition: all .1s; color: #fff; background: #E50012; margin-top: 27px; cursor: pointer; margin-right: 15px; border-radius: 3px; } .content .main_recruit_infos .m .box ul li .slide .btn:hover { opacity: 0.8; } .content .main_recruit_infos .m .box ul li .slide .item { overflow: hidden; margin-top: 20px; } .content .main_recruit_infos .m .box ul li .slide .item .font { overflow: hidden; } .content .main_recruit_infos .m .box ul li .slide .item .font p { font-size: 16px; margin-top: 12px; color: #333333; } .content .main_recruit_infos .m .box ul li .slide .item .code { overflow: hidden; display: flex; align-items: center; margin-top: .35rem; } .content .main_recruit_infos .m .box ul li .slide .item .code .c { overflow: hidden; } .content .main_recruit_infos .m .box ul li .slide .item .code .c img { display: block; width: 130px; margin-bottom: 10px; } .content .main_recruit_infos .m .box ul li .slide .item .code .c span { display: block; text-align: center; font-size: 16px; color: #333333; } .content .main_recruit_infos .m .box ul li .slide .item .code .f { overflow: hidden; margin-left: 26px; padding-bottom: 30px; } .content .main_recruit_infos .m .box ul li .slide .item .code .f p { font-size: 18px; font-family: sm; color: #e50012; padding: 9px 0; } .content .main_recruit_infos .m .box ul li .slide .item .t { position: relative; font-size: 18px; margin-bottom: 22px; font-family: sm; color: #e50012; } .content .main_recruit_infos .m .box ul li .slide .item .t::after { content: ''; width: 30px; height: 2px; background: #e50012; position: absolute; left: 0; bottom: -14px; } .content .main_recruit_infos .m .box ul li .heads { overflow: hidden; width: 100%; height: 60px; display: flex; align-items: center; border-bottom: 1px solid #E8E8E8; } .content .main_recruit_infos .m .box ul li .heads div { overflow: hidden; height: 100%; display: flex; padding-left: 5.3%; align-items: center; font-size: 16px; color: #333333; flex: 1; } .content .main_recruit_infos .m .box ul li .heads div.on { cursor: pointer; color: #E50012; } .content .main_product_content { overflow: hidden; width: 100%; padding: 40px 0 90px 0; background: #F7F7F7; } .content .main_product_content .m { width: 1300px; margin: 0 auto; background: #fff; border-radius: 8px; padding: 0 30px 28px 30px; } .content .main_product_content .m .head { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .content .main_product_content .m .head p { font-size: 18px; color: #333333; } .content .main_product_content .m .head .btn { display: flex; align-items: center; } .content .main_product_content .m .head .btn div { overflow: hidden; height: 36px; border-radius: 3px; margin-left: 20px; border: 1px solid #e50012; } .content .main_product_content .m .head .btn div a { display: inline-flex; padding: 0 15px; height: 100%; align-items: center; } .content .main_product_content .m .head .btn div span { font-size: 16px; color: #e50012; } .content .main_product_content .m .head .btn div img { margin-right: 7px; } .content .main_product_content .m .price_info { overflow: hidden; text-align: right; font-size: 12px; margin-top: 30px; } .content .main_product_content .m .price_info .price_infos { display: inline-block; overflow: hidden; border-radius: 8px; border: 1px solid #ECECEC; padding: 25px 18px 30px 18px; text-align: right; } .content .main_product_content .m .price_info .price_infos .price { display: flex; align-items: flex-end; justify-content: flex-end; font-size: 16px; color: #666666; } .content .main_product_content .m .price_info .price_infos .price span { font-size: 24px; color: #e50012; margin-left: 16px; line-height: 1; display: inline-block; font-family: sr1; font-weight: bold; } .content .main_product_content .m .price_info .price_infos .desc { display: block; font-size: 16px; color: #333333; margin-top: 15px; text-align: right; } .content .main_content .m .main_box .main_user_order .orderlist .totels { overflow: hidden; display: flex; align-items: center; position: absolute; right: 0; width: 55%; height: 100%; top: 50%; transform: translateY(-50%); } .content .main_content .m .main_box .main_user_order .orderlist .totels .btn { overflow: hidden; width: 38%; display: flex; align-items: center; justify-content: center; } .content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns { overflow: hidden; text-align: center; } .content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div { overflow: hidden; height: 32px; width: 100px; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; color: #666666; transition: all .1s; margin: 0 auto; } .content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div.on { background: #e50012; color: #fff; padding: 0 15px; display: inline-flex; width: auto; } .content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div:hover { opacity: 0.8; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord { width: 32%; overflow: hidden; display: flex; align-items: center; justify-content: center; border-right: 1px solid #F1F1F1; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord p { font-size: 16px; color: #e50012; text-align: center; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord p a { font-size: 16px; color: #e50012; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord span { display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b { display: flex; align-items: center; justify-content: center; margin-top: 4px; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b em { font-size: 14px; color: #999999; overflow: hidden; max-width: calc(100% - 45px); text-overflow:ellipsis; white-space: nowrap; } .content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b div { height: 20px; cursor: pointer; margin-left: 5px; display: flex; align-items: center; padding: 0 5px; border: 1px solid #e50012; color: #e50012; font-size: 10px; border-radius: 3px; background: #fff; } .content .main_content .m .main_box .main_user_order .orderlist .totels .prices { width: 30%; overflow: hidden; display: flex; align-items: center; border-right: 1px solid #F1F1F1; justify-content: center; } .content .main_content .m .main_box .main_user_order .orderlist .totels .prices p { font-size: 18px; color: #333333; text-align: center; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_order .orderlist .totels .prices span { display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_product_content .m .price_info .price_infos .desc span { color: #666; } .content .main_product_content .m .price_info .price_infos .teg { display: flex; align-items: center; justify-content: flex-end; margin-top: 15px; } .content .main_product_content .m .price_info .price_infos .teg span { font-size: 14px; font-family: sm; margin-left: 7px; color: #999999; } .content .main_product_content .m .price_info .price_infos .teg p { font-size: 16px; margin-left: 18px; color: #666666; } .content .main_product_content .m .price_info .price_infos .teg p em { color: #333333; } .content .main_product_content .m .price_info .price_infos .submit { width: 128px; height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; cursor: pointer; background: #E50012; margin-top: 20px; border-radius: 3px; transition: all .1s; } .content .main_product_content .m .price_info .price_infos .submit:hover { opacity: 0.8; } .content .main_product_content .m .confire { width: 100%; margin-top: 38px; } .content .main_product_content .m .confire .title { display: block; font-size: 18px; color: #333333; } .content .main_product_content .m .confire .type { display: block; text-align: right; font-size: 14px; color: #999999; } .content .main_product_content .m .confire .textarea { width: 100%; height: 178px; border-radius: 6px; position: relative; background: #F8F8F8; margin-top: 40px; } .content .main_product_content .m .confire .textarea textarea { width: 100%; height: 100%; border: none; outline: none; background: none; font-size: 16px; color: #333; box-sizing: border-box; resize: none; padding: 18px 20px; } .content .main_product_content .m .confire .textarea textarea::placeholder{ color: #999; } .content .main_product_content .m .confire .textarea span { display: block; font-size: 16px; color: #333333; width: 100%; text-align: right; box-sizing: border-box; padding-right: 20px; position: absolute; right: 0; bottom: 20px; } .content .main_product_content .m .confire table { width: 100%; border: none; margin-top: 18px; } .content .main_product_content .m .confire table tr { width: 100%; } .content .main_product_content .m .confire table tr th { font-size: 16px; color: #333333; height: 40px; background: #f1f1f1; } .content .main_product_content .m .confire table tr td { padding: 11px 0; text-align: center; font-size: 16px; color: #666666; } .content .main_product_content .m .confire table tr td .changes { display: inline-flex; align-items: center; overflow: hidden; margin: 0 auto; border-radius: 8px; } .content .main_product_content .m .confire table tr td .changes div { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background: #F1F1F1; font-size: 22px; line-height: 1; cursor: pointer; color: #E50012; } .content .main_product_content .m .confire table tr td .changes div.on { color: #C6C7C9; cursor: no-drop; } .content .main_product_content .m .confire table tr td .changes input { width: 56px; height: 30px; border: none; outline: none; text-align: center; font-size: 16px; color: #e50012; font-family: sm; margin: 0 2px; background: #F1F1F1; } .content .main_product_content .m .confire table tr td .yh { display: flex; align-items: center; cursor: pointer; justify-content: center; } .content .main_product_content .m .confire table tr td .yh div { height: 24px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #e50012; padding: 0 8px; font-size: 14px; color: #e50012; } .content .main_product_content .m .confire table tr td .yh span { font-size: 16px; color: #333333; margin: 0 7px; } .content .main_product_content .m .confire table tr td .yh img { display: block; } .content .main_product_content .m .confire table tr td .price { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; } .content .main_product_content .m .confire table tr td .info { overflow: hidden; display: flex; align-items: center; text-align: left; padding-left: 10px; } .content .main_product_content .m .confire table tr td .info img { width: 86px; height: 64px; display: block; object-fit: cover; border-radius: 3px; } .content .main_product_content .m .confire table tr td .info div { overflow: hidden; padding-left: 19px; } .content .main_product_content .m .confire table tr td .info div span { display: block; font-size: 16px; color: #666666; } .content .main_product_content .m .address_box { width: 100%; position: relative; overflow: hidden; padding: 0 40px; } .content .main_product_content .m .address_box .mySwiper { width: 100%; overflow: hidden; } .content .main_product_content .m .address_box .mySwiper .swiper-slide { width: 275px; overflow: hidden; margin-right: 20px; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label { overflow: hidden; width: 100%; border-radius: 6px; cursor: pointer; border: 1px solid #ECECEC; padding: 0 20px; min-height: 150px; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on { background: #E50012; border: 1px solid #E50012; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on p { color: #fff; border-bottom: 1px solid #EB7982; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on span { color: #fff; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label p { padding: 15px 0; font-size: 18px; font-family: sr1; font-weight: bold; line-height: 1.3; color: #333333; margin-bottom: 10px; border-bottom: 1px solid #F1F1F1; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label span { display: block; font-size: 14px; color: #999999; line-height: 24px; } .content .main_product_content .m .address_box .btn { width: 20px; height: 38px; cursor: pointer; position: absolute; transition: all .1s; top: 50%; transform: translateY(-50%); z-index: 99; } .content .main_product_content .m .address_box .btn.prev { left: 0; background-image: url(/assets/img/web/paybtn.png); } .content .main_product_content .m .address_box .btn.prev:hover { background-image: url(/assets/img/web/productpay_10.png); } .content .main_product_content .m .address_box .btn.next { right: 0; background-image: url(/assets/img/web/productpay_13.png); } .content .main_product_content .m .address_box .btn.next:hover { background-image: url(/assets/img/web/paybtn1.png); } .content .main_product_details { width: 100%; padding: 30px 0 53px 0; } .content .main_product_details .main_about { width: 100%; overflow: hidden; border-radius: 8px; margin-top: 25px; background: #fff; padding: 0 30px 30px 30px; } .content .main_product_details .main_about .title { display: flex; align-items: center; justify-content: center; height: 74px; font-size: 18px; color: #333333; border-bottom: 1px solid #EEEEEE; } .content .main_product_details .main_about .box { width: 100%; } .content .main_product_details .main_about .box .morelist { width: 100%; border: 1px solid #E0E0E0; border-radius: 6px 6px 0 0; overflow: hidden; margin-top: 20px; } .content .main_product_details .main_about .box .morelist ul { overflow: hidden; display: flex; flex-wrap: wrap; } .content .main_product_details .main_about .box .morelist ul li { overflow: hidden; width: 33.33%; padding: 0 15px; margin-top: 25px; } .content .main_product_details .main_about .box .morelist ul li a { display: block; width: 100%; padding-bottom: 30px; } .content .main_product_details .main_about .box .morelist ul li a .pic { overflow: hidden; width: 100%; height: 282px; } .content .main_product_details .main_about .box .morelist ul li a .pic img { display: block; height: auto; width: auto; height: 100%; object-fit: contain; width: 100%; } .content .main_product_details .main_about .box .morelist ul li a span { display: block; font-size: 16px; color: #333333; line-height: 26px; padding: 15px 8px; box-sizing: border-box; } .content .main_product_details .main_about .box .morelist .title { font-size: 16px; color: #333333; font-family: sr1; font-weight: bold; display: flex; align-items: center; justify-content: center; height: 50px; background: #F0F0F0; border-bottom: 1px solid #E0E0E0; } .content .main_product_details .main_about .box table { width: 100%; border: none; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-radius: 6px 6px 0 0; overflow: hidden; margin-top: 20px; } .content .main_product_details .main_about .box table tr { width: 100%; } .content .main_product_details .main_about .box table tr:nth-child(even) td { background: #fff; } .content .main_product_details .main_about .box table tr th { font-size: 16px; color: #333333; font-family: sr1; font-weight: bold; height: 30px; background: #F0F0F0; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; } .content .main_product_details .main_about .box table tr td { font-size: 16px; color: #333333; min-height: 40px; padding: 0px 25px; line-height: 30px; background: #F8F8F8; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; } .content .main_product_details .main_about .box table tr td:first-child{ width: 30%; } .content .main_product_details .main_about .box img { width: 100%; display: block; } .content .main_product_details .main_about .slide { width: 100%; overflow: hidden; position: relative; padding: 0 50px; display: flex; margin-top: 30px; } .content .main_product_details .main_about .slide .mySwiper2 { width: 100%; overflow: hidden; } .content .main_product_details .main_about .slide .mySwiper2 .swiper-slide { width: 485px; margin-right: 20px; } .content .main_product_details .main_about .slide .label { width: 100%; overflow: hidden; border-radius: 10px; border: 1px solid #EEEEEE; padding: 0 20px; } .content .main_product_details .main_about .slide .label .button { height: 85px; display: flex; align-items: center; justify-content: flex-end; } .content .main_product_details .main_about .slide .label .button .btns { display: flex; align-items: center; justify-content: center; width: 224px; height: 36px; border: 1px solid #e50012; overflow: hidden; border-radius: 8px; } .content .main_product_details .main_about .slide .label .button .btns div { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; transition: all .1s; color: #e50012; } .content .main_product_details .main_about .slide .label .button .btns div a { color: #e50012; } .content .main_product_details .main_about .slide .label .button .btns div:hover { opacity: 0.8; } .content .main_product_details .main_about .slide .label .button .btns div.on { background: #e50012; color: #fff; } .content .main_product_details .main_about .slide .label .button .btns div.on a { color: #fff; } .content .main_product_details .main_about .slide .label .info { overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #F1F1F1; } .content .main_product_details .main_about .slide .label .info .grow { flex: 1; padding-left: 20px; } .content .main_product_details .main_about .slide .label .info .grow > p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .content .main_product_details .main_about .slide .label .info .grow span { display: block; margin-top: 6px; font-size: 14px; color: #333333; } .content .main_product_details .main_about .slide .label .info .grow span em { color: #999999; } .content .main_product_details .main_about .slide .label .info .grow .price { margin-top: 14px; align-items: flex-end; display: flex; } .content .main_product_details .main_about .slide .label .info .grow .price img { margin-right: 6px; } .content .main_product_details .main_about .slide .label .info .grow .price p { font-size: 20px; font-family: sr1; font-weight: bold; line-height: 1; color: #e50012; } .content .main_product_details .main_about .slide .label .info .grow .price del { font-size: 14px; font-family: sm; line-height: 1; margin-left: 8px; color: #999999; } .content .main_product_details .main_about .slide .label .info .pic { overflow: hidden; width: 200px; height: 148px; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; } .content .main_product_details .main_about .slide .label .info .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_product_details .main_about .slide .label .info .pic div { display: inline-flex; align-items: center; font-size: 12px; font-family: sm; color: #fff; padding: 0 8px; border: 1px solid #fff; text-transform: uppercase; position: absolute; left: 0; top: 0; background: #F0952C; border-radius: 4px 0 4px 0; height: 22px; } .content .main_product_details .main_about .slide .label .info .pic div.t { background: #7B328E; } .content .main_product_details .main_about .slide .btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; width: 30px; height: 30px; transition: all .1s; cursor: pointer; background-size: 100% 100%; } .content .main_product_details .main_about .slide .btn.prev { left: 0; background-image: url(/assets/img/web/btnn.png); } .content .main_product_details .main_about .slide .btn.prev:hover { background-image: url(/assets/img/web/productinfo_13.png); } .content .main_product_details .main_about .slide .btn.next { right: 0; background-image: url(/assets/img/web/productinfo_16.png); } .content .main_product_details .main_about .slide .btn.next:hover { background-image: url(/assets/img/web/btnp.png); } .content .main_product_details .main_details { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; padding: 40px 30px 25px 30px; display: flex; align-items: flex-start; justify-content: space-between; } .content .main_product_details .main_details .details { overflow: hidden; flex: 1; padding-left: 36px; } .content .main_product_details .main_details .details .bottom { display: flex; align-items: center; padding-top: 26px; margin-top: 16px; justify-content: space-between; border-top: 1px solid #EDEDED; } .content .main_product_details .main_details .details .bottom .btn { display: flex; align-items: center; justify-content: center; width: 224px; height: 36px; border: 1px solid #e50012; overflow: hidden; border-radius: 8px; } .content .main_product_details .main_details .details .bottom .btn div { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; transition: all .1s; color: #e50012; } .content .main_product_details .main_details .details .bottom .btn div a { color: #fff; } .content .main_product_details .main_details .details .bottom .btn div:hover { opacity: 0.8; } .content .main_product_details .main_details .details .bottom .btn div.on { background: #e50012; color: #fff; } .content .main_product_details .main_details .details .bottom ul { display: flex; align-items: center; } .content .main_product_details .main_details .details .bottom ul li { display: flex; align-items: center; cursor: pointer; margin-right: 30px; justify-content: center; } .content .main_product_details .main_details .details .bottom ul li img { margin-right: 9px; } .content .main_product_details .main_details .details .bottom ul li span { font-size: 16px; color: #666666; } .content .main_product_details .main_details .details > ul { overflow: hidden; margin-top: 10px; } .content .main_product_details .main_details .details > ul li { display: flex; padding: 10px 0; /*align-items: center;*/ position: relative; } .content .main_product_details .main_details .details > ul li .price { display: flex; align-items: flex-end; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .content .main_product_details .main_details .details > ul li .price img { display: block; margin-right: 8px; } .content .main_product_details .main_details .details > ul li .price p { font-size: 24px; color: #e50012; font-family: sr1; font-weight: bold; margin-right: 12px; line-height: 1; } .content .main_product_details .main_details .details > ul li .price del { font-size: 16px; color: #999999; font-family: sm; } .content .main_product_details .main_details .details > ul li > p { font-size: 16px; margin-right: 8px; white-space: nowrap; color: #666666; } .content .main_product_details .main_details .details > ul li > span { font-size: 16px; flex: 1; color: #333333; font-family: sm; } .content .main_product_details .main_details .details > ul li .data { display: flex; align-items: center; } .content .main_product_details .main_details .details > ul li .data span { font-size: 16px; font-family: sm; color: #333333; margin-left: 10px; } .content .main_product_details .main_details .details > ul li .change { display: flex; align-items: center; overflow: hidden; border-radius: 8px; } .content .main_product_details .main_details .details > ul li .change div { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background: #F1F1F1; font-size: 22px; line-height: 1; cursor: pointer; color: #E50012; } .content .main_product_details .main_details .details > ul li .change div.on { color: #C6C7C9; } .content .main_product_details .main_details .details > ul li .change input { width: 56px; height: 30px; border: none; outline: none; text-align: center; font-size: 16px; color: #e50012; font-family: sm; margin: 0 2px; background: #F1F1F1; } .content .main_product_details .main_details .details > ul li .rd { display: flex; align-items: center; } .content .main_product_details .main_details .details > ul li .rd label { display: flex; align-items: center; margin-right: 24px; cursor: pointer; } .content .main_product_details .main_details .details > ul li .rd label.on div { background-image: url(/assets/img/web/rid1.jpg); } .content .main_product_details .main_details .details > ul li .rd label div { width: 16px; height: 16px; background-image: url(/assets/img/web/rid.jpg); background-size: 100% 100%; margin-right: 8px; border-radius: 50%; } .content .main_product_details .main_details .details > ul li .rd label span { font-size: 16px; color: #333333; } .content .main_product_details .main_details .details .name { display: flex; align-items: flex-start; justify-content: space-between; } .content .main_product_details .main_details .details .name em { font-size: 16px; color: #666666; } .content .main_product_details .main_details .details .name div { display: flex; flex: 1; padding-right: 30px; } .content .main_product_details .main_details .details .name div p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; flex: 1; padding-left: 8px; box-sizing: border-box; } .content .main_product_details .main_details .details .name div span { display: flex; align-items: center; height: 20px; padding: 0 7px; font-size: 12px; font-family: sm; color: #fff; background: #F0952C; border-radius: 4px 0 4px 0; transform: translateY(5px); } .content .main_product_details .main_details .slide { overflow: hidden; width: 480px; } .content .main_product_details .main_details .slide .pic { overflow: hidden; width: 100%; height: 340px; border-radius: 6px; } .content .main_product_details .main_details .slide .pic .mySwiper { overflow: hidden; width: 100%; height: 100%; } .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide { width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; overflow: hidden; } .content .main_product_details .main_details .slide .pic img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; } .content .main_product_details .main_details .slide .list { position: relative; margin-top: 22px; min-height: 66px; padding: 0 45px; } .content .main_product_details .main_details .slide .list .btn { position: absolute; top: 50%; z-index: 999; cursor: pointer; transition: all .1s; width: 30px; height: 30px; transform: translateY(-50%); } .content .main_product_details .main_details .slide .list .btn.prev { left: 0; background-image: url(/assets/img/web/btnn.png); } .content .main_product_details .main_details .slide .list .btn.prev:hover { background-image: url(/assets/img/web/productinfo_13.png); } .content .main_product_details .main_details .slide .list .btn.next { right: 0; background-image: url(/assets/img/web/productinfo_16.png); } .content .main_product_details .main_details .slide .list .btn.next:hover { background-image: url(/assets/img/web/btnp.png); } .content .main_product_details .main_details .slide .list .mySwiper1 { width: 100%; overflow: hidden; } .content .main_product_details .main_details .slide .list .mySwiper1 .swiper-slide { width: 96px; height: 70px; overflow: hidden; margin-right: 14px; border: 2px solid #fff; border-radius: 8px; } .content .main_product_details .main_details .slide .list .mySwiper1 .swiper-slide.on { border: 2px solid #E50012; } .content .main_product_details .main_details .slide .list .lab { overflow: hidden; width: 100%; height: 100%; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .content .main_product_details .main_details .slide .list .lab img { max-width: 100%; max-height: 100%; } .content .main_order_info { overflow: hidden; width: 100%; background: #F7F7F7; padding: 30px 0; min-height: calc(100vh - 81px - 79px); } .content .main_order_info .box { overflow: hidden; width: 1300px; margin: 0 auto; border-radius: 8px; background: #fff; padding: 30px 30px 50px 30px; } .content .main_order_info .box .tip { padding: 26px 32px; width: 100%; background: #FEF2F3; border-radius: 8px; font-size: 16px; line-height: 1; color: #e50012; } .content .main_order_info .box .tip span { font-size: 20px; font-family: sr1; font-weight: bold; } .content .main_order_info .box .price_info { overflow: hidden; text-align: right; font-size: 12px; margin-top: 30px; } .content .main_order_info .box .price_info .price_infos { display: inline-block; overflow: hidden; border-radius: 8px; border: 1px solid #ECECEC; min-width: 400px; padding: 25px 18px 30px 18px; text-align: right; } .content .main_order_info .box .price_info .price_infos .price { display: flex; align-items: flex-end; justify-content: flex-end; font-size: 16px; margin-bottom: 18px; color: #666666; } .content .main_order_info .box .price_info .price_infos .price span { font-size: 24px; font-family: sr1; font-weight: bold; color: #333333; line-height: 1; display: inline-block; } .content .main_order_info .box .price_info .price_infos .price i { font-size: 24px; color: #e50012; margin-left: 16px; line-height: 1; display: inline-block; font-family: sr1; font-weight: bold; } .content .main_order_info .box .price_info .price_infos .desc { display: block; font-size: 16px; color: #333333; margin-top: 15px; text-align: right; } .content .main_order_info .box .price_info .price_infos .desc span { color: #666; } .content .main_order_info .box .price_info .price_infos .yh { display: flex; align-items: center; margin-bottom: 18px; justify-content: flex-end; cursor: pointer; } .content .main_order_info .box .price_info .price_infos .yh p { font-size: 16px; color: #666666; } .content .main_order_info .box .price_info .price_infos .yh div { height: 24px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #e50012; padding: 0 8px; font-size: 14px; color: #e50012; } .content .main_order_info .box .price_info .price_infos .yh span { font-size: 16px; color: #333333; margin: 0 7px; } .content .main_order_info .box .price_info .price_infos .yh img { display: block; } .content .main_order_info .box .price_info .price_infos .teg { display: flex; align-items: center; margin-bottom: 18px; justify-content: flex-end; } .content .main_order_info .box .price_info .price_infos .teg span { font-size: 14px; font-family: sm; margin-left: 7px; color: #999999; } .content .main_order_info .box .price_info .price_infos .teg p { font-size: 16px; margin-left: 18px; color: #666666; } .content .main_order_info .box .price_info .price_infos .teg p em { color: #333333; } .content .main_order_info .box .price_info .price_infos .submit { display: flex; align-items: center; justify-content: flex-end; margin-top: 20px; } .content .main_order_info .box .price_info .price_infos .submit div { width: 128px; height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; margin-left: 20px; cursor: pointer; color: #E50012; border: 1px solid #E50012; border-radius: 3px; transition: all .1s; } .content .main_order_info .box .price_info .price_infos .submit div.on { background: #E50012; color: #fff; } .content .main_order_info .box .price_info .price_infos .submit:hover { opacity: 0.8; } .content .main_order_info .box .item { overflow: hidden; padding: 28px 0; border-bottom: 1px solid #ECECEC; } .content .main_order_info .box .item .title { display: flex; align-items: center; font-size: 18px; color: #333333; } .content .main_order_info .box .item .title div { width: 4px; height: 16px; background: #E50012; margin-right: 9px; } .content .main_order_info .box .item table { width: 100%; border: none; margin-top: 18px; } .content .main_order_info .box .item table tr { width: 100%; } .content .main_order_info .box .item table tr th { font-size: 16px; color: #333333; border-right: 1px solid #fff; height: 40px; background: #f1f1f1; } .content .main_order_info .box .item table tr th:last-child { border: none; } .content .main_order_info .box .item table tr:last-child td { border: none; } .content .main_order_info .box .item table tr td { padding: 20px 0; text-align: center; font-size: 16px; color: #666666; border-bottom: 1px solid #ECECEC; } .content .main_order_info .box .item table tr td .changes { display: inline-flex; align-items: center; overflow: hidden; margin: 0 auto; border-radius: 8px; } .content .main_order_info .box .item table tr td .changes div { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background: #F1F1F1; font-size: 22px; line-height: 1; cursor: pointer; color: #E50012; } .content .main_order_info .box .item table tr td .changes div.on { color: #C6C7C9; cursor: no-drop; } .content .main_order_info .box .item table tr td .changes input { width: 56px; height: 30px; border: none; outline: none; text-align: center; font-size: 16px; color: #e50012; font-family: sm; margin: 0 2px; background: #F1F1F1; } .content .main_order_info .box .item table tr td .yh { display: flex; align-items: center; cursor: pointer; justify-content: center; } .content .main_order_info .box .item table tr td .yh div { height: 24px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #e50012; padding: 0 8px; font-size: 14px; color: #e50012; } .content .main_order_info .box .item table tr td .yh span { font-size: 16px; color: #333333; margin: 0 7px; } .content .main_order_info .box .item table tr td .yh img { display: block; } .content .main_order_info .box .item table tr td .price { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; } .content .main_order_info .box .item table tr td .info { overflow: hidden; display: flex; align-items: center; text-align: left; padding-left: 10px; } .content .main_order_info .box .item table tr td .info img { width: 86px; height: 64px; display: block; object-fit: cover; border-radius: 3px; } .content .main_order_info .box .item table tr td .info div { overflow: hidden; padding-left: 19px; } .content .main_order_info .box .item table tr td .info div span { display: block; font-size: 16px; color: #666666; } .content .main_order_info .box .item ul { overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .content .main_order_info .box .item ul li { display: flex; font-size: 16px; margin-right: 70px; margin-top: 15px; color: #333333; } .content .main_order_info .box .item ul li.on { width: 100%; } .content .main_order_info .box .item ul li span { white-space: nowrap; color: #999999; } .content .cart_footer { overflow: hidden; width: 100%; height: 80px; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 999; } .content .cart_footer.on { position: static; } .content .cart_footer .m { width: 1300px; height: 100%; display: flex; margin: 0 auto; align-items: center; justify-content: space-between; } .content .cart_footer .m .fr { height: 100%; display: flex; align-items: center; } .content .cart_footer .m .fr .y { display: block; font-size: 16px; color: #333333; } .content .cart_footer .m .fr .y span { color: #e50012; font-family: sr1; font-weight: bold; } .content .cart_footer .m .fr .btn { display: flex; align-items: center; justify-content: center; width: 100px; margin-left: 50px; transition: all .1s; height: 100%; background: #E50012; cursor: pointer; font-size: 16px; color: #fff; } .content .cart_footer .m .fr .btn:hover { opacity: .8; } .content .cart_footer .m .fr .s { display: block; font-size: 16px; color: #999999; margin-left: 55px; } .content .cart_footer .m .fr .s span { font-size: 24px; color: #e50012; margin-left: 8px; font-family: sr1; font-weight: bold; } .content .cart_footer .m .fl { display: flex; align-items: center; height: 100%; } .content .cart_footer .m .fl label { display: flex; align-items: center; height: 100%; cursor: pointer; padding-right: 24px; } .content .cart_footer .m .fl label span { font-size: 16px; color: #333333; margin-left: 6px; } .content .cart_footer .m .fl label input { transform: scale(1.16); } .content .cart_footer .m .fl p { font-size: 16px; color: #999999; cursor: pointer; } .content .main_cart { width: 100%; min-height: calc(100vh - 81px - 79px); background: #F7F7F7; padding-bottom: 100px; } .content .main_cart .box { overflow: hidden; width: 1300px; margin: 0 auto; } .content .main_cart .box .main_cart_list { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; padding: 30px; min-height: 60vh; } .content .main_cart .box .main_cart_list table { width: 100%; border: none; margin-top: 18px; } .content .main_cart .box .main_cart_list table tr { width: 100%; } .content .main_cart .box .main_cart_list table tr th { font-size: 16px; color: #333333; height: 50px; border-right: 1px solid #fff; background: #f1f1f1; } .content .main_cart .box .main_cart_list table tr th:last-child { border: none; } .content .main_cart .box .main_cart_list table tr th input { transform: scale(1.16); cursor: pointer; border: none; } .content .main_cart .box .main_cart_list table tr td { padding: 20px 0; text-align: center; border-bottom: 1px solid #F1F1F1; font-size: 16px; color: #666666; } .content .main_cart .box .main_cart_list table tr td .remove { display: block; margin: 0 auto; cursor: pointer; } .content .main_cart .box .main_cart_list table tr td > input { transform: scale(1.16); cursor: pointer; border: none; } .content .main_cart .box .main_cart_list table tr td .changes { display: inline-flex; align-items: center; overflow: hidden; margin: 0 auto; border-radius: 8px; } .content .main_cart .box .main_cart_list table tr td .changes div { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background: #F1F1F1; font-size: 22px; line-height: 1; cursor: pointer; color: #E50012; } .content .main_cart .box .main_cart_list table tr td .changes div.on { /*color: #C6C7C9;*/ } .content .main_cart .box .main_cart_list table tr td .changes input { width: 56px; height: 30px; border: none; outline: none; text-align: center; font-size: 16px; color: #e50012; font-family: sm; margin: 0 2px; background: #F1F1F1; } .content .main_cart .box .main_cart_list table tr td .yh { display: flex; align-items: center; cursor: pointer; justify-content: center; } .content .main_cart .box .main_cart_list table tr td .yh div { height: 24px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #e50012; padding: 0 8px; font-size: 14px; color: #e50012; } .content .main_cart .box .main_cart_list table tr td .yh span { font-size: 16px; color: #333333; margin: 0 7px; } .content .main_cart .box .main_cart_list table tr td .yh img { display: block; } .content .main_cart .box .main_cart_list table tr td .price { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; } .content .main_cart .box .main_cart_list table tr td .info { overflow: hidden; display: flex; align-items: center; text-align: left; padding-left: 10px; } .content .main_cart .box .main_cart_list table tr td .info .picc { width: 86px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 3px; } .content .main_cart .box .main_cart_list table tr td .info .picc img { max-width: 100%; max-height: 100%; display: block; } .content .main_cart .box .main_cart_list table tr td .info .gs { overflow: hidden; padding-left: 19px; } .content .main_cart .box .main_cart_list table tr td .info .gs span { display: block; font-size: 16px; color: #666666; } .content .main_cart .box .head { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; } .content .main_cart .box .head .clear { cursor: pointer; display: flex; align-items: center; } .content .main_cart .box .head .clear span { font-size: 16px; color: #e50012; } .content .main_cart .box .head .clear img { margin-right: 5px; } .content .main_cart .box .head .fl { display: flex; align-items: center; } .content .main_cart .box .head .fl p { font-size: 18px; color: #333333; } .content .main_cart .box .head .fl .search { overflow: hidden; width: 358px; height: 40px; border-radius: 40px; background: #fff; margin-left: 15px; position: relative; } .content .main_cart .box .head .fl .search input { width: 100%; height: 100%; border: none; outline: none; background: none; font-size: 16px; color: #333; padding-left: 20px; } .content .main_cart .box .head .fl .search input::placeholder { color: #999999; } .content .main_cart .box .head .fl .search div { height: 100%; cursor: pointer; font-size: 16px; color: #fff; background: #E50012; display: flex; align-items: center; width: 89px; transition: all .1s; justify-content: center; position: absolute; right: 0; top: 0; z-index: 9; } .content .main_cart .box .head .fl .search div:hover { opacity: 0.8; } .content .main_content { width: 100%; position: relative; margin-top: -80px; z-index: 9; } .content .main_content.about .m .tong_header .menus { transform: translateY(-60px); } .content .main_content.user { margin-top: -138px; } .content .main_content .m { width: 1300px; margin: 0 auto; } .content .main_content .m .main_box { width: 100%; padding-bottom: 60px; display: flex; align-items: flex-start; justify-content: space-between; } .content .main_content .m .main_box .main_datas { width: calc(100% - 282px - 30px); overflow: hidden; margin-top: -80px; border-radius: 8px; background: #fff; padding-bottom: 30px; } .content .main_content .m .main_box .main_datas .page_list a { background: #F4F4F4; } .content .main_content .m .main_box .main_datas .page_list a.on { background: #E50012; } .content .main_content .m .main_box .main_datas .page_list div a:hover { background: #E50012; color: #fff; } .content .main_content .m .main_box .main_datas ul { overflow: hidden; padding: 0 30px; margin-bottom: 30px; } .content .main_content .m .main_box .main_datas ul li { overflow: hidden; border-bottom: 1px dashed #F1F1F1; } .content .main_content .m .main_box .main_datas ul li:hover a div p, .content .main_content .m .main_box .main_datas ul li:hover a div span { color: #e50012; } .content .main_content .m .main_box .main_datas ul li a { display: flex; align-items: center; box-sizing: border-box; padding: 30px 0; } .content .main_content .m .main_box .main_datas ul li a img { display: block; } .content .main_content .m .main_box .main_datas ul li a div { flex: 1; padding-left: 14px; } .content .main_content .m .main_box .main_datas ul li a div p { font-size: 18px; color: #333333; font-family: sm; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .1s; margin-bottom: 10px; } .content .main_content .m .main_box .main_datas ul li a div span { display: block; transition: all .1s; font-size: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .main_content .m .main_box .main_qa { width: calc(100% - 282px - 30px); overflow: hidden; margin-top: -80px; } .content .main_content .m .main_box .main_qa ul { overflow: hidden; } .content .main_content .m .main_box .main_qa ul li { overflow: hidden; width: 100%; background: #fff; border-radius: 8px; margin-bottom: 24px; padding: 0 30px; } .content .main_content .m .main_box .main_qa ul li.on .slide { display: block; } .content .main_content .m .main_box .main_qa ul li.on .line > img { transform: rotate(180deg); } .content .main_content .m .main_box .main_qa ul li .slide { overflow: hidden; background: #F8F8F8; border-radius: 8px; margin-bottom: 30px; display: none; padding: 20px 30px; } .content .main_content .m .main_box .main_qa ul li .slide p { font-size: 16px; color: #666666; line-height: 30px; } .content .main_content .m .main_box .main_qa ul li .slide .pic { display: flex; flex-wrap: wrap; } .content .main_content .m .main_box .main_qa ul li .slide .pic img { display: block; width: 240px; height: 240px; border-radius: 3px; margin-right: 24px; margin-top: 20px; object-fit: cover; } .content .main_content .m .main_box .main_qa ul li .line { overflow: hidden; width: 100%; height: 80px; display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_qa ul li .line .icon { display: flex; align-items: center; } .content .main_content .m .main_box .main_qa ul li .line .icon img { display: block; margin-right: 10px; } .content .main_content .m .main_box .main_qa ul li .line .icon span { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; } .content .main_content .m .main_box .main_qa ul li .line .fr { display: flex; cursor: pointer; align-items: center; } .content .main_content .m .main_box .main_qa ul li .line .fr.on img { transform: rotate(180deg); } .content .main_content .m .main_box .main_qa ul li .line .fr p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_qa ul li .line .fr span { font-size: 16px; color: #e50012; margin-left: 15px; margin-right: 5px; } .content .main_content .m .main_box .main_qa ul li .line .fr img { display: block; transition: all .2s; } .content .main_content .m .main_box .main_services { width: calc(100% - 282px - 30px); background: #fff; border-radius: 8px; padding: 50px 0 45px 0; } .content .main_content .m .main_box .main_services .item { overflow: hidden; margin-bottom: 30px; } .content .main_content .m .main_box .main_services .item .pics { display: block; max-width: 100%; margin-top: 40px; } .content .main_content .m .main_box .main_services .item .table { overflow: hidden; margin-top: 20px; } .content .main_content .m .main_box .main_services .item .table .tit { overflow: hidden; padding: 16px 0; font-size: 18px; font-family: sr1; font-weight: bold; color: #fff; text-align: center; background: #E50012; } .content .main_content .m .main_box .main_services .item .table em { display: block; font-size: 16px; margin-top: 25px; color: #e50012; } .content .main_content .m .main_box .main_services .item .table .table1 { width: 100%; border: none; border-left: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; } .content .main_content .m .main_box .main_services .item .table .table1.on tr th { text-align: center; padding: 0 8px; text-align: center; } .content .main_content .m .main_box .main_services .item .table .table1.on tr td { text-align: center; padding: 12px 0; padding-left: 0; min-height: auto; } .content .main_content .m .main_box .main_services .item .table .table1.on tr td:last-child { padding: 12px 0; } .content .main_content .m .main_box .main_services .item .table .table1.on tr td:first-child { padding: 12px 0; } .content .main_content .m .main_box .main_services .item .table .table1 tr { width: 100%; } .content .main_content .m .main_box .main_services .item .table .table1 tr th { font-size: 16px; font-family: sr1; font-weight: bold; color: #333333; background: #f0f0f0; height: 50px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; text-align: left; padding-left: 18px; box-sizing: border-box; } .content .main_content .m .main_box .main_services .item .table .table1 tr td { font-size: 16px; color: #333333; min-height: 50px; padding: 8px 0; padding-left: 18px; box-sizing: border-box; position: relative; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .content .main_content .m .main_box .main_services .item .table .table1 tr td.on::after { content: ''; width: 100%; height: 100%; background: #E50012; position: absolute; left: 0; top: 0; } .content .main_content .m .main_box .main_services .item .table .table1 tr td .f { position: relative; padding: 6px 0; padding-left: 14px; font-size: 16px; line-height: 1.3; color: #333333; } .content .main_content .m .main_box .main_services .item .table .table1 tr td .f::after { content: ''; width: 5px; height: 5px; background: #E50012; border-radius: 50%; position: absolute; left: 0; top: 13px; } .content .main_content .m .main_box .main_services .item .table .table1 tr td:first-child { text-align: center; padding: 0; } .content .main_content .m .main_box .main_services .item .title { display: flex; align-items: baseline; } .content .main_content .m .main_box .main_services .item .title div { overflow: hidden; width: 49px; height: 33px; background: #f1f1f1; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333333; margin-right: 12px; } .content .main_content .m .main_box .main_services .item .title span { display: block; line-height: 1; font-size: 16px; color: #333333; font-family: sr1; font-weight: bold; flex: 1; } .content .main_content .m .main_box .main_services .head { display: flex; align-items: center; margin-top: 20px; margin-bottom: 20px; } .content .main_content .m .main_box .main_services .head span { font-size: 18px; font-family: sr1; font-weight: bold; color: #000000; margin-left: 10px; } .content .main_content .m .main_box .main_services .main_top_info { overflow: hidden; } .content .main_content .m .main_box .main_services .main_top_info span { /*display: block;*/ font-size: 16px; color: #333333; line-height: 32px; margin-top: 10px; } .content .main_content .m .main_box .main_services .main_top_info ul li{ margin-left: 20px; } .content .main_content .m .main_box .main_services .main_top_info .t { display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_services .main_top_info span img{ width: 100%; } .content .main_content .m .main_box .main_services .main_top_info .t p { font-size: 24px; color: #e50012; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_services .main_top_info .t div { overflow: hidden; width: 120px; height: 36px; background: #E50012; border-radius: 3px; } .content .main_content .m .main_box .main_services .main_top_info .t div a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #fff; } .content .main_content .m .main_box .main_product_idv_list { width: calc(100% - 282px - 30px); background: #fff; border-radius: 8px; padding: 30px 20px 45px 20px; } .content .main_content .m .main_box .main_product_idv_list .page_list a { background: #F4F4F4; } .content .main_content .m .main_box .main_product_idv_list .page_list a.on { background: #E50012; } .content .main_content .m .main_box .main_product_idv_list .page_list div a:hover { background: #E50012; color: #fff; } .content .main_content .m .main_box .main_product_idv_list table { width: 100%; border: none; margin-bottom: 34px; } .content .main_content .m .main_box .main_product_idv_list table tr { width: 100%; } .content .main_content .m .main_box .main_product_idv_list table tr:nth-child(even) td { background: #fff; } .content .main_content .m .main_box .main_product_idv_list table tr th { font-size: 16px; color: #fff; height: 56px; background: #E50012; } .content .main_content .m .main_box .main_product_idv_list table tr th:first-child { border-radius: 6px 0 0 6px; } .content .main_content .m .main_box .main_product_idv_list table tr th:last-child { border-radius: 0 6px 6px 0; } .content .main_content .m .main_box .main_product_idv_list table tr td a{ color: #333; } .content .main_content .m .main_box .main_product_idv_list table tr:hover td{ background: #F7F7F7; } .content .main_content .m .main_box .main_product_idv_list table tr td a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .content .main_content .m .main_box .main_product_idv_list table tr td { font-size: 16px; height: 80px; transition: all .1s; cursor: pointer; padding: 10px 15px; text-align: center; background: #F7F7F7; color: #333333; } .content .main_content .m .main_box .main_product_idv_list table tr td:nth-child(3){ width: 15%; } .content .main_content .m .main_box .main_product_idv_list table tr td .join { display: flex; align-items: center; height: 100%; cursor: pointer; } .content .main_content .m .main_box .main_product_idv_list table tr td .join.on div { background-image: url(/assets/img/web/check1.jpg); } .content .main_content .m .main_box .main_product_idv_list table tr td .join div { background-image: url(/assets/img/web/check.jpg); width: 16px; height: 16px; background-size: 100% 100%; margin-right: 6px; } .content .main_content .m .main_box .main_product_idv_list table tr td .join span { font-size: 16px; font-family: sm; color: #333333; } .content .main_content .m .main_box .main_product_idv_list table tr td p { font-size: 16px; color: #e50012; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_product_idv_list table tr td label { display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; font-family: sm; color: #333333; } .content .main_content .m .main_box .main_product_idv_list table tr td label input { border: 1px solid #ECECEC; } .content .main_content .m .main_box .main_user_integral_lottery { width: calc(100% - 282px - 30px); background-image: url(/assets/img/web/lik_03.jpg); height: 716px; background-size: 100% 100%; position: relative; padding-top: 170px; } .content .main_content .m .main_box .main_user_integral_lottery .box { overflow: hidden; width: 400px; height: 400px; margin: 0 auto; margin-bottom: 28px; position: relative; } .content .main_content .m .main_box .main_user_integral_lottery .btn { overflow: hidden; width: 130px; height: 36px; border: 1px solid #E50012; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 auto; background: #fff; font-size: 16px; color: #e50012; border-radius: 4px; } .content .main_content .m .main_box .main_user_integral { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; padding: 0 30px 30px 30px; min-height: 60vh; } .content .main_content .m .main_box .main_user_integral .fade { overflow: hidden; width: 100%; margin-top: 20px; } .content .main_content .m .main_box .main_user_integral .fade ul { overflow: hidden; width: 100%; } .content .main_content .m .main_box .main_user_integral .fade ul li { overflow: hidden; width: 76%; margin: 0 auto; border-bottom: 1px solid #F1F1F1; padding: 20px 0; display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_user_integral .fade ul li:last-child { border: none; } .content .main_content .m .main_box .main_user_integral .fade ul li .price { font-size: 18px; font-family: sm; color: #111111; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon .icons { overflow: hidden; width: 56px; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon .icons img { display: block; width: 100%; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow { overflow: hidden; padding-left: 16px; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow p { font-size: 16px; font-family: sm; color: #060a15; margin-bottom: 6px; } .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow span { display: block; font-size: 14px; color: #a8a8a8; } .content .main_content .m .main_box .main_user_integral .head { overflow: hidden; position: relative; padding: 33px 0 0 0; } .content .main_content .m .main_box .main_user_integral .head .btn { overflow: hidden; width: 100px; height: 36px; border: 1px solid #e50012; border-radius: 3px; position: absolute; right: 0; top: 30px; transition: all .1s; } .content .main_content .m .main_box .main_user_integral .head .btn:hover { background: #e50012; } .content .main_content .m .main_box .main_user_integral .head .btn:hover a { color: #fff; } .content .main_content .m .main_box .main_user_integral .head .btn a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; color: #e50012; } .content .main_content .m .main_box .main_user_integral .head p { font-size: 14px; color: #666666; text-align: center; margin-bottom: 12px; } .content .main_content .m .main_box .main_user_integral .head .num { display: flex; align-items: center; justify-content: center; } .content .main_content .m .main_box .main_user_integral .head .num div { display: inline-flex; align-items: center; height: 40px; min-width: 40px; padding: 0 4px; font-size: 24px; color: #fff; font-family: sr1; font-weight: bold; justify-content: center; margin: 0 7px; background: #E50012; border-radius: 3px; } .content .main_content .m .main_box .main_user_integral .head .tab { display: flex; margin-top: 20px; align-items: center; justify-content: center; border-bottom: 1px solid #ECECEC; } .content .main_content .m .main_box .main_user_integral .head .tab div { overflow: hidden; cursor: pointer; font-size: 16px; color: #333333; position: relative; height: 40px; display: flex; transition: all .1s; align-items: center; padding: 0 50px; justify-content: center; } .content .main_content .m .main_box .main_user_integral .head .tab div.on { color: #e50012; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_integral .head .tab div.on::after { content: ''; width: 28px; height: 3px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .content .main_content .m .main_box .main_user_feedback { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; padding: 20px; min-height: 60vh; } .content .main_content .m .main_box .main_user_feedback .title { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_feedback ul { overflow: hidden; } .content .main_content .m .main_box .main_user_feedback ul li { overflow: hidden; padding: 30px 0; padding-bottom: 26px; border-bottom: 1px solid #EAEAEA; } .content .main_content .m .main_box .main_user_feedback ul li:last-child { border: none; } .content .main_content .m .main_box .main_user_feedback ul li .bottom { overflow: hidden; margin-top: 18px; } .content .main_content .m .main_box .main_user_feedback ul li .bottom p { font-size: 16px; color: #333333; margin-bottom: 10px; } .content .main_content .m .main_box .main_user_feedback ul li .bottom span { display: block; font-size: 16px; color: #999999; } .content .main_content .m .main_box .main_user_feedback ul li .top { overflow: hidden; display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_user_feedback ul li .top .remove { cursor: pointer; display: block; } .content .main_content .m .main_box .main_user_feedback ul li .top .info { overflow: hidden; display: flex; align-items: center; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .pic { overflow: hidden; width: 126px; height: 94px; display: flex; align-items: center; justify-content: center; border-radius: 6px; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow { overflow: hidden; padding-left: 16px; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow p { font-size: 16px; margin-bottom: 5px; color: #333333; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow span { display: block; font-size: 16px; margin-bottom: 10px; color: #666666; } .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow em { display: block; font-size: 14px; color: #999999; } .content .main_content .m .main_box .main_user_coupon { width: calc(100% - 282px - 30px); border-radius: 10px; min-height: 60vh; background: #fff; padding: 16px 30px 50px 30px; } .content .main_content .m .main_box .main_user_coupon .head { display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_user_coupon .head p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_coupon .fade { overflow: hidden; width: 100%; } .content .main_content .m .main_box .main_user_coupon .fade ul { width: 100%; margin-top: 13px; overflow: hidden; display: none; } .content .main_content .m .main_box .main_user_coupon .fade ul li { overflow: hidden; width: 690px; max-width: 100%; margin: 0 auto; border-radius: 6px; background: #FDF3F4; margin-top: 20px; padding: 0 30px; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis { background: #EEEEEE; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .bottom { border-top: 1px dashed #DDDDDD; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .bottom .btn { cursor: pointer; background: #B4B4B4; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fl div span { color: #999999; border: 1px solid #999999; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr p { color: #333333; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr p span { color: #333333; } .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr em { color: #333333; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom { overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border-top: 1px dashed #FBC9CD; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn { overflow: hidden; width: 100px; height: 32px; background: #E50012; transition: all .1s; border-radius: 3px; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn:hover { opacity: 0.8; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 15px; color: #fff; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl { overflow: hidden; display: flex; align-items: center; flex: 1; padding-right: 40px; justify-content: space-between; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div { overflow: hidden; width: 86%; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p { font-size: 14px; line-height: 1.5; color: #999999; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl img { display: block; cursor: pointer; transition: all .2s; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl img.on { transform: rotate(180deg); } .content .main_content .m .main_box .main_user_coupon .fade ul li .top { overflow: hidden; padding: 25px 0; display: flex; position: relative; align-items: center; justify-content: space-between; cursor: pointer; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top.on::before { opacity: 1; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top::before { content: ''; width: 14px; height: 8px; background-image: url(/assets/img/web/tops_03.png); background-size: 100% 100%; position: absolute; right: 143px; top: 50%; opacity: 0; transition: all .15s; transform: translateY(-50%) rotate(180deg); } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr { overflow: hidden; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr p { font-size: 20px; color: #eb3633; text-align: center; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr p span { font-family: sm; font-size: 24px; color: #eb3633; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr em { display: block; text-align: center; font-size: 16px; color: #eb3633; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl { overflow: hidden; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em { display: block; font-size: 15px; margin-top: 12px; color: #666666; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div span { height: 24px; padding: 0 9px; display: flex; align-items: center; justify-content: center; background: #fff; line-height: 1; font-size: 14px; color: #e50012; border: 1px solid #e50012; border-radius: 3px; margin-right: 8px; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p { font-size: 16px; color: #333333; font-family: sm; } .content .main_content .m .main_box .main_user_coupon .tabbar { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ECECEC; } .content .main_content .m .main_box .main_user_coupon .tabbar div { overflow: hidden; cursor: pointer; font-size: 16px; color: #333333; position: relative; height: 50px; display: flex; transition: all .1s; align-items: center; padding: 0 25px; justify-content: center; } .content .main_content .m .main_box .main_user_coupon .tabbar div.on { color: #e50012; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_coupon .tabbar div.on::after { content: ''; width: 28px; height: 3px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .content .main_content .m .main_box .main_user_collect { width: calc(100% - 282px - 30px); border-radius: 10px; min-height: 60vh; } .content .main_content .m .main_box .main_user_collect .head { display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_user_collect .head p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_collect ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 10px; } .content .main_content .m .main_box .main_user_collect ul li { width: 48.98989898989899%; background: #fff; border-radius: 10px; padding: 0 20px; margin-top: 20px; } .content .main_content .m .main_box .main_user_collect ul li .bottom { display: flex; align-items: center; justify-content: space-between; height: 85px; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn { overflow: hidden; width: 224px; height: 36px; border: 1px solid #E50012; cursor: pointer; display: flex; border-radius: 8px; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all .1s; color: #E50012; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div.on { background: #E50012; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div.on:hover { opacity: 0.6; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; } .content .main_content .m .main_box .main_user_collect ul li .bottom .join { display: flex; align-items: center; height: 100%; cursor: pointer; } .content .main_content .m .main_box .main_user_collect ul li .bottom .join.on div { background-image: url(/assets/img/web/check1.jpg); } .content .main_content .m .main_box .main_user_collect ul li .bottom .join div { background-image: url(/assets/img/web/check.jpg); width: 16px; height: 16px; background-size: 100% 100%; margin-right: 6px; } .content .main_content .m .main_box .main_user_collect ul li .bottom .join img { margin-right: 6px; } .content .main_content .m .main_box .main_user_collect ul li .bottom .join span { font-size: 16px; font-family: sm; color: #333333; } .content .main_content .m .main_box .main_user_collect ul li .label { overflow: hidden; border-bottom: 1px solid #F1F1F1; } .content .main_content .m .main_box .main_user_collect ul li .label a { display: flex; justify-content: space-between; box-sizing: border-box; padding: 20px 0; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow { flex: 1; padding-left: 20px; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow > p { font-size: 18px; color: #333333; text-transform: uppercase; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow span { display: flex; align-items: center; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow span em { color: #333333; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price { align-items: flex-end; margin-top: 16px; display: flex; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price img { margin-right: 6px; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price p { font-size: 20px; font-family: sr1; font-weight: bold; line-height: 1; color: #e50012; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price del { font-size: 14px; font-family: sm; line-height: 1; margin-left: 8px; color: #999999; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic { overflow: hidden; width: 200px; height: 148px; display: flex; align-items: center; justify-content: center; border-radius: 6px; position: relative; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic .name { width: 100%; height: 28px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; padding: 0 10px; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic .name span { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic .new { display: flex; align-items: center; padding: 0 3px; min-width: 38px; height: 18px; font-size: 12px; text-transform: uppercase; background: #F0952C; border-radius: 3px 0 3px 0; position: absolute; left: 0; top: 0; justify-content: center; color: #fff; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic .new.tj { background: #7B328E; } .content .main_content .m .main_box .main_user_set { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; padding: 28px 40px 46px 40px; min-height: 60vh; } .content .main_content .m .main_box .main_user_set .title { font-size: 18px; color: #333333; } .content .main_content .m .main_box .main_user_set .box { overflow: hidden; margin-top: 66px; } .content .main_content .m .main_box .main_user_set .box .label { width: 100%; width: 350px; transform: translateX(36px); margin: 0 auto; display: flex; margin-bottom: 20px; } .content .main_content .m .main_box .main_user_set .box .label p { font-size: 16px; width: 95px; color: #999999; text-align: right; } .content .main_content .m .main_box .main_user_set .box .label .grow { flex: 1; display: flex; align-items: center; } .content .main_content .m .main_box .main_user_set .box .label .grow span { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_set .box .label .grow img { cursor: pointer; margin-left: 12px; } .content .main_content .m .main_box .main_user_set .box .label .grow em { font-size: 16px; color: #e50012; cursor: pointer; } .content .main_content .m .main_box .main_user_set .box .user { width: 100px; height: 100px; border-radius: 50%; position: relative; margin: 0 auto; margin-bottom: 40px; border: 1px solid #E71122; } .content .main_content .m .main_box .main_user_set .box .user div { width: 90px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 40px; font-size: 14px; cursor: pointer; color: #fff; background: #F0952C; position: absolute; left: 50%; transform: translateX(-50%); bottom: -18px; } .content .main_content .m .main_box .main_user_set .box .user img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; } .content .main_content .m .main_box .main_user_address { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; padding: 0 20px 20px 20px; min-height: 60vh; } .content .main_content .m .main_box .main_user_address ul { display: flex; flex-wrap: wrap; } .content .main_content .m .main_box .main_user_address ul li { overflow: hidden; width: 32%; border-radius: 6px; border: 1px solid #ECECEC; padding: 0 18px; margin-bottom: 20px; margin-right: 2%; } .content .main_content .m .main_box .main_user_address ul li:nth-child(3n) { margin-right: 0; } .content .main_content .m .main_box .main_user_address ul li p { font-size: 18px; color: #333333; padding: 12px 0; border-bottom: 1px solid #ECECEC; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_address ul li .child { overflow: hidden; padding: 12px 0 16px 0; } .content .main_content .m .main_box .main_user_address ul li .child .b { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; } .content .main_content .m .main_box .main_user_address ul li .child .b em { font-size: 14px; color: #e50012; cursor: pointer; } .content .main_content .m .main_box .main_user_address ul li .child .b img { cursor: pointer; } .content .main_content .m .main_box .main_user_address ul li .child span { display: block; font-size: 14px; color: #999999; line-height: 24px; font-family: "微软雅黑"; } .content .main_content .m .main_box .main_user_address .head { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .content .main_content .m .main_box .main_user_address .head p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_address .head .btn { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_address .head .btn div { overflow: hidden; height: 36px; border-radius: 3px; margin-left: 20px; border: 1px solid #e50012; display: inline-flex; align-items: center; cursor: pointer; padding: 0 15px; } .content .main_content .m .main_box .main_user_address .head .btn div span { font-size: 16px; color: #e50012; line-height: 1; display: inline-block; } .content .main_content .m .main_box .main_user_address .head .btn div img { display: inline-block; margin-right: 7px; } .content .main_content .m .main_box .main_about_recruit { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; padding: 30px 30px 60px 30px; margin-top: -80px; } .content .main_content .m .main_box .main_about_recruit .bann { overflow: hidden; position: relative; border-radius: 4px; } .content .main_content .m .main_box .main_about_recruit .bann p img{ display: block; width: auto; margin: 0 auto; max-width: 90%; } .content .main_content .m .main_box .main_about_recruit .bann p { width: 100%; position: absolute; left: 0; text-align: center; top: 50%; transform: translateY(-50%); font-size: 40px; font-family: sr1; font-weight: bold; color: #fff; } .content .main_content .m .main_box .main_about_recruit .bann > img { display: block; width: 100%; } .content .main_content .m .main_box .main_about_recruit ul { display: flex; flex-wrap: wrap; margin-top: 20px; } .content .main_content .m .main_box .main_about_recruit ul li { overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); width: 31.5%; background: #fff; border-radius: 6px; transition: all .1s; margin-top: 20px; margin-right: 2.7%; height: 120px; } .content .main_content .m .main_box .main_about_recruit ul li:nth-child(3n) { margin-right: 0; } .content .main_content .m .main_box .main_about_recruit ul li.on { background: #E50012; } .content .main_content .m .main_box .main_about_recruit ul li.on a img.i1 { display: none; } .content .main_content .m .main_box .main_about_recruit ul li.on a img.i2 { display: block; } .content .main_content .m .main_box .main_about_recruit ul li.on a span { color: #fff; } .content .main_content .m .main_box .main_about_recruit ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .content .main_content .m .main_box .main_about_recruit ul li a img { display: none; } .content .main_content .m .main_box .main_about_recruit ul li a img.i1 { display: block; } .content .main_content .m .main_box .main_about_recruit ul li a span { font-size: 18px; font-family: sm; color: #333333; margin-left: 18px; } .content .main_content .m .main_box .main_about_team { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; padding: 30px 30px 50px 30px; margin-top: -80px; } .content .main_content .m .main_box .main_about_team ul { width: 100%; } .content .main_content .m .main_box .main_about_team ul li { overflow: hidden; width: 100%; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); padding: 30px; display: flex; align-items: flex-start; justify-content: space-between; } .content .main_content .m .main_box .main_about_team ul li .pic { overflow: hidden; width: 190px; height: 240px; border-radius: 3px; } .content .main_content .m .main_box .main_about_team ul li .pic img { display: block; width: 100%; height: 100%; object-fit: cover; } .content .main_content .m .main_box .main_about_team ul li .grow { flex: 1; padding-left: 30px; } .content .main_content .m .main_box .main_about_team ul li .grow .desc { overflow: hidden; width: 100%; margin-top: 5px; } .content .main_content .m .main_box .main_about_team ul li .grow .desc p { display: block; font-size: 16px; color: #666666; padding-left: 13px; position: relative; line-height: 22px; margin-top: 10px; box-sizing: border-box; } .content .main_content .m .main_box .main_about_team ul li .grow .desc p::after { content: ''; width: 4px; height: 4px; background: #E50012; position: absolute; left: 0; top: 8px; } .content .main_content .m .main_box .main_about_team ul li .grow .name { display: flex; align-items: center; padding-bottom: 18px; border-bottom: 1px solid #EEEEEE; } .content .main_content .m .main_box .main_about_team ul li .grow .name p { font-size: 20px; font-family: sm; color: #333333; } .content .main_content .m .main_box .main_about_team ul li .grow .name span { display: flex; align-items: center; line-height: 1; padding: 3px 15px; font-size: 16px; color: #e50012; border-radius: 3px; border: 1px solid #e50012; margin-left: 14px; } .content .main_content .m .main_box .main_about_honor { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; margin-top: -80px; padding: 30px 30px 40px 30px; } .content .main_content .m .main_box .main_about_honor .page_list a { background: #F4F4F4; } .content .main_content .m .main_box .main_about_honor .page_list a.on { background: #E50012; } .content .main_content .m .main_box .main_about_honor .page_list div a:hover { background: #E50012; color: #fff; } .content .main_content .m .main_box .main_about_honor ul { width: 100%; display: flex; margin-bottom: 14px; flex-wrap: wrap; } .content .main_content .m .main_box .main_about_honor ul li { overflow: hidden; width: 31.5%; margin-right: 2.5%; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin-bottom: 20px; padding: 12px; } .content .main_content .m .main_box .main_about_honor ul li:nth-child(3n) { margin-right: 0; } .content .main_content .m .main_box .main_about_honor ul li img { display: block; max-width: 100%; max-height: 192px; } .content .main_content .m .main_box .main_about_honor ul li span { display: block; line-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333333; text-align: center; } .content .main_content .m .main_box .main_about_introduce { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; margin-top: -80px; padding: 0 30px; } .content .main_content .m .main_box .main_about_introduce .title { display: flex; align-items: center; } .content .main_content .m .main_box .main_about_introduce .title span { font-size: 18px; font-family: sr1; font-weight: bold; color: #333333; margin-left: 8px; } .content .main_content .m .main_box .main_about_introduce .culture { width: 100%; padding: 26px 0 0 0; } .content .main_content .m .main_box .main_about_introduce .culture .box { overflow: hidden; width: 100%; display: flex; justify-content: space-between; margin-top: 16px; padding-bottom: 45px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul { overflow: hidden; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right { width: calc(100% - 310px - 20px); } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li { width: 100%; display: flex; align-items: flex-start; padding: 30px 0 0 35px; height: 150px; background-image: url(/assets/img/web/about_jsbg_09.jpg); margin-bottom: 20px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li div { margin-left: 15px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:nth-child(2) { background-image: url(/assets/img/web/about_jsbg_12.png); } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:nth-child(3) { background-image: url(/assets/img/web/about_jsbg_16.png); } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:last-child { margin-bottom: 0; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left { width: 310px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li { width: 100%; padding: 30px 0 0 30px; height: 235px; margin-bottom: 20px; background-image: url(/assets/img/web/about_jsbg_07.png); } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:last-child { margin-bottom: 0; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:nth-child(2) { background-image: url(/assets/img/web/about_jsbg_14.png); } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li img { margin-bottom: 16px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li { overflow: hidden; width: 100%; background-size: cover; position: relative; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li img { display: block; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li span { display: block; font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li p { font-size: 18px; color: #e50012; font-family: sr1; font-weight: bold; margin-bottom: 26px; position: relative; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li p::after { content: ''; width: 30px; height: 2px; background: #e50012; position: absolute; left: 0; bottom: -12px; } .content .main_content .m .main_box .main_about_introduce .info { padding: 24px 0 0 0; } .content .main_content .m .main_box .main_about_introduce .info > p { font-size: 14px; color: #333333; line-height: 30px; margin-top: 12px; } .content .main_content .m .main_box .main_about_introduce .info .box { margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; } .content .main_content .m .main_box .main_about_introduce .info .box .video { overflow: hidden; width: 46.27659574468085%; position: relative; border-radius: 5px; } .content .main_content .m .main_box .main_about_introduce .info .box .video::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; } .content .main_content .m .main_box .main_about_introduce .info .box .video .play { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; } .content .main_content .m .main_box .main_about_introduce .info .box .video .p { width: 100%; display: block; } .content .main_content .m .main_box .main_about_introduce .info .box .yw { width: 50.53191489361702%; position: relative; } .content .main_content .m .main_box .main_about_introduce .info .box .yw div { width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: auto; font-size: 20px; color: #fff; font-family: sr1; font-weight: bold; position: absolute; left: 50%; line-height: 1.2; top: 50%; z-index: 9; background: #E50012; transform: translate(-50%, -50%); } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li { overflow: hidden; width: 48%; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.03); border-radius: 6px; height: 130px; margin-bottom: 18px; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 20px; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li span { display: block; font-size: 14px; color: #333333; line-height: 24px; position: relative; z-index: 9; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li p { font-size: 60px; color: #f4f4f4; position: absolute; left: 16px; top: 15px; line-height: 1; opacity: 0.6; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li:nth-last-child(1) { margin-bottom: 0; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li:nth-last-child(2) { margin-bottom: 0; } .content .main_content .m .main_box .main_about_history { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; padding: 55px 75px; margin-top: -80px; } .content .main_content .m .main_box .main_about_history .box { width: 100%; height: 520px; position: relative; border-radius: 10px; background-image: url(/assets/img/web/about_his_03.jpg); background-size: cover; } .content .main_content .m .main_box .main_about_history .box .btn { width: 25px; height: 46px; z-index: 99; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); background-size: 100% 100%; } .content .main_content .m .main_box .main_about_history .box .btn.prev { background-image: url(/assets/img/web/hisbtn_03.png); left: 30px; } .content .main_content .m .main_box .main_about_history .box .btn.next { background-image: url(/assets/img/web/hisbtn_05.png); right: 30px; } .content .main_content .m .main_box .main_about_history .box .mySwiper { width: 100%; height: 100%; overflow: hidden; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide { width: 100%; height: 100%; overflow: hidden; padding-bottom: 50px; position: relative; display: flex; align-items: center; justify-content: center; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label { width: 100%; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label ul{ padding: 0 23%; display: inline-block; box-sizing: border-box; width: 100%; display: block; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label li p{ } .titles{ width: 245px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 9999; top: -16px; } .titles img{ width: 100%; display: block; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label > span { display: block; font-size: 72px; color: #fff; width: 100%; text-align: center; line-height: 1; position: absolute; left: 0; font-weight: bold; top: 88px; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label p { font-size: 24px; font-family: sm; line-height: 38px; width: 628px; letter-spacing: 2px; margin: 0 auto; max-width: 90%; position: relative; z-index: 9; color: #fff; text-align: center; } .content .main_content .m .main_box .main_about_history .box .slide { width: 100%; position: absolute; left: 0; padding: 0 20px; bottom: 35px; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 { width: 100%; position: relative; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 8px; background: rgba(255, 255, 255, 0.5); } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide { width: 14.28571428571429%; position: relative; cursor: pointer; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab .dot { width: 26px; height: 26px; /*background-image: url(/assets/img/web/abd_03.png);*/ } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab{ transform: translateY(-3px); } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span { opacity: 1; font-size: 18px; font-family: sr1; bottom: -3px; font-weight: bold; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab { width: 100%; height: 50px; position: relative; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab .dot { width: 18px; height: 18px; margin: 0 auto; position: relative; background-image: url(/assets/img/web/dots_03.png); border-radius: 50%; background-size: 100% 100%; /*border: 1px solid rgba(255, 255, 255, 0);*/ margin-bottom: 8px; display: flex; align-items: center; justify-content: center; } /*.content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab .dot::after {*/ /* content: '';*/ /* width: 7px;*/ /* height: 7px;*/ /* background: #fff;*/ /* border-radius: 50%; }*/ .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span { display: block; text-align: center; width: 100%; font-size: 16px; line-height: 20px; color: #fff; opacity: 0.7; position: absolute; left: 0; bottom: 0; } .content .main_content .m .main_box .main_about_history .box .title { display: block; text-align: center; width: 100%; font-size: 22px; position: absolute; left: 0; top: 34px; color: #fff; } .content .main_content .m .main_box .main_newsbox { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; min-height: 60vh; padding-bottom: 40px; margin-top: -80px; } .content .main_content .m .main_box .main_newsbox .page_list a { background: #F4F4F4; } .content .main_content .m .main_box .main_newsbox .page_list a.on { background: #E50012; } .content .main_content .m .main_box .main_newsbox .page_list div a:hover { background: #E50012; color: #fff; } .content .main_content .m .main_box .main_newsbox ul { overflow: hidden; margin-bottom: 40px; padding: 0 30px; } .content .main_content .m .main_box .main_newsbox ul li { overflow: hidden; border-bottom: 1px dashed #F1F1F1; } .content .main_content .m .main_box .main_newsbox ul li:hover a .font p { color: #e50012; } .content .main_content .m .main_box .main_newsbox ul li:hover a .date p { color: #e50012; } .content .main_content .m .main_box .main_newsbox ul li:hover a .date span { color: #e50012; border: 1px solid #e50012; } .content .main_content .m .main_box .main_newsbox ul li a { display: flex; align-items: flex-start; justify-content: space-between; padding: 30px 0; box-sizing: border-box; } .content .main_content .m .main_box .main_newsbox ul li a .pic { overflow: hidden; width: 238px; height: 138px; display: flex; align-items: center; justify-content: center; border-radius: 6px; } .content .main_content .m .main_box .main_newsbox ul li a .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_content .m .main_box .main_newsbox ul li a .font { overflow: hidden; width: calc(100% - 120px - 238px); padding-right: 8%; padding-top: 8px; } .content .main_content .m .main_box .main_newsbox ul li a .font p { color: #333333; font-size: 18px; transition: all .1s; font-family: sm; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .main_content .m .main_box .main_newsbox ul li a .font span { display: block; font-size: 14px; color: #666666; line-height: 22px; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .content .main_content .m .main_box .main_newsbox ul li a .font img { display: block; } .content .main_content .m .main_box .main_newsbox ul li a .date { overflow: hidden; width: 120px; padding-top: 14px; } .content .main_content .m .main_box .main_newsbox ul li a .date p { font-size: 18px; font-family: sm; line-height: 1; margin-bottom: 8px; transition: all .1s; color: #999999; } .content .main_content .m .main_box .main_newsbox ul li a .date span { display: inline-flex; align-items: center; height: 22px; font-size: 14px; transition: all .1s; color: #aeaeae; padding: 0 5px; border: 1px solid #ECECEC; border-radius: 3px; } .content .main_content .m .main_box .main_about_contact { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; min-height: 60vh; padding: 40px 0; padding-top: 0; margin-top: -80px; } .content .main_content .m .main_box .main_about_contact .contact_box { width: calc(100% - 40px); margin: 0 auto; background-image: url(/assets/img/web/about_contactbg_06.jpg); background-size: cover; background-position: center center; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 40px 0 34px 0; } .content .main_content .m .main_box .main_about_contact .contact_box p { font-size: 18px; color: #333333; text-align: center; margin-bottom: 14px; } .content .main_content .m .main_box .main_about_contact .contact_box em { display: block; text-align: center; font-size: 18px; color: #333333; margin-bottom: 25px; } .content .main_content .m .main_box .main_about_contact .contact_box ul { overflow: hidden; display: flex; justify-content: space-around; } .content .main_content .m .main_box .main_about_contact .contact_box ul li { overflow: hidden; max-width: 18%; } .content .main_content .m .main_box .main_about_contact .contact_box ul li img { display: block; margin: 0 auto; max-width: 100%; margin-bottom: 10px; } .content .main_content .m .main_box .main_about_contact .contact_box ul li span { display: block; text-align: center; font-size: 14px; color: #333; } .content .main_content .m .main_box .main_about_contact .contact_box .tel { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } .content .main_content .m .main_box .main_about_contact .contact_box .tel span { font-size: 24px; margin-left: 8px; color: #e50012; line-height: 1; display: inline-block; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_about_contact .map { width: 100%; background-image: url(/assets/img/web/about_contactbg_03.jpg); background-size: 100%; background-repeat: no-repeat; height: 495px; padding-top: 40px; display: flex; padding-right: 20px; justify-content: flex-end; align-items: flex-start; } .content .main_content .m .main_box .main_about_contact .map ul { display: flex; align-items: center; width: 540px; flex-wrap: wrap; justify-content: space-between; } .content .main_content .m .main_box .main_about_contact .map ul li { overflow: hidden; width: 260px; height: 160px; transition: all .1s; border-radius: 12px; background-image: url(/assets/img/web/about_contact_03.png); background: #fff; box-shadow: 0 0 14px rgba(0,0,0,.1); background-size: cover; margin-bottom: 20px; padding: 28px 10px 0 20px; } .content .main_content .m .main_box .main_about_contact .map ul li .t { display: flex; align-items: center; justify-content: space-between; } .content .main_content .m .main_box .main_about_contact .map ul li .t p { font-size: 18px; color: #333333; line-height: 1; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_about_contact .map ul li .t span { font-size: 16px; color: #d6d6d6; } .content .main_content .m .main_box .main_about_contact .map ul li .icon { display: flex; align-items: flex-start; margin-top: 26px; } .content .main_content .m .main_box .main_about_contact .map ul li .icon img { display: block; transform: translateY(3px); } .content .main_content .m .main_box .main_about_contact .map ul li .icon .c1{ display: none; } .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon .c{ display: none; } .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon .c1{ display: block; } .content .main_content .m .main_box .main_about_contact .map ul li:hover { background: #e50012; } .content .main_content .m .main_box .main_about_contact .map ul li:hover .t p{ color: #fff; } .content .main_content .m .main_box .main_about_contact .map ul li:hover .t span{ color: #fff; } .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon span{ color: #fff; } .content .main_content .m .main_box .main_about_contact .map ul li .icon span { display: block; font-size: 14px; color: #333333; padding-left: 10px; box-sizing: border-box; flex: 1; line-height: 24px; } .content .main_content .m .main_box .main_about_partners { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; overflow: hidden; min-height: 60vh; padding: 48px 0 0 0; margin-top: -80px; text-align: center; } .content .main_content .m .main_box .main_about_partners .box { overflow: hidden; width: 100%; } .content .main_content .m .main_box .main_about_partners .box img { display: block; width: 100%; } .content .main_content .m .main_box .main_about_partners .title { text-align: center; display: inline-block; position: relative; } .content .main_content .m .main_box .main_about_partners .title img{ display: block; margin: 0 auto; max-width: 100%; } .content .main_content .m .main_box .main_about_partners .title span { display: inline-block; line-height: 1; font-size: 20px; color: #333333; position: relative; z-index: 9; font-family: sr1; font-weight: bold; } /*.content .main_content .m .main_box .main_about_partners .title::after {*/ /* content: '';*/ /* width: 100%;*/ /* height: 4px;*/ /* background: #E50012;*/ /* position: absolute;*/ /* left: 0;*/ /* bottom: 0; }*/ .content .main_content .m .main_box .main_user_order { width: calc(100% - 282px - 30px); background: #fff; border-radius: 10px; padding: 0 20px 46px 20px; } .content .main_content .m .main_box .main_user_order .page_list a { background: #F4F4F4; } .content .main_content .m .main_box .main_user_order .page_list a.on { background: #E50012; } .content .main_content .m .main_box .main_user_order .page_list div a:hover { background: #E50012; color: #fff; } .content .main_content .m .main_box .main_user_order .orderlist { width: 100%; overflow: hidden; margin-bottom: 30px; } .content .main_content .m .main_box .main_user_order .orderlist .items { display: none; } .content .main_content .m .main_box .main_user_order .orderlist .nullshop { width: 100%; padding: 100px 0; } .content .main_content .m .main_box .main_user_order .orderlist .nullshop img { width: 110px; display: block; margin: 0 auto; margin-bottom: 20px; } .content .main_content .m .main_box .main_user_order .orderlist .nullshop span { display: block; text-align: center; font-size: 14px; color: #666; } .product_table { width: 100%; overflow: hidden; border-radius: 10px; } .product_table tr:nth-child(even) td { background: #fff; } .product_table tr th { height: 56px; font-size: 16px; color: #fff; text-align: left; padding-left: 25px; background: #E50012; } .product_table tr th:first-child { border-radius: 0 0 0 10px; } .ords{ width: 100%; } .product_table tr th:last-child { border-radius: 0 0 10px 0; } .product_table tr td { height: 80px; font-size: 16px; color: #333333; text-align: left; padding-left: 25px; background: #f7f7f7; } .product_table tr td.price { color: #e50012; font-weight: bold; } .content .main_content .m .main_box .main_user_order .orderlist .label { width: 100%; margin-top: 20px; border: 1px solid #F1F1F1; border-radius: 10px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul { position: relative; overflow: hidden; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li { overflow: hidden; display: flex; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn { overflow: hidden; width: calc(100% - 16.70190274841438% - 16.70190274841438% - 45%); display: flex; align-items: center; justify-content: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns { overflow: hidden; text-align: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div { overflow: hidden; height: 32px; width: 100px; border-radius: 4px; display: flex; line-height: 1; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; color: #666666; transition: all .1s; margin: 0 auto; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div.on { background: #e50012; color: #fff; padding: 0 15px; display: inline-flex; width: auto; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div:hover { opacity: 0.8; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord { width: 16.70190274841438%; overflow: hidden; display: flex; align-items: center; justify-content: center; border-right: 1px solid #F1F1F1; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord p { font-size: 16px; color: #e50012; text-align: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord p a { font-size: 16px; color: #e50012; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord span { display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b { display: flex; align-items: center; /*flex-wrap: wrap;*/ justify-content: center; margin-top: 4px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b em { font-size: 14px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: calc(100% - 45px); color: #999999; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b div { height: 20px; cursor: pointer; display: flex; align-items: center; line-height: 1; padding: 0 5px; border: 1px solid #e50012; color: #e50012; margin-left: 5px; font-size: 10px; border-radius: 3px; background: #fff; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices { width: 16.70190274841438%; overflow: hidden; display: flex; align-items: center; border-right: 1px solid #F1F1F1; justify-content: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices p { font-size: 18px; color: #333333; text-align: center; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices span { display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info { overflow: hidden; width: 45%; padding: 22px 0; padding-left: 20px; border-right: 1px solid #F1F1F1; display: flex; justify-content: space-between; padding-right: 3%; align-items: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price { overflow: hidden; display: flex; align-items: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price p { font-size: 18px; color: #333333; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price span { font-size: 14px; color: #999999; margin-left: 10px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic { width: 86px; height: 64px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 6px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow { overflow: hidden; margin-left: 16px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow span { display: block; font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_user_order .orderlist .label .head { overflow: hidden; display: flex; align-items: center; height: 50px; background: #F1F1F1; justify-content: space-between; padding: 0 20px; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr .status { display: inline-flex; align-items: center; height: 24px; font-size: 14px; color: #e50012;line-height: 1; padding: 0 9px; border: 1px solid #e50012; border-radius: 4px; background: #fff; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr .status.qx { border: 1px solid #999999; color: #999999; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr span { font-size: 14px; color: #333333; margin-right: 16px; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl { display: flex; align-items: center; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl p { font-size: 16px; color: #333333; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time { display: flex; align-items: center; margin-left: 25px; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time img { display: block; } .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time span { font-size: 14px; color: #999999; margin-left: 6px; } .content .main_content .m .main_box .main_user_order .tabbar { width: 100%; height: 76px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #F3F3F3; } .content .main_content .m .main_box .main_user_order .tabbar div { overflow: hidden; height: 100%; display: flex; align-items: center; font-size: 16px; flex: 1; justify-content: center; color: #333333; cursor: pointer; position: relative; } .content .main_content .m .main_box .main_user_order .tabbar div a{ color: #333; } .content .main_content .m .main_box .main_user_order .tabbar div.on a { color: #e50012; } .content .main_content .m .main_box .main_user_order .tabbar div.on { color: #e50012; font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_product_list { width: calc(100% - 282px - 30px); } .content .main_content .m .main_box .main_product_list.on { width: 100%; } .content .main_content .m .main_box .main_product_list.on .list { width: 100%; justify-content: flex-start; } .content .main_content .m .main_box .main_product_list.on .list li { width: 32%; margin-right: 2%; } .content .main_content .m .main_box .main_product_list.on .list li:nth-child(3n) { margin-right: 0; } .content .main_content .m .main_box .main_product_list .list { width: 100%; padding-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 10px; } .content .main_content .m .main_box .main_product_list .list li { width: 48.98989898989899%; background: #fff; margin-bottom: 20px; border-radius: 10px; padding: 0 20px; } .content .main_content .m .main_box .main_product_list .list li .bottom { display: flex; align-items: center; justify-content: space-between; height: 85px; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn { overflow: hidden; width: 224px; height: 36px; border: 1px solid #E50012; cursor: pointer; display: flex; border-radius: 8px; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all .1s; color: #E50012; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div.on { background: #E50012; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div.on:hover { opacity: 0.6; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; } .content .main_content .m .main_box .main_product_list .list li .bottom .join { display: flex; align-items: center; height: 100%; cursor: pointer; } .content .main_content .m .main_box .main_product_list .list li .bottom .join.on div { background-image: url(/assets/img/web/check1_03.png); } .content .main_content .m .main_box .main_product_list .list li .bottom .join div { background-image: url(/assets/img/web/check.jpg); width: 16px; height: 16px; background-size: 100% 100%; margin-right: 6px; } .content .main_content .m .main_box .main_product_list .list li .bottom .join span { font-size: 16px; font-family: sm; color: #333333; } .content .main_content .m .main_box .main_product_list .list li .label { overflow: hidden; border-bottom: 1px solid #F1F1F1; } .content .main_content .m .main_box .main_product_list .list li .label a { display: flex; justify-content: space-between; box-sizing: border-box; padding: 20px 0; } .content .main_content .m .main_box .main_product_list .list li .label a .grow { flex: 1; padding-left: 20px; } .content .main_content .m .main_box .main_product_list .list li .label a .grow h2 > p { font-size: 18px; color: #333333; /*text-transform: uppercase;*/ font-family: sr1; font-weight: bold; } .content .main_content .m .main_box .main_product_list .list li .label a .grow span { display: flex; /*align-items: center;*/ font-size: 14px; color: #999999; margin-top: 6px; } .content .main_content .m .main_box .main_product_list .list li .label a .grow span em { color: #333333; } .content .main_content .m .main_box .main_product_list .list li .label a .grow .price { align-items: flex-end; margin-top: 16px; display: flex; } .content .main_content .m .main_box .main_product_list .list li .label a .grow .price img { margin-right: 6px; } .content .main_content .m .main_box .main_product_list .list li .label a .grow .price p { font-size: 20px; font-family: sr1; font-weight: bold; line-height: 1; color: #e50012; } .content .main_content .m .main_box .main_product_list .list li .label a .grow .price del { font-size: 14px; font-family: sm; line-height: 1; margin-left: 8px; color: #999999; } .content .main_content .m .main_box .main_product_list .list li .label a .pic { overflow: hidden; width: 200px; height: 148px; display: flex; align-items: center; justify-content: center; border-radius: 6px; position: relative; } .content .main_content .m .main_box .main_product_list .list li .label a .pic img { display: block; max-width: 100%; max-height: 100%; } .content .main_content .m .main_box .main_product_list .list li .label a .pic .name { width: 100%; height: 28px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; padding: 0 10px; } .content .main_content .m .main_box .main_product_list .list li .label a .pic .name span { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .main_content .m .main_box .main_product_list .list li .label a .pic .new { display: flex; align-items: center; padding: 0 3px; min-width: 38px; height: 18px; font-size: 12px; text-transform: uppercase; background: #F0952C; border-radius: 3px 0 3px 0; position: absolute; left: 0; top: 0; justify-content: center; color: #fff; } .content .main_content .m .main_box .main_left { overflow: hidden; width: 282px; } .content .main_content .m .main_box .main_left .main_screen { width: 100%; background: #fff; border-radius: 10px; margin-top: 20px; padding: 0 20px 25px 20px; } .content .main_content .m .main_box .main_left .main_screen ul { width: 100%; margin-top: 4px; } .content .main_content .m .main_box .main_left .main_screen ul li { overflow: hidden; width: 100%; margin-top: 16px; } .content .main_content .m .main_box .main_left .main_screen ul li.on .slide { display: block; } .content .main_content .m .main_box .main_left .main_screen ul li .slide { overflow: hidden; padding-bottom: 3px; display: none; } .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab { overflow: hidden; margin-top: 17px; display: flex; align-items: center; cursor: pointer; } .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab.on div { background-image: url(/assets/img/web/rid1.jpg); } .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab.on span { color: #e50012; } .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab div { width: 12px; height: 12px; background-image: url(/assets/img/web/rid.jpg); background-size: 100% 100%; margin-right: 5px; } .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab span { display: block; font-size: 14px; color: #333333; flex: 1; } .content .main_content .m .main_box .main_left .main_screen ul li .line { width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; border-radius: 6px; background: #ececec; cursor: pointer; padding: 0 12px; } .content .main_content .m .main_box .main_left .main_screen ul li .line.on img { transform: rotate(180deg); } .content .main_content .m .main_box .main_left .main_screen ul li .line span { font-size: 14px; color: #666666; } .content .main_content .m .main_box .main_left .main_screen ul li .line img { transition: all .2s; } .content .main_content .m .main_box .main_left .main_screen .head { display: flex; align-items: center; justify-content: space-between; height: 65px; border-bottom: 1px solid #F1F1F1; } .content .main_content .m .main_box .main_left .main_screen .head p { font-size: 16px; font-family: sm; color: #e50012; } .content .main_content .m .main_box .main_left .main_screen .head div { overflow: hidden; display: flex; align-items: center; justify-content: center; width: 70px; height: 24px; font-size: 12px; transition: all .06s; color: #e50012; border: 1px solid #e50012; cursor: pointer; border-radius: 6px; } .content .main_content .m .main_box .main_left .main_screen .head div:hover { background: #e50012; color: #fff; } .content .main_content .m .main_box .main_left .navbar_link { width: 100%; background: #fff; border-radius: 0 0 10px 10px; padding: 4px 20px 30px 20px; } .content .main_content .m .main_box .main_left .navbar_link.on { background: #F9F9F9; } .content .main_content .m .main_box .main_left .navbar_link ul { width: 100%; } .content .main_content .m .main_box .main_left .navbar_link ul .nav_child { overflow: hidden; width: 100%; display: none; padding: 10px 13px; } .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a { display: block; font-size: 14px; color: #333333; position: relative; padding: 7px 0; box-sizing: border-box; padding-left: 11px; } .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a:hover { color: #e50012; } .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a.on { color: #e50012; } .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a::after { content: ''; width: 5px; height: 5px; background: #e50012; position: absolute; left: 0; top: 14px; } .content .main_content .m .main_box .main_left .navbar_link ul li { overflow: hidden; width: 100%; transition: all .1s; height: 48px; border-radius: 6px; cursor: pointer; position: relative; background: #ECECEC; margin-top: 14px; } .content .main_content .m .main_box .main_left .navbar_link ul li.slds.ons::after { transform: rotate(180deg); } .content .main_content .m .main_box .main_left .navbar_link ul li.slds::after { content: ''; width: 8px; height: 5px; position: absolute; transition: all .1s; right: 12px; background-image: url(/assets/img/web/dds_03.png); top: 50%; margin-top: -3px; } .content .main_content .m .main_box .main_left .navbar_link ul li.on { background: #E50012; } .content .main_content .m .main_box .main_left .navbar_link ul li.on.slds::after { background-image: url(/assets/img/web/down_03.png); } .content .main_content .m .main_box .main_left .navbar_link ul li.on a span { color: #fff; } .content .main_content .m .main_box .main_left .navbar_link ul li.on a img.i { display: none; } .content .main_content .m .main_box .main_left .navbar_link ul li.on a img.i1 { display: block; } .content .main_content .m .main_box .main_left .navbar_link ul li:hover { background: #E50012; } .content .main_content .m .main_box .main_left .navbar_link ul li:hover.slds::after { background-image: url(/assets/img/web/down_03.png); } .content .main_content .m .main_box .main_left .navbar_link ul li:hover a span { color: #fff; } .content .main_content .m .main_box .main_left .navbar_link ul li:hover a img.i { display: none; } .content .main_content .m .main_box .main_left .navbar_link ul li:hover a img.i1 { display: block; } .content .main_content .m .main_box .main_left .navbar_link ul li a { width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; padding: 0 12px; } .content .main_content .m .main_box .main_left .navbar_link ul li a img { margin-right: 9px; display: none; } .content .main_content .m .main_box .main_left .navbar_link ul li a img.i { display: block; } .content .main_content .m .main_box .main_left .navbar_link ul li a span { font-size: 16px; color: #666666; } .content .page_list { display: flex; align-items: center; justify-content: center; } .content .page_list a { height: 40px; min-width: 40px; padding: 0 8px; border-radius: 8px; margin: 0 9px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all .1s; color: #666666; box-sizing: border-box; } .content .page_list div { display: flex; align-items: center; justify-content: center; } .content .page_list div a.on { background: #E50012; color: #fff; } .content .page_list div a:hover { background: #E50012; color: #fff; } .content .tong_header { width: 100%; height: 80px; display: flex; align-items: center; justify-content: space-between; } .content .tong_header .menus { overflow: hidden; display: flex; align-items: center; font-size: 14px; color: #fff; } .content .tong_header .menus a { display: flex; align-items: center; font-size: 14px; color: #fff; padding: 0 2px; } .content .tong_header .menus a img { margin-right: 5px; } .content .tong_header .name { overflow: hidden; width: 282px; height: 100%; position: relative; border-radius: 10px 10px 0 0; background: #E50012; padding-top: 17px; } .content .tong_header .name.on::after { display: none; } .content .tong_header .name::after { content: ''; width: 8px; height: 5px; background-image: url(/assets/img/web/down_03.png); background-size: 100% 100%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .content .tong_header .name p { font-size: 24px; font-family: sr1; font-weight: bold; color: #fff; text-align: center; } .content .tong_header .name span { display: block; text-align: center; text-transform: uppercase; font-size: 16px; opacity: 0.5; color: #fff; } .fadein_login { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999999; display: none; } .fadein_login .box { overflow: hidden; width: 470px; position: relative; min-height: 478px; border-radius: 6px; background: #fff; padding: 60px 0 30px 0; } .fadein_login .box .logo { display: block; margin: 0 auto; margin-bottom: 35px; } .fadein_login .box .close { width: 16px; cursor: pointer; position: absolute; right: 22px; top: 22px; } .fadein_login .box label { display: flex; align-items: center; justify-content: center; cursor: pointer; } .fadein_login .box label p { margin-left: 7px; font-size: 16px; color: #333333; } .fadein_login .box label p a { color: #e50012; } .fadein_login .box form { width: 100%; padding: 0; display: none; margin-bottom: 38px; } .fadein_login .box form div { width: 305px; position: relative; margin: 0 auto; padding-bottom: 30px; } .fadein_login .box form div i { font-size: 12px; color: #E50012; position: absolute; left: 0; bottom: 6px; display: none; } .fadein_login .box form input[type='text'] { width: 305px; height: 42px; display: block; font-size: 14px; color: #333; border: none; outline: none; border-radius: 6px; margin: 0 auto; background: #F1F1F1; padding-left: 14px; } .fadein_login .box form input[type='text']::placeholder { color: #999999; } .fadein_login .box form input[type='button'] { width: 305px; height: 42px; font-size: 16px; display: block; color: #fff; border: none; outline: none; cursor: pointer; border-radius: 6px; margin: 0 auto; margin-bottom: 20px; background: #E50012; } .fadein_login .box form input[type='submit']::placeholder { color: #999999; } .fadein_login .box .button { display: flex; align-items: center; justify-content: space-between; padding: 0 30px; margin-top: 33px; } .fadein_login .box .button p { cursor: pointer; font-size: 14px; color: #999999; display: flex; align-items: center; } .fadein_login .box .button p.l1 { display: none; } .fadein_login .box .button p img { margin-right: 6px; } .fadein_login .box .button p a { color: #e50012; } .fadein_login .box .type { overflow: hidden; display: flex; margin-bottom: 50px; justify-content: center; } .fadein_login .box .type div { cursor: pointer; overflow: hidden; padding: 0 20px; } .fadein_login .box .type div:last-child span { color: #07c160; } .fadein_login .box .type div img { display: block; margin: 0 auto; margin-bottom: 10px; } .fadein_login .box .type div span { display: block; text-align: center; font-size: 16px; color: #4d9aff; } .contrast_fadein { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999999; } .contrast_fadein .box { overflow: hidden; width: 800px; border-radius: 8px; background: #fff; padding: 0 30px; } .contrast_fadein .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .contrast_fadein .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .contrast_fadein .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .contrast_fadein .box table { width: 100%; margin-top: 20px; } .contrast_fadein .box table tr { width: 100%; overflow: hidden; } .contrast_fadein .box table tr.on td { border-bottom: 1px solid #fff; background: #E50012 !important; color: #fff; } .contrast_fadein .box table tr.on td:first-child { color: #fff; } .contrast_fadein .box table tr:nth-child(odd) td { background: #f4f4f4; } .contrast_fadein .box table tr td { height: 53px; font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0); padding-left: 18px; color: #333333; } .contrast_fadein .box table tr td:first-child { border-radius: 8px 0 0 8px; } .contrast_fadein .box table tr td:last-child { border-radius: 0 8px 8px 0; } .contrast_fadein .box table tr td:first-child { color: #999999; } .contrast_fadein .box .ls { display: flex; align-items: center; justify-content: flex-end; margin-top: 24px; } .contrast_fadein .box .ls p { font-size: 14px; color: #333333; cursor: pointer; position: relative; margin-left: 26px; } .contrast_fadein .box .ls p::after { content: ''; width: 1px; height: 14px; background: #F1F1F1; position: absolute; left: -13px; top: 50%; transform: translateY(-50%); } .contrast_fadein .box .ls p:first-child::after { display: none; } .contrast_fadein .box .ls p.on { color: #e50012; font-family: sr1; font-weight: bold; } .contrast_fadein .box ul { overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; } .contrast_fadein .box ul li { overflow: hidden; width: 200px; margin-top: 33px; } .contrast_fadein .box ul li div { overflow: hidden; width: 100%; border-radius: 4px; height: 148px; margin-bottom: 10px; } .contrast_fadein .box ul li div img { display: block; width: 100%; height: 100%; object-fit: cover; } .contrast_fadein .box ul li span { display: block; text-align: center; font-size: 16px; color: #333333; } .contrast_fadein .box .button { display: flex; align-items: center; padding: 20px 0 50px 0; justify-content: center; } .contrast_fadein .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .contrast_fadein .box .button div:hover { opacity: 0.8; } .contrast_fadein .box .button div.on { background: #e50012; color: #fff; } .fadein_tkjd { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_tkjd .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_tkjd .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_tkjd .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_tkjd .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_tkjd .box .desc { display: block; text-align: center; font-size: 18px; font-family: sm; color: #333333; margin-top: 14px; } .fadein_tkjd .box .change { display: flex; align-items: center; margin-top: 26px; } .fadein_tkjd .box .change p { font-size: 16px; color: #666666; } .fadein_tkjd .box .change input { width: 336px; height: 42px; border-radius: 6px; border: none; background: #F1F1F1; outline: none; font-size: 14px; color: #333; padding-left: 15px; margin-left: 10px; } .fadein_tkjd .box .change input::placeholder { color: #999999; } .fadein_tkjd .box i { display: block; text-align: center; font-size: 14px; color: #e50012; margin-top: 17px; } .fadein_tkjd .box .tit { display: block; font-size: 16px; color: #666666; text-align: center; margin-top: 40px; } .fadein_tkjd .box .tit span { font-family: sm; font-size: 20px; color: #e50012; } .fadein_tkjd .box .button { display: flex; align-items: center; padding: 46px 0; justify-content: center; } .fadein_tkjd .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_tkjd .box .button div:hover { opacity: 0.8; } .fadein_tkjd .box .button div.on { background: #e50012; color: #fff; } .fadein_add { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999999; display: none; } .fadein_add .box { overflow: hidden; width: 700px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_add .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_add .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_add .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_add .box .child { overflow: hidden; padding: 20px 0 0 0; } .fadein_add .box .child .reg { display: flex; align-items: center; margin-top: 30px; cursor: pointer; } .fadein_add .box .child .reg span { font-size: 16px; font-family: sm; color: #333333; margin-left: 7px; } .fadein_add .box .child select { width: 100%; height: 42px; background-color: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #333; position: relative; box-sizing: border-box; background-image: url(/assets/img/web/downs_03.png); background-repeat: no-repeat; background-position: right 16px center; appearance: none; padding-left: 14px; } .fadein_add .box .child .changes { display: flex; justify-content: space-between; margin-bottom: 25px; align-items: center; } .fadein_add .box .child .changes .label { overflow: hidden; width: 306px; } .fadein_add .box .child .changes .label p { font-size: 16px; margin-bottom: 8px; color: #333333; } .fadein_add .box .child .changes .label textarea { width: 100%; height: 130px; background: #f1f1f1; border-radius: 6px; resize: none; outline: none; border: none; font-size: 14px; color: #333; padding: 12px 14px; box-sizing: border-box; font-family: sr; } .fadein_add .box .child .changes .label textarea::placeholder{ color: #999; } .fadein_add .box .child .changes .label input { width: 100%; height: 42px; background: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #333; box-sizing: border-box; padding-left: 14px; } .fadein_add .box .child .changes .label input::placeholder{ color: #999; } .fadein_add .box .child .item { overflow: hidden; width: 100%; margin-bottom: 26px; } .fadein_add .box .child .item p { font-size: 16px; margin-bottom: 8px; color: #333333; } .fadein_add .box .child .item > input { width: 100%; height: 42px; background: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #999999; box-sizing: border-box; padding-left: 14px; margin-top: 20px; } .fadein_add .box .child .item textarea { width: 100%; height: 80px; background: #f1f1f1; border-radius: 6px; resize: none; outline: none; border: none; font-size: 14px; color: #333; padding: 12px 14px; box-sizing: border-box; margin-top: 20px; font-family: sr; } .fadein_add .box .child .item textarea::placeholder{ color: #999; } .fadein_add .box .child .item .city { display: flex; align-items: center; justify-content: space-between; } .fadein_add .box .child .item .city .lab { overflow: hidden; width: 200px; height: 42px; position: relative; background: #F1F1F1; cursor: pointer; display: flex; align-items: center; justify-content: space-between; border-radius: 6px; } .fadein_add .box .child .item .city .lab span { font-size: 14px; color: #999999; } .fadein_add .box .child .item .city .lab img { display: block; transition: all .2s; } .fadein_add .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_add .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_add .box .button div:hover { opacity: 0.8; } .fadein_add .box .button div.on { background: #e50012; color: #fff; } .fadein_edit { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_edit .box { overflow: hidden; width: 700px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_edit .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_edit .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_edit .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_edit .box .child { overflow: hidden; padding: 20px 0 0 0; } .fadein_edit .box .child .reg { display: flex; align-items: center; margin-top: 30px; cursor: pointer; } .fadein_edit .box .child .reg span { font-size: 16px; font-family: sm; color: #333333; margin-left: 7px; } .fadein_edit .box .child select { width: 100%; height: 42px; background-color: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #999999; position: relative; box-sizing: border-box; background-image: url(/assets/img/web/downs_03.png); background-repeat: no-repeat; background-position: right 16px center; appearance: none; padding-left: 14px; } .fadein_edit .box .child .changes { display: flex; justify-content: space-between; margin-bottom: 25px; align-items: center; } .fadein_edit .box .child .changes .label { overflow: hidden; width: 306px; } .fadein_edit .box .child .changes .label p { font-size: 16px; margin-bottom: 8px; color: #333333; } .fadein_edit .box .child .changes .label textarea { width: 100%; height: 130px; background: #f1f1f1; border-radius: 6px; resize: none; outline: none; border: none; font-size: 14px; color: #999999; padding: 12px 14px; box-sizing: border-box; font-family: sr; } .fadein_edit .box .child .changes .label input { width: 100%; height: 42px; background: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #999999; box-sizing: border-box; padding-left: 14px; } .fadein_edit .box .child .item { overflow: hidden; width: 100%; margin-bottom: 26px; } .fadein_edit .box .child .item p { font-size: 16px; margin-bottom: 8px; color: #333333; } .fadein_edit .box .child .item > input { width: 100%; height: 42px; background: #f1f1f1; border-radius: 6px; outline: none; border: none; font-size: 14px; color: #999999; box-sizing: border-box; padding-left: 14px; margin-top: 20px; } .fadein_edit .box .child .item textarea { width: 100%; height: 80px; background: #f1f1f1; border-radius: 6px; resize: none; outline: none; border: none; font-size: 14px; color: #999999; padding: 12px 14px; box-sizing: border-box; margin-top: 20px; font-family: sr; } .fadein_edit .box .child .item .city { display: flex; align-items: center; justify-content: space-between; } .fadein_edit .box .child .item .city .lab { overflow: hidden; width: 200px; height: 42px; position: relative; background: #F1F1F1; cursor: pointer; display: flex; align-items: center; justify-content: space-between; border-radius: 6px; } .fadein_edit .box .child .item .city .lab span { font-size: 14px; color: #999999; } .fadein_edit .box .child .item .city .lab img { display: block; transition: all .2s; } .fadein_edit .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_edit .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_edit .box .button div:hover { opacity: 0.8; } .fadein_edit .box .button div.on { background: #e50012; color: #fff; } .fadein_prize { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999999; display: none; } .fadein_prize .box { overflow: hidden; width: 800px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_prize .box ul { width: 100%; overflow: auto; max-height: 70vh; padding: 15px 0; padding-bottom: 30px; } .fadein_prize .box ul::-webkit-scrollbar { width: 3px; } .fadein_prize .box ul::-webkit-scrollbar-track { /*滚动条轨道属性*/ background-color: transparent; } .fadein_prize .box ul::-webkit-scrollbar-thumb {/*滚动条内滑块属性*/ background-color: #E50012; } .fadein_prize .box ul li { overflow: hidden; width: 100%; } .fadein_prize .box ul li a { display: flex; align-items: center; width: 100%; padding: 15px 0; padding-right: 20px; justify-content: space-between; box-sizing: border-box; } .fadein_prize .box ul li a .info { overflow: hidden; display: flex; align-items: center; } .fadein_prize .box ul li a .info img { width: 150px; height: 110px; object-fit: cover; border-radius: 3px; } .fadein_prize .box ul li a .info div { overflow: hidden; padding-left: 26px; } .fadein_prize .box ul li a .info div p { font-size: 16px; color: #333333; margin-bottom: 10px; } .fadein_prize .box ul li a .info div span { display: block; font-size: 14px; color: #999999; } .fadein_prize .box ul li a .btn { overflow: hidden; width: 100px; height: 32px; display: flex; align-items: center; justify-content: center; background: #E50012; font-size: 16px; color: #fff; border-radius: 3px; } .fadein_prize .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_prize .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_prize .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_fail { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_fail .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_fail .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_fail .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_fail .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_fail .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_fail .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 6px; } .fadein_fail .box .button div:hover { opacity: 0.8; } .fadein_fail .box .button div.on { background: #e50012; color: #fff; } .fadein_fail .box .font { overflow: hidden; width: 100%; margin-top: 20px; padding: 12px 18px; background: #F1F1F1; font-size: 14px; border-radius: 6px; color: #333333; line-height: 28px; min-height: 145px; } .fadein_fail .box .photo { display: flex; align-items: center; flex-wrap: wrap; } .fadein_fail .box .photo div { overflow: hidden; width: 132px; height: 132px; border-radius: 4px; margin-right: 22px; margin-top: 20px; } .fadein_fail .box .photo div:nth-child(3n) { margin-right: 0; } .fadein_fail .box .photo div img { display: block; width: 100%; height: 100%; object-fit: cover; } .fadein_invoice { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_invoice .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_invoice .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_invoice .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_invoice .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_invoice .box .item { overflow: hidden; display: flex; align-items: flex-start; margin-top: 20px; } .fadein_invoice .box .item p { font-size: 16px; color: #666666; } .fadein_invoice .box .item .grow { flex: 1; } .fadein_invoice .box .item .grow input { width: 100%; height: 42px; font-size: 14px; color: #333; padding-left: 14px; border-radius: 4px; background: #f1f1f1; border: none; outline: none; } .fadein_invoice .box .item .grow input::placeholder { color: #999999; } .fadein_invoice .box .item .grow ul { display: flex; align-items: center; } .fadein_invoice .box .item .grow ul li { display: flex; align-items: center; cursor: pointer; } .fadein_invoice .box .item .grow ul li.on div { background-image: url(/assets/img/web/rid1.jpg); } .fadein_invoice .box .item .grow ul li div { width: 16px; height: 16px; background-image: url(/assets/img/web/rid.jpg); margin-right: 12px; background-size: 100% 100%; border-radius: 50%; } .fadein_invoice .box .item .grow ul li span { font-size: 16px; display: inline-block; min-width: 93px; color: #333333; } .fadein_invoice .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_invoice .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_invoice .box .button div:hover { opacity: 0.8; } .fadein_invoice .box .button div.on { background: #e50012; color: #fff; } .fadein_tk { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_tk .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_tk .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_tk .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_tk .box .title p { font-size: 17px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_tk .box .item { overflow: hidden; display: flex; align-items: flex-start; margin-top: 20px; } .fadein_tk .box .item p { font-size: 15px; color: #666666; } .fadein_tk .box .item .grow { flex: 1; } .fadein_tk .box .item .grow input { width: 100%; height: 42px; font-size: 14px; color: #333; padding-left: 14px; border-radius: 4px; background: #f1f1f1; border: none; outline: none; } .fadein_tk .box .item .grow input::placeholder { color: #999999; } .fadein_tk .box .item .grow textarea { width: 100%; height: 130px; font-size: 14px; color: #333; padding: 12px 14px; border-radius: 4px; background: #f1f1f1; border: none; resize: none; box-sizing: border-box; outline: none; } .fadein_tk .box .item .grow textarea::placeholder { color: #999999; } .fadein_tk .box .item .grow ul { display: flex; align-items: center; } .fadein_tk .box .item .grow ul.on { display: block; } .fadein_tk .box .item .grow ul.on li { margin-bottom: 10px; } .fadein_tk .box .item .grow ul li { display: flex; align-items: center; cursor: pointer; } .fadein_tk .box .item .grow ul li.on div { background-image: url(/assets/img/web/rid1.jpg); } .fadein_tk .box .item .grow ul li div { width: 13px; height: 13px; background-image: url(/assets/img/web/rid.jpg); margin-right: 12px; background-size: 100% 100%; border-radius: 50%; } .fadein_tk .box .item .grow ul li span { font-size: 15px; display: inline-block; min-width: 93px; color: #333333; } .fadein_tk .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_tk .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_tk .box .button div:hover { opacity: 0.8; } .fadein_tk .box .button div.on { background: #e50012; color: #fff; } .fadein_feedback { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; display: none; z-index: 9999999; } .fadein_feedback .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_feedback .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_feedback .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_feedback .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_feedback .box .button { display: flex; align-items: center; padding: 34px 0; justify-content: center; } .fadein_feedback .box .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; margin: 0 15px; border-radius: 3px; } .fadein_feedback .box .button div:hover { opacity: 0.8; } .fadein_feedback .box .button div.on { background: #e50012; color: #fff; } .fadein_feedback .box .font { overflow: hidden; width: 100%; margin-top: 20px; padding: 12px 18px; background: #F1F1F1; font-size: 16px; border-radius: 6px; color: #333333; line-height: 28px; min-height: 145px; } .fadein_feedback .box textarea { overflow: hidden; width: 100%; display: block; margin-top: 20px; padding: 12px 18px; background: #F1F1F1; font-size: 14px; border-radius: 6px; color: #333333; border: none; resize: none; height: 115px; outline: none; box-sizing: border-box; } .fadein_feedback .box .photo { padding-top: 18px; } .fadein_feedback .box .photo p { font-size: 16px; color: #333333; } .fadein_feedback .box .photo .updata { display: flex; align-items: center; flex-wrap: wrap; } .fadein_feedback .box .photo .updata div { width: 132px; height: 132px; border-radius: 4px; margin-right: 22px; position: relative; cursor: pointer; margin-top: 10px; } .fadein_feedback .box .photo .updata div:nth-child(3n) { margin-right: 0; } .fadein_feedback .box .photo .updata div .c { cursor: pointer; position: absolute; right: -5px; top: -5px; } .fadein_feedback .box .photo .updata div .c:hover { opacity: 0.8; } .fadein_feedback .box .photo .updata div input { width: 100%; height: 100%; display: block; opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 99; } .fadein_feedback .box .photo .updata div .p { display: block; width: 100%; height: 100%; object-fit: cover; } .setp { cursor: pointer; } .fadein_password { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; display: none; z-index: 999; } .fadein_password .box { overflow: hidden; width: 500px; border-radius: 8px; background: #fff; padding: 0 30px; } .fadein_password .box .tabbar { display: flex; align-items: center; justify-content: center; } .fadein_password .box .tabbar div { overflow: hidden; cursor: pointer; position: relative; font-size: 16px; color: #333333; padding: 0 21px; height: 60px; display: flex; align-items: center; } .fadein_password .box .tabbar div.on { color: #e50012; } .fadein_password .box .tabbar div.on::after { content: ''; width: 40px; height: 2px; background: #e50012; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; } .fadein_password .box .fade { overflow: hidden; padding-top: 20px; } .fadein_password .box .fade .item { overflow: hidden; padding: 0px 22px 37px 0; } .fadein_password .box .fade .item .updatatx { width: 99px; height: 99px; border-radius: 50%; margin: 0px auto; margin-bottom: 30px; position: relative; overflow: hidden; } .fadein_password .box .fade .item .updatatx input { width: 100%; height: 100%; background: none; outline: none; border: none; position: absolute; left: 0; top: 0; opacity: 0; } .fadein_password .box .fade .item .updatatx img { width: 100%; height: 100%; object-fit: cover; } .fadein_password .box .fade .item .button { display: flex; align-items: center; margin-top: 28px; padding-left: 113px; } .fadein_password .box .fade .item .label.emailshow{ display: none; } .fadein_password .box .fade .item .button div { height: 36px; width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; background: #fff; border: 1px solid #e50012; transition: all .1s; color: #e50012; border-radius: 6px; margin-right: 20px; } .fadein_password .box .fade .item .button div:hover { opacity: 0.8; } .fadein_password .box .fade .item .button div.on { background: #e50012; color: #fff; } .fadein_password .box .fade .item .label { width: 100%; display: flex; align-items: center; position: relative; margin-bottom: 20px; justify-content: space-between; } .fadein_password .box .fade .item .label p { width: 102px; text-align: right; font-size: 16px; color: #333333; } .fadein_password .box .fade .item .label .change { width: 305px; height: 42px; display: flex; align-items: center; justify-content: space-between; } .fadein_password .box .fade .item .label .change.on input { width: 180px; } .fadein_password .box .fade .item .label .change div { height: 42px; width: 115px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; background: #E50012; color: #fff; line-height: 1; border-radius: 6px; transition: all .1s; } .fadein_password .box .fade .item .label .change div:hover { opacity: 0.8; } .fadein_password .box .fade .item .label .change input { width: 100%; height: 100%; font-size: 14px; color: #333; background: #F1F1F1; border-radius: 6px; padding-left: 14px; border: none; outline: none; } .fadein_password .box .fade .item .label .change input::placeholder { color: #999999; } .fadein_password .box .fade .item .label .change select { width: 100%; box-sizing: border-box; height: 100%; font-size: 14px; color: #333; background: #F1F1F1; border-radius: 6px; padding-left: 14px; border: none; outline: none; } .fadein_password .box .fade .item .label .change select::placeholder { color: #999999; } .fadein_password .box .title { display: flex; align-items: center; justify-content: center; height: 69px; position: relative; border-bottom: 1px solid #F1F1F1; } .fadein_password .box .title img { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .fadein_password .box .title p { font-size: 20px; color: #333333; font-family: sr1; font-weight: bold; } .fadein_success { overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; display: none; } .fadein_success .box { overflow: hidden; width: 460px; border-radius: 8px; background: #fff; padding: 52px 36px 43px 36px; } .fadein_success .box ul { overflow: hidden; margin-top: 28px; } .fadein_success .box ul li { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .fadein_success .box ul li p { font-size: 16px; color: #999999; font-family: sm; } .fadein_success .box ul li span { font-size: 16px; color: #333333; font-family: sm; } .fadein_success .box .button { display: flex; align-items: center; justify-content: center; margin-top: 50px; } .fadein_success .box .button div { overflow: hidden; display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; transition: all .1s; border-radius: 3px; margin: 0 10px; cursor: pointer; background: #fff; font-size: 16px; transition: all .1s; border: 1px solid #E50012; color: #E50012; } .fadein_success .box .button div a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #E50012; } .fadein_success .box .button div:hover { opacity: 0.8; } .fadein_success .box .button div.on { background: #E50012; color: #fff; } .fadein_success .box .button div.on a { color: #fff; } .fadein_success .box .icon { overflow: hidden; } .fadein_success .box .icon img { display: block; margin: 0 auto; width: 88px; margin-bottom: 15px; } .fadein_success .box .icon span { display: block; text-align: center; font-size: 24px; font-family: sr1; font-weight: bold; color: #e50012; } @media (max-width: 1800px) { .m1600 { width: 1400px !important; } .content .tong_title p { font-size: 30px; } .content .tong_title span { font-size: 16px; } .content .tong_title em { font-size: 80px; top: -10px; } .content .main_home_about .m1600 .box .grow > p { font-size: 26px; } .content .main_home_about .m1600 .box .grow > span { font-size: 16px; } .content .main_home_about .m1600 .box .grow ul li p span { font-size: 30px; } .content .main_home_about .m1600 .box .grow ul li em { font-size: 14px; } .content .home_banner .btn.prev { left: 80px; } .content .home_banner .btn.next { right: 80px; } } @media (max-width: 1600px) { .content .header .left .search { width: 400px; } .content .main_home_service .m1600 ul li > img { width: 66px; margin-left: -33px; } .content .main_home_service .m1600 ul li .name { font-size: 16px; } .content .main_home_about .m1600 .box .video { width: 500px; } .content .main_home_about .m1600 .box .grow { padding-top: 0; } .content .main_home_news .m1600 ul li a .info p { font-size: 16px; } .content .header .left .search input { font-size: 14px; } .content .main_home_news .m1600 ul li a .pic { width: 180px; height: 140px; } .m1560, .m1600 { width: 90% !important; } .content .footer .m1560 .mid { padding: 0 20px; } .content .main_link .m1560 ul li a { font-size: 14px; padding: 0 .2rem; } .content .footer .m1560 .mid .item .link li, .content .footer .m1560 .item .contact li p, .content .footer .m1560 .item .contact li div span { font-size: 14px; } .content .footer .m1560 .item .head p, .content .footer .m1560 .item .head span { font-size: 18px; } .content .footer .m1560 .item:last-child { width: 360px; } .content .home_banner .mySwiper .swiper-slide .m p { font-size: 40px; } .content .home_banner .mySwiper .swiper-slide .m span { font-size: 30px; } } @media (max-width: 1400px) { .m, .content .main_order_info .box, .content .main_cart .box, .m1600 { width: 1000px !important; } #content.on{ padding-right: 0; } #content.on .box h3{ font-size: 20px; } #content.on .tabheight{ min-height: 1200px; } .content .main_product_details .main_about .box table tr td{ font-size: 14px; } .content .main_home_about .m1600 .box .grow { padding-left: 30px; } .content .main_home_about .m1600 .box .grow > p { font-size: 22px; } .content .main_home_about .m1600 .box .grow > span { font-size: 14px; line-height: 1.6; } .content .main_home_about .m1600 .box .grow ul li p span { font-size: 26px; } .content .main_home_about .m1600 .box .grow ul li p { font-size: 16px; } .content .main_home_about .m1600 .box .grow ul { flex-wrap: wrap; } .content .main_home_about .m1600 .box .grow ul li { width: 50%; } .content .main_home_news .m1600 ul { justify-content: space-between; } .content .main_home_news .m1600 ul li { margin: 0; margin-top: 30px; width: 48%; } .content .main_home_service .m1600 ul li .name { min-width: 100%; box-sizing: border-box; } .content .main_home_service .m1600 ul li .font div { margin-top: 10px; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info p { font-size: 16px; line-height: 1.66; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info { padding: 15px; } .content .main_home_hot .m1600 .box .nav ul li a { font-size: 16px; } .content .home_banner .mySwiper .swiper-slide .m p { font-size: 40px; } .content .home_banner .mySwiper .swiper-slide .m span { font-size: 30px; } .content .main_home_service .m1600 ul li { width: 32%; margin-right: 2%; } .content .main_home_service .m1600 ul li:nth-child(3n) { margin-right: 0; } .content .main_home_service .m1600 ul li:nth-child(4n) { margin-right: 2%; } .content .main_cart .box .head .fl .search input { font-size: 15px; } .content .navbar ul li a { font-size: 16px; } .content .navbar ul li { margin-right: .8rem; } .content .tong_header .name { width: 250px; } .content .tong_header .name p { font-size: 20px; } .content .tong_header .name span { font-size: 14px; } .content .tong_header .name { padding-top: 16px; } .content .main_content .m .main_box .main_left { width: 250px; } .content .main_content .m .main_box .main_left .navbar_link ul li a span { font-size: 14px; } .content .main_content .m .main_box .main_about_honor ul li img { height: 123px; } .content .main_content .m .main_box .main_about_honor ul li span { font-size: 15px; } .content .main_content .m .main_box .main_about_contact .contact_box ul li img { max-width: 70%; } .content .main_content .m .main_box .main_about_history .box { height: 450px; } /*.content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label span {*/ /* font-size: 190px; }*/ .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span { font-size: 15px; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span { font-size: 17px; } .content .main_content .m .main_box .main_about_introduce .info .box { display: block; width: 100%; } .content .main_content .m .main_box .main_about_introduce .info .box .video { width: 100%; } .content .main_content .m .main_box .main_about_introduce .info .box .yw { width: 100%; margin-top: 20px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left { width: 40%; } .content .main_content .m .main_box .main_about_recruit .bann p { font-size: 32px; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right { width: 57%; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li div { padding-right: 15px; } .content .main_news_info .m .info .head p { font-size: 28px; } .content .main_news_info .m .info .child p { font-size: 16px; } .content .main_content .m .main_box .main_newsbox ul li a .date { width: 90px; } .content .main_content .m .main_box .main_newsbox ul li a .font { width: calc(100% - 90px - 238px); } .content .main_product_box .main_product_info { width: calc(100% - 380px - 30px); } .content .main_product_content .m .confire table tr td .info div span, .content .main_product_content .m .confire table tr td .yh span, .content .main_product_content .m .confire table tr td, .content .main_content .m .main_box .main_product_idv_list table tr td label, .content .main_content .m .main_box .main_product_idv_list table tr td p, .content .main_content .m .main_box .main_product_idv_list table tr td { font-size: 15px; } .content .main_product_content .m .confire table tr td .price { font-size: 16px; } .content .main_product_details .main_details .slide { width: 400px; } .content .main_product_content .m .address_box .mySwiper .swiper-slide { width: 273px; } .content .main_content .m .main_box .main_product_list .list li .label a { display: block; width: 100%; } .content .main_content .m .main_box .main_product_list .list li .label a .pic { width: 100%; height: 175px; } .content .main_content .m .main_box .main_product_list.on1 .list li .label a .pic{ height: 300px; } .content .main_content .m .main_box .main_product_list .list li .label a .grow { padding: 15px 0; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn { width: 180px; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div { font-size: 14px; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a { font-size: 14px; } .content .main_content .m .main_box .main_qa ul li .slide p { font-size: 14px; } .content .main_content .m .main_box .main_qa ul li .slide .pic img { width: 200px; height: 200px; } .content .tong_header1 .user .pic { width: 130px; height: 130px; } .content .tong_header1 { margin-bottom: 48px; } .content .main_content .m .main_box .main_user_address ul { justify-content: space-between; } .content .main_content .m .main_box .main_user_address ul li { margin: 0; margin-bottom: 20px; width: 48.5%; } .content .main_content .m .main_box .main_user_collect ul li .label a { display: block; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic { width: 100%; height: 213px; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow { width: 100%; padding: 15px 0; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn { width: 3.5rem; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div { font-size: 14px; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a { font-size: 14px; } .content .main_content .m .main_box .main_user_set, .content .main_content .m .main_box .main_user_order, .content .main_content .m .main_box .main_user_integral, .content .main_content .m .main_box .main_user_integral_lottery, .content .main_content .m .main_box .main_user_feedback, .content .main_content .m .main_box .main_user_coupon, .content .main_content .m .main_box .main_user_collect, .content .main_content .m .main_box .main_user_address, .content .main_content .m .main_box .main_services, .content .main_content .m .main_box .main_qa, .content .main_content .m .main_box .main_product_list, .content .main_content .m .main_box .main_product_idv_list, .content .main_content .m .main_box .main_newsbox, .content .main_content .m .main_box .main_datas, .content .main_content .m .main_box .main_about_team, .content .main_content .m .main_box .main_about_recruit, .content .main_content .m .main_box .main_about_partners, .content .main_content .m .main_box .main_about_introduce, .content .main_content .m .main_box .main_about_honor, .content .main_content .m .main_box .main_about_contact, .content .main_content .m .main_box .main_about_history { width: calc(100% - 250px - 30px); } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow p, .content .main_content .m .main_box .main_services .item .table .table1 tr th, .content .main_content .m .main_box .main_services .item .table .table1 tr td .f, .content .main_content .m .main_box .main_services .item .table .table1 tr td { font-size: 14px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price p { font-size: 14px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info { padding: 22px 6px; width: 36%; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices { width: 20%; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord { width: 22%; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices p { font-size: 16px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices span { font-size: 13px; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop { display: block; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic { margin: 0 auto; } .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow { margin: 0; margin-top: 8px; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p { font-size: 14px; line-height: 1.4; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p { font-size: 16px; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em { font-size: 15px; } .content .main_content .m .main_box .main_user_integral_lottery { height: 664px; } } @media (max-width: 800px) { .m, .content .main_order_info .box, .content .main_cart .box { width: 100% !important; } .content .navbar { display: none !important; } .content .header { height: 1.2rem !important; position: fixed !important; left: 0 !important; top: 0 !important; padding: 0 .3rem !important; z-index: 9999 !important; } .content .header .left .search { display: none !important; } .content .header .left .logo { width: 1.1rem !important; } .content .header .right .user a span { font-size: .28rem !important; } .content .header .right .btn { margin-left: .2rem !important; } .content .header .right .btn span { font-size: .16rem !important; right: -.2rem !important; padding: .03rem .05rem !important; top: -.2rem !important; } .content .header .right .btn img { width: .4rem !important; } .content .footer .m1560 .item:last-child { width: 100% !important; } .content .header .right .user a span { font-size: .26rem !important; } .content .header .right .user a img { width: .4rem !important; height: .4rem !important; } .content .header { padding-right: 1rem !important; } .null { height: 1.2rem !important; } .content .des_banner1 { height: 4.6rem !important; } .content .main_content { margin: 0 !important; padding: .3rem !important; } .content .main_content .m .main_box { display: block !important; } .content .tong_header { height: auto !important; } .content .main_content .m .main_box .main_left { width: 100% !important; } .content .main_content .m .main_box .main_left .navbar_link { padding: .2rem .3rem !important; } .content .main_content .m .main_box .main_left .navbar_link ul { overflow: auto !important; width: 100% !important; white-space: nowrap !important; } .content .main_content .m .main_box .main_left .navbar_link ul li { margin-top: 0 !important; display: inline-block !important; margin: 0 !important; width: auto !important; padding: 0 .3rem !important; height: .8rem !important; margin-right: .2rem !important; } .content .main_content .m .main_box .main_left .navbar_link ul li a span { font-size: .23rem !important; } .content .main_content .m .tong_header .menus { transform: translateY(-1.4rem) !important; position: absolute !important; } .content .tong_header .name { width: 100% !important; height: auto !important; padding: .2rem .3rem !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .content .tong_header .name p { font-size: .3rem !important; } .content .tong_header .name span { font-size: .24rem !important; } .content .tong_header .name::after { display: none !important; } .content .main_content .m .main_box .main_about_contact { margin: 0 !important; width: 100% !important; margin-top: .3rem !important; padding: 0 !important; } .content .main_content .m .main_box .main_about_contact .map ul { width: 100% !important; } .content .main_content .m .main_box .main_about_contact .map ul li { width: 100% !important; margin: 0 !important; margin-bottom: .3rem !important; border-radius: .2rem !important; } .content .main_content .m .main_box .main_about_contact .map ul li .t p { font-size: .33rem !important; } .content .main_content .m .main_box .main_about_contact .map ul li .t span { font-size: .26rem !important; } .content .main_content .m .main_box .main_about_contact .map ul li .icon span { font-size: .26rem !important; } .content .main_content .m .main_box .main_about_contact .map { height: auto !important; border-radius: .1rem !important; padding: .3rem !important; } .content .main_content .m .main_box .main_about_contact .contact_box { width: calc(100% - .6rem) !important; margin: 0 auto !important; margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_contact .contact_box ul { flex-wrap: wrap !important; } .content .main_content .m .main_box .main_about_contact .contact_box ul li { width: 33.33% !important; padding: .2rem 0 !important; max-width: 50% !important; } .content .main_link { display: none !important; } .content .footer { padding: .5rem .3rem !important; } .content .footer .m1560 { display: block !important; max-width: 100% !important; width: 100% !important; } .content .footer .m1560 .item:first-child { width: 100% !important; } .content .footer .m1560 .item .head { height: 50px !important; margin-bottom: .2rem !important; } .content .footer .m1560 .item .code { width: 1.8rem !important; padding: .3rem 0 !important; margin: 0 auto !important; } .content .footer .m1560 .mid .item .link li { margin-bottom: .2rem !important; margin-right: .2rem !important; } .content .footer .m1560 .item .contact li { display: block !important; } .content .footer .m1560 .item .contact li p { margin-bottom: .3rem !important; text-align: center !important; font-size: .26rem !important; } .content .footer .m1560 .item .contact li div span { display: block !important; padding: 0 !important; margin: 0 !important; font-size: .22rem !important; text-align: center !important; line-height: 1.3 !important; } .content .footer .m1560 .mid .item .link li { font-size: .22rem !important; } .content .footer .m1560 .item .head p { font-size: .28rem !important; } .content .footer .m1560 .item .head span { font-size: .28rem !important; } .content .footer .m1560 .item .form form input[type='text'] { height: .8rem !important; font-size: .26rem !important; } .content .main_content .m .main_box .main_about_contact .map ul li .icon span { line-height: 1.4 !important; } .content .footer .m1560 .item .form form textarea { height: 2rem !important; font-size: .26rem !important; } .content .footer .m1560 .item .form form .btn input[type='submit'] { width: 1.5rem !important; font-size: .26rem !important; } .content footer { padding: .2rem !important; box-sizing: border-box !important; } .content footer .m1560 { display: block !important; } .content footer .m1560 div { justify-content: center; text-align: center; font-size: .2rem !important; padding: .1rem 0 !important; } .content footer .m1560 div img{ margin: 6px auto; } .content .footer .m1560 .mid { padding: 0 !important; width: 100% !important; } .content .main_content .m .main_box .main_user_set, .content .main_content .m .main_box .main_user_order, .content .main_content .m .main_box .main_user_integral, .content .main_content .m .main_box .main_user_integral_lottery, .content .main_content .m .main_box .main_user_feedback, .content .main_content .m .main_box .main_user_coupon, .content .main_content .m .main_box .main_user_collect, .content .main_content .m .main_box .main_user_address, .content .main_content .m .main_box .main_services, .content .main_content .m .main_box .main_qa, .content .main_content .m .main_box .main_product_list, .content .main_content .m .main_box .main_product_idv_list, .content .main_content .m .main_box .main_newsbox, .content .main_content .m .main_box .main_datas, .content .main_content .m .main_box .main_about_team, .content .main_content .m .main_box .main_about_recruit, .content .main_content .m .main_box .main_about_partners, .content .main_content .m .main_box .main_about_introduce, .content .main_content .m .main_box .main_about_honor, .content .main_content .m .main_box .main_about_contact, .content .main_content .m .main_box .main_about_history { width: 100% !important; margin: 0 !important; margin-top: .3rem !important; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label p { font-size: .26rem !important; width: 80% !important; font-family: "微软雅黑" !important; text-align: center !important; } .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label > span { font-size: .5rem !important; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide { width: 33.33% !important; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span { font-size: .26rem !important; } .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span { font-size: .28rem !important; } .content .main_content .m .main_box .main_about_history { padding: 0 !important; } .content .main_content .m .main_box .main_about_history .box .title { font-size: .33rem !important; } .content .main_content .m .main_box .main_about_history .box .btn.next { right: .2rem !important; } .content .main_content .m .main_box .main_about_history .box .btn.prev { left: .2rem !important; } .content .main_content .m .main_box .main_about_honor { background: none !important; padding: 0 !important; } .content .main_content .m .main_box .main_about_honor ul { background: none !important; justify-content: space-between !important; } .content .main_content .m .main_box .main_about_honor ul li { width: 48% !important; margin: 0 !important; background: #fff !important; margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_honor ul li span { font-size: .26rem !important; } .content .main_content .m .main_box .main_about_honor ul li { border-radius: .1rem !important; } .content .page_list a { width: .56rem !important; height: .56rem !important; padding: 0 .1rem !important; min-width: .46rem !important; border-radius: .03rem !important; margin: 0 .1rem !important; } .content .main_content .m .main_box .main_about_introduce { padding: 0 .3rem !important; } .content .main_content .m .main_box .main_about_introduce .info { padding-top: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .title span { font-size: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box { padding-bottom: .3rem !important; } .content .main_content .m .main_box { padding-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .info > p { font-size: .26rem !important; line-height: 1.8 !important; } .content .main_content .m .main_box .main_about_introduce .info .box .video .play { width: .66rem !important; } .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li span { font-size: .26rem !important; line-height: 1.8 !important; } .content .main_content .m .main_box .main_about_introduce .info .box .yw div { font-size: .33rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box { display: block !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left { width: 100% !important; display: flex !important; justify-content: space-between !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li { width: 48% !important; padding: .3rem !important; height: auto !important; margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:last-child { margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right { width: 100% !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li { width: 100% !important; margin: 0 !important; padding: .3rem !important; margin-bottom: .3rem !important; height: auto !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li img { width: .6rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li img { width: .6rem !important; margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li p { font-size: .28rem !important; margin-bottom: .5rem !important; } .content .main_content .m .main_box .main_about_introduce .culture .box ul li span { font-size: .26rem !important; } .content .main_content .m .main_box .main_about_partners { padding: .6rem .3rem !important; } .content .main_content .m .main_box .main_about_partners .title span { font-size: .3rem !important; } .content .main_content .m .main_box .main_about_partners .title::after { height: 2px !important; } .content .main_content .m .main_box .main_about_partners .box { padding-top: .3rem !important; padding-bottom: 0 !important; } .content .des_banner2 { height: 4.6rem !important; } .content .des_banner2 .m .font p { font-size: .4rem !important; } .content .des_banner2 .m .font div { height: 2px !important; margin: .2rem auto !important; } .content .des_banner2 .m .font span { font-size: .28rem !important; } .content .des_banner2 .m .menus { right: .3rem !important; } .content .des_banner2 .m .menus a { font-size: .24rem !important; } .content .main_recruit_infos { padding: 0 .3rem !important; } .content .main_recruit_infos .m .title { margin: 0 !important; padding: .4rem 0 !important; } .content .main_recruit_infos .m .title img { width: .4rem !important; } .content .main_recruit_infos .m .title span { font-size: .3rem !important; } .content .main_recruit_infos .m .box .head div { font-size: .24rem !important; padding: 0 !important; justify-content: center !important; text-align: center !important; } .content .main_recruit_infos .m .box ul li .heads div { height: auto !important; padding: 0 !important; font-size: .24rem !important; text-align: center !important; justify-content: center !important; } .content .main_recruit_infos .m .box ul li .slide { padding: 0 .3rem .3rem .3rem !important; } .content .main_recruit_infos .m .box ul li .slide .item .t { font-size: .3rem !important; } .content .main_recruit_infos .m .box ul li .slide .item .font p { font-size: .26rem !important; line-height: 1.8 !important; } .content .main_recruit_infos .m .box ul li .slide .item .code .c img { width: 1.5rem !important; } .content .main_recruit_infos .m .box ul li .slide .item .code .f p { font-size: .26rem !important; } .content .main_recruit_infos .m .box ul li .slide .btn { width: 1.6rem !important; height: .6rem !important; font-size: .26rem !important; } .content .main_recruit_infos { padding-bottom: .3rem !important; } .content .main_recruit_infos .m .box ul li .heads { height: auto !important; padding: .2rem .1rem !important; } .content .main_content .m .main_box .main_about_recruit { padding: 0 !important; background: #fff !important; } .content .main_content .m .main_box .main_about_recruit .bann p { font-size: .33rem !important; } .content .main_content .m .main_box .main_about_recruit { background: none !important; } .content .main_content .m .main_box .main_about_recruit ul { justify-content: space-between !important; } .content .main_content .m .main_box .main_about_recruit ul { margin-top: 0 !important; } .content .main_content .m .main_box .main_about_recruit ul li { height: 1.5rem !important; width: 48% !important; margin: 0 !important; margin-top: .3rem !important; } .content .main_content .m .main_box .main_about_recruit ul li a img { width: .56rem !important; } .content .main_content .m .main_box .main_about_recruit ul li a span { font-size: .28rem !important; } .content .main_content .m .main_box .main_about_team { background: none !important; padding: 0 !important; margin: 0 !important; } .content .main_content .m .main_box .main_about_team ul li { background: #fff !important; padding: .3rem !important; margin-top: .3rem !important; } .content .main_content .m .main_box .main_about_team ul li .pic { width: 2.6rem !important; height: 3rem !important; } .content .main_content .m .main_box .main_about_team ul li .grow { padding-left: .3rem !important; } .content .main_content .m .main_box .main_about_team ul li .grow .name p { font-size: .3rem !important; } .content .main_content .m .main_box .main_about_team ul li .grow .name span { font-size: .24rem !important; padding: 0.05rem .1rem !important; } .content .main_content .m .main_box .main_about_team ul li .grow .name { padding-bottom: .2rem !important; } .content .main_content .m .main_box .main_about_team ul li .grow .desc p { font-size: .24rem !important; line-height: 1.6 !important; margin-top: 0 !important; } .content .main_cart { padding: 0 .3rem !important; } .content .main_cart .box .head { display: block !important; padding: .3rem 0 !important; } .content .main_cart .box .head .fl { justify-content: space-between !important; width: 100% !important; } .content .main_cart .box .head .fl p { font-size: .28rem !important; margin-right: .3rem !important; } .content .main_cart .box .head .fl .search { width: auto !important; height: .8rem !important; margin: 0 !important; flex: 1 !important; } .content .main_cart .box .head .fl .search input { font-size: .26rem !important; padding-left: .3rem !important; } .content .main_cart .box .head .fl .search div { width: 1rem !important; font-size: .28rem !important; } .content .main_cart .box .main_cart_list { padding: 0 !important; overflow: auto !important; white-space: nowrap !important; } .content .main_cart .box .main_cart_list table { margin: 0 !important; } .content .main_cart .box .main_cart_list table tr th { font-size: .26rem !important; height: auto !important; padding: .2rem !important; } .content .main_cart .box .main_cart_list table tr td .info div span { font-size: .26rem !important; } .content .main_cart .box .main_cart_list table tr td { font-size: .26rem !important; padding: .2rem !important; } .content .main_cart .box .main_cart_list table tr td .changes div { width: .5rem !important; height: .5rem !important; font-size: .3rem !important; } .content .main_cart .box .main_cart_list table tr td .changes input { width: 1rem !important; height: .5rem !important; font-size: .26rem !important; } .content .main_cart .box .main_cart_list table tr td .price { font-size: .28rem !important; } .content .main_cart .box .main_cart_list table tr td .changes { border-radius: .08rem !important; } .content .main_cart .box .head .clear { margin-top: .5rem !important; } .content .main_cart .box .head .clear img { width: .24rem !important; } .content .main_cart .box .head .clear span { font-size: .26rem !important; } .content .cart_footer.on { height: 1.5rem !important; padding-left: .2rem !important; } .content .cart_footer .m .fl label span { font-size: .26rem !important; } .content .cart_footer .m .fl p { font-size: .26rem !important; text-align: center !important; } .content .cart_footer .m .fr .y { font-size: .26rem !important; } .content .cart_footer .m .fr .s { font-size: .26rem !important; text-align: center !important; margin-left: 0 !important; } .content .cart_footer .m .fr .btn { margin-left: .3rem !important; font-size: .28rem !important; } .content .cart_footer .m .fl label { padding-right: .1rem !important; } .content .cart_footer .m .fr .s span { font-size: .3rem !important; } .content .main_cart { padding-bottom: 1rem !important; } .content .main_content .m .main_box .main_datas ul { padding: 0 .3rem !important; } .content .main_content .m .main_box .main_datas ul li a { padding: .3rem 0 !important; } .content .main_content .m .main_box .main_datas ul li a img { width: .66rem !important; } .content .main_content .m .main_box .main_datas ul li a div { flex: auto !important; width: calc(100% - .9rem) !important; } .content .main_content .m .main_box .main_datas ul li a div p { font-size: .3rem !important; margin-bottom: .06rem !important; } .content .main_content .m .main_box .main_datas ul li a div span { font-size: .24rem !important; } .content .main_register .box { width: 100% !important; margin: 0 auto !important; padding: 1rem .3rem .3rem .3rem !important; max-width: 100% !important; } .content .main_register .box .title { font-size: .33rem !important; } .content .main_register .box .tabbar div { padding: .3rem 0 !important; flex: 1 !important; font-size: .28rem !important; height: auto !important; } .content .main_register .box .tabbar { height: auto !important; } .content .main_register .box .message ul li { margin-top: .3rem !important; } .content .main_register .box .message ul li a { padding: .3rem !important; } .content .main_register .box .message ul li a img { width: .66rem !important; margin-bottom: .3rem !important; } .content .main_register .box { padding-bottom: .3rem !important; } .content .main_register .box .message ul li a .grow { padding-left: 0 !important; } .content .main_register .box .message ul li a .grow .t p { font-size: .28rem !important; } .content .main_register .box .message ul li a .grow .t { display: block !important; } .content .main_register .box .message ul li a .grow .t div { display: inline-flex !important; margin-bottom: .2rem !important; } .content .main_register .box .message ul li a .grow span { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_register .box .message ul li a { display: block !important; } .content .main_register { padding: .6rem .3rem !important; } .content .main_news_info { width: 6.9rem !important; margin: 0 auto !important; margin-top: -1rem !important; } .content .main_news_info .m .menus a { font-size: .24rem !important; } .content .main_news_info .m { display: block !important; } .content .main_news_info .m .info { width: 100% !important; padding: 0 .3rem !important; padding-bottom: .3rem !important; } .content .main_news_info .m .right .ts_product ul li .infos > p { font-size: .28rem !important; } .content .main_news_info .m .right .ts_product ul li .infos .price p { font-size: .3rem !important; } .content .main_news_info .m .right .ts_product ul li .infos .price del { font-size: .26rem !important; } .content .main_news_info .m .info .head { padding: .3rem 0 !important; } .content .main_news_info .m .info .head p { font-weight: bold !important; font-size: .3rem !important; } .content .main_news_info .m .info .child p { font-size: .26rem !important; line-height: 1.7 !important; margin-top: .2rem !important; } .content .main_news_info .m .info .child img { margin-top: .2rem !important; } .content .main_news_info .m .info .head span { font-size: .26rem !important; } .content .main_news_info .m .right { width: 100% !important; margin-top: .3rem !important; } .content .main_content .m .main_box .main_newsbox ul { margin-bottom: .3rem !important; padding: 0 .3rem !important; } .content .main_content .m .main_box .main_newsbox ul li a { display: block !important; padding: .3rem 0 !important; } .content .main_content .m .main_box .main_newsbox ul li a .date { width: 100% !important; padding: 0 !important; margin-bottom: .3rem !important; } .content .main_content .m .main_box .main_newsbox ul li a .font { width: 100% !important; padding: 0 !important; } .content .main_content .m .main_box .main_newsbox ul li a .font p { font-size: .28rem !important; margin-bottom: .2rem !important; } .content .main_content .m .main_box .main_newsbox ul li a .font span { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_newsbox ul li a .pic { width: 100% !important; margin-top: .3rem !important; height: 3rem !important; } .content .main_product_confirn { padding: .3rem !important; } .content .main_product_confirn .m .info { width: 100% !important; display: block !important; padding: .3rem !important; } .content .main_product_confirn .m .info img { width: .8rem !important; margin: 0 auto !important; } .content .main_product_confirn .m .info .grow { width: 100% !important; padding: .3rem 0 !important; } .content .main_product_confirn .m .info .grow ul li { font-size: .26rem !important; line-height: 1.7 !important; margin-top: .2rem !important; } .content .main_product_confirn .m .pay_type { margin-top: .3rem !important; padding: .3rem !important; } .content .main_product_confirn .m .pay_type > p { font-size: .33rem !important; } .content .main_product_confirn .m .pay_type ul li { height: auto !important; padding: .5rem .3rem !important; } .content .main_product_confirn .m .pay_type ul li div img { width: .66rem !important; } .content .main_product_confirn .m .pay_type ul li div span { font-size: .28rem !important; } .content .main_product_confirn .m .pay_type ul li p { font-size: .28rem !important; } .content .main_product_confirn .m .pay_type .btn { margin: 0 auto !important; margin-top: .5rem !important; float: none !important; } .content .main_product_confirn .m .info .grow .head { padding-bottom: .3rem !important; } .content .main_product_confirn .m .info .grow .head p { text-align: center !important; justify-content: center !important; font-size: .28rem !important; } .content .main_product_confirn .m .info .grow .head p span { font-size: .33rem !important; } .content .banner { height: 4.6rem !important; } .content .main_product_confirn .m .info .grow .head em { font-size: .26rem !important; line-height: 1.7 !important; text-align: center !important; } .content .main_product_box { width: 100% !important; display: block !important; } .content .main_product_box .main_product_info { width: 100% !important; padding: .3rem !important; } .content .main_product_box .main_product_info table tr th { font-size: .28rem !important; height: auto !important; padding: .2rem !important; } .content .main_product_box .main_product_info table tr td { font-size: .26rem !important; padding: .2rem !important; height: auto !important; } .content .main_product_details .main_about .box .morelist ul li { width: 100% !important; margin: 0 !important; } .content .main_product_details .main_about .box .morelist ul li a .pic { /*height: auto !important;*/ } .content .main_product_details .main_about .box .morelist ul li a span { font-size: .24rem !important; line-height: 1.7 !important; padding: .3rem !important; } .content .main_product_details .main_about .box .morelist .title { font-size: .28rem !important; height: auto !important; padding: .2rem !important; } .content .main_product_details .main_about .box table tr th { font-size: .28rem !important; height: auto !important; padding: .2rem !important; } .content .main_product_details .main_about .box table tr td { font-size: .26rem !important; padding: .2rem !important; height: auto !important; } .content .main_product_box .main_product_cart { width: 100% !important; margin-top: .3rem !important; } .content .main_product_box .main_product_cart .title { height: .8rem !important; font-size: .3rem !important; } .content .main_product_box .main_product_cart .child { padding: 0 .3rem !important; } .content .main_product_box .main_product_cart .child .info { padding: .3rem 0 !important; } .content .main_product_box .main_product_cart .child .info .label p { font-size: .26rem !important; } .content .main_product_box .main_product_cart .child .info .label .address { font-size: .26rem !important; } .content .main_product_box .main_product_cart .child .info .label ul li span { font-size: .26rem !important; } .content .main_product_box .main_product_cart .child .info .label .data span { font-size: .26rem !important; } .contrast_fadein .box ul li div{ height: 1.8rem; } .contrast_fadein .box .button{ display: none; } .content .main_product_box .main_product_cart .child .info .price p { font-size: .33rem !important; } .content .main_product_box .main_product_cart .child .button div { font-size: .26rem !important; } .content .main_product_box .main_product_cart .child .button div a { font-size: .26rem !important; } .content .main_product_box .main_product_cart .child { padding-bottom: .3rem !important; } .content .main_product_box .main_product_cart .child .info .price del { font-size: .24rem !important; } /*.contrast_fadein {*/ /* display: none !important; }*/ .contrast_fadein .box { width: 6.9rem !important; padding: 0 .2rem !important; } .contrast_fadein .box .title p { font-size: .3rem !important; } .contrast_fadein .box .title { height: 1rem !important; } .contrast_fadein .box ul li { width: 32% !important; } .contrast_fadein .box table { word-break: break-all; white-space: normal !important; } .contrast_fadein .box ul li span { font-size: .26rem !important; } .contrast_fadein .box table tr td { font-size: .26rem !important; padding: .2rem !important; height: auto !important; } .contrast_fadein .box table tr td { font-size: .26rem !important; padding: .2rem !important; height: auto !important; } .content .main_content .m .main_box .main_product_idv_list { padding: 0 !important; overflow: auto !important; padding-bottom: .3rem !important; white-space: nowrap !important; } .content .main_content .m .main_box .main_product_idv_list table tr th { font-size: .28rem !important; height: auto !important; padding: .2rem !important; } .content .main_content .m .main_box .main_product_idv_list table tr td { font-size: .26rem !important; height: auto !important; padding: .2rem !important; } .content .main_content .m .main_box .main_product_idv_list table tr td p { font-size: .28rem !important; } .content .main_content .m .main_box .main_product_idv_list table tr td label { font-size: .26rem !important; } .content .main_content .m .main_box .main_product_idv_list table { /*width: 200% !important;*/ display: inline-block !important; } .content .main_product_details .main_details { padding: .3rem !important; display: block !important; } .content .main_product_details .main_details .slide { width: 100% !important; } .content .main_product_details .main_details .slide .pic { height: 4.5rem !important; } .content .main_product_details .main_details .slide .pic { height: auto !important; } .content .main_product_details .main_details .slide .list { margin-top: .3rem !important; padding: 0 .55rem !important; } .content .main_product_details .main_details .details { padding: 0 !important; width: 100% !important; margin-top: .3rem !important; } .content .main_product_details .main_details .details .name { display: block !important; } .content .main_product_details .main_details .details .name div { display: block !important; padding: 0 !important; } .content .main_product_details .main_details .details .name div p { padding: 0 !important; font-size: .28rem !important; line-height: 1.7 !important; padding: .15rem 0 !important; } .content .main_product_details .main_details .slide .list .btn { width: .45rem !important; height: .45rem !important; background-size: 100% 100% !important; } .content .main_product_details .main_details .details > ul li .rd label span, .content .main_product_details .main_details .details > ul li > p { font-size: .26rem !important; } .content .main_product_details .main_details .details > ul li { flex-wrap: wrap !important; } .content .main_product_details .main_details .details > ul li .price { position: static !important; width: 100% !important; margin-top: .3rem !important; transform: translate(0) !important; } .content .main_product_details .main_details .details .bottom { display: block !important; } .content .main_product_details .main_details .details .bottom ul { width: 100% !important; justify-content: space-between !important; } .content .main_product_details .main_about { padding: 0 .3rem !important; } .content .main_product_details .main_about .title { height: .8rem !important; font-size: .3rem !important; } .content .main_product_details .main_about .slide { padding: 0 .55rem !important; } .content .main_product_details .main_about .slide .btn { width: .45rem !important; height: .45rem !important; background-size: 100% 100% !important; } .content .main_product_details .main_about .slide .label { width: 100% !important; padding: 0 .3rem !important; } .content .main_product_details .main_about .slide .label .button .btns div { font-size: .26rem !important; } .content .main_product_details .main_about .slide .label .button .btns div a { font-size: .26rem !important; } .content .main_product_content { padding: 0 !important; } .content .main_product_content .m { border-radius: 0 !important; padding: 0 .3rem !important; } .content .main_product_content .m .head p { font-size: .26rem !important; } .content .main_product_content .m .head .btn div { height: .45rem !important; margin-left: .2rem !important; } .content .main_product_content .m .head .btn div a { padding: 0 .15rem !important; } .content .main_product_content .m .head .btn div span { font-size: .26rem !important; } .content .main_product_content .m .address_box .mySwiper .swiper-slide { width: 100% !important; margin-right: 0 !important; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label { padding: 0 .3rem !important; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label p { padding: .2rem 0 !important; font-size: .28rem !important; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label span { font-size: .24rem !important; line-height: 1.7 !important; } .content .main_product_content .m .address_box .mySwiper .swiper-slide .label { min-height: 2rem !important; } .content .main_product_details .main_details .details .bottom .btn { margin: 0 auto !important; margin-top: .5rem !important; } .content .main_product_details .main_details .details .bottom .btn div { font-size: .26rem !important; } .content .main_product_details .main_details .details .bottom .btn div a { font-size: .26rem !important; } .content .main_product_details .main_details .details > ul li > span { font-size: .26rem !important; } .content .main_product_details .main_details .details .name div span { display: inline-flex !important; } .content .main_product_details .main_details .details .name em { font-size: .24rem !important; margin-top: .3rem !important; } .content .main_product_content .m .confire .title { font-size: .26rem !important; } .content .main_product_content .m .confire .tabs { width: 100% !important; overflow: auto !important; white-space: nowrap !important; } .content .main_product_content .m .confire table tr th { font-size: .26rem !important; height: auto !important; padding: 0.2rem !important; } .content .main_product_content .m .confire table tr td { font-size: .26rem !important; padding: 0.2rem !important; } .content .main_product_content .m .confire table tr td .changes { border-radius: 0.08rem !important; } .content .main_product_content .m .confire .type { font-size: .26rem !important; } .content .main_product_content .m .confire table tr td .changes div { width: 0.5rem !important; height: 0.5rem !important; font-size: .3rem !important; } .content .main_product_content .m .confire table tr td .changes input { width: 1rem !important; height: 0.5rem !important; font-size: .26rem !important; } .content .main_product_content .m .confire .textarea { height: 3.6rem !important; margin-top: .3rem !important; } .content .main_product_content .m .confire .textarea textarea { font-size: .26rem !important; } .content .main_product_content .m .confire .textarea span { font-size: .3rem !important; } .content .main_product_content .m .price_info .price_infos { padding: .3rem !important; } .content .main_product_content .m .price_info .price_infos .price { font-size: .26rem !important; } .content .main_product_content .m .price_info .price_infos .price span { font-size: .3rem !important; line-height: 1.3 !important; } .content .main_product_content .m .price_info .price_infos .desc { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_product_list .list { padding-top: .3rem !important; } .content .main_content .m .main_box .main_product_list .list li { width: 100% !important; } .content .main_content .m .main_box .main_product_list .list li .label a .pic { height: 3rem !important; } .content .main_content .m .main_box .main_product_list .list li .label a .grow h2 > p { font-size: .28rem !important; } .content .main_content .m .main_box .main_product_list .list li .label a .grow span { font-size: .25rem !important; } .content .main_content .m .main_box .main_product_list .list li .bottom .join span { font-size: .26rem !important; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div { font-size: .26rem !important; } .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a { font-size: .26rem !important; } .content .main_content .m .main_box .main_product_list .list li .bottom { height: auto !important; padding: .3rem 0 !important; } .content .main_content .m .main_box .main_qa ul li { padding: 0 .3rem !important; } .content .main_content .m .main_box .main_qa ul li .line { height: 1rem !important; } .content .main_content .m .main_box .main_qa ul li .line .icon span { font-size: .28rem !important; } .content .main_content .m .main_box .main_qa ul li .line .fr p, .content .main_content .m .main_box .main_qa ul li .line .fr span { font-size: .26rem !important; } .content .main_content .m .main_box .main_qa ul li .slide { padding: .3rem !important; } .content .main_content .m .main_box .main_qa ul li .slide p { font-size: .24rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_qa ul li .slide .pic img { width: 2rem !important; height: 2rem !important; margin-right: .2rem !important; } .content .main_content .m .main_box .main_qa ul li { margin-bottom: .2rem !important; } .content .main_content .m .main_box .main_qa ul li .slide { margin-bottom: .3rem !important; } .content .main_register .box .fade { width: 100% !important; margin-top: .3rem !important; } .content .main_register .box .fade .item .label { margin-bottom: .2rem !important; } .content .main_register .box .fade .item .label p { font-size: .26rem !important; width: 2rem !important; padding-right: .2rem !important; box-sizing: border-box !important; } .content .main_register .box .fade .item .label .change.on input { width: 2.5rem !important; } .content .main_register .box .fade .item .label .change div { width: 1.5rem !important; font-size: .26rem !important; } .content .main_register .box .fade .item .reg { padding: 0 !important; justify-content: center !important; margin-top: .3rem !important; } .content .main_register .box .fade .item .submit { margin: 0 auto !important; font-size: .26rem !important; margin-top: .4rem !important; } .content .main_register .box .fade .item .link { padding: 0 !important; } .content .main_register .box .fade .item .reg p { font-size: .26rem !important; } .content .main_register .box .fade .item .label .change { width: calc(100% - 2rem) !important; } .content .main_register .box .fade .item .label .change input { font-size: .26rem !important; } .content .main_content .m .main_box .main_services { padding: .3rem 0 !important; } .content .main_content .m .main_box .main_services .main_top_info .t { display: block !important; } .content .main_content .m .main_box .main_services .main_top_info .t p { font-size: .3rem !important; } .content .main_content .m .main_box .main_services .main_top_info .t div { margin-top: .3rem !important; width: 2rem !important; height: .66rem !important; font-size: .26rem !important; } .content .main_content .m .main_box .main_services .main_top_info .t div a { font-size: .26rem !important; } .content .main_content .m .main_box .main_services .main_top_info span { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_services { margin-top: 0 !important; } .content .main_content .m .main_box .main_services .head span { font-size: .3rem !important; } .content .main_content .m .main_box .main_services .item .table .tit { padding: .2rem .1rem !important; height: auto !important; width: 100% !important; font-size: .3rem !important; } .content .main_content .m .main_box .main_services .item .table em { font-size: .26rem !important; } .content .main_content .m .main_box .main_services .item .table { /*overflow: auto !important;*/ /*width: 100% !important;*/ /*white-space: nowrap !important;*/ } .content .main_content .m .main_box .main_services .item .title div { font-size: .3rem !important; } .content .main_content .m .main_box .main_services .item .table .table1.on tr td { padding: .2rem !important; font-size: .26rem !important; } .content .tong_header1 { padding: 0 !important; } .content .tong_header1 .user .info p { font-size: .26rem !important; } .content .tong_header1 .user .info span { height: auto !important; padding: .05rem .3rem !important; font-size: .24rem !important; } .content .tong_header1 .user .info { margin-left: .2rem !important; } .content .tong_header1 .right { display: flex !important; flex-wrap: wrap !important; width: 2.8rem !important; text-align: center !important; } .content .tong_header1 .right .n p { font-size: .3rem !important; margin-bottom: .06rem !important; } .content .tong_header1 .right .n span { font-size: .24rem !important; } .content .tong_header1 .right .n { margin-right: .2rem !important; width: 1.2rem !important; padding: .2rem 0 !important; } .content .tong_header1 .right .set { font-size: .26rem !important; height: auto !important; display: inline-block !important; margin-top: .2rem !important; } .content .tong_header1 .right .set a { padding: 0 !important; padding: .1rem .2rem !important; line-height: 1 !important; display: inline-block !important; height: auto !important; font-size: .24rem !important; } .content .tong_header1 .right .n:nth-child(2) { margin-right: 0 !important; } .content .tong_header1 .user .pic { width: 1.3rem !important; height: 1.3rem !important; } .content .main_content .m .main_box .main_left .navbar_link { padding: .15rem .2rem !important; } .content .main_content .m .main_box .main_user_address { padding: 0 .3rem !important; } .content .main_content .m .main_box .main_user_address .head { padding: .2rem 0 !important; } .content .main_content .m .main_box .main_user_address .head p { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_address .head .btn div span { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_address ul li { width: 100% !important; margin: 0 !important; margin-bottom: .2rem !important; } .content .main_content .m .main_box .main_user_address ul li p { font-size: .28rem !important; padding: .2rem 0 !important; } .content .main_content .m .main_box .main_user_address ul li .child span { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_address ul li .child .b em { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_collect ul li { width: 100% !important; margin: 0 !important; margin-top: .2rem !important; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow > p { font-size: .28rem !important; } .content .main_content .m .main_box .main_user_collect ul li .label a .grow span { font-size: .25rem !important; } .content .main_content .m .main_box .main_user_collect ul li .bottom { height: auto !important; padding: 0.3rem 0 !important; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_collect ul li .bottom .join span { font-size: .26rem !important; } .content .main_content .m .main_box .main_user_collect ul li .label a .pic { height: 4.42rem !important; } .content .main_content .m .main_box .main_user_coupon .tabbar { margin-top: .3rem !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li { padding: 0 .3rem !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top { display: block !important; padding: .2rem 0 !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div { display: block !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div span { display: inline-flex !important; font-size: .22rem !important; margin-bottom: .2rem !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p { font-size: .28rem !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em { font-size: .24rem !important; margin-top: .2rem !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr { float: none !important; width: 100% !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl { float: none !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom { display: block !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl { float: none !important; width: 100% !important; padding: 0 !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p { font-size: .24rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn { margin: 0 auto !important; margin-top: .3rem !important; } .content .main_content .m .main_box .main_user_coupon .tabbar div { font-size: .26rem !important; padding: 0 !important; } .content .main_content .m .main_box .main_user_feedback ul li .bottom p { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_user_feedback ul li .bottom span { font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_left .navbar_link ul li a { padding: 0 !important; } .content .main_content .m .main_box .main_left .navbar_link ul li a img { width: .35rem !important; } .content .main_content .m .main_box .main_user_integral_lottery .box{ margin-bottom: .2rem; } .content .main_content .m .main_box .main_user_feedback .title { font-size: .3rem !important; font-weight: bold !important; } .content .main_content .m .main_box .main_user_integral_lottery { padding-top: 1.4rem; height: 6.9rem !important; } .content .home_banner { height: 4.6rem !important; } .content .home_banner .btn.prev { left: .3rem !important; } .content .home_banner .btn.next { right: .3rem !important; } .content .home_banner .mySwiper .swiper-slide .m { width: 5.9rem !important ; } .content .home_banner .mySwiper .swiper-slide .m p { font-size: .33rem !important; margin-bottom: .2rem !important; text-align: center !important; } .content .home_banner .mySwiper .swiper-slide .m span { text-align: center !important; font-size: .26rem !important; } .content .home_banner .mySwiper .swiper-pagination { bottom: .3rem !important; } .content .home_banner .mySwiper .swiper-pagination-bullet { margin: 0 .1rem !important; } .m1600 { width: 100% !important ; } .content .main_home_hot { padding: .6rem .3rem !important; } .content .main_home_hot .m1600 { display: block !important; } .content .tong_title p { font-size: .33rem !important; } .content .tong_title span { font-size: .24rem !important; } .content .tong_title em { font-size: 1rem !important; } .content .main_home_hot .m1600 .box { display: block !important; margin-top: .6rem !important; } .content .main_home_hot .m1600 .box .nav ul li:first-child { margin: 0 !important; } .content .main_home_hot .m1600 .box .nav .more { margin: 0 !important; width: 1.5rem !important; height: .6rem !important; } .content .main_home_hot .m1600 .box .nav .more a { font-size: .24rem !important; } .content .main_home_hot .m1600 .box .nav .more a img { width: .25rem !important; } .content .main_home_hot .m1600 .box .nav { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .content .main_home_hot .m1600 .box .nav ul { overflow: auto !important; width: 72% !important; white-space: nowrap !important; } .content .main_home_hot .m1600 .box .nav ul li { display: inline-block !important; margin: 0 !important; margin-right: .2rem !important; } .content .main_home_hot .m1600 .box .nav ul li a { font-size: .26rem !important; } .content .main_home_hot .m1600 .box .nav ul li a img { width: .1rem !important; } .content .main_home_hot .m1600 .box .nav::after { display: none !important; } .content .main_home_hot .m1600 .box .slide { width: 100% !important; margin-top: .5rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide { width: 80% !important; margin-right: .3rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info p { font-size: .28rem !important; margin-bottom: .1rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .pic { height: 3.6rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b div img { width: .7rem !important; } .content .main_home_service { padding: .6rem .3rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info span { font-size: .24rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b div em { font-size: .3rem !important; } .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b > img { width: .4rem !important; } .content .main_home_service .m1600 ul { justify-content: space-between !important; } .content .main_home_service .m1600 ul li { width: 48% !important; margin: 0 !important; margin-top: .6rem !important; padding: .8rem .2rem .2rem .2rem !important; } .nulls{ display: none; } .content .main_home_service .m1600 ul li .name { padding: .1rem !important; font-size: .26rem !important; } .content .main_home_service .m1600 ul li .font div { font-size: .24rem !important; text-align: left !important; margin-top: .1rem !important; } .content .main_home_service .m1600 ul li .fonts { font-size: .24rem !important; line-height: 1.6 !important; margin-top: .1rem !important; } .content .main_home_service .m1600 ul li .more { width: 1.6rem !important; height: .65rem !important; margin-top: .5rem !important; } .content .main_home_service .m1600 ul li .more a { font-size: .26rem !important; } .content .main_home_service .m1600 ul li .more a img { width: .35rem !important; } .content .main_home_service .m1600 ul li > img { width: .9rem !important; top: -.45rem !important; } .content .main_home_about { padding: .6rem .3rem !important; } .content .main_home_about .m1600 .box { margin-top: .5rem !important; display: block !important; width: 100% !important; } .content .main_home_about .m1600 .box .video { width: 100% !important; } .content .main_home_about .m1600 .box .video .play { width: .66rem !important; } .content .main_home_about .m1600 .box .grow { width: 100% !important; margin: 0 !important; padding: 0 !important; margin-top: .3rem !important; } .content .main_home_about .m1600 .box .grow > p { font-size: .28rem !important; margin-bottom: .2rem !important; } .content .main_home_about .m1600 .box .grow > span { font-size: .24rem !important; line-height: 1.66 !important; } .content .main_home_about .m1600 .box .grow ul li { margin-top: .3rem !important; } .content .main_home_about .m1600 .box .grow .more { width: 1.6rem !important; height: .65rem !important; margin: 0 auto !important; margin-top: .5rem !important; } .content .main_home_about .m1600 .box .grow .more a { font-size: .26rem !important; } .content .main_home_about .m1600 .box .grow .more a img { width: .35rem !important; } .content .main_home_about .m1600 .box .grow ul li p { font-size: .24rem !important; } .content .main_home_about .m1600 .box .grow ul li p span { font-size: .3rem !important; } .content .main_home_about .m1600 .box .grow ul li em { font-size: .23rem !important; } .content .main_home_about .m1600 .box .grow ul li:nth-child(2)::after { display: none !important; } .content .main_home_news { padding: .6rem .3rem !important; } .main_fixed { display: none !important; } .content .main_home_news .m1600 .more { width: 1.6rem !important; height: .65rem !important; margin: 0 auto !important; margin-top: .5rem !important; } .content .main_home_news .m1600 .more a { font-size: .26rem !important; } .content .main_home_news .m1600 .more a img { width: .35rem !important; } .content .main_home_news .m1600 ul { width: 100% !important; display: flex !important; justify-content: space-between !important; } .content .main_home_news .m1600 ul li { width: 48% !important; margin: 0 !important; margin-top: .3rem !important; } .content .main_home_news .m1600 ul li a { display: block !important; width: 100% !important; padding: .2rem !important; } .content .main_home_news .m1600 ul li a .pic { width: 100% !important; height: 2rem !important; } .content .main_home_news .m1600 ul li a .info { width: 100% !important; margin: 0 !important; padding: .2rem 0 !important; padding-bottom: 0 !important; } .content .main_home_news .m1600 ul li a .info p { font-size: .26rem !important; margin-bottom: .2rem !important; } .content .main_home_news .m1600 ul li a .info span { font-size: .22rem !important; } .content .footer .m1560 .item .form form .btn input[type='submit'] { height: .6rem !important; font-size: .24rem !important; } .fadein_login .box { width: 6.2rem !important; height: auto !important; min-height: auto !important; padding: .6rem .3rem !important; } .content .main_content .m .main_box .main_services .item .table .table1 { overflow: auto !important; */ width: 100% !important; white-space: nowrap !important; } .content .main_content .m .main_box .main_services .item .table .table1 tbody{ display: inline-block; } .fadein_login .box .logo { width: 1.7rem !important; margin-bottom: .8rem !important; } .fadein_login .box .type { margin-bottom: .3rem !important; } .fadein_login .box .type div { width: 50% !important; padding: 0 !important; } .fadein_login .box .type div img { width: 1.4rem !important; } .fadein_login .box .type div span { font-size: .26rem !important; } .fadein_login .box label p { font-size: .26rem !important; } .fadein_login .box .type { margin-bottom: .5rem !important; } .fadein_login .box .button p { font-size: .24rem !important; } .fadein_login .box .button { margin-top: .3rem !important; } .fadein_login .box .button { padding: 0 !important; } .fadein_login .box form input[type='text'] { width: 100% !important; height: .77rem !important; font-size: .26rem !important; } .fadein_login .box form input[type='submit'] { width: 100% !important; height: .77rem !important; font-size: .26rem !important; } .mobile_fade { overflow: hidden; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.9) !important; position: fixed; left: 0; top: 0; display: none; z-index: 999999 ; } .mobile_fade .box { width: 100% !important; height: calc(100vh - 1rem); position: absolute !important; left: 0 ; top: -100vh; background: #fff !important; } .mobile_fade .box ul { overflow: auto !important; height: 100% !important; padding: 0 .3rem !important; } .mobile_fade .box ul li { overflow: hidden !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; width: 100% !important; } .mobile_fade .box ul li span { height: 1rem !important; display: flex !important; font-size: .28rem !important; color: #333 !important; align-items: center !important; justify-content: space-between !important; } .mobile_fade .box ul li span.on img { transform: rotate(90deg) !important; } .mobile_fade .box ul li span a { font-size: .28rem !important; color: #000 !important; height: 100% !important; display: flex !important; align-items: center !important; width: 90% !important; } .mobile_fade .box ul li span img { width: .65rem !important; transition: all .2s !important; } .mobile_fade .box ul li div { overflow: hidden !important; width: 100% !important; display: none !important; } .mobile_fade .box ul li div a { display: flex !important; align-items: center !important; font-size: .26rem !important; color: #333 !important; height: .8rem !important; } .content .header { z-index: 9999999 !important; } .menu { width: .46rem !important; position: absolute !important; right: .3rem !important; top: 50% !important; transform: translateY(-50%) !important; display: block !important; } .content .main_content .m .main_box .main_product_list.on .list li { width: 100% !important; margin: 0 !important; margin-bottom: .3rem !important; } .main_bj { width: 100% !important; margin: 0 !important; border-radius: 0 !important; padding: .3rem !important; } .fadein_db{ bottom: 0; width: 100%; } .fadein_login .box form div, .fadein_login .box form input[type='button']{ width: 100%; } .main_bj .head p { font-size: .3rem !important; font-weight: bold !important; margin-bottom: .2rem !important; } .main_bj .head span { font-size: .24rem !important; line-height: 1.66 !important; } .main_bj .item .title p { font-size: .28rem !important; font-weight: bold !important; } .main_bj .item .label .lab { width: 100% !important ; } .main_bj .item .label { display: block !important; } .main_bj .item .label .name { text-align: left !important; font-size: .28rem !important; font-weight: bold !important; } .main_bj .item .label .change ul li span { font-size: .25rem !important; } .main_bj .item .label .change > input { width: 100% !important; } .main_bj .item .label .change { width: 100% !important; } .main_bj .item .label .lab p { display: none !important; } .main_bj .item .label .lab input { width: 100% !important; } .search_keyword { display: block !important; } .search_keyword ul { flex-wrap: wrap !important; } .search_keyword ul li { margin-top: .2rem !important; margin-left: 0 !important; margin-right: .15rem !important; font-size: .26rem !important; } .content .main_home_about .m1600 .box .grow > span p span{ font-size: .24rem !important; line-height: 1.66 !important; } .content .main_product_details .main_details .slide .pic{ height: 4.5rem; } .content .main_product_details .main_about .slide .mySwiper2 .swiper-slide{ width: 100%; } .content .main_product_details .main_about .slide .label a{ display: block; width: 100%; } .content .main_product_details .main_about .slide .label .info{ display: block; width: 100%; } .content .main_product_details .main_about .slide .label .info .pic{ width: 100%; height: 3rem; } .content .main_product_details .main_about .slide .label .info .grow{ padding: .2rem 0; } .content .main_content .m .main_box .main_left .navbar_link ul li{ padding-right: .5rem; } .content .main_content .m .main_box .main_left .navbar_link ul{ white-space: inherit; } .content .main_content .m .main_box .main_left .navbar_link ul li{ margin-bottom: .2rem; } .content .main_content .m .main_box .main_services .main_top_info span{ font-size: .26rem !important; line-height: 1.7 !important; } .content .main_content .m .main_box .main_services .item .table .tit{ padding: 0.2rem 0.1rem !important; height: auto !important; width: 100% !important; font-size: .3rem !important; } .content .main_product_details .main_about .slide .label .button .btns div.on a{ text-align: center; } .content .main_news_info .m .right .ts_product ul li .pic img{ /*object-fit: cover;*/ } .content .main_product_details .main_details .slide .pic{ height: 4.5rem !important; } .content .main_content .m .main_box .main_qa ul li .line{ height: auto !important; padding: .3rem 0 !important; flex-wrap: wrap; } .content .main_content .m .main_box .main_qa ul li .line .fr{ width: 100%; margin-top: .3rem; } .content .main_news_info{ padding-bottom: .6rem; } .content .main_content .m .main_box .main_qa ul li .line .fr span{ margin-left: .6rem; } .content .cart_footer .m .fl label span{ word-wrap: normal; } .content .cart_footer .m .fl p{ padding: 0 .2rem; } .content .main_content .m .main_box .main_services .item > img{ width: 100%; display: block; } .content .main_home_about .m1600 .box .grow ul li p{ margin-bottom: .2rem; } .fadein_password .box .fade .item .label p{ font-size: .26rem; width: 80px; } .fadein_password .box .fade .item .label .change div{ font-size: .22rem; width: 1.7rem; } .fadein_password .box .fade .item .label .change.on input{ width: 128px; } .fadein_password .box .fade .item .label .change{ width: calc(100% - 90px); } .fadein_password .box .fade .item .label .change.on input{ width: calc(100% - 1.8rem); } .content .cart_footer .m .fr .btn{ text-align: center; } .content .main_order_info .box .item ul li span{ font-size: .26rem; white-space: nowrap; } .content .cart_footer .m .fr .y{ text-align: center; padding: 0 .2rem; } .content footer .m1560{ max-width: 100%; width: 100% !important; } .content footer .m1560 div a{ margin: 0; } .content .main_home_service .m1600 ul li .fonts span{ font-size: .24rem !important; line-height: 1.6 !important; margin-top: .1rem !important; } .content footer .m1560 div{ flex-wrap: wrap; } .content .main_order_info .box .item ul li{ margin-right: 0; font-size: .26rem; } .fadein_add .box{ width: 6.9rem; padding: 0 .2rem; } .content .main_content .m .main_box .main_user_integral .head .btn{ position: static; margin: .3rem auto; } .content .main_content .m .main_box .main_user_integral .head .tab a { flex: 1; } .content .main_content .m .main_box .main_user_integral .head .tab div{ padding: 0; flex: 1; font-size: .26rem; text-align: center; } .content .main_content .m .main_box .main_user_integral{ padding: .3rem 0; } .content .main_order_info .box .item table tr th,.content .main_order_info .box .item table tr:last-child td, .content .main_order_info .box .item table tr td .info div span{ font-size: .24rem; } .fadein_add .box .child .changes .label{ width: 48%; } .fadein_add .box .child .item .city .lab{ width: 31%; } .fadein_password .box .title p{ font-size: .33rem; } .content .main_order_info .box .price_info .price_infos{ width: 100%; min-width: 100%; } .fadein_password .box{ width: 6.9rem; padding: 0 .2rem; } .fadein_password .box .fade .item .button{ padding: 0; justify-content: center; } .content .main_content .m .main_box .main_left .navbar_link ul li a img{ margin-right: .1rem !important; } .content .main_content .m .main_box .main_left .navbar_link ul li{ margin-bottom: .2rem !important; } .content .main_content .m .main_box .main_left .navbar_link ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .content .main_content .m .main_box .main_left .navbar_link ul li{ padding-right: .5rem !important; padding-left: .2rem !important; width: 48% !important; margin: 0 !important; margin-bottom: .15rem !important; } .content .main_content .m .main_box .main_user_order .tabbar div{ font-size: .26rem; } .content .main_content .m .main_box .main_datas ul li a div p{ font-size: .28rem !important; } .content .main_content .m .main_box .main_user_order .orderlist .label{ display: inline-block; width: 15rem; } .content .main_content .m .main_box .main_user_order .orderlist .items .srcoll{ overflow: auto; white-space: nowrap; } .content .main_content .m .main_box .main_left .navbar_link ul{ white-space: inherit !important; } .tableout{ overflow: auto; width: 100%; white-space: nowrap; } .content .main_content .m .main_box .main_services .item .table .table1{ overflow: hidden; display: inline-block; } .searchicon{ width: .4rem; display: block; } .search_fadein{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 99999999999; display: flex; display: none; align-items: center; justify-content: center; } .search_fadein .searchs img{ width: .45rem; position: absolute; right: 0; top: -.8rem; } .search_fadein .searchs { width: 6.9rem; height: .88rem; border-radius: .6rem; background: #F4F4F4; font-size: 12px; position: relative; display: flex; align-items: center; } .search_fadein .searchs div { height: 100%; display: flex; align-items: center; background: #E50012; font-size: .26rem; color: #fff; justify-content: center; width: 1.6rem; border-radius: 0 .6rem .6rem 0; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 9; } .search_fadein .searchs input { width: 100%; height: 100%; font-size: .26rem; color: #333; border: none; outline: none; background: none; padding-left: .3rem; } .search_fadein .searchs input::placeholder { color: #999; } .product_table tr th{ font-size: .25rem; height: .9rem; } .product_table tr td{ height: .9rem; font-size: .25rem; } .content .page_list div{ flex-wrap: wrap; justify-content: center; } .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide{ overflow: auto; } .abs1 .product_table{ width: 16rem; } .content .page_list{ flex-wrap: wrap; justify-content: center; } .fadein_prize .box ul li a .info img{ width: 1.5rem; height: 1.1rem; } .content .page_list a{ margin-top: .15rem !important; } .content .page_list a{ width: auto !important; font-size: .22rem !important; padding: 0 .15rem !important; } .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide{ width: 100% !important; } .content .home_banner{ height: 2.6rem !important; } .fadein_prize{ z-index: 99999999; } .fadein_prize .box ul li a .info{ align-items: flex-start; } .fadein_prize .box{ width: 6.9rem; } .fadein_prize .box ul li a .info div{ padding-left: .2rem; } .fadein_prize .box ul li a .info div span{ font-size: .2rem; } .fadein_prize .box ul li a .info div p{ font-size: .24rem; margin-bottom: .1rem; } .fadein_prize .box ul li{ position: relative; } .fadein_password .box .fade .item .label p{ width: 1.2rem; } .fadein_password .box .fade .item .label .change{ width: calc(100% - 1.5rem); } .content .main_content .m .main_box .main_user_set .box .user{ width: 1.5rem; height: 1.5rem; } .content .main_content .m .main_box .main_user_set .box .label p{ font-size: .24rem; } .content .main_content .m .main_box .main_user_set .box .label .grow em, .content .main_content .m .main_box .main_user_set .box .label .grow span{ font-size: .24rem; } .content .main_content .m .main_box .main_user_set .box .label{ width: 100%; padding-left: .5rem; transform: translateX(0); } .fadein_prize .box ul li a .btn{ width: 1.3rem; height: .45rem; font-size: .22rem; position: absolute; right: 0; bottom: .2rem; } .content .main_content .m .main_box .main_user_set{ padding: .3rem; } } @media (max-width: 1550px) { .content .home_banner{ height: 450px; } }