.service-list .service-item .service-item-merge .service-item-merge-name__block .tip-text img,.service-list .service-item li .service-item__name .tip-text img {

	vertical-align: middle

}



.server-banner .banner-title {

	padding-top: 80px;

	line-height: 56px;

	font-size: 32px;

	color: #353535;

	text-align: center;

	padding-bottom: 20px

}

.server-banner .BigBtnType1{

	background: #3473fa;

	color: #fff;

}

.server-banner .banner-sub-title {

	text-align: center;

	line-height: 25px;

	font-size: 18px;

	color: #666;

	padding: 16px 0 40px

}



.type-wrap {

	max-width: 1200px;

	margin: 40px auto 0;

}



.type-wrap .type {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	margin-bottom: 80px;

}



.type-wrap .type-item {

	width: 32%;

	margin-right: 2%;

	height: 464px;

	background: #fff;

	position: relative;

	text-align: center;

	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02), 0 20px 40px 0 rgba(0,0,0,.04);

	box-shadow: 0 10px 20px 0 rgba(0,0,0,.02), 0 20px 40px 0 rgba(0,0,0,.04);

	border-radius: 10px;

	-webkit-transition: all 1s;

	transition: all 1s

}

.type-wrap .type-item:last-child{

	margin-right: 0;

}



.type-wrap .type-item .recommend_img {

	width: 58px;

	position: absolute;

	right: 32px;

	top: 0

}



.type-wrap .type-item .type-header {

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 100%;

	height: 92px;

	border-radius: 10px 10px 0 0;

	font-weight: 500;

	color: #fff;

	font-size: 30px

}

