﻿#pages { text-align: center; margin: 50px 0; margin-bottom: 100px; }
#pages a,
#pages span { display: inline-block; line-height: 40px; height: 40px; padding: 0 20px; margin: 0 10px; font-family: "arial", "microsoft yahei"; font-size: 16px; }
#pages a { background: #eee; }
#pages a:hover { background: #555; color: #fff; }


#topSlider a { width: 100%; height: 100%; display: block }
.left { float: left }
.right { float: right }
.lastnext { margin-top: 50px; }
.lastnext a { text-decoration: none }
.agent-desktop .richtext a:hover { color: #135294; text-decoration: underline }

#footer #flinks a { display: initial !important }
#footer .ellipsis { margin-bottom: 20px }
#footer #flinks .fitem_block_link li { display: inline-block; width: 32% }

@media screen and (max-width:769px) {
    #rshares, #online_open, #topSlider, #fitem_block_3, #friendlink { display: none !important }
    #header .content a#logo img { margin-left: 0 }
    .lcitem .rect { background: #2277B5 }
    #footer { margin-bottom: 50px }
    #toolbar { display: block !important }

    #fastnav { border-bottom: none !important }
    #footer #flinks .module_container { padding-bottom: 0 !important }

    #pages a, #pages span { padding: 0 10px }
}

#toolbar { background: #cf0000; width: 100%; height: 50px; position: fixed; bottom: 0; left: 0; z-index: 999; display: none }
#toolbar a { width: 25%; float: left; text-align: center; padding-top: 5px; color: #fff; }
#toolbar .fa { font-size: 1.8rem; color: #fff; display: block; line-height: 26px; }
#toolbar .fa-qq { font-size: 2rem; }
#toolbar .fa-mobile { font-size: 2rem; }
