/* base style */
html{
    color:#000;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html *{
    outline:0;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
    color:#666;
    font: 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body,html{ width:100%; height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

input,select,textarea{
    font-size:100%
}
article,aside,footer,header,nav,section,audio,canvas,video,img {
    display: block;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0
}
abbr,acronym{
    border:0;
    font-variant:normal
}
del{
    text-decoration:line-through
}
address,caption,cite,code,dfn,em,th,var{
    font-style:normal;
    font-weight:normal
}
caption,th{
    text-align:left
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}
q:before,q:after{
    content:''
}
button{
    outline:0;
    border:none;
}
ins,a{
    text-decoration:none;
}
a{
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    color:#333333;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
a:hover{
    text-decoration:none;
    color: #a10d02;
}
textarea {
    resize: none;
}
iframe,img {
    border:0;
}
img{
    vertical-align:top;
    /*-webkit-transition: all 0.5s linear;*/
    /*-moz-transition: all 0.5s linear;*/
    /*-ms-transition: all 0.5s linear;*/
    /*-o-transition: all 0.5s linear;*/
    /*transition: all 0.5s linear;*/
}
ul,ol,li,dl,dt,dd{
    list-style:none;
}
/*input,select,textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
}
input {-webkit-appearance: none;}
::-webkit-input-placeholder {  WebKit, Blink, Edge
    color:    #ccc;
	font-size:12px;
}
:-moz-placeholder {  Mozilla Firefox 4 to 18
   color:    #ccc;
   font-size:12px;
}
::-moz-placeholder {  Mozilla Firefox 19+
   color:    #ccc;
   font-size:12px;
}
:-ms-input-placeholder {  Internet Explorer 10-11
   color:    #ccc;
   font-size:12px;
}*/
.transition{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.pr{
    position:relative;
}
.abs{
    position: absolute
}
.fixed{
    position:fixed;
}
.fl{
    float:left;
    display:inline-block;
}
.fr{
    float:right;
    display:inline-block;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    *zoom:1;
}
.clear{
    clear:both
}
.box-sizing-box{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/*容器的属性*/
/*flex-direction属性决定主轴的方向（即项目的排列方向）。*/
/*flex-direction: row | row-reverse | column | column-reverse;*/
/*flex-wrap属性定义，如果一条轴线排不下，如何换行。*/
/*flex-wrap: nowrap | wrap | wrap-reverse;*/
/*flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap*/
.flex-flow-wrap{
    flex-flow: row wrap;
}
/*justify-content属性定义了项目在主轴上的对齐方式。 flex-start（默认值）：左对齐*/
.just-start{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.just-end{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.just-between{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.just-center{
    -webkit-justify-content: center;
    justify-content: center;
}
.just-around{
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
/*align-items属性定义项目在交叉轴上如何对齐。stretch（默认值）*/
.align-item-start{
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-item-end{
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-item-center{
    -webkit-align-items: center;
    align-items: center;
}
.align-item-end{
    -webkit-align-items: baseline;
    align-items: baseline;
}

/*align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用 默认值 stretch */
.align-content-start{
    -webkit-align-content: flex-start;
    align-content: flex-start;
}
.align-content-end{
    -webkit-align-content: flex-end;
    align-content: flex-end;
}
.align-content-center {
    -webkit-align-content: center ;
    align-content: center ;
}
.align-content-between{
    -webkit-align-content: space-between;
    align-content: space-between;
}
.align-content-around{
    -webkit-align-content: space-around;
    align-content: space-around;
}

/*项目的属性*/
/*order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。*/
/*flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。*/
/*flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。*/
/*flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。*/
/*flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。*/
/*align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto*/

.block{
    display:block;
}
.inline-block{
    display:inline-block;
}
.inline{
    display:inline;
}
.text-over{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-over-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-over-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
}

/*
FILTER: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
*/
/********************************************************************************************/

.text-right{
    text-align: right;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.text-over {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-over-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-over-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.box-sizing-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.flex {

    display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.contleft {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.contright {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.contsx{
    -webkit-justify-content: center;
    align-items:center;
}
.cont-y{align-items:center!important;}
.contgu {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contzhong {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contshu{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contwv{
    justify-content: space-evenly;
}
.w100{ width: 100%;}
.fdc {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-flow-wrap {
    flex-flow: row wrap;
}
.height100{ height: 100vh;}
.heightf1{flex-grow: 1;}
.page{
    width: 100%;
    margin-top: 15px; padding-left:40px;
}

.page a,.page span{
    padding: 5px 12px;
    margin-left: 5px;
    display: inline-block;
    border: 1px #ddd solid;
    background: #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear ;
    -ms-transition: all 0.2s linear ;
    -o-transition: all 0.2s linear ;
    transition: all 0.2s linear ;
}
.page a:hover,.page span{
    color: #a10d02;
    border: 1px #a10d02 solid;
    background: #ffffff;
}


.text-over-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-over-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.box-sizing-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.flex {

    display: box;              /* OLD - Android 4.4- */

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.contleft {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.contright {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.contsx{
    -webkit-justify-content: center;
    align-items:center;
}

.contgu {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contzhong {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contshu{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contwv{
    justify-content: space-evenly;
}
.w100{ width: 100%;}
.fdc {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}