.support-banner {
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1000px;
    background: url("../images/support-banner.png") center top no-repeat;
    height: 480px;
    position: relative;
}

.support-banner::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
}

.support-banner .t1 {
    padding-top: 130px;
    font-size: 48px;
    color: #fff;
    text-align: center;
    position: relative;
}

.support-banner .t2 {
    padding-top: 56px;
    text-align: center;
}

.support-banner .t2 .sup-ser {
    position: relative;
    display: inline-block;
}

.support-banner .t2 .sup-ser input {
    display: block;
    width: 680px;
    background-color: #fff;
    line-height: 45px;
    font-size: 16px;
    padding: 0 46px 0 20px;
    border-radius: 5px;
}

.support-banner .t2 .sup-ser span {
    position: absolute;
    right: 15px;
    top: 8px;
    width: 30px;
    height: 30px;
    background: url("../images/icon-ser.png") center center no-repeat;
    cursor: pointer;
}

.support-banner .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 80px;
    justify-content: space-evenly;
}

.support-banner .cate>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.support-banner .cate>ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    /* cursor: pointer; */
}

.support-banner .cate>ul>li:hover {
    color: #008DE9;
}

.support-banner .cate>ul>li:hover p {
    color: #008DE9;
}

.support-banner .cate .img {
    width: 44px;
    height: 44px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.support-banner .cate p {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
}

.sup-cate-tit {
    text-align: center;
    font-size: 26px;
    padding: 44px 0;
}

.sup-cate-list {
    padding: 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sup-cate-list .cate-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer;
}

.sup-cate-list .cate-box:hover {
    color: #008DE9;
}

.sup-cate-list .cate-box .img {
    width: 44px;
    height: 44px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sup-cate-list .cate-box p {
    font-size: 16px;
    padding-top: 10px;
}

.sup-cate-tab {
    text-align: center;
    padding: 44px 0 54px 0;
}

.sup-cate-tab .cate-btn {
    padding: 0px 45px;
    display: inline-block;
    border-radius: 24px;
    line-height: 48px;
    font-size: 18px;
    cursor: pointer;
}

.sup-cate-tab .cate-btn.cur {
    background: -webkit-gradient(linear, left top, right top, from(#A3BDED), to(#6991C7));
    background: linear-gradient(90deg, #A3BDED, #6991C7);
    color: #fff;
}

.sup-cate-tab .cate-btn:hover {
    color: #008DE9;
}

.products-list {
    font-size: 0;
    line-height: 0;
}

.products-list>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.products-list>ul>li {
    flex-shrink: 0;
    display: flex;
    width: 33.3333%;
    justify-content: center;
    vertical-align: top;
    padding-bottom: 20px;
    text-align: center;
}

.products-list>ul>li:nth-last-child(1) {
    margin-right: auto;
}

.products-list>ul>li:nth-child(2),
.products-list>ul>li:nth-child(5),
.products-list>ul>li:nth-child(8),
.products-list>ul>li:nth-child(11) {
    /* padding: 0 20px 20px 20px; */
}

.products-list .box {
    width: 413px;
    background-color: #F6F6F6;
    border-radius: 5px;
    position: relative;
    min-height: 304px;
    cursor: pointer;
}

.products-list .box .img {
    width: 100%;
    height: 240px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.products-list .box .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.products-list .box .tit {
    font-size: 16px;
    line-height: 64px;
    padding-left: 20px;
    padding-right: 40px;
    cursor: pointer;
    text-align: left;
    position: relative;
}

.products-list .box .tit::after {
    position: absolute;
    right: 20px;
    top: 16px;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-arrow-cb.png") center center no-repeat;
}

.products-list .box .tit:hover {
    color: #008DE9;
}

.products-list .box:hover {
    color: #008DE9;
}

.products-list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-conn {
    padding-top: 45px;
}

.product-conn .pro-img {
    display: inline-block;
    vertical-align: top;
}

.product-conn .pro-info {
    display: inline-block;
    vertical-align: top;
    width: 570px;
    padding-left: 50px;
}

.product-conn .pro-info .tit {
    font-size: 24px;
    padding: 12px 0 25px 0;
}

.product-conn .pro-info .intro {
    font-size: 14px;
    line-height: 24px;
}

.product-conn .pro-info .info-list {
    padding-top: 30px;
}

.product-conn .pro-info .box {
    position: relative;
    border-bottom: 1px #E9E9E9 solid;
    padding: 20px 0 15px 70px;
    min-height: 92px;
}

.product-conn .pro-info .box .img {
    position: absolute;
    top: 20px;
    left: 0;
    width: 46px;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-conn .pro-info .box h4 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
}

.product-conn .pro-info .box p {
    font-size: 14px;
    color: #666;
    line-height: 18px;
}

.pro-slider {
    position: relative;
    width: 690px;
    height: 690px;
    background-color: #F6F6F6;
    display: inline-block;
    vertical-align: top;
}

.pro-slider .handle-btn {
    position: absolute;
    top: 205px;
    width: 50px;
    height: 50px;
    background: #D1D1D1 url("../images/icon-arrow-w.png") center center no-repeat;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    z-index: 1;
}

.pro-slider .prev {
    left: 5%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pro-slider .next {
    right: 5%;
}

.pro-slider .img-list-wrap {
    width: 100%;
    height: 470px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pro-slider .img-list-wrap img {
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 100%;
    max-height: 470px;
}

.pro-slider .thumb-wrap {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70%;
    display: flex;
    justify-content: space-around
}

.pro-slider .thumb-wrap li {
    float: left;
    width: 11vw;
    height: 11vw;
    border: solid 1px #D3D3D3;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 10px;
}

.pro-slider .thumb-wrap li {
    float: left;
    width: 68px;
    height: 68px;
    border: solid 1px #D3D3D3;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 10px;
}

#m .pro-slider .thumb-wrap li {
    float: left;
    width: 11vw;
    height: 11vw;
    border: solid 1px #D3D3D3;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 10px;
}

.pro-slider .thumb-wrap li:last-child {
    margin-right: 0;
}

.pro-slider .thumb-wrap li img {
    max-width: 57px;
    max-height: 42px;
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pro-slider .thumb-wrap .active {
    border-color: #333;
}

.pro-slider .view-zoom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: url("../images/icon-zoom.png") center center no-repeat;
    cursor: pointer;
}

.rlPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

.rlPopup.show {
    display: block;
}

.rlPopup .close-big-img {
    position: absolute;
    top: 20px;
    right: 2%;
    z-index: 9;
    background: url("../images/icon-close.png") no-repeat;
    width: 30px;
    height: 30px;
}

.rlPopup .handle-btn {
    position: absolute;
    top: calc(50% - 50px);
    width: 92px;
    height: 92px;
    background: #D1D1D1 url("../images/icon-arrow-b.png") center center no-repeat;
    background-size: 17px 26px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    z-index: 1;
}

.rlPopup .prev {
    left: calc(50% - 350px - 92px - 30px);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rlPopup .next {
    left: calc(50% + 350px + 30px);
}

.rlPopup .img-list-wrap {
    width: 700px;
    height: 525px;
    position: absolute;
    left: calc(50% - 350px);
    top: calc(50% - 262px);
    background-color: #F6F6F6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rlPopup .img-list-wrap .close-big-img {
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 1000;
    background: url("../images/icon-close.png") no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.rlPopup .img-list-wrap img {
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 700px;
    max-height: 525px;
}

.rlPopup .thumb-wrap {
    position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.rlPopup .thumb-wrap li {
    float: left;
    width: 86px;
    height: 86px;
    border: solid 1px #ececec;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
}

.rlPopup .thumb-wrap li:last-child {
    margin-right: 0;
}

.rlPopup .thumb-wrap li img {
    max-width: 86px;
    max-height: 86px;
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rlPopup .thumb-wrap .active {
    border-color: #333;
}

.phone .sup-tabs {
    overflow: auto;
}

.sup-tabs {
    border-radius: 5px;
    margin-top: 45px;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    padding-bottom: 12px;
    margin-right: 230px;
}

.sup-tabs .col {
    background-color: #F5F5F5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    position: relative;
    font-size: 18px;
    height: 60px;
    min-width: 73px;
    /* width: 5.5vw; */
    padding: 0 11px;
    text-align: center;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    white-space: normal;
}

.sup-tabs .col::before {
    position: absolute;
    top: 20px;
    right: 0;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #CBCBCB;
}

.sup-tabs .col.cur {
    background-color: #008DE9;
    color: #fff;
}

.sup-tabs .col.cur::after {
    position: absolute;
    bottom: -12px;
    left: calc(50% - 7px);
    content: "";
    width: 0;
    height: 0;
    border: 7px transparent solid;
    border-top: 12px #008DE9 solid;
    border-bottom: none;
}

.sup-tabs .col.cur:hover {
    color: #fff;
}

.sup-tabs .col:hover {
    color: #008DE9;
}

.sup-tabs .col:last-child::before {
    display: none;
}

.sup-tabs-warp {
    position: relative;
    background-color: #F5F5F5;
    border-radius: 5px;
    height: 60px;
}

.sup-tabs-warp .sup-tabs-serach {
    position: absolute;
    right: 10px;
    top: 10px;
}

.sup-tabs-warp .sup-tabs-serach input {
    width: 200px;
    height: 40px;
    border: 1px #9E9E9E solid;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 35px 0 10px;
    font-size: 14px;
}

.sup-tabs-warp .sup-tabs-serach span {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 40px;
    background: url("../images/icon-ser.png") center center no-repeat;
    cursor: pointer;
    z-index: 1;
}

.sup-file {
    position: relative;
    padding-top: 20px;
}

.sup-file::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sup-file .sf-left {
    float: left;
    padding-top: 20px;
    width: 350px;
    background-color: #F6F6F6;
    border-radius: 5px;
    padding-bottom: 21px;
    margin-bottom: 50px;
}

.sup-file .sf-left .sf-all {
    cursor: pointer;
}

.sup-file .sf-left .el-collapse {
    border: none;
}

.sup-file .sf-left .sf-all,
.sup-file .sf-left .el-collapse-item__header {
    font-size: 18px;
    line-height: 30px;
    height: auto;
    padding: 15px 0 15px 50px;
    border-bottom: none;
    position: relative;
    background: none;
    cursor: pointer;
}

.sup-file .sf-left .sf-all:hover,
.sup-file .sf-left .el-collapse-item__header:hover {
    color: #008DE9;
}

.sup-file .sf-left .sf-all::before,
.sup-file .sf-left .el-collapse-item__header::before {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    content: "";
    height: 1px;
    background-color: #E5E2E2;
}

.sup-file .sf-left .sf-all.is-active,
.sup-file .sf-left .el-collapse-item__header.is-active {
    color: #008DE9;
}

.sup-file .sf-left .el-collapse-item__arrow {
    margin-right: 30px;
}

.sup-file .sf-left .el-collapse-item__wrap {
    background: none;
}

.sup-file .sf-left .el-collapse-item__content {
    padding: 0;
}

.sup-file .sf-left .sf-nav>ul>li {
    font-size: 16px;
    color: #666;
    line-height: 60px;
    height: 60px;
    padding-left: 50px;
    cursor: pointer;
}

.sup-file .sf-left .sf-nav>ul>li:hover {
    color: #008DE9;
}

.sup-file .sf-right {
    padding-left: 380px;
    min-height: 70px;
}

.sup-file .sup-opera {
    padding: 15px 10px 10px 0;
}

.sup-file .sup-opera .down-all {
    float: right;
}

.sup-file .checkboxName {
    line-height: 20px;
    font-size: 16px;
}

.sup-file .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.sup-file .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-file .checkbox input+span {
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
}


.sup-file .checkbox div {
    width: 20px;
    height: 20px;
}

.sup-file .checkbox input+span::before,
.sup-file .checkbox div::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-file .checkboxName .lock {
    width: 15px;
    height: 15px;
    background: url(../images/icon-lock.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.sup-file .checkbox input:checked+span::after,
.sup-file .checkbox input:checked+div::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-file .icon-down {
    position: relative;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    display: inline-block;
    cursor: pointer;
}

.sup-file .icon-down::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-down.png") center center no-repeat;
}

.sup-file .icon-down:hover {
    color: #008DE9;
}

.sup-file .icon-down:hover::before {
    background-image: url("../images/icon-down-hover.png");
}

.sup-file .sup-file-list .col-tit {
    padding: 20px 0;
    border-bottom: 1px #E9E9E9 solid;
}

.sup-file .sup-file-list .col-tit h4 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.sup-file .sup-file-list .col-tit .t-r {
    float: right;
    font-size: 16px;
    padding-right: 10px;
}

.sup-file .sup-file-list .col-tit .t-r .num {
    color: #008DE9;
}

.sup-file .sup-file-list .box {
    border-bottom: 1px #E9E9E9 solid;
}

.sup-file .sup-file-list .tit {
    padding: 16px 0 0 0;
}

.sup-file .sup-file-list .down {
    float: right;
    padding-right: 10px;
}

.sup-file .sup-file-list .intro {
    padding: 7px 0 15px 0;
    font-size: 12px;
    color: #999;
    padding-left: 40px;
}

.sup-file .sup-file-list .multi {
    width: 20px;
    height: 20px;
    background: url("../images/icon-multi.png") center center no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.phone .sup-file .sf-left {
    width: 200px;
}

.phone .sup-file .sf-right {
    padding-left: 220px;
}

.phone .sup-file .pages {
    margin-left: -200px;
}

.sup-case {
    padding-top: 20px;
}

.sup-case .case-cate {
    padding: 0px 0 30px 12px;
}

.sup-case .case-cate .btn {
    width: 150px;
    height: 44px;
    background-color: #F5F5F5;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    cursor: pointer;
}

.sup-case .case-cate .btn.cur {
    background-color: #008DE9;
    color: #fff;
}

.sup-case .case-cate .btn.cur:hover {
    color: #fff;
}

.sup-case .case-cate .btn:hover {
    color: #008DE9;
}

.sup-case .sup-case-opera {
    padding: 10px 12px;
    border-bottom: 1px #E9E9E9 solid;
}

.sup-case .sup-case-opera .all {
    font-size: 18px;
    display: inline-block;
}

.sup-case .sup-case-opera .opera {
    float: right;
}

.sup-case .sup-case-opera .t,
.sup-case .sup-case-opera .px {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.sup-case .sup-case-opera .px {
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

.sup-case .sup-case-opera .px.up::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sup-case .sup-case-opera .px.down::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
}

.sup-case .sup-case-opera .px:hover {
    color: #008DE9;
}

.sup-case .sup-case-opera .px:hover::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-case .sup-case-opera .px.cur {
    color: #008DE9;
}

.sup-case .sup-case-opera .px.cur::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-case .sup-case-opera .px:last-child {
    margin-left: 20px;
}

.sup-case .sup-case-list {
    padding-top: 20px;
}

.sup-case .sup-case-box {
    padding: 20px 12px 15px 12px;
    border-bottom: 1px #E9E9E9 solid;
    position: relative;
    cursor: pointer;
}

.sup-case .sup-case-box .tit {
    font-size: 16px;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.sup-case .sup-case-box .view {
    font-size: 14px;
    color: #999;
}

.sup-case .sup-case-box .date {
    position: absolute;
    top: 24px;
    right: 12px;
    font-size: 14px;
    color: #999;
}

.sup-case .sup-case-box .lock {
    width: 15px;
    height: 15px;
    background: url("../images/icon-lock.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.sup-case .sup-case-box:hover {
    color: #008DE9;
}

.sup-soft .soft-cate {
    padding: 0px 0 30px 12px;
}
.sup-soft .soft-cate span{
    margin-top:20px;
}
.sup-soft .soft-cate .btn {
    min-width: 130px;
    height: 44px;
    background-color: #F5F5F5;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    cursor: pointer;
    padding: 0 10px;
}

.sup-soft .soft-cate .btn.cur {
    background-color: #008DE9;
    color: #fff;
}

.sup-soft .soft-cate .btn.cur:hover {
    color: #fff;
}

.sup-soft .soft-cate .btn:hover {
    color: #008DE9;
}

.sup-soft .filter .t {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 38px;
    margin-right: 10px;
}

.sup-soft .filter .t2 {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 38px;
    margin: 0 10px 0 20px;
}

.sup-soft .filter .sel {
    display: inline-block;
    vertical-align: top;
}

.sup-soft .filter .soft-sel {
    width: 140px;
}

.sup-soft .inp input {
    border: 1px #CFCFCF solid;
    width: 140px;
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    margin-right: 35px;
}

.sup-soft .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 9px;
    margin-right: 14px;
}

.sup-soft .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-soft .checkbox input+span {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
}

.sup-soft .checkbox input+span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-soft .checkbox input:checked+span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-soft .permit {
    padding: 32px 0 15px 0;
    font-size: 14px;
}

.sup-soft .permit a {
    color: #008DE9;
}

.sup-soft .sup-soft-table .el-icon-arrow-right::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border: 6px transparent solid;
    border-left: 8px #666 solid;
    border-right: none;
}

.sup-soft .sup-soft-table .el-table td,
.sup-soft .sup-soft-table .el-table th {
    vertical-align: top;
}

.sup-soft .sup-soft-table .down {
    padding: 30px 0 0 0;
}

.sup-soft .sup-soft-table .down span {
    position: relative;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    display: inline-block;
    cursor: pointer;
    color: #008DE9;
}

.sup-soft .sup-soft-table .down span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-down-hover.png") center center no-repeat;
}

.sup-soft .sup-soft-table .el-table__expanded-cell {
    padding: 30px 40px;
}

.sup-soft .sup-soft-table .sup-expand>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 14px;
    padding-bottom: 22px;
    line-height: 20px;
}

.sup-soft .sup-soft-table .sup-expand>ul>li .t {
    font-weight: bold;
}

.sup-soft .sup-soft-table .view-more span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-right: 26px;
    color: #008DE9;
    cursor: pointer;
}

.sup-soft .sup-soft-table .view-more span::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-arrow-blue.png") center center no-repeat;
}

.sup-soft .sup-soft-table .view-more:hover {
    color: #008DE9;
}

.sup-soft .sup-soft-table .lock {
    width: 15px;
    height: 15px;
    background: url("../images/icon-lock.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.sup-drive .filter {
    padding: 20px 0 0 0;
}

.sup-drive .filter .t {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 38px;
    margin-right: 10px;
}

.sup-drive .filter .t2 {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 38px;
    margin: 0 0 0 10px;
}

.sup-drive .filter .sel {
    display: inline-block;
    vertical-align: top;
}

.sup-drive .filter .sel-def {
    width: 140px;
}

.sup-drive .filter .sel-def:nth-child(3) {
    width: auto;
}


.sup-drive .filter input {
    font-size: 14px;
}

.sup-drive .filter>* {
    margin-bottom: 10px;
    vertical-align: top;
}

.sup-drive .filter input::-webkit-input-placeholder {
    color: #999;
}

.sup-drive .filter input:-ms-input-placeholder {
    color: #999;
}

.sup-drive .filter input::-ms-input-placeholder {
    color: #999;
}

.sup-drive .filter input::placeholder {
    color: #999;
}

.sup-drive .inp input {
    border: 1px #CFCFCF solid;
    width: 140px;
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    margin-right: 35px;
}

.sup-drive .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 9px;
    margin-right: 14px;
}

.sup-drive .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-drive .checkbox input+span {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
}

.sup-drive .checkbox input+span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-drive .checkbox input:checked+span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-drive .permit {
    padding: 32px 0 15px 0;
    font-size: 14px;
}

.sup-drive .permit a {
    color: #008DE9;
}

.sup-drive .sup-drive-table .el-icon-arrow-right::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border: 6px transparent solid;
    border-left: 8px #666 solid;
    border-right: none;
}

.sup-drive .sup-drive-table .el-table td,
.sup-drive .sup-drive-table .el-table th {
    vertical-align: top;
}

.sup-drive .sup-drive-table .down {
    padding: 30px 0 0 0;
}

.sup-drive .sup-drive-table .down span {
    position: relative;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    display: inline-block;
    cursor: pointer;
    color: #008DE9;
}

.sup-drive .sup-drive-table .down span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-down-hover.png") center center no-repeat;
}

.sup-drive .sup-drive-table .el-table__expanded-cell {
    padding: 30px 40px;
}

.sup-drive .sup-drive-table .sup-expand>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 14px;
    padding-bottom: 22px;
}

.sup-drive .sup-drive-table .sup-expand>ul>li .t {
    font-weight: bold;
}

.sup-drive .sup-drive-table .view-more span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-right: 26px;
    color: #008DE9;
    cursor: pointer;
}

.sup-drive .sup-drive-table .view-more span::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-arrow-blue.png") center center no-repeat;
}

.sup-drive .sup-drive-table .view-more:hover {
    color: #008DE9;
}

.sup-drive .sup-drive-table .lock {
    width: 15px;
    height: 15px;
    background: url("../images/icon-lock.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    /* margin-left: 10px; */
}

.phone .sup-drive .filter .t {
    padding-bottom: 10px;
}

.sup-notice .filter {
    padding: 20px 0 0 12px;
}

.sup-notice .filter .t {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 38px;
    margin-right: 10px;
}

.sup-notice .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 9px;
    margin-right: 14px;
}

.sup-notice .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-notice .checkbox input+span {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
}

.sup-notice .checkbox input+span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-notice .checkbox input:checked+span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-notice .sup-notice-opera {
    padding: 10px 12px;
    border-bottom: 1px #E9E9E9 solid;
}

.sup-notice .sup-notice-opera .all {
    font-size: 18px;
    display: inline-block;
}

.sup-notice .sup-notice-opera .opera {
    float: right;
}

.sup-notice .sup-notice-opera .t,
.sup-notice .sup-notice-opera .px {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.sup-notice .sup-notice-opera .px {
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

.sup-notice .sup-notice-opera .px.up::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sup-notice .sup-notice-opera .px.down::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
}

.sup-notice .sup-notice-opera .px:hover {
    color: #008DE9;
}

.sup-notice .sup-notice-opera .px:hover::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-notice .sup-notice-opera .px.cur {
    color: #008DE9;
}

.sup-notice .sup-notice-opera .px.cur::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-notice .sup-notice-list {
    padding-top: 20px;
}

.sup-notice .sup-notice-list>ul>li {
    line-height: 46px;
    border-bottom: 1px #E9E9E9 solid;
    font-size: 16px;
    position: relative;
    padding-right: 100px;
    padding-left: 12px;
}

.sup-notice .sup-notice-list>ul>li h4 {
    font-size: 16px;
    cursor: pointer;
}

.sup-notice .sup-notice-list>ul>li h4:hover {
    color: #008DE9;
}

.sup-notice .sup-notice-list>ul>li .date {
    position: absolute;
    top: 0;
    right: 10px;
    color: #999;
}

.sup-tools .filter {
    padding: 20px 0 0 12px;
}

.sup-tools .filter .t {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 38px;
    margin-right: 10px;
}

.sup-tools .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 9px;
    margin-right: 14px;
}

.sup-tools .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-tools .checkbox input+span {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
}

.sup-tools .checkbox input+span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-tools .checkbox input:checked+span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-tools .sup-tools-opera {
    padding: 20px 12px 10px 12px;
    border-bottom: 1px #E9E9E9 solid;
}

.sup-tools .sup-tools-opera .all {
    font-size: 18px;
    display: inline-block;
}

.sup-tools .sup-tools-opera .opera {
    float: right;
}

.sup-tools .sup-tools-opera .t,
.sup-tools .sup-tools-opera .px {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.sup-tools .sup-tools-opera .px {
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

.sup-tools .sup-tools-opera .px.up::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sup-tools .sup-tools-opera .px.down::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
}

.sup-tools .sup-tools-opera .px:hover {
    color: #008DE9;
}

.sup-tools .sup-tools-opera .px:hover::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-tools .sup-tools-opera .px.cur {
    color: #008DE9;
}

.sup-tools .sup-tools-opera .px.cur::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-tools .sup-tools-opera .px:last-child {
    margin-left: 20px;
}

.sup-tools .sup-tools-list {
    padding-top: 20px;
}

.sup-tools .sup-tools-list>ul>li {
    border-bottom: 1px #E9E9E9 solid;
    font-size: 16px;
    position: relative;
    padding: 0 100px 0 156px;
    min-height: 90px;
    cursor: pointer;
}

.sup-tools .sup-tools-list>ul>li h4 {
    font-size: 18px;
    padding: 8px 0;
    cursor: pointer;
}

.sup-tools .sup-tools-list>ul>li h4:hover {
    color: #008DE9;
}

.sup-tools .sup-tools-list>ul>li h4 .exp {
    color: #999;
}

.sup-tools .sup-tools-list>ul>li .view {
    padding: 8px 0;
    font-size: 14px;
    color: #999;
}

.sup-tools .sup-tools-list>ul>li .intro {
    font-size: 14px;
    line-height: 18px;
    color: #666;
}

.sup-tools .sup-tools-list>ul>li .img {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 110px;
    height: 70px;
    overflow: hidden;
    border-radius: 5px;
}

.sup-tools .sup-tools-list>ul>li .img img {
    width: 100%;
    max-height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.sup-tools .sup-tools-list>ul>li .date {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #999;
}

.sup-tools .sup-tools-list>ul>li:hover {
    color: #008DE9;
}

.sup-tools .sup-tools-list>ul>li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sup-video .filter {
    padding: 20px 0 0 12px;
}

.sup-video .filter .t {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 38px;
    margin-right: 10px;
}

.sup-video .checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 9px;
    margin-right: 14px;
}

.sup-video .checkbox input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sup-video .checkbox input+span {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
}

.sup-video .checkbox input+span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk-bg.png") no-repeat;
    background-size: 100% 100%;
}

.sup-video .checkbox input:checked+span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-chk.png") center center no-repeat;
    background-size: 13px 10px;
}

.sup-video .sup-video-opera {
    padding: 20px 12px 10px 12px;
    border-bottom: 1px #E9E9E9 solid;
}

.sup-video .sup-video-opera .all {
    font-size: 18px;
    display: inline-block;
}

.sup-video .sup-video-opera .opera {
    float: right;
}

.sup-video .sup-video-opera .t,
.sup-video .sup-video-opera .px {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.sup-video .sup-video-opera .px {
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

.sup-video .sup-video-opera .px.up::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sup-video .sup-video-opera .px.down::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: "";
    width: 10px;
    height: 15px;
    background: url("../images/icon-px.png") center bottom no-repeat;
}

.sup-video .sup-video-opera .px:hover {
    color: #008DE9;
}

.sup-video .sup-video-opera .px:hover::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-video .sup-video-opera .px.cur {
    color: #008DE9;
}

.sup-video .sup-video-opera .px.cur::after {
    background-image: url("../images/icon-px-h.png");
}

.sup-video .sup-video-opera .px:last-child {
    margin-left: 20px;
}

.sup-video .sup-video-list {
    padding-top: 20px;
}

.sup-video .sup-video-list>ul>li {
    border-bottom: 1px #E9E9E9 solid;
    font-size: 16px;
    position: relative;
    padding: 0 100px 0 156px;
    min-height: 90px;
    cursor: pointer;
}

.sup-video .sup-video-list>ul>li h4 {
    font-size: 18px;
    padding: 20px 0 15px 0;
    cursor: pointer;
}

.sup-video .sup-video-list>ul>li h4:hover {
    color: #008DE9;
}

.sup-video .sup-video-list>ul>li h4 .exp {
    color: #999;
}

.sup-video .sup-video-list>ul>li .view {
    padding: 0;
    font-size: 14px;
    color: #999;
}

.sup-video .sup-video-list>ul>li .img {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 110px;
    height: 70px;
    overflow: hidden;
    border-radius: 5px;
}

.sup-video .sup-video-list>ul>li .img::before {
    position: absolute;
    top: 22px;
    left: 42px;
    content: "";
    width: 26px;
    height: 26px;
    background: url("../images/sup-video-play.png") no-repeat;
    z-index: 1;
}

.sup-video .sup-video-list>ul>li .img img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.sup-video .sup-video-list>ul>li .date {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #999;
}

.sup-video .sup-video-list>ul>li:hover {
    color: #008DE9;
}

.sup-video .sup-video-list>ul>li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pop-video {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
}

.pop-video video {
    width: 100%;
    max-height: 60vh;
}

.pop-video .pop-video-box {
    width: 1110px;
    padding: 0 38px 38px 38px;
    background-color: #000;
    position: relative;
}

.pop-video .pop-video-box .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: url("../images/icon-close.png") no-repeat;
    cursor: pointer;
}

.pop-video .pop-video-box .tit {
    padding: 40px 0 46px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.phone .support-banner {
    height: 282px;
    background-size: auto 100%;
    position: relative;
}

.phone .support-banner .t1 {
    padding-top: 30px;
}

.phone .support-banner .t2 {
    padding-top: 16px;
}

.phone .support-banner .cate {
    padding-top: 20px;
    overflow-x: scroll;
}

.phone .product-conn .pro-info {
    padding-left: 0;
}

.phone .sup-cate-list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.phone .products-list>ul>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 20px 0;
    width: 50%;
}

.phone .products-list>ul>li .box {
    width: 100%;
    min-height: auto;
}

.phone .products-list>ul>li .box .img {
    width: 100%;
    height: 200px;
}

.phone .products-list>ul>li .box .img img {
    width: 100%;
    height: 100%;
}

.phone .products-list>ul>li:nth-child(odd) {
    padding-right: 10px;
}

.phone .products-list>ul>li:nth-child(even) {
    padding-left: 10px;
}

.phone .rlPopup .img-list-wrap {
    width: 700px;
    position: absolute;
    left: calc(50% - 350px);
}

.phone .rlPopup .img-list-wrap img {
    max-width: 700px;
    max-height: 525px;
}

.phone .rlPopup .thumb-wrap {
    text-align: center;
    width: 100%;
}

.phone .rlPopup .thumb-wrap>ul {
    display: inline-block;
}

.phone .rlPopup .thumb-wrap li {
    display: inline-block;
    vertical-align: top;
}

.phone .rlPopup .prev {
    left: 40px;
}

.phone .rlPopup .next {
    left: auto;
    right: 40px;
}

.menus {
    width: 680px;
    position: absolute;
    z-index: 99;
    background-color: #d9d9d9;
    opacity: .9;
}

.menus li {
    color: #000;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

.menus li:hover {
    background-color: #6991C7;
    color: #fff;
    cursor: pointer;
}

.div_icon {
    cursor: pointer;
    min-width: 125px;
    margin: auto;
}

.div_3D {
    width: 690px;
    height: 50px;
    text-align: center;

}

.div_3D .div_btn {
    position: relative;
    width: 140px;
    height: 40px;
    left: 280px;
    top: 5px;
    background-color: #008DE9;
    border-radius: 20px;
    text-align: left;
    cursor: pointer
}

.div_3D .div_btn .div_img {
    position: relative;
    top: 10px;
    left: 20px;
    width: 20px;
    height: 20px;
    background: url("../images/hexagon.png") no-repeat;
    border: 0 !important;
}

.div_3D .div_btn span {
    position: relative;
    top: -8px;
    left: 52px;
    color: #ffff;
}

.flex {
    display: flex;
    align-items: flex-end;
}

.more {
    margin-left: 10px;
    cursor: pointer;
}

/*# sourceMappingURL=support.css.map */
@media screen and (max-width: 1367px) {
    .products-list {
        min-width: 1000px;
    }

    .products-list .box {
        width: 26vw;
        min-width: 320px;
    }

    .phone .products-list {
        min-width: auto;
    }

    .phone .products-list .box {
        width: 26vw;
        min-width: auto;
    }

    .phone .support-banner {
        min-width: 750px;
    }

    .product-info {
        display: flex;
    }

    .phone .product-info {
        display: block;
    }

    .product-info .pro-img {
        flex-shrink: 0;
    }

    .pop-video .pop-video-box {
        width: 800px;
    }
}

/* 20220802 新版移动端 */
#m {
    display: none;
}

.phone #pc {
    display: none;
}

.phone #m {
    display: block;
    background: #F5F7FA;
}

#m .m-banner {
    background-color: #fff;
    padding: 40px;
}

#m .m-banner>img {
    width: 100%;
}

