.show {
	display: block!important
}

.hide {
	display: none!important
}

.font12 {
	font-size: 12px!important
}

.font14 {
	font-size: 14px!important
}

.font16 {
	font-size: 16px!important
}

.c-yellow {
	color: #ff9400!important
}

.c-blue {
	color: #1e85ff!important
}

.c-danger {
	color: #e61e1e!important
}

.clearfix {
	zoom: 1
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

button,input {
	border: none;
	outline: none;
	background: none;
	font-family: microsoft yahei,Verdana,Arial,Helvetica,sans-serif
}

input,textarea {
	outline: none;
	border: 1px solid #dcdee6
}

fieldset {
	border: 0
}

textarea:-moz-placeholder,textarea::-moz-placeholder {
	color: #999
}



.flex {
	display: flex
}

.flex.column {
	flex-direction: column
}

.flex.inline {
	display: inline-flex
}

.flex.jc-start {
	justify-content: flex-start
}

.flex.jc-around {
	justify-content: space-around
}

.flex.jc-between {
	justify-content: space-between
}

.flex.jc-end {
	justify-content: flex-end
}

.flex.jc-center {
	justify-content: center
}

.flex.ai-center {
	align-items: center
}

.flex.wrap {
	flex-wrap: wrap
}

.flex .as-end {
	align-self: flex-end
}

.flex1 {
	flex: 1
}

.border {
	border: 1px solid #dcdcdc;
	border-radius: 2px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
	box-shadow: none!important
}

.w1200 {
	width: 1200px
}

.auto {
	margin: 0 auto
}

.is-colored {
	background-color: #f5f6f7
}

.bg-white {
	background-color: #fff
}

.pr {
	position: relative
}

.pa {
	position: absolute
}



.support .tabs {
	height: 81px;
	border-bottom: 2px solid #eee
}

.support .tabs .tab {
	font-size: 24px;
	line-height: 79px;
	height: 81px;
	color: #999;
	padding: 0 125px
}

.support .tabs .tab.active {
	color: #107efc;
	border-bottom: 2px solid #107efc
}

.support .pre-sale {
	padding: 80px 0
}

.support .pre-sale .service-hotline {
	width: 1140px;
	background: #fff;
	border-radius: 2px;
	padding: 30px 130px 30px 160px;
	margin: 0 auto 38px
}

.support .pre-sale .service-hotline .icon {
	margin-right: 18px;
	width: 34px;
	height: 29px;
	background-color: #87ceeb;
	background: url(/img/f2e/helpCenter/hotline_avatar_new.png) 0 0/34px no-repeat
}

.support .pre-sale .service-hotline .online-btn {
	width: 118px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #eef5ff;
	background: #0069f9;
	margin-right: 20px
}

.support .pre-sale .service-hotline .phone__wrapper {
	margin-bottom: 10px
}

.support .pre-sale .service-hotline .phone__wrapper .label {
	font-weight: 700;
	font-size: 14px;
	margin-right: 20px
}

.support .pre-sale .service-hotline .phone__wrapper .phone {
	font-size: 18px;
	color: #ff9400
}

.support .pre-sale .service-hotline .info {
	font-size: 14px;
	color: #999
}

.support .pre-sale .sub-title {
	margin-bottom: 18px;
	text-align: center;
	color: #999
}

.support .after-sale .support__content {
	padding: 60px 0 75px;
	margin: 0 auto;
	width: 1220px;
	overflow: hidden
}

.support .after-sale .support__content .card {
	float: left;
	margin: 0 9px;
	width: 285px;
	height: 383px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	transition: all .3s
}

.support .after-sale .support__content .card:hover {
	box-shadow: 0 1px 20px rgba(0,0,0,.15);
	border-color: transparent
}

.support .after-sale .support__content .card .top {
	margin: 19px 0 25px;
	text-align: center
}

.support .after-sale .support__content .card .bottom {
	padding: 0 12px 0 19px
}

.support .after-sale .support__content .card .bottom .sub-title {
	font-size: 24px;
	color: #333;
	margin: 0 0 15px
}

.support .after-sale .support__content .card .bottom .sub-content {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.support .after-sale .support__content .card .bottom .after-sale--btn {
	margin: 20px 0 0
}

.support .after-sale .support__content .card .left {
	width: 109px;
	padding: 30px 0 0 44px
}

.support .after-sale .support__content .card .left .icon {
	display: inline-block;
	width: 51px;
	height: 48px;
	background-color: #0ff
}

.support .after-sale .support__content .card .left .icon-0 {
	background: url(/img/f2e/helpCenter/support_main_sprit.png) 0 0 no-repeat
}

.support .after-sale .support__content .card .left .icon-1 {
	background: url(/img/f2e/helpCenter/support_main_sprit.png) 0 -166px no-repeat
}

.support .after-sale .support__content .card .left .icon-2 {
	background: url(/img/f2e/helpCenter/support_main_sprit.png) 0 -334px no-repeat
}

.support .after-sale .support__content .card .left .icon-3 {
	background: url(/img/f2e/helpCenter/support_main_sprit.png) 0 -501px no-repeat
}

.support .after-sale .support__content .card .right {
	position: relative;
	padding: 30px 0 15px
}

.support .after-sale .support__content .card .right .sub-title {
	font-size: 24px;
	margin-bottom: 15px
}

.support .after-sale .support__content .card .right .sub-content {
	margin-bottom: 18px;
	font-size: 14px;
	color: #333
}

.support .after-sale .support__content .card .right .after-sale--btn {
	top: 32px;
	right: 40px;
	position: absolute
}

.support .after-sale .service-guarantee {
	background: #f5f6f7
}

.support .after-sale .service-guarantee .inner {
	width: 1140px;
	margin: 0 auto;
	padding: 80px 0 45px;
	text-align: center
}

.support .after-sale .service-guarantee .inner .title {
	font-size: 32px;
	margin-bottom: 30px
}

.support .after-sale .service-guarantee .inner .services-item {
	padding: 25px 0 35px
}

.support .after-sale .service-guarantee .inner .services-item+.services-item {
	border-left: 1px solid #dcdcdc
}

.support .after-sale .service-guarantee .inner .services-item .icon {
	width: 51px;
	height: 48px;
	background: #87ceeb;
	margin-bottom: 15px
}

.support .after-sale .service-guarantee .inner .services-item .icon-0 {
	background: url(/images/support_footer_sprit.png) 0 0 no-repeat
}

.support .after-sale .service-guarantee .inner .services-item .icon-1 {
	background: url(/images/support_footer_sprit.png) -228px 0 no-repeat
}

.support .after-sale .service-guarantee .inner .services-item .icon-2 {
	background: url(/images/support_footer_sprit.png) -456px 0 no-repeat
}

.support .after-sale .service-guarantee .inner .services-item .icon-3 {
	background: url(/images/support_footer_sprit.png) -682px 0 no-repeat
}

.support .after-sale .service-guarantee .inner .services-item .icon-4 {
	background: url(/images/support_footer_sprit.png) -910px 0 no-repeat
}

.support .after-sale .service-guarantee .inner .services-item p {
	font-size: 16px;
	color: #666
}

.support .after-sale .support__footer {
	height: 299px;
	background: url(/images/support_footer_bg.jpg) no-repeat
}

.support .after-sale .support__footer .inner {
	width: 1057px;
	margin: 0 auto;
	padding: 80px 0;
	color: #fff
}

.support .after-sale .support__footer .inner .title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 32px
}

.support .after-sale .support__footer .inner .content,.support .after-sale .support__footer .inner .contentTxt {
	line-height: 1.5;
	letter-spacing: 1px
}

.support .after-sale .btn {
	width: 118px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #eef5ff;
	background: #107efc
}

.support .complaint {
	padding: 80px 0
}

.support .complaint .form {
	position: relative;
	padding: 40px 135px 0 120px
}

.support .complaint .form .tip {
	color: #999
}

.support .complaint .hotline__wrapper {
	position: absolute;
	right: 0;
	top: 0
}

.support .complaint .el-upload--picture-card,.support .complaint /deep/ .el-upload-list__item {
	width: 114px;
	height: 114px
}

.support .complaint /deep/ .el-upload--picture-card {
	line-height: 114px
}

.support .form {
	margin: 0 auto;
	padding: 40px 130px 0;
	width: 1140px;
	border-radius: 2px;
	background: #fafafa
}

.support .form .el-textarea__inner,.support .form /deep/ .el-input__inner {
	background: #fff
}

.support .form .btn__wrapper {
	text-align: center
}

.support .form .btn__wrapper .sumbit-btn {
	width: 118px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #eef5ff;
	background: #0069f9;
	margin-right: 20px;
	cursor: pointer
}

.support .form /deep/ .el-col {
	margin-right: 10px
}

.support .form .verif_img__wrapper {
	background: #dcdcdc;
	border-radius: 2px
}

.support .form .verif_img__wrapper .img {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer
}



.servicePackage {
	font-size: 12px;
	min-width: 1220px;
	position: relative
}

.servicePackage .banner {
	background: #1f2736 url(/img/f2e/servicePackage/banner.jpg) no-repeat 50%;
	height: 600px;
	position: relative
}

.servicePackage .banner .con {
	position: absolute;
	top: 140px;
	left: 50%;
	margin: 0 0 0 -620px;
	width: 506px;
	cursor: default
}

.servicePackage .banner .con .contit {
	font-size: 72px;
	color: #fff;
	margin: 0 0 25px
}

.servicePackage .banner .con .contxt {
	font-size: 30px;
	color: #fff
}

.servicePackage .generalTitle {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 3
}

.servicePackage .generalTitle .titleName {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.servicePackage .generalTitle .titleName .titleimgL {
	position: absolute;
	width: 135px;
	height: 25px;
	left: -135px;
	top: 13px
}

.servicePackage .generalTitle .titleName .titlecon {
	font-size: 32px;
	color: #333;
	padding: 0 25px;
	height: 51px;
	line-height: 51px
}

.servicePackage .generalTitle .titleName .titlecon.white {
	color: #fff
}

.servicePackage .generalTitle .titleName .titleimgR {
	position: absolute;
	width: 135px;
	height: 25px;
	right: -135px;
	top: 13px
}

.servicePackage .generalTitle .describe {
	font-size: 24px;
	color: #666;
	line-height: 35px
}

.servicePackage .generalTitle .describe.white {
	color: #fff
}

.servicePackage .lightline {
	position: absolute;
	width: 100%;
	height: 1080px;
	left: 0;
	top: 910px;
	z-index: 2;
	background: url(/img/f2e/servicePackage/lightline.png) no-repeat 50%
}

.servicePackage .servicelayer1 {
	padding: 70px 0 60px
}

.servicePackage .servicelayer1 .singleproduct {
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 1220px;
	margin: 0 auto;
	padding: 55px 0 0
}

.servicePackage .servicelayer1 .singleproduct .singleitem {
	float: left;
	width: 270px;
	height: 370px;
	margin: 0 10px 20px;
	background: #fff;
	border: 1px solid #2589ff;
	position: relative;
	top: 0;
	transition: top .5s
}

.servicePackage .servicelayer1 .singleproduct .singleitem .tipsimg {
	position: absolute;
	top: 0;
	left: 10px
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit {
	margin: 0 19px;
	line-height: 78px;
	border-bottom: 1px solid #96a1b5;
	text-align: center;
	font-size: 22px;
	color: #000
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon {
	display: inline-block;
	vertical-align: top;
	height: 78px;
	margin: 0 8px 0 0;
	background-position: 50%;
	background-repeat: no-repeat
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon1 {
	width: 37px;
	background-image: url(/img/f2e/servicePackage/single-ico1.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon2 {
	width: 36px;
	background-image: url(/img/f2e/servicePackage/single-ico2.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon3 {
	width: 42px;
	background-image: url(/img/f2e/servicePackage/single-ico3.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon4 {
	width: 24px;
	background-image: url(/img/f2e/servicePackage/single-ico4.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon5 {
	width: 36px;
	background-image: url(/img/f2e/servicePackage/single-ico5.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon6 {
	width: 40px;
	background-image: url(/img/f2e/servicePackage/single-ico6.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon7 {
	width: 35px;
	background-image: url(/img/f2e/servicePackage/single-ico7.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon8 {
	width: 37px;
	background-image: url(/img/f2e/servicePackage/single-ico8.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .itemtit .singleicon.icon9 {
	width: 37px;
	background-image: url(/img/f2e/servicePackage/single-ico9.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .hidden {
	display: none
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe {
	padding: 20px 19px 0;
	height: 180px;
	position: relative
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe p {
	text-align: left;
	font-size: 14px;
	color: #666;
	line-height: 25px
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer span {
	display: inline-block;
	cursor: pointer;
	padding: 0 15px;
	margin: 0 2px;
	height: 25px;
	width: 70px;
	position: relative
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer span i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	font-size: 12px;
	color: #999;
	line-height: 25px;
	z-index: 2
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer span:before {
	content: "";
	background: #ddd;
	position: absolute;
	-webkit-transform: skew(-35deg);
	transform: skew(-35deg);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer .active i {
	color: #fff
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .describe .tablayer .active:before {
	background: #ff1000
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer {
	height: 124px;
	background: #f3f8fe;
	text-align: center
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .info {
	padding: 14px 0
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .info .nowprice {
	font-size: 34px;
	color: #ff1000
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .info .nowprice sub {
	font-size: 14px;
	color: #666;
	margin: 5px 0 0 2px;
	vertical-align: middle;
	display: inline-block
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .info .nowprice sub i {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #ff1000;
	margin: 0 0 0 10px
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .info .version {
	font-size: 14px;
	line-height: 22px;
	color: #666
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .buybut {
	width: 180px;
	margin: 0 auto
}

.servicePackage .servicelayer1 .singleproduct .singleitem .singlepricelist .priceitem .buylayer .buybut a {
	display: block;
	background: #3f62f2;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	border-radius: 38px
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover {
	top: -5px;
	box-shadow: 0 8px 10px rgba(0,16,69,.4)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon1 {
	background-image: url(/img/f2e/servicePackage/single-ico1-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon2 {
	background-image: url(/img/f2e/servicePackage/single-ico2-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon3 {
	background-image: url(/img/f2e/servicePackage/single-ico3-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon4 {
	background-image: url(/img/f2e/servicePackage/single-ico4-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon5 {
	background-image: url(/img/f2e/servicePackage/single-ico5-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon6 {
	background-image: url(/img/f2e/servicePackage/single-ico6-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon7 {
	background-image: url(/img/f2e/servicePackage/single-ico7-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon8 {
	background-image: url(/img/f2e/servicePackage/single-ico8-on.png)
}

.servicePackage .servicelayer1 .singleproduct .singleitem:hover .itemtit .singleicon.icon9 {
	background-image: url(/img/f2e/servicePackage/single-ico9-on.png)
}

.servicePackage .servicelayer2 {
	padding: 65px 0 60px;
	background: #2643a7 url(/img/f2e/servicePackage/earth.jpg) no-repeat bottom
}

.servicePackage .servicelayer2 .preferential {
	position: relative;
	z-index: 3;
	padding: 55px 0 20px;
	overflow: hidden;
	width: 1220px;
	margin: 0 auto
}

.servicePackage .servicelayer2 .preferential .item {
	float: left;
	margin: 0 10px;
	width: 386.5px
}

.servicePackage .servicelayer2 .preferential .item .itemcon {
	background: #fff;
	position: relative;
	transition: top .5s;
	top: 0;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	overflow: hidden
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top {
	padding: 15px 0 0
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit {
	height: 140px;
	background: #fff
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit .tittxt {
	text-align: center;
	padding: 20px 0 0;
	font-size: 22px;
	color: #000;
	line-height: 25px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit .titicon {
	height: 95px;
	background-position: 50%;
	background-repeat: no-repeat
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit .titicon.icon1 {
	background-image: url(/img/f2e/servicePackage/preferential-ico1.png)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit .titicon.icon2 {
	background-image: url(/img/f2e/servicePackage/preferential-ico2.png)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packagetit .titicon.icon3 {
	background-image: url(/img/f2e/servicePackage/preferential-ico3.png)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice {
	overflow: hidden
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem {
	float: left;
	width: 100%;
	padding: 27px 0;
	position: relative;
	border-right: 1px solid hsla(0,0%,100%,.6)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem:last-child {
	border-right: none
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .nowprice {
	text-align: center
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .nowprice span {
	font-size: 36px;
	color: #fff
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .nowprice sub {
	font-size: 14px;
	color: #fff
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .priceicon {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 28px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .priceicon.hot {
	background: url(/img/f2e/servicePackage/hot-icon.png) no-repeat 50%
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .priceicon.recommend {
	background: url(/img/f2e/servicePackage/recommend-icon.png) no-repeat 50%
}

.servicePackage .servicelayer2 .preferential .item .itemcon .item-top .packprice .priceitem .original {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 1px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: line-through
}

.servicePackage .servicelayer2 .preferential .item .itemcon .bgcolorb {
	background: linear-gradient(90deg,#5b86e5,#2ecfdc)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .bgcoloro {
	background: linear-gradient(90deg,#ff8500,#facd4a)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .bgcolorg {
	background: linear-gradient(90deg,#00b09b,#49f4c1)
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist {
	height: 555px;
	background: #fff
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem {
	padding: 20px 29px;
	overflow: hidden
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem.graybg {
	background: #f3f8fe
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemtit {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	font-weight: 700
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemcontent {
	padding: 0 0 0 72px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemcontent .conlayer {
	line-height: 30px;
	position: relative
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemcontent .conlayer .checkedicon {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 16px;
	background: url(/img/f2e/servicePackage/checked-icon.png) no-repeat 50%
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemcontent .conlayer .title {
	padding: 0 25px 0 0;
	font-size: 14px;
	color: #212121
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem .itemcontent .instruct li {
	font-size: 14px;
	color: #999;
	line-height: 25px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem1 {
	padding: 62px 29px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem2 {
	padding: 38px 29px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem3 {
	padding: 52.5px 29px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem4 {
	padding: 54px 29px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .servicelist .listitem5 {
	padding: 41px 29px
}

.servicePackage .servicelayer2 .preferential .item .itemcon .itembut {
	padding: 25px 0;
	text-align: center
}

.servicePackage .servicelayer2 .preferential .item .itemcon .itembut a {
	display: inline-block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	background: #3f62f2;
	font-size: 18px;
	color: #fff;
	border-radius: 50px
}

.servicePackage .servicelayer2 .preferential .item:hover .itemcon {
	top: -5px;
	box-shadow: 0 4px 10px rgba(0,26,95,.2)
}

.servicePackage .servicelayer3 {
	padding: 70px 0 80px;
	background: #f4f4f4
}

.servicePackage .servicelayer3 .starpackage {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	padding: 290px 0 0
}

.servicePackage .servicelayer3 .starpackage .packagemask {
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	height: 100%;
	width: 820px
}

.servicePackage .servicelayer3 .starpackage .packagemask .line {
	float: left;
	width: 164px;
	height: 100%
}

.servicePackage .servicelayer3 .starpackage .packagemask .line.boxshadow,.servicePackage .servicelayer3 .starpackage .packagemask .line:hover {
	box-shadow: 0 6px 8px #d7d7d8
}

.servicePackage .servicelayer3 .starpackage .packagelist {
	position: absolute;
	left: 0;
	top: 0;
	width: 1200px;
	background: #fff
}

.servicePackage .servicelayer3 .starpackage .packagelist tr th {
	border: 1px solid #dcdcdc;
	padding: 25px 0;
	text-align: center
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td {
	border: 1px solid #dcdcdc;
	padding: 15px 0;
	text-align: center
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.leveltit {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	padding: 0 15px;
	line-height: 20px
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level {
	width: 330px;
	font-size: 14px;
	font-weight: 700
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level.bcolor {
	color: #333
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level.rcolor {
	color: #ff1000
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level.ocolor {
	color: #de6b0f
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level .levelicon {
	display: inline-block;
	vertical-align: middle;
	height: 21px;
	width: 60px;
	margin: 0 0 0 10px
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level .levelicon.preferent {
	background: url(/img/f2e/servicePackage/preferent.png) no-repeat 0
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.level .levelicon.recommend {
	background: url(/img/f2e/servicePackage/recommend.png) no-repeat 0
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.packageprice {
	font-size: 30px;
	color: #333;
	padding: 40px 0
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.packageprice sub {
	font-size: 12px;
	color: #333;
	font-weight: 400
}

.servicePackage .servicelayer3 .starpackage .packagelist tr td.packageprice del {
	display: block;
	margin: 5px 0 0;
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.tabletit .memberlevel {
	font-size: 16px;
	color: #333;
	font-weight: 700
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.tabletit .packageitem {
	font-size: 16px;
	color: #ff8500;
	font-weight: 700;
	width: 135px;
	height: 66px;
	position: relative
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.tabletit .packageitem span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #ff8500;
	line-height: 57px;
	transition: height .3s
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.tabletit .packageitem.active span {
	background: #ff8500;
	color: #fff;
	line-height: 90px;
	height: 90px
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.butlayer td {
	height: 80px
}

.servicePackage .servicelayer3 .starpackage .packagelist tr.butlayer td.placeholder {
	width: 313px
}

.servicePackage .servicelayer3 .starpackage .packagelist.fixed {
	position: fixed;
	top: 33px;
	left: 50%;
	margin: 0 0 0 -600px
}

.servicePackage .servicelayer3 .starpackage .packagelist.fixed:after {
	position: absolute;
	content: "";
	height: 40px;
	width: 1200px;
	top: -40px;
	left: 0;
	background: #f4f4f4;
	z-index: -1
}

.servicePackage .servicelayer3 .starpackage .butmodule {
	position: absolute;
	top: 200px;
	left: 0;
	width: 1200px;
	padding: 0 0 0 380px;
	z-index: 99
}

.servicePackage .servicelayer3 .starpackage .butmodule .buybut {
	margin: 0 32px;
	background: #ff8500;
	border-bottom: 2px solid #cc6a00
}

.servicePackage .servicelayer3 .starpackage .butmodule .buybut,.servicePackage .servicelayer3 .starpackage .butmodule .consultbut {
	float: left;
	display: inline-block;
	height: 40px;
	width: 100px;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px
}

.servicePackage .servicelayer3 .starpackage .butmodule .consultbut {
	margin: 0 17px 0 18px;
	background: #00b09b;
	border-bottom: 2px solid #0b7568
}

.servicePackage .servicelayer3 .starpackage .butmodule.fixed {
	position: fixed;
	top: 230px;
	left: 50%;
	margin: 0 0 0 -600px
}

.servicePackage .servicelayer3 .starpackage .instructtable {
	width: 100%;
	background: #fff
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td {
	border: 1px solid #dcdcdc;
	padding: 17px 0;
	text-align: center
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.categories {
	padding: 0 15px;
	font-size: 17px;
	color: #333;
	font-weight: 700;
	line-height: 25px
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.second {
	width: 120px;
	font-size: 14px;
	color: #333
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.second p {
	font-size: 14px;
	color: #333;
	line-height: 22px
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.three {
	width: 210px;
	background: #f7f7f7;
	font-size: 14px;
	color: #666
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.three p {
	font-size: 14px;
	color: #666;
	line-height: 22px
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.events {
	width: 164px;
	font-size: 14px;
	color: #999
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.events p {
	font-size: 14px;
	color: #999;
	line-height: 22px
}

.servicePackage .servicelayer3 .starpackage .instructtable tr td.events .haveicon {
	font-size: 16px;
	color: #ff8500
}