@charset "utf-8";
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    /* color: #364356; */
}
/*
@font-face {
  font-family: pingfang_b;
  src:url(../font/PingFang_Bold.ttf);
}
@font-face {
  font-family: pingfang_el;
  src:url(../font/PingFang_ExtraLight.ttf);
}
@font-face {
  font-family: pingfang_h;
  src:url(../font/PingFang_Heavy.ttf);
}
@font-face {
  font-family: pingfang_l;
  src:url(../font/PingFang_Light.ttf);
}
@font-face {
  font-family: pingfang_m;
  src:url(../font/PingFang_Medium.ttf);
}
*/
@font-face {
  font-family: shuhei;
  src:url(../font/shuhei.ttf);
}

@font-face {
  font-family: number_only;
  src:url(../font/Number.ttf);
}
@font-face {
  font-family: MontDemo;
  src:url(../font/MontDemo-Heavy.otf);
}
@font-face {
  font-family: douyu;
  src:url(../font/douyu.ttf);
}
.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:shuhei}
.douyu{font-family:douyu}
body {
    font: 0.16rem/1.5 "pingfang_m",'pingfang_b','pingfang_r','pingfang_r';
    color: #262626;
}
a{color: #262626;}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
} 
.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgj {
    overflow: hidden;
}
.wal {max-width: 12rem;margin:0 auto;width: 90%;z-index: 2;}
a:hover {
    text-decoration: none;
    color: #169ade;
}
.wap_show {
    display: none;
}

.web_show {
    display: block;
}



.swiper {
        width: 100%;
        height: 100%;
      }
