﻿/* xds 2022.03.01 河南新增应用详情页 s */
.bgf5fbff {
    background: #f5fbff;
}
.bgfff {
    background: #fff;
}
.fbold {
    font-weight: bold;
}
.fw400 {
    font-weight: 400;
}
.mgr40 {
   margin-right: 40px;
}
.mgt40 {
    margin-top: 40px;
}
.cB2B2B2 {
    color: #B2B2B2;
}
.xds_m_breadcrumb .item {
    display: inline-block;
    font-size: 18px;
    padding: 20px 40px 20px 0;
    color: #B2B2B2;
	background: url(../images/henan_app_channel/icon_right.png) no-repeat right 5px center;
}
.xds_m_breadcrumb .item:last-child {
    background: none;
}
.xds_container .class_infos_wrap .app_pic {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
}
.xds_container .class_infos_wrap .app_pic img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.xds_container .class_infos_wrap  {
    padding: 40px 20px;
    box-sizing: border-box;
}

.xds_container .class_infos_wrap {
    background: #fff;
    height: 180px;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
}
.xds_container .class_infos_wrap .infos .item {
    font-size: 16px;
    color: #222;
}
.xds_container .class_infos_wrap .enter_app_btn {
    width: 96px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: rgba(49, 158, 244, 0.1);
    border: 1px solid #319EF4;
    color: #319EF4;
    font-size: 14px;
    border-radius: 4px;
}
.xds_container .class_infos_wrap .enter_app_btn:hover {
    background: rgba(49, 158, 244, 0.2);
}
.xds_m_tit  {
    font-size: 24px;
    color: #222;
    font-weight: 600;
    padding-bottom: 20px;
}
.xds_app_comment {
    border-radius: 10px;
}
.xds_app_comment .xds_textarea_box {
    border: 1px solid #C4C4C4;
    border-radius: 10px;
    box-sizing: border-box;
}
.xds_app_comment .comment_wrap {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #C4C4C4;
}
.xds_app_comment .comment_count {
    font-size: 18px;
    color: #222;
    margin-top: 40px;
    font-weight: normal;
}
.xds_app_comment .comment_list {
    margin-top: 10px;
    font-size: 18px;
}
.xds_app_comment .comment_list .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 20px;
}
.xds_app_comment .comment_list .name {
    color: #319EF4;
    margin-right: 10px;
}
.xds_app_comment .comment_list .report_btn {
    color: #319EF4;
    margin-right: 20px;
}
.xds_app_comment .comment_list .item {
    padding: 20px 0;
    border-bottom: 1px solid #C4C4C4;
}
.xds_app_introduce .infos_wrap {
    padding: 40px;
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
}
.xds_app_introduce .infos_wrap .des {
    font-size: 18px;
    line-height: 25px;
    color: #222;
}
.five_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.xds_app_introduce .infos_wrap .pull-down_btn {
    display: block;
    margin: 12px auto;
    width: 20px;
    height: 20px;
    background: url(../images/henan_app_channel/icon_pull_down.png) no-repeat;
    background-size: 100%;
}
.xds_app_introduce .infos_wrap .pull-down_btn.icon_pick_up {
    background-image: url(../images/henan_app_channel/icon_pick_up.png);
}
.xds_app_introduce .infos_wrap .video_box {
    position: relative;
    width: 700px;
    height: 520px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}
