html,body{font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;position:relative; background:#fff; -webkit-font-smoothing: antialiased; font-weight:300;}
body{margin: 0;}
/*body{height: auto !important;}*/
.mdl-layout__container{/*height: auto !important;*/ position: relative;}
@font-face{font-family:"goodbook";src:url('/libraries_v2/resources/fonts/goodbook.eot');src:url('/libraries_v2/resources/fonts/goodbook.eot?#iefix') format('embedded-opentype'),url('/libraries_v2/resources/fonts/goodbook.woff') format('woff'),url('/libraries_v2/resources/fonts/goodbook.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face{font-family:"goodlight";src:url('/libraries_v2/resources/fonts/goodlight.eot');src:url('/libraries_v2/resources/fonts/goodlight.eot?#iefix') format('embedded-opentype'),url('/libraries_v2/resources/fonts/goodlight.woff') format('woff'),url('/libraries_v2/resources/fonts/goodbook.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Helvetica Neue';src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"), url("/libraries_v2/resources/fonts/HelveticaNeue-Light.ttf") format("truetype"), url("/libraries_v2/resources/fonts/HelveticaNeue-Light.woff") format("woff");font-weight: 300}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","goodbook", "Lucida Grande", "Lucida Sans Unicode" ,Arial, Verdana, sans-serif;font-weight:300;word-wrap: break-word; word-break: break-all;}
h3{font-size: 32px;font-weight: 400;}
h5{font-size: 18px;}
.h5-500{font-weight: 500;}
section{padding-bottom: 60px;}
.code-right-words{max-width: 320px;margin: 0 auto;text-align: left;}
header .mdl-layout__header-row{width: 1170px;margin: 0 auto;padding: 0 20px;}
header .mdl-layout-title .logo{display: block; width: 199px; height: 45px; background: url(../images/logo.svg) no-repeat top left;text-indent: -9999px; background-size: 199px 45px;}
/*.mdl-layout__header {transition: .5s background; position: fixed;background:rgba(255,255,255,0);box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);}*/
.mdl-layout__header.mdl-header-background__light .mdl-layout__header-background{background: rgba(255,255,255,0.9);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid rgba(200, 200, 200, 0.5);}
.mdl-layout__header.mdl-header-background__light{-webkit-box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;-moz-box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;}
.sms-padding-top{padding-top:28px;}
/*功能类*/
.prettyprint{font-family: consolas, "Source Code Pro", monaco, monospace !important;width:100%;height:100%;border:none !important;}
.linenums{padding:0;}
.image-responsive{display: block;height: auto;max-width: 100%;}
.voice-buy-button{border-color: #28E5F0 !important}
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.online_chart{position: fixed;z-index: 999999;right: 20px;bottom: 60px;width: 56px;}
.online_chart a{margin-bottom: 10px;}
.online_chart a i{top: 15px;position: relative;}
#scrollup{background: #f0f0f0;margin-top: 40px;}
#telphone{background:#fff;}
.product-card-square{width: 100%;}
.mdl-card h6 {font-weight: 500;}
.product-card-square .mdl-card__supporting-text h6{margin-top: 0;}
.product-card-square > .mdl-card__title{position: relative;;}
.product-card-square > .mdl-card__title h2{position: relative;z-index: 1;font-weight: 500;}
.product-card-square > .mdl-card__title.sms_card .mdl-card-extend-background{width: 100%;height: 100%;position: absolute; z-index: 0; top: 0px;left: 0px; background:url('../images/sms-card.png') bottom left 15% no-repeat;background-size: cover;}
.product-card-square > .mdl-card__title.intersms_card .mdl-card-extend-background{width: 100%;height: 100%;position: absolute; z-index: 0; top: 0px;left: 0px; background:url('../images/intersms-card.png') bottom left 15% no-repeat;background-size: cover;}
.product-card-square > .mdl-card__title.mobiledata_card .mdl-card-extend-background{width: 100%;height: 100%;position: absolute; z-index: 0; top: 0px;left: 0px; background:url('../images/mobiledata-card.png') bottom left 15% no-repeat;background-size: cover;}
.product-card-square > .mdl-card__title.voice_card .mdl-card-extend-background{width: 100%;height: 100%;position: absolute; z-index: 0; top: 0px;left: 0px; background:url('../images/voice-card.png') bottom left 15% no-repeat;background-size: cover;}
.product-card-square > .mdl-card__title.sms_card {min-height: 210px;color: #fff;background: #10e4cd;background: -moz-linear-gradient(left, #10e4cd 0%, #14f5bc 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #10e4cd), color-stop(100%, #14f5bc));background: -webkit-linear-gradient(left, #10e4cd 0%, #14f5bc 100%);background: -o-linear-gradient(left, #10e4cd 0%, #14f5bc 100%);background: -ms-linear-gradient(left, #10e4cd 0%, #14f5bc 100%);background: linear-gradient(to right, #10e4cd 0%, #14f5bc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10e4cd', endColorstr='#14f5bc', GradientType=1 );}
.product-card-square > .mdl-card__title.mail_card {min-height: 210px;color: #fff;background:url('../images/mail-card.png') bottom right 15% no-repeat #007FFC;background-size: cover;}
.product-card-square > .mdl-card__title.intersms_card {
background: #39dab7;
background: -moz-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #39dab7), color-stop(100%, #19bcdd));
background: -webkit-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -o-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -ms-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: linear-gradient(to right, #39dab7 0%, #19bcdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dab7', endColorstr='#19bcdd', GradientType=1 );
min-height: 210px;color: #fff;}
.product-card-square > .mdl-card__title.voice_card {min-height: 210px;color: #fff;}
.product-card-square > .mdl-card__title.mobiledata_card {min-height: 210px;color: #fff;}
.mdl-mega-footer{background-color: #212121;}
.footer-section{max-width: 1170px;margin: 0 auto;padding: 0 20px;}
.footer-section .mdl-mega-footer__link-list{color: #9D9D9D;}
.footer-section .mdl-mega-footer__heading a{color: #fff;text-decoration: none;}
.footer-images{margin-top: 24px;}
.mdl-button--colored.mdl-button-sms{color: #29CFA1;}
.mdl-button--colored.mdl-button-mail{color: #007FFC;}
.mdl-button--colored.mdl-button-voice{color: #59C8DB;}
.mdl-button--colored.mdl-button-mobiledata{color: #F65958;}
.mdl-button--colored.mdl-button-intersms{color: #1FCBCA;}
.text-color-sms{color: #29CFA1;}
.text-color-mail{color: #007FFC;}
.text-color-voice{color: #2CDFED;}
.text-color-mobiledata{color: #F65958;}
.text-color-intersms{color: #0ecbcb;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.footersection{padding-bottom: 0;}
.price-container{width: 100%;overflow-x: auto;}
.price-container .price{width: 100%; }
.price-container .price td{padding: 20px 5px ;font-size: 14px; color: #666;}
.price,.price td{border: 1px solid #dddddd;border-collapse: collapse;border-spacing: 0;}
.sms .price .title{background: #29CFA1;color: #fff;}
.mail .price .title{background: #007FFC;color: #fff;}
.voice .price .title{background: #2CDFED;color: #fff;}
.mobiledata .price .title{background: #F65958;color: #fff;}
.intersms .price .title{background: #0ecbcb;color: #fff;}
/*定义header背景*/
.mdl-layout__header{ position: fixed;transition: .5s cubic-bezier(0.935, 0.010, 0.270, 1.000) all; overflow: hidden;}
.mdl-layout__header-background{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;box-sizing: border-box; transition: .5s background;background:rgba(255,255,255,0);box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);}
header.mdl-header-front__dark .mdl-layout-title .logo{background-image: url(../images/logo-dark.svg);}
header.mdl-header-front__dark .mdl-navigation__link{color: #333;}
header.mdl-header-front__dark .mdl-nav-button-container label .submail-icon-nav{background: #333;}
header.mdl-header-front__dark #menu-products .submail-products-icon-nav{background: #333;}
header.mdl-header-front__dark .submail-small-screen-navigation .submail-small-screen-navigation-container ul li{width: 100%; height: 50px; display: block;border-bottom: 1px solid #ddd;}
header.mdl-header-front__dark .submail-small-screen-navigation .submail-small-screen-navigation-container ul li a{color: #666;display: block; line-height: 60px;text-decoration: none; font-size: 18px; font-weight: 300;}
.mdl-layout__header.mdl-header-background__light .mdl-btn-container .mdl-button--white-primary{color: rgb(0, 132, 249);}
.mdl-layout__header.mdl-header-background__light .mdl-btn-container .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab {color: rgb(255, 255, 255);}
.mdl-layout__header-small-screen .mdl-layout-title .logo{display: block; width: 140px; height: 38px; background: url(../images/logo.svg) no-repeat top left;text-indent: -9999px; background-size: 140px 38px;}
/*定义大å±èœå•åŠ¨ç”»*/
.mdl-layout__header--large-screen-menu-model {min-height: 450px;-webkit-box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;-moz-box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;box-shadow: 0px 2px 25px 5px rgba(0, 0, 0, 0.05) !important;}
.mdl-layout__header--large-screen-menu-model .mdl-layout__header-background{background: rgba(0,0,0,0.8);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid rgba(200, 200, 200, 0.5);}
#menu-products{position: relative; padding-left: 45px}
#menu-products label{display: block;position: absolute;top: 24px;left: 24px; width: 15px;height: 15px;cursor: pointer;-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.submail-products-icon-nav-1,.submail-products-icon-nav-2,.submail-products-icon-nav-3{width: 15px;height: 15px;display: block;position: absolute;top: 0px;left: 0px;-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
.submail-products-icon-nav{width: 15px;height: 1px; background: #fff;top: 7px;left: 0px;position: absolute; }
.submail-products-icon-nav-1 .submail-products-icon-nav{-webkit-transition: -webkit-transform 0.2s 0.2s;transition: -webkit-transform 0.2s 0.2s;transition: transform 0.2s 0.2s;transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.submail-products-icon-nav-2 .submail-products-icon-nav{transition: .2s cubic-bezier(0.935, 0.010, 0.270, 1.000) opacity;}
.submail-products-icon-nav-3 .submail-products-icon-nav{-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px)}
.mdl-layout__header--large-screen-menu-model #menu-products label{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mdl-layout__header--large-screen-menu-model .submail-products-icon-nav-1{-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.mdl-layout__header--large-screen-menu-model .submail-products-icon-nav-2 .submail-products-icon-nav{opacity: 0;}
.mdl-layout__header--large-screen-menu-model .submail-products-icon-nav-3{-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.mdl-layout__header--large-screen-menu-model .submail-products-icon-nav-1 .submail-products-icon-nav{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 0;transition-delay: 0}
.mdl-layout__header--large-screen-menu-model .submail-products-icon-nav-3 .submail-products-icon-nav{-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.mdl-submail-large-screen-navigation-product-container li{opacity: 0;pointer-events: none;-webkit-transform: scale(1.1) translateY(-24px);-ms-transform: scale(1.1) translateY(-24px);transform: scale(1.1) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(1){-webkit-transition-delay: 300ms, 300ms;transition-delay: 300ms, 300ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(2){-webkit-transition-delay: 300ms, 300ms;transition-delay: 350ms, 350ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(3){-webkit-transition-delay: 300ms, 300ms;transition-delay: 400ms, 400ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(4){-webkit-transition-delay: 300ms, 300ms;transition-delay: 450ms, 450ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(5){-webkit-transition-delay: 300ms, 300ms;transition-delay: 500ms, 500ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(6){-webkit-transition-delay: 300ms, 300ms;transition-delay: 550ms, 550ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(7){-webkit-transition-delay: 300ms, 300ms;transition-delay: 600ms, 600ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(8){-webkit-transition-delay: 300ms, 300ms;transition-delay: 650ms, 650ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(9){-webkit-transition-delay: 300ms, 300ms;transition-delay: 700ms, 700ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(10){-webkit-transition-delay: 300ms, 300ms;transition-delay: 750ms, 750ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(11){-webkit-transition-delay: 300ms, 300ms;transition-delay: 800ms, 800ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-product-container li:nth-child(12){-webkit-transition-delay: 300ms, 300ms;transition-delay: 850ms, 850ms}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-container{border-top-color:rgba(100,100,100,0.4);}
.mdl-layout__header--large-screen-menu-model .mdl-submail-large-screen-navigation-menu-cell{border-right-color:rgba(100,100,100,0.4);}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(1){-webkit-transition-delay: 300ms, 300ms;transition-delay: 300ms, 300ms}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(2){-webkit-transition-delay: 300ms, 300ms;transition-delay: 350ms, 350ms}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(3){-webkit-transition-delay: 300ms, 300ms;transition-delay: 400ms, 400ms}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(4){-webkit-transition-delay: 300ms, 300ms;transition-delay: 450ms, 450ms}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(5){-webkit-transition-delay: 300ms, 300ms;transition-delay: 500ms, 500ms}
.mdl-layout__header--large-screen-menu-model .mdl-navigetion-sections-container > div:nth-child(6){-webkit-transition-delay: 300ms, 300ms;transition-delay: 550ms, 550ms}
/*定义headerå°å±èœå•æ¨¡å¼åŠ¨ç”»*/
.mdl-nav-button-container{position: absolute;width: 51px;height: 51px;right: 2px;top: 2px;}
.mdl-nav-button-container label{display: block;position: absolute;top: 0;width: 51px;height: 51px;cursor: pointer;-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.submail-icon-nav-1,.submail-icon-nav-2,.submail-icon-nav-3{width: 51px;height: 51px;display: block;/*transition: 2.5s cubic-bezier(0.935, 0.010, 0.270, 1.000) all;transform: rotate(0); */position: absolute;top: 0px;left: 0px;-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
.submail-icon-nav{width: 23px;height: 1px; background: #fff;top: 25px;left: 14px;position: absolute; }
.submail-icon-nav-1 .submail-icon-nav{-webkit-transition: -webkit-transform 0.2s 0.2s;transition: -webkit-transform 0.2s 0.2s;transition: transform 0.2s 0.2s;transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
.submail-icon-nav-2 .submail-icon-nav{transition: .2s cubic-bezier(0.935, 0.010, 0.270, 1.000) opacity;}
.submail-icon-nav-3 .submail-icon-nav{-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)}
.mdl-layout__header--menu-model {min-height: 100%;}
.mdl-layout__header--menu-model .mdl-layout__header-background{background: rgba(0,0,0,0.8);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid rgba(200, 200, 200, 0.5);}
.mdl-layout__header--menu-model .mdl-nav-button-container label{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)}
.mdl-layout__header--menu-model .submail-icon-nav-1{-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.mdl-layout__header--menu-model .submail-icon-nav-2 .submail-icon-nav{opacity: 0;}
.mdl-layout__header--menu-model .submail-icon-nav-3{-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.mdl-layout__header--menu-model .submail-icon-nav-1 .submail-icon-nav{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 0;transition-delay: 0}
.mdl-layout__header--menu-model .submail-icon-nav-3 .submail-icon-nav{-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
/*定义大å±èœå•*/
.mdl-submail-large-screen-navigation-container{width: 100%;border-top: 1px solid rgba(100,100,100,0.0);box-sizing: border-box;position: absolute;left: 0px;top: 64px; transition: .3s all;}
.mdl-submail-large-screen-navigation-section{width: 1130px;margin: 0 auto;padding: 0 20px;}
.mdl-submail-large-screen-navigation-product-container{list-style: none;margin: 0;padding: 0;width: 30%;float: left;}
.mdl-submail-large-screen-navigation-product-container li {width: 100%;}
.mdl-submail-large-screen-navigation-product-container .submail-large-screen-navigation-menus-title {margin: 15px 0 5px 0;}
.mdl-submail-large-screen-navigation-product-container .submail-large-screen-navigation-menus-title a{ font-weight: 500;font-size: 18px; color: #fff;}
.mdl-submail-large-screen-navigation-product-container .submail-large-screen-navigation-menus-title a:hover{text-decoration: none;}
.mdl-submail-large-screen-navigation-product-container li a{font-size: 14px;line-height: 34px; text-decoration: none;color: #999; display: block;}
.mdl-submail-large-screen-navigation-product-container li a:hover{text-decoration: underline;}
.mdl-submail-large-screen-navigation-menu-cell{border-right:1px solid rgba(100,100,100,0);box-sizing:border-box;transition: .2s all;}
header.mdl-header-front__dark .mdl-submail-large-screen-navigation-menu-cell{border-right-color:rgba(100,100,100,0.2);}
header.mdl-header-front__dark .mdl-submail-large-screen-navigation-product-container .submail-large-screen-navigation-menus-title a{ color: #333;}
header.mdl-header-front__dark .mdl-submail-large-screen-navigation-product-container li a{fcolor: #666;}
header.mdl-header-front__dark .mdl-submail-large-screen-navigation-container{border-top-color: rgba(100,100,100,0.2);}
header.mdl-header-front__dark .mdl-navigetion-sections{color: #666;}
.mdl-navigetion-sections{opacity: 0;pointer-events: none;-webkit-transform: scale(1.1) translateY(-24px);-ms-transform: scale(1.1) translateY(-24px);transform: scale(1.1) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.mdl-button--accent-onlinechat{font-size: 20px;line-height: 60px;height: auto;width: 60%; margin: 20px 0;font-weight: 300; box-shadow: none;}
.online-chat-dec{font-size: 12px;color: #ccc;width: 80%;}
.online-chat-time,.submail-nav-tel-number{padding-top: 10px; font-size: 14px;font-weight: 500;}
/*定义å°å±èœå•*/
.submail-small-screen-navigation{position: absolute;top: 80px;left: 0px; right: 0px;bottom: 0px;}
.submail-small-screen-navigation .submail-small-screen-navigation-container{padding: 0px 50px 30px 50px; height: 100%; display: block; overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.submail-small-screen-navigation .submail-small-screen-navigation-container ul{list-style: none;margin: 0;padding:0;display: block;padding-bottom: 80px;visibility: hidden;-webkit-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul{visibility: visible;-webkit-transition-delay: 0s;transition-delay: 0s;}
.submail-small-screen-navigation .submail-small-screen-navigation-container ul li{width: 100%; height: 50px; display: block;border-bottom: 1px solid #626262;opacity: 0;pointer-events: none;-webkit-transform: scale(1.1) translateY(-24px);-ms-transform: scale(1.1) translateY(-24px);transform: scale(1.1) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
/*èœå•å¼¹å‡ºå»¶è¿Ÿ*/
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(1){-webkit-transition-delay: 300ms, 300ms;transition-delay: 300ms, 300ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(2){-webkit-transition-delay: 300ms, 300ms;transition-delay: 350ms, 350ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(3){-webkit-transition-delay: 300ms, 300ms;transition-delay: 400ms, 400ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(4){-webkit-transition-delay: 300ms, 300ms;transition-delay: 450ms, 450ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(5){-webkit-transition-delay: 300ms, 300ms;transition-delay: 500ms, 500ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(6){-webkit-transition-delay: 300ms, 300ms;transition-delay: 550ms, 550ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(7){-webkit-transition-delay: 300ms, 300ms;transition-delay: 600ms, 600ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(8){-webkit-transition-delay: 300ms, 300ms;transition-delay: 650ms, 650ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(9){-webkit-transition-delay: 300ms, 300ms;transition-delay: 700ms, 700ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(10){-webkit-transition-delay: 300ms, 300ms;transition-delay: 750ms, 750ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(11){-webkit-transition-delay: 300ms, 300ms;transition-delay: 800ms, 800ms}
.mdl-layout__header--menu-model .submail-small-screen-navigation .submail-small-screen-navigation-container ul li:nth-child(12){-webkit-transition-delay: 300ms, 300ms;transition-delay: 850ms, 850ms}
.mdl-btn-container{height: auto !important; border-bottom: none !important; margin-top: 10px;}
.mdl-btn-container a{line-height: 36px !important; font-size: 14px !important;}
.mdl-btn-container .mdl-button--white-primary{color: rgb(0, 132, 249);}
.mdl-btn-container .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab {color: rgb(255, 255, 255);}
.submail-small-screen-navigation .submail-small-screen-navigation-container ul li a{color: #fff;display: block; line-height: 60px;text-decoration: none; font-size: 18px; font-weight: 300;}
/*定义banner*/
main{margin-top:-64px;}
.mainbgimage{background: url(../images/main-bg@2x.png) no-repeat bottom center; background-size:100% 750px;}
.mdl-button--white-primary.mdl-button--white-primary {color: rgb(255,255,255); }
.mdl-button--white-primary.mdl-button--white-primary .mdl-ripple {background: rgb(0, 132, 249); }
.mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab {color: rgb(0, 132, 249);background-color: rgb(255,255,255); }
.mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab {color: rgb(255, 255, 255);background-color: rgb(59,181,248); }
body.mail .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab {color: rgb(255, 255, 255);background-color: #007ffc; }
body.sms .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #3fbb93}
body.sms_online .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #6c29ed}
body.sms_api .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #2761ff}
body.intersms .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #32CACA}
body.voice .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #37DFED}
body.mobiledata .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--raised, .mdl-button--submail-primary.mdl-button--submail-primary.mdl-button--fab{color: rgb(255, 255, 255);background-color: #F45C5A}
.mdl-button--submail__lg{font-size: 20px; padding: 5px 80px;height: auto;font-weight: 400 !important;box-shadow: none;}
.mdl-button--nav{box-shadow: none;}
.mdl-layout__header-row .mdl-navigation__link{font-size: 16px; font-weight: 800;box-sizing: border-box;height: 64px;line-height: 64px; border-bottom:3px solid transparent;}
.mdl-navigation__link.is-active{border-bottom-color: #f3f3f3;}
.mdl-header-background__light .mdl-navigation__link.is-active{border-bottom-color: #2CFFFE;}
.mdl-menu-products{min-width: 200px;}
.mdl-menu-products a{color: #333;text-decoration: none;display: block;line-height: 48px; font-weight: 300;}
.mdl-menu-products a i{font-size: 18px; padding-right: 5px; padding-left: 5px; vertical-align: middle ;}
/*主页BANNER*/
.mainsectin-container{height: 800px;width: 100%;display:block;position: relative;overflow:hidden; z-index: 1;}
.maincolerray{background: #20cdf2;background: -moz-linear-gradient(left, #20cdf2 0%, #5a98ff 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #20cdf2), color-stop(100%, #5a98ff));background: -webkit-linear-gradient(left, #20cdf2 0%, #5a98ff 100%);background: -o-linear-gradient(left, #20cdf2 0%, #5a98ff 100%);background: -ms-linear-gradient(left, #20cdf2 0%, #5a98ff 100%);background: linear-gradient(to right, #20cdf2 0%, #5a98ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20cdf2', endColorstr='#5a98ff', GradientType=1 );}
.banner-wrapper{ display: table; margin: 0 auto;height: 100%;}
.banner-cell{ display: table-cell;vertical-align: middle;}
.banner-content{text-align: center;color: #fff;}
.banner-slogen {padding-top: 150px; max-width: 740px; margin: 0 auto;}
.banner-slogen h3{font-weight: 500;line-height: 50px;}
.banner-products,.banner-signup,.banner-video{margin-top: 50px;}
.banner-products a{display: inline-block;padding: 5px; color: #fff;text-decoration: none;box-sizing: border-box;text-align: center; margin:40px 50px 20px 50px;}
.banner-products a span{display: block;padding-top: 30px; font-size: 18px;}
.banner-signup button{font-size: 20px; padding: 5px 80px;height: auto;color: #3DB7F6 !important;font-weight: 400 !important;}
.banner-video a {color: #fff; text-decoration: none;font-size: 18px; font-weight: 300;}
.banner-video a svg{width: 24px;height: 24px;color: #fff;margin-right: 5px;margin-bottom: 5px;}
.banner-products a img{transition: 0.2s;position: relative;top:0px;}
.banner-products a:hover img{top:-10px;}
/*çŸä¿¡BANNER*/
.sms .banner-slogen h1{color: #009374; font-weight: 500;}
.sms .banner-dec{max-width: 780px; margin: 0 auto;padding: 0 20px; font-weight: 500 !important;}
.sms .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #009374 !important;}
.sms_online .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #6c29ed !important;}
.sms_api .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #2761ff !important;}
.sms-banner-ele-a{top: 25%;left: 80%;-webkit-animation:waves-ele-a-2 3s linear infinite;-moz-animation:waves-ele-a-2 3s linear infinite;-o-animation:waves-ele-a-2 3s linear infinite;animation:waves-ele-a-2 3s linear infinite;}
.sms-banner-ele-g{bottom: 0px;left: 0px; z-index: 8;width: 2000%;height: 105px; opacity: .4; background: url(../images/sms-banner-ele-g.svg) repeat; -webkit-animation:waves-ele-f 120s linear infinite;-moz-animation:waves-ele-f 120s linear infinite;-o-animation:waves-ele-f 120s linear infinite;animation:waves-ele-g 120s linear infinite;}
.sms-banner-ele-h{bottom: -90px;left: 0px; z-index: 9;width: 2000%; height: 200px; opacity: .3; background: url(../images/sms-banner-ele-h.svg) repeat; -webkit-animation:waves-ele-f 140s linear infinite;-moz-animation:waves-ele-f 140s linear infinite;-o-animation:waves-ele-f 140s linear infinite;animation:waves-ele-f 140s linear infinite;}
.sms-banner-ele-f{bottom: -30px;left: 0px; z-index: 10;width: 2000%;height: 138px; opacity: .7; background: url(../images/sms-banner-ele-f.svg) repeat bottom left; -webkit-animation:waves-ele-f 100s linear infinite;-moz-animation:waves-ele-f 100s linear infinite;-o-animation:waves-ele-f 100s linear infinite;animation:waves-ele-f 100s linear infinite;}
.sms-banner-ele-d{bottom: -40px;left: 15%; z-index: 7;}
.sms-banner-ele-e{bottom: 0px;left: 11%; z-index: 6;-webkit-animation:waves-ele-e 10s linear infinite;-moz-animation:waves-ele-e 10s linear infinite;-o-animation:waves-ele-e 10s linear infinite;animation:waves-ele-e 10s linear infinite; }
.sms-banner-ele-c{top: 21.5%;left: 45%; z-index: 3;-webkit-animation:waves-ele-c-2 4s linear infinite;-moz-animation:waves-ele-c-2 4s linear infinite;-o-animation:waves-ele-c-2 4s linear infinite;animation:waves-ele-c-2 4s linear infinite;}
.sms-banner-ele-b{top: 22%;left: 7%; z-index: 4;-webkit-animation:waves-ele-b-3 5s linear infinite;-moz-animation:waves-ele-b-3 5s linear infinite;-o-animation:waves-ele-b-3 5s linear infinite;animation:waves-ele-b-3 5s linear infinite;}
.sms-banner-ele-b-2{top: 22%;left: 38%; z-index: 5;-webkit-animation:waves-ele-b-2 4s linear infinite;-moz-animation:waves-ele-b-2 4s linear infinite;-o-animation:waves-ele-b-2 4s linear infinite;animation:waves-ele-b-2 4s linear infinite;}
.sms .banner-btn-container{margin-top: 50px;}
.sms .banner-btn-container a{font-size: 18px;color: #00765d !important; text-decoration: none; padding: 5px 15px; line-height: 32px;}
.sms .banner-btn-container a:hover{text-decoration: underline;}
/*.sms .maincolerray{background: #00dbc4;
background: -moz-linear-gradient(left, #00dbc4 0%, #0ed595 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #00dbc4), color-stop(100%, #0ed595));
background: -webkit-linear-gradient(left, #00dbc4 0%, #0ed595 100%);
background: -o-linear-gradient(left, #00dbc4 0%, #0ed595 100%);
background: -ms-linear-gradient(left, #00dbc4 0%, #0ed595 100%);
background: linear-gradient(to right, #00dbc4 0%, #0ed595 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbc4', endColorstr='#0ed595', GradientType=1 );}*/
.sms .mainsectin-container{height: 900px}
.sms .maincolerray{background: rgba(255,255,255,1);}
.sms_online .arc_box {position: absolute;width: 120%;height: 870px;text-align: center;color: #fff;z-index:-1;left: -10%;border-radius:0 0 50% 50%;overflow: hidden;background: rgba(79,69,193,1);
background: -moz-linear-gradient(45deg, rgba(79,69,193,1) 0%, rgba(137,25,218,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(79,69,193,1)), color-stop(100%, rgba(137,25,218,1)));
background: -webkit-linear-gradient(45deg, rgba(79,69,193,1) 0%, rgba(137,25,218,1) 100%);
background: -o-linear-gradient(45deg, rgba(79,69,193,1) 0%, rgba(137,25,218,1) 100%);
background: -ms-linear-gradient(45deg, rgba(79,69,193,1) 0%, rgba(137,25,218,1) 100%);
background: linear-gradient(45deg, rgba(79,69,193,1) 0%, rgba(137,25,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f45c1', endColorstr='#8919da', GradientType=1 );}
.sms_api .arc_box {position: absolute;width: 120%;height: 870px;text-align: center;color: #fff;z-index:-1;left: -10%;border-radius:0 0 50% 50%;overflow: hidden;background: rgba(41,83,235,1);
background: -moz-linear-gradient(45deg, rgba(41,83,235,1) 0%, rgba(48,170,240,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(41,83,235,1)), color-stop(100%, rgba(48,170,240,1)));
background: -webkit-linear-gradient(45deg, rgba(41,83,235,1) 0%, rgba(48,170,240,1) 100%);
background: -o-linear-gradient(45deg, rgba(41,83,235,1) 0%, rgba(48,170,240,1) 100%);
background: -ms-linear-gradient(45deg, rgba(41,83,235,1) 0%, rgba(48,170,240,1) 100%);
background: linear-gradient(45deg, rgba(41,83,235,1) 0%, rgba(48,170,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2953eb', endColorstr='#30aaf0', GradientType=1 );}
.sms_online .mdl-tabs.is-upgraded .mdl-tabs__tab{margin-left: calc(50% - 27px);font-size: 18px;padding: 0;width: 54px;text-align: center;}
.sms_online .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:#6c29ed;}
.sms_online .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{background:#6c29ed;}
.sms_api .mdl-tabs.is-upgraded .mdl-tabs__tab{margin-left: calc(50% - 27px);font-size: 18px;padding: 0;width: 54px;text-align: center;}
.sms_api .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:#2761ff;}
.sms_api .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{background:#2761ff;}
.sms-custom-img{margin: 20px 20px;box-shadow: 0 0 6px #ddd;padding: 20px 12px;}
.sms-custom-img img{width: 100%;}
.sms_online .online-label{background: #6c29ed;color:#fff;width: 24px;height: 24px;display: inline-block;border-radius: 12px;line-height: 24px;margin-right: 8px;font-weight: 500;}
.sms_api .online-label{background: #2761ff;color:#fff;width: 24px;height: 24px;display: inline-block;border-radius: 12px;line-height: 24px;margin-right: 8px;font-weight: 500;}
.zoomIn {-webkit-animation:zoomIn 1.5s linear forwards;-moz-animation:zoomIn 1.5s forwards;-o-animation:zoomIn 1.5s forwards;animation:zoomIn 1.5s forwards; }
.zoomIndelay__1{ transform: scale3d(.0, .0, .0); -webkit-animation:zoomIn 1.5s .2s linear forwards;-moz-animation:zoomIn 1.5s .2s forwards;-o-animation:zoomIn 1.5s .2s forwards;animation:zoomIn 1.5s .2s forwards; }
.zoomIndelay__2{ transform: scale3d(.0, .0, .0); -webkit-animation:zoomIn 1.5s .5s linear forwards;-moz-animation:zoomIn 1.5s .5s forwards;-o-animation:zoomIn 1.5s .5s forwards;animation:zoomIn 1.5s .5s forwards; }
.switch_animate{display: block;position: relative;}
.switch_animate .img_switch_ani2{animation:flyUpFadeIn 0.4s .2s ease-in forwards;-webkit-animation: flyUpFadeIn 0.4s .2s ease-in forwards;-moz-animation: flyUpFadeIn 0.4s .2s ease-in forwards;-o-animation: flyUpFadeIn 0.4s .2s ease-in forwards; }
.switch_animate .img_switch_ani3{animation:contentFadeIn 0.4s 0.7s ease-in forwards;-webkit-animation:contentFadeIn 0.4s 0.7s ease-in forwards;-moz-animation:contentFadeIn 0.4s 0.7s ease-in forwards;-o-animation:contentFadeIn 0.4s 0.7s ease-in forwards;}
.sms_point_right{position: absolute;z-index: 1;margin-top: 154px;height: 20px;}
.learn_detail_btn:hover{color:#007ffc !important;}
.sms_online .cooperation_case{margin-left: 10px;height:24px;line-height: 24px;font-size: 20px;font-weight: 600;color:#6c29ed;border-left: solid 4px #6c29ed;text-indent: 0.8em;}
.sms_api .cooperation_case{margin-left: 10px;height:24px;line-height: 24px;font-size: 20px;font-weight: 600;color:#2761ff;border-left: solid 4px #2761ff;text-indent: 0.8em;}
.sms_online .mdl-button--color{border-radius: 4px;box-shadow: inherit;background: #16cff0;height: 44px;line-height: 44px;}
.sms_api .mdl-button--color{border-radius: 4px;box-shadow: inherit;background: #2761ff;height: 44px;line-height: 44px;}
.sms_online .section-title{font-weight: 500;color:#6c29ed}
.sms_api .section-title{font-weight: 500;color:#2761ff}
.test-send-speed{background: #fff;height: 300px;border-radius: 8px;border:solid 1px #fefefe;box-shadow: 0 2px 4px #eee;color:#333;padding: 40px 60px;}
/*彩信è½åœ°é¡µ*/
.mms .fadeIn{width:90%;display: block;float: right;transform: translateX(100%);-webkit-animation:mms_fade_in .5s linear forwards;-moz-animation:mms_fade_in .5s forwards;-o-animation:mms_fade_in .5s forwards;animation:mms_fade_in .5s forwards; }
@keyframes mms_fade_in{
0%{
transform: translateX(100%);
}
100%{
transform: translateX(0);
}
}
.mms a:hover{text-decoration: none;}
.mms .mdl-tabs__tab-bar{border-bottom-color: #eee;}
.mms .mdl-font-18 .mdl-tabs__tab{font-size: 18px;}
.mms .mainsectin-container{height: 600px;}
.text846d75{color:#846d75;}
.mms .maincolerray{
background: rgba(255,65,113,1);
background: -moz-linear-gradient(left, rgba(255,65,113,1) 0%, rgba(255,75,120,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,65,113,1)), color-stop(100%, rgba(255,75,120,1)));
background: -webkit-linear-gradient(left, rgba(255,65,113,1) 0%, rgba(255,75,120,1) 100%);
background: -o-linear-gradient(left, rgba(255,65,113,1) 0%, rgba(255,75,120,1) 100%);
background: -ms-linear-gradient(left, rgba(255,65,113,1) 0%, rgba(255,75,120,1) 100%);
background: linear-gradient(to right, rgba(255,65,113,1) 0%, rgba(255,75,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4171', endColorstr='#ff4b78', GradientType=1 );}
.mms .first-section [class^=col]{border-right: 4px #fff solid;background-color: #fff8fa;border-bottom: #fff solid 3px;padding-top:15px;padding-bottom: 15px;}
.mms .first-section [class^=col]:last-child{border-right: none;}
.mms .section-title{text-align: center;font-size: 26px;font-weight: 500;margin:15px 0;}
.mms .section-sec-title{text-align: center;color:#777;margin-bottom: 40px;}
.mms .mdl-js-tabs{margin-top: 40px;margin-bottom: 40px;}
.mms .mdl-tabs__tab{padding: 0;}
.mms .mdl-js-tabs .mdl-tabs__tab-bar{justify-content: space-around;}
.mms .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:#ff4169;}
.mms .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{background-color: #ff4169;height: 4px;}
.mms .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:#ff4169;}
.mms .mdl-tabs__tab-bar a:hover{color:#ff4169;}
.mms .mdl-signup-container .mdl-button{background-color: #ff4169;}
.mms .mdl-color--grey-200.footersection{background-color: #fff !important;}
.mms .mdl-tabs-with-img .mdl-tabs__tab{height: 100px;}
.mms .mdl-tabs-with-img .mdl-tabs__tab-bar{border-bottom: none;}
.mms .mdl-tabs-with-img.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:#000;}
.mms .mdl-tabs-with-img .mdl-tabs__tab-bar a{width: 25%;height: 162px;overflow: visible;}
.mms .mdl-tabs-with-img .mdl-tabs__tab-bar a:hover{color:#000;}
.mms .mdl-tabs-with-img .mdl-tabs__tab-bar{height: inherit;}
.mms .mdl-tabs-with-img .mdl-tabs__panel{background-color: #fff;border-radius: 4px;box-shadow: 0 0 4px #efefef;}
.mms .mdl-tabs-with-img .full-tabs__tab{width: 100%;height: 100%;position: relative;color:#000;}
.mms .mdl-tabs-with-img .mdl-tabs__tab:not(:last-child) .full-tabs__tab:after{content:"";position: absolute;width: 20px;height:20px;background:url(../images/mms/point.svg) no-repeat center;background-size: 100% 100%;top:26px;right:0;margin-right: -10px;}
/*国际çŸä¿¡BANNER*/
.intersms-banner-ele-a{width: 1600px;height: 800px;z-index: 1;background: url(../images/intersms-banner-bg-a.svg) no-repeat top left;background-size: 1600px 850px;top: -200px;left: -900px;}
.intersms-banner-ele-b{width: 800px;height: 400px; z-index: 1;background: url(../images/intersms-banner-bg-b.svg) no-repeat bottom left;background-size: 800px 400px;bottom: -0px;right: -400px;opacity: .5;}
.intersms-banner-ele-c{width: 1000px;height: 1000px;z-index: 10;background: url(../images/intersms-banner-bg-c.svg) no-repeat bottom left;background-size: 1000px 800px;bottom: -150px;left: 50%;margin-left: -500px;}
.intersms .banner-slogen h1{font-weight: 500;}
.intersms .banner-dec{max-width: 780px; margin: 0 auto;padding: 0 20px; }
.intersms .banner-dec h4{font-weight: 500 !important;}
.intersms .banner-btn-container{margin-top: 50px;}
.intersms .banner-btn-container a{font-size: 18px;color: #fff !important; text-decoration: none; padding: 5px 15px; line-height: 32px;}
.intersms .banner-btn-container a:hover{text-decoration: underline;}
.intersms .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #1FCBCA !important;}
.intersms .maincolerray{background: #39dab7;
background: -moz-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #39dab7), color-stop(100%, #19bcdd));
background: -webkit-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -o-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: -ms-linear-gradient(left, #39dab7 0%, #19bcdd 100%);
background: linear-gradient(to right, #39dab7 0%, #19bcdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dab7', endColorstr='#19bcdd', GradientType=1 );}
/*手机æµé‡BANNER*/
.mobiledata-banner-ele-a{width: 100%;height: 800px;z-index: 1;background: url(../images/mobiledata-banner.png) no-repeat center center;background-size: 2048px 646px;}
.mobiledata .banner-slogen h1{font-weight: 500;}
.mobiledata .banner-dec{max-width: 780px; margin: 0 auto;padding: 0 20px; }
.mobiledata .banner-dec h4{font-weight: 500 !important;}
.mobiledata .banner-btn-container{margin-top: 50px;}
.mobiledata .banner-btn-container a{font-size: 18px;color: #fff !important; text-decoration: none; padding: 5px 15px; line-height: 32px;}
.mobiledata .banner-btn-container a:hover{text-decoration: underline;}
.mobiledata .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #FD6265 !important;}
.mobiledata .maincolerray{background: #ff6562;
background: -moz-linear-gradient(left, #ff6562 0%, #fd4b6c 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ff6562), color-stop(100%, #fd4b6c));
background: -webkit-linear-gradient(left, #ff6562 0%, #fd4b6c 100%);
background: -o-linear-gradient(left, #ff6562 0%, #fd4b6c 100%);
background: -ms-linear-gradient(left, #ff6562 0%, #fd4b6c 100%);
background: linear-gradient(to right, #ff6562 0%, #fd4b6c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6562', endColorstr='#fd4b6c', GradientType=1 );}
/*内容*/
/*邮件BANNER*/
.mail .banner-slogen h1{font-weight: 500;}
.mail .banner-dec{max-width: 780px; margin: 0 auto;padding: 0 20px; }
.mail .banner-dec h4{font-weight: 500 !important;}
.mail .banner-btn-container{margin-top: 50px;}
.mail .banner-btn-container a{font-size: 18px;color: #fff !important; text-decoration: none; padding: 5px 15px; line-height: 32px;}
.mail .banner-btn-container a:hover{text-decoration: underline;}
.mail .main-animate-layout{width: 100%;height: 100%;z-index: 1;background: url(../images/mail-banner.png) no-repeat center center;background-size: cover;}
/*è¯éŸ³BANNER*/
.voice .banner-slogen h1{font-weight: 500;}
.voice .banner-dec{max-width: 780px; margin: 0 auto;padding: 0 20px; }
.voice .banner-dec h4{font-weight: 500 !important;}
.voice .banner-btn-container{margin-top: 50px;}
.voice .banner-btn-container a{font-size: 18px;color: #fff !important; text-decoration: none; padding: 5px 15px; line-height: 32px;}
.voice .mdl-button--white-primary.mdl-button--white-primary.mdl-button--raised, .mdl-button--white-primary.mdl-button--white-primary.mdl-button--fab{color: #35E0EC !important;}
.voice .banner-btn-container a:hover{text-decoration: underline;}
.voice .main-animate-layout{width: 100%;height: 100%;z-index: 1;background: url(../images/voice-banner.png) repeat-x top center;background-size: 2048px 564px;}
.voice .maincolerray{background: #3cecff;
background: -moz-linear-gradient(left, #3cecff 0%, #15e3d2 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #3cecff), color-stop(100%, #15e3d2));
background: -webkit-linear-gradient(left, #3cecff 0%, #15e3d2 100%);
background: -o-linear-gradient(left, #3cecff 0%, #15e3d2 100%);
background: -ms-linear-gradient(left, #3cecff 0%, #15e3d2 100%);
background: linear-gradient(to right, #3cecff 0%, #15e3d2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cecff', endColorstr='#15e3d2', GradientType=1 );}
.iphone-display {
background: #111;
background-size: cover;
position: absolute;
left: 68px;
right: 73px;
top: 127px;
bottom: 142px;
}
.main-animate-layout canvas {
position: absolute;
bottom: -40px;
left: 0px;
right: 0px;
opacity: 1;
}
/*内容*/
.main-animate-layout{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;overflow:hidden; z-index: 0;}
.main-animate-layout .banner-ele{position: absolute;}
.product-feature > div{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;margin: 0 auto;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.product-feature-image-container{margin:0 8px; width: calc(30% - 16px);box-sizing: border-box;}
.product-feature-des-container{margin:0 8px; width: calc(70% - 16px);box-sizing: border-box;}
.product-feature-des-container h4{padding-top: 0;margin-top: 0; margin-bottom: 3px; font-weight:500;}
.product-feature-des-container p{color: #666;margin-bottom: 0;font-weight:500;}
.product-feature > div:nth-child(1),.product-feature > div:nth-child(2),.product-feature > div:nth-child(3){border-right: 1px solid #bbb;}
/*首页*/
.mdl-signup-container{padding:50px 0;}
.mdl-dec-container{max-width: 800px;padding: 0 20px 20px 20px; margin: 0 auto;}
.mdl-dec-container h5{line-height: 30px;}
.mdl-brand-container{margin-top: 20px;width: 100%;height: 78px;display: block;overflow:hidden;position: relative;}
.mdl-content-section{max-width: 11550px; margin: 0 auto; padding: 15px 0;}
.mdl-content-section hr{margin: 0; border-top-color: #f3f3f3;}
.mdl-brand-cell{text-align: center; max-height: 58px;width: 25%;margin: 0;padding: 0;}
.mdl-brand-cell img{height:58px;width: auto;}
.mdl-main-section2 .mdl-cell{padding: 10px 20px 0;}
.mdl-brand-slider{/*position: absolute;top:0px;*/ padding: 0;
}
.mdl-brand-slider-cell{position: absolute;left: 0px; display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
/*opacity: 0;*/
}
/*çŸä¿¡äº§å“页*/
.max-width{max-width: 200px;margin:0 auto;display: block;text-align: left;}
.mdl_sms_re{position: relative;}
.dashed_line{position: absolute;left: 61%;top: 26px;width: 82%;height: 2px;border-top: 1px #1dc998 dashed;display: block;}
.dashed_line-voice{border-top-color: #2CDFED !important;}
.dashed_line-int{border-top-color: #0ecbcb !important;}
.dashed_line2{display: block;}
.small_none{display: block;}
.bold_text{font-weight: bold;}
/*
.mdl-layout__header--transparent.mdl-layout__header--transparent{
background-color: rgba(0,0,0,0.1);
}*/
/*动画库*/
@keyframes waves-ele-a{
0%,100%{
bottom: -10px;
}
50%{
bottom: -8px;
}
}
@keyframes waves-ele-b{
0%,100%{
bottom: -20px;
}
50%{
bottom: -16px;
}
}
@keyframes waves-ele-c{
0%,100%{
bottom: -60px;
}
50%{
bottom: -50px;
}
}
@keyframes waves-ele-e{
0%,100%{
left: 11%;
}
50%{
left: 10%;
}
}
@keyframes waves-ele-b-3{
0%,100%{
left: 7%;
}
50%{
left: 8%;
/* transform: scale3d(1.05, 1.05, 1.05);*/
}
}
@keyframes waves-ele-b-2{
0%,100%{
left: 38%;
}
50%{
left: 37.5%;
/* transform: scale3d(1.05, 1.05, 1.05);*/
}
}
@keyframes waves-ele-c-2{
0%,100%{
left: 45%;
}
50%{
left: 45.5%;
/* transform: scale3d(1.05, 1.05, 1.05);*/
}
}
@keyframes waves-ele-a-2{
0%,100%{
top: 25%;
}
50%{
top: 26%;
/* transform: scale3d(1.02, 1.02, 1.02);*/
}
}
@keyframes waves-ele-f{
0%{
left: -0%;
}
100%{
left: -1900%;
}
}
@keyframes waves-ele-g{
0%{
left: -1900%;
}
100%{
left: -0%;
}
}
@keyframes zoomIn {
0% {
opacity: 0.1;
transform: scale3d(.01, .01, .01);
-webkit-filter: blur(113px);
-moz-filter: blur(113px);
-o-filter: blur(113px);
-ms-filter: blur(113px);
filter: blur(113px);
}
55%{
opacity: 1;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
65%{
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes mouseoverslideUp {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes flyUpFadeIn{
0%{
opacity: 0;
top: 104px;
}
100%{
opacity: 1;
top: 84px;
}
}
@keyframes contentFadeIn{
0%{
opacity: 0;
top: 116px;
}
100%{
opacity: 1;
top: 106px;
}
}
/* å“应å¼æ¡†æž¶ */
@media screen and (max-width: 450px) {
.mms .mdl-tabs-with-img .mdl-tabs__tab .full-tabs__tab:after{content:"";display: none;}
.sms-banner-ele-b-2,.sms-banner-ele-d,.sms-banner-ele-e{display: none;}
.product-feature > div:nth-child(2){border-right: 1px solid transparent;}
.sms .banner-btn-container{margin-top: 30px;}
.sms .banner-btn-container a{font-size: 12px;color: #00765d !important; text-decoration: none; padding: 5px 5px; line-height: 32px;}
.intersms .banner-dec h4{font-size: 16px; line-height: 18px;}
.dashed_line2{display: none;}
.mdl-brand-container{height: 136px;}
.mdl-brand-cell{width: 50%;}
.mdl-brand-cell img{height: 40px;}
.small_none{display: none;}
.sms-custom-img{margin: 0;}
.test-send-speed{padding:8px;}
.test-send-speed .right-page{display: none;}
}
@media screen and (max-width: 768px) {
.banner-slogen h3{font-size: 20px;}
.banner-slogen h1{font-size: 28px;}
.mainsectin-container{height: 400px;}
.banner-slogen {padding-top: 100px; padding-left: 20px; padding-right: 20px; max-width: 300px; margin: 0 auto;}
.banner-slogen h3{font-weight: 500;line-height: 36px;}
.mainbgimage{background: url(../images/main-bg@2x.png) no-repeat center bottom; background-size: 100% 400px;}
.sms .banner-slogen h1{font-size: 24px;}
.banner-dec {max-width: 580px;}
.banner-dec h4{font-size: 18px;}
.sms-banner-ele-a,.sms-banner-ele-b,.sms-banner-ele-c,.sms-banner-ele-d,.sms-banner-ele-e{transform: scale3d(.45, .45, .45);}
.sms-banner-ele-b-2{transform: scale3d(.35, .35, .35);}
.sms-banner-ele-a{left: 65%;}
.sms-banner-ele-b{left: 5%;}
.sms-banner-ele-b-2{display: none;}
.test-send-speed{padding:8px;}
.test-send-speed .right-page{display: none;}
}
@media screen and (max-width: 1024px) {
.sms .banner-btn-container,.intersms .banner-btn-container{margin-top: 30px;}
.banner-products{display: none;}
.banner-slogen {padding-top: 120px;padding-left: 20px; padding-right: 20px; max-width: 600px; margin: 0 auto;}
.mainsectin-container{height: 500px;}
.banner-slogen h3{font-weight: 500;line-height: 44px;}
.banner-slogen h1{font-size: 32px;}
.mainbgimage{background: url(../images/main-bg@2x.png) no-repeat center bottom; background-size: 100% 500px;}
.sms-banner-ele-a,.sms-banner-ele-b,.sms-banner-ele-c,.sms-banner-ele-d,.sms-banner-ele-e{transform: scale3d(.75, .75, .75);}
.sms-banner-ele-b-2{transform: scale3d(.45, .45, .45);}
.product-feature-des-container h4{font-size: 16px;margin-bottom:0; line-height: 24px; }
.intersms-banner-ele-a,.intersms-banner-ele-b,.intersms-banner-ele-c{transform: scale3d(.45, .45, .45);}
.intersms-banner-ele-c{bottom: -300px;}
.intersms-banner-ele-a{top: -300px;}
.intersms-banner-ele-b{bottom: -100px;}
.banner-dec h4{font-size: 20px;}
}
@media screen and (max-width: 1200px) {
.switch_animate{display: none;}
.sms_point_right{display: none;}
header .mdl-layout__header-row{width: 100%;}
.mdl-submail-large-screen-navigation-section{width: 100%;}
}