*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}

.max-1920{ max-width:1920px !important; margin:auto;}		


/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}

div.publicheadbk{ width: 100%; height: auto; background: #021a93; padding:25px 3% 25px 3%;}

div.publicheadlogo{width:404px; height:auto; float:left;}

div.publicheadlogo img{ width:100%; height: auto;}

div.publicheadrt{  float: right; height: 55px; }

div.publicheadrtnavback{  float: left;}

div.publicheadrtnav{ float: left; height: 55px; line-height:55px; color:#fff; font-size: 16px; font-weight: 700; margin-left:0.3rem;}

div.publicheadrtnav a{ color:#fff;}

div.publicheadrtuser{ float: right; height: 55px; line-height: 55px; margin-left: 0.6rem;}

div.publicheadrtuserlogin{ float: left; height: 55px; margin-left: 0.3rem; color:#fff; font-size: 16px; font-weight: 700;}

div.publicheadrtuserlogin a{ color: #fff;}

div.publicheadrtuserres{ float: left; height: 55px; margin-left: 0.3rem; color:#fff; font-size: 16px; font-weight: 700;}

div.publicheadrtuserres a{ color: #fff;}

div.index-back{ width: 100%; height:auto;}

div.indexbanner{ width: 100%; height: auto;}

div.indexbanner img{ width:100%;}

div.indexoneback{ width:100%; height: auto; padding: 1rem 2% 3.5rem; position: relative; z-index: 10; }

div.indexoneback::before{display: block; content: ''; width: 100%; background-image: url(../img/indexonepic.png);
    min-height: 10rem;
    background-size: 100% 100%;
    position: relative;
    padding: 2.05rem 0 1.8rem 0; position: absolute; right: 0; top: 0;;}

div.indexonenav{ cursor: pointer; position: relative; width: 100%; height: 2.6rem; border-radius: 18px; background: #E95240; margin-top: 0.5rem; overflow: hidden;}

div.indexonenavpic{ width: 45%; height: 1.8rem; position: relative; top: 0.15rem; left: 0.15rem;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexonenav:hover div.indexonenavpic{ transform: scale(1.05);}

div.indexone_more{ width: 30%; height: 1.9rem; display: flex; border-bottom-left-radius:18px; background: #E5E7E6; position: absolute; right: 0; top: 0;    align-content: center;
    justify-content: center;
    align-items: center;}

div.indexone_more_t{    word-wrap: break-word; width: 30px; display: inline-block; height: auto; text-align: center; border-radius: 35px; padding: 20px 5px; color: #fff; font-size: 15px; line-height: 1.5; background: #1d1d1d;}

div.indexone_t{ width: 100%; height: auto; position: absolute; left: 0.15rem; bottom: 0.1rem; color:#fff; line-height: 1.8; font-size: .18rem; height: 30px; overflow: hidden;  padding-right: 0.15rem;}

div.indexonertmain{ width: 100%; height:auto; line-height: 0.7rem; color: #fff; font-weight: 700; text-align: center; font-size: #fff; white-space: nowrap; font-size: 0.48rem;}

div.indexonertdesc{ width:100%; height: auto; color: #fff; font-size: 0.2rem; line-height: 1.8; margin-top: 15px;}

div.indexonertmainb{ padding:0.5rem 0 0 20%;}

div.indexonemore{ width: 180px; height: 56px; margin: auto; margin-top: 25px; font-size: 16px; border-radius: 35px; background: #1d1d1d; line-height: 56px; text-align: center;}

div.indexonemore a{ color: #fff;}

div.indexonemore:hover{  background: #92b10a;}

div.indexonenavpic1{ width: 45%; height: 1.8rem; position: absolute; bottom: 0.15rem; right: 0.15rem;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexonenav:hover div.indexonenavpic1{ transform: scale(1.05);}

div.indexone_more1{ width: 30%; height: 1.9rem; display: flex; border-top-right-radius:18px; background: #E5E7E6; position: absolute; left: 0; bottom: 0;    align-content: center;
    justify-content: center;
    align-items: center;}

div.indexone_more_t1{    word-wrap: break-word; width: 30px; display: inline-block; height: auto; text-align: center; border-radius: 35px; padding: 20px 5px; color: #fff; font-size: 15px; line-height: 1.5;padding-right: 0.15rem; background: #1d1d1d;}

div.indexone_t1{ width: 100%; height: 30px; overflow: hidden; position: absolute; left: 0.15rem; top: 0.2rem; color:#fff; line-height: 1.8; font-size: .18rem;}

div.indextwoback {
    width: 100%;
    height: auto;
    position: relative;
    padding: 3rem 2% 3.5rem;
    margin-top: -2.5rem;
    z-index: 9;
}
div.indextwolist{ cursor: pointer; width: 100%; height: auto; margin-bottom: 0.3rem; }

div.indextwolistpic{ width: 100%; height: 2.36rem; background: #E95240; padding: 20px;  border-radius: 15px; overflow: hidden; }

div.indextwolistpic img{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indextwolist:hover img{ transform: scale(1.05);}

div.indextwolist_t{ width: 100%; position: relative; margin-top: -0.2rem;    display: flex; align-items: center; height:86px; border-radius: 50px; background: #404040; font-size: 16px; text-align: center; padding: 0 15px; color: #fff; }

div.indextwoback::before{content: ''; display: block; width: 100%; height: 13rem; position: absolute; left: 0; top: 0;  background:url(../img/indextwoleft.png) left bottom no-repeat; background-size: 100% 100%;}

div.indexthreeback {
    width: 100%;
    height: auto;
    padding: 3.5rem 2% 3.5rem;
    position: relative;
    z-index: 8;
    margin-top: -3rem;
}

div.indexthreeback::before{display: block; content: ''; width: 100%; background-image: url(../img/indexonepic.png);
    min-height: 13rem;
    background-size: 100% 100%;
    position: relative;
    padding: 2.05rem 0 1.8rem 0; position: absolute; right: 0; top: 0;;}

div.indexthreelist{ cursor: pointer; width:100%; height: 2.8rem; margin-bottom: 0.3rem; background: linear-gradient(
	120deg, rgba(233,82,64,1) 0%, rgba(233,82,64,1) 50%, rgba(40,40,40,1) 50%, rgba(40,40,40,1) 100%);padding: 30px 20px;}

div.indexthreelistpic{
	width: 100%;
	height: 1.8rem;
  overflow: hidden;
  
}

div.indexthreelistpic img{
	width: 100%;
	height: 1.8rem;
  transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;
}

div.indexthreelist:hover div.indexthreelistpic img{ transform: scale(1.05);}

div.indexthreelist_t{ width: 100%; height: 0.4rem; overflow: hidden; line-height: 1.4;text-align: center; color: #fff; margin-top: 0.05rem; font-size: 0.16rem; }


div.indexfourback {
    width: 100%;
    height: auto;
    position: relative;
    padding: 3rem 2% 3.5rem;
    margin-top: -2.5rem;
    z-index: 7;
}

div.indexfourback::before{content: ''; display: block; width: 100%; height: 13rem; position: absolute; left: 0; top: 0;  background:url(../img/indextwoleft.png) left bottom no-repeat; background-size: 100% 100%;}

div.indexfourlist{ cursor: pointer; width: 100%; height: 1.55rem; background: #E95240; margin-bottom: 0.3rem; transition: all 0.36s ease-in-out;}

div.indexfourlist:hover{ background: #021a93;}

div.indexfourlistpic{ width: 50%; height: 100%; float: left;     }

div.indexfourlistpic img{ width: 100%; height: 100%; object-fit: cover;  border-radius: 0% 100% 10% 90% / 100% 25% 75% 0%;}

div.indexfourlistrt{ width:45%; float: left; padding: 0.24rem 0.1rem 0 0; line-height:1.5; font-size: 14px; color: #fff; margin-left: 0.05rem;}

div.indexfiveback {
    width: 100%;
    height: auto;
    padding: 4.7rem 2% 4.5rem;
    position: relative;
    z-index: 6;
    margin-top: -3rem;
}

div.indexfiveback::before{display: block; content: ''; width: 100%; background-image: url(../img/indexonepic.png);
    min-height: 19.5rem;
    background-size: 100% 100%;
    position: relative;
    padding: 2.05rem 0 1.8rem 0; position: absolute; right: 0; top: 0; z-index:2;}

div.indexfiveblack{ width:100%; height:3.7rem; background: #171717; position: absolute; left: 0; bottom: 0;}

div.footerback{ width: 100%; height: auto; padding: 0.6rem 0 0; background: #171717;}

div.footer_logo{ width: 404px; height: auto; margin: auto;}

div.footer_logo img{ width: 100%;}

div.footer_xx{ width: 1100px; height: auto; line-height:1.8; margin: auto; text-align: center; margin-top: 25px; font-size: 15px; color:#888;}

div.footer_xx a{ color:#888; transition: all 0.36s ease-in-out;}

div.footer_xx a:hover{ color:#fff;}

div.footer_bottomxx{ width: 1100px; margin: auto; margin-top: 35px; height: auto; line-height: 1.7;border-top: solid #333 1px; padding: 15px 0; text-align: center; font-size: 15px; color:#888;}

div.footer_bottomxx a{ color:#888; transition: all 0.36s ease-in-out;}

div.footer_bottomxx a:hover{ color:#fff;}

div.nyback{ width: 100%; height: auto; padding: 0 0 1.5rem;}

div.nybannerbk{ width: 100%; height: 508px; position: relative; background: url(../img/banner_inner_page.jpg) 50%/cover no-repeat;}

div.nybannerbk::before{content: ''; display: block; width: 1315px; height: 659px; position: absolute; left: 0; top: 0;background: url(../img/inner_page_shape.png) 50%/cover no-repeat;}

div.nybannerbread{ width: 1280px; height: auto; margin: auto; padding-top: 308px; position: relative;}

div.nybannerbread_t{ width: 100%; height: auto; line-height: 65px; color: #fff; font-size: 50px; font-weight: 700;}

div.nybannerbread_cont{ width: 100%; height: auto; line-height: 40px; color: #fff; font-size: 16px; margin-top: 15px; }

div.nybannerbread_cont a{ color: #fff }

div.nymainlistbk{ width:1280px; height: auto; margin: auto; margin-top: 230px;}

nav.pagination-box{  text-align: center; margin-top: 45px !important;margin: auto;}

.paginatoin-area a, .paginatoin-area a sapn {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 5px;
    margin: 0 5px;
    display: inline-block;
    color: #444;
    background: #ededed;
    cursor: pointer;
    background-color: #fff;
}

.paginatoin-area .active, .paginatoin-area a:hover, .paginatoin-area .current, .paginatoin-area a:hover, .paginatoin-area .page-num-current, .paginatoin-area a span:hover, .paginatoin-area a:hover span {
    background-color: #E95240;
    color: #fff;
}

div.nycontoneback{ width: 1280px; margin: auto; margin-top: 300px;}

div.nycontoneleft{ width: 600px; height: auto; float: left;}


div.nycontentleftbigpic{width: 600px; height: 600px;}

div.nycontentleftbigpic .swiper-slide{width: 600px; height: 600px;}

div.nycontentleftbigpic .swiper-slide img{width: 600px; height: 600px;}

div.nycontentleftsmallpic{ margin-top: 25px;}

div.nycontentleftsmallpic .swiper-slide img{width: 100%; height: 140px;}

div.nycontentleftsmallpic .swiper-slide{opacity: 0.7;}

div.nycontentleftsmallpic .swiper-slide-thumb-active{ opacity: 1;}

div.nyswiperleft{ width: 65px; height: 65px; position: absolute; cursor: pointer; outline: none; z-index: 10; left: 15px; top: 50%; margin-top: -32.5px; background: url(../img/nyleftbutton.png) center no-repeat;}

div.nyswiperright{ width: 65px; height: 65px; position: absolute; cursor: pointer; outline: none; z-index: 10; right: 15px; top: 50%; margin-top: -32.5px; background: url(../img/nyrightbutton.png) center no-repeat;}


div.nyswiperleft:hover{background: url(../img/nyleftbuttonh.png) center no-repeat;}

div.nyswiperright:hover{background: url(../img/nyrightbuttonh.png) center no-repeat;}

div.nycontonert{ width: 620px; height: auto; float:right ;}

div.nycontonert_t{ width:100%; height: auto; line-height: 1.8; font-size: 26px; font-weight:700; color: #333;}

div.nycontentrtxx{ width:100%; height: auto; line-height: 1.8; font-size: 18px; color: #333; margin-top: 10px;margin-bottom: 25px;}

div.nycontentmore{ width: auto; height: 55px; cursor: pointer;  border-radius: 35px; line-height: 55px; padding: 0 20px; color: #fff; font-size: 16px; display: inline-block; background: #1d1d1d;}

div.nycontentmore:hover{ background: #4b67ef;}

div.nycontentmore a{ width: 100%; height: 100%; display: block; color: #fff;}

div.nyconttwoback{ width: 1280px; height: auto; margin: auto;  margin-top: 45px;}

div.nyconttwo_t{ width:100%; height: auto; padding-bottom: 15px; line-height: 1.8; font-size: 30px; font-weight:700; color: #333;border-bottom: 1px solid #d4d4d4;}

div.nyconttwonr{ width: 100%; height: auto; padding: 35px 0 60px; line-height: 2; font-size: 16px;}

div.nyconttwonr img{ max-width: 100%;}

div.nyxgtj{ margin-top: 35px;}

/* 登录 */
div.loginback{ position: relative;    width: 100%; padding: 50px 0; min-height: 70vh; background: url("") 50%/cover no-repeat; display: flex; align-items: center;}
/* margin-top: 80px; */
div.loginmain{ width: 600px; height: 570px;  background:#fff; border-radius: 20px; position: relative; left: 8%; padding-top:30px; border: #e2e0e0 1px solid;box-shadow: 20px 0px 10px 0px rgba(0,0,0,0.5);}

div.loginmain_t{ padding-left: 35px; letter-spacing: 8px; font-size: 40px; font-weight: 700;}

div.loginmain_li{ width:88%; height: auto; padding: 10px 35px 0;}

div.loginmain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px;}

div.loginmain_li_input{ width: 100%; height: 60px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.loginmain_li_input input{ width: 100%; height: 60px; line-height: 60px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.loginmain_submit{ width: 170px; height: 55px; border-radius: 15px; margin-left: 35px;margin-top: 18px; background: #6aa8fb; line-height: 55px; text-align: center;}

div.loginmain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 18px; letter-spacing: 8px;}

div.loginmain_submit:hover{ background: #fe6d00;}

div.loginmainbottom{ width: 100%; height: auto; padding:15px 35px 0;}

div.loginmainbottom a{ color: #6aa8fb; font-size: 14px; transition: all 0.36s ease-in-out; margin-left: 25px;}

div.loginmainbottom a:hover{ color:#fe6d00;}

/* 注册 */
div.remain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px; text-align: left;}

div.remain_li{ width:88%; height: auto; padding: 10px 35px 0;}

div.remain_li_input{ width: 100%; height: 40px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.remain_li_input input{ width: 100%; height: 40px; line-height: 40px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.remain_submit{width: auto; display: inline-block;padding: 0 20px;height: 39px;border-radius: 7px;margin-top: -40px; background: #6aa8fb; line-height: 39px;text-align: center;}

div.remain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 14px; }

div.remain_submit:hover{ background: #fe6d00;}

div.remain {
    width: 600px;
    height: auto;
    background: #fff;
    border-radius: 20px;
    position: relative;
    left: 8%;
    padding-top: 26px;
    padding-bottom: 35px;
    border: #e2e0e0 1px solid;
    box-shadow: 20px 0px 10px 0px rgba(0,0,0,0.5);
}

div.fabuoneback{ width: 960px; height:auto; margin: auto; padding: 55px 0 50px;}

div.fabu_1title{ width: 100%; height: auto; line-height: 50px; font-weight: 700; font-size: 28px; color: #333;}

div.fabu_1tabbk{ width: 100%; height: auto; margin-top: 25px;}

.step1 {
  width: 746px;
  background: url(../img/step.gif) top center no-repeat;
  height: 30px;
}
.step2 {
  width: 746px;
  background: url(../img/step.gif)  0 -30px no-repeat;
  height: 30px;
}
.step3 {
  width: 746px;
  background: url(../img/step.gif)  0 -60px no-repeat;
  height: 30px;
}
.step1 span, .step2 span, .step3 span {
  width: 248px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: block;
  float: left;
  color: #000;
}

.step1 span.cur, .step2 span.cur, .step3 span.cur {
  color: #fff;
}
font.number {
  font-size: 18px;
  margin-right: 5px;
}

div.fabu_xuanzebk{ width: 100%;}

div.fabu_xuanze_t{ width: 100%; height: auto; font-size: 20px; font-weight: 700;  padding-bottom: 15px; color: #333; margin-top: 35px; border-bottom: 1px solid #ebebeb;}

div.fabu_xuanzelistbk{ width: 100%; height: auto; margin-top: 25px;}

div.fabu_xuanzelist{height: auto; color:#333; font-size: 16px; float: left; margin-right: 25px; cursor: pointer;}

div.fabu_xuanzelist:hover{ color: #021a93;}

div.fabu2listback{ width: 960px; height: auto; margin: auto; margin-top: 35px;}

div.fabu2list_t{ width: 95px; height: 50px; float:left; line-height: 50px; color: #333; font-size: 16px; text-align: right;}

div.fabu2list_t span{ color: red;}

div.fabu2list_bread{ width: auto; height: 50px; line-height: 50px; float: left; color: #333; font-size: 15px;}

div.fabu2list_bread span a{ color: #021a93; cursor: pointer;}

div.fabu2list_bread select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_youxiao{ width: 300px; height:auto; float: left; margin-top: 5px;}

div.fabu2list_youxiao select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_xxtitle{ width: 750px; height:auto;  float: left;margin-top: 5px;}

div.fabu2list_xxtitle input{ width: 100%; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2listuploadpic{ width: 750px; height: auto; float: left;margin-top: 5px;}

div.fabu2list_content{ width: 600px; height: 300px; float: left; overflow: hidden;border: 1px solid #E7E7E7; border-radius: 5px; }

div.fabu2list_content textarea{ width: 100%; height: 100%; border-radius: 7px;  border: none; padding: 20px 15px; }

div.fabu2list_contentmt{ margin-top: 15px;}

div.fabu2list_xxtitle{ width: 250px; height: auto; float: left; margin-top: 5px;}

div.fabu2submit{ margin-top: 15px; padding-left: 100px;}

div.fabu2bottomxx{ padding-left: 100px; line-height: 2; font-size: 12px; color: #444; margin-top: 20px;}

div.fabu_suc{ width: 100%; height: auto; text-align: center; line-height: 3; color: #333; font-size: 18px; padding-top: 50px;}

div.fabu_suc span a{ color: red;}

div.publicheadrtusercenter{ float: left; height: 55px; margin-left: 0.3rem; color:#fff; font-size: 16px; font-weight: 700;}

div.publicheadrtusercenter a{ color: #fff;}

div.usercenterbk{ width:1280px; height:auto; margin: auto; } 

div.usercenterleft{ width: 350px; height: auto; float: left;}

div.usercenterl_li1{ width:100%; height: 120px; background: #f5f5f5; cursor: pointer;}

div.usercenterl_li1_left{ width:85px; height: 85px; float: left; margin-top:18px ; float: left; margin-left: 25px; border-radius: 50%; border: 1px solid #cccccc; overflow: hidden;}

div.usercenterl_li1_left img{ width: 100%; height:100%;}

div.usercenterl_li1_rt{ width: 190px; height: auto; float: left; margin-left: 22px;}

div.usercenterl_li1_rt_t{ width: 100%; height: auto; line-height: 30px; color: #333; font-size: 18px; font-weight: 700;margin-top: 34px;}

div.usercenterl_li_list{ cursor: pointer; width: 100%; height: 70px;     font-size: 18px; border-top:#dfdfdf 1px solid; background: #fff; line-height: 70px; }
/* padding-left: 25px; */

div.usercenterl_li_list:hover{background: #4799ff; color: #fff;}

div.usercenterl_li_list:hover a{ color: #fff;}

div.usercenterl_li_listh{background: #4799ff; color: #fff;}

div.usercenterl_li_list a{color: #333; display: block; width: 100%; height: 100%;}

div.usercenterl_li_listh a{color: #fff;}

div.usercenterrt{width: 928px; float: right;  padding: 20px 0 50px;}

div.user1xiugai{  padding-left: 130px; margin-top: 15px;}

div.userinfobk{ width: 100%; margin-bottom: 10px; position: relative;}

div.userinfobk::before {
    content: '';
    display: block;
    width: 66%;
    height: 1px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left: 19px;
    bottom: 0;
}

div.fabu2list_userinfo{ float: left; height: auto; line-height: 50px; color: #333; font-size: 16px;padding-bottom: 9px;
 }

div.fabu2list_userinfo span.chongzhi{ margin-left: 10px; width: 70px; height: 40px; line-height: 40px; border-radius: 7px; border: 1px solid #00b724; color:#00b724;  display: inline-block; padding: 0 7px; text-align: center; cursor: pointer; transition: all 0.36s ease-in-out;}

div.fabu2list_userinfo span.chongzhi:hover{ background: #00b724; color: #fff;}

div.userfabutabbk{ width: 100%; padding:0 44px;}

div.userfabutab{ width: 115px; height:50px; float: left; font-size: 15px; margin-right: 7px; border-radius: 5px; border:#4799ff 1px solid;  line-height: 50px; text-align: center; color: #4799ff; margin-top:20px;}

div.userfabutab:hover{ background: #4799ff; color: #fff;}

div.userfabutabh{background: #4799ff; color:#fff;}

div.fabuinfolistbk{margin-top: 15px;}

div.fabuinfolist {
    width: 94%;
    height: auto;
    border-top: 1px dashed #c5c5c5;
    padding: 15px 44px;
    margin-left: 5%;
}
div.fabulistinfoleftpic{ width:130px; height: 100px; float: left;}

div.fabulistinfoleftpic img{ width: 130px; height: 100px;}

div.fabulistinfoleft_t{ width: 525px;
    margin-left: 15px;
    float: left;
    margin-top: 20px;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    overflow: hidden;
    color: #666;
    display: flex;
    align-items: center;}

div.fabulistinfoleft_shenhe{ width: 100px; float: left; height: 50px;  margin-top: 20px; line-height: 50px; text-align: center; font-size: 16px; color: red;}

div.nyhuiyuancontent{ width: 1280px; height: auto; line-height: 3; font-size: 28px; color: #333; }

.el-breadcrumb {
  font-size: 16px !important;
  line-height: 1;
}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
  font-weight: 500 !important;
  text-decoration: none;
  transition: color .2s cubic-bezier(.645,.045,.355,1);
  color: #fff !important;
}

.el-breadcrumb__separator{ color: #fff !important;}

div.myfabu_top{ width: 100%; height: 70px;}

div.myfabu_top_1{ width: 115px; height: auto; line-height: 70px; text-align: center; color: #767676; font-size: 18px; float: left;    margin-left: 67px;}
div.myfabu_top_2{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 35px;}

div.myfabu_top_3{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 415px;}

div.shenhetishi{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: 767676; }

div.shenhetishi span{ color: #c7c7c7;}

div.shoukuanbk{ width:100vw; height: 100vh; position: fixed; top:0; left: 0; z-index: 999999; background:rgba(0,0,0,0.7); line-height: 100vh; text-align: center; display: none;}

div.shoukuanbk img{ width: 400px; height: 400px;margin-top: 100px;}