#m .m-banner>div:nth-child(2) {
    margin-top: 20px;
    text-align: center;
    overflow-y: scroll;
    white-space: nowrap;
    width: 100%;
}

#m .m-banner .m-banner-item {
    flex-shrink: 0;
    width: 11vw;
    height: 11vw;
    border: 1px solid #999;
    border-radius: 10px;
    margin: 5px 10px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

#m .m-banner .m-banner-item img {
    max-width: 57px;
    max-height: 42px;
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#m .m-banner .btn-3d {
    margin-top: 30px;
    width: 29.8vw;
    border: 1px solid #707070;
    border-radius: 30px;
    font-size: 28px;
    color: #707070;
    height: 8vw;
}

#m .m-banner .btn-3d img {
    width: 3.6vw;
    margin-right: 2vw;
}

#m .m-desc {
    margin: 20px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px;
}

#m .m-desc .m-desc-title {
    color: #333;
    font-size: 36px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

#m .m-desc .m-desc-list {
    padding-top: 40px;
}

#m .m-desc .m-desc-list img {
    width: 7vw;
    height: 7vw;
    margin-right: 20px;
}

#m .m-desc .m-desc-list .m-desc-item:not(:nth-last-child(1)) {
    margin-bottom: 40px;
}

#m .m-desc .m-desc-list .m-desc-item .title {
    color: #333;
    font-size: 26px;
    margin-bottom: 20px;
}

