@charset "utf-8";
html,body{margin:0;padding:0;min-width: 320px;}
html{min-height:100%;position: relative;}
body{font-size: 12px;font-family: "Verdana","Microsoft YaHei","SimSun","Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;color:#000;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;margin:0;padding:0;}
ol,ul{ padding:0; margin:0;}
ul{list-style-type:none;list-style-image:none}
li{list-style: none;}
img{vertical-align: middle; border: 0;}
a{text-decoration: none; color: #333;}
a:link,a:visited, a:hover, a:active{text-decoration:none;}
p{padding:0;margin:0;}
input,button{outline: none;font-family:"Microsoft YaHei","SimSun";}
.clearfix:after{content: '';display: table;clear: both;visibility: hidden;}
.my-container{width:100%;padding:0 1rem;}

html {
    font-size: 16px
}
body {
    font-size: 16px
}
@media only screen and (min-width: 375px) {
    html {
        font-size:20px !important;
    }
}
@media only screen and (min-width: 400px) {
    html {
        font-size:21.33px !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size:22.08px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size:25.6px !important;
    }
}

.pc_show{display: none;}
@media only screen and (min-width: 769px) {
    .my-container{width:1200px;margin:0 auto;padding:0;}
    .pc_show{display: block;}
    .m_show{display: none;}
}

#header{text-align: center;background:url(../images/banner_m1.jpg) center center no-repeat;background-size:100% 100%;width:100%;height:19.825rem;position: relative;}
#header .logo{width:2.6rem;height:4.15rem;display: inline-block;margin-top: 1.25rem;}
#header .logo img{width:100%;height:100%;}
#header .logo img.logo_pc{display: none;}
#header .img-wrapper{display: none;}

#nav{position: absolute;left:0;right:0;bottom:2.9rem;}
#nav.active{position: fixed;top:0;bottom:auto;background: rgba(236,101,44,.8);z-index:9;}
#nav .my-container{padding-top:.4rem;padding-bottom: .4rem;}
#nav ul{display: table;width:100%;}
#nav ul li{float:left;width:23.2%;margin-right: 2.4%;background:#e8e8e8;color:#333;font-size: 0.75rem;line-height: 1.6rem;cursor: pointer;text-align: center;}
#nav ul li:last-child{margin-right: 0;}
#nav ul li .iconfont{font-size: 1.2rem;line-height: inherit;vertical-align: middle;margin-right: .4rem;display: none;}

#nav ul li.active{color:#f54900;background-color: #fff;}

@media only screen and (min-width: 769px) {
    #header{background-image:url(../images/banner_1.jpg);height:600px;}
    #header .my-container{text-align: left;padding-top: 20px;padding-bottom: 20px;}
    #header .logo{width:170px;height:55px;display: inline-block;margin-top: 15px;}
    #header .logo img{width:100%;height:100%;}
    #header .logo img.logo_pc{display: block;}
    #header .logo img.logo_m{display: none;}
    #header .img-wrapper{display: block;width:900px;height:275px;margin:15px auto 0;}
    #header .img-wrapper img{width:100%;height:100%;}

    #nav{bottom:115px;}
    #nav.active{background:rgba(236,101,44,.8)}
    #nav ul{margin:0 auto;width:auto;}
    #nav ul li{float:left;width:195px;margin-right: 20px;background:#f19572;color:#fff;font-size: 22px;line-height: 70px;}
    #nav ul li .iconfont{display: inline-block;font-size: 48px;;}
    #nav ul li.active{background-color: #fff;color:#ee7441;}
    #nav ul li:hover,#nav ul li:active{background-color: #fff;color:#ee7441;}
}

.article{}.article{}
.title-section{line-height: 2.72rem;font-size: 1rem;color:#333;text-align: center;}
.title-section span{padding-left:.9rem;padding-right: .9rem;}
.title-section .line{width:3.6rem;height:1px;display: inline-block;vertical-align: middle;background-color: #d2d2d2;}
.para{text-align:justify;text-justify:inter-ideograph;}
@media only screen and (min-width: 769px) {
    .title-section{line-height: 110px;font-size: 30px;}
    .para{color:#666;}
}
/********************************************商品管理 start********************************************/
.article-spgl .section{padding:1rem 0;}
.section-spgl{background-color: #f7f7f7;}
.article-spgl .title-md{color:#ec652c;font-size: .9rem;line-height: 1.9rem;}
.article-spgl .title-md span{vertical-align: middle;}
.article-spgl .title-md em{width:.75rem;height:.75rem;display: inline-block;vertical-align: middle;margin-right: .6rem;background-color: #ec652c;color:#ec652c;font-size: .5rem;line-height: .75rem;}
.article-spgl .title-md.sty_1{font-size: .8rem;line-height: 1.5rem;padding-top:.2rem;}

.article-spgl .title-sm{font-size: .8rem;line-height: 1.5rem;padding-top:.2rem;}
.article-spgl .para{font-size: .7rem;line-height: 1.1rem;color:#666;padding-bottom: .5rem;}

@media only screen and (min-width: 769px) {
    .article-spgl .section{padding-top:10px;}
    .section-spgl{background-color: #fff;padding-bottom: 60px;}
    .section-cwfw{background-color: #f2f2f2;padding-top: 20px;padding-bottom: 80px;}
}

.video-box{margin-bottom: 1.2rem;margin-top: .8rem;position: relative;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.video-box .m-video-wrapper{position: absolute;left:0;right:0;top:0;bottom:0;}
.video-box .m-video-wrapper video{width:100%;height:100%;object-fit: fill;}
.video-box img{width:100%;height:100%;}
.video-box .paragraph{font-size: 1em;line-height: 1.8;}
.video-box[data-src] img{opacity: 0;visibility: hidden;}


@media (min-width: 769px){
    .video-list{display: table;width:100%;}
    .video-list .video-box{margin-top: 0;margin-bottom: 0;}
    .video-list.up-down .video-li{float:left;width:350px;padding:25px;background-color: #fff;margin-right: 75px;position: relative;}
    .video-list.up-down .video-li:nth-child(3n){margin-right: 0;}
    .video-list.up-down .video-li .video-box{height:170px;position: absolute;left:25px;right:25px;top:25px;}
    .video-list.up-down .video-li .text-box{margin-top: 170px;padding-top: 5px;}

    .video-list.up-down .video-li .text-box .title-md{font-size: 24px;line-height: 52px;color:#000;}
    .video-list.up-down .video-li .text-box .title-md em{display: none;}
    .video-list.up-down .video-li .text-box .para{font-size: 16px;line-height: 28px;color:#666;}
    .video-list.up-down .video-li .text-box .limit-hbox{max-height: 155px;min-height:155px;overflow-y: auto;}

    .section-spgl .video-list.up-down .video-li{background-color: #f2f2f2;}

    .video-box .m-video-wrapper{display: none;}
    .video-box[data-src] img{opacity: 1;visibility: visible;}
    .video-box[data-src]{cursor: pointer;}
    .video-box[data-src]:hover{-webkit-transform: translateY(-6px);transform: translateY(-6px);    box-shadow: 0 6px 18px 0 rgba(0,0,0,.5);}
    .video-box[data-src]:after{content:'';position: absolute;left:0;right:0;top:0;bottom:0;background:url('../images/icon_play.png') center center no-repeat;}
    .video-box[data-src]:hover:after{background-image:url("../images/icon_play2.png")}
}
@media (max-width: 768px){
	.video-box .m-video-wrapper{ display:none;}
	.section-syzf{background:#f7f7f7;}
	.article-spgl .video-li{margin-bottom:2rem;}
}	
@media (min-width: 769px){
    .section-syzf .part{padding-bottom: 80px;background: -moz-linear-gradient(top,#f2f2f2, #f2f2f2 35%, #f2f2f2,#fff 65%, #fff);background: -o-linear-gradient(top,#f2f2f2, #f2f2f2 35%, #f2f2f2,#fff 65%, #fff);background: -webkit-linear-gradient(top,#f2f2f2, #f2f2f2 35%, #f2f2f2,#fff 65%, #fff);}
    .part .title-md{color:#000;font-size: 30px;line-height:63px;}
    .part .title-md em{width:70px;height:70px;display: inline-block;margin-right: 20px;background-color: #e75623;color:#fff;font-size: 36px;line-height: 70px;padding-left: 10px;}

    .part .video-list.left-right{display: table;width:100%;padding-left: 40px;padding-right: 40px;}
    .part .video-list.left-right .video-li{float:left;width:50%;margin-top: 35px;background-color: #fff;display: table;}
    .part .video-list.left-right .video-li .video-box{float:left;width:300px;height:170px;}
    .part .video-list.left-right .video-li .text-box{float:right;height:170px;width:260px;padding: 10px 20px;}

    .part .video-list.left-right .video-li .text-box .title-sm{font-size: 22px;line-height: 42px;padding-top: 0;}
    .part .video-list.left-right .video-li .text-box .para{font-size: 16px;line-height: 26px;max-height: 104px;overflow-y:auto;padding-bottom: 0;}

    .part .video-list.up-down{padding-left:40px;padding-right: 40px;}
    .part .video-list.up-down .video-li{margin-right: 35px;margin-top: 35px;}
    .part .video-list.up-down .video-li:nth-child(3n){margin-right: 0;}
    .part .video-list.up-down .video-li .text-box{padding-top: 15px;}
    .part .video-list.up-down .video-li .text-box .para{max-height: 64px;min-height: 64px;font-size: 16px;line-height: 28px;}
}

@media (min-width: 769px){
    .section-hyfw{background-color: #f2f2f2;padding-bottom: 15px;}
    .section-hyfw .video-list.left-right{padding-left:40px;padding-right: 40px;}
    .section-hyfw .video-list.left-right .video-li{display: table;width:100%;margin-bottom: 55px;}
    .section-hyfw .video-list.left-right .video-li .video-box{float:left;width:300px;height:170px;}
    .section-hyfw .video-list.left-right .video-li .text-box{padding-left: 25px;padding-right: 25px;float:right;width:818px;}
    .section-hyfw .video-list.left-right .video-li .title-md{font-size: 24px;line-height: 28px;color:#333;}
    .section-hyfw .video-list.left-right .video-li .title-md em{display: none;}
    .section-hyfw .video-list.left-right .video-li .para{font-size: 16px;line-height: 28px;margin-top: 15px;padding-bottom: 0;}
    .section-hyfw .video-list.left-right .video-li .text-box:nth-child(3) .para{margin-top: 0;}
}

/*视频播放壳子*/
.player-modal{position: fixed;left:15px;right:15px;top:20%;height:auto;box-shadow: 1px 1px 6px rgba(0,0,0,.5);visibility: hidden;opacity: 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;padding:20px;background-color: #ccc;}
.player-modal.active{visibility: visible;opacity: 1;z-index: 31;}
.player-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;  display: none;z-index: 30;}
.player-mask.active{display: block;opacity: .65;}
.player-modal video{width:100%;height:100%;object-fit: fill;background-size:100%;}
.player-modal .mclose{width:50px;height:50px;display: inline-block;position: absolute;bottom:-70px;left:50%;margin-left: -25px;cursor: pointer;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);  transform: rotate(45deg);border:4px solid #ccc;border-radius: 50%;overflow: hidden;}
.player-modal .mclose:before{content:"";width:60%;height:4px;position: absolute;left:20%;top:50%;margin-top: -2px;background-color:#ccc;}
.player-modal .mclose:after{content:"";height:60%;width:4px;position: absolute;top:20%;left:50%;margin-left: -2px;background-color:#ccc;}
.player-modal .mclose:hover{border-color:#fff;}
.player-modal .mclose:hover:before{background-color: #fff;}
.player-modal .mclose:hover:after{background-color: #fff;}


@media (min-width: 860px){
    .player-modal{width:800px;height:490px;left:50%;top:50%;margin-left: -400px;margin-top: -245px;}
}
@media (min-width: 1400px){
    .player-modal{width:1000px;height:560px;left:50%;top:50%;margin-left: -500px;margin-top: -280px;}
}
@media (max-width: 768px){
    .player-modal{left:0;right:0;top:0;bottom:0;background-color: #000;padding:0}
    .player-modal video{width:100%;height:auto;object-fit: fill;position: absolute;transform: translateY(-50%);top:50%;}
	.bottom-tel { padding-top: 20px;}
	.bottom-tel span { display: block; padding-bottom: 10px!important;}
}
/********************************************系统功能 end**********************************************/

/********************************************技术特点 start********************************************/
.article-jstd{background:url(../images/bg_sq.jpg) left top repeat;padding:1rem 0;}
.article-jstd .title-section{color:#f19532;}
.article-jstd .title-md{text-align: center;font-size: 1rem;line-height: 3rem;color:#fff;}
.article-jstd .icon-wrapper{text-align: center;}
.article-jstd .icon-wrapper .iconfont{font-size: 4.5rem;line-height: 1;margin:0 auto;color:#f19532;}
.article-jstd .para{font-size: .7rem;line-height: 1.1rem;color:#fff;padding:0 1rem;padding-bottom: .5rem;}
.article-jstd .icon-wrapper + .para{margin-top: 1rem;}
.article-jstd .para-sm{font-size: .55rem;line-height: 1rem;color:#fff;padding:0 1rem;}

.article-jstd .section{margin-bottom: .2rem;padding-bottom: 1.6rem;}
.article-jstd .section:last-child{margin-bottom: 0;}
.article-jstd .section:nth-child(2n){background-color: #656e7c;}
.article-jstd .section:nth-child(2n+1){background-color: #4e5867;}
.article-jstd .section .video-list{display: none;}
.article-jstd .section .video-li{display: none;}

@media (min-width: 769px){

    .article-jstd .section .video-li{display: block;}

    .article-jstd{padding:25px 0;}
    .article-jstd .my-container{padding:0 40px;}
    .article-jstd .title-section{margin-top: 10px;margin-bottom: 15px;}
    .article-jstd .section{position: relative;padding:40px 0;min-height: 250px;margin-bottom: 10px;}
    .article-jstd .section .icon-wrapper{width:175px;position: absolute;text-align: center;left:0;top:40px;}
    .article-jstd .section .icon-wrapper .iconfont{font-size: 90px;}

    .article-jstd .section > .title-md{text-align: left;padding-left: 175px;font-size: 24px;line-height: 26px;margin-bottom: 20px;}
    .article-jstd .section > .para{padding-left:175px;margin-top: 0;font-size: 18px;line-height: 26px;}

    .article-jstd .section:nth-child(2n) > .title-md,
    .article-jstd .section:nth-child(2n) > .para{padding-right: 450px;}
    .article-jstd .section:nth-child(2n) .video-li{position: absolute;right:40px;top:40px;}
    .article-jstd .section:nth-child(2n) .video-li .video-box{width:300px;height:170px;margin-top: 0;margin-bottom: 0;}
    .article-jstd .section:nth-child(2n) .video-li .video-box img{width:100%;height:100%;}

    .article-jstd .section:nth-child(2n+1) .video-list{padding-right: 15px;padding-left: 175px;margin-top: 20px;display: table;}
    .article-jstd .section:nth-child(2n+1) .video-list .video-li{width:285px;margin-right:25px;float:left;}
    .article-jstd .section:nth-child(2n+1) .video-list .video-li .video-box{width:100%;height:170px;}
    .article-jstd .section:nth-child(2n+1) .video-list .video-li .para-sm{min-height: 132px;max-height: 132px;overflow-y: auto;font-size: 14px;line-height: 25px;padding:10px 0;}
}


/********************************************技术特点 end**********************************************/

/********************************************硬件介绍 start********************************************/
.article-yjjs{background-color:#f2f2f2; padding:1rem 0;}
.article-yjjs .section{border-bottom:.3rem solid #ddd;background-color: #fff;margin-bottom: 1rem;}
.article-yjjs .section .img-box{position: relative;padding-bottom: .5rem;}
.article-yjjs .section .img-box .img-wrapper{width:14rem;height:14rem;margin:0 auto;}
.article-yjjs .section .img-box .img-wrapper img{width:100%;height:100%;}
.article-yjjs .section .img-box .tag{font-size:1rem;line-height: 1.8rem; padding-left: 1rem; padding-right:1rem; color:#fff;background-color: #e75623;text-align: center;}
.article-yjjs .section .img-box .suggest{font-size: .45rem;line-height: 1rem;color:#888;text-align: center;}
.article-yjjs .section .text-box{padding:.8rem 1.2rem 1rem;}
.article-yjjs .section .text-box .title-md{color:#e75623;font-size: 1rem;line-height: 1.3rem;margin-bottom: .6rem; text-align:center;}
.article-yjjs .section .text-box .para{font-size: .7rem;line-height: 1.2rem;color:#666;position: relative;padding-left: 1.4rem;}
.article-yjjs .section .text-box .para .iconfont{color:#ccc;font-size: .8rem;position: absolute;top:0;left:0;line-height: inherit;}

@media (min-width: 769px){
    .article-yjjs{ padding-bottom: 100px;}
    .article-yjjs .my-container{padding: 0 40px;}
    .article-yjjs .title-section{margin-top: 20px;margin-bottom: 20px;}
    .article-yjjs .section{margin-bottom: 40px;position: relative;display: table;width:100%;}
    .article-yjjs .section .img-box{float:left;width:480px;height:480px;}
    .article-yjjs .section .img-box .img-wrapper{width:380px;height:380px;margin-top: -15px;}
    .article-yjjs .section .img-box .tag{font-size: 30px;line-height: 60px;width:216px;position: relative;z-index: 1;}
    .article-yjjs .section .img-box .suggest{font-size: 18px;line-height: 50px;margin-top: -10px;}

    .article-yjjs .section .text-box{padding:30px 25px 30px 525px;}
    .article-yjjs .section .text-box .title-md{font-size:24px;line-height:38px;margin-bottom:20px; text-align:left;}
    .article-yjjs .section .text-box .para{font-size: 16px;line-height:32px;padding-left: 40px;}
    .article-yjjs .section .text-box .para .iconfont{font-size: 24px;}
}

/********************************************硬件介绍 end**********************************************/

/********************************************宠店场景 start********************************************/
.article-cdcj{background-color:#f2f2f2; }
.article-cdcj .section{padding-bottom: 1rem;}
.article-cdcj .section .section-banner{width:100%;height:6.4rem;text-align: right;position: relative;padding-top: .9rem;}
.article-cdcj .section .section-banner .section-title{position: absolute;left:0;bottom:0;width:auto; padding-right:1rem;text-align: left;padding-left: 1rem;background-color: rgba(0,0,0,.6);font-size:.9rem;line-height: 1.8rem;color:#fff;word-break: break-all;}
.article-cdcj .section .section-banner .section-icon{margin-right: 3rem;height:4.6rem;opacity: .8;}
.article-cdcj .section .section-banner .section-icon img{height:100%;}
.article-cdcj .section:nth-child(1) .section-banner{ background:#e6bb9a url("../images/bg_b1.jpg") center center no-repeat;background-size:100% 100%;}
.article-cdcj .section:nth-child(2) .section-banner{background-color:#a7d193;}
.article-cdcj .section:nth-child(3) .section-banner{background-color:#7edcd6;}
.article-cdcj .section:nth-child(4) .section-banner{background-color:#93b0d1;}
.article-cdcj .section:nth-child(5) .section-banner{background-color:#c6b3e0;}


.article-cdcj .section .section-text{margin-top: .6rem;}
.article-cdcj .section .section-cont .title-md{display: none;}
.article-cdcj .title-sm{font-size: .9rem;line-height: 1.9rem;color:#000; }
.article-cdcj .para{font-size: .7rem;line-height: 1.1rem;color:#666; padding-bottom: .55rem;}

@media (min-width: 769px){
    .article-cdcj .section{position: relative;/*height:720px;*/width:100%;padding-bottom: 0;}
    .article-cdcj .section .section-banner{display: none;}
    .article-cdcj .section .my-container{position: relative;display: table;}
    .article-cdcj .section .section-cont{/*height:720px;*/width:760px;position: relative;padding-bottom: 50px;}
    .article-cdcj .section .section-cont .title-md{font-size: 30px;line-height: 36px;padding-top:40px;display: block;color: #e75623;}
    .article-cdcj .section .section-cont .section-text{margin-top: 15px;}
    .article-cdcj .title-sm{font-size: 22px;line-height: 36px;color:#000; }
    .article-cdcj .para{font-size: 16px;line-height: 24px;color:#666; }


    .article-cdcj .section:nth-child(1){background: #fff url('../images/cj_pc1.png') left center no-repeat;}
    .article-cdcj .section:nth-child(2){background: #f2f2f2 url('../images/cj_pc2.png') right center no-repeat;}
    .article-cdcj .section:nth-child(3){background: #fff url('../images/cj_pc3.png') left center no-repeat;}
    .article-cdcj .section:nth-child(4){background: #f2f2f2 url('../images/cj_pc4.png') right center no-repeat;}
    .article-cdcj .section:nth-child(5){background: #fff url('../images/cj_pc5.png') left center no-repeat;}


    .article-cdcj .section:nth-child(2n-1) .section-cont{background-color: #fff;float:right;}
/*    .article-cdcj .section:nth-child(2n-1) .section-cont:before{content: '';position: absolute;right:100%;top:0;border-top:720px solid #fff;border-left:200px solid transparent;width:0;height:0;}*/
    .article-cdcj .section:nth-child(2n-1) .section-cont:before{content: '';position: absolute;right:100%;top:0;width:300px;height:100%;background:url('../images/bg_white.png') right bottom no-repeat}
    .article-cdcj .section:nth-child(2n) .section-cont{background-color: #f2f2f2;padding-left: 40px;}
/*    .article-cdcj .section:nth-child(2n) .section-cont:after{content: '';position: absolute;left:100%;top:0;border-top:720px solid #f2f2f2;border-right:200px solid transparent;width:0;height:0;}*/
    .article-cdcj .section:nth-child(2n) .section-cont:after{content: '';position: absolute;left:100%;top:0;width:266px;height:100%;background:url('../images/bg_gray.png') right bottom no-repeat;}
}


/********************************************宠店场景 end**********************************************/

/*动画*/
@-webkit-keyframes fadeInToUpShort {/*下到上*/
    0% {opacity: 0;-webkit-transform: translateY(20px)}
    100% {opacity: 1;-webkit-transform: translateY(0)}
}
@keyframes fadeInUpShort {
    0% {opacity: 0;transform: translateY(20px)}
    100% {opacity: 1;transform: translateY(0)}
}

@-webkit-keyframes fadeInToBottomShort {/*上到下*/
    0% {opacity: 0;-webkit-transform: translateY(-20px)}
    100% {opacity: 1;-webkit-transform: translateY(0)}
}
@keyframes fadeInUpShort {
    0% {opacity: 0;transform: translateY(-20px)}
    100% {opacity: 1;transform: translateY(0)}
}

@-webkit-keyframes fadeInToRight{/*左侧划出*/
    0% {opacity: 0;-webkit-transform: translateX(-50%)}
    100% {opacity: 1;-webkit-transform: translateX(0)}
}
@keyframes fadeInToRight{
    0% {opacity: 0;transform: translateX(-50%)}
    100% {opacity: 1;transform: translateX(0)}
}
@-webkit-keyframes fadeInToLeft {/*右侧划出*/
    0% {opacity: 0;-webkit-transform: translateX(50%)}
    100% {opacity: 1;-webkit-transform: translateX(0)}
}
@keyframes fadeInToLeft{
    0% {opacity: 0;transform: translateX(50%)}
    100% {opacity: 1;transform: translateX(0)}
}


@keyframes widthSmallToBig {/*宽度小变大*/
    0%{width:10%;height:100%;opacity: 0}
    100%{width:100%;height:100%;opacity: 1;}
}
@keyframes flashed{/*闪烁*/
    0%{opacity: 1;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
@keyframes rotateCircle{/*旋转*/
    0%{transform: rotate(0);width:0;height:0;}
    50%{transform: rotate(180deg);width:50%;height:50%;}
    100%{transform: rotate(360deg);width:100%;height:100%;}
}
@keyframes turnOver{/*翻牌*/
    0%{transform: rotateY(0); opacity: 0;}
    50%{transform: rotateY(90deg); opacity: 0.5;}
    100%{transform: rotateY(0deg); opacity: 1;}
}
@keyframes topFadeIn{/*正上方飞出*/
    0%{transform: translateY(-100px);opacity: 0;}
    50%{transform: translateY(-50px);opacity: 0.7;}
    100%{transform: translateY(0);opacity: 1;}
}
@keyframes rightTopFadeIn{/*右上飞出*/
    0%{transform: translate(200px,-100px);opacity: 0;}
    50%{transform: translate(0,-100px);opacity: 0.7;}
    100%{transform: translate(0,0);opacity: 1;}
}
@keyframes bottomFadeIn{/*正下方飞出*/
    0%{transform: translateY(35px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}

.animate_target .my-container{opacity: 0;visibility: hidden;/*-webkit-transition:all .2s ease-out;transition:all .2s ease-out;*/}
.animate_target.animation .my-container{opacity: 1;visibility: visible;}
/*智能终端*/
#s-znzd.animation .part-left h2{
    animation: fadeInToUpShort .3s linear 1 both;
}
#s-znzd.animation .part-left p,.section-znzd.animation .part-left .i-total{
    animation: fadeInToBottomShort .3s ease-in-out 1 both;
}
#s-znzd.animation .part-left h2{animation-delay: 0s;}
#s-znzd.animation .part-left p{animation-delay: 0.2s;}
#s-znzd.animation .part-left .i-total{animation-delay: 0.4s;}
#s-znzd.animation .part-right img{
    animation: fadeInToBottomShort .3s ease-in-out 1 both;
}
/*支付方式*/
#s-zffs.animation .my-container>h2,#s-zffs.animation .my-container>p{
    animation: fadeInToBottomShort .3s ease-in-out 1 both;
}
#s-zffs.animation .my-container>h2{animation-delay: 0s;}
#s-zffs.animation .my-container>p{animation-delay: 0.2s;}

#s-zffs.animation .v-list .v-box{
    animation: fadeInToBottomShort .3s ease-in-out 1 both;
}
#s-zffs.animation .v-list .v-box:nth-child(1){animation-delay: .5s;}
#s-zffs.animation .v-list .v-box:nth-child(2){animation-delay: .6s;}
#s-zffs.animation .v-list .v-box:nth-child(3){animation-delay: .7s;}

#s-zffs.animation .v-list .v-box p{
    animation: fadeInToBottomShort .3s linear 1 both;
}
#s-zffs.animation .v-list .v-box:nth-child(1) p{animation-delay: .6s;}
#s-zffs.animation .v-list .v-box:nth-child(2) p{animation-delay: .7s;}
#s-zffs.animation .v-list .v-box:nth-child(3) p{animation-delay: .8s;}

/*footer*/
.common-footer { background: #2d3237; height: auto; width: 100%; padding-bottom: 20px; font-size: .7rem;}
.common-footer a { color: #77a5d4;}
.common-footer a:hover {color: #eee;}
.common-footer .sections {margin: 0 auto; *zoom: 1; padding: 15px 0 5px 0;}
.common-footer .sections h3 { font-size: 16px; line-height:26px; letter-spacing:1px; color: #fff; font-weight:600; margin-bottom:18px;margin-top: 10px;}

.common-footer .sections .bot_links h3 img{ height:26px; margin-right:10px; vertical-align:bottom;}
.common-footer .sections .bot_links {width: 44%; color: #aaaaaa;}
.common-footer .sections .bot_links .links { margin-bottom: 10px;}
.common-footer .sections .bot_links .links a{ padding-right:10px;}
.common-footer .sections .bot_links p { margin-bottom: 10px;}

.common-footer .sections .bot_partner {width: 44%; padding:0 100px 0 10px;}
.common-footer .sections .bot_partner ul li {display: inline-block;vertical-align: middle; margin-right: 30px; margin-bottom: 10px;}
.common-footer .sections .bot_partner ul li span {opacity: 0.6;}
.common-footer .sections .bot_partner ul li span:hover {opacity: 1;}

.common-footer .sections .bot_app_code {text-align: center;color: #aaa;font-size: 12px;position: relative; margin-bottom:10px;}
.common-footer .sections .bot_app_code img { width: 100px; position: relative;vertical-align: baseline;}

.common-footer .bottom_copyright {line-height: 24px; height: auto; color: #666;position: relative; padding: 8px 0;}
.common-footer .bottom_copyright span{ padding:0 10px;}
.common-footer .bottom_copyright a { color: #666;}
.common-footer .bottom_copyright a:hover {color: #888;}

.common-footer .mobile-hide { display: inline-block;}

/** iPhone X 判断 **/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.common-footer {
		padding-bottom: 3vh;
	}
}
@media (max-width: 800px) {
    .common-footer .sections{ display:none;}
    .common-footer .mobile-hide { display: none !important;}
    .common-footer .bottom_copyright { text-align: center; padding: 15px;line-height: 20px; }
    .common-footer .sections .bot_app_code { display: none !important;}
    .common-footer .sections .bot_partner { display: none !important; }
    .common-footer .sections .bot_links { float: none; width: 100%;text-align: center; }
    .common-footer .sections .bot_links .links { padding-top: 0px;margin-bottom: 10px; }
}

@media (min-width: 800px) and (max-width: 1200px) {
    .common-footer .sections .bot_links { width: 42%;}
}


.go-top {position: fixed; right: 10px; bottom: 10px; width: 46px; height: 46px; line-height: 46px; text-align: center; background:rgba(255,255,255,.8) url(../images/float.png) center center no-repeat; cursor: pointer; border-radius: 50%; z-index: 999;visibility: hidden;opacity: 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out; }
.go-top.active{visibility: visible;opacity: 1;}