@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;outline:0;}
body,textarea,input,button,select,keygen,legend{ font-family:"Microsoft YaHei",arial,\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size:14px;color:#333;outline:0;}
body{background:#f5f5f5;}
a{color:#333;}
a:hover{color:#A82120;}
img{
    display: block;
}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.flex {
    display: flex;
}
.align-center{align-items: center;}
.mb20{
    margin-bottom: 20px;
}

:root {
    --background: rgba(255, 255, 255, 0.7);
    --greenBG: rgba(0, 111, 118, 0.1);
    --boxShadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    --halfwhite: rgba(255, 255, 255, 0.5);
    --black: #242933;
    --brand: #006F76;
    --rgba: rgba(168, 33, 32, 0.2);

    --text: #3C5C6A;
    --deepGreen: #558f93;

    --white: #fff;
    --white46c: #F4F6FC;
    --white237: #F2F3F7;
    --whiteYellow: #fff6ed;
    --whiteGreen: #E8EFF2;
    --whitedf: #dfdfdf;
    --whitef9: #f9f9f9;
    --whitefa: #fafafa;
    --whitef5: #f5f5f5;
    --whitee5: #e5e5e5;
    --whitebd: #bdbdbd;

    --grey: #575C66;
    --grey999: #999;
    --gery89d: #88889d;
    --greyddd: #ddd;
    --grey70: #707070;

    --red: #690102;
    --lightRed: #A82120;
    --deeppink: #ff347d;

    --blue: #168cde;
    --M-blue: #1873E7;
    --M-lightblue: #58A2FF;

    --orange: #f60;
    --brown: #68301F;

    --lightGreen: #B3DADD;
    --boxLinear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    --boxLinearGreen: linear-gradient(180deg, rgba(60, 92, 106, 0) 72.31%, rgba(60, 92, 106, 0.4) 100%);
    --boxShadow: drop-shadow(-12px 12px 24px rgba(60, 92, 106, 0.1));
}