/* 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 "Avenir LT W01 65 Medium", sans-serif, Helvetica, Arial;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    /*height: 20000px;*/
}
/*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;
}

html,body{
    overflow-x: hidden;
}
input,select,textarea{
    font-size:100%
}
article,aside,footer,header,nav,section,audio,canvas,video {
    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:#666;
    -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: #044dc5;
}
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.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;
}


.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-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
/*
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
    }
}




.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}