/*头部导航*/ .header { position: relative; } .header a { color: #808080; } .header .top { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; } .top_nav>li { position: relative; display: inline; float: left; width: auto; } .top_nav b a { display: block; float: left; width: auto; padding-left: 25px; color: #666; transition: background 0.3s; transform: translateZ(0); } .top_nav b a:hover p { color: #e45063; } .top_nav b i { float: right; width: 10px; height: 7px; margin: 22px 8px 0 9px; background: url(../images/arrow.png) no-repeat; transition: transform 0.5s; -moz-transition: -moz-transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; opacity: 0.8; } .top_nav b:hover i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .header .tel { margin-right: 20px; font-size: 18px; font-weight: bold; } .header .tel a { color: #e02140; } .header .tel i { display: block; float: left; width: 25px; height: 26px; margin: 12px 10px 0 0; background: url(../images/tel.png) no-repeat; } .header .login a:hover { color: #e92930; } .header .login a { color: #808080; } .header .login div { margin: 0 9px; color: #d1d1d1; } .wx { position: relative; padding-left: 35px; background: url(https://www.huatu.com/images/2021fx/images/wx_icon_hover.png) no-repeat left center; cursor: pointer; } .wx:hover .wx_box { display: block; } .wx:hover { color: #44cd66; } .wx_wrap { width: 192px; height: 100px; padding: 30px 0 0 20px; margin-bottom: 13px; } .wx_box { display: none; position: absolute; bottom: -150px; left: 0; width: 217px; height: 150px; background-color: #fff; z-index: 10; box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); } .wx_box img { display: block; float: left; width: 80px; height: 80px; } .wx_box a { display: block; float: left; width: 74px; height: 28px; margin-left: 15px; background: #e92930; border-radius: 3px; color: #fff; font-size: 14px; line-height: 28px; text-align: center; margin-top: 15px; } .wx_box span { display: block; float: left; width: 92px; height: 28px; margin: 0 0 10px 15px; color: #000; font-size: 14px; line-height: 23px; } .qq { padding-left: 28px; margin-left: 20px; margin-right: 18px; background: url(https://www.huatu.com/images/2021fx/images/qq_icon_hover.png) no-repeat left center; } .qq:hover { color: #38b2ff; } /* ------主导航下拉 */ .top_nav .navconbg { display: none; position: absolute; left: 0; top: 50px; z-index: 9; background: #fff; filter: alpha(opacity=95); opacity: 0.95; box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); -ms-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); -moz-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); -webkit-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); -o-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2); } .top_nav .navcon { display: none; position: absolute; left: 0; top: 50px; z-index: 10; overflow: hidden; } .top_nav .navconbg01, .top_nav .navcon01 { width: 725px; height: 400px; } .top_nav .navconbg02, .top_nav .navcon02 { width: 554px; height: 333px; } .top_nav .navconbg03, .top_nav .navcon03 { width: 114px; height: 252px; } .top_nav .navconbg04, .top_nav .navcon04 { width: 114px; height: 168px; } .top_nav .navconbg05, .top_nav .navcon05 { width: 114px; height: 294px; } .top_nav .navconbg06, .top_nav .navcon06 { width: 217px; height: 187px; } .top_nav b { display: block; } .top_nav .navcon01 b { padding-top: 10px; padding-left: 25px; line-height: 46px; color: #000; } .top_nav .navcon01 b a, .top_nav .navcon02 b a { color: #000; } .top_nav .navcon01 b a:hover, .top_nav .navcon02 b a:hover { color: #e92930; } .top_nav .navcon01 p { padding-left: 25px; } .top_nav .navcon01 p a, .top_nav .navcon02 p a { display: block; float: left; height: 28px; margin-bottom: 5px; color: #888; font-size: 14px; line-height: 28px; text-align: center; } .top_nav .navcon01 p a { width: 74px; } .top_nav .navcon01 p a:hover, .top_nav .navcon02 p a:hover { background: #e92930; border-radius: 3px; color: #fff; text-decoration: none; } .top_nav .navcon01 p span { display: block; float: left; width: 46px; height: 28px; margin-bottom: 5px; color: #cbcbcb; font-size: 14px; line-height: 28px; text-align: center; } .top_nav .navcon01 em { display: block; width: 100%; height: 1px; margin: 35px 0 0 0; border-top: 1px solid #eaeaea; font-size: 0px; } .top_nav .navcon02 .kc { display: inline; float: left; width: 184px; height: 110px; } .top_nav .navcon02 .br { border-right: 1px solid #eaeaea; } .top_nav .navcon02 .bb { border-bottom: 1px solid #eaeaea; } .top_nav .navcon02 b { padding-top: 20px; line-height: 46px; color: #000; text-align: center; } .top_nav .navcon02 p { padding-left: 25px; } .top_nav .navcon02 p a { width: 67px; } .top_nav .navcon03 a, .top_nav .navcon04 a, .top_nav .navcon05 a { display: block; width: 100%; height: 42px; color: #000; font-size: 14px; line-height: 42px; text-align: left; text-indent: 25px; } .top_nav .navcon03 a:hover, .top_nav .navcon04 a:hover, .top_nav .navcon05 a:hover { background: #e92930; color: #fff; text-decoration: none; } .top_nav .navcon .ewmbox { width: 192px; height: 100px; padding: 30px 0 0 25px; margin-bottom: 13px; border-bottom: 1px solid #eaeaea; } .top_nav .navcon .ewmbox img { display: block; float: left; width: 75px; height: 75px; } .top_nav .navcon .ewmbox span { display: block; float: left; width: 74px; height: 28px; margin: 5px 0 10px 15px; color: #000; font-size: 14px; line-height: 28px; text-align: center; } .top_nav .navcon .ewmbox a { display: block; float: left; width: 74px; height: 28px; margin-left: 15px; background: #e92930; border-radius: 3px; color: #fff; font-size: 14px; line-height: 28px; text-align: center; } .top_nav .navcon .ewmbox a:hover { text-decoration: none; } .top_nav .navcon06 p { height: 28px; padding-left: 10px; overflow: hidden; line-height: 28px; } .top_nav .navcon06 p a { display: inline-block; height: 28px; padding: 0 7px; color: #000; font-size: 14px; line-height: 28px; } .top_nav .navconbg07, .top_nav .navcon07 { width: 217px; height: 125px; } .top_nav .navcon07 .ewmbox { border-bottom: none; margin-bottom: 0; } .top_nav .navcon07 .ewmbox span { width: auto; } /*头部结束*/ /*链接*/ .href_wrap { margin-top: 40px; } .logo { width: 195px; height: 46px; padding-right: 10px; margin-right: 12px; border-right: 1px solid #dedede; background-image: url(../images/logo.png); background-repeat: no-repeat; text-indent: -999em; } .logo_txt { margin-top: 2px; font-size: 26px; color: #e92930; } .href_wrap .fr a { margin-right: 35px; line-height: 46px; } .href_wrap .fr a:hover { color: #e92930; } /*链接结束*/ /*导航*/ .nav_wrap { width: 100%; height: 50px; margin-top: 42px; line-height: 50px; background-color: #e92930; } .nav>li { width: 8.33%; text-align: center; transition: background-color .5s ease; } .nav>li.active { background-color: #dc0030; } .nav>li a { display: block; color: #fff; } /*导航end*/ /*地域*/ .region_wrap { width: 100%; height: 80px; padding-top: 30px; margin-bottom: 55px; background-color: #f8f8f8; } .region_wrap a { float: left; width: 5.88%; margin-bottom: 20px; } .region_wrap a:hover { color: #e92930; } .search { position: relative; width: 15%; } .submit { position: absolute; top: 5px; right: 14px; width: 18px; height: 18px; background-image: url(../images/search.png); background-repeat: no-repeat; background-color: transparent; cursor: pointer; } .search input[type=text] { width: calc(100% - 10px); height: 28px; border: 1px solid #f4f4f4; padding-left: 10px; border-radius: 40px; background-color: #fff; } /*地域end*/ /*轮播*/ .main_l { width: 38.4%; } .main_m { width: 57.85%; margin-left: 3.75%; } .main_tab { width: 100%; } .mainBanner { position: relative; width: 100%; height: 460px; overflow: hidden; } .mainBanner .hd { position: absolute; bottom: 55px; width: 100%; z-index: 1; } .mainBanner .hd ul { text-align: center; } .mainBanner .hd li { display: inline-block; width: 8px; height: 8px; margin-right: 5px; cursor: pointer; background: #fff; border-radius: 50%; } .mainBanner .hd li.on { width: 20px; border-radius: 8px; background: #e92930; } .mainBanner .bd { position: relative; height: 100%; z-index: 0; } .mainBanner .bd li { zoom: 1; vertical-align: middle; } .mainBanner .bd a { display: block; position: relative; width: 100%; height: 460px; } .banner_color { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0, 0, 0, .6); } .mainBanner .bd a p { margin-left: 20px; color: #fff; } .mainBanner .sNext, .mainBanner .sPrev { position: absolute; left: 0; top: 50%; width: 40px; height: 68px; margin-top: -34px; border-radius: 0 4px 4px 0; background-color: rgba(0, 0, 0, .2); transition: background .5s ease; z-index: 1; } .mainBanner .sNext i, .mainBanner .sPrev i { display: block; width: 21px; height: 39px; margin-top: 15px; margin-left: 10px; background-image: url(../images/main_arrow.png); background-repeat: no-repeat; } .mainBanner .sNext { left: auto; right: 0; transform: rotate(180deg); } .mainBanner .sNext:hover, .mainBanner .sPrev:hover { background-color: rgba(0, 0, 0, .3); } .mainBanner .bd ul li, .mainBanner .bd ul { width: 100% !important; height: 100% !important; } .news01 { border-bottom: 1px dashed #ddd; padding-bottom: 32px; margin-bottom: 32px; } .news li { max-width: 98%; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news li:last-child { margin-bottom: 0; } .news .news_title { margin-bottom: 30px; } .news_title>i { display: inline-block; width: 80px; height: 28px; padding-left: 10px; background-image: url(../images/hot.png); background-repeat: no-repeat; line-height: 28px; color: #fffc0d; font-style: normal; } .news span { color: #e5e5e5; font-size: 20px; line-height: 16px; } .news_title a { font-size: 22px; color: #e92930; font-weight: bold; } .news a:hover, .main_r_txt a:hover { color: #e92930; text-decoration: underline; } /*工具*/ .tool_wrap { margin-top: 55px; text-align: center; } .tool_l { width: 13.625%; height: 100px; padding-top: 38px; border: 1px solid #ddd; } .tool_l p { color: #999; } .tool_icon { width: 109px; height: 28px; margin: 16px auto 0 auto; background-image: url(../images/tool.png); background-repeat: no-repeat; } .tool_r { width: 86%; } .tool_list { width: 12.4%; height: 138px; border: 1px solid #ddd; border-left: none; transition: box-shadow .5s ease, transform .5s ease; } .tool_list:hover { box-shadow: 4px 4px 20px #ddd; transform: scale3d(1.02, 1.02, 1.02); } .tool_list i { display: block; width: 56px; height: 56px; margin: 20px auto; background-repeat: no-repeat; } .tool_list p { font-size: 18px; transition: color .5s ease; } .tool01:hover p, .tool06:hover p, .tool08:hover p { color: #f54c43; } .tool02:hover p, .tool07:hover p { color: #1dd492; } .tool03:hover p, .tool05:hover p { color: #38b2ff; } .tool04:hover p { color: #ff9e14; } .tool01 i { height: 50px; background-image: url(../images/icon01.png); } .tool02 i { width: 50px; height: 50px; background-image: url(../images/icon02.png); } .tool03 i { margin-bottom: 14px; background-image: url(../images/icon03.png); } .tool04 i { margin-bottom: 14px; background-image: url(../images/icon04.png); } .tool05 i { width: 58px; height: 50px; background-image: url(../images/icon05.png); } .tool06 i { width: 54px; margin-bottom: 14px; background-image: url(../images/icon06.png); } .tool07 i { width: 58px; height: 54px; margin-bottom: 15px; background-image: url(../images/icon07.png); } .tool08 i { width: 60px; height: 52px; margin-bottom: 18px; background-image: url(../images/icon08.png); } /*考试公告*/ .notice { margin-top: 56px; } .notice.active { margin-top: 0; } .nav_border { width: 100%; border-bottom: 2px solid #333; margin-bottom: 40px; } .nav_title { padding-bottom: 20px; border-bottom: 2px solid #e92930; font-size: 32px; margin-bottom: -2px; } .nav_href { margin-top: 14px; } .nav_href.active { margin-top: 16px; color: #a9a9a9; font-size: 14px; } .nav_href>a { margin: 0 10px; } .nav_href>a:hover { color: #e92930 } .list_wrap { width: 30.875%; margin-right: 3.125%; } .list_wrap a:hover { color: #e92930; text-decoration: underline; } .list_wrap:nth-child(3n) { margin-right: 0; } .list_change { border-bottom: 1px solid #dedede; margin-bottom: 35px; font-size: 20px; } .listChange { padding-bottom: 15px; margin-right: 30px; cursor: pointer; } .listChange:last-child { margin-right: 0; } .listChange.on { margin-bottom: -1px; border-bottom: 2px solid #f34540; } .listWrap_list { margin-bottom: 55px; } .listWrap_list li { margin-bottom: 20px; } .listWrap_list li:last-child { margin-bottom: 0; } .hotCircle { width: 4px; height: 4px; border-radius: 100%; margin-top: 8px; margin-right: 12px; background-color: #e5e5e5; } .listWrap_list li .list_msg, .listWrap_list li a { width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .listWrap_list li p { color: #a1a1a1; font-size: 14px; } /*考试公告end*/ .banner { height: auto; margin-bottom: 55px; } /*行测备考*/ .datum_title { border-left: 5px solid #e92930; padding-left: 6px; margin-bottom: 30px; font-size: 24px; } .datum_l { width: 67.5%; } .datum_r { width: 27.5%; } .datumL_title { border-bottom: 1px solid #dedede; } .datum_change { padding-bottom: 15px; margin-right: 50px; margin-bottom: -2px; font-size: 20px; cursor: pointer; } .datum_change.on { border-bottom: 2px solid #f34540; } .datum_list>li:first-child { border-top: 0; } .datum_list>li { height: 104px; padding: 22px 10px 0 10px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; transition: background-color .5s ease; } .datum_list>li:hover { background-color: #f8f8f8; } .datum_list>li:hover .datum_caption { color: #e92930; } .datum_msg { color: #999; font-size: 12px; } .datum_content { margin-top: 16px; font-size: 14px; color: #999; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .datum_content.active { position: relative; line-height: 20px; max-height: 40px; } .datum_content.active::after { content: "..."; position: absolute; bottom: 0; right: 0; } .imgWrap { display: block; position: relative; width: 100%; height: 300px; overflow: hidden; } .imgWrap img { width: 100%; height: 100%; transition: transform 2s ease; transform: translateZ(0); } .imgWrap:hover img { transform: scale(1.05, 1.05); } .imgBottom { height: 199px; padding-top: 55px; background-color: #f8f8f8; text-align: center; font-size: 22px; line-height: 40px; } .exercise { display: block; width: 210px; height: 50px; line-height: 50px; text-align: center; margin: 30px auto 0 auto; background: linear-gradient(to right, #ed2838, #fc2653); background-color: #eb2933; font-size: 22px; color: #fff; border-radius: 40px; } .datum_wrap { margin: 0 10px 40px 10px; } .datumR_list { margin-top: 30px; } .datumR_list li { margin-bottom: 18px; } .datumR_list li>a { display: block; } .datumR_list li>a:hover p { color: #e92930; text-decoration: underline; } .datumR_list li p { max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .datumR_href { margin-top: 30px; } .datumR_href a { display: block; font-size: 14px; } .datumR_href>li { height: 34px; padding: 0 17px; border: 1px solid #ddd; border-radius: 40px; margin-right: 12px; margin-bottom: 20px; line-height: 34px; transition: background .5s ease; } .datumR_href>li:hover { border-color: #ef283c; background: linear-gradient(to right, #eb2933, #fd2555); background-color: #ef283c; } .datumR_href>li:hover a { color: #fff; } .datum_wrap .list_wrap { width: 47.7%; margin-right: 4.6%; } .datum_wrap .list_wrap:nth-child(even) { margin-right: 0; } .datum_wrap .listWrap_list li { margin-bottom: 15px; } .datum_wrap .listWrap_list { margin-bottom: 45px; } .datum_wrap .list_wrap:nth-child(n+3):nth-child(-n+4) .listWrap_list { margin-bottom: 0; } .datum_r_title { margin-bottom: 44px; font-size: 20px; } .datum_region { margin-left: 30px; } .datum_region>li { width: 19.8%; height: 28px; border: 1px solid #efefef; margin-bottom: 31px; margin-right: 6%; line-height: 30px; border-radius: 40px; text-align: center; background-color: #efefef; color: #a5a5a5; font-size: 14px; transition: background .5s ease, border .5s ease; } .datum_region>li a { display: block; } .datum_region>li:nth-child(4n) { margin-right: 0; } .datum_region>li:hover { background-color: #fff; border-color: #e92930; } .datum_region>li:hover a { color: #e92930; } /*行测备考end*/ /*直播讲座*/ .live { margin-bottom: 70px; } .live_list>li { position: relative; width: 23.83%; height: 230px; margin-right: 1.56%; overflow: hidden; } .live_list>li.active .count { display: none; } .live_list>li.active .shadow { display: block; } .live_list>li img { width: 100%; height: 100%; transition: transform 3s ease; transition: translateZ(0); } .live_list>li img:hover { transform: scale(1.05); } .live_list>li:last-child { margin-right: 0; } /*直播讲座end*/ /*友情链接*/ .friends_wrap { padding-top: 50px; padding-bottom: 36px; border-top: 1px solid #ddd; margin-top: 10px; } .inx-fLink .fLinktit { margin-bottom: 20px; } .friends_title { padding-bottom: 10px; margin-right: 35px; margin-bottom: 40px; cursor: pointer; font-size: 20px; transition: color 0.3s; transform: translateZ(0); } .friends_title.on { border-bottom: 2px solid #e92930; color: #e92930; } .friends_list { margin-left: 10px; } .friends_list li { float: left; margin-right: 35px; margin-bottom: 22px; white-space: nowrap; } .friends_list li a:hover { color: #e92930; } /* 友情链接end */ .footer .footleft i, .footer .footright i { background: url('http://www.huatu.com/images/2018css/images/icon.png') no-repeat; } .footer { width: 100%; padding: 35px 0 55px; background: #f5f5f5; } .footer .h4 { height: 40px; margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 40px; } .footer .h4 a:hover { text-decoration: none; } .footer .footleft { display: inline; float: left; width: 182px; padding: 5px 35px 5px 0; margin-right: 70px; border-right: 1px solid #dcdcdc; } .footer .col03 { width: 243px; } .footer .col04 { padding-right: 0; margin-right: 0; border: none; } .footer .footleft dt { width: 147px; } .footer .col03 dt { width: 203px; } .footer .footleft dt i { display: block; width: 50px; height: 50px; margin: 0 auto; } .footer .footleft dt i.icon01 { background-image: url(../images/help.png); background-repeat: no-repeat; } .footer .footleft dt i.icon02 { background-image: url(../images/scale.png); background-repeat: no-repeat; } .footer .footleft dt i.icon03 { background-image: url(../images/talk.png); background-repeat: no-repeat; } .footer .footleft dt i.icon04 { background-image: url(../images/book.png); background-repeat: no-repeat; } .footer .footleft dt:hover i.icon01 { background-image: url(../images/help_a.png); } .footer .footleft dt:hover i.icon02 { background-image: url(../images/scale_a.png); } .footer .footleft dt:hover i.icon03 { background-image: url(../images/talk_a.png); } .footer .footleft dt:hover i.icon04 { background-image: url(../images/book_a.png); } .footer .footleft dt span { display: block; width: 100%; margin: 5px 0 15px; font-weight: bold; text-align: center; } .footer .footleft dt:hover span a { color: #e92930; text-decoration: none; } .footer .footleft dd { color: #888; font-size: 14px; line-height: 30px; } .footer .footleft dd a { display: block; float: left; margin-right: 35px; color: #888; transition: color 0.3s; } .footer .footleft dd a:hover { color: #e92930; } .footer .footright { display: inline; float: right; width: 315px; padding-top: 10px; } .footer .footright .h5 { height: 46px; font-size: 16px; line-height: 26px; } .footer .footright i { display: block; float: left; width: 46px; height: 46px; margin-right: 15px; background: #d7d7d7 url('http://www.huatu.com/images/2018css/images/icon.png') no-repeat; border-radius: 3px; } .footer .footright i.icon05 { background-position: 0 -120px; } .footer .footright i.icon06 { background-position: -50px -120px; } .footer .footright .h5:hover i.icon05 { background: #e92930 url('http://www.huatu.com/images/2018css/images/icon.png') no-repeat 0 -120px; } .footer .footright .h5:hover i.icon06 { background: #e92930 url('http://www.huatu.com/images/2018css/images/icon.png') no-repeat -50px -120px; } .footer .footright .row01 a { display: block; height: 30px; font-size: 30px; line-height: 30px; } .footer .footright .row01 a:hover { text-decoration: none; } .footer .footright .row01 span { display: block; height: 16px; color: #888; font-size: 14px; line-height: 16px; } .footer .footright .row02 { margin: 25px 0 15px; } .footer .footright .row02 span { display: block; float: left; height: 46px; font-size: 20px; line-height: 46px; } .footer .footright .row02 a { display: block; float: left; width: 76px; height: 28px; margin: 8px 0 0 20px; border: 1px solid #d7d7d7; border-radius: 3px; font-size: 14px; line-height: 28px; text-align: center; } .footer .footright .row02 a:hover { border-color: #e92930; color: #e92930; text-decoration: none; } .footer .footright p { color: #888; line-height: 20px; } .footer .footNav { padding: 30px 0; margin-top: 30px; border-top: 1px solid #dcdcdc; } .footer .footNav p { font-size: 14px; line-height: 26px; text-align: center; } .footer .footNav p:first-child { color: #888; font-family: Arial; } .footer .footNav p a { display: inline-block; padding: 0 5px; } .footer .footNav p a:hover { color: #e92930; text-decoration: underline; } /* 底部end */ @media screen and ( max-width: 1778px) { .footer .footleft { width: 162px; padding-right: 25px; margin-right: 50px; } .footer .col03 { width: 223px; } .footer .col04 { padding-right: 0; margin-right: 0; } .footer .footleft dt { width: 137px; } .footer .col03 dt { width: 193px; } .footer .footleft dd a { margin-right: 25px; } } @media screen and (max-width: 1556px) { .footer { padding-bottom: 35px; } .footer .footleft { width: 152px; padding-right: 15px; margin-right: 35px; } .footer .col03 { width: 213px; } .footer .col04 { padding-right: 0; margin-right: 0; } .footer .footleft dt { width: 132px; } .footer .col03 dt { width: 188px; } .footer .footleft dd a { margin-right: 20px; } .footer .footright { width: 300px; } } @media screen and (max-width: 1334px) { .footer .footleft { width: 142px; padding-right: 10px; margin-right: 25px; } .footer .col03 { width: 203px; } .footer .col04 { padding-right: 0; margin-right: 0; } .footer .footleft dt { width: 122px; } .footer .col03 dt { width: 183px; } .footer .footleft dd a { margin-right: 15px; } .footer .footright { width: 240px; } .footer .footright .h5 { font-size: 16px; } .footer .footright i { margin-right: 10px; } .footer .footright .row01 a { font-size: 24px; } .footer .footright .row01 span { font-size: 12px; } .footer .footright .row02 span { font-size: 18px; } .footer .footright .row02 a { margin-left: 10px; font-size: 12px; } .footer .footright p { font-size: 14px; } }