* {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   /* Firefox */
   margin: 0;
   padding: 0;
   border: 0;
 }

 @font-face {
   font-family: 'FZLTKSFW';
   src: url('../font/FZLTKSFW.TTF') format('woff2');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 body {
   --paddingLen: 1.4rem;
   --paddingRightLen: 1.9rem;
   --paddingTop: 1.9rem;
   -webkit-touch-callout: none;
   -moz-user-select: none;
   /*火狐*/
   -webkit-user-select: none;
   /*webkit浏览器*/
   -ms-user-select: none;
   /*IE10*/
   -khtml-user-select: none;
   /*早期浏览器*/
   user-select: none;
   /* font-family: 'FZLTKSFW','宋体'; */
   /* font-weight: 600; */
 }

 html {
   font-size: 62.5%;
   scroll-behavior: smooth;

 }

 img {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
 }

 li {
   list-style: none;
 }

 .resultImage img {
   pointer-events: none !important;
 }


 a {
   text-decoration: none;
   color: #333;
   outline: none;
   color: #333;
   cursor: pointer;
   outline-color: initial;
   outline-style: none;
   outline-width: initial;
 }

 .left {
   float: left;
 }

 .right {
   float: right;
 }

 .hidden {
   display: none;
 }

 .width_100 {
   width: 100%;
 }

 .height_100 {
   height: 100%;
 }

 .cursor {
   cursor: pointer;
 }

 .fullWidth {
   width: 100%;
 }

 .shike_color {
   background-color: #205656
 }

 .shike_font_color {
   color: #205656;
 }

 /* .main_color{background-color: #D9DED7;} */
 .deep_color {
   background-color: #1D1D1D;
 }

 .light_color {
   background-color: #E9EBE8;
 }

 .title_color {
   color: #5E907A;
   font-weight: 700;
 }

 .white_color {
   background-color: rgba(255, 255, 255, 0.41);
 }

 .opacity {
   background-color: white;
 }

 .white_font_color {
   color: white;
 }

 tag1 {
   color: red;
 }

 .cursor {
   cursor: pointer;
 }

 .on {
   color: #5B483A;
 }

 .main-width {
   width: 176rem
 }

 .width-100 {
   width: 100%
 }

 .width-50 {
   width: 50%
 }

 .height-100 {
   height: 100%
 }

 .height-50 {
   height: 50%
 }

 .background-color {
   background: #f4eee8
 }

 .flex {
   display: flex;
   display: -webkit-flex
 }

 .flex1 {
   flex: 1;
 }

 .flex-column {
   flex-direction: column
 }

 .flex-row {
   flex-direction: row
 }

 .flex-wrap {
   flex-wrap: wrap
 }

 .flex-nowrap {
   flex-wrap: nowrap
 }

 .flex-space-between {
   justify-content: space-between
 }

 .flex-space-evenly {
   justify-content: space-evenly
 }

 .flex-justify-start {
   justify-content: flex-start
 }

 .flex-end {
   justify-content: flex-end
 }

 .flex-start {
   justify-content: flex-start
 }

 .flexCenter {
   justify-content: center
 }

 .alignCenter {
   align-items: center
 }

 .alignEnd {
   align-items: flex-end
 }

 .alignTop {
   align-items: top
 }


 .flex {
   display: flex;
 }

 .flexColumn {
   flex-direction: column;
 }

 .justifyCenter {
   justify-content: center;
 }

 .justifyStart {
   justify-content: flex-start;
 }

 .justifyEnd {
   justify-content: flex-end;
 }

 .justifybetween {
   justify-content: space-between;
 }

 .alignFlexEnd {
   align-items: flex-end;
 }

 .alignFlexStart {
   align-items: flex-start;
 }

 .alignCenter {
   align-items: center;
 }

 .align-self-stretch {
   align-self: stretch;
 }

 .vertical-align-top {
   vertical-align: top;
 }

 .noWrap {
   flex-wrap: nowrap;
 }

 .flexWrap {
   flex-wrap: wrap;
 }

 .container-fluid {
   padding-right: 0px;
   padding-left: 0px;
 }

 .backgroundCover {
   background-size: cover;
   background-position: center center;
 }

 /* 陰影 */
 .shadow {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11),
     0 2px 2px rgba(0, 0, 0, 0.11),
     0 4px 4px rgba(0, 0, 0, 0.11),
     0 6px 8px rgba(0, 0, 0, 0.11),
     0 8px 16px rgba(0, 0, 0, 0.11);
 }

 .form-control:focus {
   border-color: #fff;
   webkit-box-shadow: none;
   box-shadow: none;
 }

 .unpoint {
   -moz-user-select: none;
   /*火狐*/
   -webkit-user-select: none;
   /*webkit浏览器*/
   -ms-user-select: none;
   /*IE10*/
   -khtml-user-select: none;
   /*早期浏览器*/
   user-select: none;
 }

 /* 设置滚动条的样式 */
 ::-webkit-scrollbar {
   width: 12px;
 }

 /* 滚动槽 */
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: rgba(0, 0, 0, 0.24);
   border-radius: 10px;
   background-color: #dfe4e8;
 }

 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.24);
   -webkit-box-shadow: rgba(0, 0, 0, 0.24);
 }

 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(0, 0, 0, 0.24);
 }

 /* 分页 */
 .pagination a {
   text-decoration: none;
   border: 1px solid rgba(0, 0, 0, 0.21);
   color: rgba(0, 0, 0, 0.41);
   border-radius: 4px;
 }

 .pagination a,
 .pagination span {
   display: inline-block;
   padding: 0.2rem .5rem;
   margin-right: .3125rem;
   margin-bottom: .3125rem;
 }

 .pagination .current {
   color: rgba(0, 0, 0, 0.81);
   border: 1px solid rgba(0, 0, 0, 0.21);
   border-radius: 4px;
  background: #fff;
 }

 .pagination .current.prev,
 .pagination .current.next {
   color: #999;
   border-color: #999;
   background: transparent;

 }

 .pagination .prev {
   padding-left: 2rem;
   position: relative;
   ;
 }

 .pagination .next {
   padding-right: 2rem;
   position: relative;
   ;
 }



 .pagination .prev::before,
 .pagination .next::after {
   content: "";
   position: absolute;
   display: block;
   top: 50%;
   transform: translate(-50%, -50%);
   left: 1.2rem;
   height: 0.8rem;
   width: 1rem;
   background-image: url(../images/luxun/prev.svg);
   background-size: contain;
   background-repeat: no-repeat;
 }

 .pagination .next::after {
   background-image: url(../images/luxun/next.svg);
   left: 5rem;
   /* left: 5.6rem; */
 }

 /* 跳转到指定页码 */
 .toInputPage {
   float: right;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: .25rem;
 }
 .total_current{
  margin: 0 1.2rem;
  color: rgba(0, 0, 0, 0.41);
 }
 #pageInput {
   width: 6rem;
   height: 1.8rem;
   line-height: 1.8rem;
   text-align: center;
   border: 1px solid #999;
   background: transparent;
   border-radius: 4px;
   margin-right: .5rem;
   font-size: .88rem;
   font-family: "SourceHanSerifCN-SemiBold";
 }
 #pageInput::placeholder{
  color: rgba(0, 0, 0, 0.41);
 }

 #goButton {
   width: 4rem;
   height: 1.8rem;
   border: 1px solid #eee;
   border-radius: 4px;
   font-size: .8rem;
   cursor: pointer;
   font-family: "SourceHanSerifCN-SemiBold";
 }