*{
    padding: 0px;
    margin: 0px;
}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {
    -webkit-appearance: none;
    outline:none;
    font-family: inherit;
    font-size: 1.4rem;
}
textarea { -webkit-appearance: none;}
html,body{
    height: 100%;
}
html {
    font-size: 62.5%;
}
body{
    font-family: 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', Helvetica, tahoma, Arial,'Microsoft YaHei';
    font-size: 1.4rem; /* =14px */
}

.container {
    margin: 0 auto;
    /*background: url("../images/bg.jpg") no-repeat center;*/
    height: 100%;
}
a{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
/*span{
    display: inline-block;
}*/
img{
    width: 100%;
}
li{
    list-style: none;
}
.hr{
    width: 100%;
    background: #fafafa;
    height: 10px;
}
.g_bg{
    background: #f3f3f3;
}
/*
文字大小控制
*/
.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}
.font26{
    font-size: 26px;
}
.font28{
    font-size: 28px;
}
.font32{
    font-size: 32px;
}

/*
文字颜色控制
*/
.orange{
    color: #f99d0a;
}
.orange2{
    color: #f99c38;
}
.orange3{
    color: #f9c200;
}
.gary{
    color: #898899;
}
.gary2{
    color: #999999;
}
.gary3{
    color: #cac5cc;
}
.blue{
    color: #3b78b7;
}
.blue2{
    color: #768bb3;
}
.blue3{
    color: #768bb3;
}
.white{
    color:#ffffff;
}
.pink{
    color:#ff3b61;
}
.black{
    color: #000000;
}
/*
外边距控制
*/
.marginCenter{
    margin: 0 auto;
}
.margin-top5{
    margin-top: 5px;
}
.margin-bottom5{
    margin-bottom: 5px;
}
.margin-left5{
    margin-left: 5px;
}
.margin-right5{
    margin-right: 5px;
}
.margin-top10{
    margin-top: 10px;
}
.margin-bottom10{
    margin-bottom: 10px;
}
.margin-left10{
    margin-left: 10px;
}
.margin-right10{
    margin-right: 10px;
}

.margin-top15{
    margin-top: 15px;
}
.margin-bottom15{
    margin-bottom: 15px;
}
.margin-left15{
    margin-left: 15px;
}
.margin-right15{
    margin-right: 15px;
}
.margin-top20{
    margin-top: 20px;
}
.margin-bottom20{
    margin-bottom: 20px;
}
.margin-left20{
    margin-left: 20px;
}
.margin-right20{
    margin-right: 20px;
}
.margin-top30{
    margin-top: 30px;
}
.margin-bottom30{
    margin-bottom: 30px;
}
.margin-left30{
    margin-left: 30px;
}
.margin-right30{
    margin-right: 30px;
}
.margin-top40{
    margin-top: 40px;
}
.margin-bottom40{
    margin-bottom: 40px;
}
.margin-left40{
    margin-left: 40px;
}
.margin-right40{
    margin-right: 40px;
}
.padding-top5{
    padding-top:5px ;
}
.padding-top10{
    padding-top:10px ;
}
.padding-bottom10{
    padding-bottom: 10px;
}
.padding-left10{
    padding-left: 10px;
}
.padding-right10{
    padding-right: 10px;
}
.padding-top20{
    padding-top:20px ;
}
.padding-bottom20{
    padding-bottom: 20px;
}
.padding-left20{
    padding-left: 20px;
}
.padding-right20{
    padding-right: 20px;
}
.padding-top30{
    padding-top:30px ;
}
.padding-bottom30{
    padding-bottom: 30px;
}
.padding-left30{
    padding-left: 30px;
}
.padding-right30{
    padding-right: 30px;
}
.padding-top40{
    padding-top:40px ;
}
.padding-bottom40{
    padding-bottom: 40px;
}
.padding-left40{
    padding-left: 40px;
}
.padding-right40{
    padding-right: 40px;
}
.padding-top50{
    padding-top:50px ;
}
.padding-bottom50{
    padding-bottom: 50px;
}
.padding-left50{
    padding-left: 50px;
}
.padding-right50{
    padding-right: 50px;
}
.padding-top100{
    padding-top:100px ;
}
.padding-right70{
    padding-right: 60px;
}
.padding-top100{
    padding-top:100px ;
}
/*
字体粗细
*/
.bold{
    font-weight: bold;
}
.normal{
    font-weight:normal;
}
.bold100{
    font-weight:100;
}
.bold200{
    font-weight:200;
}
.bold300{
    font-weight:300;
}
.bold400{
    font-weight: 400;
}
.bold500{
    font-weight: 500;
}
.bold600{
    font-weight: 600;
}
.bold700{
    font-weight: 700;
}
.bold800{
    font-weight: 800;
}
/*
圆角控制
*/
.radius5{
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    -ms-border-radius: 5px;   /* IE browsers */
    -o-border-radius: 5px;   /* IE browsers */
    border-radius:5px;
}
.radius10{
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    -ms-border-radius: 10px;   /* IE browsers */
    -o-border-radius: 10px;   /* IE browsers */
    border-radius:10px;
}
.radius15{
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    -ms-border-radius: 15px;   /* IE browsers */
    -o-border-radius: 15px;   /* IE browsers */
    border-radius:15px;
}

/*
文字对齐方式
*/
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
/*
清除浮动
*/
.clear{
    clear: both;
}