@charset "utf-8";

html{
    font-size:62.5%;
}
body {
    font-family: "Microsoft Yahei", "WenQuanYi Micro Hei", "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "sans-serif";
    font-size: 1.4rem;
}

/*position*/
.pzr{
    position: relative;
}
.pza{
    position: absolute;
    z-index: 2;
}
.pzf{
    position: fixed;
    z-index: 10;
}

/*font*/
.fwn{
    font-weight: normal;
}
.ft12{
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.ft14{
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.ft16{
    font-size: 1.6rem;
    line-height: 1.6rem;
}
.ft18{
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.ft20{
    font-size: 2rem;
    line-height: 2rem;
}
.ft22{
    font-size: 2.2rem;
    line-height: 2.2rem;
}
.ft24{
    font-size: 2.4rem;
    line-height: 2.4rem;
}
.ft30{
    font-size: 3rem;
    line-height: 3rem;
}
.ft35{
    font-size: 3.5rem;
    line-height: 3.5rem;
}
.ft40{
    font-size: 4rem;
    line-height: 4rem;
}
.ft44{
    font-size: 4.4rem;
    line-height: 4.4rem;
}

/*animate*/
.animated{
    transition: all 1.5s linear;
}

/*background*/
.bg-grey{
    background: #eae7e7;
}
.bg-green{
    background: #3ca05a;
}
.bg-white{
    background: #ffffff
}

/*color*/
a:hover, a:focus {
    color: #A62C2C;
}
.color-white, .color-white a{
    color: #ffffff;
}
.color-black, .color-black a{
    color: #333333;
}
.color-yellow{
    color: #f0c800;
}
.color-grey, .color-grey a{
    color: #999999;
}
.color-green{
    color: #206736;
}

/*border*/
.border{
    border: 1px solid #ddd;
}
.border-none {
    border: 0
}
.border-top {
    border-top: 1px solid #ddd
}
.border-right {
    border-right: 1px solid #ddd
}
.border-bottom {
    border-bottom: 1px solid #ddd
}
.border-left {
    border-left: 1px solid #ddd
}
.border-left-right {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.border-top-bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.border-white{
    border-color: #fff
}
/*radius*/
.radius-none {
    border-radius: 0
}
.radius-small {
    border-radius: 0.2rem
}
.radius {
    border-radius: 0.4rem
}
.radius-big {
    border-radius: 0.6rem
}
.radius-large {
    border-radius: 1.5rem
}
.radius-rounded {
    border-radius: 0.2rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem
}
.radius-circle {
    border-radius: 100%
}


/*margin*/
.mg-none{
    margin: 0;
}
.mg-5{
    margin: 5px;
}
.mg-auto{
    margin: 0 auto;
}
.mgt-5{
    margin-top: 5px;
}
.mgt-10{
    margin-top: 10px;
}
.mgt-15{
    margin-top: 15px;
}
.mgt-20{
    margin-top: 20px;
}
.mgt-30{
    margin-top: 30px;
}
.mgt-40{
    margin-top: 40px;
}
.mgt-50{
    margin-top: 50px;
}
.mgt-70{
    margin-top: 70px;
}
.mgb-5{
    margin-bottom: 5px;
}
.mgr-5{
    margin-right: 5px;
}
.mgr-10{
    margin-right: 10px;
}
.mgr-20{
    margin-right: 20px;
}
.mgl-5{
    margin-left: 5px;
}
.mgl-10{
    margin-left: 10px;
}
.mgb-10{
    margin-bottom: 10px;
}
.mgb-20{
    margin-bottom: 20px;
}
.mgb-50{
    margin-top: 50px;
}
.mgt-90{
    margin-top: 90px;
}
.mgt-160{
    margin-top: 160px;
}
.mgt-180{
    margin-top: 180px;
}
.mgt-75{
    margin-bottom: 75px;
}
.mgtb-5{
    margin: 5px 0;
}
.mgtb-10{
    margin: 10px 0;
}
.mgtb-30{
    margin: 30px 0;
}
.mgtb-70{
    margin: 70px 0;
}
.mglr-15{
    margin: 0 15px
}

/*padding*/
.pd-none{
    padding: 0;
}
.pd-3{
    padding: 3px;
}
.pd-5{
    padding: 5px;
}
.pd-8{
    padding: 8px;
}
.pd-10{
    padding: 10px;
}
.pd-15{
    padding: 15px;
}
.pd-40{
    padding: 40px;
}
.pdr-10{padding-right: 10px;}
.pdb-10{padding-bottom: 10px;}
.pdtb-5{
    padding: 5px 0;
}
.pdtb-10{
    padding: 10px 0;
}
.pdtb-20{
    padding: 20px 0;
}
.pdtb-50{
    padding: 50px 0;
}
.pdtb-60{
    padding: 60px 0;
}
.pdt-10{
    padding-top: 10px;
}
.pdb-10{
    padding-bottom: 10px;
}
.pdt-15{
    padding-top: 15px;
}
.pdd-15{
    padding-bottom: 15px;
}
.pdl-40{
    padding-left: 40px;
}
.pdr-40{
    padding-right: 40px;
}


/*common*/
.block{
    display: block;
}
.cursor{
    cursor: pointer;
}
.iblock{
    display: inline-block;
}
.hfull{
    height: 100%;
}
.hhalf{
    height: 50%;
}
#scrollUp{
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    background-position: 0 0;
    background: url('../img/backtop.png') no-repeat;
}
#scrollUp:hover{
    background-position: 0 -52px
}