@charset "utf-8";
.wrap{max-width:1700px;width: 95%; margin:0 auto;}
.wrap1200{max-width:1200px;width: 95%; margin:0 auto;}
.max-wrap{max-width: 1700px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.nowrap *{white-space: normal;}
.fz0{font-size: 0px;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.content-box{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-1s{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.grayscale .grayscale-img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.grayscale:hover .grayscale-img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}
.fz0.nowrap{letter-spacing: -5px;}
.fz0.nowrap *{letter-spacing: normal;}
.red{color: #f50;}
.bgf3{background-color: #f3f3f3;}
.show1300{display: none;}
.show992{display: none;}
.show768{display: none;}
.show480{display: none;}
.show320{display: none;}
.ddlogoshow{display: block;}
.ddlogonone{display: none;}
#price br{display:none;}
#dd-header-blank{height:60px; display:none;}

.wow{visibility: hidden;}

@font-face{font-family: 'PingFang'; src: url(/fonts/PingFangLight.ttf);}
@font-face{font-family: 'AvantGarde'; src: url(/fonts/AvantGardeBook.otf);}
@font-face{font-family: 'Din'; src: url(/fonts/DINCOND-MEDIUM.OTF);}

#global_qq_service{ width:90px; padding:10px; position:fixed; right:35px; top:190px; z-index:999; background:#fff; border:1px solid #ff1903; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .service_title{ font-size:16px; font-weight:bold; color:#ff1903; text-align:center;}
#global_qq_service .qq_item .qq_img{ width:60px; height:60px; margin:0 auto; cursor:pointer;}
#global_qq_service .qq_item .qq_img img{ border-radius:50%;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center; cursor:pointer;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}

html,body{overflow-x: hidden;}
#body{position: relative;left: 0;top: 0;bottom: 0;right: 0;/*display: none;*/}
/*#body.on{z-index: 10;}*/


#small-banner{z-index: 2;}
#small-banner .bd{width: 100%;}
#small-banner .bar{left: 0;}
#small-banner .item{width: 100%;}
#small-banner .item > a{width: 100%;height: 100%;left: 0;top: 0;}
#small-banner.slide .bar{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
#small-banner.fold .item{zoom: 1;opacity: 0;}
#small-banner.fold .item.on{opacity: 1;}

.index-title{font-size: 28px;color: #222;}
.index-title h2{font-size: 28px;color: #222;}
.index-brief{font-size: 14px;color: #aaa;margin-top: 10px;}
.index-brief font{color:#000000;}



.editor *{max-width: 100%;line-height: inherit;font-family: inherit;font-size: inherit;color: inherit;}


#price-table{border-collapse: collapse;margin-top: 100px;}
#price-table .price-row .pack-title{width: 25%;line-height: 60px;}
#price-table .price-row .pack-title{background-color: #fafafa;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
#price-table .price-row .pack-title .title-0{font-size: 36px;color: #000;}
#price-table .price-row .pack-title .title-1{font-size: 30px;color: #bbb;}
#price-table .price-row .pack-col{width: 25%;}
#price-table .price-row.r0 .pack-col{padding: 50px 0;}
#price-table .price-row.r0 .pack-col.i0{background-color: #ffc804;border-top: 1px solid #ffc804;}
#price-table .price-row.r0 .pack-col.i1{background-color: #ff4300;border-top: 1px solid #ff4300;}
#price-table .price-row.r0 .pack-col.i2{background-color: #00b3ff;border-top: 1px solid #00b3ff;}
#price-table .price-row.r0 .pack-col .price-title{font-family:Arial, 'PingFang';font-size: 48px;color: #fff;}
/*#price-table .price-row.r0 .pack-col .price-title::before , #price-table .price-row.r0 .pack-col .price-title::after{width: 40px;height: 1px;background-color: #fff;position: absolute;z-index: 1;top: 50%;content: '';}*/
#price-table .price-row.r0 .pack-col .price-title::before{right: 120%;}
#price-table .price-row.r0 .pack-col .price-title::after{left: 120%;}
#price-table .price-row.r0 .pack-col .pack-price{font-family:Arial, 'PingFang';font-size: 86px;color: #fff;}
#price-table .price-row.r0 .dd-pack-col .pack-price{font-size: 66px;}
#price-table .price-row.r0 .pack-col .pack-price::before{font-size: 30px;position: absolute;z-index: 1;top: 18px;right: 100%;content: '¥';}
#price-table .price-row.r0 .dd-pack-col .pack-price::before{content: '';}
#price-table .price-row.r0 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
#price-table .price-row.r0 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}
#price-table .price-row.r1 .pack-col{padding: 30px 0 50px;}
#price-table .price-row.r1 .pack-col.i0{background-color: #ffd306;}
#price-table .price-row.r1 .pack-col.i1{background-color: #ff5400;}
#price-table .price-row.r1 .pack-col.i2{background-color: #00c1ff;}
#price-table .price-row.r1 .pack-col .renewals{font-size: 26px;color: #fff;}
#price-table .price-row.r1 .pack-col .renewals span{font-size: 36px;}
#price-table .price-row.r1 .pack-col .renewals font{font-size:18px; font-weight:bold;}
#price-table .price-row.r1 .pack-col .renewals span::before{font-size: 26px;position: relative;z-index: 1;top: -8px;margin: 0 4px 0 8px;content: '¥';}
#price-table .price-row.r1 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
#price-table .price-row.r1 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}
#price-table .price-row.r1 .pack-col .tips{font-size: 22px;color: #fff;margin-top: 30px;}
#price-table .price-row.r1 .pack-col .tips a{color: #fff; font-size:36px;}
#price-table .fun-title td{line-height: 60px;font-size: 18px;color: #000;background-color: #e1e1e1;}
#price-table .fun-row .fun-type{font-weight: bold;font-size: 16px;color: #333;border: 1px solid #e5e5e5;}
#price-table .fun-row .fun-title{height: 60px;line-height: 24px;font-size: 16px;color: #333;border: 1px solid #e5e5e5;}
#price-table .fun-row .fun-cell{font-size: 16px;color: #666;}
#price-table .fun-row.i0 .fun-cell.i0{background-color: #f8f5e7;}
#price-table .fun-row.i0 .fun-cell.i1{background-color: #f8ece7;}
#price-table .fun-row.i0 .fun-cell.i2{background-color: #ebf5f9;}
#price-table .fun-row.i1 .fun-cell.i0{background-color: #eeecdf;}
#price-table .fun-row.i1 .fun-cell.i1{background-color: #eee3df;}
#price-table .fun-row.i1 .fun-cell.i2{background-color: #e1ecf1;}



@media only screen and (max-width: 1440px){
	


@media only screen and (max-width: 1300px){
	.show1300{display: block;}
	.hide1300{display: none;}
	
 

    #price-table .price-row .pack-title .title-0{font-size: 22px;}
    #price-table .price-row .pack-title .title-1{font-size: 16px;}
    #price-table .price-row.r0 .pack-col .price-title{font-size: 34px;}
    #price-table .price-row.r0 .pack-col .pack-price{font-size: 54px;}
    #price-table .price-row.r1 .pack-col .renewals{font-size: 18px;}
    #price-table .price-row.r1 .pack-col .renewals span{font-size: 28px;}
    #price-table .price-row.r1 .pack-col .renewals span::before{font-size: 20px;}
    #price-table .price-row.r0 .pack-col .o-price{font-size: 16px;}
    #price-table .price-row.r1 .pack-col .o-price{font-size: 16px;}
    #price-table .price-row.r2 .pack-col .o-price{font-size: 16px;}
    #price-table .price-row.r1 .pack-col .tips{font-size: 14px;}

	
}

@media only screen and (max-width: 992px){
	.show992{display: block;}
	.hide992{display: none !important;}
	
	
}

@media only screen and (max-width: 860px){
	#products.index #products-box{padding-top:35px;}
	
	#price-table{margin-top:35px;}
	#price-table .price-row.r0 .pack-col .price-title{font-size:24px;}
	#price-table .price-row.r0 .pack-col .pack-price{font-size:36px;}
	#price-table .price-row.r0 .pack-col .pack-price::before{top:5px;}
	#price-table .price-row.r1 .pack-col .renewals span::before{top:-8px;}
	

	
	#price-table .price-row.r1 .pack-col .tips a{font-size:22px;}
}

@media only screen and (max-width: 768px){
	.show768{display: block;}
	.hide768{display: none;}

	#dd-header-blank{display:none;}
	


@media only screen and (max-width: 640px){
	.show640{display: block;}
	.hide640{display: none;}

	.index-cooperation .evaluation-list .item .info .name{font-size: 20px;}

	.index-tutorial .tutorial-support .support-search{width: 96%;float: none;}
	.index-tutorial .tutorial-support .support-search .text{width: 100%;}
	.index-tutorial .tutorial-support .button{width: 96%;margin-left: 2%;float: none; margin-top:5%;}

	.try-button-box .button{width: 100%;margin: 10px 0;}
	
	#price-table .price-row .pack-title .title-0 , #price-table .price-row.r0 .pack-col .price-title{font-size:20px;}
	#price-table .price-row .pack-title .title-1{font-size:14px;}
	#price-table .fun-title td , #price-table .fun-row .fun-type , #price-table .fun-row .fun-title{font-size:14px;}
	

}

@media only screen and (max-width: 480px){
	.show480{display: block;}
	.hide480{display: none;}
	/*#products-box .products-list .item{width: 100%;}*/

	

	
	#price-table .price-row.r0 .pack-col .o-price::before{background:none;}
	#price-table .price-row .pack-title .title-0{font-size:14px;}
	#price-table .price-row.r0 .pack-col .price-title{font-size:16px;}
	#price-table .price-row.r0 .pack-col .pack-price{font-size:28px;}
	#price-table .price-row.r0 .pack-col .pack-price::before{font-size:20px;}
	#price-table .price-row.r1 .pack-col .renewals span{font-size:22px;}
	#price-table .price-row.r1 .pack-col .renewals span::before{top:0px;}
	#price-table .fun-title td{line-height:30px;}
	

}

@media only screen and (max-width: 375px){

	
	#price-table .price-row.r0 .pack-col .price-title::before, #price-table .price-row.r0 .pack-col .price-title::after , #price-table .price-row.r0 .pack-col .o-price::before , #price-table .price-row.r1 .pack-col .o-price::before{display:none;}
	#price-table .price-row.r0 .pack-col .pack-price{font-size:24px;}

	
	#price-table .price-row.r1 .pack-col .tips a{font-size:18px;}
	
	.d-375-hidn{display:none;}
}

@media only screen and (max-width: 360px){
	#price br{display:block;}
	
	#price-table .price-row.r1 .pack-col .renewals{font-size:14px;}
	
	#footer_alert .txt{margin-left:115px; font-size:14px;}
}



.