@charset "utf-8"; * { outline: none; } /*@charset "utf-8";*/ /* body,html{overflow-x:hidden;} */ /* CSS Reset ----------------------------------------*/ body, html{ /* font-family: "SourceHanSansSC-Regular"!important;*/ } body, html { background-color: #fff; /**/ width: 100%; min-width: 1300px; position: relative; /**/ overflow-x: hidden; /**/ font-family: "寰蒋闆呴粦"; line-height: 180%; font-size: 14px; } body { min-width: 1300px; max-width: 1920px; margin: 0 auto!important; } /*@font-face { font-family: "SourceHanSansSC-Regular"; src: url("../fonts/SourceHanSansSC-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansSC-Regular.woff") format("woff"), url("../fonts/SourceHanSansSC-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansSC-Regular.eot") format("embedded-opentype"), url("../fonts/SourceHanSansSC-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } */ body, html{ /* font-family: "SourceHanSansSC-Regular";*/ } .wrap-layer { width: 1200px; margin: 0 auto; position: relative; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0 } fieldset { border: 0 } img { border: 0; padding: 0; margin: 0; } .img-responsive { display: block; max-width: 100%; height: auto; } address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal } strong, b { font-weight: bold; } ol, ul, li { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5 { padding: 0; margin: 0; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 12px; } q:before, q:after { content: '' } abbr, acronym { border: 0 } hr { margin: 0; padding: 0; border: 0; color: #CDCDCD; background-color: #CCC; height: 1px; } blockquote { color: #666; font-style: normal; } sup, sub { line-height: 0 } abbr, acronym { border-bottom: 1px dotted #666 } pre { white-space: pre; } pre, code, tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5 } input:focus { outline: none } /* Global Definitions ----------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td { line-height: 180%; } p { padding: 0 0 1em 0; line-height:200%; } a { color: inherit; text-decoration: none; cursor: default; -webkit-tap-highlight-color: transparent; } a[href] { cursor: pointer; } a:hover { color: inherit; text-decoration: none; } /* placeholder榛樿棰滆壊 */ :-moz-placeholder { color: #cccccc; opacity: 1; } ::-moz-placeholder { color: #cccccc; opacity: 1; } input:-ms-input-placeholder { color: #cccccc; opacity: 1; } input::-webkit-input-placeholder { color: #cccccc; opacity: 1; } .L { float: left; } .R { float: right; } .H { display: none; } .tc { text-align: center; } .mAuto { margin: 0 auto; } .wP100 { width: 100%; } /*clear fix*/ .url { color: #1d70b4; font-size: 16px; display: block; } .url a { color: #1d70b4; } .clearfix:after { content: ""; display: table; height: 0; clear: both; line-height: 0; font-size: 0; } .clearfix { *zoom: 1; } .clear { clear: both; height: 0; font-size: 0px; line-height: 0px; } .H50 { height: 50px; } .H40 { height: 40px; } .H20 { height: 20px; } .H15 { height: 15px; } .comH20 { height: 20px; } .comH18 { height: 18px; } .mtb10 { margin: 10px 0; } .img-response { display: block; width: 100%; height: auto; overflow: hidden; } .img-response img { display: block; width: 100%; height: auto; } .scaleImg { transition: transform 500ms ease-in-out; -wekbit-transition: transform 500ms ease-in-out; } .scaleImg:hover { transform: scale(1.07); -webkit-transform: scale(1.07); } .vw_ad { width: 100% } .vw_ad a { display: block } .vw_ad img { display: block; width: 100%; } .img-box { background-color: #eee; } .img-box img { display: block; } .section1 { margin-top: 55px; } .bg_da { background-color: #dadada; } .bg_cb { background-color: #cbcbcb; } .bg_e5 { background-color: #e5e5e5; } .fixedAble { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; } .moveEle { transition: transform 200ms ease-in-out; -webkit-transition: transform 200ms ease-in-out; will-change: transform; -webkit-will-change: transform; } /*鍩虹琛ㄥ崟*/ .formPanel { margin-bottom: 15px; line-height: 30px; position: relative; } .formPanel label { margin: 0; margin-right: 15px; } .formPanel .tip { color: red; font-size: 12px; } .formPanel .mess { color: #999; font-size: 13px; line-height: 30px; } .formPanel .formList { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 15px; } .formPanel .tit { display: inline-block; vertical-align: middle; min-width: 85px; text-align: right; font-size: 14px; color: #333; padding-right: 10px; } .formPanel .tit.textarea { vertical-align: top; } .formPanel .tit.wAuto { min-width: 0; width: auto; } .formPanel input[disabled] { background-color: #eee } .formPanel label { font-weight: normal; } .formPanel .inpBox { display: inline-block; vertical-align: middle; position: relative; color: #666; } .formPanel input[type=text], .formPanel input[type=password] { width: 192px; height: 30px; padding: 0 8px; line-height: 30px; background-color: #fff; border: 1px solid #cbcbcb; outline: none; -webkit-appearance: none; color: #666; vertical-align: middle; border-radius: 0; } .formPanel .inpBox.textarea { vertical-align: top; } .formPanel input[type=radio] { display: inline-block; vertical-align: middle; margin: 0; } .formPanel input[type=radio]+span { display: inline-block; vertical-align: middle } .formPanel input[type=checkbox] { display: inline-block; vertical-align: middle; margin: 0; } .formPanel input[type=checkbox]+span { display: inline-block; vertical-align: middle } .formPanel textarea { min-width: 300px; max-width: 500px; min-height: 70px; resize: both; border: 1px solid #cdcdcd; outline: none; padding: 5px; } .formPanel img.yzm { display: inline-block; vertical-align: middle; height: 32px; width: auto; } /* 鍔ㄧ敾 */ @keyframes fade_in_up { from { opacity: 0; transform: translateY(100px) } to { opacity: 1; transform: translateY(0) } } /*鎵嬫満绔?/ .mobile-headerwrap { display: none; } @media screen and (max-width:480px) { .header { display: none; } /*鎵嬫満绔鑸?/ .mobile-headerwrap { display: block; } .mobile-headerwrap .layer-top { padding: 0 10px; overflow: hidden; } .mobile-headerwrap .mem-links .login { font-size: 0; line-height: 0; } .mobile-headerwrap .mem-links li { margin-right: 10px; } .mobile-headerwrap .mem-links .m-icon2 { margin-left: 0; } .mobile-headerwrap .mem-links li a { display: block; height: 35px; } .mobile-menucss { /* box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);*/ height: 100%; max-height: calc(100vh - 50px); /* width: 40%;*/ width: 100%; position: relative; /*width:150px;*/ position: fixed; right: -100%; top: 50px; box-sizing: border-box; display: block !important; z-index: 99999; } .mobile-menucss>ul { overflow: auto; width: 100%; /*width: 150px; */ padding-top: 0; /*background:rgba(130,176,69,1);*/ height: calc(100%); /* max-height:calc(100% - 50px);*/ } .mobile-menucss>ul>li { margin-top: -1px; transition: all 500ms; transform: translateX(-100px); opacity: 0; } .mobile-menucss>ul>li.cr { background: rgba(255, 255, 255, .05); } /* .mobile-menucss>ul>li.cr{ background: #fff;} .mobile-menucss>ul>li.cr>a{ color: #000;} .mobile-menucss>ul>li.cr>a span{color: #000;}*/ .mobile-menucss>ul>li>a { position: relative; } .mobile-menucss>ul>li>a, .mobile-menucss>ul>li>h3 { font-weight: normal; display: block; padding-left: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); /*border-top:1px solid rgba(255,255,255,0.1);*/ height: 45px; line-height: 45px; } .mobile-menucss>ul>li>a>span { color: #fff; font-size: 16px; } .mobile-menucss>ul>li>ul { padding-left: 50px; overflow: hidden; /*display: none;*/ } .mobile-menucss>ul>li>ul>li { line-height: 45px; position: relative; } .mobile-menucss>ul>li>ul>li>a>span { color: #fff; opacity: .8; line-height: 25px; } .mobile-menucss>ul>li.mobiles-links { text-align: center; padding-top: 10px; padding-bottom: 30px; border: none; } .mobile-menucss>ul>li.mobiles-links a { border: none; } .mobile-menucss>ul>li.mobiles-links img { width: 50px !important; height: 50px !important; max-width: none; margin-left: 0; padding-left: 0; } /*鎵嬫満绔ご閮?/ .mobile-headerwrap { height: 48px; position: relative; z-index: 999990; } .mobile-header { background: #fff; height: 50px; position: fixed; width: 100%; left: 0; top: 0; z-index: 990; } .header-shower { line-height: 50px; height: 50px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); position: relative; z-index: 66; text-align: center; } .mobile-header .header-shower img { width: auto !important; height: 35px !important; position: relative; display: inline-block; vertical-align: middle; } .mobile-header .header-shower img:nth-child(3){ padding-left: 5px;height: 20px !important;} .menu-active>ul>li { transform: translateX(0); opacity: 1; } .menu-active>ul>li>a { height: 45px; line-height: 45px; } .menu-active>ul>li:nth-child(2) { -webkit-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms; } .menu-active>ul>li:nth-child(3) { -webkit-transition-delay: 350ms, 350ms; transition-delay: 350ms, 350ms; } .menu-active>ul>li:nth-child(4) { -webkit-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms; } .menu-active>ul>li:nth-child(5) { -webkit-transition-delay: 450ms, 450ms; transition-delay: 450ms, 450ms; } .menu-active>ul>li:nth-child(6) { -webkit-transition-delay: 500ms, 500ms; ; transition-delay: 500ms, 500ms; } .menu-active>ul>li:nth-child(7) { -webkit-transition-delay: 550ms, 550ms; transition-delay: 550ms, 550ms; } .menu-active>ul>li:nth-child(8) { -webkit-transition-delay: 600ms, 600ms; transition-delay: 600ms, 600ms; } .menu-active>ul>li:nth-child(9) { -webkit-transition-delay: 650ms, 650ms; transition-delay: 650ms, 650ms; } .menu-active>ul>li:nth-child(10) { -webkit-transition-delay: 700ms, 700ms; transition-delay: 700ms, 700ms; } .menu-active>ul>li:nth-child(11) { -webkit-transition-delay: 750ms, 750ms; transition-delay: 750ms, 750ms; } .menu-active { left: 0; animation-name: ani-menu; animation-timing-function: ease-in-out; animation-duration: 500ms; box-shadow: none; } .menu-hide { /*left: -100%;*/ left: 0; height: 0; animation-name: ani-menu1; animation-timing-function: ease-in-out; animation-duration: 500ms; } /*鑿滃崟鍔ㄧ敾*/ @keyframes ani-menu { 0% { /*left: -100%;*/ height: 0; } 100% { /*left: 0;*/ height: calc(100%); } } @-webkit-keyframes ani-menu { 0% { /* left: -100%;*/ height: 0; } 100% { /* left: 0;*/ height: calc(100%); } } @keyframes ani-menu1 { 0% { /* left: 0; */ height: calc(100%); } 100% { /* left: -100%;*/ height: 0; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); } } @-webkit-keyframes ani-menu1 { 0% { /*left: 0;*/ height: calc(100%); } 100% { /*left: -100%;*/ height: 0; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); } } /*鎼滅储寮€濮?/ .head-icons { position: absolute; top: 0; right: 6px; height: 50px; text-align: right; } .mobile-search { height: 50px; background: #fff; padding: 0 20px 0 50px; position: fixed; width: 100%; box-sizing: border-box; z-index: 6666; top: 0; left: 0; display: none; } .mobile-menucss { text-align: left; } .mobile-search input { width: 100%; color: #000; height: 50px; vertical-align: middle; background: transparent; border: none; line-height: 50px; } .mobile-search input::-webkit-input-placeholder { color: #999 !important; } .mobile-search input:-moz-placeholder { color: #999 !important; } .mobile-search .s-searchs { /**/ background: url("../images/searchbtns.png") no-repeat center center; position: absolute; width: 30px; height: 30px; right: 15px; top: 10px; line-height: 30px; text-align: center; /**/ background-size: 20px 20px; } .mobile-search .s-close { cursor: pointer; color: #95262a; /**/ background: url("../images/close.png") no-repeat center center; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; /**/ background-size: 20px 20px; left: 10px; top: 10px; } .head-icons a.ybooks-css { width: 40px; height: 50px; } .head-icons a { display: inline-block; float: left; cursor: pointer; text-align: center; font-size: 20px; color: #666; /* width: 30px;*/ width: 25px; height: 50px; line-height: 50px; } .head-icons a.lang span { background: #b5151d; color: #fff; border-radius: 25px; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; vertical-align: middle; display: inline-block; position: relative; top: -2px; } .head-icons a.search-mobile, .search-mobile-business { /*width:30px;*/ height: 50px; } .head-icons a.site-css { width: 35px; height: 50px; } .head-icons a.en-css { width: 41px; height: 50px; } a.menus-mobiles { width: 50px; height: 50px; display: inline-block; position: absolute; left: 0; top: 0; } a.menus-mobiles span { background: #444444; height: 1px; width: 20px; display: block; position: absolute; left: 10px; top: 22px; transition: all 0.5s; } a.menus-mobiles span:nth-child(1) { /* top: 22px;*/ transform: translate3d(0, 0px, 0); } a.menus-mobiles span:nth-child(2) { /*top: 28px;*/ transform: translate3d(0, 6px, 0); } a.menus-ani1 span:nth-child(1) { /* animation:animenu1 500ms 1; */ animation-fill-mode: forwards; transform: rotate3d(0, 0, 1, 45deg); } a.menus-ani1 span:nth-child(2) { /*animation:animenu2 500ms 1; */ animation-fill-mode: forwards; transform: rotate3d(0, 0, 1, -45deg); } /*鏂板姞涓変釜鏉?/ a.menus-mobiles{ top: -2px;} a.menus-mobiles span:nth-child(1) { /* top: 22px;*/ transform: translate3d(0, 0px, 0); } a.menus-mobiles span:nth-child(2) { /*top: 28px;*/ transform: translate3d(0, 8px, 0); } a.menus-mobiles span:nth-child(3) { /*top: 28px;*/ transform: translate3d(0, 16px, 0); } a.menus-ani1 span{top:23px;} a.menus-ani1 span:nth-child(1) { /* animation:animenu1 500ms 1; */ animation-fill-mode: forwards; transform: rotate3d(0, 0, 1, 45deg); } a.menus-ani1 span:nth-child(2){ display:none; } a.menus-ani1 span:nth-child(3) { /*animation:animenu2 500ms 1; */ animation-fill-mode: forwards; transform: rotate3d(0, 0, 1, -45deg); } .wrap-subs { overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.09); /* overflow-y: auto; height: 0; position: absolute;width:calc(100% - 150px); left: 150px; top: 0; bottom:0; box-sizing: border-box; transition:all 0.5s; overflow-x: hidden; opacity: 0;*/ } .mod-subnav a { color: #999; display: inline-block; font-size: 12px; width: 50%; margin-bottom: 30px; text-align: center; box-sizing: border-box; float: left; } .mod-subnav { margin-top: 30px; } .mod-subnav a img { width: 50px; margin-bottom: 10px; } /**/ .wrap-subs .mod-subs { width: 100%; position: relative; left: -640px; padding-bottom: 10px; overflow: hidden; transition: all 0.5s; } .mobile-menucss>ul>li.cr .wrap-subs { opacity: 1; height: 100%; background: #fff; /*width:calc(100% - 150px); */ /*transition-delay:1s; -moz-transition-delay:1s; */ z-index: 99; } .mobile-menucss>ul>li.cr .wrap-subs .mod-subs { width: 100%; position: relative; left: 0; } .smod-tits { position: relative; margin: 10px 0 0 20px; left: -640px; /*top: 10px; */ transition: all 0.5s; font-size: 16px; font-weight: bold; } .smod-tits span { border-bottom: 1px solid #000; padding-bottom: 5px; } .mobile-menucss>ul>li.cr .smod-tits { left: 0; } .mymod-tits { font-size: 14px; color: #666; left: -640px; position: relative; padding-left: 20px; padding-top: 10px; /*font-weight: bold;*/ transition: all 0.5s; } .mobile-menucss>ul>li.cr .mymod-tits { left: 0; } /* .sub-active{ width:calc(100% - 150px); }*/ .mobile-menucss>ul>li.m-website { width: 50%; float: left; text-align: center; border-bottom: none; margin-top: 40px; } .mobile-menucss>ul>li.m-email { width: 50%; float: left; text-align: center; border-bottom: none; margin-top: 40px; } .mobile-menucss>ul>li.m-website a, .mobile-menucss>ul>li.m-email a { display: inline-block; border-bottom: none; width: 70%; height: 40px; line-height: 40px; border-radius: 40px; text-align: center !important; padding-left: 0; background: rgba(255, 255, 255, .2); opacity: .6; } @keyframes animenu1 { 0% { transform: translate3d(0, 0, 0); } 100% { transform: rotate3d(0, 0, 1, 45deg); } } @keyframes animenu2 { 0% { transform: translate3d(0, 6px, 0); } 100% { transform: rotate3d(0, 0, 1, -45deg); } } .mlangs{ font-size: 12px!important; display: inline-block; width: 52px!important; height: 22px!important; line-height: 22px!important; vertical-align: middle!important; position: relative; margin-top: 13px; text-align: center;border:1px solid #fff; border-radius:22px; margin-right: 3px; background: none;border: 1px solid #ec2326;color: #ec2326!important; font-family: "Arial" } /*鏂板浼氬憳涓績涓嬫媺鑿滃崟*/ .mobile-menucss { /*background: rgba(1,142,214,1);*/ background: -webkit-linear-gradient(#bf7c24, #bf7c24); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#bf7c24, #bf7c24); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#bf7c24, #bf7c24); /* Firefox 3.6 - 15 */ background: linear-gradient(#bf7c24, #bf7c24); /* 鏍囧噯鐨勮娉 */ } .my-photos b{ color: #ffba00; padding-left: 4px;} .my-photos { display: box; display: -webkit-box; display: -moz-box; box-align: center; -webkit-box-align: center; -webkit-moz-align: center; box-pack: center; -webkit-box-pack: center; -webkit-moz-pack: center; padding-top: 20px; border-bottom: 1px solid rgba(255, 255, 255, .05); border-top: 1px solid rgba(255, 255, 255, .05); padding-bottom: 20px; background: rgba(255, 255, 255, .05); transition: all 500ms; transform: translateX(-1000px); opacity: 0; padding:20px 30px; } .my-photos * { color: #fff; } .my-photos span { display: block; margin-right: 10px; } .my-photos i { vertical-align: middle; display: inline-block; display: block; font-style: normal; background: #ffba00; font-size: 12px; border-radius: 6px; margin-left: 5px; padding: 1px 5px; position: relative; top: -3px; width: 60px; text-align: center; margin-top: 10px; } .my-photos em { font-size:14px; -moz-box-flex:1.0; /* Firefox */ -webkit-box-flex:1.0; /* Safari 鍜 Chrome */ box-flex:1.0; display: block; } .mem-btns { margin-top: 15px; /*text-align: center;*/ } .mem-btns a { display: inline-block; font-size: 12px; background: #f7741c; width: 85px; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 8px; } .mem-btns a:nth-child(1) { margin-right: 10px; } .my-photos img { width: 80px; border: 1px solid rgba(255, 255, 255, .2); padding: 2px; background: rgba(255, 255, 255, .5); height: 80px; border-radius: 80px; } .menu-active .my-photos { transform: translateX(0); opacity: 1; -webkit-transition-delay: 200ms, 200ms; transition-delay: 200ms, 200ms; } .menu-active>ul>li:nth-child(1) { -webkit-transition-delay: 250ms, 250ms; transition-delay: 250ms, 250ms; } /* 琛ㄥ崟 */ .form { display: block !important; } .formPanel .tit { display: block; text-align: left; padding: 0; } .formPanel .inpBox, .formPanel .formList { display: block; margin-right: 0; } .formPanel input[type=text], .formPanel input[type=password], .formPanel textarea { width: 100%; box-sizing: border-box; height: 32px; } .formPanel .inpBox .dropdown { width: 100%; display: block; } .formPanel .inpBox .dropselectbox h4, .formPanel .inpBox .dropselectbox ul, .formPanel .inpBox .dropselectbox li { box-sizing: border-box; } .formPanel .inpBox .dropselectbox li, .formPanel .inpBox .dropselectbox h4 { height: 32px; } .formPanel .inpBox select { width: 100%; display: block; } .formPanel .inpBox.verCode input { width: 70%; } .formPanel img.yzm { width: 25%; border-radius: 0; } .defaultBtn { display: block; } } .row_6 {} .row_10 {} .col-pd-6 {} .col-pd-10 {} .col-sm-6 {} .col-sm-3 {} .col-ph-6 {} .layer-right { padding: 0px 0px 80px 0px !important; } /*鍒嗛〉*/ .page { text-align: center; margin-bottom: 0px; margin-top: 30px; } .page ul { text-align: center; display: inline-block; *display: inline; *zoom: 1; font-size: 0; } .page li { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 30px; height: 30px; text-align: center; font-family: Arial; font-size: 20px; line-height: 30px; color: #808080; margin: 0 5px; } .page li.prev { /* width: 35px; height: 35px;*/ } .page li.next { border-right: none; /* width: 35px; height: 35px;*/ } .page li a { color: #000; display: block; /* */ border: #eee solid 1px; background: #eee; border-radius: 30px; height: 30px; font-size: 14px; } .page li.cr a, .page li a:hover { background: #c89a5e; /**/ border:#c89a5e solid 1px; color: #fff; } .page li.cr a span, .page li a:hover span { color: #fff; font-size: 14px; } .page li.prev a:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; top: 8px; left: 6px; line-height: 16px; position: absolute; } .page li.next a:before { line-height: 16px; font-family: "iconfont" !important; font-size: 16px; top: 8px; left: 8px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67a"; position: absolute; } .page li.prev:hover a:before, .page li.next:hover a:before { /*background: #02843c;*/ background: none; } /*鏂板姞*/ /**/ .page li a, .page li a:hover, .page li.cr a {} .page li.cr a span, .page li a:hover span {} .page li a { border-radius: 0; background: #eee; } .page li.prev a, .page li.next a { /* width: 35px; height: 35px;*/ overflow: hidden; } .page li.prev a span, .page li.next a span { display: none; } .page li.prev a:hover, .page li.next a:hover, .page li.first a:hover, .page li.total a:hover { /*background: none;*/ color: #fff; } .page li.first { padding: 0 20px; } .page li.first, .page li.total { width: auto; } .page li.last a:hover { background: none; color: #007bc8; } .page li.last a:hover span, .page li.first a:hover span, .page li.total a:hover span { color: #007bc8; } .page li.nohovers{ width: 42px;}