/* @font-face{
    font-family: 'PingFangMedium';
    src : url('~@/assets/font/PingFangMedium.ttf');
}
 */
body, html{
	margin: 0;
	padding: 0;
	background: #f7fafc;
  /* font-family: PingFang SC,PingFangSC-Regular,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,Hiragino Sans GB,sans-serif; */
  font-family: PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}

ul,li,p{
	margin: 0;
	padding: 0;
	list-style: none;
}

a{
	text-decoration:none;
}

a:hover{
  color: #225afc!important;
}

div,ul,li,span,font,input,textarea,p,h1,h2,h3,h4,h5,h6,buttom,a{
  box-sizing: border-box;
  word-break: break-all;
  line-height: 1.6;
}

input:focus {
    outline-offset: 0!important;
}
*:focus {
    /* outline: -webkit-focus-ring-color auto 0!important; */
    outline: none;
}
/* .page-enter-active, .page-leave-active {
transition: opacity .1s;
}
.page-enter, .page-leave-active {
opacity: 0;
} */

a img{
	border:none;
}

/* 整体宽度 */
.tl-main{width: 1200px;margin: 0 auto;}
.tl-main-left{width: 874px;}
.tl-main-right{width: 306px;}
/* 常用元素 */
.fr{float: right;}
.fl{float: left;}
.tl-inline{display: inline;}
.tl-clear{overflow: hidden;clear: both;}
.tl-elip{-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;word-break: break-all;}
.tl-elip2{-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;word-break: break-all;}
.tl-elip3{-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;word-break: break-all;}
/* 颜色 */
/* 背景色 */
.tl-bj-blue{background-color: #4371FF;}
.tl-bg-black{background-color: #333;}
.tl-bg-gray{background-color: #f9f9f9;}
/* 辅助色 */
.tl-fz-orange{background-color: #EB9609;}
.tl-fz-red{background-color: #F65248;}
.tl-fz-purple{background-color: #F65248;}
/* 文字 */
.tl-font-blue{color: #4371FF;}
.tl-font-title{color: #333;}
.tl-font-info{color: #666;}
.tl-font-msg{color: #999;}
/* 圆角 */
.tl-radius-bg{border-radius: 6px;}
.tl-radius-sm{border-radius: 4px;}
/* 间距 */
.tl-margin-bottom{margin-bottom: 20px;}
/* 面包屑 */
.mbx{padding: 20px 0;}
.mbx li{float: left;margin-right: 5px;}