.type-wrap .type-item .type-header .tuijian{
    position: absolute;
    right: 20px;
    top: 0;
    text-align: center;
    /*background: #fbdd9e;*/
    background:linear-gradient(321deg,#fbdd9e 50%,#fff 100%);
    width: 44px;
    height: 58px;
    color: #be9642;
    /*-webkit-text-stroke:1px #f00;*/
    font-size: 20px;
    padding-top: 12px;
    box-sizing: border-box;
}

.type-wrap .type-item .type-header .tuijian:before{
    content: "";
    display: block;
    border: 22px solid transparent;
    position: absolute;
    bottom: 0;
    border-bottom-width: 10px;
    border-color: transparent transparent #a7551d;
}

.type-wrap .type-item .type-header-one {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #40a9ff),to(#105cfb));

	background: linear-gradient(90deg,#40a9ff 0,#105cfb 100%)

}



.type-wrap .type-item .type-header-two {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #31e0d0),to(#2d6bf4));

	background: linear-gradient(90deg,#31e0d0 0,#2d6bf4 100%)

}



.type-wrap .type-item .type-header-three {

	/*background: -webkit-gradient(linear,left top, right top,color-stop(0, #ddb799),to(#b78463));*/

	/*background: linear-gradient(90deg,#ddb799 0,#b78463 100%)*/
	background: -webkit-gradient(linear,left top, right top,color-stop(0, #ddb799),to(#9e4206));

	background: linear-gradient(90deg,#ddb799 0,#9e4206 100%)

}

.type-wrap .type-item .type-header-four {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #eca24d),to(#000));

	background: linear-gradient(90deg,#eca24d 0,#000 100%);

}



.type-wrap .type-item .type-header-desc {

	margin-top: 4px;

	font-size: 14px;

	font-weight: 400;

	opacity: .8

}



.type-wrap .type-item .version-person {

	margin-top: 52px;

	margin-bottom: 30px;

	font-size: 14px;

	color: #666;

	line-height: 20px;

	height: 120px;

	overflow: hidden;

}



.type-wrap .type-item .version-desc {

	height: 116px;

	font-size: 14px;

	color: #999;

	line-height: 22px

}



.type-wrap .type-item .price-box {

	position: relative;

	height: 40px;

	margin-bottom: 20px

}



.type-wrap .type-item .old-price {

	

	color: #666;

}



.type-wrap .type-item .type-price {

	line-height: 36px;

	color: #353535;

	font-weight: 500;

	margin-bottom: 20px;

}

.type-wrap .type-item .now-price span{

	font-size: 16px;

}
.type-wrap .type-item .now-price .zhekou{

	font-size: 33px;

}

.type-wrap .type-item .type-price span {

	font-size: 14px

}



.type-wrap .type-item .type-price .type-price-num {

	font-size: 30px

}



.type-wrap .type-item .type-price .c-3DA4FF {

	color: #3da4ff

}
.type-wrap .type-item .type-price .c-f34a3e {

	color: #f34a3e;

}


.type-wrap .type-item .type-price .c-2D74F1 {

	color: #2d74f1

}



.type-wrap .type-item .type-price .c-B98666 {

	color: #b98666

}



.type-wrap .type-item .type-compare {

	height: 20px;

	line-height: 20px;

	font-size: 0

}



.type-wrap .type-item .type-btn {

	display: block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	border-radius: 24px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	margin: 0 auto

}



.type-wrap .type-item .type-btn:hover {

	opacity: .9

}



.type-wrap .type-item .type-btn-one {

	background: rgb(61, 164, 255);

}



.type-wrap .type-item .type-btn-two {

	background: #2d74f1

}



.type-wrap .type-item .type-btn-three {

	/*background: #b98666*/
	background: #d85500;

}

.type-wrap .type-item .type-btn-four {

	background: #e9922e

}

.type-wrap .type-item:hover {

	-webkit-transform: translateY(-8px);

	transform: translateY(-8px)

}



.func {

	width: 1200px;

	margin: 0 auto

}



.func .func-list {

	position: relative;

	border: 1px solid #e7e7e7;

	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);

	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);

	border-radius: 6px;

	padding: 0 30px;

	margin-bottom: 10px

}



.func .func-list.hidden-list {

	height: 70px;

	overflow: hidden

}



.func .func-list.hidden-list .narraw {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.func .func-list .func-list-id {

	position: absolute;

	top: -290px

}



.func .func-list .func-list-title {

	position: relative;

	height: 70px;

	line-height: 70px;

	color: #333;

	font-size: 18px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	cursor: pointer

}



.func .func-list .func-list-title .icon-gongnengdingyi {

	font-size: 24px;

	margin-right: 10px

}



.func .func-list .func-list-title .func-list-title-edu,.func .func-list .func-list-title .func-list-title-normal {

	width: 100px;

	height: 70px;

	line-height: 70px;

	text-align: center;

	color: #fb6161;

	font-size: 16px

}



.func .func-list .func-list-title .func-list-title-edu {

	position: absolute;

	right: 297px;

	top: 0

}



.func .func-list .func-list-title .func-list-title-normal {

	position: absolute;

	right: 520px;

	top: 0

}



.func .func-list .func-list-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	line-height: 48px;

	font-size: 14px;

	color: #333;

	margin: 0 30px

}



.func .func-list .func-list-item:last-child {

	margin-bottom: 20px

}



.func .func-list .func-list-item .func-item-name {

	width: 275px

}



.func .func-list .func-list-item .func-item-tips {

	width: 178px

}



.func .func-list .func-list-item .func-item-edu,.func .func-list .func-list-item .func-item-more,.func .func-list .func-list-item .func-item-normal {

	width: 200px;

	text-align: center;

	line-height: 48px;

	color: #2a75ed;

	font-size: 15px

}



.func .func-list .func-list-item .func-item-edu {

	margin: 0 17px

}



.func .check-all,.func .close-more-list {

	font-size: 16px;

	line-height: 48px;

	margin: 20px auto 80px;

	cursor: pointer;

	text-align: center

}



.func .func-list .func-list-item .color-red {

	color: #fb6161

}



.func .func-list .func-list-item .color-black {

	color: #666

}



.func .func-list .func-list-item .color-gray {

	color: #888

}



.func .more-func-list {

	display: none

}



.func .close-more-list {

	width: 240px;

	height: 48px;

	border-radius: 4px;

	border: 1px solid #105cfb;

	color: #105cfb

}



.func .close-more-list:hover {

	background: #105cfb;

	color: #fff;

	-webkit-transition: all .3s;

	transition: all .3s

}



.func .show-shade {

	position: absolute;

	left: 0;

	top: 0;

	width: 1200px;

	height: 100%;

	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));

	background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)

}



.func .check-all {

	width: 240px;

	height: 48px;

	border-radius: 4px;

	border: 1px solid #105cfb;

	color: #105cfb

}



.func .check-all:hover {

	background: #105cfb;

	color: #fff;

	-webkit-transition: all .3s;

	transition: all .3s

}



.new-user-pay {

	width: 100%;

	height: 300px;

	background-color: #105cfb

}



.new-user-pay .pay-title {

	font-size: 32px;

	line-height: 46px;

	color: #fff;

	padding-top: 80px;

	padding-bottom: 38px;

	text-align: center

}



.new-user-pay .pay-free-btn {

	margin: 0 auto;

	width: 160px;

	height: 48px;

	background: #fff;

	border-radius: 4px;

	text-align: center;

	line-height: 48px;

	cursor: pointer

}



.new-user-pay .pay-free-btn a {

	color: #105cfb;

	font-size: 16px

}



.contact {

	text-align: center;

	color: #333;

	padding: 70px 0;

}



.contact .contact-title {

	line-height: 50px;

	font-size: 32px;

	margin: 0 0 20px

}

.contact-phone{

	font-size: 18px;

	line-height: 28px;

}

.contact .tel-phone-txt {

	display: inline-block;

	font-size: 22px;

	font-weight: 700

}



.contact .contact-tips {

	line-height: 20px

}



.contact .trigger-btn {

	display: block;

	width: 180px;

	height: 52px;

	line-height: 52px;

	background: #105cfb;

	color: #fff;

	font-size: 16px;

	margin: 50px auto 77px;

	-webkit-box-shadow: 0 5px 15px 0 rgba(16,92,251,.2);

	box-shadow: 0 5px 15px 0 rgba(16,92,251,.2)

}



.func .func-list .func-list-item .service-black-flag {

	font-size: 14px

}



.merge-number-left,.merge-number-right {

	position: absolute;

	top: 15.5rem;

	color: #fb616e;

	font-size: 15px

}



.merge-number-left {

	left: 35.5rem

}



.merge-number-right {

	left: 49.5rem

}



.service-list {

	border-bottom: 1px solid #e5e5e5

}



.service-list .service-header {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: 18px;

	color: #333;

	height: 56px;

	line-height: 56px;

	background: #fbfbfb;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	border-top: 1px solid #eee

}



.service-list .service-header .service-header__item {

	border-left: 1px solid #e5e5e5;

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	text-align: center;

	font-weight: 700

}



.service-list .service-item li,.service-list .service-list-title {

	border-left: 1px solid #eee;

	border-top: 1px solid #eee;

	border-right: 1px solid #eee

}



.service-list .service-list-title {

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	color: #333;

	padding-left: 16px;

	font-weight: 700;

	background: #fbfbfb

}



.service-list .service-item li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	height: 50px;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}



.service-list .service-item li .service-item__name {

	font-size: 14px;

	width: 25%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}



.service-list .service-item li .service-item__name .service-item__title {

	color: #333;

	padding-left: 16px

}



.service-list .service-item li .service-item__name .tip {

	margin-left: 8px;

	position: relative;

	top: 2px

}



.service-list .service-item li .service-item__name .tip:hover .tip-text {

	display: block

}



.service-list .service-item li .service-item__name .tip-icon {

	width: 14px;

	height: 14px;

	cursor: pointer

}



.service-list .service-item li .service-item__name .tip-text {

	text-align: center;

	width: aoto;

	white-space: nowrap;

	padding: 10px;

	position: absolute;

	top: 0;

	left: 20px;

	display: none;

	font-size: 14px;

	color: #333;

	background: #fff;

	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.05),0 2px 4px 0 rgba(0,0,0,.05);

	box-shadow: 0 6px 12px 0 rgba(0,0,0,.05),0 2px 4px 0 rgba(0,0,0,.05)

}



.service-list .service-item li .service-item__name .tip-text .w_865 {

	width: 865px

}



