* {
    box-sizing: border-box;
}

/*@font-face {
  font-family: 'PFDinTextUN';
  src: url('./PFDinTextUN-Regular.otf');
  font-weight:normal;
}
@font-face {
  font-family: 'PFDinTextUN';
  src: url('./PFDinTextUN-Bold.otf');
  font-weight:bold;
}*/


html,
body {
    margin: 0;
    padding: 0; 
    font-family: 'Source Han Sans CN','PingFang SC', 'serif', 'Times New Roman','微软雅黑', 'Helvetica','Microsoft YaHei','思源宋', 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html {
	font-size: 100%;
}

body {
    background-color: #eeeeee;
    position: relative;
    color: #00296E;
}

body.mobile #moneybar {
    width: 100%;
}
body.pc #moneybar {
    width: 960px;
    margin: auto;
}
body.mobile #provLink {
    width: 100%;
}
body.pc #provLink {
    width: 960px;
    margin: auto;
}
body.mobile #provCircle {
    width: 100%;
}
body.pc #provCircle {
    width: 960px;
    margin: auto;
}

#moneybar .moneybarBox {
    background: #fff; /* transparent */
}

#provLink .provLinkBox {
    background:  #fff;
    margin: auto;
}

#provCircle .provCircleBox {
    background:  #fff;
}