.swiper-button-prev,.swiper-button-next {
    /* width: 0.52rem; */
    /* height: 0.52rem; */
    /* background: url(../images/lannore.png) center center no-repeat #fff; */
    /* font-size: 0; */
    /* background-size: 0.12rem; */
    /* transform: rotate(180deg); */
    /* border-radius: 50%; */
}
.swiper-button-prev:hover,.swiper-button-next:hover{/* background: url(../images/ljt.png) center center no-repeat; *//* background-size: 0.1rem; */}
.swiper-button-prev{
    left: 0.1rem;
}
.swiper-button-next{
    right: 0.1rem;
    transform: rotate(0deg);
}
.swiper-button-prev:after, .swiper-button-next:after{display:none}
.swiper-3d .swiper-slide-shadow {
    background: none;
}
.phone_menu {
    width: 0.34rem;
    background-size: 0.18rem;
    font-size: 0;
    cursor: pointer;
    display: none;
}
.phone_menu .icon_bar{width: 0.3rem;height: 2px;background-color: #4f4f4f;opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display: block;}
.phone_menu .icon_bar:nth-of-type(2){margin:5px 0;width: 0.2rem;}
.phone_menu.kai .icon_bar:nth-of-type(2){opacity:0}
.phone_menu.kai .icon_bar:first-child{-webkit-transform:translate(0,7px) rotate(45deg);-ms-transform:translate(0,7px) rotate(45deg);transform: translate(0,8px) rotate(45deg);}
.phone_menu.kai .icon_bar:last-child{-webkit-transform:translate(0,-7px) rotate(-45deg);-ms-transform:translate(0,-7px) rotate(-45deg);transform: translate(0,-6px) rotate(-45deg);}

.swiper-fade .swiper-slide {
    opacity: 0 !important;
}
.swiper-fade .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.swiper-slide .blog-slider__content > * {
	 transform: translateY(90px);
	 transition: all .4s;
}
.swiper-slide-active .blog-slider__content > * {
	opacity: 1;
	transform: none;
}
.blog-slider__content > *:nth-child(1) {
	transition-delay:0s;
}

.blog-slider__content > *:nth-child(2) {
	transition-delay: 0.1s;
}
.blog-slider__content > *:nth-child(3) {
	transition-delay: 0.2s;
}
.blog-slider__content > *:nth-child(4) {
	transition-delay: 0.3s;
}
.blog-slider__content > *:nth-child(5) {
	transition-delay: 0.4s;
}
.blog-slider__content > *:nth-child(6) {
	transition-delay: 0.5s;
}
.blog-slider__content > *:nth-child(7) {
	transition-delay: 0.6s;
}
.blog-slider__content > *:nth-child(8) {
	transition-delay: 0.7s;
}
.blog-slider__content > *:nth-child(9) {
	transition-delay: 0.8s;
}
.blog-slider__content > *:nth-child(10) {
	transition-delay: 0.9s;
}
.blog-slider__content > *:nth-child(11) {
	transition-delay: 1s;
}
.blog-slider__content > *:nth-child(12) {
	transition-delay: 1.1s;
}
.blog-slider__content > *:nth-child(13) {
	transition-delay: 1.2s;
}
.blog-slider__content > *:nth-child(14) {
	transition-delay: 1.3s;
}
.blog-slider__content > *:nth-child(15) {
	transition-delay: 1.4s;
}
.videolist {position:relative;/* float:left; *//* width:500px; *//* height:300px; *//* margin-right:50px; *//* margin-top:15px; *//* margin-bottom:30px; */}
.videolist:hover{ cursor: pointer; }
.videoed {/* display:none; */width: 0.9rem !important;height: 0.9rem !important;position: absolute;left: 50%;top: 50%;z-index:99;border-radius:100%;transform: translate( -50%, -50%);transform: rotate(0) scale(1) translate( -50%, -50%) !important;}



.videos {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(0,0,0,0.7);
    display: none;
}

.video_mainbig {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videos .vclose {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.4rem  auto 0;
    background: url(../images/close.png) center no-repeat;
    background-size: 0.3rem;
    transition: all 0.5s;
}
.videos .vclose:hover{
    transform: rotate(360deg);
}
.color_fff{color: #fff !important;}
/**clear_end**/
header {
    position: relative;
    z-index: 999;
}
.header_part {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}
.header_part.fixd, .header_part.baiheader {
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
}

.header_part.fixd .header_logo img.b_logo,.header_part.baiheader .header_logo img.b_logo {
    display: none;
}

.header_part.fixd .header_logo img.c_logo,.header_part.baiheader .header_logo img.c_logo {
    display: block;
}

.header_part.fixd .header_nav ul li .one_level a,.header_part.baiheader .header_nav ul li .one_level a,.header_part.fixd .header_nav ul li.pipe,.header_part.baiheader .header_nav ul li.pipe {
    color: #333;
    line-height: 1rem;
}
.header_part.fixd .header_nav ul li.on .one_level a,.header_part.baiheader .header_nav ul li.on .one_level a {
    color: #169ade;
}
.header_part.fixd .wal {
    height: 1rem;
}

.header_part.fixd .header_nav ul li .two_level,.header_part.baiheader .header_nav ul li .two_level {
    top: 1rem;
}

.header_part .wal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1rem;
    gap: 10%;
    transition: all 0.3s;
}

.header_logo {
    height: 100%;
    display: flex;
    align-items: center;
}

.header_logo img {
    height: 40%;
}

.header_logo img.b_logo {
    display: block;
}

.header_logo img.c_logo {
    display: none;
}

.header_nav {
    flex: 1;
}

.header_nav ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.header_nav ul li {
    position: relative;
}
.header_nav ul li.pipe {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.header_nav ul li .one_level {}

.header_nav ul li .one_level a {
    color: #fff;
    font-size: 0.18rem;
    display: block;
    line-height: 1rem;
}

.header_nav ul li .one_level i.irow {}

.header_nav ul li .two_level {
    /* display: none; */
    position: fixed;
    left: 0;
    right: 0;
    top: 1rem;
    background: rgba(255,255,255,1);
    padding: 0.2rem 0;
    border-top: 1px solid #ddd;
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.header_nav ul li:hover .two_level{
    height: auto;
    padding: 0.2rem 0;
}
.header_nav ul li .two_level .wal{
    /* display: block; */
    height: auto;
    text-align: center;
    justify-content: center;
}
.header_nav ul li .two_level a {
    display: block;
    /* color: #fff; */
    line-height: 0.32rem;
}

.index_banner {overflow: hidden;position: relative;}
.index_banner img {
    width: 100%;
}
.index_banner .banner_item {}

.index_banner .banner_item img {
    width: 100%;
}

.index_banner .banner_item .text {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.index_banner .banner_item .text h1 {
    font-size: 0.5rem;
    font-weight: bold;
}

.index_banner .banner_item .text p {
    font-size: 0.3rem;
    margin: 0 0 0.5rem;
}

.all_webmore {}

.all_webmore a {
    display: inline-block;
    background: linear-gradient(90deg, #387896, #09cc7b);
    line-height: 0.5rem;
    display: inline-flex;
    padding: 0 0.2rem;
    color: #fff;
    border-radius: 50px;
    gap: 0.3rem;
    align-items: center;
    transition: all 0.3s;
}
.all_webmore a:hover {
    background: linear-gradient(90deg, #09cc7b, #387896);
    gap: 0.5rem;
}
.all_webmore span {}

.all_webmore i {
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    background: url(../images/ljt.png) center center no-repeat #fff;
    background-size: 0.08rem;
    border-radius: 50px;
}

.banner_buttom {
    margin: -0.5rem 0 0;
}
.banner_buttom .banner_tip{
    height: 1rem;
    background: #fff;
    z-index: 9;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    border-radius: 0.1rem;
    padding: 0 0.3rem;
}
.banner_buttom .swiper_button {height: 1rem;display: flex;align-items: center;flex: 1;gap: 0.2rem;}

.swiper-button-next, .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    background: #ddd;
    transform: none;
    position: relative;
    top: 50%;
    margin: 0;
    background: url(../images/bjt.png) center center no-repeat;
    background-size: 0.2rem;
    bottom: auto;
    position: absolute;
    transform: rotate(0);
}

.swiper-button-prev {
    /* transform: rotate(180deg); */
}

.swiper-button-next {
    transform: rotate(180deg);
}

.banner_buttom .mouse_xia {text-align: center;flex: 1; animation:mouse linear 1s infinite;}
@keyframes mouse{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(0.1rem);}
}
.banner_buttom .mouse_xia span {
    /* font-size: 0.12rem; */
    color: #88c230;
}

.banner_buttom .mouse_xia img {
    width: 0.1rem;
    display: block;
    margin: 0 auto;
}

.banner_buttom .banner_tel {flex: 1;text-align: right;color: #aed571;font-size: 0.22rem;}

.banner_buttom .banner_tel span {
    background: url(../images/tel.png) left center no-repeat;
    background-size: 0.2rem;
    padding: 0 0 0 0.3rem;
}
.banner_suol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
}

.banner_suol .swiper-slide {
    border-radius: 0.1rem;
    overflow: hidden;
    border: 0.04rem solid #fff;
    background: #000;
    transition: all 0.3s;
}

.banner_suol .swiper-slide img {
    opacity: 0.5;
}

.banner_suol .swiper-slide-thumb-active {
    transform: translateY(-0.1rem);
    border: 0.04rem solid #f7b940;
}

.banner_suol .swiper-slide-thumb-active img {
    opacity: 1;
}

.banner_suol .swiper-wrapper {
    padding: 0.2rem 0;
}
.index_search {
    margin: 0 auto 0.5rem;
}

.index_search .tips {
    width: 50%;
    margin: 0 auto;
    color: #666;
}

.index_search .tips a {
    /* color: #169ade; */
    display: inline-block;
    padding: 0 0.1rem;
}
.search_box {
    box-shadow: 0 0 0.3rem rgba(1,43,66,0.1);
    border-radius: 50px;
    position: relative;
    padding: 0 0.2rem;
    line-height: 0.6rem;
    background: #fff;
    margin: 0 auto 0.2rem;
    width: 50%;
}

.search_box input {
    width: 100%;
    padding: 0 1.5rem 0 1rem;
}
.search_box .btn {
    position: absolute;
    right: 0.02rem;
    top: 0.02rem;
    bottom: 0.02rem;
    width: 1.5rem;
    border-radius: 50px;
    background: #169ade;
    color: #fff;
    text-align: center;
}
.search_box select {
    line-height: 0.5rem;
    border: 0;
    margin: 0 0.1rem 0 0;
    position: absolute;
    left: 0 0.1rem;
    top: 50%;
    transform: translate(0, -50%);
}
.index_allbox {}

.index_part {
    padding: 0.8rem 0;
    position: relative;
}

.bg_dy {
    background: url(../images/dybg.jpg);
    background-size: cover;
}
.index_ti {
    text-align: center;
    margin: 0 0 0.5rem;
}

.index_ti span {
    text-transform: uppercase;
    color: #def4ff;
    font-size: 0.6rem;
}

.index_ti h3 {
    font-size: 0.4rem;
    font-weight: bold;
    margin: -0.45rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
}

.index_ti h3 i {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/dots.png) center center no-repeat;
}
.index_ti h3 i.i2 {transform: rotate(180deg);}

.index_ti h3 em {
    font-weight: bold;				
					   
}
.notic_box {
    flex: 1; 
    border-radius: 0.2rem;
    background: #fff;
    box-shadow: 0 0 0.3rem rgba(1,43,66,0.1);						  
    overflow: hidden;
}

.index_dynamic {
    display: flex;
    gap: 0.3rem;
}

.notic_box .img {
    position: relative;
}

.notic_box .img .imgj {
    border-radius: 0.2rem;
}
					 
 

.notic_box .img .imgj img {
    width: 100%;
}

.notic_box .img .text {
    position: absolute;			   
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #fff;
					   
}
				   
					 
 

.notic_box .img .text h3 {
    font-size: 0.36rem;
    font-family: douyu;
}

.notic_box .img .text a {
    color: #fff;
    text-decoration: underline;
}

.notic_box .list {}		
 

.notic_box .list ul {
    padding: 0.2rem 0;
}

.notic_box .list ul li {}
				
 

.notic_box .list ul li a {
    display: flex;
    padding: 0.1rem 0.2rem;
    gap: 0.1rem;
    line-height: 0.28rem;
    font-size: 0.18rem;
}

.notic_box .list ul li a span {
    display: inline-block;
    background: #169ade;						 
    border-radius: 50px;
    width: 0.6rem;
    text-align: center;
    color: #fff;
}
		  
										   
						   
 
				  

.notic_box .list ul li a p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.get_in {			  
    flex: 1;
    display: flex;
    flex-flow: column;
    justify-content: space-between;			
					  
}

.get_in .item {
    display: block;
    border-radius: 0.2rem;						  
    overflow: hidden;					  
}

.get_in .item img {
    width: 100%;
					   
}
.index_Video {}

.index_Video ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.15rem;
}

.index_Video ul li {
    position: relative;
    width: 40%;
    padding: 0.15rem;
}

.index_Video ul li img {
    width: 100%;
    height: 3.5rem;
}

.index_Video ul li:nth-child(2),.index_Video ul li:nth-child(3) {
    width: 60%;
}
.index_Video ul li .item {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
}

.index_Video ul li .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, black, transparent);
    height: 1rem;
    color: #fff;
    font-size: 0.22rem;
}

.index_Video ul li .item .text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.2rem;
}							  
.index_twobg {
    background: url(../images/twobg.png) bottom center no-repeat #f2fbff;
    background-size: 100%;
}	