#m .m-desc .m-desc-list .m-desc-item .sub-desc {
    color: #666;
    font-size: 22px;
    line-height: 40px;
}

#m .m-tab {
    background-color: #fff;
    position: relative;
}

#m .m-tab .m-tab-list {
    overflow-y: scroll;
}

#m .m-tab .m-tab-list .tab-item {
    font-size: 30px;
    color: #333;
    padding: 30px 30px;
    flex: 1;
    white-space: nowrap;
    text-align: center;
}

#m .m-tab .m-tab-list .m-active {
    position: relative;
    color: #008DE9 !important;
}

#m .m-tab .m-tab-list .m-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    height: 7px;
    background-color: #008DE9;
    border-radius: 0 0 5px 5px;
    animation: act 0.5s;
}

@keyframes act {
    0% {
        opacity: 0;
        width: 0;
        left: 50%;
    }

    100% {
        opacity: 1;
        left: 20%;
        width: 60%;
    }
}

#m .m-translucent::after {
    content: '';
    position: absolute;
    right: 0;
    height: 90px;
    width: 3vw;
    background-color: #fff;
}

/* #m .m-translucent::before {
    content: '';
    position: absolute;
    right: 2.5vw;
    height: 90px;
    width: 10vw;
    background: linear-gradient(to left, #fff, transparent);
} */