.service-list .service-item li .service-item__check {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	border-left: 1px solid #e5e5e5;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



.service-list .service-item li .service-item__check .red {

	color: #fb6161

}



.service-list .service-item li .service-item__check .ml5 {

	margin-left: 5px

}



.service-list .service-item .service-item-merge {

	height: 100px

}



.service-list .service-item .service-item-merge .service-item__name {

	display: block

}



.service-list .service-item .service-item-merge .service-item-merge-name__block {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	height: 50px;

	line-height: 50px

}



.service-list .service-item .service-item-merge .service-item-merge-name__block:first-child {

	border-bottom: 1px solid #eee

}



.service-list .service-item .service-item-merge .service-item-merge-name__block .tip:hover .tip-text {

	display: block

}



.service-list .service-item .service-item-merge .service-item-merge-name__block .tip-text {

	padding: 10px;

	opacity: 1;

	display: none

}



.service-list .service-item .service-item-merge .service-item-merge-name__block .tip-text .w_605 {

	width: 605px

}



.service-list .service-item .service-item-merge .service-item-merge-name__block .tip-text .w_403 {

	width: 403px

}



.service-list .service-item .service-item-merge .service-item__check {

	height: 70px

}



.service-list .guide {

	display: none

}



.service-list .guide.guide-fixed__active {

	display: block

}



.service-list .guide-fixed {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 154px;

	background: #f4f8ff;

	position: fixed;

	top: 70px;

	border: 1px solid transparent;

	z-index: 2

}



.service-list .guide-fixed .guide-fixed__item {

	border-left: 1px solid #e5e5e5;

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	text-align: center;

	height: 100%

}



.service-list .guide-fixed .guide-fixed__item .version-title {

	font-size: 24px;

	color: #333;

	height: 34px;

	line-height: 34px;

	margin-bottom: 24px;

	margin-top: 24px

}



.service-list .guide-fixed .guide-fixed__item .type-btn {

	display: block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	border-radius: 24px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	margin: 0 auto

}



.service-list .guide-fixed .guide-fixed__item .type-btn:hover {

	opacity: .9

}



.service-list .guide-fixed .guide-fixed__item .type-btn-one {

	background: #3da4ff

}



.service-list .guide-fixed .guide-fixed__item .type-btn-two {

	background: #2d74f1

}



.service-list .guide-fixed .guide-fixed__item .type-btn-three {

	background: #b98666

}

.kecheng{

	width: 100%;

}

.kecheng img{

	width: 100%;

}

.kecheng table{

	margin-top: -1px;

	font-size: 18px;

	line-height: 30px;

	border-collapse:collapse;

	border: 1px solid #ececec;

	width: 100%;

}

.kecheng table tr th{

	background: #fbfbfb;

	font-weight: bold;

	padding: 8px 0;

	width: 20%;

	border: 1px solid #ececec;

}

.table_tt{

    font-weight: bold;

    font-size: 18px;

    height: 47px;

    padding: 0 10px;

    line-height: 47px;

    border-left: 1px solid #ececec;

    border-right: 1px solid #ececec;

	text-align: left;

}

.kecheng table tr td{

	padding: 8px 10px;

	box-sizing: border-box;

	text-align: center;

	width: 20%;

	border: 1px solid #ececec;

}

.kecheng table tr td:nth-child(1){

	text-align: left;

}

.kecheng table tr td img{

	width: 21px;

	display: inline-block;

	vertical-align: middle;

}

.kecheng table tr td span{

	display: inline-block;

	vertical-align: middle;

	margin-left: 10px;

}



















.item_title a {

	color: #fff;

}















.footer-content,.mNav {

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}[class*=" icon-"],[class^=icon-] {

	font-family: iconfont!important;

	speak: none;

	font-style: normal;

	font-weight: 400;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.activity-bar {

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	z-index: 5;

	display: none

}



.activity-bar.active {

	display: block

}



.activity-bar.active+.mNav {

	top: .7rem

}



.activity-bar.active+.mNav+.nav-space {

	height: 1.7rem

}



.activity-bar .activity-link {

	display: block;

	height: 100%;

	width: 100%

}


@media only screen and (max-width: 900px) {
.mNav,.nav-space {

	height: 1.04rem

}
}


.activity-bar #activity-close {

	width: .3rem;

	position: absolute;

	right: .1rem;

	top: .23rem

}



.mNav,.outerSlider {

	position: fixed;

	left: 0

}



.nav-footer.has-active {

	top: 1.6rem

}



.mNav {

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	display: -webkit-flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	width: 100%;

	padding: 0 .2rem;

	background: #fff;

	top: 0;

	z-index: 8

}



.mLogo {

	width: 1.68rem;

	display: block

}



.mLogo img {

	width: 100%;

	display: block

}



.sliderBtn {

	font-size: .52rem;

	color: #999

}



.outerSlider {

	background: rgba(0,0,0,.5);

	width: 100%;

	top: 0;

	bottom: 0;

	z-index: 9999;

	display: none

}



.outerSlider.active .menuBox {

	right: 0

}



.outerSlider .menuBox {

	position: absolute;

	width: 100%;

	background: #fff;

	height: 100%;

	top: 0;

	-webkit-transition: bottom .3s ease-in-out;

	transition: bottom .3s ease-in-out

}



.sideHeader {

	display: block;

	padding: .24rem .3rem;

	position: relative;

	border-bottom: 1px solid #eee

}



.sideHeader .sideLogo,.sideHeader .sideLogo img {

	display: block;

	width: 1.68rem

}



.sideHeader .closeSide {

	width: .3rem;

	margin: .1rem 0;

	color: #353535;

	float: right;

	cursor: pointer

}



.scrollList {

	height: 100%;

	padding-bottom: 2rem;

	overflow-y: scroll

}



.scrollList .comBtn,.scrollList .comBtnbest {

	width: 5.44rem;

	height: .91rem;

	border-radius: .45rem;

	text-align: center;

	line-height: .91rem;

	display: block;

	margin: .3rem auto;

	font-size: .29rem

}



.scrollList .loginMLink {

	color: #666;

	border: 1px solid #979797

}



.scrollList .freeUse {

	background: #105CFB;

	color: #fff

}



.mobileNavSlider {

	padding: 0 .5rem

}



.mobileNavSlider>li {

	border-bottom: 1px solid #E6E6E6

}



.mobileNavSlider li {

	text-align: left;

	line-height: .48rem;

	padding: .25rem 0

}



.mobileNavSlider li a {

	font-size: .32rem;

	color: #333

}



.sideSecondBox li {

	padding-left: .3rem

}



.sideSecondBox li a {

	color: #666

}



.sideSecondTitle {

	position: relative;

	font-size: .32rem;

	color: #333

}



.sideSecondTitle .narraw {

	font-size: .16rem;

	-webkit-transform: rotate(0);

	transform: rotate(0);

	position: absolute;

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	-webkit-transition-duration: .4s;

	transition-duration: .4s

}



.sideSecondTitle .narraw.active {

	-webkit-transform: rotate(-180deg);

	transform: rotate(-180deg)

}



.sideSecondList {

	display: none;

	padding: .06rem 0

}



.sideSecondList .sideSecondList-title {

	font-size: .24rem;

	color: #999

}



.sideSecondList dd {

	display: inline-block;

	margin-bottom: .3rem;

	width: 32%

}



.nav-footer,.nav-footer .nav-footer__list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	background: #fff;

	left: 0

}