.index_Services {}

.index_Services ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.2rem;
}

.index_Services ul li {
    width: 50%;
    position: relative;
    padding: 0.2rem;
}

.index_Services ul li .ti {
    position: absolute;
    left: 0.02rem;
    top: 0.4rem;
    background: url(../images/tibbg.png) left center no-repeat;
    line-height: 0.75rem;
    padding: 0 0.4rem;
    color: #fff;
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
}

.index_Services ul li .ti h3 {
    font-weight: bold;
}

.index_Services ul li .text {
    background: url(../images/tebg.jpg);
    background-size: cover;
    border-radius: 0.2rem;
    overflow: hidden;
    padding: 1rem 0.2rem 0.5rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
}

.index_Services ul li .text .zi {}

.index_Services ul li .text .zi p {
    line-height: 0.32rem;
    height: 0.64rem;
}
.hdbz_ti {}

.hdbz_ti h3 em {
    color: #fff;
}

.hdbz_ti span {
    opacity: 0.5;
}

.hdbz_ti h3 i {
    background: url(../images/bdot.png) center center no-repeat;
}
.index_part.bubg {
    padding: 0.8rem 0 0;
}
.index_Services .more {
    background: #fff;
    color: #169ade;
    width: 2rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 0.5rem;
    border-radius: 50px;
    font-size: 0.2rem;
    margin: 0.5rem auto 0;
}

.bg_contact {
    background: url(../images/conbg.jpg);
    background-size: cover;
}

.index_contact {
    display: flex;
    justify-content: space-between;
}

.index_contact .left {
    width: 50%;
}

.index_contact .left ul {}

.index_contact .left ul li {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0 0 0.5rem;
}

.index_contact .left ul li .icon {}

.index_contact .left ul li .icon img {}

.index_contact .left ul li .text {
}

.index_contact .left ul li .text h4 {
    font-size: 0.22rem;
}

.index_contact .left ul li .text p {
    font-size: 0.16rem;
    color: #169ade;
}

.index_contact  {
}

.index_contact  .form_box {
    border-radius: 0.2rem;
    background: #fff;
    /* width: 45%; */
    padding: 0.4rem;
    box-shadow: 0 0 0.3rem rgba(1,43,66,0.1);
}

.index_contact  .form_box h3 {
    font-size: 0.22rem;
    margin: 0 0 0.2rem;
}

.index_contact  .form_box .input {
    background: #f5fcff;
    border-radius: 0.1rem;
    overflow: hidden;
    margin: 0 0 0.2rem;
}

.index_contact  .form_box .input input {
    background: #f5fcff;
    width: 100%;
    line-height: 0.5rem;
    padding: 0 0.2rem;
}

.index_contact  .form_box .textarea {}
.index_contact  .form_box .textarea textarea {
    display: block;
    width: 100%;
    background: #f5fcff;
    padding: 0.2rem;
    height: 1rem;
}

.index_contact  .form_box .textarea input {
    font-size: 0;
    width: 1rem;
    height: 0.8rem;
    background: url(../images/send.png) center center no-repeat;
    border: 0;
    border-radius: 0.1rem;
    background-size: cover;
    margin: 0.2rem;
}

.index_contact  .form_box a {
    background: #169ade;
    width: 2rem;
    line-height: 0.5rem;
    display: block;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
}

.index_contact  .form_box .anniu{
    background: #169ade;
    width: 2rem;
    line-height: 0.5rem;
    display: block;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
}


.text {}

.index_contact .left ul li .one {
    display: inline-block;
    margin: 0 0.2rem 0 0;
}

