@font-face {
    font-family: OPPOSans_b;
    font-weight: bold;
    src: url('./font/OPPOSans-B.ttf') format('truetype');
}

@font-face {
    font-family: DIN;
    font-weight: bold;
    src: url('./font/DIN-Bold.otf') format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; color: #333333;}
body {margin:0 auto; vertical-align:baseline; overflow-y:scroll;}
/*body {margin:0 auto;  font-family: OPPOSans, OPPOSans; vertical-align:baseline; overflow-y:scroll;}*/
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none; vertical-align: top;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {position: relative;max-width:1920px; min-width:1130px; overflow-x:auto;}
div{-webkit-tap-highlight-color:rgba(0,0,0,0); }
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
.g-wrap1 {position:relative; margin:0 auto; width:1200px; height:100%}
.g-wrap2{position:relative; margin:0 auto; width:62.5%; height:100%}
.g-wrap3{position:relative; margin:0 auto; width:1200px;}

.lxrig{ position: fixed; right: 0.5%; top: 30%; z-index: 999999;box-shadow: 0px 3px 10px 0px #CBCBCB; width:100px; display: flex;justify-content: center;}
.lxrig ul{float: right; width: 100%;}
.lxrig ul li{width: 100%; display: flex;justify-content: center;align-items: center; padding-top: 16px;padding-bottom: 16px; border-bottom: 2px solid #F3F3F3;}
.lxrig ul li div{width: 50px; height: 50px; background-color: rgb(241, 241, 241, 0.21); color: #ABABAB; cursor: pointer;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.lxrig ul li span{font-size: 1.875rem;}
.lxrig ul li:hover div{background-color: #C8000B;color: #ffffff;}
.dianh{ box-shadow: 0 0 10px #c9c7c7; font-size: 20px; position: absolute; left: 0; top:50px; width: 170px; background: #fff; border-radius:5px; line-height: 50px; text-align: center; display: none; transform: translateX(calc(-100% - 20px))}
.weix{box-shadow: 0 0 10px #c9c7c7; position: absolute; left: 0; top:50px; width: 170px; background: #fff; border-radius:5px;text-align: center; padding: 8% 0;display: none; transform: translateX(calc(-100% - 20px))}
.weix img{margin: auto;}