@charset "utf-8";
/* resets */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video,input{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
    display: block;
}
i,em,s{font-style: normal;}
html, body {
	color:#333;
    font-size: 16px;
    font-family:'Microsoft YaHei','微软雅黑', Arial, Lucida Grande, Tahoma, serif;
    background-color: #F9FAFC;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
    height:100%;
	-webkit-text-size-adjust: 100%;
}

table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
img ,input,button{vertical-align: middle;border:0;}
input{background: none;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
th{
    font-weight: 700;
}
ul{list-style: none;}
ol{list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}

abbr,acronym {border: 0;}
/* block */
.show{display:block;}
.hide{display:none;}

/*float*/
.fl{float: left;}
.fr{float: right;}

/* 清除浮动 */
.clearfix:before,.clearfix:after{content:"";display:block;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*ie6,7*/}

/*flex布局*/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex2{ flex: 2; -webkit-box-flex:2; -ms-flex:2;}
.flex3{ flex: 3; -webkit-box-flex:3; -ms-flex:3;}
.flex-cloum{flex-direction: column;}
.fcenter{
    -webkit-display:flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; 
}
.flex-item{display: flex; align-items: center;}

/* 超出隐藏(有些浏览器需加宽度起作用) */
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a {text-decoration: none;cursor: pointer;}
a:focus,input,textarea,button {outline: none;}
a:hover {text-decoration: none;}

/* reset */
a:visited,
a{text-decoration:none;cursor:pointer;color:#333;}
input[type="checkbox"]{-webkit-appearance: checkbox;}


*{-webkit-tap-highlight-color: rgba(0,0,0,0);}



/* 公共部分 */

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content{
    width:1200px;
    margin:auto;
}

/* 部分手机浏览器会出现此问题 */

li,p,span,a{
    max-height:999999px;
}


/*
!* html 响应式布局设定 *!

!* 屏幕宽度在900以上的 *!
@media screen and (min-width: 900px) {
    html{font-size: 36px;}
}

!*手机横屏或者平板电脑*!
@media screen and (min-width: 600px) and (max-width: 900px) {
    html{font-size:32px;}
}

!* 屏幕宽度在480-600之间的大屏手机 *!
@media screen and (min-width: 480px) and (max-width: 600px) {
    html{font-size: 20px;}
}

!*手机  三星s4手机 360*640 iPhone5 320px*!
@media screen and (max-device-width: 480px){
    html{font-size: 16px;}
}*/