*{box-sizing: border-box;}
.soft_catalog{width: 214px;}

.soft_catalog li a{display: inline-block;color: #4E4E4E;width: 100%;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.soft_catalog li{line-height: 41px;cursor: pointer;}
/**.soft_catalog li的第一个li和最后一个li**/
.soft_catalog li:first-child,.soft_catalog li:last-child{
    padding: 8px 0;
}
.soft_catalog .catalogItem i{margin-right:11px;float:left;width: 24px;height: 24px;margin-top: 8px;background-repeat: no-repeat;background-position: left center;background-size: cover;}
.soft_catalog [data-cataloglv="2"] a{color: #777;}
.soft_catalog .catalog-wrapper-ul li:first-child {
    line-height: 41px;
    border-bottom: 1px solid #D8D8D8;
}
.soft_catalog .catalog-wrapper-ul li:first-child .software-catalog-item a,
.soft_catalog .catalog-wrapper-ul li:last-child .software-catalog-item a
{
    font-size: 15px;
    color: #4E4E4E;
}
.soft_catalog .catalog-wrapper-ul li:first-child .software-catalog-item i,
.soft_catalog .catalog-wrapper-ul li:last-child .software-catalog-item i {
    background-position: center;
    background-size: auto;
    margin-top: 8px;
}
.soft_catalog .catalog-wrapper-ul li:last-child {
    line-height: 41px;
    border-top: 1px solid #D8D8D8;
    margin-top: 8px;
}
/* .soft_catalog li:hover i{background-position: -19px 0;} */
.soft_catalog [data-cataloglv="1"] .software-catalog-item:hover a {color: #0069D9 !important;font-weight: bold;}
/* .soft_catalog [data-cataloglv="1"]:hover a{color: #fff;} */
.soft_catalog [data-cataloglv="1"].on .software-catalog-item{background: rgba(0, 132, 255, 0.1);;color: #0084FF;font-weight: bold;}
.soft_catalog [data-cataloglv="1"].on .software-catalog-item a{color: #0084FF !important;font-weight: 700;}

.soft_catalog [data-cataloglv="2"]:hover{background: #dae8f9;}
.soft_catalog [data-cataloglv="2"].on a{color: #188ef0;font-weight: 700;}

.soft_con{margin-left: 12px;width: 968px;}

.soft_banner .banner_item{width: 968px;height: 312px;overflow: hidden;}
.soft_con .soft_banner .banner_item img{width: 968px;height: 312px;}

.soft_banner .carousel-control{width: 5%;display: flex;align-items: center;justify-content: center;background: transparent}
.soft_banner .left{border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.soft_banner .right{border-bottom-right-radius: 3px;border-top-right-radius: 3px;}

.download_time {
    margin-bottom: 4px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    position: relative;
    margin-left: 40px;
}
.download-list-box {
    width: 884px;
    height: 110px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding: 12px;
    position: relative;
    margin-left: 40px;
    overflow: hidden;
}
.download-list-box .soft_desc h4{
    margin-bottom: 10px!important;
    width: 687px!important;
}
.download-list-box .soft_desc p {
    width: 650px!important;
}
.download-list-box .soft-detail-info {
    width: 750px !important;
    padding: 10px 0;
}
.soft_downloaded_con li{
    border-bottom: none!important;
    padding-top: 20px!important;
    padding-bottom: 0!important;
}
.download-list-box .soft-detail-span {
    display: inline-block;
    width: 180px;
    margin-right: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.soft_banner .carousel-indicators li{width: 40px;height: 4px;border-radius: 2px;background: #3192f9;margin-left: 10px;border: none;}
.soft_banner .carousel-indicators .active{background: #f59942;margin: 1px;margin-left: 10px;}


.soft_index_list h2{color: #222;font-weight: 700;font-size: 18px;margin-top: 19px;margin-bottom: 18px;}
.soft_index_list ul{width: 968px;}
.soft_index_list ul:after{content: '';display: table;clear: both;}
.soft_index_list .soft_item{float: left;background: #fff;border-radius: 3px;border: 1px solid #e5e5e5;padding: 27px 20px;width: 314px;height: 130px;margin-bottom: 20px;margin-right: 12px;}

.soft_img{margin-right: 16px;margin-bottom: 16px}
.soft_img img{width: 70px;height: 70px;}

.soft_index_list .mr0{margin-right: 0;}
.soft_desc h4{color: #222;font-size: 16px;margin-bottom: 14px;}
a:hover .soft_desc h4{color: #0084ff;}
.soft_desc p{color: #777;line-height: 20px;font-size: 12px;}

.soft_type_list{background: #fff;padding: 20px;position: relative;border:1px solid #e2e8ec;min-height: 750px;border-radius: 3px;}
.soft_type_list h2{float:left;color: #222;font-weight: 700;font-size: 20px;margin-bottom: 18px;}
.soft_type_list .total_num{margin-top: 5px;margin-left: 10px;}


.soft_type_con:after{content: '';display: table;clear: both;}
.soft_type_con .soft_img{margin-right: 22px;width: 70px;height: 70px;}
.soft_type_con .soft_area_name{width: 80px;line-height: 70px;}
.soft_type_con .version{width: 110px;line-height: 70px;}
.soft_type_con .soft_time{width: 110px;line-height: 70px;}
.soft_type_con .soft_desc p{width: 320px;}
.soft_type_con .soft_desc h4{width: 320px;}
.soft_type_con .soft_info_list{
    line-height: 25px;
    margin-top: 12px;
    margin-left: 20px;
    width: 210px;
}
.soft_info_list-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.soft_info_list-text {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.soft_type_con{border-top: 1px solid #e5e5e5;}
.soft_type_con li{border-bottom: 1px solid #e5e5e5;padding-top: 32px;padding-bottom: 24px;}
.soft_type_con li:after{content: '';display: table;clear: both;}
.soft_type_con .soft_desc h4{font-weight: 700;margin-bottom: 24px;margin-top: 6px;}
.soft_type_con .soft_desc h4:hover{color: #0084ff;}

.btn_box a{border-radius:3px;display: block;width: 120px;height: 38px;text-align: center;}
.btn_box .spped_download{border: 1px solid #0084ff;color: #0084ff;float: left;margin-top: 20px;}
.btn_box .spped_download:hover{background: #0084ff;color: #fff;}
.btn_box .spped_download:focus{background: #0084ff;color: #fff;}
.btn_box .spped_download:hover .icon_reload{background-position: -318px -42px;}
.btn_box .normal_download{border: 1px solid #d9d9d9;color: #808080;float: left;margin-top: 20px;line-height: 38px;}
.btn_box .normal_download:hover{border: 1px solid #0084ff;color: #0084ff;}
.btn_box .normal_download:focus{border: 1px solid #0084ff;color: #0084ff;}
.btn_box .spped_download .spped_download_text2{font-size: 12px}

.soft_downloaded_con .spped_download{margin-top: 17px;}


.net_err{position: absolute;top: 0; left: 0;background: #fff;height: 800px;border: 1px solid #e5e5e5;width: 100%;}
.net_err .err_con{position: absolute;top: 50%; left: 50%;margin-top: -95px;margin-left: -93px;}
.net_err .spped_download{width: 90px;margin: 0 auto;}

.soft_detail{background: #fff;padding: 24px 16px ;border-radius: 2px;}

.soft_tab{height: 56px;border-bottom: 1px solid #e5e5e5;padding: 16px 20px;}
.soft_tab li{
    font-size: 16px;
    color: #222;
    padding-bottom: 14px;
    border-bottom: 2px solid transparent;
    float: left;
    margin-right: 50px;
}

.soft_tab li:hover{color: #0084ff;font-weight: 700;}
.soft_tab li.on{border-bottom: 2px solid #0084ff;color: #0084ff;font-weight: 700;}


.soft_detail_desc .soft_detail_con{width: 700px;}
.soft_detail_desc .soft_img img{width: 80px;height: 80px;}

.soft_detail_desc h1{margin-bottom:16px;margin-top:8px;font-size: 20px;color: #222;font-weight: 800;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;line-height: 24px}

.soft_detail_con li{float:left;color: #777;margin-bottom: 4px;line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 32px;
    max-width: 190px;
}
.soft_detail_con li span{color: #777;}

.soft_detail_txt:after{content: '';display: table;clear: both;}

.soft_detail_btn .txt_btn{color: #666;margin-top: 2px;}
.soft_detail_btn .txt_btn:hover{color: #0084ff;}
.soft_detail_btn .txt_btn:hover .icon_tv{background-position: -281px -71px;}
.soft_detail_btn .txt_btn:hover .icon_speak{background-position: -228px -69px;}
.soft_detail_btn .shopping_speak{margin-right: 25px;}


.box_btn{width: 120px;height: 38px;line-height: 38px;text-align: center;border-radius: 3px;}
.blue_btn{color: #fff;background: #0084ff;}
.gray_btn{color: #777;background: #ccc;}
.gray_btn:hover{color: #777;}
.gray_btn:focus{color: #777;}
.blue_btn:hover{background: #118cff;color: #fff;}
.blue_btn:focus{background: #118cff;color: #fff;}
.normal_btn{color: #0084ff;border: 1px solid #0084ff;}
.normal_btn:hover{background-color: #0084ff;color: #ffffff;}
.normal_btn:focus{background-color: #0084ff;color: #ffffff;}
.download_btn_new{width:200px;height:46px;text-align: center;border-radius:3px;}
.normal_btn_new{width: 140px;height: 46px;text-align: center;border-radius:3px;line-height: 46px}

.donload_btn_text1{font-size: 18px;line-height: 30px}
.donload_btn_text2{font-size: 12px;line-height: 12px}

.soft_detail_box{line-height: 35px;}
.soft_detail_box img{max-width: 790px;}


.form_group_normal{margin-bottom: 10px;}
.form_group_normal .form_leftform_left{width: 80px;line-height: 34px;}
.form_group_normal input, .form_group_normal textarea{border: 1px solid #e5e5e5;border-radius: 3px;}
.form_group_normal input{width: 220px;height: 34px;line-height: 34px;padding: 0 15px;}
.form_group_normal textarea{vertical-align: top;width: 440px;height: 100px;padding: 15px;resize: none;}

.soft_area_con{position: relative;margin-top: 6px;}
.soft_area_con .area_con{left: -344px;}
.area_name li{float: left;cursor: pointer;}

.total_num{float: left;margin-top: -40px;margin-left: 96px;color: #999;}

.change_system {
    width: 88px;
    height: 30px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #aaa;
    float: right;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #222222;
}
.change_system_on {
    border: none;
    background-color: #0084ff;
    color: #ffffff;
}
.linux_marker_image {
    width: 104px;
    height: 22px;
    display: block;
    margin-left: 10px;
}
.softWare-icon-left{background: url(//static-f.fwxgx.com/image/common/left_btn-ebdd202a03e17ea9d88c16324d764c03.png);}
.softWare-icon-left:hover{background: url(//static-f.fwxgx.com/image/common/left_btn_hover-69ecdfc7beaab4a4ae7e84a9befa2866.png);}
.softWare-icon-right{background: url(//static-f.fwxgx.com/image/common/right_btn-29ec0b711a4c72784cafda46f58efd48.png);}
.softWare-icon-right:hover{background: url(//static-f.fwxgx.com/image/common/right_btn_hover-d1c4d54b355924516e613d5afd9f8bd6.png);}
.softWare-icon-left,.softWare-icon-right,.softWare-icon-left:hover,.softWare-icon-right:hover{
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
}
.catalog-child-wrapper{
    display: none;
}
.icon-software-arrow{
    float: right;
    margin: 16px 17px 0 0;
    display: inline-block;
    width: 12px;
    flex-shrink: 0;
    height: 6px;
    background: url(//static-f.fwxgx.com/image/common/software-arrow-9627c34497aa4c90243b244a96966127.png) no-repeat;
}
.icon-software-arrow-up{
    background-position: 0 -12px;
}
.icon-software-arrow-down{
    display: none;
    background-position: 0 0;
}
.soft_catalog [data-cataloglv="1"].on .icon-software-arrow-up{
    background-position: 0 -6px;
}
.soft_catalog [data-cataloglv="1"].on .icon-software-arrow-up{
    display: none;
}
.soft_catalog [data-cataloglv="1"].on .icon-software-arrow-down{
    display: inline-block;
}
.soft_catalog [data-cataloglv="1"].on .icon-software-arrow-down{
    background-position: 0 -18px;
}
.software-catalog-item{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-left: 19px;
    padding-right: 5px;
}
.soft_catalog [data-cataloglv="1"].on .catalog-child-wrapper{
    display: block;
}
.catalog-child{
    padding-left: 18px;
}
.soft-banner-box {
    width: 1200px;
    margin: 10px auto;
    position: relative;
}
.icon-soft-banner-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    background-position: -423px -178px;
    cursor: pointer;
}
.icon-soft-banner-close:hover{
    background-position: -423px -210px;
}

.soft-top-bg {
    width: 100%;
    height: 230px;
    background: url(//static-f.fwxgx.com/image/software/top-bg-c185936bfaae95e5c02c6c1cdde33a00.png);
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
}
.soft-top-bg p {
    font-size: 62px;
    font-weight: normal;
    color: #333333;
    padding-top: 70px;
    line-height: 62px;
}
.soft-top-wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    line-height: normal;
}
.bread_crumb_new li {
    float: left;
}
.soft-top-wrap li a, .soft-top-wrap li {
    font-size: 12px;
    color: #999;
    padding-left: 4px;
}
.bread_crumb_new {
    position: absolute;
    top: 31px;
    left: 0;
}
.soft-service {
    background: #fff;
    border-radius: 2px;
}
.soft-service h3 {
    font-size: 16px;
    font-weight: bold;
    color: #3D3D3D;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    border-bottom: 1px solid #D8D8D8;
}
.soft-service-list {
    padding: 16px 11px;
}
.soft-service-item {
    margin-bottom: 22px;
}
.soft-service-item:last-child {
    margin-bottom: 0;
}
.soft-service-item>div {
    float: left;
}
.soft-service-icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
    background: url(//static-f.fwxgx.com/image/software/icon-v1-b8ddbcf38bda3645884526c51ac5ed7b.png);
    margin-top: 5px;
}
.soft-service-item.robot .soft-service-icon {
    background-position: -59px -4px;
}
.soft-service-item.question .soft-service-icon {
    background-position: -59px -73px;
}
.soft-service-item.jzkt .soft-service-icon {
    background-position: -59px -143px
}
.soft-service-item.training .soft-service-icon {
    background-position: -59px -212px
}
.soft-service-item.article .soft-service-icon {
    background-position: -59px -283px
}

.soft-service-detail .soft-tt {
    font-size: 15px;
    line-height: 24px;
    color: #4E4E4E;
}
.soft-service-detail .soft-desc {
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    color: #777;
}
.soft-catalog-wrapper {
    background: #fff;
    margin-bottom: 16px;
    border-radius: 2px;
    overflow: hidden;
}

.J_soft_detail_bread_crumb {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #3D3D3D;
    margin: 11px 0 31px 0;
}
.soft-detail-intro {
    margin-top: 16px;
    border-radius: 2px;
    background: #fff;
    padding: 0 0 16px;
}
.j_soft_detail .soft_detail_desc .soft_detail_con {
    width: 800px;
}
.soft_detail_desc {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 16px;
}
.soft_detail_btns_h {
    margin-top: 20px;
}
.soft_detail_btn_h {
    width: 119px;
    height: 40px;
    border-radius: 2px;
    background: #FFFFFF;
    box-sizing: border-box;
    color: #FFFFFF  !important;
    line-height: 40px;
    background: #0084FF;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
}
.soft_detail_btn_h.noraml,
.soft_detail_btn_h.learn {
    border: 1px solid #0084FF;
    background: #fff;
    color: #0084FF !important;
}
.j_soft_detail .systemBits {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #222;
    padding-right: 12px;
    margin-right: 12px;
}
.j_soft_detail .systemBits::before {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px ;
    height: 16px;
    background: #D8D8D8;
}
.soft-detail-tab-content {
    padding: 16px;
}
.soft-detail-tab-content-bage {
    height: 44px;
    border-radius: 2px;
    background: #EBF2FA;
    line-height: 44px;
    padding-left: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.soft-detail-table-head {
    width: 936px;
    height: 44px;
    background: #EBF2FA;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #333;
}
.soft-detail-table-body .version-w310 {
    padding-left: 8px;
    padding-right: 0;
}
.soft-detail-table-body span, .soft-detail-table-head span {
}
.version-w310 {width: 220px;padding: 0 12px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; margin-right: 92px }
.version-w60 {width: 90px;margin-right: 90px} .version-w78 {width: 90px;margin-right: 90px} .version-250 {padding-right: 19px}
.soft-detail-table-body {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0em;
    color: #4E4E4E;
    height: 72px;
    border-bottom: 1px solid #D8D8D8;
}
.soft-detail-table-btns a {
    color: #0084FF !important;
    margin-right: 21px;
    cursor: pointer;
}
.soft-detail-table-btns a:last-child {
    margin-right: 0;
}
.soft-detail-table-body.empty {
    justify-content: center;
}

.soft-service-item:hover .soft-tt {
    color: #0069D9;
    font-weight: bold;
}

.soft-page-padding {
    padding: 16px 0;
    margin: 0 !important;
}
/*地区和搜索*/

.soft-position-icon-area {
    width: 13px;
    height: 15px;
    display: inline-block;
    background: url(//static-f.fwxgx.com/image/software/icon-v1-b8ddbcf38bda3645884526c51ac5ed7b.png);
    background-position: -67px -419px;
    vertical-align: -2px;
    margin-right: 9px;
}

.soft-position-icon-arrow-dwon,
.soft-position-icon-arrow-up {
    float: right;
    vertical-align: 1px;
    width: 12px;
    height: 6px;
    display: inline-block;
    background: url(//static-f.fwxgx.com/image/software/icon-v1-b8ddbcf38bda3645884526c51ac5ed7b.png);
    background-position: -11px -469px;
    margin-top: 7px;
}
.soft-position-icon-arrow-up {
    background-position: -65px -471px;
    margin-top: 8px;
}
.soft-position {
    width: 100%;
    padding: 16px;
    font-size: 16px;
}

.soft-area-wrapper{
    background: #fff;
    height: 84px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.49);
    border-radius: 8px;
    box-sizing: border-box;
    backdrop-filter: blur(63.61px);
    box-shadow: 0px 12px 8px 0px rgba(0, 132, 255, 0.04);
    background-image: url(//static-f.fwxgx.com/image/software/search-bg-20dab9a51afbcc0f4e5a69dd2bfd9eec.png);
    background-position: center;
}
.soft_area_con .area_con{left: 0 !important;}
.soft_area_con {
    width: 202px;
    height: 52px;
    border-radius: 4px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #0084FF;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #4E4E4E;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}
.j_soft_index {
    position: relative;
}
.soft-list-input input {
    width: 882px;
    height: 52px;
    border-radius: 4px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #0084FF;
    padding: 15px 20px;
    outline: none !important;
    font-size: 16px;
    color: #222;
}
.soft-list-input input::placeholder {
    color: #999;
}
.soft-list-input-btn {
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 4px;
    background: #0084FF;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 10px ;
    background-image: url(//static-f.fwxgx.com/image/software/icon-v1-b8ddbcf38bda3645884526c51ac5ed7b.png);
    background-position: 10px -366px;
    vertical-align: bottom;
}
.is-lastest {
    display: inline-block;
    height: 20px;
    border-radius: 2px;
    background: #F5FFEE;
    box-sizing: border-box;
    border: 1px solid #A9E88E;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #50C41D;
    padding: 0 8px;
    margin-top: 2px;
    margin-left: 13px;
}
.download_time::after {
    content: '\2022';
    position: absolute;
    top: -3px;
    left: -33px;
    font-size: 44px;
    color: #0084ff;
}
.download_time::before {
    content: '';
    position: absolute;
    top: 25px;
    left: -25px;
    width: 2px;
    height: 170px;
    background-color: #B3DBFF;
}
.download_time:last-child::before {
    display: none; /* 最后一个元素不显示竖线 */
}
.soft_type_con.soft_downloaded_con {
    border-top: none;
}
.soft_downloaded_con li:last-child .download_time::before {
    display: none;
}
.soft_downloaded_con li:first-child{
    padding-top: 0!important;
}
.download-title {
    padding-bottom: 15px;
    padding-top: 16px;
}
.download-title h2 {
    font-size: 18px;
    font-weight: bold;
}
.download-btn {
    position: absolute;
    right: 17px;
}
#player, #player-ver {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
#player .pv-video-player,
#player-ver .pv-video-player{
    margin-bottom: 15px;
}
.main_box {
    min-width: 1200px !important;
}

.soft_detail_btn_h.gplus:hover {
    background: #0069D9;
}
.soft_detail_btn_h.noraml:hover, .soft_detail_btn_h.learn:hover {
    border-color: #0069D9;
    color: #0069D9 !important;
}
.soft-detail-table-btns a:hover {
    color: #0069D9 !important;
}
.soft-list-input-btn:hover {
    background-color: #0069D9;
}

.download-list-box:hover {
    background: #F5FAFF;
}
.soft-index-wrap {
    padding: 20px;
    background: #fff;
    border-radius: 2px;
}
.soft-info-btn-wrap {
    position: relative;
    display: inline-block;
    width: 119px;
}
.soft_detail_btn_h.gvb:hover {
    background: #0069D9;
}
.soft-info-btn-wrap img {
    position: absolute;
    top: -8px;
    right: 0;
    width: 38px;
    height: 16px;
}
.soft-info-btn-wrap:hover .tip {
    display: block;
}
.soft-info-btn-wrap .tip {
    display: none;
    position: absolute;
    width: 248px;
    bottom: -42px;
    right: -8px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12),0px 6px 16px 0px rgba(0, 0, 0, 0.08),0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.75);
}
.soft-info-btn-wrap .tip::before {
    content: '';
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
    position: absolute;
    top: -10px;
    right: 41px;
}
.soft-info-btn-drop {
    position: relative;
    width: 119px;;
    display: inline-block;
}
.soft-info-btn-drop:hover .drop-down {
    display: block;
}
.drop-down {
    width: 119px;
    height: 78px;
    border-radius: 2px;
    background: #FFFFFF;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.09),0px 3px 6px 0px rgba(0, 0, 0, 0.12),0px 1px 2px 0px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: 40px;
    left: 0;
    text-align: left;
    padding-left: 16px;
    display: none;
    padding-top: 5px;
}
.drop-down a {
    display: block;
    font-size: 14px;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.65)
}
.drop-down a:hover {
    color: #0084FF
}
.soft_detail_btn_h.downloadwrap {
    border: 1px solid #0084FF;
    background: #fff;
    color: #0084FF !important;
}
.soft_detail_btn_h.downloadwrap:hover{
    border-color: #0069D9;
    color: #0069D9 !important;
}
.soft-info-btn-drop a,
.soft-info-btn-wrap a {
    margin-right: 0;
}
.soft_detail .soft-info-btn-drop , .soft_detail .soft-info-btn-wrap  {
    margin-right: 16px;
}
.soft-detail-tab-course {
    padding: 4px;
}
.soft-detail-tab-course-head{
    display: flex;
    justify-content: space-between;
}
.soft-detail-tab-course-catebox {
    display: flex;
    width: 820px;
}
.soft-detail-tab-course-catebox li {
    margin-right: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #666666;
}
.soft-detail-tab-course-catehover{
    color: #333333!important;
    font-weight: bold;
}
.soft-detail-tab-course-catebox li:hover{
    color: #0084ff!important;
    font-weight: bold;
}
.civil-list {
    width: 285px;
    height: 243px;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 20px 20px 0;
    overflow: hidden;
    border: 1px solid #E2E8EC;
}
.other-list-infor .civil-list {
    margin: 0 19px 20px 0;
}
.img-infor-wh {
    overflow: hidden;
    position: relative;
}
.common-course-soft .img-infor-wh img {
    width: 261px;
    height: 148px;
    margin: 12px 12px 0 12px;
    border-radius: 3px 3px 3px 3px;
}
.civil-list p {
    font-size: 14px;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
    padding: 0 12px;
    text-align: left;
}
.civil-list .civil-infor, .vip-list .civil-infor {
    margin-top: 10px;
    padding: 0 10px;
}
.clearfix {
    display: block;
}
.leaning-course {
    font-size: 12px;
    color: #999999;
}
.other-list-infor {
    padding-top: 20px;
}
.common-course-hover {
    transition: transform .5s ease, -webkit-transform .5s ease;
}
.common-course-hover:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.soft-detail-tab-course-more{
    color: #333;
}
.download-head{
    width: 100%;
    height: 222px;
    background: linear-gradient(180deg, #DCF4FF 0%, #FFFFFF 95%);
}
.download-title-box {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-top: 34px;
}
.download-title-box img{
    width: 32px;
    height: 32px;
}
.download-title-box span {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0em;
    color: #222222;
    padding-left: 8px;
}
.download-head-box {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}
p.download-head-title {
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #3D3D3D;
}
p.download-head-desc {
    font-size: 16px;
    color: #3d3d3d;
    padding-top: 10px;
}
.download-head-desc span{
    color: #0084FF;
    font-weight: bold;
    padding: 0 4px;
}
.download-box {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #D8D8D8;
    padding-top: 38px;
}
.download-box-title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-box-line {
    width: 30px;
    height: 1px;
    background: #666;
}
p.download-box-title-title {
    font-size: 20px;
    font-weight: bold;
    color: #3d3d3d;
    padding: 0 8px;
}
p.download-box-desc {
    color: #3D3D3D;
    text-align: center;
    font-size: 16px;
    padding-top: 14px;
}
.download-box .other-list-infor .common-course-soft:nth-child(4n){
    margin-right: 0;
}
.download-box-btn-a{
    width: 248px;
    height: 40px;
    border-radius: 2px;
    opacity: 1;
    /* Fuctional/blue */
    background: #0084FF;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.download-box-btn-a:hover{
    color: #ffffff;
    background: #0069D9;
}
.download-no-data {
    padding: 20px 0 40px;
}