 html,body{margin: 0;padding: 0;} .pagebox{ position:relative; } .dot{ background: #9e9e9e; width: 15px; height: 15px; border-radius: 50%; } .dot.current{ background: #0162a7; } a{color:#666;text-decoration:none} a:hover{color:#fff;text-decoration:none} a:active{color:#fff;text-decoration:none} a:focus{ color:#222; text-decoration:none; }  .p_categoryBox .p_linkBox.click {background-color:#0162a7;color: #fff;} .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a {color: #fff;} 产品上下页 .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: #c2272d !important; cursor: pointer; text-decoration: none; background-color: #c2272d !important; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #0162a7 !important; border-color: #0162a7 !important; } .p_page .pageNum.active { text-decoration: none; background-color: #0162a7 !important; color: #fff; border-color: #0162a7 !important; } .p_page .next:hover { background:#c2272d; border-color: #c2272d; color: #fff; cursor: pointer } .p_page .next:active { background: #0162a7; border-color: #0162a7; color: #fff; } .p_page .pre:hover { color: #fff; background: #c2272d; border-color: #c2272d; cursor: pointer } .p_page .pre:active { background: #0162a7; border-color: #0162a7; color: #fff; } .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: #0162a7; 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:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#c2272d; cursor:pointer; } .p_pagebox .next:active{ background-color:#c2272d; } .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: #0162a7; 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:hover { color: rgba(255, 255, 255, 1); border-color:#c2272d; background-color: #c2272d; cursor: pointer } .p_pagebox .pre:active { background-color: #c2272d; }  @media only screen and (max-width:768px) { .p_title { padding: 0; } .p_linkBox { padding: 0; } .decTab:hover, .decTab.active { color: #222; border-bottom: 2px solid #222; } } @media only screen and (min-width:769px) { .decTab{ cursor: pointer; } .decTab:hover, .decTab.active { color: #222; border-bottom: 2px solid #222; } }  .btn-primary { color: #fff; background-color: #0162a7; border-color: #0162a7; line-height: 40px; width: 100%; font-size: 16px; } .btn-primary:hover { color: #fff; background-color: #c2272d; border-color: #c2272d; } .btn-primary:active { color: #fff; background-color: #c2272d !important; border-color: #c2272d !important; }  .mouse_bac:hover { background-color: #c2272d; } * 企业下载用hover行变化 */ .p_fileItem:hover{background-color: rgba(100,100,100,.1);} .p_fileItem:hover .btn{background-color: rgba(100,100,100,.1);color: #fff;}  .btn { border-radius: 0px; } .container { width: 100%; }