.sideSecondList dd a {

	text-align: left;

	font-size: .28rem;

	color: #666

}



.nav-footer {

	position: fixed;

	top: 1rem;

	height: .9rem;

	line-height: .9rem;

	padding: 0 .3rem;

	z-index: 7

}



.nav-footer.nav-footer__active .nav-footer__list {

	max-height: 3.92rem

}



.nav-footer.nav-footer__active .nav-arrow {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.nav-footer .nav-footer__name {

	font-size: .28rem

}



.nav-footer .nav-footer__btn {

	position: relative;

	margin: 0 0 0 1.66rem;

	padding: 0 .4rem;

	font-size: .24rem

}



.nav-footer .nav-footer__list {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	position: fixed;

	top: 1.9rem;

	font-size: .3rem;

	color: #333;

	z-index: 100;

	max-height: 0;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.nav-footer .nav-footer__item {

	height: .42rem;

	line-height: .42rem;

	margin: 0 0 .48rem;

	color: #333

}



.nav-footer .nav-footer__item:first-child {

	margin-top: .4rem

}



.nav-footer .nav-footer__item:last-child {

	margin-bottom: .4rem

}



.nav-footer .nav-footer__item-selected {

	color: #2A75ED

}



.nav-footer .nav-arrow {

	position: absolute;

	width: .15rem;

	height: .15rem;

	top: .42rem;

	right: .18rem;

	border-top: .01rem solid #888;

	border-right: .01rem solid #888;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	-webkit-transform-origin: 75% 25%;

	transform-origin: 75% 25%;

	-webkit-transition-duration: .2s;

	transition-duration: .2s

}



.nav-footer__space {

	height: .9rem

}



.mTopLogOrReg {

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	display: -webkit-flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center

}



.mTopLogOrReg .comTopBtn {

	width: 1.2rem;

	height: .6rem;

	border-radius: .04rem;

	text-align: center;

	line-height: .6rem;

	display: block;

	font-size: .24rem;

	margin-right: .2rem

}



.mTopLogOrReg .loginTopMLink {

	width: 1.2rem;

	color: #888;

	border: 1px solid #B2B2B2;

	background-color: #fff

}



.enterprise-wechat-btn {

	height: .6rem;

	padding: .12rem .24rem;

	background-color: #2484DD;

	border: 1px solid #2484DD;

	color: #fff;

	border-radius: .08rem;

	font-size: .24rem;

	font-family: PingFangSC-Semibold;

	line-height: normal

}



.enterprise-wechat-btn.big {

	padding: .16rem .84rem;

	font-size: .34rem

}



.enterprise-wechat-btn.plain {

	color: #2484DD;

	background-color: #fff

}



.enterprise-wechat-btn .icon {

	width: .44rem;

	height: .36rem;

	vertical-align: text-top

}



.training-header-wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



.training-header-wrapper .training-logo {

	width: 2.66rem

}



.training-header-wrapper .enterprise-wechat-tag {

	height: .44rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	border-radius: .04rem;

	border: 1px solid #2484DD;

	margin-left: .16rem

}



.training-header-wrapper .enterprise-wechat-tag .logo {

	width: .48rem;

	height: .44rem;

	background-color: #2484DD;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: 0

}



.training-header-wrapper .enterprise-wechat-tag .logo img {

	width: .3rem;

	height: .26rem

}



.training-header-wrapper .enterprise-wechat-tag .title {

	padding: 0 .16rem;

	color: #2484DD;

	font-size: .24rem

}



.is-enterprise {

	margin-left: 0!important;

	padding-left: 0!important

}



.entprise-wechat-login-btn {

	position: absolute;

	right: .3rem;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.footer-content {

	background: #161e30;

	color: #fff;

	padding: .8rem .72rem .36rem;

	/* margin-bottom: .9rem */

}



.footer-content .foot_menu {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	text-align: left

}



.footer-content .foot_menu .item {

	width: 50%;

	margin-bottom: .64rem

}



.footer-content .foot_menu .item .item_title {

	font-size: .32rem

}



.footer-content .foot_menu .item .alink {

	margin-top: .64rem

}



.footer-content .foot_menu .item .alink a {

	color: #aaa

}



.footer-content .foot {

	padding-top: .8rem

}



.footer-content .foot .tel {

	text-align: left;

	font-size: .64rem;

	color: #fff;

	margin-bottom: .1rem

}



.footer-content .foot .time {

	text-align: left;

	font-size: .22rem;

	color: #aaa

}



.footer-content .foot .email {

	margin: .24rem auto;

	font-size: .28rem;

	color: #aaa;

	line-height: .56rem;

	text-align: left

}



.footer-content .copyright {

	font-size: .2rem;

	color: #aaa;

	line-height: .45rem

}



.footer-content .copyright a {

	color: #999

}



.footer-content .copyright .link {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	color: #aaa

}



.mobile-service-box {

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 7;

	left: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	height: 1rem;

	line-height: 1rem;

	background: #fff;

	font-size: .32rem;

	text-align: center;

	border-top: 1px solid #e2e2e2;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	padding-bottom: env(safe-area-inset-bottom)

}



.mobile-service-box .shopService {

	width: 50%;

	background: #fff;

	color: #105cfb;

	border-bottom: .02rem solid #e2e2e2

}



.mobile-service-box .foot-free-btn {

	display: inline-block;

	width: 50%;

	background-color: #105cfb;

	color: #fff;

	border-bottom: .02rem solid #e2e2e2

}



@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {

	.mobile-service-box {

		padding-bottom: env(safe-area-inset-bottom)

	}

}



.shop-service-box {

	display: none;

	position: fixed;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background: rgba(0,0,0,.5);

	z-index: 9;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



.shop-service-content {

	width: 5.6rem;

	height: 4.54rem;

	position: relative;

	background-color: #fff;

	border-radius: 4px;

	padding: .64rem .48rem;

	text-align: center

}



.shop-service-content .kefu-image {

	width: 1.68rem;

	height: 1.68rem

}



.shop-service-content .shop-top {

	position: absolute;

	padding: .2rem;

	right: .04rem;

	top: .04rem

}



.shop-service-content .shop-top img {

	width: .24rem;

	height: .24rem

}



.commit-service .call-online {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	font-size: .28rem;

	margin-top: .48rem

}



.commit-service .call-online .call {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	border-radius: .44rem;

	width: 2.16rem;

	height: .64rem;

	color: #fff;

	background: #105cfb

}



.commit-service .call-online .call a {

	color: #fff;

	display: block;

	border-radius: .44rem;

	width: 2.16rem;

	height: .64rem;

	line-height: .64rem

}



.commit-service .call-online .online {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	border-radius: .44rem;

	width: 2.16rem;

	height: .64rem;

	color: #105cfb;

	background: #fff;

	border: 1px solid #105cfb

}



.foot_free {

	height: 8rem;

	background: url(/images/common/bg_signin.png);

	background-size: 100% 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



.foot_free .title {

	font-size: .64rem;

	margin-bottom: .48rem

}



.foot_free .btn {

	display: inline-block;

	width: 3.36rem;

	height: .88rem;

	line-height: .88rem;

	background: #105cfb;

	border-radius: .44rem;

	color: #fff

}



.mb0 {

	margin-bottom: 0!important

}



#udesk_container {

	display: none!important

}



* {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0;

	padding: 0

}



html {

	font-size: 50px

}



body {

	color: #333;

	background: #fff;

	font-size: 14px;

	width: 100%;

	text-align: center;

	padding-bottom: env(safe-area-inset-bottom);

	font-family: PingFangSC,"Microsoft Yahei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif!important

}



li,ul {

	list-style: none

}



a {

	text-decoration: none;

	color: #105CFB

}



.hide {

	display: none

}



.border-1px {

	position: relative

}



.border-1px:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 200%;

	height: 200%;

	border: .02rem solid #fff;

	border-radius: .08rem;

	-webkit-transform: scale(.5);

	transform: scale(.5);

	-webkit-transform-origin: left top;

	transform-origin: left top;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.btn-blue {

	display: block;

	width: 2.92rem;

	height: .84rem;

	line-height: .84rem;

	background: #105CFB;

	color: #fff;

	font-size: .32rem;

	-webkit-box-shadow: 0 5px 15px 0 rgba(16,92,251,.2);

	box-shadow: 0 5px 15px 0 rgba(16,92,251,.2);

	border-radius: .08rem

}



.mobile-com-btn {

	display: block;

	width: 3.2rem;

	height: .96rem;

	line-height: .96rem;

	text-align: center;

	color: #105CFB;

	background-color: #fff;

	border: .02rem solid #fff;

	font-size: .3rem;

	margin: .5rem auto;

	border-radius: .5rem

}



.banner {

	height: auto;

	background: #105CFB;

	width: 100%;

	padding-top: 1.09rem;

	padding-bottom: .79rem

}



.banner .banner-right img {

	width: 6.25rem;

	height: auto

}



.banner .banner-left {

	color: #fff

}



.banner .banner-left h1 {

	font-size: .7rem;

	margin-bottom: .1rem

}



.banner .banner-left p {

	font-size: .3rem

}



.corporate-title {

	font-size: .48rem;

	color: #333;

	font-weight: 300;

	margin: 0 .4rem;

	text-align: center;

	padding-top: 1rem;

	padding-bottom: .5rem

}



.situation {

	padding-top: 1.28rem;

	width: 100%

}



.situation .tools {

	width: 100%;

	/* padding: .64rem .3rem .8rem; */

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	display: -webkit-flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap

}



.situation .tools li {

	margin-bottom: .48rem;

	width: 14%;

	-webkit-box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.06);

	box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.06);

	border-radius: .16rem;

	padding: .8rem 0

}



.situation .tools li .icon,.situation .tools li img {

	width: 1.44rem;

	height: 1.44rem

}



.situation .tools li .icon {

	display: inline-block;

	line-height: 1.44rem;

	border-radius: 50%

}



.situation .tools li .icon i {

	color: #fff;

	font-size: .64rem

}



.situation .tools li:nth-child(1)>.icon,.situation .tools li:nth-child(2)>.icon {

	background: #266CFF

}



.situation .tools li:nth-child(3)>.icon,.situation .tools li:nth-child(4)>.icon {

	background: #53D290

}



.situation .tools li:nth-child(5)>.icon,.situation .tools li:nth-child(6)>.icon {

	background: #FFAB63

}



.situation .tools li h3 {

	font-size: .3rem;

	margin-top: .2rem;

	margin-bottom: .15rem;

	color: #333;

	text-align: center

}



.situation .tools li p {

	margin: .05rem auto 0;

	font-size: .24rem;

	color: #666;

	line-height: .4rem;

	font-weight: 300

}



.func {

	color: #333;

	text-align: left

}



.func-item h2,.func-item p {

	font-weight: 300;

	text-align: center

}



.func-item {

	padding: .8rem .2rem .6rem

}



.func-item h2 {

	font-size: .4rem;

	margin-bottom: .5rem

}



.func-item h3 {

	font-size: .3rem;

	margin-bottom: .1rem;

	padding: 0 .5rem

}



.func-item p {

	font-size: .28rem;

	margin-bottom: .4rem;

	padding: 0 .5rem;

	color: #666

}



.func-item-img {

	width: 90%;

	margin: 0 auto

}



.func-item:nth-child(even) {

	background: #F5F6F9

}



.user {

	padding: 0 .3rem 1.28rem

}



.user .user-title {

	font-size: .48rem;

	color: #333;

	font-weight: lighter;

	padding: 1.28rem 0 .8rem

}



.user .user-content-body-item {

	border: 1px solid #f3f3f3;

	-webkit-box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.08);

	box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.08);

	margin-bottom: .48rem;

	background: #fff;

	border-radius: .08rem;

	padding: .38rem;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	display: -webkit-flex

}



