.tips { height: 104px; padding-top: 16px; background-color: #ffffff; box-shadow: 0px 0px 4px 0px #eee; border-radius: 4px; margin-top: 24px; } .tips-title { padding: 0 20px; height: 52px; line-height: 52px; font-family: 'sourcehansanscn-bold'; font-size: 28px; text-align: center; color: #2556d8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tips-bd { height: 36px; padding: 0 20px; overflow: hidden; white-space: nowrap; } .tips-list { display: inline-block; box-sizing: border-box; padding: 0 30px 0 20px; height: 36px; line-height: 36px; position: relative; font-size: 16px; overflow: hidden; } .tips-list::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 5px; height: 5px; background-color: #9a9a9a; } .tips-list a { color: #333; } /*plugin css*/ .str_wrap { overflow: hidden; width: 100%; line-height: 16px; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap; } .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; } .str_vertical .str_move_clone { left: 0; top: 100%; } .str_down .str_move_clone { left: 0; bottom: 100%; } .str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; } .str_static .str_move, .no_drag .str_move, .nostop .str_move { cursor: inherit; } .str_wrap img { max-width: none !important; } .box-shadow { background-color: #fff; box-shadow: 0px 0px 4px 0px #eee; border-radius: 4px; margin-top: 20px; } /* ãƒæ’ã†â€™ãƒâ€šã‚â¨ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â½ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â®ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ¢ã¢â‚¬å¾ã‚â¢ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â­ */ .scrollimg { padding: 24px 0 0 20px; } .swiper-container { width: 589px; height: 379px; } .swiper-slide, .swiper-slide>a { display: block; width: 589px; height: 379px; } .swiper-pagination { text-align: right; padding-right: 20px; } .swiper-pagination-bullet { width: 9px; height: 9px; background: #fff; opacity: 0.5; } .swiper-pagination-bullet-active { opacity: 1; width: 28px; border-radius: 5px; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 18px; width: auto; right: 0; } .swiper-info { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; font-size: 16px; padding: 0 180px 0 25px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: ; } /* ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¬ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â±ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬â¦ãƒâ¢ã¢â€šâ¬ã…“ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬â¦ãƒâ€šã‚â ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¡ ãƒæ’ã†â€™ãƒâ€šã‚â§ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â»ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¼ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã¢â‚¬â¹ãƒâ¢ã¢â€šâ¬ã‚â ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ¢ã¢â€šâ¬ã…“ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â°ãƒæ’ã†â€™ãƒâ€šã‚â©ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ¢ã¢â€šâ¬ã‚âãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â» */ .news { width: 542px; height: 379px; padding: 24px 20px 0 0; overflow: hidden; } .newshd { height: 48px; } .newstab { height: 48px; width: 259px; line-height: 38px; text-align: center; cursor: pointer; background: center bottom no-repeat; } .newstab.active { background: center bottom no-repeat; } .newstab>span { display: inline-block; height: 38px; line-height: 38px; font-family: 'sourcehansanscn-bold'; font-size: 22px; letter-spacing: 1px; padding-left: 44px; color: #8890a7; background: 0 center no-repeat; } .newstab.active>span { color: #2556d8; background: 0 center no-repeat; } .newstab:first-child>span { background: 0 center no-repeat; } .newstab:first-child.active>span { background: 0 center no-repeat; } .subtab-hd { padding-top: 14px; height: 45px; border-bottom: 1px solid #dae1f4; } .subtab { height: 43px; line-height: 43px; font-size: 18px; margin-left: 40px; cursor: pointer; } .subtab a { color: #333; } .subtab:first-child { margin-left: 0; } .subtab.active { font-family: 'sourcehansanscn-bold'; font-size: 20px; letter-spacing: 1px; color: #333333; border-bottom: 3px solid #2556d8; } .subtab.active a { color: #333333; } .news-items { padding-top: 11px; } .news-items>li { position: relative; line-height: 44px; font-size: 16px; vertical-align: top; } .news-items>li:before { position: absolute; content: ''; left: 0; top: 50%; margin-top: -2px; width: 5px; height: 5px; background-color: #999; border-radius: 50%; } .news-items>li>a { padding-left: 16px; display: block; color: #333; margin-right: 120px; } .news-time { position: absolute; right: 0; top: 0; color: #999; } .news-items>li:hover a, .news-items>li:hover .news-time { color: #2556d8; } .news-items>li:hover:before { background-color: #2556d8; } /* ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¿ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â«ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â·ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¥ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã¢â‚¬å¡ãƒâ€šã‚⣠*/ .quicklogin { padding: 24px 0; font-size: 0; -webkit-text-size-adjust: none; } .quicklogin-item { display: inline-block; margin-left: 20px; width: 373px; height: 92px; border-radius: 4px; vertical-align: top; background: center center no-repeat; } .quicklogin-item>h2 { font-family: 'sourcehansanscn-bold'; font-size: 24px; height: 38px; line-height: 38px; padding-top: 12px; padding-left: 22px; letter-spacing: 1px; color: #3d60c1; } .quicklogin-item>p { height: 24px; line-height: 24px; font-size: 13px; padding-left: 20px; color: #7783a3; } .quicklogin-item:hover { width: 371px; height: 90px; /* box-shadow: 0px 4px 9px 0px rgba(31, 61, 141, 0.14); */ /* border-radius: 4px; */ /* border: solid 1px #6788e2; */ } .login { padding-bottom: 20px; font-size: 0; -webkit-text-size-adjust: none; } .login-item { display: inline-block; width: 214px; height: 90px; background-color: #f3f6fe; border-radius: 4px; background-repeat: no-repeat; background-position: right bottom; vertical-align: top; margin-left: 20px; font-family: 'sourcehansanscn-bold'; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 92px; letter-spacing: 1px; color: #3d60c1; text-indent: 20px; border: 1px solid transparent; } .login-item:nth-child(1) { background-image: ; } .login-item:nth-child(2) { background-image: ; } .login-item:nth-child(3) { background-image: ; } .login-item:nth-child(4) { background-image: ; } .login-item:nth-child(5) { background-image: ; } .login-item:hover { box-shadow: 0px 4px 9px 0px rgba(31, 61, 141, 0.14); border-radius: 4px; border: solid 1px #6788e2; } /* ãƒæ’ã†â€™ãƒâ€šã‚â¤ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âºãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¤ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬â¹ãƒâ€¦ã¢â‚¬å“ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€¦ã¢â‚¬å“ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¬ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€¹ã…“ãƒæ’ã¢â‚¬â¦ãƒâ€šã‚â ãƒæ’ã†â€™ãƒâ€šã‚â¤ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¿ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¡ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã¢â‚¬å¡ãƒâ€šã‚⯠*/ .title { padding-top: 23px; height: 63px; line-height: 63px; font-size: 0; -webkit-text-size-adjust: none; text-align: center; } .title-h2 { height: 39px; line-height: 39px; } .title-icon { display: inline-block; vertical-align: middle; } .title-name { font-family: 'sourcehansanscn-bold'; font-size: 28px; letter-spacing: 1px; color: #333; margin: 0 20px; vertical-align: middle; } .title-english { height: 24px; line-height: 24px; } .title-english img { display: inline-block; } .trade { margin: 0 20px; padding-top: 25px; } .trade-tab { position: relative; width: 13.6667%; height: 57px; padding-top: 76px; text-align: center; line-height: 38px; font-size: 18px; letter-spacing: 1px; color: #8890a7; cursor: pointer; background-position: center top; background-repeat: no-repeat; } .trade-tab>a { color: #8890a7; } .trade-tab.active { font-family: 'sourcehansanscn-bold'; color: #3d60c1 !important; } .trade-tab.active>a { font-family: 'sourcehansanscn-bold'; color: #3d60c1 !important; } .trade-tab.active::before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -13px; width: 26px; height: 11px; background: no-repeat; } .trade-tab:nth-child(1) { background-image: ; } .trade-tab:nth-child(1).active { background-image: ; } .trade-tab:nth-child(2) { background-image: ; } .trade-tab:nth-child(2).active { background-image: ; } .trade-tab:nth-child(3) { background-image: ; } .trade-tab:nth-child(3).active { background-image: ; } .trade-tab:nth-child(4) { background-image: ; } .trade-tab:nth-child(4).active { background-image: ; } .trade-tab:nth-child(5) { background-image: ; } .trade-tab:nth-child(5).active { background-image: ; } .trade-tab:nth-child(6) { background-image: ; } .trade-tab:nth-child(6).active { background-image: ; } .trade-tab:nth-child(7) { background-image: ; } .trade-tab:nth-child(7).active { background-image: ; } .trade-bd { height: 250px; padding: 23px 23px 0; background: left top repeat-x; } .tradelist { width: 100%; height: 100%; } .label { position: absolute; width: 88px; height: 37px; line-height: 37px; top: 15px; right: 0; color: #fff; text-align: center; background: no-repeat; } .trade-list-name { padding-right: 110px; padding-top: 11px; height: 48px; line-height: 24px; color: #333; overflow: hidden; } .trade-list-date { padding-top: 6px; height: 24px; line-height: 24px; color: #999; } .tradelist-pagination { text-align: center; bottom: 0; } .tradelist-pagination .swiper-pagination-bullet { background: #ccc; opacity: 1; } .tradelist-pagination .swiper-pagination-bullet-active { background-color: #2f5fe3; } .buttonbox { padding-top: 24px; font-size: 0; -webkit-text-size-adjust: none; } .buttonbox a { display: inline-block; margin-left: 24px; border-radius: 4px; } .buttonbox a:first-child { margin-left: 0; } .buttonbox a:hover { box-shadow: 0px 4px 9px 0px rgba(31, 61, 141, 0.21); } /* ãƒæ’ã†â€™ãƒâ€šã‚â¤ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¿ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¡ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚âãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¯ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¬ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¼ãƒæ’ã‚â¢ãƒâ¢ã¢â€šâ¬ã…â¡ãƒâ€šã‚⬠*/ .column { width: 588px; height: 440px; background-color: #fff; box-shadow: 0px 0px 4px 0px #eee; border-radius: 4px; margin-top: 24px; } .column-bd { padding: 0 20px; } .column-bd .subtab { width: 20%; padding: 0; margin-left: 0; text-align: center; } .party .subtab { width: 25%; } .banner { padding: 24px 0; } .banner img { display: block; } .banner-img { display: block; width: 588px; height: 100px; margin-bottom: 20px; } /* 0602ãƒæ’ã†â€™ãƒâ€šã‚â¦ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ¢ã¢â€šâ¬ã…“ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â°ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¢ãƒæ’ã¢â‚¬â¦ãƒâ€šã‚â¾ */ /* ãƒæ’ã†â€™ãƒâ€šã‚â¤ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¾ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â§ãƒæ’ã†â€™ãƒâ€šã‚â¨ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¾ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¹ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â·ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â¥ãƒæ’ã†â€™ãƒâ€šã‚â¥ãƒæ’ã‚â¢ãƒâ¢ã¢â‚¬å¡ã‚â¬ãƒâ€šã‚â¦ãƒæ’ã¢â‚¬å¡ãƒâ€šã‚â· */ .toolbar { position: fixed; top: 30%; right: 30px; border: 1px solid #fff; background-color: #fff; border-radius: 5px; z-index: 99; } .toolbar-list { position: relative; width: 74px; height: 80px; border-radius: 4px 4px 0px 0px; background: center bottom no-repeat; } .toolbar-list:last-child { background: none; } .toolbar-list:hover { background: ; } .toolbar-list:hover>a { color: #2556d8; } .toolbar-list>a { display: block; padding-top: 52px; height: 26px; text-align: center; background-position: center 13px; background-repeat: no-repeat; color: #333; } /* .toolbar-list:nth-child(1) > a { background-image: ; } */ .toolbar-list:nth-child(1)>a { background-image: ; } .toolbar-list:nth-child(2)>a { background-image: ; } .toolbar-list:nth-child(3)>a { background-image: ; } .toolbar-list:nth-child(4)>a { background-image: ; } .toolbar-list:nth-child(5)>a { background-image: ; } .toolbar-list:nth-child(6)>a { background-image: ; } .code-img { display: none; position: absolute; width: 140px; height: 140px; left: -147px; top: 0; border-radius: 4px; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(32, 61, 141, 0.2); } .toolbar-list:hover .code-img { display: block; } .subtoolbar { display: none; position: absolute; top: 0; right: 74px; width: 230px; height: 72px; padding: 5px 6px; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(31, 61, 141, 0.2); border-radius: 4px; z-index: 1000; } .toolbar-list:hover .subtoolbar { display: block; } .subtoolbar-list { width: 72px; height: 72px; } .subtoolbar-list:hover { background: ; } .subtoolbar-list>a { display: block; padding-top: 48px; height: 26px; text-align: center; background-position: center 12px; background-repeat: no-repeat; color: #333; } .subtoolbar-list:hover>a { color: #2556d8; } .subtoolbar-list:nth-child(1)>a { background-image: ; } .subtoolbar-list:nth-child(2) { margin: 0 7px; } .subtoolbar-list:nth-child(2)>a { background-image: ; } .subtoolbar-list:nth-child(3)>a { background-image: ; } /* 2021-06-28 zsy */ .tradelist { width: 100%; height: 250px; } .trade-list { margin: -23px 0 0 -23px; } .trade-item { width: calc(33.33% - 23px); margin: 23px 0 0 23px; } .trade-item>a { position: relative; display: block; height: 94px; padding-left: 15px; width: auto; border-radius: 4px; border: solid 1px #cfd8ea; background-color: #fff; } .trade-item>a:hover { box-shadow: 0px 4px 9px 0px rgba(31, 61, 141, 0.14); border-radius: 4px; border: solid 1px #6788e2; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { z-index: 10; position: absolute; bottom: 15px; } /* 2023-4-11 */ @keyframes change { 0% { transform: scale(0.99, 1.01); } 25% { transform: scale(1.01, 0.99); } 50% { transform: scale(0.99, 1.01); } 75% { transform: scale(1.01, 0.99); } 100% { transform: scale(1, 1); } } .quicklogin-item { width: 275px; position: relative; cursor: pointer; } .quicklogin-item .item { height: 92px; background: url(/images/quick_login_bg.png) no-repeat center; } .quicklogin-item:hover { width: 275px; /* animation: change 0.5s 1 linear; */ /* background: url(/images/quick_login_bg_h.png) no-repeat; */ } .quicklogin-item:hover .item { animation: change 0.5s 1 linear; background: url(/images/quick_login_bg_h.png) no-repeat; border: solid 1px #6788e2; border-radius: 4px; } .login-item:hover { animation: change 0.5s 1 linear; } /* 2023-4-26 */ .place-login { position: relative; } .address-login-box { position: absolute; width: calc(100% 885px); height: 241px; right: -300px; top: 90px; z-index: 2; display: none; } .place-login:hover .address-login-box { display: block; } .address-login-list { position: absolute; top: 9px; height: 231px; background: url(/images/address_box_bg.png) no-repeat; background-size: 100% 100%; padding-top: 39px; box-sizing: border-box; } .address-login-item { width: 170px; height: 44px; line-height: 44px; background: url(/images/login_item_bg.png) no-repeat; font-size: 22px; margin-left: 20px; margin-top: 20px; transition: all 0.4s ease-in-out; } .address-login-item:nth-child(-n 6) { margin-top: 0; } .address-login-item>a { display: block; height: 44px; color: rgb(61, 96, 193); padding-left: 53px; box-sizing: border-box; font-weight: bold; } .address-login-item:hover { transform: translate(0, -5px); } .quicklogin-item>p { display: inline-block; width: 166px; line-height: 16px; font-size: 14px; } /* 2023-4-27 */ .quicklogin-item .item { background: url(/images/quick_login_bg.png) no-repeat center; border: 1px solid transparent; box-sizing: border-box; } .quicklogin-item .item>p { display: inline-block; width: 166px; line-height: 16px; font-size: 14px; padding-left: 20px; color: #7783a3; } .quicklogin-item .item>h2 { font-family: 'sourcehansanscn-bold'; font-size: 24px; height: 38px; line-height: 38px; padding-top: 12px; padding-left: 22px; letter-spacing: 1px; color: #3d60c1; } .address-login-list { background: url(/images/address_box_bg1.png) no-repeat; } .oldmodel .tips-title { font-size: 36px; height: 58px; } .oldmodel .tips-list { font-size: 24px; padding: 0 20px; } .oldmodel .swiper-container{ width: 1160px; height: 650px; } .oldmodel .swiper-slide,.oldmodel .swiper-slide > a{ width: 1160px; height: 650px; } .oldmodel .swiper-slide img{ width: 100%; height: 100%; } .oldmodel .swiper-info{ height: 65px; line-height: 65px; font-size: 28px; } .oldmodel .news{ width: 1160px; height: auto; } .oldmodel .newstab > span{ font-size: 32px; } .oldmodel .newshd .newstab { float: left!important; } .oldmodel .subtab.active{ font-size: 28px; } .oldmodel .subtab{ font-size: 28px; } .oldmodel .news-items > li{ font-size: 30px; line-height: 60px; } .oldmodel .news-items > li > a{ margin-right: 140px; } .oldmodel .news-time{ font-size: 28px; } .oldmodel .quicklogin-item .item > h2{ font-size: 26px; } .oldmodel .address-login-item{ font-size: 28px; } .oldmodel .login-item{ text-indent: 10px; font-size: 28px; } .oldmodel .trade-tab{ font-size: 26px; } .oldmodel .trade-list-name{ font-size: 20px; } .oldmodel .trade-list-date{ font-size: 20px; } .oldmodel .column{ width: 1200px; height: auto; } .oldmodel .column-bd .subtab{ width: 14%; } .oldmodel .party .subtab{ width: 14%; } /* 0221 */ .tab-hd{ text-align: center; } .tab-hd-item{ display: inline-block; vertical-align: top; margin: 0 50px; width: 120px; height: 38px; line-height: 38px; font-size: 18px; color: #fff; text-align: center; background: #71adfd; border-radius: 19px; position: relative; cursor: pointer; } .tab-hd-item.active{ background: #457ae7 } .tab-hd-item::before{ display: none; position: absolute; content: ""; width: 26px; height: 11px; background: no-repeat; left: 50%; margin-left: -13px; bottom: -26px; } .tab-hd-item.active::before{ display: block; } .tab-bd{ margin-top: 26px; padding-bottom: 17px; } .tab-bd-item{ height: 220px; border-radius: 4px; background: linear-gradient(180deg, #f8faff 0%, #fff 30%); } .public-info{ padding: 24px 0 0 24px; } .public-item{ width: 263px; height: 180px; float: left; background-repeat: no-repeat; margin-left: 20px; padding: 10px 0 0 20px; box-sizing: border-box; color: #fff; } .public-item:nth-child(1){ margin-left: 0; background-image: ; } .public-item:nth-child(2){ background-image: ; } .public-item:nth-child(3){ background-image: ; } .public-item:nth-child(4){ background-image: ; } .public-name{ line-height: 36px; height: 36px; font-size: 16px; } .public-num{ height: 36px; line-height: 36px; font-size: 16px; } .public-num span{ font-family: "opposans-b"; font-size: 26px; font-style: italic; margin-right: 6px; } .mt18{ margin-top: 18px; } .mt34{ margin-top: 34px; }