@charset "utf-8";
/* @import url('../whirfonts/fonts.css'); 这行无用*/ 
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {-webkit-text-size-adjust: 100%; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 0.14rem;
  color: #666;
  background: #fff;
  font-family: arial, sans-serif;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  /* -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; */
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea {
  font-size: 0.14rem;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre {
  font-family: arial, sans-serif;
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #47a0ec;
  text-decoration: none;
}
a:focus {
  color: #333;
  outline: none;
  -moz-outline: none;
}
a:active {
  color: #333;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {
  -webkit-line-clamp: 2;
}
.dot3 {
  -webkit-line-clamp: 3;
}
.dot4 {
  -webkit-line-clamp: 4;
}
.dot5 {
  -webkit-line-clamp: 5;
}
.dot6 {
  -webkit-line-clamp: 6;
}
.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy > .ytable-cell{display: block;}
}
.Ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nM {
  margin: 0;
}
.nP {
  padding: 0;
}
select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
	padding-right: 0.2rem;
    padding-left: 0.1rem;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}
/**初始 End**/
.w22, .w75 {
  padding-bottom: 4%;
}
@media(min-width:1025px) {
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .w22 {
    width: 22%;
  }
  .w75 {
    width: 75%;
  }
}
.img-block{
    display: block; 
    width: 100%;
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
/**页面框架 End**/
.auto {
  margin: 0 auto;
}
.w_96{width: 96%;}
.w_86{width: 94%;}
@media (min-width:1025px) {
.w_86{width: 86%;} 
}
.auto_1280 {
  max-width: 12.8rem;
}
@media(max-width:1280px) {
  .auto_1280 {
    padding: 0 2%;
  }
}
.auto_1200 {
  max-width: 12rem;
}
@media(max-width:1200px) {
  .auto_1200 {
    padding: 0 2%;
  }
}
.auto_1180 {
  max-width: 11.8rem;
}
@media(max-width:1180px) {
  .auto_1180 {
    padding: 0 2%;
  }
}
.auto_1150 {
  max-width: 11.5rem;
}
@media(max-width:1150px) {
  .auto_1150 {
    padding: 0 2%;
  }
}
.auto_1100 {
  max-width: 11rem;
}
@media(max-width:1100px) {
  .auto_1100 {
    padding: 0 2%;
  }
}
.auto_1050 {
  max-width: 10.5rem;
}
@media(max-width:1050px) {
  .auto_1050 {
    padding: 0 2%;
  }
}
.auto_1000 {
  max-width: 10rem;
}
@media(max-width:1000px) {
  .auto_1000 {
    padding: 0 2%;
  }
}
.auto_950 {
  max-width: 9.5rem;
}
@media(max-width:950px) {
  .auto_950 {
    padding: 0 2%;
  }
}
/*by 20201020*/

/*******************************
open-search
********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 0.03rem; top: 50%; margin-top: -0.015rem;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 0.5rem;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 3.2rem;}
.top-search .text{width: 100%; height: 0.44rem; line-height: 0.44rem; border: 0;background: #fff; padding: 0 0.1rem;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 0.5rem;background-repeat: no-repeat;background-position: center center;}

/*******************************
open-menu
********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}

.open-menu{z-index: 10; width: 0.25rem; height: 0.2rem; display: block; margin-left: 0.32rem;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 0.03rem; background: #fff; left: 0; top: 50%; margin-top: -0.015rem; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -0.09rem;}
.open-menu:not(.on) i:nth-child(3){margin-top: 0.07rem;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/*************************************
whir_menu.2.0
**************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 0.4rem; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 0.4rem; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 0.12rem; height: 0.02rem;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 0.02rem; height: 0.12rem;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 0.1rem;}
[type="Vertical"] .sub dt{line-height: 0.24rem; padding: 0.05rem 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 1.4rem; margin-left: -0.7rem;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20;background-color: rgba(0,0,0,0.7); padding: 0.1rem 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-0.3rem,0); }
.whir-fade-right{transform: translate(0.3rem,0);}
.whir-fade-up{transform: translate(0,0.3rem);}
.whir-fade-down{transform: translate(0,-0.3rem);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

/*局部根元素大小*/
.root-100{font-size: 1rem;}
.root-sz-16{font-size: 0.16em;}
.root-w-1400 .auto{max-width: 14rem;}
.root-w-1440 .auto{max-width: 14.4rem;}
.root-w-1600 .auto{max-width: 16rem;}
.root-w-1560 .auto{max-width: 15.6rem;}
.root-w-1500 .auto{max-width: 15rem;}
@media (min-width:1025px) and (max-width:1600px) {
.root-w-1600{font-size: 6.25vw;}
}
@media (min-width:1025px) and (max-width:1560px) {
.root-w-1560{font-size: 5.624vw;}
}
@media (min-width:1025px) and (max-width:1500px) {
.root-w-1500{font-size: 5.5vw;}
}
@media (min-width:1025px) and (max-width:1440px) {
.root-w-1440{font-size: 7.14285vw;}
}
@media (min-width:1025px) and (max-width:1400px) {
.root-w-1400{font-size: 7.14285vw;}
}
@media (max-width:1024px) {
.root-sz-16{font-size: 3.5vw;}
}
/*col*/
[class*=col_] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[class*=col_] .item {--padding:0.2rem; padding-right: var(--padding);}
.col_2 .item {width: 50%;}
.col_3 .item {width: 33.333%;}
.col_4 .item {width: 25%;}
@media only screen and (max-width:1024px){
    .col_5 .item {width: 25%;}
}
@media only screen and (max-width:1024px){
    .col_3 .item,
    .col_4 .item {width: 50%;}
    .col_2 .item {width: 100%;}
    .col_5 .item {width: 33.333%;}
}
@media only screen and (max-width:750px){
    .col_3 .item,
    .col_4 .item {width: 100%;}
    .col_5 .item {width: 50%;}
}

/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}


