@charset "utf-8";

/* 公共变量 */
:root{
  --red:#dc3545;/* 红色 */
  --black:#000;/* 黑色 */
  --white:#fff;/* 白色 */
  --gray-dark:#555;/* 灰色 */
  --gray-bg:#f0f0f0;/* 灰色 */
  --gray-blue:#162647;/* 蓝色 */
  --primary:#d01729;/* 初级色 */
  --secondary:#f0f0f0;/* 次要色 */
  --theme-color:#d01729;/* 主题色 */
  --main-theme:var(--theme-color);/* 主题色选择 */
}

/* 公共 重置 */
*{margin:0;padding:0}
*, *:before, *:after{box-sizing:border-box;}
body{font-size:1rem;font-weight:400;line-height:1.5;color:var(--gray-dark,#333);text-align:left;}

/* 公共 布局 */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.container{max-width:540px;}}
@media (min-width:768px){.container{max-width:720px;}}
@media (min-width:992px){.container{max-width:960px;}}
@media (min-width:1200px){.container{max-width:1140px;}}
@media (min-width:1400px){.container{max-width:1380px;}}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}


/* 公共 栅格 */
.g-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.g-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.g-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.g-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.g-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.g-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.g-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.g-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.g-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.g-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.g-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.g-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.g-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

/* 公共 链接 */
a{color:var(--gray-dark,#333);text-decoration:none;background-color:transparent;}
a:hover{color:var(--main-theme,#007bff);text-decoration:none;}
a:not([href]){color:inherit;text-decoration:none;}
a:not([href]):hover{color:inherit;text-decoration:none;}

/* 公共 标题 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{margin-bottom:0.5rem;font-weight:500;line-height:1.2;}
h1, .h1{font-size:2.5rem;}
h2, .h2{font-size:2rem;}
h3, .h3{font-size:1.75rem;}
h4, .h4{font-size:1.5rem;}
h5, .h5{font-size:1.25rem;}
h6, .h6{font-size:1rem;}

/* 公共 排版 */
p{margin-top:0;margin-bottom:1.5rem;line-height:2;}
b,strong{font-weight:700;}
img{vertical-align:middle;border-style:none;max-width:100%;height:auto;}

/* 公共 列表 */
ul,ol{list-style-type:none;}
i{font-style:normal;}

/* 公共 表格 */
table{width:100%;max-width:100%;border-collapse:collapse;background-color:transparent;border-spacing:0;}
td,th{padding:8px 1.5rem;border-bottom:1px solid #ebeef5;vertical-align:top;line-height:1.42857143;}
th{text-align:left;}

/* 公共 浮动 */
.float-right{float:right!important}
.float-left{float:left!important}
.clearfix::after{display:block;clear:both;content:"";}

/* 公共 分页 */
.pagination{ float:right; margin-top:2em;}
.pagination li{display:inline; float:left; margin-right:8px; font-size:1.5rem; background:#FFF;}
.pagination a{display:block; padding:.8em 1.2em; font-size:1rem; text-align:center; color:var(--main-theme,#dc3545);  border:1px solid #e6e6e6;}
.pagination span{display:block; padding:.8em 1.2em; font-size:1rem; text-align:center; color:var(--main-theme,#dc3545);  border:1px solid #e6e6e6;}
.pagination a:hover{background:#eee;}
.pagination li.active span{background:var(--main-theme,#dc3545); color:#fff; border:1px solid var(--main-theme,#dc3545);}
.pagination .pages-break{padding:11px 5px; cursor:default;}
