body{ background-color: #fafbfc; }

.banner-bg1{ 
    height: 300px;
    background-image: url('/assets/toutiaoeasy/img/product/bg1.png');
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto 100%;
}

.tab-nav{ width: 40%; height: 50px; margin: -50px auto 0; }
.tab-nav li{ width: 50%; float: left; cursor: pointer; font-size: 18px; display: block; text-align: center; height: 50px; line-height: 50px; 
    background:#f9f9fe -webkit-linear-gradient(top,#f9f9fe,#f9efef);
    background:#f9f9fe -o-linear-gradient(top,#f9f9fe,#f9efef);
    background:#f9f9fe -moz-linear-gradient(top,#f9f9fe,#f9efef);
    background:#f9f9fe linear-gradient(to bottom,#f9f9fe,#f9efef);

    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    -ms-border-top-left-radius: 6px;
    border-top-left-radius: 6px;

    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    -ms-border-top-right-radius: 6px;
    border-top-right-radius: 6px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tab-nav li.active{ height: 58px; line-height: 58px; background: #fb5b75; color: #FFF; 
    margin-top: -8px;

    -webkit-border-top-left-radius: 9px;
    -moz-border-top-left-radius: 9px;
    -o-border-top-left-radius: 9px;
    -ms-border-top-left-radius: 9px;
    border-top-left-radius: 9px;

    -webkit-border-top-right-radius: 9px;
    -moz-border-top-right-radius: 9px;
    -o-border-top-right-radius: 9px;
    -ms-border-top-right-radius: 9px;
    border-top-right-radius: 9px;
}

.tab-content{ clear: both; }
.tab-content .cont{ display: none; }
.tab-content .bg-white{ background-color: #FFF; }
.tab-content .bg-white2{ background-color: #f5f6fa; }
.tab-content .contShow{ display: block; }

.tab-content .cDiv-yX{ padding-bottom: 60px; }
.tab-content .cDiv-header{ text-align: center; padding-top: 53px; padding-bottom: 43px; }
.tab-content .cDiv-header h3{ font-size: 24px; vertical-align: bottom; }
.tab-content .cDiv-header h3 span{ color: #9b9ba7; font-size: 15px; padding-left: 10px; }
.tab-content .cDiv-header p{ font-size: 17px; padding-top: 19px; }
.tab-content .cDiv-header span.fuHao{ color: #969caa; padding-left: 8px; padding-right: 8px; }
.tab-content .cDiv-content{ text-align: center; }
.tab-content .cDiv-content img{ display: inline-block; vertical-align: top; width: 1050px; }

.tab-content .cDiv-cP .cDiv-header{ padding-bottom: 30px; }
.tab-content .cDiv-cP1 .cDiv-header h3{ padding-left: 88px; }

@media screen and (max-width:1400px){
    .tab-content .cDiv-content img{ width: 930px; }
}

@media screen and (min-width:1600px){
    .banner-bg1{ height: 352px; }

    .tab-nav{ height: 54px; margin-top: -54px; }
    .tab-nav li{ height: 54px; line-height: 54px; font-size: 20px; }
    .tab-nav li.active{ height: 65px; line-height: 65px; margin-top: -11px; }

    .tab-content .cDiv-yX{ padding-bottom: 70px; }
    .tab-content .cDiv-header h3{ font-size: 26px; }
    .tab-content .cDiv-header h3 span{ font-size: 17px; padding-left: 13px; }
    .tab-content .cDiv-header p{ font-size: 19px; }
    .tab-content .cDiv-header span.fuHao{ padding-left: 11px; padding-right: 11px; }
    .tab-content .cDiv-content img{ width: 1162px; }

    .tab-content .cDiv-cP1 .cDiv-header h3{ padding-left: 100px; }
}