@charset "UTF-8";
[v-cloak] { display: none }
section{ display: none; height: 100%; background-color: #e6f2eb;}

header{ display: flex; justify-content: space-between; position: relative; color: #162336; background-color: #ffffff; box-shadow: 0 0 2px #6C8098; z-index: 1;}
header .logo{ display: flex; flex: 0 235px; padding-left: 10px; align-items: center; cursor: pointer;}
header .logo:hover{ background-color: rgba(0,0,0,0.05);}
header .logo img{ flex: 0 60px; margin: 10px; height: 60px;}
header .logo span{ flex: 1; font-size: 16px; white-space: nowrap;}
header .nav{ flex-grow: 0; margin-left: 0%; overflow: visible;}
header .nav a{ display: block;}
header .nav li{ position: relative; height: 76px; line-height: 72px; padding: 0 30px; font-size: 16px; border-top: 4px solid transparent; cursor: pointer;}
header .nav li i{ margin-left: 5px;}
header .nav li:hover{ color: #35d474; border-top-color: #35d474;}
header .nav li.active{ color: #35d474; border-top: 4px solid #35d474;}
header .nav li i{ position: absolute; top: 0; left: -5px; width: 0; height: 0; border: 50px solid red; border-bottom: none; border-left: none; border-right-color: transparent;}
header .nav li i::after{ content:attr(title); position: absolute; top: -35px; left: 0; line-height: 0; color: #FFFFFF; font-weight: bold; transform: rotate(-45deg);}


/*nav*/
/*nav {
  line-height: 76px;
  height: 76px;
  padding-left: 50px;
  border-radius: 10px;
  margin-top: 20px;
  position: relative;
  background: #012684;
  background: linear-gradient(90deg, #012684 0%, #026b70 100%)
}*/
/*
#ulIndexNav li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}*/

  #ulIndexNav li a {
    display: block;
    color: #fff;
    padding: 0 35px;
  }

  #ulIndexNav li:hover a, #ulIndexNav ul.sub li a:hover {
    text-decoration: none
  }

#ulIndexNav ul.sub {
  position: absolute;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  display:none;
  left: 0;
  top: 60px;
  z-index: 9;
  width: 200%;
  line-height: 50px;
  opacity: 0;
  transition: all .5s;
  box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2);
}

  #ulIndexNav ul.sub li {
    width: 100%;
    background: #001737;
    float: left;
    font-size: 15px;
    transition: all .5s
  }

    #ulIndexNav ul.sub li a {
      padding: 0;
      display: none;
      width: 100%;
      color: #f8f8f8;
      border-bottom: 1px #10264a solid;
    }

    #ulIndexNav ul.sub li:last-child a {
      border: none
    }

#ulIndexNav li:hover ul.sub {
  opacity: 1;
  /*top: 76px;*/
  display: block;
}

  #ulIndexNav li:hover {
    display: block;   
  }

/*
   #ulIndexNav li:hover {
  opacity: 1;
  top: 76px;
}

   #ulIndexNav li:hover ul.sub li a {
    display: block;
  }*/

#ulIndexNav ul.sub li:hover {
  padding-left: 5px;
}

#ulIndexNav li:hover ul.sub:after, #ulIndexNav ul.sub li:after, #ulIndexNav ul.sub li a:after {
  /*display: none;  */
}

.menu:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 46%;
  background: url(../images/jt.png) no-repeat;
  width: 8px;
  height: 8px;
  background-size: 8px;
  transition: all .5s ease;
}

.menu:hover:after {
  transform: rotate(180deg)
}

#mnavh {
  display: none;
  width: 40px;
  height: 40px;
  text-align: center;
}

