.top { width: 100%; height: 40px; background: #333333; } .jazimg{ width: 100%; height: 100%; } .top-main { width: 1200px; margin: 0 auto; height: 40px; display: flex; justify-content: space-between; align-items: center; color: #fff; } .top-main a { color: #fff; } .top-l a { margin-left: 18px; } .top-r a { margin-left: 26px; } #destoon_member{ display: flex; } .tops { width: 100%; height: 116px; background: #ffffff; } .tops-main { width: 1200px; height: 116px; margin: 0 auto; display: flex; align-items: center; } .tops-l { width: 108px; text-align: justify; font-size: 14px; line-height: 25px; letter-spacing: 4px; margin: 0 30px; } .tops-c { width: 540px; margin-right: 30px; } .form { width: 467px; height: 37px; background: #ffffff; border: 1px solid #cfcdcd; border-radius: 18px; display: flex; margin: 0 auto; justify-content: space-between; } .filter-box { width: 100px; position: relative; border-radius: 18px 0px 0px 18px; margin-left: 5px; border-right:1px solid #cfcdcd; } .filter-text input, .filter-text, .filter-title{ height: 37px !important; line-height: 0; } .filter-list li a{ text-align: center; } .filter-list li.filter-selected { background-color: #cf4535 !important; } .forminput { width: 266px; height: 37px; border: none; outline: none; background: none; text-indent: 34px; } .top-submit { width: 97px; height: 37px; background: #cf4535; border: none; outline: none; border-radius: 18px; } .tops-key { font-size: 14px; margin: 0 auto; margin-top: 12px; display: flex; justify-content: center; } .tops-key li{ /* float: left; */ margin-right: 6px; } .tops-key span { /* float: left; */ } .tops-key span a{ color: #989494; } .tops-key li a{ color: #989494; } .nav { width: 100%; height: 60px; background: #cf4535; } .nav-main { width: 1200px; height: 60px; margin: 0 auto; display: flex; align-items: center; } .nav-sy { width: 88px; height: 60px; text-align: center; line-height: 60px; font-size: 20px; } .nav-sy a { color: #ffffff; letter-spacing: 6px; } .nav-a { padding: 0 16px; } .nav-a a { color: #ffffff; font-size: 15px; /* font-weight: bold; */ margin: 0 3.2px; } .nav-l{ font-size: 16px !important; } .b1 { background: #f3f3f3; } .main-c { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; } .myswiper { width: 1200px; height: auto; margin-top: 16px; overflow: hidden; } .banner{ width: 1200px; height: auto; margin-top: 16px; position: relative; } .banner-l{ width: 79px; height: auto; position: absolute; top: 0px; left: -79px; } .bannerswiper{ width: 1200px; height: auto; overflow: hidden; } .swiper-slide { width: 100% !important; height: auto; } .swiper-slide img { width: 100%; } .today { width: 1200px; height: auto; padding: 20px 0px; background: #ffffff; box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 20px; /* margin: 20px auto; */ display: flex; flex-wrap: wrap; align-items: center; position: relative; } .today-t{ width: 1140px; margin: 0 auto; } .today-t p{ font-size: 14px; color: #333333; line-height: 22px; margin-top: 10px; } .tod-h2{ font-size: 22px; color: #333333; display: flex; align-items: center; font-weight: bold; margin: 10px auto; } .todays{ width: 1200px; display: flex; align-items: center; margin-top: 30px; margin-bottom: 4px; } .gengduo { position: absolute; right: 14px; top: 26px; color: #9d9b9b; font-size: 12px; text-align: center; z-index: 1; display: flex; align-items: center; } .gengduo img{ margin-left: 8px; } .jrrd { margin-left: 28px; } .jr-a{ width: 236px; display: flex; align-items: center; } .jr { width: auto; height: 110px; margin-left: 42px; } .today-c { width: 900px; height: 110px; margin: 0 18px; display: flex; flex-wrap: wrap; position: relative; } .today-li { width: 400px; height: 24px; display: flex; align-items: center; margin-right:20px; margin-bottom: 4px; } .today-li a { width: 400px; height: 24px; display: flex; align-items: center; } .todayx{ position: absolute; top: 0px; left: 368px; } .rd { width: 9px; height: 12px; margin: 0 4px; } .dian { width: 4px; height: 4px; margin: 0 6.5px; } .today-li div { width: 344px; font-size: 14px; color: #151312; } .today-li span { font-size: 14px; color: #6c6c6c; } .li-r div { color: #151312 !important; font-weight: bold; } .title-tj { width: 100%; height: 38px; margin-top: 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e3e3e3; } .w1200{ width: 1200px !important; margin: 0 auto; } .title-sz { font-size: 14px; color: #333333; } .title-sz .color { font-size: 24px !important; margin: 0 6px; font-weight: bold; } .title-l { font-size: 22px; color: #333333; font-weight: bold; display: flex; align-items: center; } .title-l img { margin-right: 8px; } .t-gengduo { color: #9d9b9b; font-size: 12px; display: flex; align-items: center; } .t-gengduo img { margin-left: 8px; } .tjtuw { width: 1200px; margin: 20px auto; display: flex; justify-content: space-between; } .tjtuw-ad{ width: 180px; height: 191px; background: #ffffff; border: 1px solid #e2e2e2; box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 10px; } .tjtuw-ad img{ width: 180px; height: 191px; display: block; } .tjtuw-a { width: 180px; height: 191px; background: #ffffff; border: 1px solid #e2e2e2; box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 10px; } .tjtuw-a a { display: flex; flex-wrap: wrap; } .tjtuw-t{ width: 180px; height: 130px; position: relative; overflow: hidden; } .tjtuw-a a img { width: 228px; height: 130px; position: absolute; top: 0px; left: 50%; margin-left: -114px; } .tjtuw-a p { width: 156px; margin: 8px 12px; font-size: 14px; color: #4e4d4d; } .ct-ad { width: 100%; height: 100px; } .ct-ad a { width: 100%; height: 100px; display: flex; } .ct-ad a img { width: 100%; height: 100px; } .gyxx { width: 1200px; display: flex; justify-content: space-between; margin-top: 24px; } .gyxx-a { width: 183px; height: 304px; background: #fff; box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 10px; display: flex; flex-wrap: wrap; } .gyxx-t{ width: 183px; height: 182px; display: flex; align-items: center; } .gyxx-img{ max-width: 183px; max-height: 182px; margin: 0 auto; } .gyxx-b { width: 183px; margin: 0 auto; padding: 0 15px; } .gyxx-b span { font-size: 18px; color: #cf4535; font-weight: bold; display: block; margin: 12px auto; text-align: center; } .gyxx-b p { font-size: 14px; height: 38px; color: #333333; } .gyxx-b a { width: 153px; height: 20px; display: block; background: #cf4535; text-align: center; line-height: 20px; font-size: 12px; color: #ffffff; border-radius: 10px; margin: 7px auto; } .market-c { width: 1156px; padding: 0 20px; height: 304px; background: #ffffff; box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 20px; margin: 20px auto; } .market-c tr { width: 100%; height: 42px; border-bottom: 1px solid #ededed; } .market-c th { width: 80px; text-align: left; margin-left: 20px; } .market-c td { width: 80px; text-align: center; text-align: left; margin-left: 20px; } .market-c td a{ color: #0d0202; } .td-sc { width: 300px !important; } .td-sc div{ width: 300px; } .td-zs { width: 138px !important; } .td-zs span { display: flex; align-items: center; justify-content: center; width: 100%; height: 26px; line-height: 26px; color: #ffffff; } .td-zs span a{ width: 100%; color: #ffffff; display: block; position: relative; text-align: center; } .td-zs span img { margin: 0 16px; position: absolute; top: 2px; right: 10px; } .td-xia { background: #17a18e; } .td-shang { background: #cf4535; } .td-shang img{ transform: rotate(180deg); } .td-bub{ background: #3c8dff; } .td-bub img{ display: none; } .vip { width: 77px; height: 25px; display: block; background: #ffcc67; border: 1px solid rgba(248, 180, 47, 0.92); box-shadow: 0px 0px 7px 0px rgba(2, 13, 18, 0.19); border-radius: 13px; font-size: 14px; color: #595757; text-align: center; line-height: 27px; } .buy { width: 1200px; display: flex; justify-content: space-between; margin: 20px auto; } .buy-a { width: 175px; height: 133px; position: relative; } .buyimg { width: 175px; height: 133px; position: absolute; top: 0px; left: 0px; } .buy-c{ width: 175px; height: 133px; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.2); } .buy-t{ width: 146px; height: 26px; /* border: 1px solid #ffffff; */ font-size: 14px; color: #ffffff; text-align: center; line-height: 26px; margin: 0 auto; margin-top: 23px; background: #b67e41; padding: 0 10px; } .buy-c p{ width: 100%; height: 16px; line-height: 16px; color: #fff; font-size: 14px; text-align: center; margin-top: 14px; } .buy-c a{ width: 99px; height: 20px; background: #f4a861; border-radius: 10px; display: block; margin: 0 auto; margin-top: 14px; text-align: center; line-height: 20px; font-size: 14px; color: #0d0202; } .zoushi{ width: 1200px; height: auto; display: flex; justify-content: space-between; margin-bottom: 20px; } .main-zous{ width: 572px; height: 280px; } .ad-lunbo{ width: 100%; margin: 20px auto; } .ad-lunbo .swiper-slide{ width: 192px !important; height: 90px !important; margin-right: 10px; } .ad-lunbo .swiper-slide img{ width: 192px; height: 90px; } .merchant{ width: 1200px; display: flex; justify-content: space-between; margin: 20px auto; } .merchant-a{ width: 207px; height: 248px; background: #f0f0f0; border: 1px solid #f4a861; position: relative; } .merc-h2{ width:auto; padding: 0 26px; text-align: center; font-size: 16px; color: #706b6b; margin-top: 20px; font-weight: bold; } .merchant-a p{ padding: 0 18px; height: 48px; font-size: 14px; line-height: 24px; color: #706b6b; margin-top: 8px; } .merchant-a a{ display: block; width: 125px; height: 19px; line-height: 19px; text-align: center; background: #d3534f; border-radius: 10px; font-size: 12px; color: #ffffff; margin: 10px auto; } .merchant-a span{ display: block; width: 122px; height: 6px; background: #f4a861; position: absolute; left: 50%; margin-left: -61px; bottom: -3px; } .merchant-tp{ width: 10px; height: 18px; } .merchant-li{ width: 100%; padding: 0 18px; font-size: 14px; color: #706b6b; display: flex; margin: 7px auto; } .merchant-pz{ width: 66px; } .merchant-jg{ width: 76px; } .merchant-tp{ margin-left: 12px; } .img-s{ background: url(/uploads/image/svimages/mer-s.png) no-repeat center; } .img-x{ background: url(/uploads/image/svimages/mer-x.png) no-repeat center; } .img-p{ background: url(/uploads/image/svimages/mer-p.png) no-repeat center; } .merchants{ margin: 20px auto; } .price{ width: 100%; display: flex; justify-content: space-between; } .price-c{ width: 578px; } .m-price{ width: 578px; height: 399px; background: #ffffff; box-shadow: 0px 0px 7px 0px rgba(2,13,18,0.19); border-radius: 20px; margin: 20px auto; } .m-price tr { width: 100%; height: 42px; display: flex; align-items: center; justify-content: space-around; border-bottom: 1px solid #ededed; } .m-price th { width: 80px; text-align: center; } .m-price td { width: 80px; text-align: center; } .gxsj{ width: 100px !important; } .zhaop{ width: 100%; height: 256px; display: flex; justify-content: space-between; margin-top: 20px; } .zhaop-a{ width: 230px; height: 242px; background: #fff3fb; border: 1px solid #cf4535; border-radius: 20px; margin-top:13px; position: relative; } .zhaop-h2{ width: 143px; height: 34px; line-height: 34px; text-align: center; background: #cf4535; border-radius: 17px; font-size: 20px; color: #ffffff; position: absolute; top: -13px; left: 50%; margin-left: -71.5px; } .zhaop-ul{ width: 186px; margin: 0 auto; margin-top: 42px; } .zhaop-ul li{ font-size: 14px; color: #0e0d0d; line-height: 24px; } .zhaop-ul li span{ font-weight: bold; } .zhaop-a a{ width: 138px; height: 26px; line-height: 26px; background: #f2994f; border: 1px solid rgba(248,180,47,0.92); box-shadow: 0px 0px 7px 0px rgba(2,13,18,0.19); border-radius: 13px; display: block; font-size: 18px; color: #fff; text-align: center; margin: 10px auto; } .qiuzhi{ width: 100%; height: 256px; display: flex; justify-content: space-between; margin: 20px auto; } .qiuzhi-a{ width: 230px; height: 242px; background: #fff3fb; border: 1px solid #3a63bd; border-radius: 20px; margin-top:13px; position: relative; } .qiuzhi-h2{ width: 143px; height: 34px; line-height: 34px; text-align: center; background: #f2994f; border-radius: 17px; font-size: 20px; color: #ffffff; position: absolute; top: -13px; left: 50%; margin-left: -71.5px; } .qiuzhi-ul{ width: 186px; margin: 0 auto; margin-top: 42px; } .qiuzhi-ul li{ font-size: 14px; color: #0e0d0d; line-height: 24px; } .qiuzhi-ul li span{ font-weight: bold; } .qiuzhi-a a{ width: 138px; height: 26px; line-height: 26px; background: #3a63bd; box-shadow: 0px 0px 7px 0px rgba(2,13,18,0.19); border-radius: 13px; display: block; font-size: 18px; color: #fff; text-align: center; margin: 10px auto; } .ad-c{ width: 1200px; height: auto; margin: 20px auto; } .ad-c a{ width: 100%; display: flex; align-items: center; } .ad-swiper{ width: 1200px; margin: 20px auto; } .ad-two{ width: 1200px; height: auto; margin: 20px auto; display: flex; justify-content: space-between; } .ad-three{ width: 1200px; height: auto; margin: 20px auto; display: flex; justify-content: space-between; } .between{ justify-content: space-between; } .ad-c a img{ width: 100%; } .jy-video{ width: 100%; display: flex; justify-content: space-between; margin-top: 20px; } .jy-vc{ width: 184px; height: auto; } .jy-vc a{ display: block; } .jy-va{ width: 184px; height: 140px; border-radius: 20px; position: relative; overflow: hidden; } .jy-va img{ width: 184px; height: 140px; position: absolute; top: 0px; left: 0px; } .jy-vp{ width: 184px; height: 140px; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.1); } .jy-h2{ width: 182px; padding: 0 16px; font-size: 20px; font-weight: bold; text-align: justify; color: #fff; margin-top: 44px; } .jy-zx{ width: 52px; height: 24px; font-size: 14px; color: #fff; background: #cf4535; border-radius: 0 20px 0 20px; text-align: center; line-height: 24px; position: absolute; right: 0px; top: 0px; } .jy-rm{ width: 52px; height: 24px; font-size: 14px; color: #fff; background: #ff870f; border-radius: 0 20px 0 20px; text-align: center; line-height: 24px; position: absolute; right: 0px; top: 0px; } .jy-vc p{ font-size: 14px; color: #0d0201; margin-top: 10px; } .bkzazhi{ width: 100%; height: auto; position: relative; margin: 20px auto; } .zazhi{ width: 1200px; margin: 0 auto; } .zazhi .swiper-slide{ width: 147px !important; height: 198px !important; box-shadow: 0px 4px 16px 0px rgba(11,12,12,0.29); margin-right: 28px; } .zazhi .swiper-slide img{ width: 147px; height: 198px; } .fx{ width: 36px; height: 45px; } .swiper-button-next:after, .swiper-button-prev:after{ display: none !important; } .swiper-button-next img{ transform: rotate(180deg); } .main-san{ width: 385px; height: auto; } .mains-b{ width: 385px; height: 425px; background: #ffffff; border: 1px solid rgba(223,221,217,0.92); margin-top: 22px; } .syjs-c{ width: 100%; height: 207px; position: relative; margin-bottom: 14px; } .syjs-c img{ width: 100%; height: 207px; position: absolute; top: 0px; left: 0px; } .syjs-b{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 24px; background: rgba(207, 69, 53,0.6); font-size: 16px; color: #fff; text-align: center; line-height: 24px; } .mains-ul{ width: 359px; margin: 0 auto; margin-top: 10px; } .mains-ul a{ font-size: 14px; color: #151312; height: 26px; display: flex; align-items: center; } .mains-ul a img{ margin-right: 12px; } .zxwda{ width: 358px; margin: 0 auto; } .zxwda-c{ width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 10px; border-bottom:1px solid #eeeeee; } .zxwda-c:last-child{ border: none !important; } .wda{ display: block; width: 71px; height: 17px; background: #cf4535; font-size: 14px; line-height: 17px; text-align: center; color: #ffffff; margin-top: 16px; } .zxwda-h2{ width: 100%; font-size: 16px; color: #151312; font-weight: bold; margin-top: 10px; } .zxwda-p{ font-size: 14px; color: #151312; line-height: 22px; } .wda-sj{ font-size: 12px; color: #151312; } .jlys{ width: 359px; margin: 0 auto; margin-top: 15px; display: flex; justify-content: space-between; } .jlys a{ display: block; width: 177px; height: 123px; } .jlys a img{ display: block; width: 177px; height: 123px; } .specialist{ width: 100%; display: flex; justify-content: space-between; margin: 20px auto; } .specia{ width: 180px; height: 292px; background: #ffffff; box-shadow: 0px 0px 7px 0px rgba(2,13,18,0.19); border-radius: 20px; overflow: hidden; } .specia-t{ width: 180px; height: 174px; background: #428dda; position: relative; } .specia-t img{ position: absolute; width: 130px; bottom: 0px; left: 50%; margin-left: -65px; } .specia-name{ width: 100%; font-size: 16px; color: #48494e; font-weight: bold; text-align: center; margin-top: 10px; } .specia-p{ width: 100%; font-size: 14px; color: #808186; margin-top: 6px; } .specia-p p{ text-align: center; line-height: 20px; padding: 0 8px; } .specia a{ display: block; width: 115px; height: 22px; background: #cf4535; border-radius: 11px; font-size: 14px; text-align: center; line-height: 22px; margin: 4px auto; color: #ffffff; } .mains-bs{ width: 385px; height: 445px; margin-top: 22px; background: #ffffff; border: 1px solid rgba(223,221,217,0.92); } .mgcp{ width: 358px; height: auto; margin: 0 auto; } .mgcp-c{ width: 358px; height: 109px; display: flex; align-items: center; border-bottom: 1px solid #d6d6d7; } .mgcp-c:last-child{ border: none; } .mgcp-c a{ display: flex; align-items: center; justify-content: space-between; } .mgcp-c a img{ width: 120px; height: auto; border: 50%; margin-right: 10px; } .mgcp-r{ width: 226px; } .mgcp-h3{ font-size: 16px; color: #151312; font-weight: bold; } .mgcp-r p{ font-size: 14px; color: #151312; } .jlwh{ width: 356px; margin: 0 auto; margin-top: 10px; } .jlwh a{ display: block; width: 356px; height: 148px; } .jlwh a img{ width: 356px; height: 148px; } .qymr{ width: 358px; height: auto; margin: 0 auto; } .qymr-c{ width: 358px; height: 109px; display: flex; align-items: center; border-bottom: 1px solid #d6d6d7; } .qymr-c:last-child{ border: none; } .qymr-c a{ display: flex; align-items: center; justify-content: space-between; } .qymr-c a img{ width: 120px; height: auto; border: 50%; margin-right: 10px; } .qymr-r{ width: 220px; } .qymr-h3{ font-size: 16px; color: #151312; font-weight: bold; } .qymr-r p{ font-size: 14px; color: #151312; } .lishi{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px; } .lishi-a{ width: 219px; height: auto; background: #ffffff; border: 6px solid; margin-bottom: 15px; border-image: linear-gradient(0deg, rgba(247,203,107,0.92), rgba(251,169,128,0.92)) 6 6; } .lishi-t{ width: 198px; height: auto; display: flex; align-items: center; margin: 0 auto; border-bottom: 3px solid #e5e5e5; margin-bottom: 10px; } .lishi-t img{ width: 100%; display: block; margin: 0 auto; } .gs-name{ width: 140px; margin: 0 auto; font-size: 16px; color: #0a0701; line-height: 22px; text-align: justify; } .lijie{ width: 100%; border-top: 2px solid #cfcfcf; margin-top: 58px; margin-bottom: 30px; } .lijie-t{ width: 1200px; height:64px; display: flex; margin: 0 auto; position: relative; margin-top: -36px; } .lijie-ts,.lijie-tt{ width: 1200px; height: auto; margin: 0 auto; } .lijie-ts .swiper-wrapper,.lijie-tt .swiper-wrapper{ width: 100%; } .lijie-ts .swiper-slide,.lijie-tt .swiper-slide{ width: 242px !important; margin-right: 75px; } .lj-next, .lj-prev{ width: 46px !important; height: 46px !important; border-radius: 50%; color: #a29f9f !important; border: 1px solid #a29f9f; background: #ffffff; } .lj-next:after, .lj-prev:after{ display: block !important; font-size: 26px !important; } .tup{ width: 17px; height: 31px; background: no-repeat; background-size:100% 100%; margin: 0 auto; } .lijie-ts .swiper-slide-next .tup{ background: url(/uploads/image/svimages/lj-icon2.png) no-repeat; background-size:100% 100%; } .lijies{ width: 1200px; height: auto; margin: 0 auto; } .lijie-h3{ width: 100%; text-align: center; font-size: 30px; color: #333333; font-weight: bold; } .lijie-tt .swiper-slide-next .lijie-h3{ color: #333333; } .lijie-p{ width: 100%; height: 60px; font-size: 14px; color: #666666; line-height: 20px; margin-top: 28px; } .lj-img{ width: 242px; height: 140px; display: block; margin-top: 20px; } .ztbg{ width: 100%; height: 458px; background: url(/uploads/image/svimages/zt-bj.png) no-repeat left top; background-size: 100% 100%; margin-top: 26px; display: flex; align-items: center; } .ztbg-c{ width: 1168px; height: 354px; margin: 0 auto; background: #ffffff; padding: 20px 16px; display: flex; justify-content: space-between; } .ztbg-l{ width: 546px !important; height: auto !important; } .ztbg-sw{ width: 546px !important; height: 350px !important; display: block; } .ztbg-r{ width: 568px; } .ztbg-d{ width: 568px; position: absolute; bottom: 32px; left: 0px; height: 88px; background: rgba(87, 84, 83, 0.5); } .ztbg-d div{ width: 550px; height: 50px; border-left: 8px solid #cf4535; font-size: 16px; color: #ffffff; line-height: 24px; padding-left:10px; margin-top: 20px; } .pagin{ width: 526px !important; right: 42px !important; text-align: right !important; bottom: 70px !important; } .swiper-pagination-bullet{ background: #ffffff !important; opacity: 1 !important; margin: 0 4px !important; } .my-bullet-active{ background: #cf4535 !important; opacity: 1 !important; } .ztbg-li{ width: 100%; height: 96px; border-bottom: 1px solid #ddddde; } .ztbg-li a{ display: flex; flex-wrap: wrap; } .ztbg-h2{ font-size: 16px; color: #141921; margin-top: 20px; padding: 0 20px; } .ztbg-li p{ font-size: 14px; color: #626467; margin-top: 14px; padding: 0 20px; } .activess{ background: #cf4535; } .activess .ztbg-h2{ color: #ffffff; } .activess p{ color: #ffffff; } #sbang{ width: 1200px !important; margin: 30px auto; } #sbang .swiper-slide{ width: 220px !important; height: 140px !important; } .footer { width: 100%; background: #222222; height: 263px; float: left; } .footer-n { width: 1200px; margin: 0 auto; } .footer a { color: #ffffff; } .footer-n div { padding: 34px 0px; } .footer-n div p { text-align: center; color: #fff; font-size: 14px; line-height: 36px; } .uls { display: flex; color: #fff; width: 700px\9; justify-content: center; margin: 0 auto\9; } .uls li { margin: 0 20px; font-size: 14px; float: left\9; } .ulss { width: 100%; display: flex; color: #fff; justify-content: center; margin-top: 8px; text-align: center; float: left; } .ulss li { margin: 0 10px; font-size: 14px; float: left; } /* .footer{ width: 100%; height: 509px; background: url(/uploads/image/svimages/footer.png) no-repeat left top; background-size: 100% 100%; } .footer-c{ width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; color: #ffffff; font-size: 16px; } .footer-c p{ text-align: center; line-height: 38px; } .footer-c p span{ color: #cf4535 !important; } .footer-t{ width: 100%; margin-top: 50px; } .footer-d{ width: 100%; margin-top: 48px; } */