/* font */
@font-face {font-family: 'NotoSansHans-Regular'; src: url('https://osscdn.onlynaturaldiamonds.com.cn/static/resource/font/NotoSansHans-Regular.otf');}
@font-face {font-family: 'IvarText-Regular'; src: url('https://osscdn.onlynaturaldiamonds.com.cn/static/resource/font/IvarText-Regular.woff2');}
@font-face {
    font-family: 'Dia-Regular';
    src: url("https://osscdn.onlynaturaldiamonds.com.cn/static/resource/font/IvarText-Regular.woff2") format("woff2"), url("https://osscdn.onlynaturaldiamonds.com.cn/static/resource/font/IvarText-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
/* reset */
body {font-family: "Dia-Regular",'IvarText-Regular','NotoSansHans-Regular'; color: #000;background: #fff;
    letter-spacing: 0.019375rem;-webkit-font-smoothing: antialiased;    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form {margin: 0;}
input, button, select {font-size: 100%; margin: 0; padding: 0; vertical-align: middle; outline: none;line-height: normal;}
textarea {overflow: auto; height: auto; resize: vertical;vertical-align: top;}
img {max-width: 100%; vertical-align: top;border: 0 ;height: auto; -ms-interpolation-mode: bicubic;}
ul {padding-left: 0; list-style-type: none;}
i, b {font-weight: normal; font-style: normal;}
a {text-decoration: none; outline: none;color:inherit;*color: #555;}
a:hover,
a:focus{opacity: .8;}

/* html5 ele */
article, aside, dialog, footer, header, section, nav, figure, menu {display: block;}
audio, canvas, progress, video {display: inline-block;}

/* 高亮选中 */
::-moz-selection {color: #fff; background: #0087b3; }
::selection {color: #fff; background: #0087b3; }

hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}


img {border: 0;}
button,
input,
select,
textarea {font-family: inherit; font-size: 100%;}
button,
input {line-height: normal;}
button,
select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer;}

button[disabled],
html input[disabled] {cursor: default;}

input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; padding: 0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}

input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}

textarea {overflow: auto; vertical-align: top;}

table {border-collapse: collapse; border-spacing: 0;}
/*工具*/
.fix {*zoom: 1; *clear: both;}
.fix:before, .fix:after {display: table; clear: both; content: '';}
.oh {overflow: hidden; *zoom: 1;}
.l {float: left;}
.r {float: right;}
.dib {display: inline-block; *display: inline; *zoom: 1;}
.pr {position: relative;}.pa {position: absolute;}
.tc {text-align: center;}.tr {text-align: right;}.tl {text-align: left;}
.el {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.el2 {display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hide {display: none;}
.hidetext {font: 0/0 a; letter-spacing: -9px;}
.opc0 {opacity: 0 ; filter: alpha(opacity=0);}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%; *height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-60{padding-bottom: 60%;}
.rect-658{padding-bottom: 65.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}