#m .m-tab .m-search {
    margin: 20px 0 40px;
    width: 94vw;
    height: 8.5vw;
    padding: 0px 20px;
    border: 1px solid #eee;
    border-radius: 5vw;
}

#m .m-tab .m-search input {
    font-size: 26px;
    padding-left: 10px;
    width: 100%;
}

#m .m-tab .m-search input::-webkit-input-placeholder {
    color: #999;
}

#m .m-tab .m-search i {
    font-size: 32px;
    color: #9E9E9E;
}

/* 文档 */
#m .m-file {
    display: flex;
    height: calc(100vh - 13vw - 214px);
}

#m .m-file .m-file-left {
    width: 29vw;
    background-color: #F5F5F5;
    font-size: 26px;
    height: calc(100vh - 13vw - 214px);
    overflow-y: scroll;
}

#m .m-file .m-file-left .all {
    padding-left: 2vw;
    height: 90px;
    line-height: 90px;
    font-size: 27px;
}

#m .m-file .m-file-left .el-collapse-item__header {
    font-weight: 500;
    background: #F5F5F5;
}

#m .m-file .m-file-left .el-collapse-item__arrow {
    transform: rotate(90deg);
}

#m .m-file .m-file-left .el-collapse-item__arrow.is-active {
    transform: rotate(-90deg);
}

