@charset "utf-8";

/* CSS Document */

body {
    height: 100%;
    width: 100%;
    /*background-color: #A06BF9;*/
    font-family: San Francisco, Helvetica Neue, sans-serif;
}

body,
div,
form,
p,
span,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
}

ul,
ol,
li {
    list-style: none;
}

img,
a img {
    border: 0 none;
}

a {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
select,
button {
    vertical-align: middle;
    font-family: "微软雅黑";
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.isdis {
    display: block;
}

.undis {
    display: none;
}

.clear {
    clear: both;
}

*:focus {
    outline: none;
}

div {
    box-sizing: border-box;
}

.buttonbj {
    background: -webkit-linear-gradient(left, #fdaf68, #ed6a37);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fdaf68, #ed6a37);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fdaf68, #ed6a37);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fdaf68, #ed6a37);
    /* 标准的语法 */
}


/**上下线条**/

.line {
    position: relative;
}

.line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.line:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}


/**上线条**/

.linetop {
    position: relative;
}

.linetop:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}


/**下线条**/

.linebottom {
    position: relative;
}

.linebottom:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}


/**右线条**/

.lineright {
    position: relative;
}

.lineright:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}


/**下线右15像素**/

.line_fifteen {
    position: relative;
}

.line_fifteen:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
}


/**整行居中显示**/

.public {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.public_bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.publics {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
}


/** Thin */

@font-face {
    font-family: "San Francisco";
    font-weight: 200;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2");
}


/** Regular */

@font-face {
    font-family: "San Francisco";
    font-weight: 400;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff2");
}


/** Medium */

@font-face {
    font-family: "San Francisco";
    font-weight: normal;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
}


/** Semi Bold */

@font-face {
    font-family: "San Francisco";
    font-weight: 500;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
}


/** Bold */

@font-face {
    font-family: "San Francisco";
    font-weight: bold;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
}

@font-face {
    font-family: 'avenir regular';
    src: url('../fonts/avenirnextregular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir medium';
    src: url('../fonts/avenirnextmedium.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir next';
    src: url('../fonts/avenirnextbold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir demi';
    src: url('../fonts/avenirnextdemibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-regular';
    src: url('./activity/fonts/gilroy-regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('./activity/fonts/gilroy-bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'extraBoldItalic';
    src: url('./activity/fonts/Gilroy-ExtraBoldItalic.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('./activity/fonts/Gilroy-Medium-2.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-HeavyItalic';
    src: url('./activity/fonts/Gilroy-HeavyItalic-8.otf');
    font-weight: normal;
    font-style: normal;
}

.mb32 {
    margin-bottom: 32px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb14 {
    margin-bottom: 14px;
}

@font-face {
    font-family: 'Gilroy-Black';
    src: url('../fonts/gilroy-black-6.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Semibold';
    src: url('../fonts/SFMono-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText-Medium';
    src: url('../fonts/SFUIText-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText-Heavy';
    src: url('../fonts/SFUIText-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText-Semibold';
    src: url('../fonts/SFUIText-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText-Regular';
    src: url('../fonts/SFUIText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText-Bold';
    src: url('../fonts/SFUIText-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}