@charset "UTF-8";

/* 全局 */
*{margin:0; padding:0;}
body{color:#333; background-color:#fff; min-width:1226px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#757575;}
a:hover{color:#207AD6;}

.container{width:1200px; margin-left:auto; margin-right:auto;}

.left{float:left;}
.right{float:right;}
.clear:after{clear:both; float:none; content:""; display:block; width:100%; height:0; visibility:hidden;}

.btn{display: inline-block; width: 158px; height: 38px; padding: 0; margin: 0; border: 1px solid #b0b0b0; font-size: 14px; line-height: 38px; text-align: center; color: #b0b0b0; cursor: pointer; transition: all .4s;}
.btn-small{width: 118px; height: 28px; font-size: 12px; line-height: 28px;}
.btn-primary{background: #f10215; border-color: #f10215; color: #fff;}
.btn-gray{background: #b0b0b0; border-color: #b0b0b0; color: #fff;}
.btn-line-primary{border-color: #f10215; background: #fff; color: #f10215;}

@-webkit-keyframes loader{
    0%{-webkit-transform:scale(1, 0.5);opacity:.2;filter:alpha(opacity=20)\9}
    100%{-webkit-transform:scale(1, 1);opacity:1;filter:alpha(opacity=100)\9}
}
.loader{
    position:relative; margin:0 auto; width:4px; height:20px; background:#f10215; overflow:visible;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.loader:before, .loader:after{position:absolute; left:50%; top:50%; width:4px; height:20px; content:""; background:#f10215;}
.loader:before{
    margin: -10px 0 0 -10px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-transform: scale(1, 0.3);
    -ms-transform: scale(1, 0.3);
    transform: scale(1, 0.3);
}
.loader:after{
    margin: -10px 0 0 6px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform: scale(1, 0.5);
    -ms-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.loader, .loader:before, .loader:after{
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
}