a,a:hover,a:focus {text-decoration: none;}
.banner {position: relative;height:400px;overflow:hidden;}
.banner_video {position: relative;}
.banner_video video{position: absolute;left: 50%;width: 1920px;height: 400px;margin-left: -960px;}   
.banner_txt {position: absolute;left: 50%;top: 0;margin-left: -600px;width: 1200px;height: 100%;padding: 123px  0;z-index: 2;}
.banner_txt h1 {color: #fff;font-size: 36px;display: inline-block;width: 568px;}
.banner_txt small {width: 570px;font-size: 16px;color: #fff;display: block;letter-spacing: 1px;margin:  5px 0;}
.contact {width: 100%;height:420px;background:url('https://qiniu.wessyun.com/new_yali/img/footer.png') center no-repeat;background-size:cover;text-align:center;overflow:hidden;}
.contact .contact-title {line-height:50px;font-size:36px;color:#2A75ED;margin:95px 0 54px}
.versionTitle {font-size: 32px;color: #282828;text-align: center;margin: 66px 0 52px 0;}
.versionTitle .line {width: 40px;height: 4px;background-color: #007af6;margin: 20px auto 0 auto;}
.wrapper_1200 {width: 1200px;margin: 0 auto;overflow: hidden;}
.goodsPrice .wrap {width: 280px;}
.goodsPrice .pull-left {margin-right: 24px;}
.goodsPrice .wrap.wrap1 .top {color: #fff;}
.goodsPrice .wrap .top {width: 100%;height: 340px;background-color: #2863e1;color: #fff;text-align: center;padding-top: 38px;position: relative;}
.goodsPrice .wrap .top .iSfree {font-size: 32px;}
.goodsPrice .wrap .top .infor {font-size: 16px;margin-top: 15px;}
.goodsPrice .wrap.wrap1 .top .infor {color: #fff;}
.goodsPrice .wrap .top .money {font-size: 36px;font-weight: lighter;margin-top: 10px;}
.goodsPrice .wrap .top .money .num {font-size: 58px;}
.goodsPrice .wrap.wrap3 .top .bnt {background-color: #fff;color: #333333;}
.goodsPrice .wrap .top .bnt {font-size: 18px;color: #ffffff;width: 180px;height: 48px;background-color: #ffffff;margin: 22px auto 0 auto;text-align: center;line-height: 48px;cursor: pointer;border-radius: 1px;}
.goodsPrice .wrap .top .bnt a {display: block;}
.set_4_button1.raised {-moz-transition: all 0.1s;-o-transition: all 0.1s;-webkit-transition: all 0.1s;transition: all 0.1s;background: #666666;}
.set_4_button1 {position: relative;overflow: hidden;z-index: 0;}
.goodsPrice .wrap ul {padding: 36px 45px;border: 1px solid #eeeeee;height: 100%;}
.goodsPrice .wrap ul li {margin-bottom: 16px;position: relative;}
.goodsPrice .wrap ul li .name {font-size: 16px;color: #282828;width: 210px;}
.line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goodsPrice .wrap ul li .iconfont.icondui {color: #17b356;right: -4px;font-size: 15px;}
.goodsPrice .wrap ul li .iconfont {color: #d81e06;position: absolute;right: 0;top: 50%;font-size: 17px;margin-top: -8.5px;}
.goodsPrice .wrap.wrap2 .top {background-color: #339933;}
.goodsPrice .wrap.wrap1 ul {border-color: #2863e1;}
.goodsPrice .wrap.wrap2 ul {border-color: #339933;}
.goodsPrice .wrap.wrap4 ul {border-color: #eb2a2a;}
.goodsPrice .wrap.wrap3 ul {border-color: #ff881c;}
.goodsPrice .wrap.wrap4 .top {background-color: #eb2a2a;}
.goodsPrice .wrap.wrap4 .top .bnt {background-color: #fff;color: #eb2a2a;}
.goodsPrice .wrap.wrap3 .top {background-color: #ff881c;}
.goodsPrice .wrap.wrap3 .top .money .iconfont {color: #eb2a2a;font-size: 50px;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: -1;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

.hoverable:hover > .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.hoverable:hover > .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-webkit-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: -1;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

.hoverable:hover > .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.hoverable:hover > .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-webkit-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: -1;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

@-webkit-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-webkit-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: -1;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

.clickable .toggle:checked + .anim {-moz-animation: anim-in 0.75s;-webkit-animation: anim-in 0.75s;animation: anim-in 0.75s;}
.clickable .toggle:checked + .anim:after {-moz-animation: anim-in-pseudo 0.75s;-webkit-animation: anim-in-pseudo 0.75s;animation: anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;}

.hoverable:hover > .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.hoverable:hover > .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-in {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-in-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-webkit-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-moz-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-ms-keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
@-webkit-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-moz-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@-ms-keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
/*but样式3*/
.set_8_button {display: inline-block;transition: transform 300ms;}
.set_8_button.outline {overflow: hidden;position: relative;}
.set_8_button.outline:before, .set_8_button.outline:after, .set_8_button.outline .lines:before,
.set_8_button.outline .lines:after {background-color: #cccccc;content: "";height: 1px;left: 0;position: absolute;top: 0;transition: transform 300ms;width: 100%;}
.set_8_button.outline:before {bottom: 0;top: auto;}
.set_8_button.outline .lines {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.set_8_button.outline .lines:before, .set_8_button.outline .lines:after {height: 100%;width:1px;}
.set_8_button.outline .lines:after {left: auto;right: 0;}
.set_8_button:hover:before {transform: translateX(-100%);}
.set_8_button:hover:after {transform: translateX(100%);}
.set_8_button:hover .lines:before {transform: translateY(-100%);}
.set_8_button:hover .lines:after {transform: translateY(100%);}
/*but样式4*/
.set_5_button {overflow: hidden;z-index: 1;position: relative;}
.set_5_button:after {content: "";position: absolute;top: 0;left: 0;width: 500%;height: 1000%;background: #000;filter:alpha(opacity=10);opacity: 0.1;z-index: -1;transform-origin: 0% 0%;transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);transform: translateY(10%) translateX(16%) rotate(-45deg);transition: transform .3s;}
.set_5_button:hover::after {transform: translateY(10%) translateX(-25px) rotate(-45deg);}
.mask{background-color:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;top:0;right: 0;left:0;bottom:0;z-index:66;}
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.prices-jumbotron .plan-version {position: relative;display: inline-block;width: 100%;max-width: 406px;padding: 0;margin-bottom: 40px;-webkit-box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);}
.plan-version.plan-enterprise .plan-header {background: linear-gradient(-45deg, #32b6ff, #4276ff);}
.plan-version .plan-price {padding-top: 20px;margin-left: 28px;margin-right: 28px;height: 242px;border-bottom: 1px solid #eee;}
.plan-list {padding-bottom: 40px;}
.plan-version.plan-enterprise .plan-header h4, .plan-version.plan-enterprise .plan-header p {color: #fff;}
.plan-header {position: relative;padding: 16px 0;height: 144px;border-bottom: 1px solid #e5e5e5;}
.plan-version .plan-header h4 {font-size: 18px;font-weight: 600;margin: 0;}
.plan-version .plan-header .tips {font-size: 15px;color: grey;margin: 15px 40px 0;}
.plan-version .plan-price .price .currency {position: relative;top: 8px;left: -4px;font-size: 20px;vertical-align: top;}
.plan-version .plan-price .price .money {font-size: 32px;font-weight: 200;line-height: 55px;margin-right: 8px;}
.plan-version .plan-price .price small {font-size: 16px;color: #a6a6a6;}
.price-small-tip {display: block;font-size: 16px;color: grey;margin-top: 8px;}
.plan-price a {margin-top: 20px;}

.btn.btn-gradient-blue {font-size: 16px;padding: 14px 40px;border: none;color: #fff;border-radius: 26px;background: linear-gradient(-45deg, #32b6ff, #4276ff);-webkit-box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);}
.plan-version .plan-price p {margin: 16px auto 0;font-size: 14px;}
.page-pricing p {font-size: 16px;line-height: 1.57;}
.plan-version .plan-list>ul {padding: 0 12px 0 12px;margin: 0 auto;}
.plan-version .plan-list>ul h4 {font-size: 14px;margin: 0;margin-left: 16px;padding: 28px 0 20px;clear: both;color: #a6a6a6;}
.plan-version .plan-list>ul li {position: relative;font-size: 16px;margin-bottom: 20px;line-height: 1.5;padding-left: 30px;float: left;width: 50%;}
.icon-tick-thin {position: absolute;display: inline-block;left: 5px;width: 20px;height: 20px;color: #3da8f5;text-align: center;}

.plan-version .plan-list ul.plan-service-list {padding: 8px;margin-bottom: 0;margin-top: 12px;}
.plan-version.plan-enterprise-pro .plan-header {background: linear-gradient(-45deg, #28a7ff, #345eff);}
.plan-version.plan-deployment .plan-header {background: linear-gradient(-45deg, #61e9f2, #32c1fa);}
.plan-version.plan-enterprise-pro .plan-header h4, .plan-version.plan-enterprise-pro .plan-header p {color: #fff;}
.plan-version.plan-deployment .plan-header h4, .plan-version.plan-deployment .plan-header p {color: #fff;}
.plan-version {position: relative;display: inline-block;width: 100%;max-width: 406px;padding: 0;margin-bottom: 40px;-webkit-box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);}
.contact .contact-phone, .contact .contact-tips {line-height:20px;color:#415070}
.contact .contact-tips {margin:15px 0 0}
.commission,.commission a,.commission-tit,.commission .free,.flinkcss a {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif;}
.commission {background:url(https://file.wessyun.com/sites/index/guangao.png) 0 0 no-repeat;background-size: 100% 100%;height: 240px;text-align: center;padding-top: 50px;box-sizing: border-box;color: #fff;}
.commission-tit {font-size: 28px;padding-bottom: 0;}

@media (max-width: 767px) {
.banner {height: 240px !important;padding-top: 20px;display: flex;flex-wrap: wrap;}
.banner_txt {left:5%;margin:auto;width:90%;padding: 50px 0;}
.banner_txt h1,small {width:100%!important;}
.banner_video {display: none;}
.wrapper_1200 {width: 100%;}
.goodsPrice .wrap {width: 100%;}
}