/*С³ÌÐò*/

.m-content {
    text-align: center;
    width: 100%;
    min-width: 1200px
}

.tit_p-new {
    padding-top: 18px;
    padding-bottom: 41px;
	font-size:14px;
}

.clear {
    clear: both
}

.mar-r60 {
    margin-right: 60px;
}

.mar-t56 {
    margin-top: 56px
}

.mar-t12 {
    margin-top: 12px
}

.mar-t-5 {
    margin-top: -5px
}

.mar-t35 {
    margin-top: 35px
}

.padd-t24 {
    padding-top: 24px !important;
}

.padd-b14 {
    padding-bottom: 14px !important;
}

.padd-t40 {
    padding-top: 40px !important;
}

.padd-r100 {
    padding-right: 100px
}

.padd-r94 {
    padding-right: 94px
}

.padd-t10 {
    padding-top: 10px !important
}

.padd-b0 {
    padding-bottom: 0 !important
}

.bottom-ret {
    border: 1px solid #e5e5e5 !important
}

.font16 {
    font-size: 16px !important;
}

.c4-1 {
    color: #fe780b!important;
}

.c5-1 {
    color: #fff
}

.c5 {
    color: #fff !important;
    font-weight: bold
}

.c6 {
    color: #f48328 !important;
    font-weight: bold
}


/*·âÃæ*/

.fm {
    width: 100%;
    height: 400px;
    background: url("../img/xbanner.jpg") no-repeat center 100%;
}

.wx-advantages {
    vertical-align: middle;
    text-align: center;
}

.wx-advantages h1 {
    padding: 80px 0 40px 0;
    color: 333;
    font-weight: normal;
    font-size: 30px;
}

.advantages {
    width: 100%;
    height: 400px;
    background: url("../img/xpic1.jpg") no-repeat center 100%;
    padding-bottom: 20px
}


/*Á÷Á¿*/

.wx-flow {
    background-color: #eee;
    padding-top: 75px;
    padding-bottom: 75px;
}

.Marketing_item ul li {
    z-index: 10;
    display: block;
    float: left;
    width: 175px;
    height: 165px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-right: 0;
    border-bottom: 0;
    padding-left: 74px;
}

.Marketing_item ul li {
    padding-left: 48px
}