.user .user-content-body-item img {

	width: 1.91rem;

	height: 1.91rem;

	margin-right: .45rem;

	display: block;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0

}



.user .user-content-body-item span {

	color: #666;

	font-size: .25rem;

	line-height: .42rem;

	text-align: left;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5;

	overflow: hidden;

	font-weight: 300

}



.user .tips {

	font-size: .16rem;

	color: #666;

	text-align: center;

	margin: .3rem 0

}



.corporate-apply {

	text-align: center;

	padding-top: .4rem;

	padding-bottom: .8rem

}



.corporate-apply h2 {

	color: #333;

	font-size: .34rem;

	margin-bottom: .34rem

}



.corporate-apply .free-tips_btn {

	margin: 0 auto

}



div.narraw {

	right: 0;

	width: .15rem;

	height: .15rem;

	cursor: pointer;

	position: absolute;

	top: 50%;

	border-bottom: 2px solid #E7E7E7;

	border-left: 2px solid #E7E7E7;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transition-property: margin,-webkit-transform;

	transition-property: margin,-webkit-transform;

	transition-property: transform,margin;

	transition-property: transform,margin,-webkit-transform;

	-webkit-transition-duration: .2s;

	transition-duration: .2s

}



div.narraw.active {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -.05rem

}



img {

	max-width: 100%

}