.index_contact .left ul li .one img {
    display: block;
    width: 0.99rem;
}

.index_contact .left ul li .one span {
    display: block;
    text-align: center;
    font-size: 0.14rem;
    color: #666;
}

.footcon {
    background: #169ade;
}

.foot_main {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.foot_main .footnav {
    width: 50%;
}

.foot_main .footnav ul {
    display: flex;
    justify-content: space-between;
}

.foot_main .footnav ul li {}

.foot_main .footnav ul li a {
    font-size: 0.18rem;
    color: #fff;
    display: block;
    line-height: 0.3rem;
    margin: 0 00 .1rem;
}

.foot_main .footnav ul li .two {}

.foot_main .footnav ul li .two a {
    font-size: 0.16rem;
    opacity: 0.8;
    margin: 0;
}

.foot_main .footnav ul li .two a:hover {
    opacity: 1;
}

.foot_main .main {
    width: 50%;
    padding: 0 0 0 1rem;
}

.foot_main .main img {
    height: 0.4rem;
    display: block;
    margin: 0 0 0.2rem;
}

.foot_main .main p {
    color: #fff;
    font-size: 0.14rem;
    opacity: 0.8;
}

.footcon .foot_buttom {
    border-top: 1px solid #47b1e7;
    color: #fff;
    text-align: center;
    padding: 0.2rem;
    font-size: 0.14rem;
    opacity: 0.8;
}




.nei_banner {
    position: relative;
    background: #000;
    height: 5rem;
    overflow: hidden;
}

.nei_banner img {
    width: 100%;
    opacity: 0.5;
}

.nei_banner .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'shuhei';
    font-size: 0.5rem;
}

.nei_banner .text h3 {}

.gudelines_list {}

.gudelines_list ul {}

.gudelines_list ul li {
    background: url(../images/guibg.jpg);
    background-size: cover;
}
.gudelines_list ul li:nth-child(2n) {
    background: url(../images/guibg1.jpg);
    background-size: cover;
}
.gudelines_list ul li .item {
    display: flex;
    padding: 0.5rem 0;
    gap: 0.5rem;
    align-items: center;
    min-height: 5rem;
    justify-content: space-between;
}

.gudelines_list ul li .item .text {
    order: 1;
    flex: 1;
}

.gudelines_list ul li .item .text h3 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.gudelines_list ul li .item .text p {
    color: #666;
    line-height: 0.3rem;
}

.gudelines_list ul li .item .text .two_lec {
    margin: 0.4rem -0.1rem 0;
    display: flex;
    flex-flow: wrap;
    width: 90%;
    gap: 0.2rem;
}

.gudelines_list ul li .item .text .two_lec a {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem;
    border-bottom: 1px solid #ddd;
}

.gudelines_list ul li .item .text .two_lec a span {}

.gudelines_list ul li .item .text .two_lec a i {
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    background: url(../images/hhjt.png) center center no-repeat;
    transform: translateX(0rem);
    transition: all 0.3s;
}

.gudelines_list ul li:nth-child(2n) .item .text {
    order: 2;
}

.gudelines_list ul li:nth-child(2n)  .item .imgj {
    order: 1;
}

.gudelines_list ul li .item .imgj {
    order: 2;
    flex: 1;
    border-radius: 0.2rem;
}

.gudelines_list ul li .item .imgj img {
    width: 100%;
}

