/*С³ÌÐò*/
.m-content{text-align:center;width:100%;min-width:1200px}
.tit_p-new{padding-top:18px; padding-bottom:41px;}
.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("../images/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("../images/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("../images/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:15px; margin-left:32px; margin-bottom: 15px;width:350px;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{margin-bottom:0px; border-color:#63b8ee;box-shadow:0 0 35px rgba(0,0,0,.3);}
.pink{margin-bottom:0px; border-color:#ff8084;box-shadow:0 0 35px rgba(0,0,0,.3);}
.green{margin-bottom:0px; 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{margin-bottom:0px; border-color:#bbe172;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowred{margin-bottom:0px; border-color:#ffa99a;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowpurple{margin-bottom:0px; border-color:#f77fe3;box-shadow:0 0 35px rgba(0,0,0,.3);}
.yelloworange{ margin-bottom:0px; 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: 131px; bottom: 0;}      
.routine-info-title{ font-size: 22px;color: #FC7839; position: absolute;top: 50px; /*left: 110px;*/ width:350px; 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{ height:50px; 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;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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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('../images/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;}
.routineDemos>ul>li{margin-right:32px;}
.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;} 
.routineDemos .swiper-container{width:1080px;}
.routineDemos .swiper-container:before,.routineDemos .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;}
.routineDemos .swiper-container:before{left:0;}
.routineDemos .swiper-container:after{right:0;}
.framing{width:302px;height:559px;position:absolute;background-image:url("/autoweb/images/2018routine/iPhone.png"); top: calc(50% - 185px);left: calc(50% - 149px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.routineDemos .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;}