.monile-common-banner-type1 {

	height: 2.4rem;

	line-height: 2.4rem;

	color: #333;

	font-size: .4rem;

	background: url(/images/pageBase/common-banner-1.png);

	background-size: contain

}



.mobile-common-title-type1 {

	font-size: .48rem;

	color: #333

}



.mobile-blue-btn,.mobile-white-btn {

	width: 3.68rem;

	height: 1.08rem;

	line-height: 1.08rem;

	font-size: .32rem;

	font-weight: 400;

	display: inline-block;

	text-align: center

}



.mobile-blue-btn {

	background: #105CFB;

	border-radius: .08rem;

	color: #fff

}



.mobile-white-btn {

	border: 1px solid #105CFB;

	border-radius: .08rem;

	color: #105CFB

}



.btn_bwb,.btn_wwb {

	border-radius: .44rem;

	background: #fff

}



.btn_wwb {

	display: inline-block;

	padding: .14rem .2rem;

	text-align: center;

	border: .02rem solid #fff;

	color: #105cfb;

	font-size: .28rem

}



.btn_bbw,.btn_bwb {

	display: inline-block;

	padding: .14rem .2rem;

	font-size: .32rem;

	text-align: center

}



.btn_bwb {

	border: .02rem solid #105cfb;

	color: #333

}



.btn_bbw,.color_f {

	color: #fff

}



.btn_bbw {

	border-radius: .44rem;

	border: .02rem solid #105cfb;

	background: #105cfb

}



.big_title,.small_title {

	font-size: .48rem

}



.big_title {

	letter-spacing: .04rem;

	padding: .16rem 0

}



.tab_title {

	font-size: .32rem;

	font-weight: 600

}



.fs_c1 {

	font-size: .28rem

}



.fs_c2 {

	font-size: .24rem

}



.color_3 {

	color: #333

}



.color_6 {

	color: #666

}



.color_9 {

	color: #999

}



.color_blue {

	color: #105cfb

}



.xe-banner {

	padding-top: 1.28rem;

	height: 6.68rem;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center

}



.xe-banner .free_have {

	padding: .48rem 0 .42rem

}



.vs-hidden {

	visibility: hidden

}



.server-banner {

	padding-top: 1.28rem

}



.server-banner .banner-title {

	line-height: .68rem;

	font-size: .48rem;

	color: #353535;

	text-align: center

}



.server-banner .banner-sub-title {

	height: .44rem;

	font-size: .32rem;

	color: #666;

	line-height: .44rem;

	text-align: center;

	padding: .16rem 0 .78rem

}



.server-banner .free-price-btn {

	width: 3.2rem;

	height: .96rem;

	line-height: .96rem;

	background: #105CFB;

	border-radius: .5rem;

	text-align: center;

	margin: 0 auto 1rem

}



.server-banner .free-price-btn a {

	color: #fff;

	font-size: .32rem

}



.switch {

	display: none;

	text-align: center

}



.switch .switch-content {

	margin: .32rem 0 .64rem

}



.switch .switch-content .switch-item {

	-webkit-box-shadow: 0 .2rem .2rem 0 rgba(0,0,0,.02),0 .4rem .8rem 0 rgba(0,0,0,.04);

	box-shadow: 0 .2rem .2rem 0 rgba(0,0,0,.02),0 .4rem .8rem 0 rgba(0,0,0,.04);

	position: relative;

	width: 6.7rem;

	height: 9.28rem;

	margin: 0 auto

}



.switch .switch-content .switch-item.switch-item__edu,.switch .switch-content .switch-item.switch-item__more {

	display: none

}



.switch .switch-content .switch-item .switch-item-header {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 100%;

	height: 1.84rem;

	text-align: center;

	color: #fff;

	font-weight: 500;

	font-size: .6rem;

	border-radius: .08rem .08rem 0;

	position: relative

}

