@charset "utf-8";

 @font-face {
     font-family: "fjw";
     src: url('iconfont.eot?t=1545807318834');
     src: url('iconfont.eot?t=1545807318834#iefix') format('embedded-opentype'),
         url('iconfont.woff?t=1545807318834') format('woff'),
         url('iconfont.ttf?t=1545807318834') format('truetype'),
         url('iconfont.svg?t=1545807318834#iconfont') format('svg');
 }

 .fjwicon {
     font-family: "fjw";
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-word-break: normal !important;
     word-break: normal !important;
     word-wrap: break-word !important;
     -webkit-tap-highlight-color: transparent;
     /*手机端点击底部出现背景*/
     -webkit-overflow-scrolling: touch;
     /*苹果手机端滑动卡屏*/
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 html {
     background: #f7f7f7;
     -webkit-overflow-scrolling: touch;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
     width: 100%;

     min-width: 320px;
     font-size: calc(100vw/7.5);
 }


 body {
     font-size: 0.24rem;


     position: relative;
 }

 body:after {
     content: "";
     display: block;
     height: 0.000001rem;
 }

 input,
 textarea,
 select {
     font-family: "sans-serif";
     font-size: 0.24rem;
     outline: none;
     border: none;
     box-shadow: none;
 }

 /* @media only screen and (min-width: 500px) {
     html {
         font-size: 66.66666666666666px;
     }
 } */


 @media only screen and (min-width: 800px) {
     html {
         font-size: 106.66666666666666px;
     }
 }



 body {
     color: #000;
     font-family: "sans-serif";
     margin: auto;
     max-width: 800px;
     background: #f7f7f7;
     width: 100%;
     /*padding-bottom: 4.6rem;*/
 }

 body.bai {
     background: #fff;
 }

 ::after,
 ::before {
     -webkit-transition: all .5s;
     transition: all .5s;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
 }

 li {
     list-style: none;
 }

 img {
     border: none;
     vertical-align: top;
     max-width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }

 img[src=""] {
     opacity: 0;
 }

 a {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     text-decoration: none;
     color: #000;

 }

 .donghua {
     -webkit-transition: all .5s;
     transition: all .5s;
 }

 table {
     border-collapse: collapse;
 }

 button {
     outline: none;
     margin: 0;
     padding: 0;
     border: none;
 }


 .clearfix:before,
 .clearfix:after {
     content: "";
     display: block;
 }

 .clearfix:after {
     clear: both;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .fg {
     clear: both;
     width: 100%;
     height: 0px;
 }

 .container {
     width: 94%;
     margin: 0 auto;
 }

 .paggg {
     display: block;
     padding: 5%;
     text-align: center;
 }

 .ellipsis {
     overflow: hidden;
     white-space: nowrap;
     -ms-text-overflow: ellipsis;
     text-overflow: ellipsis;
 }

 .ellipsis-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .ellipsis-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .ellipsis-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
 }

 .ellipsis-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }



 /*居中*/
 .divcenter {
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
 }

 /*通用单个样式*/
 .incommonbtn {
     width: 100%;
     height: 1rem;
     line-height: 1rem;
     font-size: 0.3rem;
     color: #ffffff;
     background-color: #2a993f;
     text-align: center;
     display: block;
     font-weight: bold;
 }

 .incommonbtn1 {
     width: 100%;
     height: 1rem;
     line-height: 1rem;
     font-size: 0.3rem;
     color: #2a993f;
     text-align: center;
     display: block;
     font-weight: bold;
     border: 1px solid #2a993f;
     margin-top: 0.32rem;
 }

 .incommon-height {
     width: 100%;
     height: 0.1rem;
     background-color: #f7f7f7;
 }

 .incommon-height1 {
     width: 100%;
     height: 0.5rem;
 }


 .inborder::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 200%;
     height: 200%;
     border: 1px solid #dddddd;
     transform: translate(-50%, -50%) scale(0.5);
     z-index: 11;
 }

 .inbottomline::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: #dddddd;
     transform: translateY(100%) scaleY(0.3);
     z-index: 11;
 }

 .inrightline::before {
     content: "";
     position: absolute;
     right: 0;
     width: 1px;
     height: 100%;
     background-color: #dddddd;
     transform: translateX(100%) scaleX(0.3);
     z-index: 11;
 }

 .intopline::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: #dddddd;
     transform: translateY(-33%) scaleY(0.333333);
     z-index: 11;
 }

 .blackbg {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5);
     z-index: 88;
 }



 /*删除、停止推广弹窗*/
 .stopTanbox {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1180000;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;

     transition: all .3s;
 }

 .stopTanbox[data-on="on"] {
     opacity: 1;
     visibility: visible;

 }

 .stopTanbox::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5);
     z-index: 1180000;
 }

 .stopTanbox .stopTan {
     width: 5.9rem;

     border-radius: 0.1rem;
     position: absolute;
     z-index: 1200000;
     overflow: hidden;
     transform: translateY(-1rem);
     transition: all .3s;
 }

 .stopTanbox[data-on="on"] .stopTan {
     transform: translateY(0rem);
 }

 .stopTanbox .stopTan .titlebox {
     height: 1.06rem;
     text-align: center;
     line-height: 1.06rem;
     position: relative;
     padding: 0 0.36rem;
     background-color: #ffffff;
 }

 .stopTanbox .stopTan .titlebox .title {
     font-size: 0.32rem;
     color: #1e1f1e;
     font-weight: 550;
 }

 .stopTanbox .stopTan .titlebox .close {
     position: absolute;
     right: 0;
     top: 0;
     width: 1rem;
 }

 .stopTanbox .stopTan .titlebox .close .fjwicon {
     font-size: 0.32rem;
     font-weight: bold;
     color: #929292;
 }

 .stopTanbox .stopTan .contbox {
     padding: 0.5rem;
     text-align: center;
     background-color: #ffffff;
 }

 .stopTanbox .stopTan .contbox .tt {
     font-size: 0.3rem;
     color: #1d8b3b;
     line-height: 0.5rem;
 }

 .stopTanbox .stopTan .contbox .dd {
     font-size: 0.22rem;
     color: #484a49;
     line-height: 0.3rem;
 }

 .stopTanbox .stopTan .btnbox {
     position: relative;
     display: flex;
     overflow: hidden;
     background: #fff;
 }

 /* .stopTanbox .stopTan .btnbox::before {
     z-index: -1;
 } */

 .stopTanbox .stopTan .btnbox .btn {
     flex: 1;
     text-align: center;
     height: 0.88rem;
     font-size: 0.28rem;
     color: #858585;
     width: 100%;

 }

 .stopTanbox .stopTan .btnbox .btn.green {
     background-color: #1d8b3b;
     color: #ffffff;
 }

 .udtext {
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
 }

 .sk-loading {
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 2rem;
     height: 2rem;
     opacity: 0;
     visibility: hidden;
     z-index: 200;

     border-radius: 0.1rem;
     box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1);
     transition: all .3s;
 }

 .sk-loading .b {
     background: rgba(0, 0, 0, .8);
     border-radius: 0.1rem;
     padding: 0.5rem 0.1rem;
     box-shadow: inset 0 0 1rem rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
 }

 .sk-loading .b img {
     display: block;
     margin: auto;
     width: 1rem;
 }

 .sk-loading.tstlye .b img {
     margin: 0 auto 0.1rem;
 }

 .sk-loading.tstlye .b {
     padding: 0.3rem 0.1rem 0.3rem;
 }

 .sk-loading.on {
     opacity: 1;
     visibility: visible;
 }


 .sk-loading img {
     display: block;
     width: 100%;
     height: 100%;
     -webkit-animation: skloading 1.5s ease-in-out infinite;
     animation: skloading 1.5s ease-in-out infinite;
 }

 @-webkit-keyframes skloading {
     0% {
         transform: rotate(0deg);
     }

     25% {
         transform: rotate(180deg);
     }

     50% {
         transform: rotate(180deg);
     }

     75% {
         transform: rotate(360deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes skloading {
     0% {
         transform: rotate(0deg);
     }

     25% {
         transform: rotate(180deg);
     }

     50% {
         transform: rotate(180deg);
     }

     75% {
         transform: rotate(360deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }