@charset "utf-8";
/* CSS Document */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p {margin:0px;padding:0px;font-family:SourceSansPro-Light; font-weight:normal;color:#54a932;}
body {width: 100%; background:#f8f8f8;}
ul {list-style:none;}
img,a img {border:0px;border:none;}
a {text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a.hidefocus {outline:none}
a:hover {text-decoration:underline;text-decoration:none;}
label {margin-bottom:0;font-weight:normal;}
input,textarea {border:0;outline:none;/*去除蓝色边框*/}
.content {width:1200px;margin:0 auto;}
body {
  cursor: url(../images/b.cur), default;
  /* font-family: "LXGW WenKai Screen", sans-serif; */
}
.header{background-color:#f8f8f8; width: 100%; position:sticky; top:0;  z-index: 99991;}
.headerFlex{height: 75px; background: url(../images/topbg.png) no-repeat top left; display: flex; align-items: center; justify-content: space-between;}
.headerFlex .logo{width: 150px; height: 55px;}
.headerFlex .logo img{ max-width: 100%; max-height: 100%;}
.headerFlex iframe{ width: 650px; height: 60px;}
.web_tianqi:hover{ cursor: url(../images/a.cur),}
.web_tianqi{ display:block;}
.wap_tainqi{ display: none;}
.headerRight{ display: flex; align-items: center;}
.headerRight .time{padding-right:20px; font-size: 30px; line-height: 75px;}
.headerRight .tan{ margin-left: 10px; /* border: 1px solid #d5d5d5; */ border-radius: 4px; padding: 0px 12px; height: 38px; display: flex; align-items: center; color: #333; font-size: 14px; position: relative; cursor: url(../images/a.cur), pointer;}

.head_login_state{ position: relative;margin-left: 10px;padding: 0px 12px; height: 38px;}
.head_login_state .txt-box{ color: #707070; font-size: 14px; height: 38px;}
.head_login_state .txt-box img{ width: 12px; margin-left: 4px;}
.head_login_state .head_login_state_box{ position: absolute; right: 0; width: 120px; background: #fff; top: 38px; z-index: 99991;box-shadow: 0px 0px 12px -5px #666; display: none;}
.head_login_state .head_login_state_box a{ display: block; color: #666; text-align: center; line-height: 36px; font-size: 12px;}
.head_login_state .head_login_state_box a:hover{ color: #3388ff;}
.head_login_state:hover .head_login_state_box{ display: block;}

/*.headerRight .tan:hover{border: 1px solid #3388ff; color: #3388ff;}*/
.headerRight .tan em{ background: red; width: 6px; height: 6px; border-radius: 50%; position: absolute; right: 6px; top: 6px;}
.mask{ position:fixed; width: 100%; height: 100%; background: #000; opacity: .6; z-index: 999991; left: 0; top: 0; display: none; cursor: url(../images/a.cur), pointer;}
.loginpop{ position:fixed; width: 300px; background: #fff; z-index: 999992; left:50%; top:50%; padding: 18px; border-radius: 4px;transform: translate(-50%,-50%); display: none;}
.loginpop .close{ position: absolute; right: 12px; top: 12px;  cursor: url(../images/a.cur), pointer;}
.loginpop .close img{ width:14px;}
.loginList li{ margin-bottom: 18px;}
.loginList li .label{ font-size: 14px; font-weight: bold; color: #333; line-height:1.5; margin-bottom: 6px;}
.loginList li .text{ position: relative; padding: 3px 0px; border: 1px solid #d5d5d5; display: flex; align-items: center;}
.loginList li .text .input{ height: 34px; line-height:34px;padding: 3px 12px; color: #333; font-size: 14px; flex: 1; width: 100%; background: #fff; border:none;}
.loginList li .yanzhengma{ padding: 0px 12px; font-size: 14px; color: #3388ff; height: 34px; line-height: 34px; border: none;}
.loginList li .button{ background: #3388ff; height: 40px; border: none; width: 100%; color: #fff; font-size: 14px; cursor: pointer;}
.loginList li label{ display: flex; align-items: center; font-size: 12px;}
.loginList li label input{ margin-right: 4px;}
.loginList li label a{color: #3388ff; margin-left: 4px;}
.loginList li .zhaohui{color: #3388ff; cursor: url(../images/a.cur), pointer; font-size: 12px;}

.kuaijie{ margin-top: 18px;}
.kuaijie .kuaiTitle{ display: flex; align-items: center; justify-content: center;}
.kuaijie .kuaiTitle em{ width:80px; height: 1px; background: #999;}
.kuaijie .kuaiTitle span{ font-size: 12px; color: #666; margin: 0px 12px;}
.kuaijieList{ display: flex; align-items: center; justify-content: center; margin-top: 18px;}
.kuaijieList li{ margin: 0px 24px; text-align: center; cursor: pointer;}
.kuaijieList li img{ width:34px;}
.kuaijieList li span{ display: block; margin-top: 3px; line-height:1.1; color: #666; font-size: 12px;}
.loginpop .t1{ font-size: 16px; line-height: 40px; text-align: center; color: #333; margin-top: 8px;}
.loginpop .erweima{ margin: 0 auto; margin-top: 18px; display: block;width: 280px;}
.loginpop .erweima iframe{width: 280px;}

.loginpop .erweima img{ width: 280px;}
#weixin,#qqdenglu{ width: 380px;}
.loginpop .tabBox{ display: flex; align-items: center; margin-bottom: 12px;}
.loginpop .tabBox li{ margin-top: 12px; padding:1px 12px;border: 1px solid #3388ff; color:#3388ff; font-size: 14px; line-height: 30px; margin-right: 12px; cursor: pointer;}
.loginpop .tabBox li.active{ background: #3388ff; color:#fff}
.search{ margin-top: 10px;position: relative;  border: solid 1px #d6d6d6; border-radius: 4px; box-shadow: 0px 0px 12px -5px #666; background-color: #f8f8f8; box-sizing: border-box; z-index: 9999; padding:0px 18px; display: flex; align-items: center; justify-content: space-between;}
.search .imgbox{ width: 118px; height: 118px;}
.search .imgbox img{ width: 100%;}
.searchBox{ padding: 8px 0px; max-width: 700px; width: 100%;}
.searchType,.searchType li{ display: flex; align-items: center;}
.searchType li{ padding: 0 11px; font-size: 13px; line-height: 31px; border-radius: 3px 3px 3px 3px; cursor: url(../images/a.cur), pointer;}
.searchType li.active{background-color: #f0f0f0;}
.searchPage{ margin-top: 8px;}
.searchPage form{ display: flex;}
.searchPage form .sx-text{ flex: 1; width: 100%;padding-left: 12px; height: 46px; line-height: 46px; font-size: 15px; border: 1px solid #d5d5d5; border-radius:8px 0px 0px 8px;}
.searchPage form button{background: #3388ff; border: 0; width: 100px; height: 46px; border-radius: 0 8px 8px 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; cursor: url(../images/a.cur), pointer;}
.searchPage form button img{ width: 18px; margin-right: 8px;}


.changyong{ margin-top: 10px;position: relative;  border: solid 1px #d6d6d6; border-radius: 4px; box-shadow: 0px 0px 12px -5px #666; background-color: #f8f8f8; box-sizing: border-box; z-index: 9999;}
.indexTitle{ display: flex; align-items: center; padding: 0px 12px; border-bottom: solid 1px #d6d6d6; justify-content: space-between;}
.indexTitle h3{margin-right: 50px; line-height: 40px; color: #54a932; font-size: 16px; font-weight: bold;}
.indexTitle .toggle-button{ color: #666; font-size: 16px; line-height: 40px;cursor: url(../images/a.cur), pointer;}
.indexTitle .toggle-bianji{ color: #666; font-size: 16px; line-height: 40px;cursor: url(../images/a.cur), pointer; margin-right: 24px;}

.block{ padding: 3px 0px 3px 0px;}
.block-content{ padding: 6px 6px 6px 6px;}
.block-content.active{ display:none;}
.changyongList{ display: flex; flex-wrap: wrap;}
.changyongList li{ padding:12px 6px; width:6.66%; position: relative;}
.changyongList li:hover .item{transform: translateY(-5px); }
.indexList li:hover .item .txtbox{color: #54a932; font-weight: bold;}
.changyongList li .del{ position: absolute; left: 50%; top: 0px; z-index: 9;margin-left: 19px;cursor: url(../images/a.cur), pointer; display: none;}
.changyongList li .del.active{ display: block;}
.changyongList li .del img{ width: 20px;}
.changyongList li .item{ display: block; text-align: center; transform: translateY(0px); transition:0.3s;cursor: url(../images/a.cur), pointer;}
.changyongList li .item .imgbox{overflow: hidden;width: 56px; height: 56px; border-radius: 5px; box-shadow: 0px 12px 16px -8px #aaa; display: flex; align-items: center; justify-content: center; padding: 3px; background:#cecece; margin: 0 auto;}
.changyongList li .item .imgbox img{ width: 100%; height: 100%; background-color: #fff;border-radius: 5px;}
.changyongList li .item .txtbox{font-size: 12px; width:100%; overflow: hidden;white-space: nowrap; color: #6b6b6b; text-align: center; margin-top: 6px;}
.indexList{ display: flex; align-items: center; flex-wrap: wrap;}
.indexList li .item,.block-item .title{display: flex; align-items: center; transform: translateY(0px); transition:0.3s; padding:2px 6px; border-radius: 2px; justify-content: center;cursor: url(../images/a.cur), pointer;}
.indexList li .item{width:100%; }
.indexList li:hover .item,.block-item .title:hover{transform: translateY(-4px);/*box-shadow: 0px 0px 12px -5px #666; background-color: #ffffff;列表文字上边框*/}
.indexList li .item .imgbox img,.block-item .title .imgbox img{width: 32px; height: 32px; margin-right: 4px;}
.block-item{ display: flex; flex-wrap:wrap; padding: 4px 0px;}
.indexList{ flex:1; width:100%;}
.indexList li{ width:10%; white-space: nowrap; /* 禁止换行 */}

.indexList li .item .txtbox,.block-item .title .txtbox,.block-item .more{color: #6b6b6b; display: flex; align-items: center; padding: 2px 6px; cursor: url(../images/a.cur), pointer;}
..block-item .title {  width: 80px; }
.indexSikuai{ display: flex; flex-wrap:wrap; margin: 0px -5px;}
.indexSikuaiItem{ width: 25%; padding: 0px 5px;}

.qitaList{ display: flex; align-items: center; flex-wrap: wrap;}
.qitaList li { width: 25%; padding:0px 4px;}
.qitaList li .item{display: flex; align-items: center; transform: translateY(0px); transition:0.3s; border-radius: 2px; justify-content: center; line-height: 30px; font-size: 14px; color: #6b6b6b;cursor: url(../images/a.cur), pointer;}
.qitaList li:hover .item{transform: translateY(-3px);box-shadow: 0px 0px 12px -5px #666; background-color: #ffffff; color: #3388ff;}

.footer p{font-size: 12px; color: #abb2b9; text-align: center; line-height: 24px;}
.footer p a{color: #abb2b9;cursor: url(../images/a.cur), pointer;}
.roll_top{position: fixed; right: 15px; bottom: 85px;z-index: 99;cursor: url(../images/a.cur), pointer;}
.roll_top img{ width:50px}
canvas{position: fixed;left: 0; top: 0; background: #f8f8f8;}

.headerFlex  .title{color: #3388ff; margin-left: 12px; font-size: 14px; line-height: 24px;}
.moreList{}
.moreList{ display: flex; align-items: center; flex-wrap: wrap; margin: 0px -6px;}
.moreList li { width: 10%; padding:6px;}
.moreList li .item{display: flex; align-items: center; transform: translateY(0px); transition:0.3s; padding:4px 12px; border-radius: 2px; justify-content: center;cursor: url(../images/a.cur), pointer; background-color: #f8f8f8;}
.moreList li .item .txtbox{color: #6b6b6b; line-height:30px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.moreList li:hover .item{transform: translateY(-4px);box-shadow: 0px 0px 12px -5px #666; background-color: #3388ff;}
.moreList li:hover .item .txtbox{ color: #fff;}
.wrap{min-height: calc(100vh - 155px);}
.wodeTag{ margin-top: 18px; background: #fff;box-shadow: 0px 0px 12px -5px #666;border: solid 1px #d6d6d6; border-radius: 4px; position: relative; z-index: 9999; display: flex; flex-wrap: wrap;}
.wodeTag a{ height: 40px; padding: 0px 18px; color: #666; font-size: 14px; display: flex; align-items: center;}
.wodeTag a.active{background-color: #3388ff; color: #fff;}
.wode{margin-top: 18px; background: #fff;box-shadow: 0px 0px 12px -5px #666; border: solid 1px #d6d6d6; border-radius: 4px; position: relative; z-index: 9999; padding: 18px;}
.wodeXinxi .item{ padding: 12px 0px; display: flex; align-items: center;}
.wodeXinxi .item .label{ color: #666; font-size: 16px; width: 80px;}
.wodeXinxi .item .text{ flex: 1; width: 100%;}
.wodeXinxi .item .text .ustx,.wodeXinxi .item .text .ustx img{ width: 55px; height: 55px; border-radius: 50%; overflow: hidden; display: block; background-color: #f8f8f8;}
.wodeXinxi .item .text input{ max-width: 320px; border: solid 1px #d6d6d6; padding: 0px 12px; color: #333; font-size: 14px; line-height: 40px; height: 40px; width: 100%;}

.baocun{ margin-top: 12px; background-color: #3388ff; width: 120px; height: 40px; border: none; color: #fff; font-size: 14px; margin-left: 80px;}
.zhandianTag{ display: flex;  width: 100%; border-bottom:solid 1px #d6d6d6;}
.zhandianTag li a{ font-size: 14px; color: #333; line-height: 40px; position: relative; display: block; padding: 0px 12px;}
.zhandianTag li.active a{color: #3388ff;}
.zhandianTag li.active a::before{ width: 100%; height: 2px; background:#3388ff; position: absolute; bottom:0; left: 0; content: "";}

.zhandianList li{ padding: 12px 0px; border-bottom:solid 1px #d6d6d6; display: flex; align-items: flex-end;}
.zhandianList li .txtbox{ flex:1; width: 100%;}
.zhandianList li .txtbox .title{ font-size: 15px; color: #333; line-height: 24px; font-weight: bold;}
.zhandianList li .txtbox .text{ font-size: 14px; color: #666; line-height: 24px; }
.zhandianList li .tag{ font-size: 14px; line-height: 24px;}
.zhandianList li .daishenhe{ color: #666;}
.zhandianList li .tongfuo{color: #3388ff;}
.zhandianList li .jujue{color: #f00;}
.wap_head{ display: none;}
.yanzheng{ display: block;}
.yanzheng.active{ display: none;}
.verify-wrap .verify-msg,.verify-wrap .drag-progress{ background: #3388ff !important; }
@media screen and (max-width:1199px) {
	.content { width: 991px;}
	.headerFlex iframe{ width: 420px;}
	.searchBox{ padding-left: 20px; padding-right: 20px;}

	.headerRight .time{ padding-right: 0px;}
	.block-item{ position: relative; border-bottom:solid 1px #d6d6d6;}
	.indexList li .item .imgbox img, .block-item .title .imgbox img{ /*! display: none; */}
	.indexList li .item .imgbox img, .block-item .title .imgbox img{ width: 20px; height: 20px}
	.block-item .title .txtbox{ color:#6b6b6b;}
	.indexList li:hover .item, .block-item .title:hover{box-shadow:none; transform: translateY(0px);}
	
	

}
@media screen and (max-width:991px) {
	.content { width:700px;}
	.web_tianqi{ display: none;}
	.wap_tainqi{ display: block;}
	.headerFlex iframe{ width: 135px;}
	.headerRight .time{ font-size: 24px;}
	.header{ display: none;}
	.wap_head{ display: block; background: #fff; position: relative; z-index: 99991;}
	.wap_head .top{ background: url(../images/topbg.png) no-repeat top left; display: flex; align-items: center; justify-content: space-between; padding: 12px 15px;}
	.wap_head .top .logo img{ height: 30px;}
	.wap_head .topflex{ display: flex; align-items: center;}
	.wap_head .topflex .tan{ margin-left:14px;position: relative; cursor: url(../images/a.cur), pointer;}
	.wap_head .topflex .tan img{ width: 24px;}
	.wap_head .topflex .tan em{ background: red; width: 6px; height: 6px; border-radius: 50%; position: absolute; right:0px; top:0px;}
	.head_login_state{ padding: 0px; margin: 0px;}
	.changyongList li{ width: 12.5%;}
	.indexSikuaiItem{ width: 50%;}
}

@media screen and (max-width:700px) {
	.content { width:100%;}
	.search .imgbox{ display: none;}
	.searchBox{ padding: 0px;}
	.search{ padding: 12px;}
	.searchPage form .sx-text{ height: 36px; line-height: 36px; font-size: 14px;}
	.searchPage form button{ height: 36px; font-size: 14px;}
	.indexTitle .toggle-button,.indexTitle .toggle-bianji{ font-size: 14px;}
	
	.indexList li .item{ width: 100%;}
	
	.block-content{ padding: 6px 6px 6px 6px;}
	 .block-item .title{ padding: 0px;}
	 .indexList li .item .txtbox, .block-item .title .txtbox, .more{ font-size: 13px;}
	 .indexList{white-space: nowrap; overflow-x: hidden; overflow-y: hidden;}
	 .indexList li{ width:12.5%; position: relative;}
	 .indexList{ flex-wrap: initial;}
	 .indexList li::before{ width: 1px; height: 12px; position: absolute; left: 0; top: 50%; background: #d6d6d6; transform: translateY(-50%); content: "";}
	 .indexList li .item{ padding: 0px 10px;}
	 .block-item .more{ font-size: 12px;}
	 .indexList li{ display: none;}
	 .indexList li{ width:12.5%; position: relative;}
	 .indexList li:nth-child(1),.indexList li:nth-child(2),.indexList li:nth-child(3),.indexList li:nth-child(4),.indexList li:nth-child(5),.indexList li:nth-child(6),.indexList li:nth-child(7),.indexList li:nth-child(8){ display: block;}
	 .block-item .more i{ display: none;}
	
}

@media screen and (max-width:640px) {
	.searchPage form button{ width: 80px;}
	.indexTitle h3{ font-size: 14px; margin-right: 20px;}
	.changyongList li{ width: 16.66%; padding: 6px;}
	.changyongList li .item .imgbox{overflow: hidden;width: 48px; height: 48px; border-radius: 5px; box-shadow: 0px 12px 16px -8px #aaa; display: flex; align-items: center; justify-content: center; padding: 3px; background:#cecece; margin: 0 auto;}
	.indexSikuaiItem{ width: 100%;}
	.loginpop{ width: 300px;}
	.loginList li label{ font-size: 12px;}
	.loginList li{ margin-bottom: 12px; width: 100%;}
	.moreList li{ width: 20%;}
	.moreList li .item{ padding: 4px 6px;}
	.moreList li .item .txtbox{ font-size: 13px;}
	.moreList li{ padding: 3px;}
	.wodeTag a{ padding: 0px; width: 25%; text-align: center; justify-content: center; font-size: 13px;}
	.wodeXinxi .item{ padding: 6px 0px;}
	.wodeXinxi .item .label{ font-size: 13px; width: 60px;}
	.wodeXinxi .item .text .ustx, .wodeXinxi .item .text .ustx img{ width: 40px; height: 40px;}
	.wodeXinxi .item .text .txtbox{ font-size: 13px;}
	.baocun{ margin-left: 60px;}
	.zhandianTag li { width: 25%;}
	.zhandianTag li a{ padding: 0px; text-align: center;}
	
}

@media screen and (max-width:600px) {
	.indexList li{ width:25%; position: relative;}	
	.indexList li:nth-child(5), .indexList li:nth-child(6),.indexList li:nth-child(7), .indexList li:nth-child(8){ display: none;}
	.indexList li:nth-child(1),.indexList li:nth-child(2),.indexList li:nth-child(3),.indexList li:nth-child(4){ display: block;}
	}
	
.upload {
			text-align: center;
			background: #f2f2f2;
			position: relative;
		}

		.upload:hover {
			background: #21292f;
			color: #ffffff;
		}

		.upload input {
			opacity: 0;
			position: absolute;
			top: -1px;
			left: -1px;
			width: 100%;
			height: 100%;
		}

		.indexTitle .isactive {
			color: #54a932;
		}
		.indexTitle h3 span {
			cursor: pointer;
			color: #666;
			font-weight: normal;
		}
	
.text-container {
  overflow: hidden;
  margin-top: 20px;
  padding: 20px;
  line-height: 2.0;
  position: relative; z-index: 99;
  box-sizing: border-box;
  border: solid 1px #d6d6d6;
  border-radius: 10px;
  box-shadow: 11px 12px 13px -18px #000;
  background-color: #f8f9f9;
}
.float-box {
  float: left;
  height: 100px; /* 初始高度，可以根据需要设置 */
  shape-outside: inset(0 0 0 0 round 0 0 0 0);
}
p {
  margin: 0;
  /* 其他样式 */
}
.footer { background:#fff; padding: 12px 0px; margin-top: 12px; position: relative; z-index: 999; line-height: normal; }
  @media screen and (max-width: 768px) {
    .footer { background:#fff; padding: 12px 0px; margin-top: 12px; position: relative; z-index: 999; line-height: normal; }
  }
    
	/* 图标样式 */
.fixed-icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
    vertical-align: middle;
}
.headerRight {
    display: flex;
    gap: 15px;
    align-items: center;
}
.tan {
    padding: 8px;
    display: inline-flex;
}
.msgIcon {
    /* 消息提示样式 */
}