.switch .switch-content .switch-item .switch-item-header .tuijian{
    position: absolute;
    right: 20px;
    top: 0;
    text-align: center;
    /*background: #fbdd9e;*/
    background:linear-gradient(321deg,#fbdd9e 50%,#fff 100%);
    width: 44px;
    height: 58px;
    color: #be9642;
    /*-webkit-text-stroke:1px #f00;*/
    font-size: 20px;
    padding-top: 12px;
    box-sizing: border-box;
}

.switch .switch-content .switch-item .switch-item-header .tuijian:before{
    content: "";
    display: block;
    border: 22px solid transparent;
    position: absolute;
    bottom: 0;
    border-bottom-width: 10px;
    border-color: transparent transparent #2d6bf4;
}

.switch .switch-content .switch-item .switch-item-header-one {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #40a9ff),to(#105cfb));

	background: linear-gradient(90deg,#40a9ff 0,#105cfb 100%)

}



.switch .switch-content .switch-item .switch-item-header-two {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #31e0d0),to(#2d6bf4));

	background: linear-gradient(90deg,#31e0d0 0,#2d6bf4 100%)

}



.switch .switch-content .switch-item .switch-item-header-three {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #ddb799),to(#9e4206));

	background: linear-gradient(90deg,#ddb799 0,#9e4206 100%)
	

}

.switch .switch-content .switch-item .switch-item-header-four {

	background: -webkit-gradient(linear,left top, right top,color-stop(0, #eca24d),to(#000));

	background: linear-gradient(90deg,#eca24d 0,#000 100%)

}

.switch .switch-content .switch-item .switch-item-desc {

	margin-top: .08rem;

	font-size: .28rem;

	font-weight: 300;

	opacity: .8

}



.switch .switch-content .switch-item .recommend_img {

	position: absolute;

	top: 0;

	right: .48rem;

	width: 1.16rem

}



.switch .switch-content .switch-item .version-person {

	padding-top: .84rem;

	padding-bottom: .24rem;

	font-size: .24rem;

	color: #333;

	line-height: .34rem

}



.switch .switch-content .switch-item .version-desc {

	height: 2.32rem;

	font-size: .24rem;

	color: #999;

	line-height: .48rem

}



.switch .switch-content .switch-item .price-box {

	position: relative;

	height: 1.12rem;

	line-height: 1.12rem;

	font-size: .4rem;

	color: #333;

	margin-bottom: .4rem

}



.switch .switch-content .switch-item .price-box .price {

	font-size: .8rem

}
.switch .switch-content .switch-item .price-box .now-price1 {

		color: #f34a3e;
}


.switch .switch-content .switch-item .price-box .c-3DA4FF {

	color: #3DA4FF

}



.switch .switch-content .switch-item .price-box .c-2D74F1 {

	color: #2D74F1

}



.switch .switch-content .switch-item .price-box .c-B98666 {

	color: #B98666

}



.switch .switch-content .switch-item .price-box .old-price {

	position: absolute;

	top: -15px;

	left: 35%;

	line-height: 0;

	color: #999;

	font-size: .28rem;

	font-weight: 500

}



.switch .switch-content .switch-item .switch-btn {

	display: block;

	width: 3.2rem;

	height: .96rem;

	line-height: .96rem;

	border-radius: .48rem;

	font-size: .32rem;

	margin: 0 auto .96rem;

	color: #fff

}



.switch .switch-content .switch-item .switch-btn-one {

	background: #3DA4FF

}



.switch .switch-content .switch-item .switch-btn-two {

	background: #2D74F1

}



.switch .switch-content .switch-item .switch-btn-three {

	background: #d85500

}

.switch .switch-content .switch-item .switch-btn-four {

	background: #e9922e

}

.switch-bar {

	display: none;

	/* display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	display: -webkit-flex; */

	height: 1.6rem;

	width: 100%;

	line-height: 1.6rem;

	font-size: .3rem;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 0 .3rem;

	background: #fff;

	z-index: 999999;

}



.switch-bar .switch-bar-item {

	width: 1.78rem;

	height: .88rem;

	line-height: .88rem;

	border-radius: .44rem;

	border: 1px solid #1062fb

}



.switch-bar .switch-bar-item .switch-bar-item-text {

	display: inline-block;

	color: #353535

}



.switch-bar .switch-bar-item.switch-bar-item__active {

	background: #1062FB;

	border: none

}



.version-content .version,.version-content .version .service-item .service-item-merge .service-item__name p:first-child {

	border-bottom: 1px solid #eee

}



.switch-bar .switch-bar-item.switch-bar-item__active .switch-bar-item-text {

	color: #fff

}



.switch-bar.switch-fixed__active {

	position: fixed;

	background: #f4f8ff;

	top: 1rem

}



.version-content .version .service-item__title,.version-content .version .version-title {

	font-weight: 700;

	color: #333;

	background: #FBFBFB;

	border-right: 1px solid #eee;

	border-top: 1px solid #eee;

	border-left: 1px solid #eee

}



.version-content .version {

	width: 6.7rem;

	margin: 0 auto

}



.version-content .version .version-title {

	height: 1.12rem;

	line-height: 1.12rem;

	font-size: .36rem

}



.version-content .version .service-item__title {

	height: .96rem;

	line-height: .96rem;

	font-size: .28rem;

	padding-left: .32rem;

	text-align: left

}



.version-content .version .service-item li {

	min-height: 1rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	border-top: 1px solid #eee

}



.version-content .version .service-item li .service-item__name {

	width: 50%;

	text-align: left;

	padding-left: .32rem;

	line-height: .4rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}



.version-content .version .service-item li .service-item__check {

	width: 50%;

	border-left: 1px solid #eee;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



.version-content .version .service-item li .service-item__check .iconfont {

	font-size: .4rem

}



.version-content .version .service-item li .service-item__check .red {

	color: #FB6161

}



.version-content .version .service-item li .service-item__check .price {

	font-size: .28rem

}



.version-content .version .service-item li .service-item__check .des {

	font-size: .24rem

}



.version-content .version .service-item li .service-item__check .mr {

	margin-right: .1rem

}



.version-content .version .service-item .service-item-merge .service-item__name {

	display: block;

	padding: 0

}



.version-content .version .service-item .service-item-merge .service-item__name p {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding-left: .32rem;

	min-height: 1rem

}



.version-content .version.version__edu,.version-content .version.version__more {

	display: none

}



.guide .guide-title {

	color: #333;

	height: .45rem;

	line-height: .45rem;

	font-size: .32rem;

	margin: .8rem 0 .6rem;

	text-align: center

}



.guide .guide-holder {

	position: relative;

	height: 230px

}



.guide .guide-holder .guide-fixed {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	background: #fff;

	z-index: 2;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	display: -webkit-flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	-webkit-justify-content: space-between

}



.guide .guide-holder .guide-fixed.guide-fixed__active {

	position: fixed;

	padding: 1rem 0 0;

	-webkit-box-shadow: 0 .08rem .1rem 0 rgba(194,194,194,.2);

	box-shadow: 0 .08rem .1rem 0 rgba(194,194,194,.2)

}



.guide .guide-list {

	text-align: left

}



.guide .guide-list .guide-item {

	display: inline-block;

	height: .62rem;

	line-height: .62rem;

	width: 1.54rem;

	border: 1px solid #1062FB;

	color: #353535;

	margin: 0 .132rem .24rem;

	font-size: .24rem;

	border-radius: .44rem;

	text-align: center

}



.guide .guide-list .guide-item.guide-item__active {

	background-color: #1062FB;

	color: #fff

}



.guide .guide-footer {

	line-height: .3rem;

	font-size: .22rem;

	color: #333;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	display: -webkit-flex;

	width: 100%;

	margin: 0 .55rem;

	height: .6rem

}



.guide .guide-footer span {

	display: inline-block

}



.guide .guide-footer .guide-bar-introd {

	width: 2.6rem;

	text-align: left

}



.guide .guide-footer .guide-bar-more {

	width: 1.3rem

}



.guide .guide-footer .guide-bar-edu {

	width: 1.6rem

}



.guide .guide-footer .guide-bar-normal {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1

}



.func {

	padding: 0 .29rem

}



.func .func-list {

	position: relative;

	-webkit-box-shadow: 0 .02rem .1rem 0 rgba(0,0,0,.05);

	box-shadow: 0 .02rem .1rem 0 rgba(0,0,0,.05);

	border: 1px solid #e7e7e7;

	padding: 0 .26rem;

	margin-bottom: .3rem

}



.func .func-list.hidden-list {

	height: 1rem;

	overflow: hidden

}



.func .func-list.hidden-list .narraw {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -5px

}



.func .func-list .func-list-id {

	position: absolute;

	top: -290px

}



.func .func-list .func-list-title {

	position: relative;

	height: 1rem;

	line-height: 1rem;

	color: #333;

	font-size: .32rem;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-flex;

	-webkit-align-items: center

}



.func .func-list .func-list-title .icon-gongnengdingyi {

	font-size: .48rem;

	margin-right: .15rem

}



.func .func-list .func-list-item {

	line-height: .68rem;

	font-size: .2rem;

	text-align: left;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-align-items: center;

	display: -webkit-flex;

	-webkit-justify-content: space-between;

	color: #666

}



.func .func-list .func-list-item:last-child {

	margin-bottom: .2rem

}



.func .func-list .func-list-item .icongouxuan {

	color: #105CFB

}



.func .func-list .func-list-item .func-item-name {

	width: 2.6rem;

	text-align: left

}



.func .func-list .func-list-item .func-item-edu,.func .func-list .func-list-item .func-item-more {

	width: 1.3rem;

	text-align: center

}



.func .func-list .func-list-item .func-item-normal {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	text-align: center

}



.func .func-list .func-list-item .color-red {

	color: #FB6161

}



.func .func-list .func-list-item .color-black {

	color: #666

}



.func .func-list .func-list-item .color-gray {

	color: #888

}



.func .func-list .show-shade {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));

	background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)

}



.func .check-all,.func .close-more-list {

	width: 4.8rem;

	height: .96rem;

	border-radius: .08rem;

	border: 1px solid #105CFB;

	text-align: center;

	line-height: .96rem;

	color: #105CFB;

	font-size: .32rem;

	margin: .5rem auto

}



.func .more-func-list {

	display: none

}



.new-user-pay {

	width: 100%;

	height: 6.18rem;

	background-color: #105CFB;

	padding-top: 1.6rem

}



.new-user-pay .pay-title {

	font-size: .48rem;

	font-weight: 500;

	color: #fff;

	line-height: .68rem

}



.new-user-pay .pay-free-btn {

	width: 3.2rem;

	height: .96rem;

	line-height: .96rem;

	background: #fff;

	border-radius: .08rem;

	margin: .64rem auto 0;

	text-align: center

}



.new-user-pay .pay-free-btn a {

	color: #105CFB;

	font-size: .32rem

}



.contact {

	text-align: center;

	color: #333;

	padding-bottom: 2rem

}



.contact .contact-title {

	line-height: .45rem;

	font-size: .32rem;

	margin: .2rem 0;

}



.contact .contact-phone {

	line-height: .35rem;

	font-size: .24rem

}



.contact .contact-tips {

	line-height: .38rem;

	font-size: .24rem

}



.contact .tel-phone-txt {

	display: inline-block;

	font-size: .32rem;

	font-weight: 600

}



.contact .trigger-btn {

	display: block;

	width: 3.4rem;

	height: .88rem;

	line-height: .88rem;

	background: #105CFB;

	color: #fff;

	font-size: .32rem;

	margin: .4rem auto 1.6rem;

	-webkit-box-shadow: 0 5px 15px 0 rgba(16,92,251,.2);

	box-shadow: 0 5px 15px 0 rgba(16,92,251,.2)

}



.func .func-list .func-list-item .service-black-flag {

	font-size: .2rem

}



.merge-number-top1 {

	position: absolute;

	left: 3rem;

	top: .26rem;

	color: #FB616E;

	font-size: .2rem

}



.merge-number-top2 {

	position: absolute;

	left: 4.5rem;

	top: .26rem;

	color: #FB616E;

	font-size: .2rem

}



.merge-number-left,.merge-number-right {

	position: absolute;

	top: 3.5rem;

	color: #FB616E;

	font-size: .2rem

}



.merge-number-left {

	left: 3rem

}



.merge-number-right {

	left: 4.5rem

}