@charset "utf-8";



/* CSS Document */

/*@font-face{

  font-family: 'pingFang SC';

  src: url('../fonts/PingFangTC.ttf');

  font-weight: normal;

  font-style: normal;

}*/

html,body{

    font-family: pingFangSC-Light, sans-serif;

}

/* 全局样式

-------------------------------------------------------------- */

html, body, a, p, span, ul, img {

    margin: 0;

    padding: 0;

    border: none;

    color: #666;

    list-style: none;

    font-size: 14px;

    font-family: "pingFang SC",'PingFang',"Microsoft Yahei", "Arial";

    font-weight: 400;

    line-height: 1.2;

}



img {

    border: none;

}



td {

    font-size: 14px;

}



body {

    overflow-x: hidden;

}



/* 链接样式 */

a {

    outline: none;

    text-decoration: none;

}



a:visited {

    outline: none;

    text-decoration: none;

}



a:hover {

    outline: none;

    text-decoration: none;

}



* {

    box-sizing: border-box;

    word-break: break-all;

}



/* 常用元素 */

.clear {

    clear: both;

    height: 0px;

    font-size: 1px;

    line-height: 0px;

}

.clearfix:after {

    content: '';

    height: 0;

    clear: both;

    display: block;

}

img {

    max-width: 100%;

}



h1, h2, h3, h4, h5 {

    margin: 0;

    line-height: 1;

}



input, input:focus, button, button:focus, textarea, textarea:focus, select, select:focus, select:active {

    border: none;

    box-shadow: none;

    outline: 0;

}



*::-webkit-scrollbar, *::-webkit-scrollbar {

    width: 6px;

}



*::-webkit-scrollbar-button, *::-webkit-scrollbar-button {

    display: none;

}



*::-webkit-scrollbar-track, *::-webkit-scrollbar-track {

     background-color: #fff;

}



*::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {

   background-color: #FFA34F;

   border-radius: 30px;

}



/*color*/



/* 层浮动 */

.left {

    float: left;

}



.right {

    float: right;

}



.center {

    margin: 0 auto;

}



/* 文字对齐 */

.tleft {

    text-align: left;

}



.tright {

    text-align: right;

}



.tcenter {

    text-align: center;

}



.page {

    overflow-x: hidden;

}



.dis_flex {

    display: flex;

}



.dis_center {

    align-items: center;

}



.font16 {

    font-size: 16px;

}



.font18 {

    font-size: 18px;

}



.font56 {

    font-size: 56px;

}



.one_line {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.two_line {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.block {

    display: inline-block;

}

.w100 {

    width: 100%;

}



.height100 {

    height: 100%;

}



.cursor {

    cursor: pointer;

}



.cusor_no {

    cursor: default;

}



.font56 {

    font-size: 56px;

}



/*background*/

.grey_bg {

    background: #F5F5F7;

}



/*@font-face{font-family:'OPPOSans';src:url('../fonts/OPPOSans-B.ttf');src:url('../fonts/OPPOSans-R.ttf'),

    font-weight:normal;

    font-style:normal;}*/

@font-face {

    font-family: 'PingFang';

 /*   src: url('../fonts/PingFang SC-Bold.otf');

 */   src: url('../fonts/PingFang SC-Regular.otf'), font-weight:normal;

    font-style: normal;

}





.font_pf {

    font-family: 'PingFang';

}



/*弹窗*/

.eject_mask {

    position: fixed;

    left: 0;

    top: 0px;

    right: 0;

    bottom: 0;

    z-index: 99997;

    background-color: rgba(0, 0, 0, .4);

    display: none;

}



.public_window__ {

    min-width: 510px;

    min-height: 300px;

   background: #FFFFFF;

    border-radius: 8px;

    position: fixed;

    z-index: -99999;

    left: 50%;

    top: 50%;

    transform: translate(-50%, calc(-50% + 60px));

    padding: 24px 0;

    opacity: 0;

}



.public_window__.show {

    transform: translate(-50%, calc(-50%));

    z-index: 99999;

    opacity: 1;

    transition: transform .4s;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.public_window__ .top_ {

    border-bottom: 1px solid #EEEEEE;

    padding: 0 30px;

    padding-bottom: 24px;

}



.public_window__ .top_ .title_ {

    font-weight: 700;

font-size: 24px;

    color: var(--black);

    float: left;

    position: relative;

}

.public_window__ .top_ .close_ {

    float: right;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    cursor: pointer;

    background-image: url(../images/close.svg);

    background-size: 100%;

    background-repeat: no-repeat;

}



.public_window__ .top_ .close_ img {

    display: none;

}

.public_window__ .public_cont {

    padding: 0 30px;

}