/* 头部tab栏切换样式 */
.iteration_Tab {
	display: flex;
	height: 65px;
	text-align: center;
	background: #fff;
}

.iteration_Tab li {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	margin-left: 50px;
	align-self: center;
	cursor: pointer;
	position: relative;
	color: #333;
}

.iteration_Tab li:hover,
.iteration_Tab_Active {
	color: #ff4342 !important;
}

.iteration_Tab li:hover:after,
.iteration_Tab_Active:after {
	content: '';
	position: absolute;
	left: 25%;
	top: auto;
	bottom: -5px;
	right: auto;
	height: 2px;
	width: 50%;
	background-color: #ff4342;
}

/* 新增版本记录栏目样式 */
.edition_Record_Box {
	margin: 20px 0;
	padding:10px 30px;
	background: #fff;
}
.edition_Record_Box a:hover{
    text-align:inherit;
    text-decoration:none
}

.edition_Record_Icon {
	display: flex;
}

.edition_Record_Icon li {
	width: 17%;
	text-align: center;
}

.edition_Record_Icon i {
	font-size: 40px;
	color: #ff4342;
}

.edition_Record_Icon_Name {
	font-size: 12px;
	line-height: 12px;
	color: #666;
	padding: 5px 0;
}

.edition_Record_color {
	color: #ff4342;
}

.edition_Record_Introduce {
	font-size: 14px;	
	color: #666;
	line-height: 220%;
	text-align: center;
	background: #FAFAFA;
	margin: 35px 0;
    padding:20px;
    box-sizing:border-box;
}

.edition_Record {
	display: flex;
	height: 100%;
	justify-content: center;
}

.edition_Record>ul {
	display: flex;
	width: 748px;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
}

.record_Details {
	border-top: 4px solid #E5E5E5;
	position: relative;
	width: 20.01%;
	height: 45%;
}

.record_Details:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -8px;
	bottom: auto;
	right: auto;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #A6A6A6;
}

.record_Details_content {
	margin: 20px 20px 30px;
}

.record_Details_content i {
	color: #E5E5E5;
	margin-right: 3px;
	font-size: 16px;
	font-weight: bold;
}

.record_Details_content ul {
	margin-top: 10px;
}

.content_Back {
	padding: 5px 20px;
	background: #FAFAFA;
}

.arc_Right {
	width: 80px;
	border: 4px solid #E5E5E5;
	border-radius: 0 100% 100% 0/50%;
	border-left: none;
	position: absolute;
	top: -4px;
	right: -83px;
	height: 143px;
}

.arc_Left {
	width: 80px;
	border: 4px solid #E5E5E5;
	border-radius: 100% 0 0 100%/50%;
	border-right: none;
	position: absolute;
	top: -4px;
	left: -83px;
	height: 100%;
}

