/*reset*/
/*http://shanyou.cc/static/assets/icons/remixicon.html*/
@import url("../../assets/icons/fonts/remixicon.css");
body {-webkit-tap-highlight-color: transparent;margin:0; padding:0; background-color: #f8fafc;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
body.right-open{overflow-y:clip;}
.img-fluid{max-width: 100%;height: auto;}


:root {
      --primary: #e63946;
      --bg: #ffffff;
      --card: #f8f9fa;
      --text: #2b2d42;
      --text-secondary: #6c757d;
      --border: #dee2e6;
      --shadow: 0 2px 10px rgba(0,0,0,0.08);
      --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }


/*form*/
label input{vertical-align:middle; margin-right:3px;}
label{cursor:pointer;}
textarea{resize:none;font-size:12px;}
:focus {outline: 0;}
select{padding:4px 5px;border:1px solid #cbcbcb; border-radius:2px; margin-right:3px;}

/*font-size*/
.fB{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:16px;}

/*float*/
.l,.left{float:left;}
.r,.right{float:right;}
.clearfix {display: block;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
* html .clearfix { height: 1%;}

/*display*/
.hide{display:none;}
.block{display:block;}

/*a*/
a {color:#323232; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#4385F5; transition: all 0.5s;}
a:active {color:#4385F5;}

/*margin*/
.mt20{margin-top: 20px}
.mb20{margin-bottom: 20px}
.top0{top: 0}
.textcenter{text-align: center;}
.h-20 {height: 5rem;}
.h-8 {height: 2rem;}

/*省略行数*/
.text-overflow-1,.text-overflow-2,.text-overflow-3,.text-overflow-4,.text-overflow-5{display: -webkit-box !important;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
}
.text-overflow-2{-webkit-line-clamp: 2;}
.text-overflow-3{-webkit-line-clamp: 3;}
.text-overflow-4{-webkit-line-clamp: 4;}
.text-overflow-5{-webkit-line-clamp: 4;}

.px-6{
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

/* 容器与通用间距 */
        .container {
            /*width: 100%;*/
            /*max-width: 600px;*/
            margin: 0 auto;
            padding: 0 20px;
        }

        section {
            padding: 64px 0;
            border-bottom: 1px solid #e2e8f0;
        }

        section:last-of-type {
            border-bottom: none;
        }




        /* 通用标题 */
        h1 {
            font-size: 2.2rem;
            line-height: 1.2;
            margin-bottom: 16px;
            font-weight: 800;
            letter-spacing: -0.01em;
        }

        h2 {
            font-size: 1.8rem;
            margin-bottom: 16px;
            font-weight: 700;
            letter-spacing: -0.3px;
            text-align: center;
        }

        h3 {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 12px;
        }


        footer {
            background: #0f172a;
            color: #cbd5e1;
            padding: 40px 0 30px;
            text-align: center;
            font-size: 0.85rem;
        }

        footer .container p {
          margin-top: 12px;
        }