body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0
}


/* 初始化标签在所有浏览器中的margin、padding值 */

fieldset,
img {
    border: 0 none
}


/* 重置fieldset（表单分组）、图片的边框为0*/

dl,
ul,
ol,
menu,
li {
    list-style: none
}


/* 重置类表前导符号为onne,menu在HTML5中有效 */

blockquote,
q {
    quotes: none
}


/* 重置嵌套引用的引号类型 */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}


/* 重置嵌套引用*/

input,
select,
textarea,
button {
    vertical-align: middle;
	outline: none;
}


/* 重置表单控件垂直居中*/

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}


/* 重置表单button按钮效果 */

body {
    background: #fff;
	font-family: PingFang SC;
}


/* 重置body 页面背景为白色 */

body,
th,
td,
input,
select,
textarea,
button {
    font-size: 12px;
    line-height: 1;
    font-family: "微软雅黑", "黑体", "宋体";
    color: #666
}


/* 重置页面文字属性 */

a {
    color: #666;
    text-decoration: none
}


/* 重置链接a标签 */

a:active,
a:hover {
    text-decoration: none
}


/* 重置链接a标签的鼠标滑动效果 */

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}


/* 重置样式标签的样式 */

caption {
    display: none;
}


/* 重置表格标题为隐藏 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}


/* 重置table属性 */

img {
    vertical-align: top
}


/* 图片在当前行内的垂直位置 */


/* 页面设置 */


/* 取消a标签点击后的虚线框 */

a {
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}


/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */


/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/


/*清除浮动*/

.clear {
    clear: both;
}

.clear-float:after{
    display:block;
    content:'';
    clear:both;
}
/*清除浮动--推荐使用*/

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.fwb {font-weight: bold;}
.fw700{font-weight: 700;}
.fw900{font-weight: 900;}
.fs10{font-size:10px;}
.fs18{font-size: 18px;}
.fs14{font-size: 14px;}
.fs12{font-size: 12px;}
.fs22{font-size: 22px;}
.fs30{font-size: 30px;}
.fs42{font-size: 42px;}
.c-fff{color: #fff;}
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt44{margin-top: 44px;}
.mt50{margin-top: 50px;}
.opa8{ opacity: 0.8;}
.opa7{ opacity: 0.7;}
.opa5{ opacity: 0.5;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.pl50{padding-left: 50px;}
.pr50{padding-right: 50px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.dis-flex{display: flex;}
.direction-column{flex-direction: column;}
.flex1{flex: 1;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-end{justify-content: flex-end;}
.align-center{align-items: center;}
.flex-wrap{flex-wrap: wrap;}

.over{overflow: hidden;}
.fl {float: left;}
.fr {float: right;}
.p10 {padding: 10px;}
.p30 {padding: 30px;}

.c-common {color: #3CA2FF;}
.c-9FA {color: #9FABB8;} 
.c-757 {color: #757E88;} 
.c-1E2 {color: #1E2329;} 
.bold {font-weight: bold;}

.bg-common{background-color: #3CA2FF;}
.bg-tran{background-color: transparent;};
.bg-fff{background-color: #fff;}
.bg-147{background-color: #1479D6}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.wd100{width: 100%;}
.wd45{width: 45%;}
.wd50{width: 50%;}
.wd15{width: 15%;}
.wd33{width: 33.33%;}
.ht33{height: 33.33%;}
.h44{height: 44px;}
.lh44{line-height: 44px;}

.breakall{word-break:break-all}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}
.ellipsis-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}