.Marketing_item ul.Marketing_ul li i.flow {
    background: url("../img/xicon.png")no-repeat center;
    width: 100px;
    height: 100px;
    display: block;
    margin: 30px auto 10px;
    display: block;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.Marketing_item ul.Marketing_ul li:first-child i.flow {
    background-position: 0 0
}

.Marketing_item ul.Marketing_ul li:nth-child(2) i.flow {
    background-position: -225px 0
}

.Marketing_item ul.Marketing_ul li:nth-child(3) i.flow {
    background-position: -450px 0
}

.Marketing_item ul.Marketing_ul li:nth-child(4) i.flow {
    background-position: -677px 0
}

.Marketing_item ul.Marketing_ul li:nth-child(5) i.flow {
    background-position: -905px 0
}

.Marketing_item ul.Marketing_ul li:nth-child(6) i.flow {
    background-position: 0px -165px
}

.Marketing_item ul.Marketing_ul li:nth-child(7) i.flow {
    background-position: -226px -165px
}

.Marketing_item ul.Marketing_ul li:nth-child(8) i.flow {
    background-position: -450px -165px
}

.Marketing_item ul.Marketing_ul li:nth-child(9) i.flow {
    background-position: -677px -165px
}

.Marketing_item ul.Marketing_ul li:nth-child(10) i.flow {
    background-position: -905px -165px
}


/*ÔÆָС³ÌÐò*/

.routine {
    background-color: #fff;
    padding-top: 75px;
    width: 100%
}

.routine-infos {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 65px;
}

.routine-infos>div:nth-child(4n) {
    margin-right: 0px;
}

.routine-info {
    margin-right: 12px;
    margin-bottom: 12px;
    width: 286px;
	height:423px;
    float: left;
    border: 1px solid #eee;
    position: relative;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.routine-info:hover .details {
    display: block;
}

.routine-info:hover .desc {
    display: none;
}

.details {
    padding: 12px 0px;
}

.blue {
    border-color: #63b8ee;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.pink {
    border-color: #ff8084;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.green {
    border-color: #1bc7cc;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.purple {
    border-color: #9185f9;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.green {
    border-color: #bbe172;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.shallowred {
    border-color: #ffa99a;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.shallowpurple {
    border-color: #f77fe3;
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.yelloworange {
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.skyblue {
    box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}

.replace {
    width: auto;
    height: 200px;
    background-position: 100px 110px;
    background-repeat: no-repeat;
    border: 0;
    position: relative;
}

.replace:before {
    content: '';
    height: 155px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #1bc7cc, #63b8ee);
}

.replace2:before {
    background: linear-gradient(to right, #ffb87d, #ff8084);
}

.replace3:before {
    background: linear-gradient(to right, #7be8b3, #1bc7cc);
}

.replace4:before {
    background: linear-gradient(to right, #83c0fe, #9185f9);
}

.replace5:before {
    background: linear-gradient(to right, #bbe172, #80c133);
}

.replace6:before {
    background: linear-gradient(to right, #ffa99a, #f05f88);
}

.replace7:before {
    background: linear-gradient(to right, #f77fe3, #c145d7);
}

.replace8:before {
    background: linear-gradient(to right, #f7b15d, #f78582);
}

.replace9:before {
    background: linear-gradient(to right, #64dcec, #63b7f1);
}

.waiting {
    line-height: 136px;
    font-size: 26px;
    color: #666;
}

.ico {
    position: absolute;
    left: 100px;
    bottom: 0;
}

.routine-info-title {
    font-size: 22px;
    color: #FC7839;
    position: absolute;
    top: 50px;
    /*left: 110px;*/
    width: 286px;
    margin: 0 auto;
    color: #fff;
}

.details {
    line-height: 2;
    display: none;
}

.details>li {
    list-style: disc;
    color: #ccc;
    float: left;
    list-style-position: inside;
    width: 30%;
    line-height: 1.7;
    font-size: 12px;
}

.details>li span {
    color: #666;
    position: relative;
    left: -22px;
    -webkit-margin-start: 10px;
}

.desc {
    padding: 15px 25px;
    color: #666;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1.5px;
}

.desc.evel {
    padding: 10px 25px 0px 25px;
}

.details.pd-10 {
    padding: 11px 0px;
}

.originaPrice {
    font-size: 20px;
    margin: 5px 0 20px 0;
}

.tipor {
    font-size: 12px;
    padding: 15px 25px 23px;
    color: #999;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #f1f1f1;
}

.button-m.resetBtn {
    border-radius: 0;
    border: 1px solid #fc7839;
    width: 100px;
    color: #fc7839;
    padding: 0;
    height: 35px;
    line-height: 34px;
    margin-left: 10px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.button-m.resetBtn:hover {
    background-color: #fc7839;
    color: #fff
}

.year {
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    padding-left: 5px;
}

.originaPrice-bottom {
    border-top: 1px solid #eee;
    color: #999;
    padding: 15px;
}

.asset {
    margin-left: 5px;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    width: 55px;
    height: 20px;
    border-radius: 15px;
    display: inline-block;
    line-height: 20px;
    float: right;
}

.free {
    font-size: 14px;
    color: #666;
    float: left;
    /* font-size: large; */
    margin-right: 5px;
}

.asset:hover {
    background: #fc7839;
    color: #fff;
    border-color: #fc7839;
}

.routine-info>img {}


/*.routine-info div{height:265px;width:290px;float:left;margin-top:50px}*/

.routine-info div h2 {
    text-align: left;
    font-size: 24px;
    font-weight: normal;
}

.routine-info div ul li.newShow {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2
}

.routine-info div h2 img {
    margin-right: 14px;
}


/*.routine-info div ul{width:100%;padding-top:26px;text-align: left;}*/

.routine-info div ul li {
    float: left;
    padding-right: 20px;
    padding-bottom: 16px
}

.routine-info div ul li.originaPrice {
    color: #fe780b;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 1;
    padding: 20px 0;
    display: -webkit-inline-box;
}

.routine-info div ul li.originaPrice span {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-left: 5px
}

.routine-info div ul li.originaPrice span i {
    color: #fe780b;
    font-style: normal;
}

;
.routine-info div ul li img {
    padding-right: 10px
}

.button-m {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Microsoft YaHei, Helvetica, sans-serif;
    padding: 0.8em 1.8em .7em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px
}

.button-m:hover {
    text-decoration: none;
}

.button-m:active {
    position: relative;
    top: 1px;
}

.orange {
    color: #fff;
    background: #fc7839;
}

.orange:hover {
    background: #ff6600;
}

.orange:active {
    color: #fc7839;
}

.emp-bott {
    color: #fff;
    border: solid 1px #da7c0c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}


/*ÆóÒµÐÅϢչʾ*/

.company-infos {
    background-color: #eee;
    padding-top: 70px;
    padding-bottom: 135px;
    width: 100%;
    height: 590px;
    width: 100%
}

.picture-box {
    width: 1200px;
    margin: 0 auto
}

.picture-wall {
    width: auto;
    margin: 0 auto;
    display: block;
    padding: 0 40px;
}



.picture-wall li {
    float: left;
    margin-right: 150px;
	margin-right: 100px \9!important;
    position: relative
}

.picture-wall li span {
    position: absolute;
    left: 35%;
    bottom: -7%
}

.picture-wall li:last-child {
    margin: 0
}

.wall {
    padding: 0 50px;
}

.wall>li {
    margin-right: 175px;
}


/*ÃŵêÓëÖ§¸¶*/

.stores-pay {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 240px;
    width: 100%;
    height: 440px;
}


/*»áÔ±ÐÅÏ¢*/

.member {
    background-color: #eee;
    padding-top: 70px;
    padding-bottom: 220px;
    width: 100%;
    height: 450px;
}


/*ʹÊÊÓÃÐÐÒµ*/

.use-industry {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 5px;
    width: 100%;
    height: 625px;
    width: 100%
}

.industry .industry-item {
    width: 1274px;
    margin: 0 auto;
    position: relative;
}

.Marketing_item ul li.syhy {
    z-index: 10;
    display: block;
    float: left;
    width: 175px;
    height: 175px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-right: 0;
    border-bottom: 0;
    padding-left: 74px;
    padding-bottom: 71px
}

.Marketing_item ul li.first {
    padding-left: 0px;
}

.Marketing_item ul li i {
    background: url("../img/xpic11.png")no-repeat center;
    z-index: 10;
    display: block;
    width: 42px;
    height: 42px;
    display: block;
    display: block;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.Marketing_item ul li span {
    z-index: 10;
    display: block;
    margin-bottom: 18px;
    margin-top: 14px;
    display: block;
}

.Marketing_item ul li:hover i {
    z-index: 10;
    display: block;
    cursor: pointer;
    transform: rotate(360deg);
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    cursor: pointer;
}


/*begin*/

.Marketing_item ul li:first-child i {
    background: url("../img/xpic11.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(2) i {
    background: url("../img/xpic12.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(3) i {
    background: url("../img/xpic13.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(4) i {
    background: url("../img/xpic14.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(5) i {
    background: url("../img/xpic15.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(6) i {
    background: url("../img/xpic16.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(7) i {
    background: url("../img/xpic17.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(8) i {
    background: url("../img/xpic18.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(9) i {
    background: url("../img/xpic19.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.Marketing_item ul li:nth-child(10) i {
    background: url("../img/xpic20.png")no-repeat center;
    z-index: 10;
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.DIVT {
    width: 1185px !important;
    padding-top: 54px;
    margin: 0 auto
}

.DIVP {
    width: 1175px !important;
    margin: 0 auto;
    height: 340px;
}


/*ÇáËÉ5²½Éú³ÉÄúµÄС³ÌÐò*/

.generate {
    background-color: #eee;
    padding-top: 70px;
    padding-bottom: 5px;
    width: 100%;
    height: 450px;
    width: 100%
}

.generate-infos {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}

.generate-con {
    width: 100% !important;
    padding-left: 20px;
}

.generate-con h2 {
    font-size: 36px;
    text-align: left;
}

.generate-con h2 font {
    color: #f56e00;
    padding: 0 5px;
    font-size: 48px
}

.generate-con div {
    margin-top: 0px;
    padding-top: 10px;
}

.generate-con div img {
    float: left;
    margin-top: 32px
}

.generate-con div ul {
    float: right;
    width: 85%;
}

.generate-con div ul li {
    padding-bottom: 38px;
    padding-left: 10px;
    width: 300px;
}

.generate-con>img {
    margin: 50px 28px 50px 115px
}


/*С³ÌÐò³£¼ûÎÊÌâ*/

.questions {
    background: url('../img/xbg.jpg');
    padding-top: 70px;
    padding-bottom: 5px;
    width: 100%;
    height: 400px;
    color: #fff;
    width: 100%
}

.questions-infos h2 {
    font-size: 30px;
    font-weight: normal
}

.questions-infos div {
    width: 100%!important;
}

.questions-infos div {
    padding-top: 50px
}

.questions-infos div table tr td {
    text-align: left;
    padding-bottom: 40px;
}

.tibu {
    background: #ffaf31 !important;
    height: 136px;
}

.tibu .tibu_botton {
    background: #fff!important;
    font-weight: 900
}

.tibu .tibu_botton:hover {
    font-weight: 900;
    box-shadow: 2px 2px 0px #ea9715, 0px 0px 0px #ffaf31;
}

.questions-infos div table tr td a:hover {
    color: #ffaf31
}

.emp-bott:hover {
    background: #ffaf31;
    color: #fff !important;
    border-color: #ffaf31;
}

.tibu .tibu_conter {
    width: 600px;
    margin: 0 auto;
    padding-top: 46px;
    position: relative;
}

.tibu .tibu_botton {
    width: 167px;
    height: 52px;
    background: #f9750b;
    display: inline-block;
    line-height: 52px;
    cursor: pointer;
    transition: all .3s;
    margin-right: 20px;
}

.tibu .tibu_conter .tibu_item {
    width: 390px;
    margin-top: -13px;
}

.tibu_botton_t {
    position: absolute;
    left: 421px;
    top: 40px;
}

tibu .tibu_conter .tibu_item p {
    text-align: right;
    font-size: 18px;
    padding-top: 7px;
}

.font26 {
    font-size: 26px;
}


/*.active2{border-bottom:4px solid #ff7200;}*/

.routineDemos {
    padding: 75px 0;
    width: 1165px;
    margin: 0 auto;
    height: 900px
}

.routineDemos>ul>li {
    margin-right: 32px;
	margin-right: 20px\9;
}

.routineDemos>ul>li:nth-child(5n) {
    margin-right: 0;
}

.routineDemos>ul>li {
    width: 207px;
    height: auto;
    float: left;
    overflow: hidden;
}

.routineDemos>ul>li>div {
    border: 1px solid #eee;
    height: 197px;
    position: relative;
}

.routineDemos>ul>li>div>img {
    position: absolute;
    left: calc(50% - 80px);
    top: -100%;
    -moz-transition: all 0.5s ease .1s;
    -o-transition: all 0.5s ease .1s;
    -webkit-transition: all 0.5s ease .1s;
}

.routineDemos>ul>li:hover img {
    top: calc(100% - 175px);
}

.shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    -moz-transition: all 0.5s ease .1s;
    -o-transition: all 0.5s ease .1s;
    -webkit-transition: all 0.5s ease .1s;
}

.routineDemos>ul>.items:hover .shadow {
    opacity: .7
}

.fiveStep>li {
    padding-left: 10px;
    line-height: 40px;
    padding-bottom: 16px !important
}

.fiveStep {
    padding-top: 26px;
    text-align: left
}

.generate-con>img {
    margin: 25px 28px 50px 115px;
}

.disp {
    height: 265px;
    width: 290px;
    float: left;
    padding-top: unset;
    margin-top: unset;
}

.routine-info.generate-con {
    border: 0;
    box-shadow: unset;
    display: inline-block;
    height: 413px;
    border-radius: 5px;
}

.routine-temps {
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
}

.swiper-prev:before {
    top: calc(50% - 17px);
    right: calc(50% - 20px);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-next:before {
    top: calc(50% - 17px);
    right: calc(50% - 27px);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-prev,
.swiper-next {
    background-repeat: no-repeat;
    position: absolute;
    width: 56px;
    height: 56px;
    display: block;
    content: '';
    background-color: #7a7a7a;
    border-radius: 50%;
    cursor: pointer;
    top: calc(50% + 40px);
}


/*改变了颜色和加粗的样式*/

.swiper-prev:before,
.swiper-next:before {
    position: absolute;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    content: '';
}

.swiper-prev {
    left: 0;
}

.swiper-next {
    right: 0;
}

.swiper-container {
    width: 1080px;
}

.swiper-container:before,
.swiper-container:after {
    width: 415px;
    height: 405px;
    content: '';
    background-color: #f5f5f5;
    display: block;
    position: absolute;
    z-index: 9999;
    opacity: .5;
    top: 0;
}

.swiper-container:before {
    left: 0;
}

.swiper-container:after {
    right: 0;
}

.framing {
    width: 302px;
    height: 559px;
    position: absolute;
    background-image: url("../img/iPhone.png");
    top: calc(50% - 185px);
    left: calc(50% - 149px);
    z-index: 1;
    opacity: 0;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
}

.swiper-container {
    margin-top: 55px;
    margin-bottom: 100px;
}

.row-n {
    height: 750px;
    background: #f5f5f5;
    /*padding: 60px 0;*/
    padding-top: 80px;
}

.lookTemp {
    position: absolute;
    left: calc(50% - 65px);
    background-color: #ff7200;
    color: #fff;
    padding: 0;
    width: 133px;
    line-height: 40px;
    border-radius: unset;
    display: none;
}

.tibu .tibu_conter .tibu_item p {
    text-align: right;
    font-size: 18px;
    padding-top: 7px;
}

/*custom*/
.m-content *{
    box-sizing: content-box;
}
/*手机屏幕*/
@media screen and (max-width: 767px) {
    .m-content{
        min-width: 0;
    }
    .wx-advantages h1{
        padding: 20px 0 10px 0;
        font-size: 20px;
    }
    .advantages{
        height: 160px;
        background-size: contain;
    }
    .wx-flow{
        padding: 20px 0;
    }
    .centera.c2{
        font-size: 18px;
    }
    .tit_p-new{
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .DIVP{
        width: 100% !important;
        height: auto;
    }
    .Marketing_item ul li{
        padding: 0;
        height: auto;
        padding-bottom: 0;
        width: 25%;
    }
    .Marketing_item ul li i{
        zoom: .6;
        margin: 0  auto !important;
    }
    .Marketing_item ul li span{
        margin-bottom: 10px;
        margin-top: 8px;
        font-size: 11px !important;
		display: block;
		white-space: nowrap;
    }
    .routine{
        padding-top: 20px;
    }
    .routine-infos{
        width: 100%;
        padding-bottom: 20px;
    }
    .routine-info{
        float: none;
        margin: 10px auto !important;
    }
    .row-n{
        padding-top: 20px;
        height: 650px;
    }
    .swiper-container{
        width: 100%;
        margin: 0;
        position: relative;
    }
    .swiper-container:before, .swiper-container:after{
        display: none;
    }
    .swiper-prev, .swiper-next{
        zoom: .6;
        z-index: 9;
    }
    .swiper-prev{
        left: 20px;
    }
    .swiper-next{
        right: 20px;
    }
    .framing{
        opacity: 1;
    }
    #carousel-swiper{
        width: 240px;
        margin: 0 auto;
        padding-top: 105px;
    }
    #carousel-swiper img{
        width: 100%;
    }
    .routine-temps .pc-hide{

    }
    .stores-pay{
        padding: 20px 0;
        padding-top: 40px;
        height: auto;
    }
    .member{
        padding: 20px 0;
        height: auto;
    }
    .picture-box{
        width: 100%;
    }
    .picture-wall li{
        margin-right: 0;
        float: none;
        margin: 0 auto;
    }
    .picture-wall li span{
        position: relative;
        display: block;
        bottom: 0;
        left: 0;
        text-align: center;
        font-size: 12px !important;
        padding-bottom: 10px;
    }
    .use-industry{
        padding: 20px 0;
        height: auto;
    }
    .DIVT{
        width: 100% !important;
        padding-top: 20px;
    }
    .Marketing_item ul li{
        width: 25% !important;
        float: left !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 10px !important;
    }
    .Marketing_item ul li i{
        width: 100px !important;
        height: 100px !important;
        display: block;
        margin: 0 auto;
    }
    .disp{
        width: auto;
        height: auto;
    }
    .generate{
        padding: 20px 0;
        height: auto;
    }
    .generate-infos{
        width: auto;
        padding: 0;
    }
    .generate-con h2{
        font-size: 24px;
    }
    .generate-con h2 font{
        font-size: 32px;
    }
    .generate-con div img{
        margin-top: 8px;
    }
    .generate-con div ul{
        padding-top: 0;
    }
    .generate-con>img{
        margin: 0;
        width: 100%;
    }
    .routine-info.generate-con{
        height: auto;
    }
    .routineDemos{
        padding: 20px 0;
        width: auto;
        height: auto;
    }
    .routineDemos>ul{
        padding: 0 15px;
    }
    .routineDemos>ul>li{
        width: 50%;
        margin: 0 !important;
    }
    .routineDemos>ul>li p{
        padding-bottom: 5px;
    }
    .questions{
        padding: 20px 0;
        height: auto;
    }
    .questions-infos div{
        padding-top: 20px;
    }
    .questions table,
    .questions tbody,
    .questions tr,
    .questions td{
        display: block;
        width: 100%;
    }
    .questions-infos div table tr td{
        padding-bottom: 10px;
        font-size: 12px;
    }
    .questions-infos div table tr td a{
        font-size: 12px !important;

    }
    .emp-bott{
        margin-top: 10px;
    }
    .tibu{
        height: auto;
    }
    .tibu .tibu_conter{
        width: 100%;
        padding: 20px 0;
    }
    .tibu .tibu_conter .tibu_item{
        width: auto;
        margin-top: 0;
    }
    .tibu .tibu_conter .tibu_item h2{
        font-size: 18px !important;
    }
    .tibu .tibu_conter .tibu_item p{
        font-size: 12px;
        padding-top: 4px;
        text-align: center;
    }
    .tibu_botton_t{
        position: relative;
        left: 0;
        top: 0;
        margin-top: 15px;
        zoom: .6;
    }
	 .picture-wall li img{
		  width: 100%;
		 
		 }
}