html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }*{font-family:"微软雅黑";}  .p_con p,.p_articles p{ font-size:1rem;line-height:1.8rem;color:#333;word-break:break-word; }  .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .next:hover,.p_page .pre:hover,.p_pagebox .next,.p_pagebox .pre { background-color: #44a300; color: #fff; border-color: #44a300; border-radius: 0px; } .p_page .next,.p_page .pre,.p_page .pageNum{ border-radius: 0px; } @font-face { font-family: 'playballregular'; src: url('../font/playball-regular-webfont.eot'); src: url('../font/playball-regular-webfont.eot') format('embedded-opentype'), url('../font/playball-regular-webfont.woff2') format('woff2'), url('../font/playball-regular-webfont.woff') format('woff'), url('../font/playball-regular-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/playball-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_pl_reg{ font-family: 'playballregular'; } @font-face { font-family: 'titillium_webregular'; src: url('../font/titilliumweb-regular-webfont.eot'); src: url('../font/titilliumweb-regular-webfont.eot') format('embedded-opentype'), url('../font/titilliumweb-regular-webfont.woff2') format('woff2'), url('../font/titilliumweb-regular-webfont.woff') format('woff'), url('../font/titilliumweb-regular-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/titilliumweb-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_ti_reg{ font-family: 'titillium_webregular'; } @font-face { font-family: 'titillium_websemibold'; src: url('../font/titilliumweb-semibold-webfont.eot'); src: url('../font/titilliumweb-semibold-webfont.eot') format('embedded-opentype'), url('../font/titilliumweb-semibold-webfont.woff2') format('woff2'), url('../font/titilliumweb-semibold-webfont.woff') format('woff'), url('../font/titilliumweb-semibold-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/titilliumweb-semibold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_ti_bold{ font-family: 'titillium_websemibold'; } h4 span{ font-family: 'titillium_websemibold' !important; } @font-face { font-family: 'poppinslight'; src: url('../font/poppins-light-webfont.eot'); src: url('../font/poppins-light-webfont.eot') format('embedded-opentype'), url('../font/poppins-light-webfont.woff2') format('woff2'), url('../font/poppins-light-webfont.woff') format('woff'), url('../font/poppins-light-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/poppins-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_po_lig{ font-family: 'poppinslight'; } @font-face { font-family: 'poppinsmedium'; src: url('../font/poppins-medium-webfont.eot'); src: url('../font/poppins-medium-webfont.eot') format('embedded-opentype'), url('../font/poppins-medium-webfont.woff2') format('woff2'), url('../font/poppins-medium-webfont.woff') format('woff'), url('../font/poppins-medium-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/poppins-medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_po_mid{ font-family: 'poppinsmedium'; } @font-face { font-family: 'poppinsregular'; src: url('../font/poppins-regular-webfont.eot'); src: url('../font/poppins-regular-webfont.eot') format('embedded-opentype'), url('../font/poppins-regular-webfont.woff2') format('woff2'), url('../font/poppins-regular-webfont.woff') format('woff'), url('../font/poppins-regular-webfont.ttf') format('truetype'), url('https://static202.yun300.cn/upload/font/poppins-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .en_po_reg{ font-family: 'poppinsregular'; } body{ font-family: "titillium_webregular"; } .bq{ width: 100px; height: 30px; top: 30px; right: 70px; padding-top: 5px; padding-left: 50px; background: url(../image/net.png) no-repeat left center; font-size: 16px; font-family: arial; color: #fff; position: absolute; margin-top: 0px; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } .active .bq{ background: url(../image/net.png) no-repeat left center; } .bq a{color:#fff;} .active .bq a{color:#333333;} .btn-default { color: #fff !important; background-color: #db2516 !important; border-color: #fff !important; } .yy{ font-size: 18px !important; font-weight: bold; padding-top: 15px; } . .fg{ width:100%; } .fgem{ width: 50%; font-size: 18px !important; line-height: 50px; padding-left:30px; color:#333; background: url(../image/Emi1.png) no-repeat left center; } .fg001{ width: 55%; font-size: 14px !important; float:left; font-family: arial !important; position: absolute; top: 600px; left: 43%; line-height:30px; padding-bottom: 0px !important; }.fg001 div{ padding-bottom: 0px !important; } .fgtel{ font-size: 18px !important; float:left; padding-left:30px; color:#333; line-height:50px; background: url(../image/tel1.png) no-repeat left center; } @font-face { font-family: "playballregular"; } .c_portalResMember_register-01001002 ::-moz-placeholder{ color: #666; font-size: 14px; } .c_portalResMember_register-01001002 :-ms-input-placeholder{ color:#666; font-size: 14px; } .c_portalResMember_register-01001002 ::-webkit-input-placeholder{ color: #666; font-size: 14px; } .reset_style h1 { font-weight: normal; font-family: "playballregular" !important; } #c_portalResnav_main-15857446333974073 { POSITION: fixed !important;Z-INDEX:999!important; TOP: 0px; } @media only screen and (min-width: 1400px){ #c_portalResEbizads_banner-15668888138847970 .pc-banner .swiper-slide { border-radius: 5px; flex-shrink: 0; width: 100%; min-height: 430px !important; height: auto; position: relative; transform: scale(.85); transition: all .5s ease; overflow: hidden; box-shadow: 0 4px 20px 0 rgba(0,0,0,.3); } }  #w_grid-1563691639845 { background-position:center right; background-image:url(../image/nar.png),linear-gradient(0deg, rgba(239, 239, 239, 1), rgba(255, 255, 255, 1)); background-image-part-image:url(../image/nar.png); background-image-part-linear-gradient:linear-gradient(0deg, rgba(239, 239, 239, 1), rgba(255, 255, 255, 1)); background-image-part-linear-gradient-part-begin-color:rgba(239, 239, 239, 1); background-image-part-linear-gradient-part-end-color:rgba(255, 255, 255, 1); background-image-part-linear-gradient-part-angle:0; background-repeat:no-repeat; } #w_grid-1564722452136 { width: 100%;box-shadow: -2px 0px 3px 1px rgba(0, 0, 0, 0.12); shadow-distance: 2px; max-width: none; min-width: 0px; height: 80px !important; max-height: none; min-height: 80px !important; margin-top: 0px; margin-left: auto; Z-INDEX: 999 !important; left: 0px; TOP: 0px !important; POSITION: fixed !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .del{float:left;width:48%;margin-left: 2%;} .der{float:left;width:48%;margin-left:2%;} .border_default { border: 0px solid #ffffff; } .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { color: #404040; background-color: #281571; border-color: #281571; } .c_portalResMember_register-01001::-moz-placeholder{ color:#666; font-size:14px; } .c_portalResMember_register-01001:-ms-input-placeholder{ color:#666; font-size:14px; } .c_portalResMember_register-01001 ::-webkit-input-placeholder{ color:#666; font-size:14px; } .p_categoryBox .p_linkBox.click { background-color: #d92519 !important; } .p_categoryBox .p_linkBox.click a { color:#fff !important; } .p_categoryBox .p_linkBox.click a:visited{ text-decoration: none; } .p_categoryBox .p_linkBox.click a:hover{ text-decoration: none !important; } .p_categoryBox .p_linkBox.click a:active{ text-decoration: none; } a{ color:#444; text-decoration: none; } a:link{ color:#444 ; text-decoration: none; } a:visited{ color:#444 ; text-decoration: none; } a:hover{ color:#444 ; text-decoration: none !important; } a:active{ color:#444 ; text-decoration: none; } .anavNameLink a{color:#fff !important;} .anavNameLink2 a{color:#444 !important;}  div{word-break: normal;} #c_portalResnav_main-15636808521534864{Z-INDEX:99998 !important;TOP:0px !important;width: 100% !important;POSITION: fixed !important;} #c_portalResnav_main-15571953418975012{Z-INDEX:9999 !important;TOP:0px !important;POSITION: absolute !important;} #w_common_text-1566871482438{Z-INDEX:99999 !important;TOP: 22px !important;POSITION: fixed !important;right: 17% !important;left:auto !important;} #w_grid-1563516969741{Z-INDEX: 999 !important;TOP: 0px !important;POSITION: fixed !important;shadow-distance: 2px;right:0 !important;min-height: 80px !important;left:auto !important;background-color:rgba(0, 0, 0, 0) !important;height: 80px!important;} #w_grid-1563687361450{Z-INDEX:99999 !important;TOP: 22px !important;POSITION: fixed !important;right: 7% !important;left:auto !important;} #w_fimg-1557194390822{Z-INDEX:9998 !important;TOP: 14px !important;left: 7% !important;POSITION: absolute !important;} #w_fbtn-1560849395600{Z-INDEX:9999 !important;TOP: 17px !important;POSITION: fixed !important;right:4% !important;left:auto !important;} #w_common_text-1557380209008{Z-INDEX: 999 !important;TOP: 0px !important;POSITION: absolute !important;right:0 !important;left:auto !important;} .stylebox_top { width: auto; height: 60px !important; background-color: rgba(0, 0, 0, 0) !important; } .stylebox_content { border-style: solid; border-width: 0px !important;    border-color: #f0f0f0; width: 100%; width-uint: %; } .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(0, 0, 0, 0) !important; padding-left: 15px; padding-right: 15px; color: #333; font-size: 0; vertical-align: bottom; white-space: nowrap; } .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgb(74, 74, 74) !important; font-weight: normal; font-size: 20px !important; max-width: 600px; overflow: hidden;  font-weight: bold !important;   text-overflow: ellipsis; white-space: nowrap; } #w_grid-1557299846262 { margin-left: auto !important; margin-right: 0px !important; } @media only screen and (max-width: 1024px) and (min-width: 768px){ #w_carouselbox-1559727245776 { min-height: 400px !important; } } @media only screen and (min-width: 1200px){ .container { width:100% !important; } } @media only screen and (max-width: 1360px){ #w_grid-1565317974201 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 380px !important; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1600px) and (min-width: 1401px){ #w_common_text-1566871482438{Z-INDEX:99999 !important;TOP: 22px !important;POSITION: fixed !important;right: 19% !important;left:auto !important;} #c_portalResnav_main-15571953418975012 .fr { margin-left: 23% !important; } #c_portalResnav_main-15636808521534864 .fr { margin-left: 23% !important; } } @media only screen and (max-width: 1800px) and (min-width: 1601px){ #c_portalResnav_main-15571953418975012 .fr { margin-left: 29% !important; } #c_portalResnav_main-15636808521534864 .fr { margin-left: 29% !important; } } @media only screen and (max-width: 1600px){ #w_fimg-1563697276736,#w_fimg-1563697706155,#w_fimg-1563698330880,#w_fimg-1563698330898,#w_fimg-1563698038213,#w_fimg-1563698038271{ margin-top: 22% !important; } } @media only screen and (max-width: 1400px){ #w_common_text-1566871482438{Z-INDEX:99999 !important;TOP: 18px !important;POSITION: fixed !important;right: 20% !important;left:auto !important;} .navbar_nav li a { text-decoration: none; height: 100%;  padding: 0 20px; display: block; text-transform: uppercase; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size:24px; } #c_portalResnav_main-15571953418975012 .fr { margin-left: 25% !important; } #c_portalResnav_main-15636808521534864 .fr { margin-left: 25% !important; } } @media only screen and (max-width: 1200px){ #w_common_text-1566871482438{Z-INDEX:99999 !important;TOP: 22px !important;POSITION: fixed !important;right: 11% !important;left:auto !important;} #c_portalResEbizads_banner-15635164905162272 {margin-top: 90px !important;} #c_portalResnav_main-15571953418975012{ z-index: 9999999 !important;display:none !important;} #w_fbtn-1563515185769,#w_grid-1563687361450{DISPLAY:NONE !important;} #w_grid-1557379692628 { background:#FFFFFF; } } @media only screen and (max-width: 768px){ #c_portalResnav_main-15857446333974073 { POSITION: relative !important;Z-INDEX:999!important; TOP: 0px; } .p_DepictBoxB{ display:none; } #w_grid-1569211097444,#w_common_text-1563692444580,.d_CommonInteractionB,.d_CommonInteractionA,#w_common_text-1564561931502,#w_common_text-1564621149525{ display:none; } #c_portalResNews_list-15609270146619575 .p_news{ padding:0px !important; } #w_grid-1564621149497{ margin-top:35px !Important; } #c_portalResProduct_list-15858044815685534 .swiper-container{ margin:0px !Important; } #w_grid-1564732670584{ margin-top:0px !Important; width:92% !important; } #w_grid-1565327730557 > div > .p_gridbox{ background-size: contain; } #w_common_text-1564732697093{ margin-top:8% !important; } #w_common_text-1564732697093 span,#w_common_text-1563692444562 span,#w_common_text-1564561931485 span,#w_common_text-1564621149515 span{ font-size:28px !Important; } #c_portalResEbizads_banner-15972325559545911{ margin-top:0px !important; } .c_portalResnav_main-01001008 .header2{ height:auto !important; } .c_portalResnav_main-01001008 .header2 .logo{ max-width:165px; margin-top: 14px; } .c_portalResnav_main-01001008 .header2 .main-wrap { height: 70px !important; } .c_portalResnav_main-01001008 .header2 .nav-btn{ margin-top: 30px; } #w_grid-1567654274546 { width: 100% !important; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1566894321096 .p_gridbox { background-attachment: fixed; background-position: top left!important; } #w_grid-1566892695819 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1564562173742 { width: 100% !important; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1564562173627 { width: 100%; max-width: 740px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: 20px !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1565327730557 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1567663142977 { width: 80%; max-width: 500px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: -50px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1567654274716 > div > .p_gridbox { background-image: url(../image/afa42.jpg)!important; } #w_grid-1567654274696 > div > .p_gridbox { background-image: url(../image/afa32.jpg)!important; } #c_portalResEbizads_banner-15668888138847970 .pc-banner .swiper-slide { border-radius: 5px; flex-shrink: 0; width: 100%; min-height: 200px !important; height: auto; position: relative; transform: scale(.85); transition: all .5s ease; overflow: hidden; box-shadow: 0 4px 20px 0 rgba(0,0,0,.3); } #w_grid-1566886491122 { width: 88%; max-width: none; min-width: 0px; height: auto; display: none; max-height: none; min-height: 192px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1566886491136 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px !important; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1566895864657 { width: auto; max-width: none; min-width: 0px; height: 80px; max-height: none; min-height: 0px; margin-top: 20px; margin-left: 0px !important; text-align: center !important; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1566895864660 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; text-align: center !important; min-height: 0px; margin-top: 20px; margin-left: 0px !important; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1566895864649 { width: 100% !important; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 50px; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1565317974201 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 220px !important; margin-top: 90px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResNews_list-15609270146619575 { width: 90%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 50px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1563703139056 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 336px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .c_portalResProduct_list-01001001 .img { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important; height: 100%; } #w_grid-1564732697087 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1564732670584 { width: 90%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResEbizads_banner-15647157911937884 { Z-INDEX: 0 !important; left: auto !important; right: auto !important; TOP: 80px !important; POSITION: fixed !important; width: 100% !important; } #w_common_text-1566871482438{Z-INDEX:99999 !important;TOP: 22px !important;POSITION: fixed !important;right: 20% !important;left:auto !important;} #c_portalResNews_list-15609270146619575 { width: 90%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 50px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1563691639845 { background-color:#ededed !important; background-image:none; } .del{float:left;width:100%!important;} .der{float:left;width:100%!important;} #w_grid-1561100510530,#w_grid-1563767573217,#w_grid-1563767906957,#w_grid-1563772470666,#w_grid-1563883833694{ margin-right: auto !important;} .p_category { width: 100%; height: 100%; position: fixed; top: 70px; left: 100%; transition: left 0.3s; z-index: 99999!important; } #w_grid-1563689643145 { width: 86%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 20px !important; margin-left: auto; margin-right: auto; margin-bottom: 60px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1563691639845{  background-image-part-image:url(../image/ar.png); background-image-part-linear-gradient:linear-gradient(0deg, rgba(239, 239, 239, 1), rgba(255, 255, 255, 1)); background-image-part-linear-gradient-part-begin-color:rgba(239, 239, 239, 1); background-image-part-linear-gradient-part-end-color:rgba(255, 255, 255, 1); background-image-part-linear-gradient-part-angle:0; background-repeat:no-repeat; background-position:center right; } #c_portalResnav_main-15571953418975012{ z-index: 9999999 !important;display:none !important;} #w_fbtn-1563515185769{DISPLAY:NONE !important;} #w_common_text-1557199077532,#w_common_text-1557199135019 { text-align: center; } #w_grid-1557280602956,#w_grid-1557295949021,#w_grid-1557299421881,#w_grid-1557299846262,#w_grid-1557303247050{ margin-left: auto !important; margin-right: auto !important; } #c_portalResProduct_category-1559714865523,#c_portalResProduct_category-15597136518081821 { min-height: 45px !important; } #w_grid-1557380180856 > div > .p_gridbox { background-image: url(https://static202.yun300.cn/img/e11.png?tenantId=219910&viewType=1&v=1706521078000) !important; } #w_fimg-1557194390822{Z-INDEX:9998 !important;POSITION: fixed !important;left: 30px!important;right:auto!important;} #c_portalResnav_main-15571953418975012 .header { width: 100%; position: relative; top: 0; left: 0; z-index: 99999; height: 75px !important; padding: 0 30px; } #w_grid-1557195142214 { position: fixed; top: 0px; left: 0px; bottom: auto; right: auto; transform: none; width: 100%; height: auto; z-index: 9997; content: normal; max-width: none; min-width: 0px; max-height: none; min-height: 75px !important; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; -webkit-transform: none; } .p_btn-hide .p_c-fff { width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; margin-top: 150px; background: #686868; } } .pageNum.active { text-decoration: none; background-color: #616161; color: #fff; border-color: #626262; } .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin:0 5px 0 0; padding:0 5px; background-size: 100% 100%; color: #595959; border:1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #616161; cursor: pointer; text-decoration: none; background-color: #4d4d4d; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #616161; border-color: #454545; } .p_page .pageNum.active { text-decoration: none; background-color: #616161; color: #fff; border-color: #626262; } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pre:hover { color: #fff; background: #5d5d5d; border-color: #414141; cursor: pointer } .p_page .pre:active { color: #fff; background: #5d5d5d; border-color: #414141; } .p_page .next:hover { background: #535353; border-color: #585858; color: #fff; cursor: pointer; } @media screen and (max-width: 768px){ .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #626262; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #5d5d5d; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; }.p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } } .btn-tab:active, .btn-tab.active, .open>.dropdown-toggle.btn-tab, .btn-tab:active:hover, .btn-tab.active:hover, .open>.dropdown-toggle.btn-tab:hover, .btn-tab:active:focus, .btn-tab.active:focus, .open>.dropdown-toggle.btn-tab:focus, .btn-tab:active.focus, .btn-tab.active.focus, .open>.dropdown-toggle.btn-tab.focus { color: #fff; background: #575757; border-color: #5b5b5b; } .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-tab, .btn-tab:hover, .btn-tab:focus { color: #686868; background-color: #fff; border-color: #939393; }