/*
*author: xghl-fed-gq
*date: 2020.8.4
*content: reset style.
*/
@font-face {
    font-family: "mySourceBold";
    /* IE9 */
    src: /* IE6-IE8 */
        url('../fonts/SourceHanSansCN-Bold.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Bold.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../fonts/SourceHanSansCN-Bold.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: "mySourceLighter";
    /* IE9 */
    src: /* IE6-IE8 */
        url('../fonts/SourceHanSansCN-Light.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Light.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Light.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../fonts/SourceHanSansCN-Light.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: "mySourceMedium";
    /* IE9 */
    src: /* IE6-IE8 */
        url('../fonts/SourceHanSansCN-Medium.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Medium.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Medium.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../fonts/SourceHanSansCN-Medium.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: "myDin";
    /* IE9 */
    src: url('../fonts/DIN-Regular.otf'),
        /* IE6-IE8 */
        url('../fonts/DIN-Regular.woff2') format('woff2'),
        url('../fonts/DIN-Regular.woff') format('woff'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../fonts/DIN-Regular.svg') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: "myDinBold";
    /* IE9 */
    src: url('../fonts/DIN-Bold.otf'),
        /* IE6-IE8 */
        url('../fonts/DIN-Bold.woff2') format('woff2'),
        url('../fonts/DIN-Bold.woff') format('woff'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../fonts/DIN-Bold.svg') format('svg');
    /* iOS 4.1- */
}

html,
body {
    margin: 0;
    font-family: 'Microsoft YaHei';
}

h1,
h2,
h3,
h4,
h5.h6,
p,
ul,
li {
    margin: 0;
}

ul,
li {
    list-style: none;
    padding: 0;
    border: none;
}

a {
    text-decoration: none;
}

input,
select,
button {
    border: none;
    background-color: transparent;
    outline: none;
}

.text-flow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-flow-b {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
}

.text-flow-c {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;
}

.source-lighter {
    font-family: 'mySourceLighter';
}

.source-medium {
    font-family: 'mySourceMedium';
}

.myDin {
    font-family: 'myDin';
}

.myDinBold {
    font-family: 'myDinBold';
}


.btn-ani {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-ani:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 1 */
.btn-ani-1 {
	border: 3px solid #fff;
	color: #fff;
}

/* Button 1c */
.btn-ani-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.btn-ani-1c:hover,
.btn-ani-1c:active {
	color: #0e83cd;
}

.btn-ani-1c:hover:after,
.btn-ani-1c:active:after {
	width: 100%;
}
