body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}
.wrap{
    overflow: inherit;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.content-wrap{
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0; 
}
.content-wrap *{
    box-sizing: border-box;
}
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.wrapper *{
    box-sizing: border-box;
}
#wrap *{
    box-sizing: border-box;
}
section#ai-banner{
    height: 300px;
    width: 100%;
    background-image: linear-gradient(to right, #0d1eff , #4760ff);
} 
section#ai-banner .banner-img{
    margin-top: 23px;
}
section#ai-banner .banner-info{
    margin-left: 77px;
    margin-top: 115px;
}
section#ai-banner .banner-info h1{
    font-size: 34px;
    color: #ffffff;
    margin-bottom: 30px;
}
section#ai-banner .banner-info p{
    font-size: 17px;
    color: #ffffff;
}
section#ai-banner .content-wrap{
    padding: 0px;
    padding-left: 164px;
}
section#ai-introduction .introduction-info{
    width: 825px;
    margin-left: 77px;
}
section#ai-introduction .introduction-info .title{
    font-size: 37px;
    color: #108cee;
}

section#ai-introduction .introduction-info .notes{
    font-size: 17px;
    color: #bbbaba;
    margin-top: 20px;
}
section#ai-introduction .introduction-detail{
    width: 652px;
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    margin-top: 25px;
    text-align: justify;
}

section#ai-introduction .support-type h3{
    font-size: 16px;
    margin: 22px 0; 
    color: #000000;
}
section#ai-introduction .support-type ul li{
    float: left;
    text-align: center;
    width: 98px;
    display: block;
    margin-right: 50px;
}
section#ai-introduction .support-type ul li p{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
section#ai-gobuy{
    background-color: #fcfcfc;
}

section#ai-gobuy .gobuy-product{
    padding-left: 37px;
}
section#ai-gobuy .gobuy-product ul{
    font-size: 0px;
}
section#ai-gobuy .gobuy-product li.item{
    width: 548px;
    height: 193px;
    background-color: #ffffff;
    display: inline-block;
    margin-right: 31px;
    padding: 30px 0 0 30px;
    vertical-align: top;
    transition: all .2s;
}
section#ai-gobuy .gobuy-product li.item:hover{
    box-shadow: 0px 0px 30px -3px #eaebef;
    transform: translateY(-10px);
    cursor: pointer;
}
section#ai-gobuy .gobuy-product li.item i{
    display: block;
    width: 60px;
    height: 60px;
    background-color: #d6e7fe;
    border-radius: 50%;
    margin-right: 30px;
}
section#ai-gobuy .gobuy-product li.item i img{
    margin-top: 7px;
}
section#ai-gobuy .gobuy-product li.item .item-detail{
    width: 392px;
}
section#ai-gobuy .gobuy-product li.item .item-detail h3{
    color: #000000;
    font-size: 17px;
    margin-bottom: 20px;
}
section#ai-gobuy .gobuy-product li.item .item-detail p{
    font-size: 12px;
    color: #999999;
    display: block;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: 1px solid #ebebeb;
}
section#ai-gobuy .gobuy-product li.item .item-price{
    margin-top: 24px;
}
section#ai-gobuy .gobuy-product li.item .item-price span{
    color: #d0021b;
    font-size: 14px;
    float: left;
}
section#ai-gobuy .gobuy-product li.item .item-price span em{
    font-size: 24px;
    color: #d0021b;
    margin-right: 10px;
}

section#ai-gobuy .gobuy-product li.item .item-price a{
    float: right;
    width: 120px;
    display: block;
    height: 38px;
    line-height: 36px;
    border: 1px solid #026bff;
    background-color: #026bff;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    border-radius: 26px;
}
section#ai-gobuy .gobuy-product li.item .item-price a:hover{
    background-color: #ffffff;
    color: #026bff;
}

.content-wrap .ai-title{
    text-align: center;
    color: #000000;
    font-size: 24px;
    margin-bottom: 20px;
}

.content-wrap .title-info{
    font-size: 14px;
    color: #666666;
    text-align: center;
}
section#ai-scene{
    background-color: #f5f5f5;
}
section#ai-scene .scene-info{
    margin-top: 30px;
}