/*20250718*/
.bia .drop { position: absolute; left:50%; top:100%; transform: translateX(-50%); min-width:1.2rem; padding-top: 0.33rem; display: none;}
.bia .drop ul {background-color: #ffffff;box-shadow: 0px 6px 13px 1px rgba(0, 0, 0, 0.06); border-radius: 0.04rem; overflow: hidden;}
.bia .drop li {padding:0 0.2rem;}
.bia .drop li:not(:last-child) {border-bottom: 1px solid #f2f2f2;}
.bia .drop a {display: flex; font-size: 0.18rem; white-space: nowrap; color:#333; line-height: 0.42rem; align-items: center;}
.bia .drop a:hover {color: #418be1;}
.bia .drop a:before {display: block; width: 0.16rem; height: 0.16rem; background: no-repeat center center; background-size: contain; margin-right: 0.1rem; content: '';}
.bia .drop .l a:before {background-image: url(../images/m_icon_01.svg);}
.bia .drop .r a:before {background-image: url(../images/m_icon_02.svg);}
.bia:hover .drop {display: block;}
/**/
.Top003084 menu .has-sub span{padding-right:0.21rem;}
.Top003084 menu .full{position:static;}
@media only screen and (min-width:1025px){
.Top003084 menu .subdrop{position:absolute;left:0!important;top:calc(100% - 0.2rem);transform:none;padding-top:0.35rem;width:100%;}
.Top003084.NavTop menu .subdrop {top:calc(100% - 0.1rem);padding-top:0.25rem;}
.Top003084 menu .box{border-radius:0.14rem;background-color:#fff;display:table; table-layout: fixed; width: 100%; overflow:hidden;min-height:4.8rem;}
.Top003084 menu .border {display: table-cell; vertical-align: top;}
.Top003084 menu .border li{font-size:0.16rem;line-height:0.24rem;border-bottom:0.02rem solid #c2daf6;margin:0!important;padding:0!important;display:block;text-align:left;}
.Top003084 menu .border li a{display:block;color:#333;display:block;padding:0 0.55rem;line-height:0.7rem;}
.Top003084 menu .left .active,.Top003084 menu .left li:hover{border-bottom-color:transparent;}
.Top003084 menu .left .active > a,.Top003084 menu .left li a:hover{background-image:linear-gradient(87deg,#e4f0fe 0%,#5496e5 100%);}
.Top003084 menu .left li i{display:block;font-style:normal;padding-left:45px;background:no-repeat left center;background-size:24px auto;position:relative;padding-right:20px;}
.Top003084 menu .left li i:after{width:0.09rem;height:0.15rem;background:url(../images/subdrop_arrow_01.svg) no-repeat center center;background-size:contain;display:block;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);}
.Top003084 menu .left .active i:after,.Top003084 menu .left li a:hover i:after{filter:brightness(100);}
.Top003084 menu .left{width:calc(380/1650*100%);background-image:linear-gradient(32deg,#ffffff 0%,#eef6ff 14%,#dcecff 43%,#d4e8ff 66%,#cbe3ff 100%);position:relative;}
.Top003084 menu .left:before{width:calc(287/380*100%);padding-bottom:calc(257/380*100%);background:url(../images/subdrop_01.png) no-repeat center center;background-size:contain;position:absolute;left:50%;bottom:0.15rem;display:block;content:'';transform:translateX(-50%);}
.Top003084 menu .left .more{margin-top:0.35rem;position:relative;z-index:5;}
.Top003084 menu .left .more a{font-size:0.14rem;text-align:center;line-height:0.41rem;width:1.99rem;border-radius:0.05rem;border:1px solid rgba(51,51,51,0.5);margin:0.25rem auto 0;display:block;color:#333;}
.Top003084 menu .left .more a:hover{background-color:#418be1;color:#fff;border-color:#418be1;}
.Top003084 menu .sub li .ul {display: none;}
.Top003084 menu .mid{width:calc(380/1650*100%);background-image:linear-gradient(-25deg,#cbe3ff 0%,#d3e7ff 50%,#deedff 100%);}
.Top003084 menu .mid.small {width:calc(350/1650*100%);}

.Top003084 menu .mid ul{display:none;}
.Top003084 menu .mid ul:first-child{display:block;}
.Top003084 menu .mid a{padding-right:0.7rem;}
.Top003084 menu .mid a:after{width:0.09rem;height:0.15rem;background:url(../images/subdrop_arrow_01.svg) no-repeat right center;background-size:contain;display:block;content:'';position:absolute;right:0.55rem;top:50%;transform:translateY(-50%);}
.Top003084 menu .mid a:hover{color:#418be1;}
.Top003084 menu .mid .active a:after,.Top003084 menu .mid a:hover:after{background-image:url(../images/subdrop_arrow_02.svg);}
.Top003084 menu .mid .active a{color:#418be1;}
.Top003084 menu .right{/*width:calc(890/1650*100%);*/position:relative;display:table-cell;vertical-align: top;}
.Top003084 menu .right:before{position:absolute;left:0;top:0;width:100%;height:100%;display:block;content:'';background-image:linear-gradient(32deg,#ffffff 0%,#eef6ff 14%,#dcecff 43%,#d4e8ff 66%,#cbe3ff 100%);opacity:0.33;}
.Top003084 menu .right.deep:before{background-image:linear-gradient(93deg,#11246d 0%,#4a268d 100%);opacity:1;}
.Top003084 menu .right .list{padding:0.24rem 0.7rem;position:relative;z-index:2;}
.Top003084 menu .right ul{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:0.16rem;line-height:2em;width:5.3rem;max-width:100%;}
.Top003084 menu .right li{width:50%;padding:0.1rem;margin:0!important;display:block;text-align:left;}
.Top003084 menu .right li a{display:flex;align-items:center;justify-content:space-between;color:#999;width:100%;}
.Top003084 menu .right .icon{width:0.44rem;background-image:linear-gradient(87deg,#eef6ff 0%,#e0ebf9 100%);border-radius:50%;}
.Top003084 menu .right .icon i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.Top003084 menu .right .name{width:calc(100% - 00.35rem);}
.Top003084 menu .right li a:hover{color:#418be1;}
.Top003084 menu .right li a:hover .icon{background:#418be1;}
.Top003084 menu .right li a:hover .icon i{filter:brightness(100);}
.Top003084 menu .right .info{width:368px;max-width:100%;padding:0.21rem 0;}
.Top003084 menu .right .figure{padding-bottom:calc(224/368*100%);border-radius:0.1rem;margin-bottom:0.15rem;}
.Top003084 menu .right .info a{display:block;overflow:hidden;color:#fff;text-align:left;}
.Top003084 menu .right .info .title{font-size:0.2rem;line-height:1.35em;font-weight:500;margin:0 0 0.06rem;}
.Top003084 menu .right .info .intro{font-size:0.16rem;line-height:0.28rem;height:0.56rem;margin-bottom:0.25rem;}
.Top003084 menu .right .more{font-size:0.19rem;line-height:1.5em;}
.Top003084 menu .right .more i{background:url(../images/pro_drop_more_01.png) no-repeat right center;background-size:0.24rem auto;padding-right:0.34rem;font-style:normal;display:inline-block;}
}

/*logreg*/
.logreg {background:url(../images/logreg_bg.jpg) no-repeat center center; background-size: cover; padding:1rem 0 1.1rem; overflow: hidden;}
.logreg .auto {display: flex; justify-content: center;}
.logreg .log {width: 7.2rem; max-width: 100%; background-color: #fff; border-radius: 0.2rem; background-image: linear-gradient(180deg, #ffffff 0%, #f5faff 64%, #eaf4ff 100%); padding:0.42rem 1rem 0.52rem;}
.logreg .tab {display: flex; justify-content: center; margin-bottom: 0.52rem; color:#333;}
.logreg .tab span {display: block; font-size: 0.32rem; line-height: 1.35em; margin:0 0.12rem; position: relative; padding-bottom: 0.08rem; cursor: pointer;}
.logreg .tab span:after {width: 100%; background-color: #418be1; height: 0.04rem; display: block; content: ''; position: absolute; left:0; bottom:0; opacity: 0;}
.logreg .tab .cur {color: #418be1;}
.logreg .tab .cur:after {opacity: 1;}
.logreg .type {display: none;}
.logreg .type:first-child {display: block;}
.logreg .item {margin-top: 0.2rem; position: relative;}
.logreg .item:first-child {margin-top: 0;}
.logreg .label {display: block; font-size: 0.18rem; line-height: 1.875em; color:#333;}
.logreg .text {display: block; width: 100%; border: solid 1px #e5e5e5; height: 0.5rem; line-height: 0.3rem; padding:0.1rem 0.18rem; font-size: 0.17rem; color:#555;}
.logreg .verify {padding-right: 1.3rem; position: relative;}
.logreg .verify a {background-color: #418be1; height: 100%; position: absolute; right: 0; top:0; width: 1.24rem; color:#fff; font-size: 0.17rem; display: flex; align-items:center; justify-content: center;}
.logreg .verify a:hover {opacity: 0.8;}
.logreg .warning {font-size: 0.16rem; line-height: 1.875em; color:#666; text-align: right; margin-top:0.1rem;}
.logreg .warning a {color:#666;}
.logreg .warning a:hover {color: #418be1;}
.logreg .btn {display: flex;justify-content: space-between; margin-top: 0.3rem;}
.logreg .btn input {display: block; border: solid 1px #418be1; font-size: 0.2rem; height: 2.5em; cursor: pointer; width: 48.077%; background-color: #418be1; color:#fff;}
.logreg .btn .reset {background-color: #fff; color: #418be1; }
.logreg .btn input:hover {opacity: 0.8;background-color: #418be1; color:#fff;}
.logreg .btn.center {justify-content: center;}
.logreg .tips {text-align: center; font-size: 0.18rem; line-height: 0.32rem; color:#333; margin-top: 0.4rem;}
.logreg .tips a{color: #418be1;}
.logreg .tips a:hover {text-decoration: underline;}
.logreg .input {width: calc(100% - 1.42rem); position: relative;}
.logreg .view {position: absolute; top:50%; transform: translateY(-50%); width: 0.2rem; height: 0.15rem; background: url(../images/icon_view.svg) no-repeat center center; background-size: contain; cursor: pointer; display: block; right: 0.2rem; z-index: 2;}
.logreg .view.active {background-image: url(../images/icon_view_02.svg);}
.logreg .reg {width: 7.4rem; max-width: 100%; background-color: #fff; border-radius: 0.2rem; padding:0.42rem 0.5rem 0.52rem;background-image: linear-gradient(180deg, #ffffff 0%, #f5faff 64%, #eaf4ff 100%);}
.logreg .flex {display: flex; justify-content: space-between; align-items: center;}
.logreg .reg .label {width: 6.7em; text-align: right;}
.logreg .reg .label i {font-style: normal;color: #fb0000}
.logreg .select {background-color: #ffffff;}
.logreg select {display: block; width: 100%; height: 0.5rem; border: solid 1px #e5e5e5; background-color: transparent; font-size: 0.18rem; color:#9a9a9a; padding:0 0.18rem;}
.logreg .large {width: 12.8rem; padding-left:0.7rem; padding-right: 0.7rem;}
.logreg .col2 {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.15rem 0;}
.logreg .col2 .item {width: 48.509%;}
.logreg .col2 .item:nth-child(2){margin-top: 0;}

.logreg .small {width: 6rem; padding:0.72rem 0.5rem 0.77rem;}
.logreg .result {font-size: 0.18rem; line-height: 0.3rem; color:#333; margin-bottom: 0.38rem; letter-spacing: 1px; overflow: hidden;}
.logreg .result p {margin-bottom: 0.05rem;}
.logreg .back a {display: block; background-color: #418be1; color:#fff; font-size: 0.2rem; height: 0.5rem; width: 12.5em; margin:0 auto; text-align: center; line-height: 0.5rem;}
.logreg .back a:hover {opacity: 0.8;}
.logreg .title {font-size: 0.4rem; color:#333; text-align: center; font-weight: normal; margin-bottom: 0.42rem;}
@media only screen and (max-width:750px) {
    .logreg .log {padding:0.3rem 0.35rem;}
    .logreg .tab span {font-size: 0.26rem;}
    .logreg .flex {flex-wrap: wrap;}
    .logreg .reg .label {width: 100%; text-align: left;}
    .logreg .input {width: 100%;}
}
/*ucenter*/
.ucenter {background:#f5faff url(../images/ucenter_top.jpg) no-repeat top center; background-size: 100% auto; padding:1rem 0 0.4rem; overflow: hidden; min-height: 95vh;}
.ucenter .auto {width:90%; max-width: 12.8rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.uside {width: 2.8rem; background-color: #fff; border-radius: 0.1rem;} 
@media only screen and (max-width:750px) {
    .uside {width: 100%; margin-bottom: 0.35rem;}
}
/*person*/
.person {margin:0 0.4rem; padding:.4rem 0 0.2rem; border-bottom: 1px solid #e2eced; text-align: center;}
.person .avatar {width: 0.7rem; height: 0.7rem; border-radius: 50%; margin:0 auto 0.17rem;}
.person .avatar img {display: block; width: 100%; height: 100%; object-fit: cover;}
.person .name {font-size: 0.24rem; line-height: 1.35em; color:#333;}
.person .name.small {font-size: 0.2rem; margin:0 -0.5em;}
.person .intro {font-size: 0.18rem; line-height: 1.75em; color:#666;} 
/*umenu*/
.umenu {padding:0.3rem 0;}
.umenu li {font-size: 0.18rem; line-height: 0.6rem;}
.umenu a {display: block; padding:0 0.3rem;}
.umenu i {display: block; font-style: normal; padding-left:1.83334em; background: no-repeat left center; background-size: 1.11em auto; position: relative;}
.umenu i:after {width: 0.06rem; height: 0.09rem; background: url(../images/arrow_01.svg) no-repeat center center; background-size: contain; position: absolute; right: 0; top:50%; transform: translateY(-50%); display: block; content: '';}
.umenu .u1 {background-image:url(../images/umenu_01.svg);}
.umenu .u2 {background-image:url(../images/umenu_02.svg);}
.umenu .u3 {background-image:url(../images/umenu_03.svg);}
.umenu .u4 {background-image:url(../images/umenu_04.svg);}
.umenu .cur a,
.umenu a:hover {background-color: #418be1;}
.umenu .cur i,
.umenu a:hover i {filter: brightness(100);}
@media only screen and (max-width:750px) {
    .umenu ul {display: flex; flex-wrap: wrap;}
    .umenu li {width:50%;}
}
/*umain*/
.umain {background-color: #fff; border-radius: 0.1rem;width: calc(100% - 3rem); padding:0.18rem 0 0.65rem; min-height: 9.6rem;}
@media only screen and (max-width:750px) {
    .umain {width: 100%; min-height: 0;}
}
/*uname*/
.uname {font-size: 0.28rem; color:#333; font-weight: 500; position: relative; padding-left: 0.3rem; margin-bottom: 0.43rem;}
.uname:before {width: 0.04rem; height: 0.24rem; background-color: #418be1; position: absolute; left:0; top:50%; transform: translateY(-50%); display: block; content: '';}

/*uwrap*/
.uwrap {padding:0 0.3rem;}
/*uform*/
.uform .item {display: flex; justify-content: space-between; align-items: center;margin-bottom: 0.2rem;}
.uform .label {display: block; font-size: 0.18rem; line-height: 0.3rem; color:#333; text-align: right; min-width: 0.7rem;}
.uform .input {width: calc(100% - 0.84rem);}
.uform .text {border: solid 1px #e5e5e5; font-size: 0.18rem; color:#333; height: 0.5rem; line-height: 0.3rem; padding:0.1rem 1.125em; display: block; width: 100%;}
.uform .btn {padding:0.2rem 0 0.2rem 0.84rem;}
.uform .submit {color:#fff;background-color: #418be1; font-size: 0.2rem; line-height: 2.5em; width: 12.5em;border:none; cursor: pointer;}
.uform .submit:hover {opacity: 0.9;}
@media only screen and (max-width:750px) {
    .uform .item {flex-wrap: wrap;}
    .uform .label {width: 100%; text-align: left; min-width: 0;}
    .uform .input {width: 100%;}
}
/*change*/
.change {width: 5.85rem; max-width: 100%;}
/*information*/
.information {width: 7.26rem; max-width: 100%;}
.information .box {display: flex; justify-content: space-between; align-items: flex-start;}
.information .avatar {border-radius: 50%; position: relative; width: 1rem; height: 1rem; overflow: hidden;}
.information .avatar img {display: block; width: 100%; height: 100%; object-fit: cover;}
.information .avatar span {position: absolute; left:0; bottom:0; width: 100%; text-align: center; color:#fff;font-size: 0.16rem;line-height: 2.25em; background-color: rgba(0, 0, 0, 0.7); cursor: pointer;}
.information .info {width: calc(100% - 1.4rem);}
.information .avatar input[type="file"]{display: none;}
@media only screen and (max-width:750px) {
    .information .box {flex-direction: column; align-items: center;}
    .information .avatar {margin-bottom: 0.3rem;}
    .information .info  {width: 100%;}
}
/*shortcuts*/
.shortcuts {width: 100%;}
.shortcuts ul {display: flex; flex-wrap: wrap; width: calc(100% + 0.29rem);}
.shortcuts li {width: 33.333%; padding:0 0.29rem 0.2rem 0; font-size: 0.18rem; line-height: 0.3rem;}
.shortcuts li i {font-style: normal; display: block; background: no-repeat left center; background-size: 1.167em auto; padding-left: 1.6667em; position: relative; padding-right: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.shortcuts li i:after {display: block; content: ''; position: absolute; right: 0; top:50%; transform: translateY(-50%); width: 0.09rem; height: 0.15rem; background:url(../images/arrow_01.svg) no-repeat center center; background-size: contain; opacity: 0;}
.shortcuts li a {border: solid 1px #e5e5e5; display: block; padding:0.1rem 0.2rem; color:#333;}
.shortcuts li:not(.unauthorized) a:hover {background-color: #418be1;}
.shortcuts li:not(.unauthorized) a:hover i {filter:brightness(100);}
.shortcuts li:not(.unauthorized) a:hover i:after {opacity: 1;}
.shortcuts .unauthorized a {color:#999; cursor: default;}
@media(max-width:1025px){
    .shortcuts li {width: 100%;}
}
/*.Top003084 .iit .bia*/
.Top003084 .iit .bia .avatar a {width: 0.36rem; height: 0.36rem; position: relative; display: block; border-radius: 50%; overflow: hidden;}
.Top003084 .iit .bia .avatar img {display: block; width: 100%; height: 100%; object-fit: cover;}


/*20250723*/
@media(min-width:1025px){
.Top003084 menu .subpro .box{ width: auto;}
.Top003084 menu .subpro .left,
.Top003084 menu .subpro .mid{ width: 3.8rem;}
.Top003084 menu .subpro .right ul{ width: auto; min-width: 2.65rem; max-width: 5.3rem;}
.Top003084 menu .subpro .right li{ width: 2rem;}
}