.navicon {
  display: block;
  position: relative;
  width: 27px;
  height: 2px;
  background-color: #012684;
  margin-top: 20px;
  float: left;
}

  .navicon:before, .navicon:after {
    content: '';
    display: block;
    width: 27px;
    height: 2px;
    position: absolute;
    background: #012684;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }

  .navicon:before {
    margin-top: -8px;
  }

  .navicon:after {
    margin-top: 8px;
  }

.open .navicon {
  background: none
}

  .open .navicon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .open .navicon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .open .navicon:before, .open .navicon:after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    position: absolute;
    background: #727171;
  }





header .login{ margin-right: 20px;}
header .login button{ float: right; width: 90px; height: 40px; margin: 20px 0;}
header .login button.hide{ pointer-events: none; opacity: 0;}
header .avater{ flex: 0 80px; height: 76px; border-top: 4px solid transparent; cursor: pointer;}
header .avater:hover{ color: #35d474; border-top-color: #35d474;}
header .avater.active{ color: #35d474; border-top-color: #35d474;}
header .avater img{ display: block; width: 40px; height: 40px; margin: 20px; margin-top: 16px; background-color: #FFFFFF; box-shadow: 0 0 0 3px rgba(255,255,255,0.3); border-radius: 50%;}
header .avater .canvas{ display: block; width: 40px; height: 40px; margin: 20px; margin-top: 16px; background-color: #FFFFFF; box-shadow: 0 0 0 3px rgba(255,255,255,0.3); border-radius: 50%;}
header .avater .canvas canvas{ width: 100%;}
header .avater .menu{ display: none; position: absolute; top: 80px; right: 0; padding: 10px 20px; background-color: #FFFFFF; box-shadow: 0 1px 2px #6c8098;}
header .avater:hover .menu{ display: block;}
header .avater .menu a{ display: block;}
header .avater .menu dd{ height: 40px; line-height: 40px; font-size: 14px; color: #162336;}
header .avater .menu dd:hover{ color: #35d474;}
header .avater .menu i{ float: left; margin-top: 10px; margin-right: 10px;}
header .avater .menu span{ float: left;}
header.pos{ position: absolute; width: 100%; background-color: rgba(0,0,0,0.5);}
header.pos .logo span{ color: #FFFFFF;}
header.pos .nav li{ color: #FFFFFF;}
header.pos .nav li:hover{ color: #35d474;}
header.pos .nav li.active{ color: #35d474;}
header.pos .login button.tran{ color: #FFFFFF; background-color: transparent;}
header.pos .avater .menu{ background-color: rgba(0,0,0,0.5);}
header.pos .avater .menu dd{ color: #FFFFFF;}
header.pos .avater .menu dd:hover{ color: #35d474;}

.footer_blank{ margin-top: 20px;}
footer{ display: flex; align-items: center; padding: 10px; background-color: #FFFFFF; box-shadow: 0 0 2px #6C8098;}
footer.pos{ position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
footer .web{ flex: 1;}
footer .logo{ float: left; margin-right: 20px; height: 60px;}
footer .name{ height: 30px; line-height: 30px; color: #162336;}
footer .comp{ height: 30px; line-height: 30px; color: #6C8098; white-space: nowrap;}
footer .contact{ flex: 0 400px;}
footer .contact dd{ display: flex; margin: 10px 0;}
footer .contact dd>span{ flex: 1; font-size: 14px; color: #162336;}
footer .contact dd>span:nth-child(1){ flex: 0 80px; font-weight: bold;}
footer .wechat{ flex: 0 90px;}
footer .wechat img{ display: block;}

section .index_flex{ display: flex;}
section .index_box{ flex: 1; min-height: 100px; margin: 0 10px 10px 0; background-color: #FFFFFF; border-radius: 4px;}
section .index_box{ width: calc(( 100% - ( 10px * 1)) / 1); flex: 1; box-shadow: 0 0 2px #6C8098;}
section .index_box[data-col='1']{ width: calc(( 100% - ( 10px * 1)) / 1); flex: 0; flex-basis: calc( 100% / 1 * 1);}
section .index_box[data-col='1'][data-size='0']{ width: 0; flex: 0; margin: 0; overflow: hidden;}
section .index_box[data-col='2']{ width: calc((( 100% - ( 10px * 2)) / 2 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 2 * 1);}
section .index_box[data-col='2'][data-size='0']{ width: 0; flex: 0; margin: 0; overflow: hidden;}
section .index_box[data-col='2'][data-size='1']{ width: calc((( 100% - ( 10px * 2)) / 2 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 2 * 1);}
section .index_box[data-col='2'][data-size='2']{ width: calc((( 100% - ( 10px * 2)) / 2 * 2 ) + ( 10px * 1)); flex: 0; flex-basis: calc( 100% / 2 * 2);}
section .index_box[data-col='3']{ width: calc((( 100% - ( 10px * 3)) / 3 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 3 * 1);}
section .index_box[data-col='3'][data-size='0']{ width: 0; flex: 0; margin: 0; overflow: hidden;}
section .index_box[data-col='3'][data-size='1']{ width: calc((( 100% - ( 10px * 3)) / 3 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 3 * 1);}
section .index_box[data-col='3'][data-size='2']{ width: calc((( 100% - ( 10px * 3)) / 3 * 2 ) + ( 10px * 1)); flex: 0; flex-basis: calc( 100% / 3 * 2);}
section .index_box[data-col='3'][data-size='3']{ width: calc((( 100% - ( 10px * 3)) / 3 * 3 ) + ( 10px * 2)); flex: 0; flex-basis: calc( 100% / 3 * 3);}
section .index_box[data-col='4']{ width: calc((( 100% - ( 10px * 4)) / 4 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 4 * 1);}
section .index_box[data-col='4'][data-size='0']{ width: 0; flex: 0; margin: 0; overflow: hidden;}
section .index_box[data-col='4'][data-size='1']{ width: calc((( 100% - ( 10px * 4)) / 4 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 4 * 1);}
section .index_box[data-col='4'][data-size='2']{ width: calc((( 100% - ( 10px * 4)) / 4 * 2 ) + ( 10px * 1)); flex: 0; flex-basis: calc( 100% / 4 * 2);}
section .index_box[data-col='4'][data-size='3']{ width: calc((( 100% - ( 10px * 4)) / 4 * 3 ) + ( 10px * 2)); flex: 0; flex-basis: calc( 100% / 4 * 3);}
section .index_box[data-col='4'][data-size='4']{ width: calc((( 100% - ( 10px * 4)) / 4 * 4 ) + ( 10px * 3)); flex: 0; flex-basis: calc( 100% / 4 * 4);}
section .index_box[data-col='5']{ width: calc((( 100% - ( 10px * 5)) / 5 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 5 * 1);}
section .index_box[data-col='5'][data-size='0']{ width: 0; flex: 0; margin: 0; overflow: hidden;}
section .index_box[data-col='5'][data-size='1']{ width: calc((( 100% - ( 10px * 5)) / 5 * 1 ) + ( 10px * 0)); flex: 0; flex-basis: calc( 100% / 5 * 1);}
section .index_box[data-col='5'][data-size='2']{ width: calc((( 100% - ( 10px * 5)) / 5 * 2 ) + ( 10px * 1)); flex: 0; flex-basis: calc( 100% / 5 * 2);}
section .index_box[data-col='5'][data-size='3']{ width: calc((( 100% - ( 10px * 5)) / 5 * 3 ) + ( 10px * 2)); flex: 0; flex-basis: calc( 100% / 5 * 3);}
section .index_box[data-col='5'][data-size='4']{ width: calc((( 100% - ( 10px * 5)) / 5 * 4 ) + ( 10px * 3)); flex: 0; flex-basis: calc( 100% / 5 * 4);}
section .index_box[data-col='5'][data-size='5']{ width: calc((( 100% - ( 10px * 5)) / 5 * 5 ) + ( 10px * 4)); flex: 0; flex-basis: calc( 100% / 5 * 5);}
section .index_box:last-child{ margin-right: 0;}
section .index_box .index_title{ height: 30px; line-height: 30px; margin: 0 10px; font-size: 14px; color: #162336; box-shadow: 0 1px 0 0px #BACEE6;}
section .index_box .index_con{ max-height: calc(100% - 30px); overflow: auto;}

.jy_viewbox.login .jy_view{ border-radius: 0;}
.jy_viewbox.login .jy_viewcon{ top: 0; bottom: 0; padding: 0; background-color: #F8F8F8;}
.jy_viewbox.login .jy_viewcon .bg{ padding-top: 1px; padding-bottom: 40px; width: 900px; max-width: 100%; margin: 0 auto; background-color: #FFFFFF; box-shadow: 0 0 2px #BACEE6;}
.jy_viewbox.login .jy_viewcon .welcome{ margin-top: 20px; margin-bottom: 20px; text-align: center;}
.jy_viewbox.login .jy_viewcon .welcome img{ cursor: pointer;}
.jy_viewbox.login .jy_viewcon .welcome span{ display: block; margin-top: 20px; font-size: 24px; color: #162336;}
.jy_viewbox.login .jy_viewcon input{ display: block; width: 338px; height: 48px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.login .jy_viewcon button{ display: block; width: 350px; height: 50px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.login .jy_viewcon .more{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 350px; margin: 0 auto; margin-top: 10px; font-size: 14px;}
.jy_viewbox.login .jy_viewcon .hint{ color: #EE5555;}
.jy_viewbox.login .jy_viewcon .reg{ color: #162336;}
.jy_viewbox.login .jy_viewcon .reg a{ color: #00A9A2; cursor: pointer; text-decoration: underline;}
.jy_viewbox.login .jy_viewcon .forgot{ color: #162336;}
.jy_viewbox.login .jy_viewcon .forgot a{ color: #00A9A2; cursor: pointer; text-decoration: underline;}
.jy_viewbox.login .jy_viewcon .other{ width: 350px; margin: 0 auto; margin-top: 30px;}
.jy_viewbox.login .jy_viewcon .other .title{ position: relative; height: 2px; margin-top: 10px; background-color: #6C8098; text-align: center;}
.jy_viewbox.login .jy_viewcon .other .title::after{ content: attr(num); position: relative; top: -9px; padding: 0 10px; font-size: 14px; color: #6C8098; background-color: #FFFFFF; text-align: center;}
.jy_viewbox.login .jy_viewcon .other dl{ display: flex; margin-top: 20px;}
.jy_viewbox.login .jy_viewcon .other dd{ flex: 1; text-align: center;}
.jy_viewbox.login .jy_viewcon .other dd i{ width: 40px; height: 40px; line-height: 40px; font-size: 24px; color: #FFFFFF; background-color: red; border-radius: 8px; cursor: pointer;}
.jy_viewbox.login .jy_viewcon .other dd i.userpwd{ background-color: #FF6C24;}
.jy_viewbox.login .jy_viewcon .other dd i.phone{ background-color: #00A0EA;}
.jy_viewbox.login .jy_viewcon .other dd i.key{ background-color: #FF6C24;}
.jy_viewbox.login .jy_viewcon .other dd i.wechat{ background-color: #08c406;}
.jy_viewbox.login .jy_viewcon .other dd span{ display: block; margin-top: 5px; font-size: 12px; color: #162336;}
.jy_viewbox.login #indexwechatcode{ width: 300px; height: 300px; overflow: hidden; margin: 0 auto;}
.jy_viewbox.login .jy_viewcon .nav{ position: absolute; top: 0; left: 0; font-size: 14px; color: #6C8098;}
.jy_viewbox.login .jy_viewcon .nav dd{
	margin: 20px;
	cursor: pointer;
	color: #fff;
	background-color: #35d474;
	padding: 10px 20px;
	border-radius: 20px;
	text-align: center;
}
.jy_viewbox.login .logincon{ display: none;}
.jy_viewbox.login .logincon.show{ display: block;}
.jy_viewbox.login .logintab{ display: flex; width: 350px; margin: 0 auto; text-align: center;}
.jy_viewbox.login .logintab>dd{ flex: 1; padding: 10px 0; font-size: 14px; color: #162336; border-bottom: 5px solid transparent; cursor: pointer;}
.jy_viewbox.login .logintab>dd:hover{ color: #35D474;}
.jy_viewbox.login .logintab>dd.active{ color: #35D474; border-color: #35D474;}
.jy_viewbox.login .spinner {
	margin-top: 20px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.jy_viewbox.login .spinner > div {
  background-color: #35D474;
  height: 100%;
  width: 6px; margin: 0 1px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.jy_viewbox.login .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.jy_viewbox.login .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.jy_viewbox.login .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.jy_viewbox.login .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.jy_viewbox.loginphonecode .jy_view{ width: 400px; height: 280px;}
.jy_viewbox.loginphonecode .jy_viewtitle{ color: #6c8098;}
.jy_viewbox.loginphonecode .jy_viewtitle .close{ float: right; margin-top: 5px; font-size: 16px; cursor: pointer;}
.jy_viewbox.loginphonecode .jy_viewcon{ bottom: 0;}
.jy_viewbox.loginphonecode .jy_viewcon .part{ position: relative; width: 250px; margin: 0 auto;}
.jy_viewbox.loginphonecode .jy_viewcon input{ display: block; width: 240px; height: 38px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.loginphonecode .jy_viewcon .send{ position: absolute; top: 0; right: 0; height: 40px;}
.jy_viewbox.loginphonecode .jy_viewcon .send[disabled]{ color: #6C8098; border-color: #BACEE6; background-color: transparent; cursor: no-drop;}
.jy_viewbox.loginphonecode .jy_viewcon .login{ display: block; width: 250px; height: 40px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.loginphonecode .jy_viewcon .more{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 250px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 14px;}
.jy_viewbox.loginphonecode .jy_viewcon .hint{ color: #EE5555;}
.jy_viewbox.loginphonecode i.icon_60{ display: block; height: 60px; line-height: inherit; font-size: 80px; color: #00E284; text-align: center;}
.jy_viewbox.loginphonecode span{ color: #162336;}
.jy_viewbox.loginphonecode .h3{ display: block; margin: 5px 0 10px 0; color: #00E284; text-align: center; font-weight: bold;}
.jy_viewbox.loginphonecode .i{ color: #00E284; font-weight: bold;}

.jy_viewbox.forgot .jy_view{ width: 300px; height: 380px;}
.jy_viewbox.forgot .jy_viewtitle{ color: #6c8098;}
.jy_viewbox.forgot .jy_viewtitle .close{ float: right; margin-top: 5px; font-size: 16px; cursor: pointer;}
.jy_viewbox.forgot .jy_viewcon{ bottom: 0;}
.jy_viewbox.forgot .jy_viewcon .part{ position: relative; width: 250px; margin: 0 auto;}
.jy_viewbox.forgot .jy_viewcon input{ display: block; width: 240px; height: 38px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.forgot .jy_viewcon .send{ position: absolute; top: 0; right: 0; height: 40px;}
.jy_viewbox.forgot .jy_viewcon .send[disabled]{ color: #6C8098; border-color: #BACEE6; background-color: transparent; cursor: no-drop;}
.jy_viewbox.forgot .jy_viewcon .login{ display: block; width: 250px; height: 40px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.forgot .jy_viewcon .more{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 250px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 14px;}
.jy_viewbox.forgot .jy_viewcon .hint{ color: #EE5555;}

.jy_viewbox.tcode .jy_view{ width: 300px; height: 250px;}
.jy_viewbox.tcode .jy_viewtitle{ color: #6c8098;}
.jy_viewbox.tcode .jy_viewtitle .close{ float: right; margin-top: 5px; font-size: 16px; cursor: pointer;}
.jy_viewbox.tcode .jy_viewcon{ bottom: 0;}
.jy_viewbox.tcode .jy_viewcon .part{ position: relative; width: 250px; margin: 0 auto;}
.jy_viewbox.tcode .jy_viewcon input{ display: block; width: 240px; height: 38px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.tcode .jy_viewcon .send{ position: absolute; top: 0; right: 0; height: 40px;}
.jy_viewbox.tcode .jy_viewcon .send[disabled]{ color: #6C8098; border-color: #BACEE6; background-color: transparent; cursor: no-drop;}
.jy_viewbox.tcode .jy_viewcon .login{ display: block; width: 250px; height: 40px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.tcode .jy_viewcon .more{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 250px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 14px;}
.jy_viewbox.tcode .jy_viewcon .hint{ color: #EE5555;}
.jy_viewbox.tcode .jy_viewcon img{ margin-right: 10px; cursor: pointer;}
.jy_viewbox.tcode .jy_viewcon span{ color: #6C8098; cursor: pointer;}

.jy_viewbox.loginwechat .jy_view{ width: 400px; height: 450px;}
.jy_viewbox.loginwechat .jy_viewcon{ bottom: 0;}
.jy_viewbox.loginwechat #wechatcode{ margin: 0 auto; text-align: center;}

.jy_viewbox.register .jy_view{ border-radius: 0;}
.jy_viewbox.register .jy_viewcon{ top: 0; bottom: 0; background-color: #F8F8F8;}
.jy_viewbox.register .jy_viewcon .bg{ padding-top: 1px; padding-bottom: 40px; width: 900px; max-width: 100%; margin: 0 auto; background-color: #FFFFFF;}
.jy_viewbox.register .jy_viewcon .welcome{ margin-top: 40px; margin-bottom: 40px; text-align: center;}
.jy_viewbox.register .jy_viewcon .welcome img{ cursor: pointer;}
.jy_viewbox.register .jy_viewcon .welcome span{ display: block; margin-top: 20px; font-size: 24px; color: #162336;}
.jy_viewbox.register .jy_viewcon .part{ position: relative; width: 350px; margin: 0 auto;}
.jy_viewbox.register .jy_viewcon input{ display: block; width: 338px; height: 48px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.register .jy_viewcon .send{ position: absolute; top: 0; right: 0; height: 50px; border-color: #6C8098;}
.jy_viewbox.register .jy_viewcon .send[disabled]{ color: #6C8098; border-color: #BACEE6; background-color: transparent; cursor: no-drop;}
.jy_viewbox.register .jy_viewcon .sure{ display: block; width: 350px; height: 50px; margin: 0 auto; margin-top: 10px;}
.jy_viewbox.register .jy_viewcon .more{ display: flex; justify-content: space-between; width: 350px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 14px;}
.jy_viewbox.register .jy_viewcon .hint{ width: 350px; margin: 0 auto; margin-top: 10px; font-size: 14px; color: #EE5555;}
.jy_viewbox.register .jy_viewcon .reg{ color: #162336;}
.jy_viewbox.register .jy_viewcon .reg a{ color: #00A9A2; cursor: pointer; text-decoration: underline;}
.jy_viewbox.register .jy_viewcon .nav{ position: absolute; top: 0; left: 0; font-size: 14px; color: #6C8098;}
.jy_viewbox.register .jy_viewcon .nav dd{
	margin: 20px;
	cursor: pointer;
	color: #fff;
	background-color: #35d474;
	padding: 10px 20px;
	border-radius: 20px;
	text-align: center;
}
.jy_viewbox.wechatbind .jy_view{ width: 500px; height: 300px;}
.jy_viewbox.wechatbind .jy_viewcon{ bottom: 10px;}
.jy_viewbox.wechatbind .part.select .i{ margin-top: 40px; color: #F05960; text-align: center;}
.jy_viewbox.wechatbind .part.select .i i{ font-size: 48px;}
.jy_viewbox.wechatbind .part.select .title{ margin-top: 10px; color: #162336; text-align: center;}
.jy_viewbox.wechatbind .part.select dl{ display: flex; margin-top: 30px; text-align: center;}
.jy_viewbox.wechatbind .part.select dl>dd{ flex: 1;}
.jy_viewbox.wechatbind .part.select dl>dd button{ display: inline; width: 200px; height: 60px; font-size: 16px;}
.jy_viewbox.wechatbind .part.select dl>dd .old{ background-color: #00A0EA;}
.jy_viewbox.wechatbind .part.select dl>dd .hint{ margin: 0 30px; margin-top: 10px; font-size: 14px; color: #6C8098;}
.jy_viewbox.wechatbind .part.login{ display: flex; align-items: center; height: 100%;}
.jy_viewbox.wechatbind .part.login .back{ flex: 0 40px; font-size: 14px; color: #162336; padding: 20% 0; text-align: center; cursor: pointer;}
.jy_viewbox.wechatbind .part.login .back{ background-color: #F2F2F2;}
.jy_viewbox.wechatbind .part.login .back:hover{ background-color: #BACEE6;}
.jy_viewbox.wechatbind .part.login .back i{ display: block; margin-bottom: 5px;}
.jy_viewbox.wechatbind .part.login .con{ flex: 1;}
.jy_viewbox.wechatbind .part.login .input input{ display: block; width: 240px; height: 38px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.wechatbind .part.login .input input:first-child{ margin-top: 0;}
.jy_viewbox.wechatbind .part.login .input button{ display: block; width: 250px; height: 40px; margin: 0 auto; margin-top: 20px;}
.jy_viewbox.wechatbind .part.login .input .hint{ display: block; width: 250px; margin: 10px auto; font-size: 14px; color: #EE5555;}
.jy_viewbox.wechatbind .part.login .input .send{ position: relative; left: 79px; margin-top: -40px; width: auto; height: 40px;}
.jy_viewbox.wechatbind .part.login .input .send[disabled]{ color: #6C8098; border-color: #BACEE6; background-color: transparent; cursor: no-drop;}
.jy_viewbox.wechatbind .part.login .tab{ display: flex; width: 250px; margin: 0 auto; margin-top: 10px; text-align: center;}
.jy_viewbox.wechatbind .part.login .tab>dd{ flex: 1; padding: 10px 0; font-size: 14px; color: #162336; border-bottom: 5px solid transparent; cursor: pointer;}
.jy_viewbox.wechatbind .part.login .tab>dd:hover{ color: #35D474;}
.jy_viewbox.wechatbind .part.login .tab>dd.active{ color: #35D474; border-color: #35D474;}
.wechatbindpart-enter-active, .wechatbindpart-leave-active {
  transition: opacity .5s;
}
.wechatbindpart-enter, .wechatbindpart-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.crumbs_box{ width: 1200px; max-width: 90%; margin: 0 auto; margin-top: 20px; font-size: 14px; color: #6C8098;}
.crumbs_box span{ color: #35D474; text-decoration: underline; cursor: pointer;}

.index_loading{ position: fixed; left: 0; bottom: 0; z-index: 10;}
.index_loading::after{ display: none; content: '拼命加载中。。'; position: absolute; top: 25px; left: 80px; padding: 5px 15px; font-size: 14px; color: #FFFFFF; background-color: #00A0EA; white-space: nowrap; border-radius: 15px;}
.index_loading:hover::after{ display: block;}
.index_loading .spinner {
	margin-bottom: 20px;
  width: 100px;
  height: 50px;
  text-align: center;
  font-size: 10px;
}

.index_loading .spinner > div {
  background-color: #00A0EA;
  height: 100%;
  width: 10px;
	margin: 2px;
  display: inline-block;
  
  -webkit-animation: indexloading-stretchdelay 1.2s infinite ease-in-out;
  animation: indexloading-stretchdelay 1.2s infinite ease-in-out;
}

.index_loading .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.index_loading .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.index_loading .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.index_loading .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes indexloading-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes indexloading-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.index_num{ position: relative; display: block; width: 160px;}
.index_num input{ width: 80px; height: 38px; line-height: 38px; padding: 0 40px; font-size: 18px; border-left: 0; border-right: 0; text-align: center; border-radius: 0;}
.index_num button{ position: absolute; width: 40px; height: 40px; line-height: 40px; font-size: 36px;}
.index_num button.prev{ top: 0; left: 0;}
.index_num button.next{ top: 0; right: 0;}

.index_nofound{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #FFFFFF; background-size: cover; overflow: auto; z-index: 9999;}
.index_nofound img{ display: block; height: 200px; margin: 0 auto; margin-top: 60px;}
.index_nofound .hint{ margin: 20px 0; font-size: 24px; color: #FFFFFF; text-align: center;}
.index_nofound .box{ position: relative; width: 500px; max-width: 90%; padding: 20px 20px; margin: 0 auto; margin-top: 100px; margin-bottom: 20px; color: #162336; background-color: rgba(255,255,255,0.5); box-shadow: 0 -2px 2px #666; border-radius: 10px;}
.index_nofound .box dd{ margin-top: 10px;}
.index_nofound .box .import{ color: #EE5555;}
.index_nofound .box a{ text-decoration: underline;}
.index_nofound .line{ position: absolute; top: -70px; left: 0; right: 0; width: 150px; height: 80px; margin: auto;}
.index_nofound .qubg{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.index_nofound .qu{ position: absolute; top: 30px; left: 0; right: 0; width: 110px; height: 110px; margin: auto; border: 2px solid #FFFFFF; box-shadow: 0 0 5px #333333;
	transform: rotate(45deg); clip:rect(0px,100px,60px);
}
.index_nofound .line .po1{ position: absolute; top: 2px; left: 70px; width: 10px; height: 10px; background-color: #FFFFFF; box-shadow: 0 0 5px #333333; border-radius: 50%;}
.index_nofound .line .po2{ position: absolute; bottom: -2px; left: 0px; width: 6px; height: 6px; background-color: #FFFFFF; box-shadow: 0 0 5px #333333; border-radius: 50%;}
.index_nofound .line .po3{ position: absolute; bottom: -2px; right: 0px; width: 6px; height: 6px; background-color: #FFFFFF; box-shadow: 0 0 5px #333333; border-radius: 50%;}

.jy_viewbox.wechat .jy_view{ width: 450px; height: 460px;}
.jy_viewbox.wechat .jy_viewcon{ bottom: 0;}
.jy_viewbox.wechat .intro{ margin-top: 20px;}
.jy_viewbox.wechat img{ display: block; width: 250px; margin: 20px auto;}
.jy_viewbox.wechat .hint{ text-align: center; font-size: 14px;}
.jy_viewbox.wechat .warn{ color: #EE5555; text-align: center;}

.jy_viewbox.importhint .jy_view{ width: 900px; height: 600px;}
.jy_viewbox.importhint .jy_viewcon{ bottom: 0;}
.jy_viewbox.importhint .h1{ margin: 0 40px; margin-top: 60px; font-size: 24px; color: #162336; text-align: center;}
.jy_viewbox.importhint .h1 span{ display: block; font-size: 72px; color: #EE0000; font-weight: bold;}
.jy_viewbox.importhint .b1{ width: 300px; height: 90px; margin: 0 auto; margin-top: 60px; font-size: 36px;}