.about_section {
        position: relative;
        margin-top: 60px
}
.about_section>div {
        position: absolute;
        color: #fff;
        text-align: center;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
}
.about_section>div>p:first-child {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 5px
}
.about_section>div>p:nth-child(2) {
        font-size: 11px;
        position: relative
}
.about_section>div>p:nth-child(2) span {
        margin: 0 5px
}
.free_icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #058cff;
        color: #fff;
        border-radius: 50%;
        display: inline-block
}
.free_icon .icon {
        font-size: 28px;
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        display: inline-block;
}
.row_free:hover .icon {
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform-origin: center center;
        -webkit-transform-origin: center center;
        -o-transform-origin: center center;
        -moz-transform-origin: center center;
        -moz-transform-origin: center center;
}
.free_title {
        color: #333;
        line-height: 30px;
        font-size: 14px
}
.free_explain {
        font-size: 11px;
        color: #999;
        line-height: 20px
}
.row_free_box>div {
        padding: 0 8px;
        margin-bottom: 10px
}
.intro_exp {
        font-size: 11px;
        text-indent: 2em;
        text-align: left;
        line-height: 20px;
        margin-bottom: 10px
}
.row_intro>div {
        padding: 0 8px
}
.row_intro>div:nth-child(1) {
        text-align: right
}
.row_intro>div:nth-child(2) {
        padding: 0 3px;
        margin-top: 40px
}
.row_intro>div:nth-child(3) {
        text-align: left
}
.intro1 {
        font-size: 12px
}
.intro2 {
        font-size: 11px;
        line-height: 18px;
        height: 80px;
        color: #666
}
.row_best {
        margin-top: 15px
}
.row_best>div {
        padding: 0 8px
}
.row_best>div:nth-child(2) {
        padding: 0;
        margin-top: 100px
}
.row_best_exp {
        font-size: 11px;
        line-height: 20px;
        margin-top: 20px
}
.row_example_title {
        font-size: 11px;
        line-height: 18px;
        margin: 20px 0 25px;
        text-indent: 2em;
        text-align: left;
        height: 100px
}
.secretFree_exp {
        font-size: 12px
}
.secretFree_code {
        width: 100px;
        margin: 40px auto 10px
}
.best_img_gif {
        position: absolute;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        max-width: 80%
}
.rowSecretFreeIcon>div img {
        opacity: .3;
        cursor: pointer;
        max-width: 80%
}
.rowSecretFreeIcon>div.active img {
        opacity: 1
}
.secretFree_test2>div>div,.secretFree_test3>div{
        display: inline-block;
}