.xds_app_introduce  .video_box .slide_box {
    position: absolute;
    width: 350px;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
}
.xds_app_introduce .slide_box .slide_btn  {
    width: 32px;
    height: 32px;
}
.xds_app_introduce .slide_btn.icon_left_slide {
    float: left;
    background:url(../images/henan_app_channel/icon_left_slide.png) no-repeat;
}
.xds_app_introduce .slide_btn.icon_right_slide {
    float: right;
    background:url(../images/henan_app_channel/icon_right_slide.png) no-repeat;
}
/* 输入框模块样式 */
.z_word_right .xybluebtn, .word_right .xybluebtn{font-size: 12px; font-weight: normal;}
.stu_textarea{width: 728px; height: 100px;}
.word_right{text-align: right; color: #888;}
.word_right span{font-size: 24px; padding-bottom: 10px; font-family: Tahoma; vertical-align: middle; margin: 0px 7px; font-family: Constantia; font-style: italic; font-weight: bold;}
/* banner */
/* .xds_banner_wrap {
    position: relative;
    height: 380px;
}
.xds_banner_wrap .banner_bg{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/Henan/ban.png) no-repeat top center;
}
.xds_banner_wrap .infos_box   {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.xds_banner_wrap .r_search {
    position: absolute;
    right: 0;
    top: 3%;
    height: 36px;
    width: 302px;
    background: #fff;
    float: left;
    margin: 10px 0px 0px 0;
    overflow: hidden;
    border-radius: 23px;
    font-size: 14px;
    overflow: hidden;
    border: 3px solid #319EF4;
}
.xds_banner_wrap .r_search .topSch-inp {
    border: 0;
    width: 234px;
    float: left;
    line-height: 36px;
    background: none;
    padding-left: 10px;
    color: #555;
}
.xds_banner_wrap .r_search .topSch-btn {
    display: inline;
    border: 0;
    float: right;
    width: 56px;
    height: 36px;
    background: url(../images/Henan/search_btn.png) no-repeat center center;
    cursor: pointer;
    background-color: #319EF4;
}
.xds_banner_wrap .sq_Box {
    width: 304px;
    height: 279px;
    position: absolute;
    right: 0;
    left: unset;
    top: 20%;
    background: #fff;
    border-radius: 12px;
    padding: 32px 35px 24px 35px;
    box-sizing: border-box;
}
.sq_Box img {
	width: 57px;
	height: 60px;
}
.sq_Box div {
	display: flex;
	margin-bottom: 20px;
}
.sq_Box div:nth-child(2) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 26px;
}
.sq_Box div p {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-left: 18px;
}
.sq_btn {
	background: #319EF4;
	font-size: 14px;
	line-height: 37px;
	color: #FFFFFF;
	border-radius: 4px;
	height: 36px;
	width: 100%;
	text-align: center;
	justify-content: center;
	cursor: pointer;
}
.sq_btn:hover {
	background: #188ce9;
}
.sq_Box div p span:nth-child(1) {
	font-size: 16px;
	color: #555555;
	line-height: 19px;
}
.sq_Box div p span:nth-child(2) {
	font-size: 24px;
	line-height: 28px;
	color: #000000;
}
.sq_sqjr {
    position: absolute;
    bottom: -36px;
    left: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 1;
} */
/* banner */

/* 2022.03.03 新增图标 */
.xds_container .infos_item_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.xds_container .infos_item_icon.icon_cate {
    background: url(../images/henan_app_channel/icon_app_cate.png) no-repeat;
}
.xds_container .infos_item_icon.icon_user {
    background: url(../images/henan_app_channel/icon_user.png) no-repeat;
}
.xds_container .infos_item_icon.icon_port {
    background: url(../images/henan_app_channel/icon_port.png) no-repeat;
}
/* xds 2022.03.01 河南新增应用详情页 e */
/* 2022.03.04 */
/* 新增切换页  */
.xds_tabBar_cont .app-list li {
    padding: 30px 0;
}
.xds_app_tabBar {
    margin-top: 25px;
}
.xds_app_tabBar .item {
    display: inline-block;
    font-size: 18px;
    color: #C4C4C4;
    padding: 15px 0 15px 35px;
    margin-right: 60px;
    border-bottom: 2px solid transparent;
}
.xds_app_tabBar .item.on,.xds_app_tabBar .item:hover{
    color: #50B0FF;
    border-bottom: 2px solid #50B0FF;
    background-size: 24px;
}
.xds_app_tabBar .use_count {
    background: url(../images/henan_app_channel/icon_user_count.png) no-repeat left center;
    background-size: 24px;
}
.xds_app_tabBar .score{
    background: url(../images/henan_app_channel/icon_score.png) no-repeat left center;
    background-size: 24px;
}
.xds_app_tabBar .newset {
    background: url(../images/henan_app_channel/icon_newset.png) no-repeat left center;
    background-size: 24px;
}
.xds_app_tabBar .use_count.on,.xds_app_tabBar .use_count:hover{
    background-image: url(../images/henan_app_channel/icon_user_countOn.png);
}
.xds_app_tabBar .score.on,.xds_app_tabBar .score:hover {
    background-image: url(../images/henan_app_channel/icon_scoreOn.png);
}
.xds_app_tabBar .newset.on, .xds_app_tabBar .newset:hover {
    background-image: url(../images/henan_app_channel/icon_newsetOn.png);
}
/* 新增切换页  */
/* 搜索结果页 */
.xds_appInfos_list  .grade_outer2 {
    display: inline-block;
    margin-right: 17px;
}
.xds_appInfos_list li.item > a {
    display: flex;
    padding: 24px 15p 24px 20px;
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    margin-top: 20px;
}
.xds_appInfos_list .infos_box {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}
/* .xds_appInfos_list .app_pic {
    width: 72px;
    height: 72px;
    border-radius: 4px;
    overflow: hidden
}
.xds_appInfos_list .app_pic img{
    width: 100%;
    height: 100%;
} */
.xds_appInfos_list .item .tit {
    font-size: 24px;
    color: #E51717 ;
}
.xds_appInfos_list .item .des {
    margin-top: 20px;
    font-size: 16px;
    color: #222;
}
.xds_appInfos_list .introduce {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 5px;
}
.xds_appInfos_list .item:hover .des {
    color: #248dde;
}

/* 2022.03.04 */

/* 2022.03.11 新增应用接入规范页 */
.pdb40 {
    padding-bottom: 40px;
}
.c8B8B8B {
    color: #8B8B8B;
}
.one_ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.xds_appLink_container .jr_box {
    min-height: 146px;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
}
.xds_appLink_container .m_tit {
    font-size: 24px;
    color: #222;
}
.xds_appLink_container .jr_box .des {
    margin-top: 20px;
    font-size: 20px;
}
.xds_appLink_container .jr_step_wrap {
    border: 1px solid #B2B2B2;
    padding: 24px 40px;
    background: #fff;
    border-radius: 10px;
}
.xds_appLink_container .jr_step_wrap .m_des {
    font-size: 14px;
    margin-top: 20px;
    color: #000;
}
.xds_appLink_container .accessory_box .item {
    display: block;
    height: 56px;
    line-height: 56px;
    border: 1px solid #D9D9D9;
    font-size: 14px;
    color: #4991E1;
    border-radius: 4px;
    min-width: 345px;
    background: #F9F9F9;
}
.xds_appLink_container .icon_word {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/henan_app_channel/icon_word.png) no-repeat;
    vertical-align: middle;
}
.xds_appLink_container .accessory_list .item {
    text-align: center;
    width: 345px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 20px;
}
.xds_appLink_container .accessory_list li:nth-child(-n+4) .item {
    margin-top: 10px;
}
.xds_appLink_container .accessory_list li:nth-child(n+4) .item {
    margin-top: 20px;
}
.xds_appLink_container .accessory_list {
    margin-right: -20px;
}
.xds_appLink_container .jr_progress .tit {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.xds_appLink_container .step_box {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 40px;
    margin-left: 35px;
}
.xds_appLink_container .step_box .item {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.xds_appLink_container .step_box .step_line{
    display: flex;
    width: 100%;
    align-items: center;
  
}
.xds_appLink_container .step_box .circle {
    width: 20px;
    height: 20px;
    background: url(../images/henan_app_channel/icon_circle.png) no-repeat;
} 
.xds_appLink_container .step_box .line {
    width: 140px;
    height: 2px;
    background:#4991E1 ;
}
.xds_appLink_container .step_box .step_text {
    font-size: 14px;
    margin-top: 20px;
    color: #4991E1;
    /* width: 70px; */
    width: 100px;
    text-align: center;
    transform: translateX(-40px);
}
.xds_appLink_container .step_item {
    position: relative;
    padding-left: 36px;
}
.xds_appLink_container .step_item::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: ' ';
    width: 20px;
    height: 20px;
    background: url(../images/henan_app_channel/icon_circle.png) no-repeat;
    vertical-align: middle;
}
.xds_appLink_container .step_item::after {
    position: absolute;
    left: 10px;
    top: 22px;
    content: ' ';
    height: 100%;
    border-left: 1px dashed #A5C4E5;
}

/* 2022.03.13 调 */
.xds_app_introduce .swiper .slide_box {
    z-index: 1;
}
.xds_app_introduce  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
/* 新增无搜索结果页 */
.xds_search_nocont {
    text-align: center;
    padding-top: 100px;
    min-height: 300px;
    background: #fff;
}
.xds_search_nocont .des{
    font-size: 16px;
    color: #C1C1C1;
    margin-top: 20px;
}
/* 新增按钮遮罩 */
.xds_app_introduce .video_box .slide_box {
    position:absolute;
    left:0;
    bottom: 0px;
    height: 80px;
    width:100%;
    background: linear-gradient(180deg, rgba(107, 107, 107, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    transform: none;
}
.xds_app_introduce .slide_btn.icon_left_slide {
    left: 170px;
    margin-top: -15px;
}
.xds_app_introduce .slide_btn.icon_right_slide {
    right: 170px;
    margin-top: -15px;
}