#m .m-file .m-file-left .el-collapse-item__wrap {
    background: #fff;
}

#m .m-file .m-file-left .child-name {
    font-size: 24px;
    color: #666;
    margin-left: 30px;
    height: 80px;
    line-height: 80px;
}

#m .m-file .m-file-left .child_active {
    position: relative;
    color: #008DE9;
}

#m .m-file .m-file-left .child_active::before {
    position: absolute;
    content: '';
    background-color: #008DE9;
    width: 5px;
    height: 28px;
    left: -30px;
    top: 26px;
}

#m .m-file .m-file-right {
    height: calc(100vh - 13vw - 214px);
    flex: 1;
    background-color: #fff;
    min-height: 60vh;
    padding: 0 20px 20px;
    border-top: 1px solid #EEEEEE;
    overflow-y: scroll;
    position: relative;
}

#m .m-file .m-file-right .selectAll {
    position: sticky;
    background-color: #fff;
    z-index: 999;
    top: -2px;
    left: 0px;
    right: 0px;
    padding: 0 20px 0 0;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    height: 90px;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
}

#m .m-file .m-file-right .selectAll .title {
    font-weight: 600;
    font-size: 28px;
}

#m .m-file .m-file-right .m-file-list {
    color: #333;
}

#m .m-file .m-file-right .m-file-list .child-list {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}


