@charset "utf-8";
/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px){
.container{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-2-1{
    width:20%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}
.hidden-lg{
    display: none!important;
}
.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}
}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){
.container{
    max-width:1199px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-2-1{
    width:20%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}
.hidden-md{
    display: none!important;
}
.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}
}
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){
.container{
    max-width:991px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-sm-1{
    width:8.33%;
    float:left;
}
.col-sm-2{
    width:16.66%;
    float:left;
}
.col-sm-3{
    width:25%;
    float:left;
}
.col-sm-4{
    width:33.33%;
    float:left;
}
.col-sm-5{
    width:41.66%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-7{
    width:58.33%;
    float:left;
}
.col-sm-8{
    width:66.66%;
    float:left;
}
.col-sm-9{
    width:74.99%;
    float:left;
}
.col-sm-10{
    width:83.33%;
    float:left;
}
.col-sm-11{
    width:91.66%;
    float:left;
}
.col-sm-12{
    width:100%;
    float:left;
}
.hidden-sm{
    display: none!important;
}
.col-sm-offset-1{
    margin-left:8.33%;
}
.col-sm-offset-2{
    margin-left:16.66%;
}
.col-sm-offset-3{
    margin-left:25%;
}
.col-sm-offset-4{
    margin-left:33.33%;
}
.col-sm-offset-5{
    margin-left:41.66%;
}
.col-sm-offset-6{
    margin-left:50%;
}
.col-sm-offset-7{
    margin-left:58.33%;
}
.col-sm-offset-8{
    margin-left:66.66%;
}
.col-sm-offset-9{
    margin-left:74.99%;
}
.col-sm-offset-10{
    margin-left:83.33%;
}
.col-sm-offset-11{
    margin-left:91.66%;
}
.col-sm-offset-12{
    margin-left:100%;
}
}
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px){
.container{
    max-width:767px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-xm-1{
    width:8.33%;
    float:left;
}
.col-xm-2{
    width:16.66%;
    float:left;
}
.col-xm-3{
    width:25%;
    float:left;
}
.col-xm-4{
    width:33.33%;
    float:left;
}
.col-xm-5{
    width:41.66%;
    float:left;
}
.col-xm-6{
    width:50%;
    float:left;
}
.col-xm-6{
    width:50%;
    float:left;
}
.col-xm-7{
    width:58.33%;
    float:left;
}
.col-xm-8{
    width:66.66%;
    float:left;
}
.col-xm-9{
    width:74.99%;
    float:left;
}
.col-xm-10{
    width:83.33%;
    float:left;
}
.col-xm-11{
    width:91.66%;
    float:left;
}
.col-xm-12{
    width:100%;
    float:left;
}
.hidden-xs{
    display: none!important;
}
.col-xm-offset-1{
    margin-left:8.33%;
}
.col-xm-offset-2{
    margin-left:16.66%;
}
.col-xm-offset-3{
    margin-left:25%;
}
.col-xm-offset-4{
    margin-left:33.33%;
}
.col-xm-offset-5{
    margin-left:41.66%;
}
.col-xm-offset-6{
    margin-left:50%;
}
.col-xm-offset-7{
    margin-left:58.33%;
}
.col-xm-offset-8{
    margin-left:66.66%;
}
.col-xm-offset-9{
    margin-left:74.99%;
}
.col-xm-offset-10{
    margin-left:83.33%;
}
.col-xm-offset-11{
    margin-left:91.66%;
}
.col-xm-offset-12{
    margin-left:100%;
}
}
/*在小于480像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px){
.container{
    max-width:479px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-xs-1{
    width:8.33%;
    float:left;
}
.col-xs-2{
    width:16.66%;
    float:left;
}
.col-xs-3{
    width:25%;
    float:left;
}
.col-xs-4{
    width:33.33%;
    float:left;
}
.col-xs-5{
    width:41.66%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-7{
    width:58.33%;
    float:left;
}
.col-xs-8{
    width:66.66%;
    float:left;
}
.col-xs-9{
    width:74.99%;
    float:left;
}
.col-xs-10{
    width:83.33%;
    float:left;
}
.col-xs-11{
    width:91.66%;
    float:left;
}
.col-xs-12{
    width:100%;
    float:left;
}
.hidden-xs{
    display: none!important;
}
.col-xs-offset-1{
    margin-left:8.33%;
}
.col-xs-offset-2{
    margin-left:16.66%;
}
.col-xs-offset-3{
    margin-left:25%;
}
.col-xs-offset-4{
    margin-left:33.33%;
}
.col-xs-offset-5{
    margin-left:41.66%;
}
.col-xs-offset-6{
    margin-left:50%;
}
.col-xs-offset-7{
    margin-left:58.33%;
}
.col-xs-offset-8{
    margin-left:66.66%;
}
.col-xs-offset-9{
    margin-left:74.99%;
}
.col-xs-offset-10{
    margin-left:83.33%;
}
.col-xs-offset-11{
    margin-left:91.66%;
}
.col-xs-offset-12{
    margin-left:100%;
}
}