/* 定义颜色变量 */

.container{
    /*width: 76.25em;*/
    margin: 0 auto;
    box-sizing: border-box;
}
*{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body,html{
    color: #333333;
    font-family:微软雅黑,"Microsoft YaHei";
}
img{
    border: none;
}
input::-ms-clear, input::-ms-reveal{
    display: none;
}
.xr-left{
    float: left;
}
.xr-right{
    float: right;
}
.xr-clear{
    clear: both;
}
.xr-clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.xr-clearfix{
    zoom:1;
}
.xr-button{
    position: relative;
    cursor: pointer;
}
.xr-button:hover::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
}
.xr-scroll-box{
    overflow-x: hidden;
    overflow-y: auto;
}
.xr-scroll-box::-webkit-scrollbar{
    width: 0.375em;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0.0625em;
}
.xr-scroll-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0.375em;
    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    background: #DDD;
}
.xr-scroll-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    border-radius: 0.375em;
    background: #FFF;
}
.xr-scroll-box.hidden::-webkit-scrollbar{
    width: 0em;
    height: 0.0625em;
}
.xr-scroll-box.hidden::-webkit-scrollbar-thumb {
    border-radius: 0em;
    background: #DDD;
}
.xr-scroll-box.hidden::-webkit-scrollbar-track {
    border-radius: 0em;
    background: #FFF;
}

.xr-text-left{
    text-align: left;
}
.xr-text-center{
    text-align: center;
}
.xr-text-right{
    text-align: right;
}
.xr-mt-5{
    margin-top: 0.3125em;
}
.xr-mt-10{
    margin-top: 0.625em;
}
.xr-mt-15{
    margin-top: 0.9375em;
}
.xr-mt-20{
    margin-top: 1.25em;
}
.xr-mt-25{
    margin-top: 1.25em;
}
.xr-mt-30{
    margin-top: 1.875em;
}
.xr-mt-40{
    margin-top: 2.5em;
}
.xr-mt-50{
    margin-top: 3.125em;
}
.xr-mb-5{
    margin-bottom: 0.3125em;
}
.xr-mb-10{
    margin-bottom: 0.625em;
}
.xr-mb-15{
    margin-bottom: 0.9375em;
}
.xr-mb-20{
    margin-bottom: 1.25em;
}
.xr-mb-25{
    margin-bottom: 1.5625em;
}
.xr-mb-30{
    margin-bottom: 1.875em;
}
.xr-mb-40{
    margin-bottom: 2.5em;
}
.xr-mb-50{
    margin-bottom: 3.125em;
}
.row:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.row {
    margin-right: -0.9375em;
    margin-left: -0.9375em;
    zoom: 1;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-left, .col-center, .col-right, .col-qi, .col-five {
    float: left;
    position: relative;
    min-height: 0.0625em;
    padding-right: 0.9375em;
    padding-left: 0.9375em;
    box-sizing: border-box;
}
.col-12 {
    width: 100%;
}
.col-11 {
    width: 91.66666667%;
}
.col-10 {
    width: 83.33333333%;
}
.col-9 {
    width: 75%;
}
.col-8 {
    width: 66.66666667%;
}
.col-7 {
    width: 58.33333333%;
}
.col-6 {
    width: 50%;
}
.col-5 {
    width: 41.66666667%;
}
.col-4 {
    width: 33.33333333%;
}
.col-3 {
    width: 25%;
}
.col-2 {
    width: 16.66666667%;
}
.col-1 {
    width: 8.33333333%;
}
.col-left {
    width: 37%;
}
.col-center {
    width: 37%;
}
.col-qi {
    width: 74%;
}
.col-right {
    width: 26%;
}
.col-five{
    width: 20%;
}

.headerNavFontSize{
    font-size: 14px;
}