﻿/* Base styles: opinionated defaults */
/*  */
/*body {overflow-x: hidden;}*/
.container { padding-right: 0;padding-left: 0; }
/* Author's custom styles */
/* nav-module */
.ls-header { height:88px; }
.ls-header .logo { float: left;width:159px;height: 49px;background: url(../../img/logo.jpg) no-repeat;margin-top: 19.5px;}
.ls-header .nav { float: left;margin-left: 540px;margin-top: 38px; }

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .ls-header .nav {margin-left: 10%;}
    .ls-header .nav li {margin-right: 20px !important;}
}

.ls-header .nav li { position: relative;float: left;margin-right: 40px;text-align: center;cursor: pointer;padding-bottom: 20px; }
.ls-header .nav li a { display: block;animation: all .5s ease-out;font-size: 18px;width: 100%;height: 30px;line-height: 30px;border-bottom: 2px solid #fff; }
.ls-header .nav ul li:hover>a { color: #26a7eb;border-bottom: 2px solid #26a7eb; }
.ls-header .nav li ul { position: absolute;left: 50%;top: 50px;z-index: 20;background: #fff;transform: translate(-50%);display: none; padding-bottom: 20px; }
.ls-header .nav li:hover ul { display: block; }
.ls-header .nav li ul li {height: 38px;line-height: 38px;margin-right: 0;width: auto;word-break: keep-all; }
.ls-header .nav li ul li a {font-size: 14px;color: #5e5e5e;border-bottom: 0;margin-top: 0;height: 38px;line-height: 38px;padding: 0 20px;}
.ls-header .nav li li:hover a { color: #000;border-bottom: 0; }
.ls-header .lan-version { height: 30px;line-height: 30px;float: right;cursor: pointer;font-size: 16px;margin-top: 38px; }
@media screen and (max-width: 767px){
    .ls-header {height: 50px;}
    .ls-header .logo {background-size: 100px 30px;width: 100px;height: 30px;margin-top: 15px;}
    .ls-header .lan-version {margin-top: 15px;}
}
@media screen and (max-width: 1199px) {
    .bottom-nav-container {
        display: none;
    }
}
@media screen and (max-width: 767px){
    .ls-header .nav {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .slide-nav-btn {display: none;}
    .nav-list {display: none;}
}
@media screen and (max-width: 767px) {
    .container {padding: 0 15px;}
    .slide-nav-btn {display: block;float: right;height: 50px;width: 44px;margin-left: 20px;}

    .slide-nav-btn .img-box {
        width: 27px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        background-image: url("../../img/sideBarBtn.jpg");
        -webkit-background-size: 27px 22px;
        background-size: 27px 22px;
        background-repeat: no-repeat;
        /*background-position: -140px 0;*/
        margin-top: 16px;
        /*width:54px;height:44px;*/
    }
    .slide-nav-btn .changeIcon {
        background-image: url("../../img/nav.png");
        -webkit-background-size: 19px 19px;
        background-size:19px 19px;
        background-repeat: no-repeat;
    }
        /*.slide-nav-btn .img-box img {width: 100%;height: 100%;}*/
        /*.slide-nav-btn .img-box img {width: 100%;height: 100%;}*/
    .sideBar .nav-list {position: absolute;top: 50px;left: 100%;z-index: 30;display: none;overflow: hidden;width: 100%;}
    .sideBar .showOn {
        transform: translateX(-100%);
        display: block;
    }
    .nav-list li {word-break: keep-all;word-wrap: break-word;line-height: 38px;font-size: 14px;padding: 0 10px;min-width: 600px;background: #fff;overflow: hidden;border-bottom: 1px solid #eee;}
    .nav-list li li {border-bottom: none;}
    .nav-list li li {width: 100%;}
    .nav-list li a {color: #000;}
}
/* nav-module end */
/* banner-module */
/*.banner {margin-bottom: 84px;}*/
.swiper-container {width: 100%;height: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-wrapper { position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform ; box-sizing: content-box; }
.swiper-slide {
    text-align: center;
    overflow: hidden;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    /*height: 575px;*/
    position: relative;
    /*background: url("../img/banner2.jpg") no-repeat center center;*/
    /*background-size: 0 580px;*/
}
/*@media screen and (max-width: 1199px){*/
    /*.swiper-slide {*/
        /*height: 348px;*/
        /*background: url("../img/phone-1.jpg") no-repeat center center;*/
    /*}*/
/*}*/
@media screen and (max-width: 991px){
    .swiper-slide img {
        width: 1200px;
        height: 400px;
    }
}
@media screen and (max-width: 767px){
    .swiper-slide img {
        width: 800px;
        height: 280px;
    }
}
@media screen and (max-width: 479px){
    .swiper-slide img {
        width: 600px;
        height: 220px;
    }
}

@media screen and (min-width: 1200px){
    .swiper-slide img {
        
    }
}
.swiper-pagination {

}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0.8rem  ;
    left: 0;
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 5%;
    }
    /*.swiper-pagination-bullet {margin-right: 30px !important;}*/
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination-bullet {
    /*background: url("../img/no-selected22.png") no-repeat center center;*/
    display: inline-block;
    width: 15px;
    height: 5px;
    cursor: pointer;
    margin: 0 6px ;
    background-color: #808080;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    /*background: url("../img/selected.png") no-repeat center center;*/
    background-color: #fff;
    opacity: 1;
}
.swiper-button-prev ,
.swiper-button-next {
    position: absolute;
    width: 29px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    z-index: 20;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0, 0, 0.15,-0.93);
}
@media screen and (min-width: 1200px) {
    .swiper-container:hover .swiper-button-prev ,
    .swiper-container:hover .swiper-button-next {
        opacity: 1;
    }
}
.swiper-button-prev {
    background: url("../../img/arrow-left.png") no-repeat center center;
}
.swiper-button-next {
    z-index: 22;
    background: url("../../img/arrow-right.png") no-repeat center center;
}
@media screen and (min-width: 1170px) {
    .swiper-button-prev {right: 50%;margin-right: 700px;}
    .swiper-button-next {left: 50%;margin-left: 700px;}
}
@media screen and (max-width: 1199px) {
    .swiper-button-prev {left: 40px;}
    .swiper-button-next {right: 40px;}
}
/* banner-module end */
/* main content */
.main-content { margin-top: 84px;margin-bottom: 40px; }
.main-service-items { text-align: center;width: 100%; }

.main-service-items .items-column {
    float: left;
    height: 290px;
    /*border: 1px solid #dcdcdc;*/
    margin-bottom: 44px;
    /*padding-top: 168px;*/
    cursor: pointer;
    box-shadow: 0 2px 5px 0 #CCCBCB;
    border-radius: 3px;
    /*overflow: hidden;*/
    /*background-color: #fff;*/
    transition: all 0.3s ease;
    display: block;
}
.main-service-items .items-column .column-icon {
    height: 168px;
    line-height: 168px;
    text-align: center;
}
.main-service-items .items-column:hover .column-icon img {
    animation: iconImage 0.6s ease-out;
}
@-webkit-keyframes iconImage {
    0%{opacity: 0;transform: scale(0.6);}
    20%{transform: rotate(360deg) scale(1);opacity: 0.4;}
    80%{transform: scale(0.5);opacity: 0.5;}
    100%{transform: scale(1);opacity: 1;}
}
.main-service-items .items-column:hover {
    /*box-shadow: 0 0 4px rgba(0,0,0,0.4);*/
    /*border-color: #dca7a7;*/
    box-shadow: 0 2px 8px 4px #E9E9E9;
    transform: translateY(-6px);
    /*opacity: 0.8;*/
}

.main-service-items .items-column h4 { font-size: 18px;line-height: 36px;margin: 0; }
.main-service-items .items-column .summary { width: 256px;margin: 0 auto;font-size: 14px;line-height: 22px;color: gray; }
@media screen and (max-width: 767px) {
    .main-service-items .items-column {width: 100% !important;border: none;box-shadow: none;}
}
@media screen and (max-width: 1199px) {
    .main-service-items .items-column {margin-right: 28px;width: 361px;}
    .main-service-items .items-column:nth-child(2n) {margin-right: 0;}
}
@media screen and (min-width: 1200px) {
    /*container=970px*/
    .main-service-items .items-column {width: 361px;margin-right: 43.5px;height: 293px;}
    .main-service-items .items-column:nth-child(3n) { margin-right: 0; }
}

    /*产品动态等公司信息*/
.company-news-info-container { background: #f1f1f1;position: relative; }
.company-news-info-wrapper { padding: 66px 0; }
.hot-dynamic {float: left;width: 790px;}
.hot-dynamic .title-box,
.company-news-info-wrapper .about-us .title-box {height: 56px;}
.hot-dynamic .title-box h3,
.company-news-info-wrapper .about-us .title-box h3 {font-size: 33px;margin: 0;float: left;margin-right: 60px;line-height: 56px;}
.hot-dynamic .title-box .lsTab {float: left;margin-right: 38px;margin-top: 20px;cursor: pointer;font-size: 20px;color: #000;line-height: 35px;}
@media screen and (max-width: 1199px){
    .hot-dynamic {width: 100%;}
    .dynamic-news-wrapper .dynamic-news .news-item {width: 40%;}
    .dynamic-news-wrapper .dynamic-news .news-item:nth-child(2n) {margin-right: 0;}
    .company-news-info-wrapper .about-us {float: left !important;}
}
@media screen and (max-width: 767px){
    .hot-dynamic {padding: 0 15px;}
    .dynamic-news-wrapper .dynamic-news .news-item {width: 40% !important;margin-right: 10% !important;}
    .dynamic-news-wrapper .dynamic-news .news-item:nth-child(2n) {margin-right: 0;}

}
/*活跃状态*/
.hot-dynamic .title-box .active {border-bottom: 1px solid #00a0e9;color: #00a0e9;}
.hot-dynamic .title-box .lsTab:hover {border-bottom: 1px solid #00a0e9;color: #00a0e9;}
@media screen and (max-width: 767px){
    .hot-dynamic .title-box h3 {margin-right: 24px;}
    .hot-dynamic .title-box .lsTab {margin-right: 20px;}
}
.dynamic-news-wrapper {}
.dynamic-news-wrapper .dynamic-news {min-height: 250px;}
.dynamic-news-wrapper .lsHide {display: none;}
.dynamic-news-wrapper .dynamic-news .news-item {margin: 22px 50px 0 0;width: 345px;float: left;}
.dynamic-news-wrapper .dynamic-news .news-item .title {border-right: 1px solid #767a7d;margin: 0;height: 20px;line-height: 20px;padding-right: 20px;overflow: hidden;}
.dynamic-news-wrapper .dynamic-news .news-item .title a {color: gray;display: inline-block;overflow: hidden;}
.dynamic-news-wrapper .dynamic-news .news-item .date {line-height: 20px;color: gray;}

.company-news-info-wrapper .about-us {float: right;width: 370px;}
.company-news-info-wrapper .about-us .img-box {width: 360px;height: 217px;overflow: hidden;float: left;}
@media screen and (max-width: 767px){
    .company-news-info-wrapper .about-us .img-box {width: 100%;}
    .company-news-info-wrapper .about-us .img-box img {width: 100%;}
}
.company-news-info-wrapper .about-us .img-box img {
    transition: all 0.6s ease-in;
}
.company-news-info-wrapper .about-us .img-box:hover img {
    transform: scale(1.1);
}
.company-news-info-wrapper .about-us .title-box h3 {margin-bottom: 22px;}

/*底部导航信息*/
.bottom-nav-container { background: #373f4a; }
.bottom-nav-wrapper { padding: 50px 0; }
.bottom-nav {float: left;width: 624px;}
.bottom-nav dl { float: left;text-align: left;margin-right: 100px;margin-bottom: 0; width: 100px;}
.bottom-nav dl dt {margin-bottom: 12px;}
.bottom-nav dl dt a {font-size: 16px;color: #fff;}
.bottom-nav dl dd {line-height: 36px;}

.bottom-nav dl dd a {
    font-size: 14px;
    color: gray;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
/*.bottom-nav dl dd a:hover {color: #fff;}*/
    /*二维码块*/
.code-img {float: left;width: 190px;height: 156px;border-right: 1px solid #9b9fa5;padding-top: 17px;}
.code-img .code-intro {height: 36px;line-height: 36px;padding-left: 30px;background: url("../../img/wechat-icon.png") no-repeat left center;font-size: 14px;color: gray;}
.contact-info {float: right;width: 290px;}
.contact-info h5 {font-size: 14px;color: gray;line-height: 24px;margin: 8px 0;}
.contact-info .contact-phone {font-size: 31px;color: #fff;line-height: 34px;}
.contact-info .contact-mail {width: 240px;cursor: pointer;height: 40px;line-height: 40px;color: #1075e5;font-size: 14px;padding-left: 44px;background: url("../../img/mailbox.png") no-repeat 14px center;border: 1px solid #1075e5;border-radius: 4px; }

/*尾部*/
footer { height: 76px;line-height: 76px;text-align: center;font-size: 14px;background: #282f37;color: #fff; }

/*关于我们*/
.link-us-main {margin-bottom: 60px;}
.ls-sub-banner {max-width: 100%;height: 350px;}
.ls-as-banner-bg {background: url("../../img/as-change1.jpg") no-repeat;}
@media screen and (max-width: 768px) {
    #ls-banner {height: 350px;background-size: 1200px 350px;}
}
@media screen and (max-width: 468px) {
    #ls-banner {height: 300px;background-size: 900px 300px;}
}

.tab-btn-wrapper {margin: 80px 0;text-align: center;}
.tab-btn-wrapper li {margin-left: -8px;text-align: center;height: 72px;line-height: 72px;font-size: 30px;color: #d3d3d3;cursor: pointer;display: inline-block;padding: 0 2rem;background-color: #f6fafb;border: 1px solid #d3d3d3;}
.tab-btn-wrapper .ls-as-tab {background-color: #00a0e9;color: #fff;}
.tab-btn-wrapper li:nth-child(1) {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.tab-btn-wrapper li:nth-child(3) {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.tab-mainContent-wrapper .content-box {display: none;}
.tab-mainContent-wrapper .content-box:nth-child(1) {display: block;}
.tab-mainContent-wrapper .map-inbox {float: left;margin-right: 100px;margin-bottom: 70px;text-align: center;}
.tab-mainContent-wrapper .link-info {float: left;text-align: left;}
.tab-mainContent-wrapper {margin-bottom: 60px;}

.tab-mainContent-wrapper .link-info .link-address ,
.tab-mainContent-wrapper .link-info .link-phone , 
.tab-mainContent-wrapper .link-info .link-mail {height: 80px;}
.tab-mainContent-wrapper .link-info .link-address ,
.tab-mainContent-wrapper .link-info .link-phone  {margin-bottom: 70px;}
.tab-mainContent-wrapper .link-info div img {float: left;margin-right: 32px;}
.tab-mainContent-wrapper .link-info .link-text {float: left;}
.tab-mainContent-wrapper .link-info .link-text h5 {margin: 0;line-height: 50px;color: #151515;font-size: 25px;}
.tab-mainContent-wrapper .link-info .link-text p {margin: 0;line-height: 22px;font-size: 16px;color: gray;word-break: keep-all;}
@media screen and (max-width: 767px) {
    .tab-mainContent-wrapper .map-inbox {width: 100%;text-align: center;margin-bottom: 70px;}
    .tab-mainContent-wrapper .map-inbox img {width: 100%;height: auto;}
    .tab-mainContent-wrapper .link-info {width: 100%;}
    .tab-mainContent-wrapper .link-info .link-text h5 {font-size: 16px !important;}
    .tab-mainContent-wrapper .link-info .link-text p {font-size: 12px !important;}
    .tab-mainContent-wrapper .link-info div img {margin-right: 14px;}
}
@media screen and (max-width: 541px) {
    .tab-btn-wrapper li {height: 40px;line-height: 40px;font-size: 20px;padding: 0 1rem;}
}
/*合作伙伴*/
.co-partner h5 {font-size: 16px;text-align: center;margin: 0 auto 34px;}
.co-partner .co-item {float: left;background: url("../../img/partner-line.png") no-repeat right center;}
.co-partner .co-item:nth-child(4) {background: none;}
.co-partner .co-item .img-box {width: 100%;height: 120px;text-align: center;}
.co-partner .co-item .img-box img {margin-top: 30px;}
/*.co-partner .wrapper .co-line {display: inline-block;background: url("../img/partner-line.png") no-repeat center center;width: 1px;height: 278px;float: left;}*/
@media screen and (max-width: 721px) {
    .co-partner .co-item {width: 50%;}
    .co-partner .co-item:nth-child(2) {background: none;}

}

/*公司介绍*/
.co-intro {width: 100%;}
.co-intro .intro-summay {text-indent: 2.8rem;font-size: 16px;margin-bottom: 0;word-spacing: 2px;letter-spacing: 1px;line-height: 28px;}
.co-intro .intro-main-info {margin-top: 70px;}
.co-intro .intro-main-info .info-left {padding-right: 50px;float: left;width: 50%;background: url("../../img/company-intro.jpg") no-repeat right top;min-height: 479px;}
.co-intro .intro-main-info .info-right {padding-left: 50px;float: left;width: 50%;padding-top: 22px;}
.co-intro .intro-main-info .info-right h4 {font-size: 25px;line-height: 40px;color: #00a0e9;margin-bottom: 10px;}
.co-intro .intro-main-info .info-right p {margin-bottom: 44px;font-size: 16px;color: #000;}
@media screen and (max-width: 700px) {
    .co-intro .intro-main-info .info-left {display: none;}
    .co-intro .intro-main-info .info-right {width: 100%;}
}

/*人才招聘*/
.ls-recruitment-banner-bg {background: url("../img/人才招聘-banner.jpg") no-repeat center center;}
.recruitment {margin: 70px auto;}
.recruitment .top-title {font-size: 33px;line-height: 90px;text-align: center;}
.recruitment .recruitment-summary {text-indent: 2.8rem;font-size: 16px;word-spacing: 2px;letter-spacing: 1px;line-height: 28px;margin-bottom: 70px;}
.address-link {margin-bottom: 50px;}
.address-link .address {height: 57px;line-height: 57px;width: 40%;float: left;padding-left: 107px;background: url("../img/人才招聘工作地点.jpg") no-repeat 36px center;height: 100%;font-size: 18px;color: #000;font-weight: 500;}
.address-link .link {height: 57px;line-height: 57px;width: 60%;float: left;padding-left: 107px;background: url("../img/人才招聘联系方式.jpg") no-repeat 36px center;height: 100%;font-size: 18px;color: #000;font-weight: 500;}

@media screen and (max-width: 1200px){
    .address-link .address {width: 100%;font-size: 12px;padding-left: 66px;background-position: 0 center;}
    .address-link .link {width: 100%;margin: 40px 0 0 0;font-size: 12px;padding-left: 66px;background-position: 0 center;}
}

.recruitment-content-wrapper .content {padding-top: 60px;margin-bottom: 128px;border-top: 1px solid #d3d3d3;}
.recruitment-content-wrapper .content-left {float: left;width: 214px;margin-right: 10%;}

@media screen and (max-width: 1200px) {
    .recruitment-content-wrapper .content-left {width: 100%;margin-right: 0;}
    .recruitment-content-wrapper .content-right {width: 100% !important;margin-top: 30px;}

}

.recruitment-content-wrapper .content-left .position-title {margin-bottom: 32px;font-size: 25px;margin-top: 0;}
.recruitment-content-wrapper .content-left li {position: relative;height: 41px;line-height: 41px;margin-bottom: 10px;}
.recruitment-content-wrapper .content-left li div {padding: 0 24px;background-color: #e9e9e9;font-size: 16px;color: #535353;display: inline-block;}
.recruitment-content-wrapper .content-left li span {position: absolute;width: 5px;height: 5px;background-color: #535353;border-radius: 50%;left: 12px;top: 18px;}


.recruitment-content-wrapper .content-right {float: left;width: 650px;}
.recruitment-content-wrapper .content-right .bg-title {height: 34px;line-height: 34px;font-size: 18px;margin: 0 0 6px 0;font-weight: 500;}
.recruitment-content-wrapper .content-right li {line-height: 30px;font-size: 16px;color: #5c5c5c;}
.recruitment-content-wrapper .content-right .job-requirements {margin-top: 70px;}


/*新闻*/
.ls-news-banner-bg {background: url("../../img/新闻banner.jpg") no-repeat center center;}
.news-content-wrapper {margin: 90px auto;}
.news-header-tab {margin-bottom: 44px;}
.news-header-tab div {width: 175px;height: 50px;background-color: #dfdfdf;text-align: center;font-size: 22px;line-height: 50px;float: left;margin-right: 14px;cursor: pointer;}
.news-header-tab .active {background-color: #00a0e9;color: #fff;}
.news-content-list .news-hide {display: none;}
.news-content-list li {height: 52px;line-height: 52px;overflow: hidden;border-bottom: 1px dashed #cdcdcd;list-style: none;}
.news-content-list li .news-page-title {float: left;font-size: 16px;color: gray;overflow: hidden;display: inline-block;}

.news-content-list li .news-page-data  {font-size: 16px;color: gray;float: right;}
@media screen and (max-width: 540px) {
    .news-content-list li .news-page-title {max-width: 405px;}
}
@media screen and (max-width: 375px) {
    .news-content-list li .news-page-title {max-width: 240px;}
    .news-header-tab div {width: 46%;margin-right: 0;}
    .news-header-tab div:nth-child(1) {margin-right: 2%;}
    .news-header-tab div:nth-child(2) {margin-left: 2%;}
}

/*新闻详情*/
.news-detail-top {font-size: 16px;height: 34px;line-height: 34px;margin-bottom: 20px;}
.news-detail-top a {font-size: 16px;}
.news-detail-title {font-size: 25px;height: 50px;line-height: 50px;text-align: center;margin: 0;}
.news-detail-date {font-size: 16px;color: ;text-align: center;margin: 0;height: 40px;line-height: 40px;margin-bottom: 12px;}
.news-detail-content {min-height: 350px;}
.news-detail-content .para {font-size: 14px;line-height: 36px;color: #444;margin: 0;text-indent: 24px;}


/* 产品 */
.ls-product-banner-bg {background: url('../../img/product-banner.jpg') no-repeat center center;height: 500px;}
.product-title {height: 30px;line-height: 30px;padding-left: 12px;border-left: 4px solid #1995d4;font-size: 28px;}

.pro-intro {margin-bottom: 70px;}
.pro-intro .product-title {margin: 70px 0;}

/*电视机需要支持如下功能*/
/*.tv-features-box {border: 1px solid #dcdbdb;width: 100%;margin-bottom: 86px;padding: 0 74px;}*/
.tv-features-box .title {text-align: center;height: 88px;line-height: 88px;color: #1c96d4;font-size: 25px;}
.features-content-box {margin-bottom: 44px;}  /*margin-bottom*/
/*.features-content-box .item {float: left;font-size: 16px;color: #5a5a5a;padding-left: 32px;background: url("../img/tv-features-right.jpg") no-repeat left center;margin-right: 75px;}*/
.features-content-box .item:nth-child(3) {margin-right: 0;}
.tv-features-box {border: 1px solid #dcdbdb;}

.pro-intro-content .content-item .item-summary {font-size: 16px;color: #5a5a5a;line-height: 30px;}
@media screen and (max-width: 467px) {
    .pro-intro-content .content-item {width: 100%;padding: 0 15px;margin-bottom: 30px;}
    .pro-intro-content .content-item .img-box {width: 100%;margin-bottom: 36px;border-radius: 50%;text-align: center;}
    .pro-intro-content .content-item .img-box img {width: 242px;height: 242px;margin: 0 auto;}
    /**/
    .tv-features-box  {padding: 0 20px ;}
    .features-content-box .item {width: 100%;font-size: 16px;color: #5a5a5a;padding-left: 32px;background: url("../../img/tv-features-right.jpg") no-repeat left 4px;margin-right: 75px;margin-bottom: 14px;line-height: 30px;}
    .tv-features-box {margin-bottom: 44px;border: none;}
}
@media screen and (min-width: 468px) and (max-width: 767px) {
    #main-product .product-container {width: 440px;}
    .pro-intro-content .content-item {width: 33.333%;float: left;}
    .pro-intro-content .content-item .img-box {width: 100%;margin-bottom: 20px;border-radius: 50%;text-align: center;}
    .pro-intro-content .content-item .img-box img {width: 100%;height: 100%;}
    .pro-intro-content .content-item:nth-child(1) {padding-right: 9px;} 
    .pro-intro-content .content-item:nth-child(2) {padding: 0 5px;}
    .pro-intro-content .content-item:nth-child(3) {padding-left: 9px;}
    .pro-intro-content .content-item .item-summary {font-size: 14px;color: #5a5a5a;line-height: 26px;}
    .pro-intro .product-title {margin: 40px 0;}

    /*电视机支持其他功能三块*/
    /*.tv-features-box {border: 1px solid #dcdbdb;width: 100%;margin-bottom: 86px;padding: 0 74px;}*/
    .tv-features-box  {padding: 0 20px ;}
    .features-content-box .item {width: 100%;font-size: 16px;color: #5a5a5a;padding-left: 32px;background: url("../../img/tv-features-right.jpg") no-repeat left 4px;margin-right: 75px;margin-bottom: 14px;line-height: 30px;}
    .tv-features-box {margin-bottom: 44px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .pro-intro-content .content-item {width: 33.333%;float: left;}
    .pro-intro-content .content-item .img-box {width: 100%;margin-bottom: 36px;border-radius: 50%;}
    .pro-intro-content .content-item .img-box img {width: 100%;height: 100%;transition: all .4s linear;border-radius: 50%;}
    .pro-intro-content .content-item .img-box:hover img {transform: scale(1.06)}
    .pro-intro-content .content-item:nth-child(1) {padding-right: 9px;} 
    .pro-intro-content .content-item:nth-child(2) {padding: 0 5px;}
    .pro-intro-content .content-item:nth-child(3) {padding-left: 9px;}
    .pro-intro-content .content-item .item-summary {font-size: 14px;color: #5a5a5a;line-height: 26px;}
    /*电视机支持其他功能三块*/
    /*.tv-features-box {border: 1px solid #dcdbdb;width: 100%;margin-bottom: 86px;padding: 0 74px;}*/
    .tv-features-box  {padding: 0 20px;}
    .features-content-box .item {width: 100%;font-size: 16px;color: #5a5a5a;padding-left: 32px;background: url("../../img/tv-features-right.jpg") no-repeat left 4px;margin-right: 75px;margin-bottom: 14px;line-height: 30px;}
    .tv-features-box {margin-bottom: 44px;}
}
@media screen and (min-width: 1200px) {
    .pro-intro-content .content-item {width: 33.333%;float: left;}
    .pro-intro-content .content-item .img-box {width: 100%;padding: 0 50px;margin: 0 auto;margin-bottom: 36px;border-radius: 50%;}
    .pro-intro-content .content-item .img-box img {width: 242px;height: 242px;transition: all .4s linear;border-radius: 50%;}
    .pro-intro-content .content-item .img-box:hover img {transform: scale(1.06)}
    .pro-intro-content .content-item:nth-child(1) {padding-right: 47px;} 
    .pro-intro-content .content-item:nth-child(2) {padding: 0 23px;}
    .pro-intro-content .content-item:nth-child(3) {padding-left: 47px;}
    .pro-intro-content .content-item .item-summary {font-size: 16px;color: #5a5a5a;line-height: 30px;}
    /**/
    .tv-features-box {border: 1px solid #dcdbdb;width: 100%;margin-bottom: 86px;padding: 0 74px;}
    .features-content-box .item {float: left;font-size: 16px;color: #5a5a5a;padding-left: 32px;background: url("../../img/tv-features-right.jpg") no-repeat left center;margin-right: 75px;line-height: 34px;}

}
/*.pro-intro-content .content-item {width: 33.333%;float: left;}*/
/*.pro-intro-content .content-item .img-box {width: 100%;padding: 0 50px;margin: 0 auto;margin-bottom: 36px;border-radius: 50%;}*/
/*.pro-intro-content .content-item .img-box .img-container {width: 242px;height: 242px;overflow: hidden;border-radius: 50%;background-color: #fff;}*/
/*.pro-intro-content .content-item .img-box img {width: 242px;height: 242px;transition: all .4s linear;border-radius: 50%;}*/
/*.pro-intro-content .content-item .img-box:hover img {transform: scale(1.06)}*/







/*ot feature*/
.ot-feature {margin-bottom: 84px;}
.ot-feature .item {width: 360px;height: 190px;font-size: 25px;color: #fff;line-height: 190px;text-indent: 162px;}
.ot-feature .item:nth-child(1) {background: #1a95d4 url("../../img/pro-proxy.png") no-repeat 90px center;}
.ot-feature .item:nth-child(2) {background: #afc168 url("../../img/pro-proxy2.png") no-repeat 90px center;}
.ot-feature .item:nth-child(3) {background: #57bfca url("../../img/pro-proxy3.png") no-repeat 90px center;}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ot-feature .item {width: 30%;background-position: 20px center !important;text-indent: 90px;float: left;}
    .ot-feature .item:nth-child(1) {margin-right: 5%;}
    .ot-feature .item:nth-child(2) {margin-right: 5%;}
    .ot-feature .item:nth-child(3) {}
}
@media screen and (min-width: 468px) and (max-width: 767px) {
    .ot-feature .item {width: 46%;background-position: 20px center !important;text-indent: 90px;display: block;margin-bottom: 4%;float: left;}
    /*.ot-feature .item:nth-child(n) {margin-right: 4%;}*/
    .ot-feature .item:nth-child(2n-1) {margin-right: 8%;}
    .ot-feature .item:nth-child(2n) {margin-right: 0;}
    .ot-feature .item {height: 120px;font-size: 20px;color: #fff;line-height: 120px;text-indent: 80px;}
    /*.ot-feature .item:nth-child(1) {margin-right: 4%;}*/
}
/*have some problems*/
@media screen and (max-width: 467px) {
    .ot-feature .item {width: 280px;background-position: 80px center !important;margin: 10px auto;}
    .ot-feature .item {height: 120px;font-size: 20px;color: #fff;line-height: 120px;text-indent: 80px;}
    /*.ot-feature .item:nth-child(1) {margin-right: 4%;}*/
}
@media screen and (min-width: 1200px) {
    .ot-feature .item {float: left;}
    .ot-feature .item:nth-child(1) {margin-right: 45px;}
    .ot-feature .item:nth-child(2) {margin-right: 45px;}
}

.ot-feature .product-title ,
.show-style .product-title {margin-bottom: 54px;}
.show-style {margin-bottom: 140px;}
.show-style .old-style {width: 36.5%;float: left;}
.show-style .new-style {width: 36.5%;float: right;}
.show-style .old-style img ,
.show-style .new-style img {width: 100%;height: auto;}
.show-style .style-arrow {float: left;width: 26.8%;}
.show-style .style-arrow p {text-align: center;font-size: 16px;margin: 74px 0 0 0;height: 46px;line-height: 46px;}
.show-style .style-arrow img {margin: 0 auto;display: block;}
.show-style .style-title {height: 76px;line-height: 76px;text-align: center;font-size: 20px;}
.show-style li {font-size: 16px;color: #5a5a5a;line-height: 32px; white-space: nowrap;}
.show-style .new-style ul {margin-left: 74px;}
@media screen and (max-width: 1199px) {
    .show-style .style-title {height: 56px;line-height: 56px;text-align: center;font-size: 18px;}
    .show-style li {font-size: 14px;color: #5a5a5a;line-height: 32px; white-space: nowrap;}
    .show-style .new-style ul {margin-left: 0;}
    .show-style .style-arrow p {text-align: center;font-size: 12px;margin: 40px 0 0 0;height: 46px;line-height: 46px;}
    .show-style .style-arrow img {margin: 10px auto;display: block;}
    .show-style li {white-space: normal; }
}
@media screen and (max-width: 767px) {
    .show-style .old-style {width: 100%;margin-bottom: 40px;}
    .show-style .new-style {width: 100%;}
    /*.show-style .style-title {height: 56px;line-height: 56px;text-align: center;font-size: 18px;}
    .show-style li {font-size: 14px;color: #5a5a5a;line-height: 32px; white-space: nowrap;}
    .show-style .new-style ul {margin-left: 0;}*/
    .show-style .style-arrow p {text-align: center;font-size: 14px;margin: 74px 0 0 0;height: 46px;line-height: 46px;display: none;}
    .show-style .style-arrow img {margin: 60px auto;display: block;display: none;}
}

/* 高速数据传输 */
.data-banner-bg {background: url("../../img/data-transfer.jpg") no-repeat center center;height: 500px !important;}
.core-tech {}
.core-tech .product-title {margin: 66px 0 40px 0;}
.core-tech .content img {float: left;}
.core-tech .content div {float: right;width: 816px;font-size: 16px;color: gray;text-indent: 30px;padding-top: 36px;display: inline-block;line-height: 30px;}
@media screen and (max-width: 1199px) {
    .core-tech .content div {float: left !important;width: auto;font-size: 16px;color: gray;text-indent: 30px;padding-top: 36px;}
}

.tech-feature .product-title {margin: 70px 0;}
.tech-feature .list-item {width: 500px;height: 140px;margin-bottom: 60px;padding-left: 150px;}
.tech-feature .list-item:nth-child(odd) {float: left;}
.tech-feature .list-item:nth-child(even) {float: right;}
.tech-feature .list-item:nth-child(1) {background: url("../../img/tech-f1.png") no-repeat left center;}
.tech-feature .list-item:nth-child(2) {background: url("../../img/tech-f2.png") no-repeat left center;}
.tech-feature .list-item:nth-child(3) {background: url("../../img/tech-f3.png") no-repeat left center;}
.tech-feature .list-item:nth-child(4) {background: url("../../img/tech-f4.png") no-repeat left center;}
.tech-feature .list-item:nth-child(5) {background: url("../../img/tech-f5.png") no-repeat left center;}
.tech-feature .list-item:nth-child(6) {background: url("../../img/tech-f6.png") no-repeat left center;}
.tech-feature .list-item .top-title {font-size: 18px;line-height: 36px;text-align: center;margin: 0;}
.tech-feature .list-item .item-summary {text-indent: 26px;font-size: 16px;color: gray;line-height: 30px;width: 340px;float: right;}
@media screen and (max-width: 1199px) {
    .tech-feature .list-item {width: 100% !important;}
    .tech-feature .list-item .item-summary {font-size: 14px;width: auto;}
}

/*传输速率*/
.transport-speed .product-title {margin: 30px 0 70px 0;}
.table-content .top {width: 100%;padding-left: 6%;height: 48px;line-height: 48px;}
.table-content .top .left {float: left;}
.table-content .top .right {float: right;}
.table-content .top span {display: inline-block;padding: 0 14px;}
.table-content .top .right span {padding-left: 26px;position: relative;}
.table-content .top .right span i {position: absolute;width: 18px;height: 14px;left: 0;top:17px;background-color: #b8733f;}
.table-content .top .right span:nth-child(2) i {background-color: #00a0e7;}


.table-font {font-size: 14px;color: gray;}
.table-content .t-main .left {float: left;width: 6%;height: 234px;}
.table-content .t-main .left .kuandai {float: left;width: 50%;text-align: center;height: 234px;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;}
.table-content .t-main .left .kuandai-value {float: left;width: 50%;writing-mode: vertical-lr;height: 234px;}
.table-content .t-main .left .kuandai-value span {height: 25%;display: inline-block;text-align: center;}
.table-content .t-main .right {width: 94%;float: left;height: 234px;}
.table-content .t-bottom {padding-left: 6%;width: 100%;margin-bottom: 50px;}
.table-content .t-bottom span {display: inline-block;width: 20%;line-height: 46px;text-align: center;}
.table-content .data-t {padding-left: 6%;width: 100%;}
.table-content .data-t table {width: 100%;border-color: #dadada;}
.table-content .data-t tr {width: 100%;}
.table-content .data-t tr td {width: 16.6666%;line-height: 44px;text-align: center;color: gray;font-size: 16px;}
.table-content .data-t tr:first-child td {color: #000;}
.table-content .data-t .color-box {width: 50%;height: 50%;height: 22px;margin: 0 auto;}
.table-content .data-t tr:nth-child(2) .color-box {background-color: #b8733f;}
.table-content .data-t tr:last-child .color-box {background-color: #00a0e7;}

/*396*248*/
/*满足用户需求*/
.satisfy-demand {margin-bottom: 100px;}
.satisfy-demand .product-title {margin: 70px 0;}
.satisfy-demand .content {width: 930px;margin: 0 auto;}
.satisfy-demand .content-item {width: 396px;}
.satisfy-demand .content-item .img-box {overflow: hidden;}
.satisfy-demand .content-item .img-box img {transition: all 0.4s ease-in;}
.satisfy-demand .content-item .img-box:hover img {transform: scale(1.1);}


.satisfy-demand .c-left {float: left;}
.satisfy-demand .c-right {float: right;}
.satisfy-demand .sub-title {line-height: 60px;text-align: center;font-size: 16px;}
@media screen and (max-width: 1199px) {
    .satisfy-demand .content-item {width: 46%;}
    .satisfy-demand .content {width: 100%;}
    .satisfy-demand .content-item img {width: 100%;}
    .satisfy-demand .sub-title {line-height: 40px;font-size: 14px;}
}

/*在线升级*/
.upgrade-banner-bg {background: url("../../img/upgrade.jpg") no-repeat center center;height: 500px !important;}
.upgrade-wrapper .topic {margin-top: 70px;text-indent: 26px;font-size: 16px;line-height: 30px;}
.upgrade-wrapper ul {padding: 0 170px;}
.upgrade-wrapper .sub-list-container {margin-bottom: 300px;}
.upgrade-wrapper .sub-list-container .main-content {width: 470px;margin: 60px 0 0 0;}
.upgrade-wrapper .sub-list-container li {margin-top: 130px;}
.upgrade-wrapper .sub-list-container li:nth-child(2n+1) img {float: left;}
.upgrade-wrapper .sub-list-container li:nth-child(2n+1) .main-content {float: right;}
.upgrade-wrapper .sub-list-container li:nth-child(2n) img {float: right;}
.upgrade-wrapper .sub-list-container li:nth-child(2n) .main-content {float: left;text-align: right;}
.upgrade-wrapper .sub-list-container .main-content h4 {font-size: 28px;line-height: 56px;margin: 0 0 10px 0;}
.upgrade-wrapper .sub-list-container .main-content p {font-size: 16px;line-height: 30px;margin: 0;line-height: 30px;color: gray;}
@media screen and (max-width: 1199px) {
    .upgrade-wrapper .sub-list-container {padding: 0;}
}
@media screen and (max-width: 767px) {
    .upgrade-wrapper .sub-list-container img {width: 30%;}
    .upgrade-wrapper .sub-list-container .main-content {width: 70%;}
    .upgrade-wrapper .sub-list-container li:nth-child(2n+1) .main-content {padding-left: 20px;}
    .upgrade-wrapper .sub-list-container li:nth-child(2n) .main-content {padding-right: 20px;}
}
@media screen and (max-width: 468px) {
    .upgrade-wrapper .sub-list-container img {display: none;}
    .upgrade-wrapper .sub-list-container .main-content {width: 100%;}
    .upgrade-wrapper .sub-list-container li {margin-top: 50px;padding: 0;}
    .upgrade-wrapper .sub-list-container .main-content {margin-top: 0;}
    .upgrade-wrapper .sub-list-container li:nth-child(2n+1) .main-content {padding-left: 0;}
    .upgrade-wrapper .sub-list-container li:nth-child(2n) .main-content {text-align: left;}
    .upgrade-wrapper .sub-list-container {margin-bottom: 80px;}
}


/*IOT 产品*/
.iot-banner-bg {background: url("../../img/iot-banner.jpg") no-repeat center center;height: 500px;}
.iot-intro {margin-bottom: 170px;}
.iot-intro {text-align: center;overflow: hidden;}
.iot-intro img {max-width: 100%;}
.iot-intro .title {font-size: 28px;margin: 135px 0 70px 0;}
.iot-intro .content {text-align: left;font-size: 16px;color: gray;text-indent: 36px;margin-bottom: 50px;line-height: 28px;letter-spacing: 1px;}
.iot-tech {margin-bottom: 160px;}
.iot-tech .title {font-size: 28px;margin-bottom: 70px;text-align: center;}

.iot-tech .list-item {width: 25%;float: left;padding: 0 35px;text-align: center;}
.iot-tech .list-item .top-img {height: 111px;}
.iot-tech .list-item .top-img img {transition: all .2s ease-in-out;}
.iot-tech .list-item:hover .top-img img {transform: rotate(360deg);}

.iot-tech .list-item h4 {line-height: 60px;font-size: 20px;font-weight: 500;color: #000;margin: 0;}
.iot-tech .list-item .summary {line-height: 24px;text-align: left;font-size: 14px;color: gray;}
@media screen and (max-width: 1120px) {
    .iot-tech .list-item {padding: 0 15px;}
    .iot-tech .list-item h4 {font-size: 18px;}
}
@media screen and (max-width: 767px) {
    .iot-tech .list-item {width: 50%;margin-bottom: 50px;}
    .iot-tech .list-item h4 {font-size: 16px;}
    .app-scenes .content-wrapper li {}
    .app-scenes .content-wrapper li .summary {min-height: 170px;}
}
@media screen and (max-width: 468px) {
    .iot-tech .list-item {width: 100%;margin-bottom: 50px;}
    .iot-tech .list-item h4 {font-size: 16px;}
    .app-scenes .content-wrapper li .summary {min-height: 10px !important;}
}

.app-scenes .top-title {font-size: 28px;margin: 0 0 70px 0;text-align: center;}
.app-scenes {margin-bottom: 150px;}
.app-scenes .content-wrapper li {margin-bottom: 100px;}
.app-scenes .content-wrapper li:nth-child(2n+1) {float: left;}
.app-scenes .content-wrapper li:nth-child(2n) {float: right;}
.app-scenes .content-wrapper li .details {float: left;}
.app-scenes .content-wrapper li .title {margin: 0 0 20px 0;font-size: 20px;}
.app-scenes .content-wrapper li .summary {color: gray;font-size: 16px;line-height: 27px;width: 260px;}

@media screen and (max-width: 1200px) {
    .app-scenes .content-wrapper li {width: 50%;margin-bottom: 60px;}
    .app-scenes .content-wrapper li:nth-child(2n+1) {padding-right: 30px;}
    .app-scenes .content-wrapper li:nth-child(2n) {padding-left: 30px;}
    .app-scenes .content-wrapper li .details {width: 100%;}
    .app-scenes .content-wrapper li .summary {width: 100%;text-indent: 26px;}
    .app-scenes .content-wrapper li .title {margin: 10px 0;text-align: center;}
    .app-scenes .content-wrapper li .left-img {margin-right: 0 !important;width: 100% !important;text-align: center;}
    .iot-intro .title {margin: 60px 0 30px 0;}
    .iot-intro {margin-bottom: 60px;}
    .iot-tech .title {margin-bottom: 30px;}
    .iot-tech ,
    .app-scenes {margin-bottom: 60px;}
}
@media screen and (max-width: 468px) {
    .app-scenes .content-wrapper li {width: 100%;padding: 0 !important;}
    .app-scenes .content-wrapper li .summary {min-height: 150px;}
}

.app-scenes .content-wrapper li .left-img {float: left;margin-right: 40px;width: 226px;height: 157px;overflow: hidden;}
.app-scenes .content-wrapper li:hover .left-img {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}


/*付费支付内容*/
.pay-banner-bg {background: url("../../img/zhifu-banner.jpg") no-repeat center center;height: 500px !important;}
.pay-introduce {margin: 120px 0 180px 0;}
.pay-introduce .title ,
.pay-youshi .title {font-size: 28px;color: #000;text-align: center;margin-bottom: 40px;}
.pay-introduce .content {font-size: 16px;color: gray;text-indent: 34px;line-height: 26px;}
.pay-introduce .content-img-wrapper {margin: 90px 0 180px 0;padding: 0 250px;}
.pay-introduce .content-img-wrapper li {float: left;margin-right: 68px;}
.pay-introduce .content-img-wrapper li:last-child {margin-right: 0;}
.pay-youshi {margin-bottom: 270px;}
.pay-youshi .content li {float: left;width: 348px;height: 333px;border: 1px solid #d3d1d1;margin-right: 63px;text-align: center;cursor:pointer;}
.pay-youshi .content li:last-child {margin-right: 0;}
.pay-youshi .content .img-box {margin: 50px 0 36px 0;transition: all .4s ease-in-out;}

.pay-youshi .content li:nth-child(1) .img-box {background: url(../../img/yinlian4-1.png) center center no-repeat;height: 111px;}
.pay-youshi .content li:nth-child(2) .img-box {background: url(../../img/yinlian5-1.png) center center no-repeat;height: 111px;}
.pay-youshi .content li:nth-child(3) .img-box {background: url(../../img/yinlian6-1.png) center center no-repeat;height: 111px;}
.pay-youshi .content li:nth-child(1):hover .img-box {background: url(../../img/yinlian4-2.png) center center no-repeat;}
.pay-youshi .content li:nth-child(2):hover .img-box {background: url(../../img/yinlian5-2.png) center center no-repeat;}
.pay-youshi .content li:nth-child(3):hover .img-box {background: url(../../img/yinlian6-2.png) center center no-repeat;}

.pay-youshi .content .tip-title {margin: 0 0 20px 0;font-size: 20px;font-weight: 500;}
.pay-youshi .content .summary {font-size: 16px;color: gray;}

.js-disabled {position: relative;}
.disabled-box {width: 100%;height: 100%;background: rgba(6,6,6,0.8);display: none;position: absolute;left: 0;top: 0;border-radius: 3px;color: #fff;text-align: center;vertical-align: middle;line-height: 293px;}