.edition_Record_Triangle {
	display: inline-block;
	width: 0;
	position: absolute;
	left: -16px;
	top: -12px;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 16px solid #E5E5E5;
	border-bottom: 10px solid transparent;
}
/*20240106版本统计改版新增css*/
     .u-flex {
            display: flex;
            align-items: center;
        }

        .version-list-title {
            color: #000;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 18px;
        }

        .all-amount {
            width: 164px;
            height: 274px;
            border-radius: 3px;
            background: linear-gradient(180deg, #EAF3EE 0%, #C7E7C9 100%);
        }

        .version-color1 {
            color: #338A39;
        }

        .version-color2 {
            color: #DB911D;
        }

        .version-color3 {
            color: #FB3D4E;
        }

        .version-color4 {
            color: #2717A4;
        }

        .u-font-48 {
            font-size: 48px !important;
        }

        .u-font-25 {
            font-size: 25px !important;
        }

        .u-font-32 {
            font-size: 32px !important;
        }

        .version-num {
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
        }

        .version-num span {
            font-size: 20px;
        }

        .version-text {
            color: #000;
            font-size: 12px;
            line-height: 12px !important;
        }

        .u-text-center {
            text-align: center;
        }

        .all-amount-icon {
            margin-top: 72px;
        }

        .u-m-t-18 {
            margin-top: 18px;
        }

        .version-right-top1 {
            width: 273px;
            height: 132px;
            margin-right:12px;
            border-radius: 3px;
            background: linear-gradient(180deg, #FEF0DD 0%, #FFF9EE 100%);
        }
        .version-right-top1 .iconfont{
            display:inline-block;
            height:29px
        }

        .u-m-t-26 {
            margin-top: 26px;
        }

        .u-m-t-8 {
            margin-top: 8px;
        }

        .version-right-top1 ul li {
            width: 50%;
        }

        .version-right-top2 {
            width: 445px;
            height: 132px;
            border-radius: 3px;
            background: linear-gradient(180deg, #FBEAEA 0%, #FFF7F8 100%);
        }

        .u-m-r-12 {
            margin-right: 12px;
        }

        .u-m-b-12 {
            margin-bottom: 12px;
        }

        .version-right-top2 ul li {
            width: 33.33%;
        }

        .u-m-t-24 {
            margin-top: 24px;
        }

        .version-right-bottom {
            width: 730px;
            height: 131px;
            border-radius: 3px;
            background: linear-gradient(180deg, #F5F3FD 0%, #FFF 100%);
        }

        .version-right-bottom ul li {
            width: 20%;
        }

        .version-list ul li p {
            width: 100%;
        }

        .u-m-t-20 {
            margin-top: 20px;
        }
        .u-font-60{
            font-size:48px
        }
          .u-font-24{
            font-size:24px
        }
          .u-font-29{
              font-size:29px
          }



        @charset "utf-8";
   .t_jjxx button{
	display: inline-block;
	padding:0 8px;
	height:20px;
	line-height:20px;
	background-color: #157ef4;
	border: 0px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	outline: none;
	position: relative;
	}
	.t_jjxx button::before{
	content:'';
	position: absolute;
	left:43px;
	top:0px;
	display: inline-block;
	width:18px;height:25px;
	background: url('../img/arrow.jpg');
	background-size: cover;
	opacity: 0;
	z-index: 50;
	}
	.t_jjxx button.show::before{
	opacity: 1;    transition: all 1s;
	}
	.version-poup{
	position: absolute;
	top: 0px;
	left: 50%;
	width:400px;
	height:400px;
	overflow-y: auto;
	background:#f6f9ff;
	border-radius: 5px;
	z-index: 10;
	box-shadow:250,250,250 ;   
	opacity: 0;
	transition: all 1s;
	box-shadow: 
	0 0 2px rgba(165, 165, 165, 0.1), /* 上方投影 */
	0 0 2px rgba(165, 165, 165, 0.1) inset, /* 下方投影 */
	2px 0 2px rgba(165, 165, 165, 0.1), /* 左侧投影 */
	-2px 0 2px rgba(165, 165, 165, 0.1); /* 右侧投影 */
	}
	.version-poup::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  /* 滚动条的滑块 */
  .version-poup::-webkit-scrollbar-thumb {
    background-color: #8090a3;
    border-radius: 3px;
  }
	.version-poup-line{
	width:100%;
	box-sizing: border-box;
	position: relative;
	}
	.version-poup-line::before{
	content: '';
	display: inline-block;
	position: absolute;
	top:50px;
	left:20px;
	width:1px;
	height:calc(100% - 68px);
	background:#b9c8dd;
	}
	.version-detail-title{
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-weight:bold;
	padding:10px 10px 4px 20px;
	display:inline-flex;
	justify-content: space-between;
	align-content: space-between;                                      background:linear-gradient(180deg, #ccddf7, #f6f9ff );

	}
	.version-detail-title .icon-guanbi{
	cursor: pointer;
	}
	.version-detail-item{

	position: relative;

	padding:0px 20px 13px 30px;
	}
	.version-detail-item::before{
	content: "";
	position: absolute;
	display: inline-block;
	width:8px;
	height:8px;
	border-radius: 8px;
	background:#b9c8dd;
	left:16px;
	top:9px
	}
	.version-detail-item p{
	color:#010000; line-height: 1.5;
	}
	.version-detail-article{
	line-height: 2;
	color:#616469
	}
	.u-version-theme-color{
	color:#167ff5
	}
	.u-font-bold{
	font-weight:bold
	}
.u-font-14{
	font-size: 14px!important;
}