#m .m-file .m-file-right .m-file-list .sub-title {
    font-size: 27px;
    line-height: 60px;
}

#m .m-file .m-file-right .m-file-list .name {
    font-size: 25px;
    line-height: 40px;
    margin-top: 20px;
}

#m .m-file .m-file-right .m-file-list .msg {
    font-size: 22px;
    color: #999;
    margin-top: 20px;
    line-height: 32px;
}

/* 案例 */
#m .m-case {
    background-color: #F7F6FD;
    padding-bottom: 10px;
}

#m .m-screen {
    line-height: 80px;
    font-size: 26px;
    padding: 20px;
}

#m .m-drawer {
    background-color: #fff;
    height: 100%;
    font-size: 30px;
    border-radius: 43px 43px 0 0;
    overflow: hidden;
}

#m .m-drawer .case-item {
    border-bottom: 1px solid #E4E4E6;
    height: 8vh;
    line-height: 8vh;
    text-align: center;
}

#m .m-drawer .case-item:nth-last-child(1) {
    border-bottom: none;
    border-top: 10px solid #F2F2F4;
}

#m .m-case-list {
    font-size: 24px;
    margin: 0 20px;
}

#m .m-case-list .m-case-item {
    padding: 30px;
    background: linear-gradient(#F3F6F9 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 14px 1px rgba(55, 99, 170, 0.1000);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #FFFFFF;
    margin-bottom: 20px;
}

#m .m-case-list .m-case-item .title {
    line-height: 40px;
}

#m .m-case-list .m-case-item>div:nth-child(2) {
    margin-top: 30px;
    font-size: 22px;
    color: #999;
}

/* 软件 */
#m .m-soft {
    background-color: #F7F6FD;
    padding-bottom: 10px;
}

#m .m-check>div {
    color: #999;
    font-size: 22px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    margin-right: 20px;
    line-height: 30px;
}

#m .m-check>.active {
    color: #008DE9;
    background-color: #D2EEFF;
}

#m .m-screen .m-tips {
    font-size: 22px;
    color: #999;
}

#m .m-soft .m-soft-list {
    margin: 0px 20px 20px;
    font-size: 26px;
    color: #333;
    line-height: 40px;
    border-radius: 10px;
    background: url('../../assets/images/mSoftBg.png') no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    padding-bottom: 0;
    box-shadow: 0 4px 14px 1px rgba(55, 99, 170, 0.1);
}

#m .m-soft .m-soft-list .m-soft-item {
    padding-bottom: 20px;
}

#m .m-soft .m-soft-list .detail {
    font-size: 24px;
    color: #008DE9;
    text-align: center;
    border-top: 1px solid #eee;
    line-height: 80px;
}


#m .m-soft .m-soft-list .detail .el-icon-arrow-right {
    font-size: 18px;
    font-weight: 600;
}

#m .m-soft .m-soft-list .info {
    font-size: 24px;
    color: #333;
    line-height: 50px;
}

#m .m-soft .m-soft-list .info>div {
    flex: 1;
}

/* 视频 */
#m .m-video-list {
    font-size: 24px;
    margin: 0 20px;
}