.gudelines_list ul li .item .text .two_lec a:hover i {
    background: url(../images/lljt.png)  center center no-repeat;
    transform: translateX(0.1rem);
}
.bg_cai {
    background: linear-gradient(180deg, #c4e8ff 0, #fff 3rem);
}

.gudelines_main {
    padding: 0.5rem 0;
}

.information {
    margin: 0 0 0.5rem;
}

.information h3 {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.information .text {}

.information .text p {
    color: #666;
}

.information .text p em {
    color: #333;
    font-weight: bold;
}

.gudelines_box {}

 .gudelines_ti {
    margin: 0 0 0.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
}
.gudelines_ti .titext {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.gudelines_ti .titext h3 {
    font-size: 0.32rem;
}

.gudelines_ti .titext a {
    background: #169ade;
    line-height: 0.32rem;
    padding: 0 0.3rem;
    border-radius: 50px;
    color: #fff;
}
 .gudelines_ti ul {
    display: flex;
    gap: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.18rem;
}

 .gudelines_ti ul li {}

 .gudelines_ti ul li a {
    display: block;
    border-bottom: 0.02rem solid transparent;
}

 .gudelines_ti ul li.on a,  .gudelines_ti ul li:hover a {
    color: #169ade;
    border-bottom: 0.02rem solid;
}

.gudelines_xiang {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
}

.gudelines_xiang .ti {
    position: relative;
}

.gudelines_xiang .ti h3 {
    font-size: 0.22rem;
    font-weight: bold;
    color: #333;
    font-style: italic;
    font-family: 'shuhei';
    line-height: 0.5rem;
    position: relative;
}

.gudelines_xiang .ti:before {
    content: "";
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: linear-gradient(45deg, #89d2f7, transparent);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.05rem;
}

.gudelines_xiang .one {
    margin: 0.5rem 0 0;
}

.share_boxlist {}

.share_boxlist .index_Video ul li {
    width: 25%;
}

.share_boxlist .index_Video ul li img {
    height: auto;
}

.share_boxlist .index_Video ul li .item .text h3 {
    font-size: 0.18rem;
}

.share_boxlist .videoed {
    width: 0.5rem !important;
    height: 0.5rem !important;
}
.share_box {
    padding: 0.5rem 0;
}

.neisearch {
    position: relative;
    line-height: 0.44rem;
    background: #f5f5f5;
    border-radius: 12rem;
    padding: 0 0.5rem 0 0.2rem;
    font-size: 0.14rem;
}

.neisearch .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/search.png) center center no-repeat;
    background-size: 0.18rem;
    font-size: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.neisearch input[type="text"] {
    background: none;
}

.forum_box {
    display: flex;
    justify-content: space-between;
}

.forum_box .left {
    width: 2.6rem;
    margin: 0 0.5rem 0 0;
    background: #f5f6f9;
    padding: 0.5rem 0;
    position: sticky;
}

.forum_box .left ul {}

.forum_box .left ul li {}

.forum_box .left ul li .ti {
    padding: 0 0.2rem;
    line-height: 0.7rem;
    cursor: pointer;
}

.forum_box .left ul li .ti h3 {
    font-size: 0.18rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forum_box .left ul li .ti h3 span {
    font-size: 0.18rem;
    font-weight: bold;
    flex: 1;
}

.forum_box .left ul li .ti h3  i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/hhjjt.png) center center no-repeat;
    background-size: 0.08rem;
    transition: all 0.3s;
}
.forum_box .left ul li.on .ti h3 i,.forum_box .left ul li:hover .ti h3 i {
    background: url(../images/lljjt.png) center center no-repeat;
    transform: rotate(-90deg);
}
.forum_box .left ul li .two_lev {
    background: #fcfeff;
    display: none;
}
.forum_box .left ul li.on .two_lev {
    display: block;
}
.forum_box .left ul li .two_lev a {
    display: block;
    line-height: 0.6rem;
    padding: 0 0.2rem;
    border-left: 0.04rem solid transparent;
}

.forum_box .left ul li .two_lev a.on,.forum_box .left ul li .two_lev a:hover {
    background: #e7f5fc;
    color: #169ade;
    border-left: 0.04rem solid;
}

.forum_box .left ul li.on,.forum_box .left ul li:hover {
    color: #169ade;
}

.forum_box .right {
    flex: 1;
    padding: 0.5rem 0;
}

.forum_box .right .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0.3rem;
    border-bottom: 1px solid #ddd;
}

.forum_box .right .top .search {
    background: #f5f6f9;
    display: flex;
    align-items: center;
    line-height: 0.5rem;
    border-radius: 50px;
}

.forum_box .right .top .search select {
    border: 0;
    background: none;
    font-size: 0.16rem;
    padding: 0 0 0 0.2rem;
}

.forum_box .right .top .search select option {}

.forum_box .right .top .search input {
    flex: 1;
    background: none;
    padding: 0 0.2rem;
}

.forum_box .right .top .search .btn {
    background: url(../images/search.png) center center no-repeat;
    background-size: 0.18rem;
    font-size: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.forum_box .right .top .want {}

.forum_box .right .top .want a {
    line-height: 0.5rem;
    padding: 0 0.5rem;
    background: #169ade;
    display: block;
    border-radius: 50px;
    color: #fff;
}

.forum_list {}

.forum_list ul {}

.forum_list ul li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}

.forum_list ul li .item {
    position: relative;
}
.forum_list ul li .item .top {
    justify-content: flex-start;
    border: 0;
    padding: 0;
    font-size: 0.16rem;
    color: #666;
    gap: 0.2rem;
    margin: 0 0 0.2rem;
}
.forum_list ul li .item .tx {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    overflow: hidden;
}

.forum_list ul li .item .tx img {
    width: 100%;
    height: 100%;
}

.forum_box .right .top span {}

.forum_list ul li .item .text {}

.forum_list ul li .item .text h3 {
    font-size: 0.22rem;
    margin: 0 0 0.1rem;
}

.forum_list ul li .item .text p {
    line-height: 0.32rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    /* margin: 0 0 0.2rem; */
}

.forum_list ul li .item .text .imgbox {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem;
    margin: 0.2rem -0.1rem 0;
}

.forum_list ul li .item .text .imgbox .imgj {
    width: 33.33%;
    padding: 0.1rem;
    /* margin: 0.2rem 0 0; */
}

.forum_list ul li .item .text .imgbox .imgj img {
    border-radius: 0.2rem;
    width: 100%;
}


.Comments_box {}

.Commentsti {
    text-align: left;
    font-size: 0.18rem;
    border: 0;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 0.2rem;
}

.Commentsti i {
    display: block;
    width: 0.04rem;
    height: 100%;
    background: #169ade;
    height: 0.2rem;
    margin: 0 0.1rem 0 0;
}

.Commentsti h4 {
    font-weight: bold;
    color: #000000;
}

.Commentsti em {
    color: #169ade;
    font-weight: bold;
}

.Comments_pl {
    /* display: flex; */
    padding: 0 0 0.3rem;
    border-bottom: 1px solid #ddd;
}

.Comments_pl .left {
    flex: 1;
    display: flex;
}

.Comments_tx {
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0 0.13rem 0 0;
    overflow: hidden;
}

.Comments_tx img {
    width: 100%;
    height: 100%;
}

.Comments_pl .left .textarea {
    flex: 1;
}

.Comments_pl .left .textarea textarea {
    width: 100%;
    height: 0.88rem;
    background: #f3f7fb;
    border-radius: 0.06rem;
    padding: 0.1rem;
    box-sizing: border-box;
    color: #666;
}

.Comments_pl .right a {
    width: 1rem;
    margin: 0 0 0 0.1rem;
    text-align: center;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #169ade;
    border-radius: 5px;
    font-size: 0.2rem;
}

.Comments_pl .right {color: #fff;display: flex;justify-content: flex-end;align-items: center;margin: 0.2rem 0 0;}

.Comments_list {
    display: flex;
}

.Comments_list .left {
    flex: 1;
    width: 100%;
}

.comment_are {
    padding: 0 0 0.4rem 0;
    border-bottom: 1px solid #ddd;
}

.comment_are .list_main {margin: 0.3rem 0;/* display: flex; */}

.comment_are .list_main .le {
    /* display: flex; */
    flex: 1;
}
.comment_are .list_main .le .plmain {
    margin: 0 0 0.3rem;
}

.comment_are .list_main  .plmain p {
    font-size: 0.16rem;
    color: #666;
    margin: 0 0 0.2rem 0.6rem;
}

.comment_are .list_main .le .plmain .tips {
    font-size: 0.14rem;
    color: #888888;
}

.comment_are .list_main .le .plmain .tips span {}

.comment_are .list_main .le .plmain .tips a {
    color: #333;
    font-weight: bold;
}
.comment_are .list_main .le .plmain .tips a:hover{
    color: #e62d40;
}
.comment_are .list_main .ri {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.1rem;
}

.comment_are .list_main .ri span {
    display: block;
    flex: 1;
}

.comment_are .list_main .ri i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background-repeat: no-repeat;
    background-size: 0.16rem;
    background-position: center center;
    cursor: pointer;
}

.comment_are .list_main .ri i.normal {
    background-image: url(../images/dianz1.png);
}

.comment_are .list_main .ri i.click {
    background-image: url(../images/dianz2.png);
}

.comment_are .comment_reply {
    padding: 0 0 0 0.5rem;
}

.comment_are .comment_reply .reply_main {
    position: relative;
}

.comment_are .comment_reply .reply_main textarea {
    background: #f3f7fb;
    display: block;
    width: 100%;
    border-radius: 0.06rem;
    height: 1rem;
    padding: 0.1rem;
    box-sizing: border-box;
}

.comment_are .comment_reply .reply_main a {
    width: 0.88rem;
    text-align: center;
    height: 0.38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #169ade;
    border-radius: 5px;
    font-size: 0.14rem;
    margin: 0.2rem 0 0;
}

.comment_are .comment_reply .more_comment {
    padding: 0 0 0 0.5rem;
    font-size: 0.16rem;
}

.comment_are .comment_reply .more_comment span {
    padding: 0 0.25rem 0 0;
    background: url(../images/xiajt.png) right center no-repeat;
    background-size: 0.2rem;
}

.Comments_list .fight {
    width: 1.22rem;
    margin: 0 0 0 0.1rem;
}
.forum_mainbox {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    align-items: flex-start;
}

.forum_mainbox .left {
    flex: 1;
}

.forum_mainbox .left .top {
    margin: 0 0 0.4rem;
}

.forum_mainbox .left .top .tops {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.forum_mainbox .left .top .tops .base {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    color: #666;
}

.forum_mainbox .left .top .tops .base .tx {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    overflow: hidden;
}

.forum_mainbox .left .top .tops .base .tx img {
    width: 100%;
    height: 100%;
}

.forum_mainbox .left .top .tops .base span {}

.forum_mainbox .left .top .tops .sharebox {
    display: flex;
    gap: 0.2rem;
}

.forum_mainbox .left .top .tops .sharebox .one {
    text-align: center;
    cursor: pointer;
}

.forum_mainbox .left .top .tops .sharebox .one img {
    width: 0.2rem;
    margin: 0 auto 0.1rem;
}

.forum_mainbox .left .top .tops .sharebox .one img.mr {
    display: block;
}

.forum_mainbox .left .top .tops .sharebox .one img.xz {
    display: none;
}

.forum_mainbox .left .top .tops .sharebox .one span {}

.forum_mainbox .left .top h3 {
    font-size: 0.24rem;
    margin: 0 0 0.2rem;
}

.forum_mainbox .fight {
    background: #f3f7fb;
    width: 3rem;
    margin: 0 0 0 0.5rem;
    position: sticky;
    padding: 0.3rem;
}

.forum_mainbox .left  .main {
    line-height: 0.32rem;
    color: #666;
    margin: 0 0 0.5rem 0;
}
.comment_are .list_main .tto {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:  0 0 0.2rem;
}

.comment_are .list_main .tto .leff {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.comment_are .list_main .le .tto .leff h3 {
    font-size: 0.18rem;
}

.comment_are .list_main  .tto .leff .huiyuan {
    padding: 0 0.2rem;
    line-height: 0.35rem;
    border-radius: 0.1rem;
    text-align: center;
}

.comment_are .list_main .tto .leff .jp {
    background: linear-gradient(0deg, #ffd7b1, #ffe496);
    color: #d38a0e;
}

.comment_are .list_main .le .tto .leff .yp {}

.comment_are .list_main  .tto .rii {
    color: #666;
}

.comment_are .list_main  .caozuo {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.comment_are .list_main .ri img {
    width: 0.2rem;
}

.comment_are .list_main .ri img.xz {
    display: none;
}

.comment_are .list_main .ri img.mr {
    display: block;
}
.forum_mainbox .fight .ti {
    font-size: 0.22rem;
    margin: 0 0 0.2rem;
}

.forum_mainbox .fight .ti h3 {
    background: url(../images/lanh.png) left center no-repeat;
    background-size: 0.1rem;
    padding: 0 0 0 0.23rem;
}

.forum_mainbox .fight ul {}

.forum_mainbox .fight ul li {}

.forum_mainbox .fight ul li .item {
    display: block;
    padding: 0.2rem 0;
    border-top: 1px solid #ddd;
}

.forum_mainbox .fight ul li .item h3 {
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
}

.forum_mainbox .fight ul li .item span {
    color: #666;
}

.forum_Post {
    padding: 0.5rem;
    width: 50%;
}

.forum_Post .input_ti {
    display: flex;
    gap: 0.2rem;
    height: 0.5rem;
    background: #f3f7fb;
    border-radius: 0.1rem;
    margin: 0 0 0.2rem;
}

.forum_Post .input_ti select {
    background: none;
    border: 0;
    padding: 0 0.2rem;
}

.forum_Post .input_ti select option {}

.forum_Post .input_ti input {
    flex: 1;
    background: none;
}

.forum_Post .input_main {}

.forum_Post .input_main textarea {
    background: #f3f7fb;
    width: 100%;
    height: 2rem;
    padding: 0.2rem;
    border-radius: 0.1rem;
}

.forum_Post input.file_input {
    font-size: 0;
    width: 2rem;
    height: 1.2rem;
    background: url(../images/send.png) center center no-repeat;
    border: 0;
    border-radius: 0.1rem;
    background-size: cover;
    margin: 0 0 0.2rem 0;
}

.forum_Post .button {
    gap: 0.3rem;
    display: flex;
    align-items: flex-end;
}

.forum_Post .button a.send {
    display: inline-block;
    background: #169ade;
    width: 1.2rem;
    text-align: center;
    border-radius: 0.1rem;
    color: #fff;
    line-height: 0.45rem;
}

.forum_Post .button a.save {
    color: #666;
}
.about_main {
    display: flex;
}

.about_main .left {
    width: 45%;
    margin: 0.5rem 0;
    border-radius: 0.2rem;
    overflow: hidden;
}

.about_main .left .videolist {}

.about_main .right {
    background: #fff;
    /* width: 50%; */
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    /* transform: translateX(-1rem); */
    margin: 0 0 0 -1rem;
    border-radius: 0.2rem;
    flex: 1;
    line-height: 0.32rem;
    color: #666;
}

.about_main .right p {}

.bg_ab {
    background: url(../images/bg_ab.png);
    background-size: cover;
}

.logon_box {
    background: url(../images/loginbg.jpg);
    background-size: cover;
    height: 100vh;
}

.logon_box .left {
    text-align: center;
}

.logon_box .left .ti {
    text-align: left;
    margin: 0 0 0.5rem 0;
}

.logon_box .left .ti h3 {
    font-size: 0.5rem;
    font-family: shuhei;
}

.logon_box .left .ti span {
    font-size: 0.26rem;
    color: #666;
    display: block;
}

.logon_box .left img {
    width: 90%;
}

.logon_box .right {
    width: 40%;
    background: rgba(255,255,255,0.8);
    border-radius: 0.2rem;
    padding: 0.5rem;
    position: relative;
}

.logon_box .right .form_main {}
.logon_box .right .form_main h3 {
    font-size: 0.36rem;
    text-align: center;
    margin: 0 0 0.3rem;
}
.logon_box .right .form_main .go_other {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    width: 0.56rem;
    height: 0.56rem;
    display: block;
}

.logon_box .right .form_main .go_other a {}

.logon_box .right .form_main .go_other .go_ewm {}

.logon_box .right .form_main .input {
    margin: 0 0 0.2rem;
    position: relative;
}

.logon_box .right .form_main .input input[type="text"] {
    display: block;
    width: 100%;
    line-height: 0.6rem;
    background: #f3f7fb;
    padding: 0 0.2rem;
    border-radius: 0.1rem;
}

.logon_box .right .form_main .go_forget {
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
    margin: 0 0 0.2rem 0;
}

.logon_box .right .form_main .go_forget .go_zhu {}

.logon_box .right .form_main .go_forget a {
    color: #169ade;
}

.logon_box .right .form_main .go_forget .forget {
    /* margin: 0 0 0.2rem 0; */
}

.logon_box .right .form_main button.logon_button {
    line-height: 0.6rem;
    width: 100%;
    background: #169ade;
    color: #fff;
    font-size: 0.2rem;
    border-radius: 0.1rem;
    margin: 0 0 0.2rem;
}

.logon_box .right .form_main button.logon_button span {}
.logon_box .wal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
}

.logon_box .right .form_main .tips {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    font-size: 0.14rem;
    color: #666;
}

.logon_box .right .form_main .tips span.checkbox {}

.logon_box .right .form_main .tips span.checkbox input[type="checkbox"] {}

.logon_box .right .form_main .tips .zi {}

.logon_box .right .form_main .tips .zi a {
    color: #169ade;
}
.logon_box .wechat {
    text-align: center;
}

.logon_box .wechat .box {
    border: 1px solid #ddd;
    border-radius: 0.1rem;
    display: inline-block;
    padding: 0.1rem;
    background: #fff;
    margin: 0 auto 0.2rem;
}

.logon_box .wechat .box img {
    width: 1.3rem;
}

.logon_box .wechat p {
    color: #999;
}
.logon_box .right .form_main .input input.yzminput {
    padding: 0 1rem 0 0.2rem;
}

.logon_box .right .form_main .input span.yzm {
    line-height: 0.2rem;
    position: absolute;
    right: 0;
    top: 0.2rem;
    bottom: 0.2rem;
    color: #169ade;
    font-size: 0.14rem;
    width: 0.9rem;
    border-left: 1px solid #cfd3d7;
    text-align: center;
    cursor: pointer;
}


.bg_f5f5f5 {
    background: #f5f5f5;
    padding: 0.5rem 0;
}

.personal_box {
    display: flex;
}

.personal_box .left {
    width: 2.2rem;
    margin: 0 0.3rem 0 0;
    background: #fff;
    padding: 0.5rem 0;
}

.personal_box .left .who {
    text-align: center;
    color: #666;
    margin: 0 0 0.5rem .0;
}

.personal_box .left .who .tx {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 0.1rem;
}

.personal_box .left .who .tx img {
    width: 100%;
    height: 100%;
}

.personal_box .left .who span {}

.personal_box .left ul {
    line-height: 0.6rem;
}

.personal_box .left ul li {
    border-left: 0.04rem solid transparent;
}

.personal_box .left ul li .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.2rem;
}
.personal_box .left ul li.on a, .personal_box .left ul li:hover a{
    color: #169ade;
}
.personal_box .left ul li .item h3 {}

.personal_box .left ul li .item i {
    display: block;
    width: 0.2rem;
    height: 0.4rem;
    background: url(../images/lljjt.png) center center no-repeat;
    background-size: 0.08rem;
    transform: translateX(0.4rem);
    opacity: 0;
    transition: all 0.3s;
}

.personal_box .left ul li.on .item i,.personal_box .left ul li:hover .item i {
    transform: translateX(0px);
    opacity: 1;
}

.personal_box .left ul li.on,.personal_box .left ul li:hover {
    background: #e7f5fc;
    border-left: 0.04rem solid #169ade;
}

.personal_box .right {
    flex: 1;
    padding: 0.5rem;
    background: #fff;
}

.personal_box .right .one_box {
    margin: 0 0 0.5rem 0;
}

.personal_box .right .one_box .ti {
    display: inline-block;
    text-align: center;
    margin:  0 0 0.3rem 0;
}

.personal_box .right .one_box .ti h3 {
    font-size: 0.24rem;
}

.personal_box .right .one_box .ti i {
    display: inline-block;
    width: 0.3rem;
    height: 0.04rem;
    background: #169ade;
}

.personal_main {}

.base_change {}

.base_change .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.5rem;
}

.base_change .top .left {
    width: auto;
    margin: 0;
    background: none;
    padding: 0;
    display: flex;
    gap: 0.15rem;
    align-items: center;
}

.base_change .top .left .tx {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50px;
    overflow: hidden;
}

.base_change .top .left .tx img {
    width: 100%;
    height: 100%;
}

.base_change .top .left .tx span.change_tx {}

.base_change .top .left .baes {}

.base_change .top .left .baes .name {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin: 0 0 0.1rem;
}

.base_change .top .left .baes .name h3 {font-size: 0.2rem;}

.base_change .top .left .baes .name .level {
    position: relative;
}

.base_change .top .left .baes .name .level span {
    padding: 0 0.2rem;
    line-height: 0.3rem;
    border-radius: 0.1rem;
    text-align: center;
    display: block;
}

.base_change .top .left .baes .name .level span.jp {
    background: linear-gradient(0deg, #ffd7b1, #ffe496);
    color: #d38a0e;
}

.base_change .top .left .baes .name .level a.rules {
    position: absolute;
    right: -0.05rem;
    top: -0.05rem;
    width: 0.16rem;
    height: 0.16rem;
    background: #de8216;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
}

.base_change .top .left .baes .tips {
    color: #666;
}

.base_change .top .left .baes .tips p {}

.base_change .top .right {
    display: none;
}

.base_change .top .right a {}

 .base_inputs {}

 .base_inputs ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

 .base_inputs ul li {
    width: 45%;
    margin: 0 0 0.2rem;
}

 .base_inputs ul li .item {
    display: flex;
    line-height: 0.4rem;
    position: relative;
}

 .base_inputs ul li .item label {
    width: 0.8rem;
    text-align: right;
    display: block;
    color: #666;
}

.base_inputs ul li .item input[type="text"] {
    flex: 1;
    background: #fafbfc;
    border-radius: 0.1rem;
    padding: 0 0.2rem;
}

.base_inputs button {
    margin: 0 0 0 0.8rem;
    background: #169ade;
    width: 1rem;
    line-height: 0.4rem;
    border-radius: 0.1rem;
    color: #fff;
}

.base_inputs ul li .item span.get_yzm {
    position: absolute;
    right: 0;
    top: 0.1rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #169ade;
    border-left: 1px solid #ddd;
    padding: 0 0.1rem;
    background: #fafbfc;
}

.base_inputs ul li .item input.yzmbox {/* padding: 0 1rem 0 0.2rem; */}

.personal_forum {}

.personal_forum .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0.15rem;
    border-bottom: 1px solid #ddd;
}

.personal_forum .top .navsa {}

.personal_forum .top .navsa a {
    display: inline-block;
    padding: 0 0.15rem;
}

.personal_forum .top .navsa a.on {
    color: #169ade;
}

.personal_forum .top .caogao {}

.personal_forum .top .caogao a {
    display: block;
    background: #169ade;
    color: #fff;
    line-height: 0.4rem;
    padding: 0 0.3rem;
    border-radius: 0.1rem;
}

.personal_forum .top .caogao a h3 {
    background: url(../images/cao.png) right center no-repeat;
    padding: 0 0.3rem 0 0;
    background-size: 0.2rem;
}

.forum_list ul li .item .two_button {
    position: absolute;
    right: 0;
    top: 0;
}

.forum_list ul li .item .two_button button {
    line-height: 0.32rem;
    width: 0.88rem;
    border-radius: 0.1rem;
}

.forum_list ul li .item .two_button button.delate {
    background: #cdcdcd;
    color: #fff;
}

.forum_list ul li .item .two_button button.editor {
    background: #169ade;
    color: #fff;
}

.personal_news {}

.personal_news ul {
    margin: -0.3rem 0 0;
}

.personal_news ul li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
}

.personal_news ul li .item {}

.personal_news ul li .item .tii {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.1rem 0;
}

.personal_news ul li .item .tii h3 {
    font-size: 0.22rem;
}

.personal_news ul li .item .tii span {
    color: #999;
}

.personal_news ul li .item p {
    font-size: 0.16rem;
    color: #666;
}





@media (min-width: 1px) and (max-width: 800px) {

.header_nav {
    position: fixed;
    left: 0;
    top: 0.99rem;
    right: 0;
    bottom: 0;
    background: #fafafa;
    transform: translate(100%, 0);
    transition: all 0.3s;
}

.phone_menu {
    display: block;
}

.index_banner {
    margin: 1rem 0 0;
}

.header_logo img.b_logo {
    display: none;
}

.header_logo img.c_logo {
    display: block;
}

.header_logo img {
    height: auto;
    width: 70%;
}

.header_part .wal {
    padding: 0.3rem;
    height: 1rem;
}

.header_nav.show {
    transform: translate(0px, 0px);
}

.header_nav ul {
    display: block;
    padding: 0.3rem 0.3rem;
}

.header_nav ul li .one_level a {
    color: #333;
    line-height: 0.6rem !important;
    font-size: 0.2rem;
    flex: 1;
}

.header_nav ul li .one_level {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_nav ul li .one_level i.irow {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/hjt.png) center center no-repeat;
    background-size: 0.1rem;
    transform: rotate(90deg);
    transition: all 0.3s;
}
.header_nav ul li .two_level {
    position: relative;
    top: 0 !important;
    left: 0;
    right: 0;
    background: none;
    box-shadow: none;
    text-align: left;
}

.header_nav ul li .two_level a {
    text-align: left;
    font-size: 0.2rem;
    line-height: 0.5rem;
    border-bottom: 1px solid #ddd;
}

.header_nav ul li .two_level .wal {
    padding: 0 0.2rem;
}

.header_nav ul li .one_level  i.irow.on {
    transform: rotate(270deg);
}
.header_part {
    background: #fff;
}
body.stop {
    overflow: hidden;
    height: 100vh;
}

.index_banner .banner_item .text h1 {
    font-size: 0.3rem;
}

.wal {
    padding: 0 0.3rem;
}

.index_banner .banner_item .text p {
    font-size: 0.18rem;
}

.banner_buttom {
    display: none;
}
.index_part.bubg {
    padding: 0.8rem 0 0;
}






	

}






.neinews_list {
    margin: 0.4rem 0 0.8rem;
}

.neinews_list ul {}

.neinews_list ul li {
    border-bottom: 1px dashed #ddd;
}

.neinews_list ul li .item {
    display: flex;
    gap: 0.3rem;
    padding: 0.4rem 0;
}

.neinews_list ul li .item .imgj {
    flex: 1;
    border-radius: 0.2rem;
}

.neinews_list ul li .item .imgj img {
    width: 100%;
}

.neinews_list ul li .item .text {
    flex: 2;
}

.neinews_list ul li .item .text h3 {
    font-size: 0.22rem;
    margin: 0 0 0.1rem 0;
}

.neinews_list ul li .item .text span {
    display: block;
    font-size: 0.14rem;
    color: #999;
    margin: 0 0 0.2rem 0;
}

.neinews_list ul li .item .text p {
    line-height: 0.32rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.zicon {
    display: none;
}

.zicon.active {
    display: block;
}