.Free_testBox{
        width: 70px;
        color: #333;
}
.Free_testBg{
        display: inline-block;
        color: #fff;
        background: #068cff;
        width: 35px;
        height: 60px;
        line-height: 60px;
        position: relative;
        margin-bottom: 10px;
}
.Free_testBg:before{
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-right: 20px #068cff solid;
        border-left: none;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        left: -20px;
}
.Free_testBg::after{
       position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-right: none;
        border-left: 20px #068cff solid;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        right: -20px;
}
.Free_testBg .icon{
        font-size: 25px;
}
.Free_testTo3{
        width: 50px;
}
.Free_testTo{
        width: 50px;
        line-height: 60px;
        margin-bottom: 10px;
        color: #068cff;
}
.Free_testTo .icon{
        font-size: 20px;
}
.Free_testTo2{
        margin-bottom: 0;
        line-height: 50px;
        width: 70px;
}
.Free_testTo2 .icon{
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(45deg);
        display: inline-block;
        line-height: 50px;
}
.Free_testTo4 .icon{
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        display: inline-block;
}
 .secretFree_test3{
        display: none;
}
@media(min-width:768px) {
        .intro1 .img_pc {
                display: inline
        }
        .about_section>div>p:first-child {
                font-size: 22px;
                line-height: 30px;
                margin-bottom: 16px
        }
        .about_section>div>p:nth-child(2) {
                font-size: 12px
        }
        .sectionBox_product {
                margin-top: -80px
        }
        .row_free_box>div:nth-child(1), .row_free_box>div:nth-child(6) {
                margin-top: -40px
        }
        .row_free_box>div:nth-child(2), .row_free_box>div:nth-child(5) {
                margin-top: -20px
        }
        .free_icon {
                width: 80px;
                height: 80px;
                line-height: 80px
        }
        .free_icon .icon {
                font-size: 30px
        }
        .free_title {
                line-height: 30px;
                font-size: 16px
        }
        .free_explain {
                font-size: 12px
        }
        .row_free_box>div {
                padding: 0 15px;
                margin-bottom: 0
        }
        .intro_exp {
                font-size: 14px;
                text-indent: 2em;
                line-height: 30px
        }
        .row_best>div {
                padding: 0 15px
        }
        .row_intro {
                margin-top: 20px
        }
        .row_intro>div:nth-child(2) {
                padding: 0 15px;
                margin-top: 0
        }
        .intro1 {
                font-size: 16px
        }
        .intro2 {
                font-size: 14px;
                line-height: 20px;
                height: 90px;
                margin-top: 10px
        }
        .row_best {
                margin-top: 30px
        }
        .row_best>div:nth-child(2) {
                padding: 0 8px;
                margin-top: 180px
        }
        .row_best_exp {
                font-size: 16px;
                line-height: 30px;
                margin-top: 30px
        }
        .row_example_title {
                font-size: 14px;
                line-height: 25px;
                margin: 20px 0;
                height: auto
        }
        .row_test .secretFree_img {
                margin: 20px 0 30px
        }
        .secretFree_code {
                width: 150px;
                margin: 60px auto 20px;
                transition: all 1s ease-out;
        }
        .secretFree_code:hover {
                transform: scale(1.1);
        }
        .row_example_img {
                max-width: 80%
        }
        .secretFree_exp {
                font-size: 16px
        }
        .row_best .best_img {
                max-width: 80%;
                display: inline-block;
                position: relative
        }
        .best_img_gif {
                max-width: 90%
        }
        .rowSecretFreeIcon>div img {
                max-width: 100%
        }
        
        
        
        .Free_testBox{
                width: 100px;
        }
        .Free_testBg{
                width: 45px;
                height: 70px;
                line-height: 70px;
                position: relative;
                margin-bottom: 10px;
        }
        .Free_testBg:before{
                border-right: 20px #068cff solid;
                border-left: none;
                border-top: 35px solid transparent;
                border-bottom: 35px solid transparent;
                left: -20px;
        }
        .Free_testBg::after{
                border-left: 20px #068cff solid;
                border-top: 35px solid transparent;
                border-bottom: 35px solid transparent;
                right: -20px;
        }
        .Free_testBg .icon{
                font-size: 30px;
        }
        .Free_testTo3{
                width: 55px;
        }
        .Free_testTo{
                width: 55px;
                line-height: 70px;
        }
        .Free_testTo2{
                width: 100px;
        }
        .Free_testTo .icon{
                font-size: 30px;
                line-height: 70px;
        }
}
@media(min-width:992px) {
        .secretFree_test3{
                display: block;
        }
        .secretFree_test2{
                display: none;
        }
        .about_section>div {
                font-size: 16px;
                line-height: 30px
        }
        .about_section>div>p:first-child {
                font-size: 30px;
                line-height: 40px;
                margin-bottom: 15px
        }
        .about_section>div>p:nth-child(2) {
                font-size: 16px
        }
        .about_section>div>p:nth-child(2) span {
                margin: 0 15px
        }
        .intro1 {
                font-size: 18px
        }
        .intro2 {
                font-size: 16px;
                line-height: 25px;
                height: 50px;
                margin-top: 10px
        }
        .intro_exp {
                font-size: 18px;
                line-height: 30px
        }
        .sectionBox_product {
                margin-top: -120px
        }
        .row_best>div:nth-child(2) {
                margin-top: 280px
        }
        .row_free_box>div {
                margin-top: -10px
        }
        .row_free_box>div:nth-child(1), .row_free_box>div:nth-child(6) {
                margin-top: -60px
        }
        .row_free_box>div:nth-child(2), .row_free_box>div:nth-child(5) {
                margin-top: -30px
        }
        .sectionBox_product {
                margin-top: -120px
        }
        .free_icon {
                width: 110px;
                height: 110px;
                line-height: 110px
        }
        .free_icon .icon {
                font-size: 45px
        }
        .free_title {
                line-height: 40px;
                font-size: 18px
        }
        .free_explain {
                font-size: 14px
        }
        .row_intro>div:nth-child(1)>div:nth-child(1), .row_intro>div:nth-child(3)>div:nth-child(1) {
                margin-top: 20px
        }
        .row_intro>div:nth-child(1)>div:nth-child(2), .row_intro>div:nth-child(3)>div:nth-child(2) {
                margin-top: 70px
        }
        .row_example_img {
                max-width: 100%
        }
        .row_example_title {
                font-size: 16px;
                line-height: 30px
        }
        .rowSecretFreeIcon>div {
                margin: 20px 0 0
        }
        .rowSecretFreeIcon>div:nth-child(1) {
                margin-top: 65px
        }
        .row_best_exp {
                font-size: 18px
        }
        .secretFree_code {
                width: 180px;
                margin: 80px auto 30px
        }
        .secretFree_exp {
                font-size: 18px
        }
        .row_best>div:nth-child(2) {
                margin-top: 200px
        }
        
        .Free_testBg{
                width: 45px;
                height: 70px;
                line-height: 70px;
                margin-bottom: 10px;
        }
        .Free_testBg:before{
                border-right: 20px #068cff solid;
                border-top: 35px solid transparent;
                border-bottom: 35px solid transparent;
                left: -20px;
        }
        .Free_testBg::after{
                border-left: 20px #068cff solid;
                border-top: 35px solid transparent;
                border-bottom: 35px solid transparent;
                right: -20px;
        }
        .Free_testBg .icon{
                font-size: 30px;
        }
        .Free_testTo{
                width: 55px;
                line-height: 70px;
                margin-bottom: 10px;
                color: #068cff;
        }
        .Free_testTo .icon{
                font-size: 30px;
        }
        .Free_testBox{
                margin-top: 30px;
        }
}
@media(min-width:1200px) {
        .about_section {
                margin-top: 0
        }
        .about_section>div>p:first-child {
                font-size: 40px;
                line-height: 60px;
                margin-bottom: 29px
        }
        .about_section>div>p:nth-child(2) {
                font-size: 20px
        }
        .row_example_title {
                font-size: 18px;
                line-height: 35px
        }
        .rowSecretFreeIcon>div:nth-child(1) {
                margin-top: 135px
        }
        .intro_exp {
                font-size: 20px;
                line-height: 45px
        }
        .intro1 {
                font-size: 22px
        }
        .intro2 {
                font-size: 18px;
                line-height: 30px;
                height: 80px;
                margin-top: 10px
        }
        .row_best_exp {
                font-size: 20px;
                margin-top: 40px
        }
        .secretFree_exp {
                font-size: 20px
        }
        .row_best>div:nth-child(2) {
                margin-top: 280px
        }
        .row_free_box>div {
                margin-top: -30px
        }
        .row_free_box>div:nth-child(1), .row_free_box>div:nth-child(6) {
                margin-top: -90px
        }
        .row_free_box>div:nth-child(2), .row_free_box>div:nth-child(5) {
                margin-top: -50px
        }
        .free_icon {
                width: 122px;
                height: 122px;
                line-height: 120px
        }
        .free_icon .icon {
                font-size: 50px
        }
        .free_title {
                line-height: 50px;
                font-size: 20px
        }
        
        
        .Free_testBg {
            width: 55px;
            height: 90px;
            line-height: 90px;
        }
        .Free_testBg .icon {
            font-size: 40px;
        }
        .Free_testBox{
                width: 130px;
                font-size: 16px;
        }
        .Free_testBg:before {
            border-right: 25px #068cff solid;
            border-top: 45px solid transparent;
            border-bottom: 45px solid transparent;
            left: -25px;
        }
        .Free_testBg::after {
            border-left: 25px #068cff solid;
            border-top: 45px solid transparent;
            border-bottom: 45px solid transparent;
            right: -25px;
        }
        .Free_testTo {
            line-height: 90px;
        }
        .Free_testTo .icon {
            font-size: 35px;
        }
        .secretFree_code{
                margin-top: 120px;
        }
}