#m .m-video-list .m-video-item {
    padding: 20px;
    background: linear-gradient(#F3F6F9 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 14px 1px rgba(55, 99, 170, 0.1000);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #FFFFFF;
    margin-bottom: 20px;
}

#m .m-video-list .m-video-item img {
    width: 36.6vw;
    height: 20vw;
    flex-shrink: 0;
    border-radius: 5px;
    margin-right: 20px;
}

#m .m-video-list .m-video-item .m-video-img:before {
    position: absolute;
    content: '';
    background: url(../images/sup-video-play.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    left: calc(50% - 35px);
    top: calc(50% - 25px);
}

#m .m-video-list .m-video-item .title {
    line-height: 40px;
    color: #333;
    font-weight: 600;
    font-size: 26px;
}

#m .m-video-list .m-video-item>div>div:nth-child(2) {
    margin-top: 40px;
    font-size: 22px;
    color: #999;
    width: 100%;
}

/* 软件机框固件类别多选 */
#m .m-shelf .m-shelf-list {
    height: calc(100% - 90px);
    overflow-y: scroll;
    padding: 0 20px;
}

#m .m-shelf .m-shelf-list .title {
    font-size: 30px;
    line-height: 90px;
}

#m .m-shelf .m-shelf-list .m-shelf-item {
    /* width: 30vw; */
    background-color: #F6F6F6;
    line-height: 60px;
    border-radius: 60px;
    text-align: center;
    margin: 0 20px 20px 0;
    padding: 0 30px;
}

#m .m-shelf .m-shelf-list .m-shelf-item:nth-last-child(1) {
    margin-right: auto;
}

#m .m-shelf .m-shelf-list .active {
    color: #fff;
    background-color: #008DE9;
}

#m .shelf-btn {
    width: 100vw;
}

#m .shelf-btn>div {
    font-size: 30px;
    flex: 1;
    line-height: 90px;
    text-align: center;
    background-color: #EDEDEE;
}

#m .shelf-btn>div:nth-child(1) {
    border-right: 1px solid #ccc;
}

/* 搜索 */
#m .m-search .el-drawer {
    min-height: 290px;
}

#m .search-title {
    line-height: 100px;
}

#m .search-inp {
    margin: 0 20px 20px;
    border: 2px solid #eee;
    border-radius: 60px;
    padding: 20px 30px;
    color: #999;
}

#m .search-inp input {
    font-size: 26px;
    flex: 1;
}

#m .search-btn {
    width: 100vw;
    position: absolute;
    bottom: 0;
}

#m .search-btn>div {
    font-size: 30px;
    flex: 1;
    line-height: 90px;
    text-align: center;
}

#m .search-btn>div:nth-child(1) {
    background-color: #EDEDEE;
}

#m .search-btn>div:nth-child(2) {
    color: #fff;
    background-color: #008DE9;
}

#m .m-loading {
    height: 40vh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #999;
}

/* 空数据 */
#m .m-empty {
    height: 40vh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #999;
}

#m .m-empty img {
    width: 50vw;
}

/* 筛选 */
#m .m-sort>span {
    position: relative;
    padding-right: 30px;
}

#m .m-sort>span:nth-child(1) {
    margin-right: 30px;
}

#m .m-sort>span::before {
    content: '\e790';
    position: absolute;
    font-size: 24px;
    right: 0;
    bottom: -5px;
    font-family: element-icons !important;
}

#m .m-sort>span::after {
    content: '\e78f';
    position: absolute;
    font-size: 24px;
    right: 0;
    top: -10px;
    font-family: element-icons !important;
}

#m .m-sort .cur {
    color: #008DE9;
}

#m .m-sort .cur:before,
#m .m-sort .cur:after {
    color: #333;
}


#m .m-sort .cur.down:before {
    color: #008DE9 !important;
}

#m .m-sort .cur.up:after {
    color: #008DE9 !important;
}

/* checkbox */
#m .m-file .m-file-right .checkbox span {
    padding-left: 45px;
    position: relative;
    line-height: 31px;
}

#m .m-file .m-file-right .checkbox span::before {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #999;
}

#m .m-file .m-file-right .checkbox input:checked+span::before {
    background-color: #008DE9;
    border: 1px solid #008DE9;
}

#m .m-file .m-file-right .checkbox input:checked+span::after {
    content: '\e6da';
    position: absolute;
    color: #fff;
    font-size: 26px;
    left: 2px;
    top: -5px;
    font-family: element-icons !important;
}

#m .m-file .m-file-right .selectAll .checkbox input:checked+span::after {
    top: -1px;
}

/* 移动端弹窗 */
#m .mDown {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 13vw;
    background-color: #fff;
    line-height: 13vw;
    text-align: center;
    z-index: 999;
    font-size: 30px;
    box-shadow: 0 0 14px 1px rgba(55, 99, 170, 0.1);
}

#m .m-dialog .m-dialog-mian {
    padding: 60px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

#m .m-dialog .m-dialog-btnbox {
    font-size: 30px;
    color: #000;
}

#m .m-dialog .m-dialog-btnbox>div {
    flex: 1;
    text-align: center;
    padding: 30px;
}

#m .m-dialog .m-dialog-btnbox>div:active {
    background-color: #eee;
}

#m .m-dialog .m-dialog-btnbox>div:nth-child(1) {
    border-right: 1px solid #E5E5E5;
}


#m .m-video-dialog .el-dialog {
    background-color: transparent;
}

#m .m-video-dialog video {
    width: 100%;
}

#m .m-video-dialog .m-video-close {
    height: 200px;
}

#m .m-video-dialog .m-video-close img {
    position: relative;
    width: 50px;
    height: 50px;
    left: calc(50vw - 25px);
    top: 60px;
}

/* 移动端样式 */
.m-support-banner {
    width: 750px;
    background: url("../images/support-banner.png") center top no-repeat;
    height: 397px;
    position: relative;
}

.m-support-banner::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
}

.m-support-banner .t1 {
    padding-top: 94px;
    font-size: 48px;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 67px;
    height: 161px;
}

.m-support-banner .t2 {
    padding-top: 40px;
    text-align: center;
}

.m-support-banner .t2 .sup-ser {
    position: relative;
    display: inline-block;
}

.m-support-banner .t2 .sup-ser input {
    display: block;
    width: 600px;
    background-color: #fff;
    line-height: 70px;
    height: 70px;
    font-size: 26px;
    padding: 0 46px 0 20px;
    border-radius: 5px;
}

.m-support-banner .t2 .sup-ser span {
    position: absolute;
    right: 15px;
    background: url("../images/icon-ser.png") center center no-repeat;
    cursor: pointer;
    top: 20px;
    width: 25px;
    height: 25px;
    background-size: 100%;
}

.m-support-banner .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 59px;
    justify-content: space-evenly;
}

.m-support-banner .cate>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.m-support-banner .cate>ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    /* cursor: pointer; */
}

.m-support-banner .cate>ul>li:hover {
    color: #008DE9;
}