section#ai-scene .scene-info .scene-all li.item{
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
    animation-duration: 1s
}
section#ai-scene .scene-info .scene-all li.item i{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    vertical-align: center;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 13px;
    border-radius: 100%;
}
section#ai-scene .scene-info .scene-all li.item h3{
    text-align: center;
    color: #000000;
    font-size: 15px;
}
section#ai-scene .scene-info .scene-all li.active i{
    background-color: #ffffff;
} 
section#ai-scene .scene-info .scene-explain{
    padding: 0 12px;
    background-color: #ffffff;
    width: 100%;
    height: 362px;
    margin-top: 22px;
    padding: 37px 0 0 57px;
    position: relative;
}
section#ai-scene .scene-info .scene-explain::before{
    content: '';
    width:0;
    height:0;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
    border-bottom:12px solid #ffffff;
    position: absolute;
    top: -12px;
}
section#ai-scene .scene-info .scene-explain .explain-title{
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
}
section#ai-scene .scene-info .scene-explain .explain-all li.item{
    float: left;
    font-size: 0;
    width: 50%;
    min-height: 87px;
}
section#ai-scene .scene-info .scene-explain .explain-all li.item .item-title i{
    display: inline-block;
}
section#ai-scene .scene-info .scene-explain .explain-all li.item .item-title h3{
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}
section#ai-scene .scene-info .scene-explain .explain-all li.item .item-info{
    font-size: 14px;
    color: #999999;
    margin-top: 7px;
    padding-right: 70px;
}
section#ai-scene .scene-info .scene-explain.left150::before {
    left: 137px;
}
section#ai-scene .scene-info .scene-explain.left450::before{
    left: 437px;
}
section#ai-scene .scene-info .scene-explain.left750::before{
    left: 737px;
}
section#ai-scene .scene-info .scene-explain.left1050::before{
    left: 1037px;
}

section#ai-template{
    background-color: #ffffff;
}
section#ai-template .template-all{
    margin-top: 50px;
}
section#ai-template .template-all li.item{
    float: left;
    margin-right: 12px;
    margin-bottom: 35px;
    width: 390px;
    overflow: hidden;
}
section#ai-template .template-all li.item:hover{
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    transition: all .3s;
    cursor: pointer;
}

section#ai-template .template-all li.item:nth-of-type(3n){
    margin-right: 0px;
}
section#ai-template a.more-template{
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 200px;
    text-align: center;
    height: 46px;
    line-height: 44px;
    border: 1px solid #026bff;
    color: #026bff;
    font-size: 14px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}
section#ai-template a.more-template:hover{
    color: #ffffff;
}
section#ai-template a.more-template::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    bottom: 0;
    margin: 0 auto;
    z-index: -1;
    width: 46px;
    height: 46px;
    background-color: #026bff;
    opacity: 0;
    border-radius: 30px;
}
@-webkit-keyframes button-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes button-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes button-width {
	100% {
		width: 100%
	}
}

@keyframes button-width {
	100% {
		width: 100%
	}
}
section#ai-template a.more-template:hover::after{
    -webkit-animation: button-scale .1s both,button-width .2s .1s both;
    animation: button-scale .1s both,button-width .2s .1s both;
    -webkit-animation-timing-function: cubic-bezier(0.25,0,.3,1);
    animation-timing-function: cubic-bezier(0.25,0,.3,1);
}
section#ai-marking{
    background-color: #f5f5f5;
}
section#ai-marking .marking-all {
    margin-top: 60px;
}
section#ai-marking .marking-all li.item{
    display: block;
    width: 258px;
    float: left;
    margin-left: 42px;
    height: 141px;
    margin-bottom: 40px;
}
section#ai-marking .marking-all li.item:nth-of-type(4n){
    margin-right: 0px;
}
section#ai-marking .marking-all li.item .item-title i{
    display: inline-block;
    margin-right: 20px;
}
section#ai-marking .marking-all li.item .item-title h3{
    display: inline-block;
    font-size: 16px;
    color: #000000;
}

section#ai-marking .marking-all li.item .item-info{
    margin-top: 15px;
    font-size: 13px;
    color: #999999;
    line-height: 24px;
}
section#ai-marking .content-wrap{
    padding-bottom: 40px;
}
section#ai-manual{
    background-color: #ffffff;
}

section#ai-manual .go-download{
    width: 160px;
    height: 46px;
    line-height: 44px;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    background-color: #026bff;
    border: 1px solid #026bff;
    text-align: center;
    font-size: 15px;
    margin-top: 40px;
    border-radius: 100px;
}
section#ai-manual .go-download:hover{
    background-color: #ffffff;
    color: #026bff;
}
[v-cloak]{
    display: none
}