html,body{ margin: 0; padding: 0; } .pagebox{ position:relative; }body{ margin:0 auto; padding:0; text-align:left; overflow-x: hidden; font-family:"Microsoft Yahei" !important; color: #6b6868; font-size:12px; background: url(index2_bg.jpg) repeat-y fixed center top #000; } body .e_title { font-family:"Microsoft Yahei" !important; font-weight: normal; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style{ font-family:"Microsoft Yahei" !important; font-weight: normal; } .reset_style span{ font-family:"Microsoft Yahei" !important; }  .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); }  a { max-width: 100%; outline: 0 none; text-decoration: none; color:#535353; } a:hover { text-decoration:none; color:#535353; } a:focus { outline:none; -moz-outline:none; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #333; color: #fff; border-color: #333; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } @font-face { font-family: 'bebas'; src: url('/upload/font/bebas.eot&fs1fbn'); src: url('/upload/font/bebas.eot&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/bebas.woff&fs1fbn') format('woff'), url('/upload/font/bebas.ttf&fs1fbn') format('truetype'), url('/upload/font/bebas.svg&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; } .clearBoth { clear: both;  width: 100% !important; height: 0px !important; font-size: 0 !important; overflow: hidden;  line-height: 0 !important; margin: 0 !important; float: none !important; } .izl-rmenu { position: fixed; right: 0; margin-right: 8px; bottom: 20px; padding-bottom: 20px; z-index: 999; } .izl-rmenu .btn { width: 43px; height: 43px; margin-bottom: 2px; cursor: pointer; position: relative; display: block; border-radius: 0; border: none; padding: 0; } .izl-rmenu .btn-whatsapp { background: url(i_whatsapp.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-whatsapp:hover { background-color: #006699; } .izl-rmenu .btn-skype { background: url(i_skype.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-skype:hover { background-color: #006699; } .izl-rmenu .btn-email { background: url(i_email.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-email:hover { background-color: #006699; } .izl-rmenu .btn-wechat { background: url(i_wechat.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-wechat:hover { background-color: #006699; } .izl-rmenu .wx_wechat { position: absolute; right: 45px; bottom: 0; display: none; } .izl-rmenu .btn-facebook { background: url(i_facebook.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-facebook:hover { background-color: #006699; } .izl-rmenu .btn-linkedin { background: url(i_linkedin.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-linkedin:hover { background-color: #006699; } .izl-rmenu .btn-youtube { background: url(i_youtube.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-youtube:hover { background-color: #006699; } .izl-rmenu .btn-pinterest { background: url(i_pinterest.png) center center no-repeat; background-color: #46AF98; } .izl-rmenu .btn-pinterest:hover { background-color: #006699; } .izl-rmenu .btn-top { background: url(i_top.png) center center no-repeat; background-color: #46AF98; display: none; } .izl-rmenu .btn-top:hover { background-color: #006699; } .izl-rmenu .btn-close { width: 19px; height: 19px; margin-bottom: 10px; } .izl-rmenu .btn-close a { width: 19px; height: 19px; display: block; background: url(close_ico.png) 0px 0px no-repeat; } @media only screen and (max-width: 768px) { #izl_rmenu { display: block; } }