.m-support-banner .cate>ul>li:hover p {
    color: #008DE9;
}

.m-support-banner .cate .img {
    width: 44px;
    height: 44px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-support-banner .cate p {
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
}

.m-support-banner .case-box {}

.m-support-banner .case-box li {
    height: 134px;
    width: 214px;
    background: linear-gradient(180deg, #F3F6F9 0%, #FFFFFF 100%);
    box-shadow: 0px 4px 14px 1px rgba(55, 99, 170, 0.1);
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    float: left;
    text-align: center;
}

.m-support-banner .case-box li:not(:first-child) {
    margin-left: 24px;
}

.m-support-banner .case-box li .div_icon {
    padding: 16px 0 15px 0;
}

.m-support-banner .case-box li .div_icon p {
    height: 37px;
    font-size: 26px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 37px;
    margin-top: 10px
}

.mt59 {
    margin-top: 59px;
}

.mt130 {
    margin-top: 130px !important;
}

.m-sup-cate-tit {
    height: 120px;
    font-size: 36px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #353535;
    line-height: 50px;
    padding: 40px 0 30px 0;
}


.m-sup-cate-list {
    width: 100%;
    background: linear-gradient(180deg, #F3F6F9 0%, #FFFFFF 100%);
    box-shadow: 0px 4px 14px 1px rgba(55, 99, 170, 0.1);
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    padding: 0 0 42px 0;
}

.m-sup-cate-list .cate-box {
    width: 32.8%;
    height: 102px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-top: 42px;
}

.m-sup-cate-list .cate-box .img {
    height: 61px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-sup-cate-list .cate-box p {
    font-size: 24px;
    padding-top: 13px;
}

.bgfff {
    background-color: #fff;
}

.m-sup-cate-tab {
    width: 100%;
    height: 90px;
    line-height: 90px;
    font-size: 28px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 1px rgba(55, 99, 170, 0.1);
    overflow-x: auto;
}

.m-sup-cate-tab .cate-btn {
    padding: 0px 45px;
    display: inline-block;
    line-height: 90px;
    font-size: 28px;
    cursor: pointer;
}

.m-sup-cate-tab .cate-btn.cur {
    color: #008DE9;
}

.mt50 {
    margin-top: 50px;
}

.mb20 {
    margin-bottom: 20px;
}

.products-list {
    font-size: 0;
    line-height: 0;
}

.m-products-list>ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 60px 0
}

.m-products-list>ul>li {
    flex-shrink: 0;
    display: flex;
    width: calc(50% - 13px);
    justify-content: center;
    vertical-align: top;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 1px rgba(55, 99, 170, 0.1);
    border-radius: 8px;
    margin-top: 20px;
}

.m-products-list>ul>li:nth-child(even) {
    margin-left: 26px;
}

.m-products-list .box {
    width: 100%;
    background-color: #F6F6F6;
    border-radius: 5px;
    position: relative;
    min-height: 304px;
    cursor: pointer;
}

.m-products-list .box .img {
    width: 100%;
    height: 240px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.m-products-list .box .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.m-products-list .box .tit {
    font-size: 28px;
    line-height: 64px;
    padding-left: 20px;
    padding-right: 40px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    position: relative;
}

.m-products-list .box .tit:hover {
    color: #008DE9;
}

.m-products-list .box:hover {
    color: #008DE9;
}

.m-products-list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.m-pages {
    text-align: center;
    line-height: 56px;
    font-size: 26px;
    margin: 50px 0 50px 0
}

.hot-tag{
    background: linear-gradient(90deg, #FF9B0B 0%, #FF7F0E 100%);
    border-radius: 2px;
    font-size:10px;
    color:#fff;
    display: inline-block;
    text-align: center;
    height:18px;
    line-height:18px;
    padding:0 3px;
}
.new-tag{
    background:linear-gradient(90deg, #218AFE 0%, #008DE9 100%);
    border-radius: 2px;
    font-size:10px;
    color:#fff;
    display: inline-block;
    text-align: center;
    height:18px;
    line-height:18px;
    padding:0 3px;
}
.jian-tag{
    height:18px;
    line-height:18px;
    padding:0 3px;
    border-radius: 2px;
    font-size:10px;
    color:#fff;
    display: inline-block;
    text-align: center;
    background: linear-gradient(90deg, #FF5B5B 0%, #FF3636 100%);
}

.u-hot-tag{
    font-size: 13px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FF3B3B;
    line-height: 30px;
}
.u-new-tag{
    font-size: 13px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #058DEC;
    line-height: 30px;
}
.u-jian-tag{
    font-size: 13px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FF7F05;
    line-height: 30px;
}


.m-hot-tag{
    height:28px;
    line-height:26px!important;
    background: linear-gradient(269deg, #FF3636 0%, #FF5A5A 100%);
    border-radius: 5px;
    font-size:20px;
    padding:0 2px;
    color:#fff;
    display: inline-block;
    text-align: center;
}
.m-new-tag{
    height:28px;
    line-height:26px!important;
    background: linear-gradient(90deg, #218AFE 0%, #017AFF 100%);
    border-radius: 5px;
    font-size:20px;
    padding:0 2px;
    color:#fff;
    display: inline-block;
    text-align: center;
}
.m-jian-tag{
    height:28px;
    line-height:26px!important;
    background: linear-gradient(90deg, #FF9B0B 0%, #FF7F0E 100%);
    border-radius: 5px;
    padding:0 2px;
    font-size:20px;
    color:#fff;
    display: inline-block;
    text-align: center;
}
.u-m-hot-tag{
    height: 28px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
    font-weight: normal;
    color: #FF3B3B;
    font-weight: bold;
}
.u-m-new-tag{
    height: 28px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
    font-weight: normal;
    color: #058DEC;
    font-weight: bold;
}
.u-m-jian-tag{
    height: 28px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
    font-weight: normal;
    color: #FF7F05;
    font-weight: bold;
}

.supimg11{display: none;}
.supimg12{display: none;}
.supimg13{display: none;}
.supimg14{display: none;}
.supimg15{display: none;}
.supimg16{display: none;}
.supimg17{display: none;}
.cate001:hover .supimg11{
    display: block;
}
.cate001:hover .supimg01{
    display: none;
}

.cate002:hover .supimg12{
    display: block;
    width: 34px;
}
.cate002:hover .supimg02{
    display: none;
}
.cate003:hover .supimg13{
    display: block;
    width: 31px;
}
.cate003:hover .supimg03{
    display: none;
}

.cate004:hover .supimg14{
    display: block;
}
.cate004:hover .supimg04{
    display: none;
}
.cate005:hover .supimg15{
    display: block;
}
.cate005:hover .supimg05{
    display: none;
}

.cate006:hover .supimg16{
    display: block;
    width: 41px;
}
.cate006:hover .supimg06{
    display: none;
}
.cate007:hover .supimg17{
    display: block;
}
.cate007:hover .supimg07{
    display: none;
}