﻿@charset "utf-8";
/* 2015-10-15 13:00*/
/*
特色：
1. 适应中文；
2. 基于最新主流浏览器.
3.未进行兼容性测试
*/

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
em,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
    {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body {
    font-family:
        'Source Han Sans CN',
        'Source Han Sans SC',
        'Source Han Sans TC',
        'Source Han Sans KR',
        'Source Han Sans JP',
        'Source Han Sans',
        'Noto Sans CJK SC',
        'Noto Sans CJK TC',
        'Noto Sans CJK KR',
        'Noto Sans CJK JP',
        'Noto Sans CJK',
        PingFangSC-Regular,
        'microsoft yahei ui',
        'microsoft yahei',
        '微软雅黑',
        sans-serif;
    font-size: 14px;
}

button,
input,
select,
textarea {
    font-size: 100px;
    font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
    font-size: 14px;
}

/* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul,
ol {
    list-style: none;
}

/** 重置文本格式元素 **/
a {
    color: #15bbdd;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

/* 重置, 减少对行高的影响 */
sub {
    vertical-align: text-bottom;
}

/** 重置表单元素 **/
legend {
    color: #000;
}

/* for ie6 */
fieldset,
img {
    border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
    font-size: 100%;
}

/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表单 input,textarea,button元素 **/
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=button],
input[type=submit],
input[type=number],
textarea,
button {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
}

/*重置button点击高亮*/
button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

textarea {
    overflow: scroll;
    resize: none;
    border: 0
}

/*重置焦点默认样式*/
:focus {
    outline: 0;
}

/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

mark {
    background: #ff0;
}

* {
    box-sizing: border-box;
}

:root {

    /* 文字 */
    --font-size-50: 50px;
    --font-size-48: 48px;
    --font-size-44: 44px;
    --font-size-36: 36px;
    --font-size-32: 32px;
    --font-size-30: 30px;
    --font-size-28: 28px;
    --font-size-24: 24px;
    --font-size-22: 22px;
    --font-size-20: 20px;
    --font-size-18: 18px;
    --font-size-16: 16px;
}

@media screen and (max-width:1080) {}

@media screen and (max-width:750px) {
    body {
        font-size: min(.26rem, 16px);
    }

    :root {
        /* 文字 */
        --font-size-50: min(.5rem, 36px);
        --font-size-48: min(.48rem, 36px);
        --font-size-44: min(.48rem, 36px);
        --font-size-36: min(.48rem, 36px);
        --font-size-32: min(.48rem, 32px);
        --font-size-30: min(.36rem, 30px);
        --font-size-28: min(.36rem, 28px);
        --font-size-24: min(.32rem, 24px);
        --font-size-22: min(.32rem, 22px);
        --font-size-20: min(.3rem, 20px);
        --font-size-18: min(.3rem, 18px);
        --font-size-16: min(.26rem, 16px);
    }
}

@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("../fonts/RobotoCondensed-Regular.ttf");
}

.vjs-poster {
    background-size: cover;
}