@import url("../common.css");
section.panel .panel-heading h3{
    font-size: 24px;
    color: #20273c;
    text-align: center;
    padding-top:40px;
    padding-bottom:40px;
    margin:0;
}
section.panel .panel-body h3{
    font-size: 24px;
    color: #333;
    text-align: left;
    padding-top:40px;
    padding-bottom:40px;
}
.no-padding-col {
    padding: 0;
}

header {
    position: absolute;
    z-index: 1029;
    top:0;
    height:auto;
    width: 100%;
}

header .carousel-inner .banner-content{
    position: absolute;
    top: 20px;
    width: 175px;
    left: 15px;
    color: #fff;
}
header .carousel-inner .banner-content .banner-content-title, header .carousel-inner .banner-content .banner-content-intro {
    text-align: left;
}
header .carousel-inner .banner-content .banner-content-title{
    font-size: 16px;
    padding-bottom: 5px;
}
header .carousel-inner .banner-content .banner-content-intro {
    font-size: 12px;
    margin: 0 0 5px;
}

header .carousel-inner .banner-content .banner-content-anchor {
    font-size: 12px;
    text-align: left;
    padding: 5px 0;
}
header .carousel-inner .banner-content .banner-content-anchor > a {
    display: inline-block;
    padding: 5px 25px;
    background-color: #fff;
    color: #0e267b;
    border: 1px solid #fff;
    border-radius: 300px;
    transition: box-shadow 0.5s, transform 0.5s;
}

header .carousel-inner .banner-content .banner-content-anchor > a:hover {
    -moz-box-shadow:1px 1px 10px #fff;
    -webkit-box-shadow:1px 1px 10px #fff;
    box-shadow:1px 1px 10px #fff;
}

section#sub-navigation{
    position: absolute;
    width: 100%;
    z-index: 1029;
    border: none;
    background-color: transparent;
}

section .sub-navigation{
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
}

@media (min-width: 1200px) {
    section#sub-navigation{
        position: absolute;
        width: 1007px;
        left: -webkit-calc((100% - 1007px)/2);
        left: calc((100% - 1007px)/2);
        z-index: 1029;
        border: none;
        background-color: transparent;
    }
}

section .sub-navigation .navigation .navigation-item {
    display: inline-block;
    width: -webkit-calc(25% - 6px);
    width: calc(25% - 6px);
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid transparent;
}

section .sub-navigation .navigation .navigation-item a {
    font-size: 14px;
    color: #999;
}
section .sub-navigation .navigation .navigation-item.active {
    border-bottom-color: #397cf0;
}
section .sub-navigation .navigation .navigation-item:hover a, section .sub-navigation .navigation .navigation-item.active a {
    color: #397cf0;
}

@media (max-width: 1199px) {
    header .carousel-inner .banner-content{
        position: absolute;
        top: 15%;
        width: 80%;
        left: 10%;
        right: auto;
    }
}
@media (min-width: 1200px) {
    header .carousel-inner .banner-content{
        position: absolute;
        top: 30%;
        width: 475px;
        left: -webkit-calc((100% - 1170px)/2 + 15px);
        left: calc((100% - 1170px)/2 + 15px);
        right: auto;
    }
    section .sub-navigation{
        width: 1007px;
    }
}


@media (min-width: 768px) {
    header .carousel-inner .banner-content .banner-content-title, header .carousel-inner .banner-content .banner-content-intro {
        text-align: left;
    }
    header .carousel-inner .banner-content .banner-content-title{
        font-size: 30px;
        padding-bottom: 5px;
    }
    header .carousel-inner .banner-content .banner-content-intro {
        font-size: 16px;
        margin: 20px 0 60px;
    }

    header .carousel-inner .banner-content .banner-content-anchor {
        font-size: 20px;
        text-align: left;
        padding: 10px 0;
    }
    header .carousel-inner .banner-content .banner-content-anchor > a {
        display: inline-block;
        padding: 10px 25px;
        background-color: #fff;
        color: #0e267b;
        border: 1px solid #fff;
        border-radius: 300px;
    }
}


.intro {
    background-color: #ffffff;
}
.intro .panel-body {
    padding: 0;
}

.intro .panel-body .panel-col .panel-col-intro{
    margin: 0 auto;
    padding: 15px 15px 60px;
    text-align: left;
    font-size: 18px;
    color: #333;
}
.intro .panel-body .panel-col .sms-tips-text-left, .intro .panel-body .panel-col .sms-tips-text-right {
    position: absolute;
    top: 220px;
    left: 392px;
    height: 90px;
    width: 200px;
    border-radius: 10px;
    background-color: #409cf2;
    color: #fff;
    padding: 15px 20px;
    transition: box-shadow 0.5s, transform 0.5s;
}
.intro .panel-body .panel-col .sms-tips-left:hover .sms-tips-text-left, .intro .panel-body .panel-col .sms-tips-right:hover .sms-tips-text-right {
    -moz-box-shadow:10px 10px 20px rgba(64,156,242,0.4);
    -webkit-box-shadow:10px 10px 20px rgba(64,156,242,0.4);
    box-shadow:10px 10px 20px rgba(64,156,242,0.4);
}

.intro .panel-body .panel-col .sms-tips-text-right {
    top: 360px;
    left: 650px;
}

.intro .panel-body .panel-col .sms-tips-angle-left, .intro .panel-body .panel-col .sms-tips-angle-right {
    position: absolute;
    top: 310px;
    left: 550px;
    border-top: 20px solid #409cf2;
    border-left: 20px solid transparent;
}
.intro .panel-body .panel-col .sms-tips-angle-right {
    top: 450px;
    left: 665px;
    border-left: none;
    border-right: 20px solid transparent;
}

.intro .panel-body .panel-col .img > img{
    margin: 0 auto;
    text-align: center;
}



@keyframes show-apply {
    0%{
        right: -1170px; /*Chrome、Safari、Firefox、Opera */
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*  IE8 */
    }

    25%{
        right: -900px; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    50%{
        right: -600px; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    75%{
        right: -300px; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    100%{
        right: 0; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */

    }
}

@keyframes hide-apply {
    0%{
        right: 0; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    25%{
        right: 300px; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    50%{
        right: 600px; /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    75%{
        right: 900px;  /*Chrome、Safari、Firefox、Opera */
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */
    }

    100%{
        right: 1170px;  /*Chrome、Safari、Firefox、Opera */
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*  IE8 */

    }
}



.apply {
    background-color: #f4f7fa;
    border: none;
    padding-bottom: 60px;
}
.apply .panel-body {
    padding: 0;
    border: none;
    position: relative;
}
.apply .no-padding-col {
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 369px;
}

.apply .panel-body .panel-col {
    position: absolute;
    top: 10px;
    right: -1170px;
    width: 100%;
    /*animation: hide-apply 0.5s 1;*/

}
.apply .panel-body .panel-col.active {
    right: 0;
}

.apply .panel-body .panel-col .panel-col-title, .apply .panel-body .panel-col .panel-col-intro {
    width: 100%;
    color: #333;
    font-size: 20px;
}

.apply .panel-body .panel-col .panel-col-title {
    font-weight: bold;
    color: #fff;
}

.apply .panel-body .panel-col .panel-col-title{
    display: inline-block;
    background-color: #397cf0;
    padding: 5px 15px 6px 10px;
    line-height: 35px\9; /*IE8*/
    *line-height: 35px; /* IE7支持 */
    _line-height: 35px; /* IE6支持 */
    -ms-line-height: 35px;/*IE9+支持*/
    -webkit-line-height: 1; /*chrome safair*/
    -moz-line-height: 31px;/*火狐*/
    _height: 39px;
    height: 39px;
    margin-left: 82px;
    border-radius: 5px;
    position: relative;
    width: 70px;
}
/*.apply .panel-body .panel-col .panel-col-title:before {*/
    /*content: '2014';*/
/*}*/

/*.apply .panel-body .panel-col .panel-col-title.title-2015 {*/
    /*content: '2015';*/
/*}*/

/*.apply .panel-body .panel-col .panel-col-title.title-2016 {*/
    /*content: '2016';*/
/*}*/

/*.apply .panel-body .panel-col .panel-col-title.title-2017 {*/
    /*content: '2017';*/
/*}*/

/*.apply .panel-body .panel-col .panel-col-title.title-2018 {*/
    /*content: '2018';*/
/*}*/

.apply .panel-body .panel-col .panel-col-title-angle{
    border-left: none;
    width: 0;
    height: 0;
    left: 63px;
    top: -3px;
    position: absolute;
    border-right: 25px solid #397cf0;
    border-bottom: 22px solid transparent;
    border-top: 23px solid transparent;
    border-radius: 20px;
}

.apply .panel-body .panel-col .panel-col-intro {
    height: 252px;
    margin: 40px 82px;
}



.to-us .panel-heading .panel-heading-bg > img {
    height: 145px;
}

.to-us .panel-heading .data-number {
    font-size: 24px;
    color:#fff;
}

.to-us .panel-heading .data-text {
    font-size: 14px;
    color:#fff;
}

.to-us .panel-body {
    padding: 0;
    position: relative;
}
.to-us .panel-body .panel-body-bg {
    padding:0;
    width: 100%;
}
.to-us .panel-body .panel-body-text {
    padding:0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.to-us .panel-body .panel-content-title {
    width: 100%;
    font-size: 24px;
    text-align: left;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 10px;
}
.to-us .panel-body .panel-content-intro {
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #999;
}
.modalIndex {
    padding-top: 10px;
    z-index: 9999;
}
.to-us .panel-heading .no-padding-col {
    padding: 9px 0;
}
@media (min-width: 768px) {
    .to-us .panel-heading .no-padding-col {
        padding: 29px 0;
    }

    .to-us .panel-heading .data-number {
        font-size: 40px;
        color:#fff;
    }

    .to-us .panel-heading .data-text {
        font-size: 20px;
        color:#fff;
    }
}
.to-us .panel-body .panel-content-play {
    width: 95px;
    margin: -webkit-calc((50% - 112px - 54px)/2) auto 0;
    margin: calc((50% - 112px - 54px)/2) auto 0;
}
.to-us .panel-body .panel-content-play img {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .to-us {
        background-color: #f4f1f4;
    }
    .to-us .panel-body .panel-body-text {
        position: static;
        padding-bottom: 40px;
    }
    .to-us .panel-body .panel-content-title {
        color: #333;
    }
    .to-us .panel-body .panel-content-play {
        width: 22px;
        position: absolute;
        margin: 0;
        left: -webkit-calc((100% - 22px)/2);
        left: calc((100% - 22px)/2);
        top: 40px;
    }
}

.digital {
    background-color: #fff;
    border: none;
    padding-bottom: 60px;
}
.digital .panel-heading {
   padding: 0;
}
section.panel.digital .panel-heading h3 {
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
}


.digital .panel-heading .sub-title {
    font-size: 16px;
    color: #999;
}

.digital .digital-number{
    font-size: 48px;
    color: #999;
    float: left;
}
.digital .digital-number .digital-plus{
    font-size: 30px;
    color: #999;
    float: right;
}
.digital .digital-text{
    font-size: 16px;
    color: #999;
}

.digital .panel-col{
    position: relative;
}

.digital .panel-col .digital-brand{
    position: absolute;
    right: 15px;
    width: -webkit-calc(30% - 40px);
    width: calc(30% - 40px);
    top: -webkit-calc(50% - 85px);
    top: calc(50% - 85px);
    background: #fff;
    border: 1px solid rgba(220,220,220,0.5);
    height: 80px;
    padding: 20px 8px;
    font-size: 13px;
    color: #666;
}

.digital .panel-col .digital-brand-angle-outer{
    position: absolute;
    right: 15px;
    width: -webkit-calc(30% + 30px);
    width: calc(30% + 30px);
    top: -webkit-calc(50% - 45px);
    top: calc(50% - 45px);
    height: 100px;
}
.digital .panel-col .digital-brand-angle-inner{
    position: absolute;
    right: -webkit-calc(30% - 25px);
    right: calc(30% - 25px);
    width: 60px;
    height: 30px;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
}

.digital .panel-col .digital-brand-angle-left{
    position: absolute;
}


.digital .panel-col .digital-brand-angle-bottom{
    position: absolute;
}

.digital .panel-col .digital-brand-angle-inner .digital-brand-angle-bottom {
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 34px;
    transform: skew(-45deg);
    border-top: 1px solid rgba(210,219,225,0.8);
    border-left: 18px solid rgba(210,219,225,0.8);
    border-bottom: 50px solid transparent;
}


.digital .panel-col .digital-brand-angle-inner .digital-brand-angle-left {
    top: -webkit-calc(50% - 15px);
    top: calc(50% - 15px);
    left: 10px;
    transform: skew(0,-45deg);
    border-left: 50px solid transparent;
    border-bottom: 30px solid rgba(210,219,225,0.8);
}

.digital .panel-col .digital-brand-angle-outer .digital-brand-angle-bottom {
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 44px;
    transform: skew(-45deg);
    border-top: 1px solid rgba(243,243,249,0.8);
    border-left: 215px solid rgba(243,243,249,0.8);
    border-bottom: 50px solid transparent;
}


.digital .panel-col .digital-brand-angle-outer .digital-brand-angle-left {
    top: -webkit-calc(50% - 65px);
    top: calc(50% - 65px);
    left: 20px;
    transform: skew(0,-45deg);
    border-left: 50px solid transparent;
    border-bottom: 80px solid rgba(243,243,249,0.8);
}

.digital .panel-col .img{
    width: 80%;
}

@media (min-width: 1200px) {
    .digital .digital-xs-type {
        padding-top: 100px;
    }
}
@media (max-width: 767px) {
    .digital .digital-number{
        font-size: 18px;
        color: #999;
        float: left;
        margin: 0 -15px;
    }
    .digital .digital-number .digital-plus{
        font-size: 14px;
        color: #999;
        float: right;
    }
    .digital .digital-text{
        font-size: 10px;
        color: #999;
        margin: 0 -10px;
    }

    .digital .panel-col .digital-brand{
        position: absolute;
        right: -15px;
        width: 50px;
        top: 30px;
        background: #fff;
        border: 1px solid rgba(220,220,220,0.5);
        height: 165px;
        padding: 3px;
        font-size: 12px;
        color: #666;
    }

    .digital .panel-col .digital-brand-angle-outer{
        position: absolute;
        right: -25px;
        padding-right: 70px;
        width: 120px;
        top: 31px;
        height: 165px;
        overflow: hidden;
    }
    .digital .panel-col .digital-brand-angle-inner{
        display: none;
    }

    .digital .panel-col .digital-brand-angle-left{
        position: absolute;
    }


    .digital .panel-col .digital-brand-angle-bottom{
        position: absolute;
    }


    .digital .panel-col .digital-brand-angle-outer .digital-brand-angle-bottom {
        display: none;
    }


    .digital .panel-col .digital-brand-angle-outer .digital-brand-angle-left {
        position: static;
        margin-top: 30px;
        transform: skew(0,-45deg);
        border-left: 60px solid transparent;
        border-bottom: 35px solid rgba(204,204,204,0.8);
    }

    .digital .panel-col .img {
        width: -webkit-calc(100% + 40px);;
        width: calc(100% + 40px);;
        margin: 20px -20px 0;
    }
}

.advantage {
    background-color: #f8f9fb;
    border: none;
}
.advantage .panel-body {
    padding-bottom: 60px;
    border: none;
    position: relative;
}
.advantage .no-padding-col {
    padding: 0;
}
section.panel.advantage .panel-heading h3 {
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
}
.advantage .panel-heading .sub-title {
    font-size: 16px;
    color: #999;
}

.advantage .panel-body .panel-col {
    position: relative;
    margin: 10px 6px;
    padding:0;
    text-align: center;
    border-radius: 5px;
}

.advantage .panel-body .panel-col .img {
    padding-top: 10px;
    padding-bottom: 10px;
}

.advantage .panel-body .panel-col .img > img {
    margin: 0 auto;
}
.advantage .panel-body .panel-col .panel-col-title {
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 14px;
}


@media (min-width: 768px)  {
    .advantage {
        background-color: #f8f9fb;
    }
    .advantage .panel-body .panel-body-bg {
        height: auto;
    }

    .advantage .panel-body .panel-body-bg > img {
        width: auto;
        height: 547px;
    }
}

@media (min-width: 1920px) {
    .advantage .panel-body .panel-body-text{
    }
    .advantage .panel-body .panel-body-bg > img {
        width: 100%;
        height: auto;
    }
}


@media (max-width: 767px) {
    .advantage .panel-body .panel-col {
        position: relative;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
    }
}



.partners .panel-body{
    padding-bottom: 60px;
}

section.panel.partners .panel-heading h3 {
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
}
.partners .panel-heading .sub-title {
    font-size: 16px;
    color: #999;
}

.partners .carousel-indicators {
    bottom: -50px;
}

.partners .carousel-indicators li {
    border-color: #ccc;
    background-color: #ccc;
}

.partner-block {
    margin: 15px auto;
    border: 1px solid #ccc;
    transition: box-shadow 0.5s, transform 0.5s;
    -moz-box-shadow:1px 1px 9px #ccc;
    -webkit-box-shadow:1px 1px 9px #ccc;
    box-shadow:1px 1px 9px #ccc;
}

.partner-block:hover {
    margin: 15px auto;
    border: 1px solid #ccc;
    -moz-box-shadow:10px 10px 20px #ccc;
    -webkit-box-shadow:10px 10px 20px #ccc;
    box-shadow:10px 10px 20px #ccc;
}


@media (min-width: 768px) {
    .partner-block {
        height:75px;
    }
}
.partner-block img {
    margin: 0 auto;
}

.contract {
    background-color: #fff;
}

.contract .tab .panel-col {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333;
}


.contract .tab.active .panel-col .tab-title {
    color: #397cf0;
    border-bottom: 2px solid #397cf0;
    width: 120px;
    margin: 0 auto;
}

.contract .tab .panel-col .tab-img img {
    max-width: 100%;
    margin: 0 auto;
}



.contract .bMap {
    width: 100%;
    height: 400px;
    display: none;
}
.contract .bMap.active {
    display: block;
}

.contract .map-bottom div {
    float: left;
}
.contract .map-bottom .map-bottom-left {
    margin: 15px;
    border: 5px solid #397cf0;
    border-radius: 5px;
}
.contract .map-bottom .map-bottom-right {
    margin-top: 5px;
}
.contract .map-bottom .map-bottom-right p {
    margin: 0 0 5px;
}
.contract .map-bottom .map-bottom-right p.first-child-p {
    font-size: 18px;
}

.contract .map-bottom .map-bottom-right p.last-child-p {
    font-size: 14px;
    color: #999;
}


@media (max-width: 767px) {
    .contract .map-bottom .map-bottom-right {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    .contract .tab .panel-col .tab-title, .contract .tab.active .panel-col .tab-title {
        font-size: 12px;
        width: 100%;
    }
    .contract .map-bottom .map-bottom-right p.first-child-p {
        font-size: 14px;
    }
    .contract .map-bottom .map-bottom-right p.last-child-p {
        font-size: 12px;
        color: #999;
    }
    .contract .map-bottom .map-bottom-left {
        margin: 10px 5px 5px;
        border: 5px solid #397cf0;
        border-radius: 5px;
    }
}

.join {
    border: none;
}
.join .panel-body{
    width: 100%;
    padding: 0 0 60px 0;
}

.join .panel-body .container {
    border-top: 1px solid #ccc;
}

.join .panel-body .panel-content-title, .join .panel-body .panel-content-btn {
    width: 100%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
}

.join .panel-body .panel-content-title {
    color: #333;
    padding: 40px 0 20px;
}

.join .panel-body .panel-content-btn > a {
    display: inline-block;
    color: #fff;
    margin: 0 auto;
    padding: 8px 40px;
    font-size: 18px;
    background-color: #397cf0;
    border-radius: 300px;
    transition: box-shadow 0.5s, transform 0.5s;
}
.join .panel-body .panel-content-btn > a:hover {
    -moz-box-shadow:5px 5px 5px #397cf0;
    -webkit-box-shadow:5px 5px 5px #397cf0;
    box-shadow:1px 1px 1px #397cf0;
}


#trialModal.modalIndex {
    padding-top: 80px;
    z-index: 9999;
}

#trialModal.modalIndex .modal-content {
    margin: 0 auto;
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
}
@media (min-width: 768px) {
    #trialModal.modalIndex .modal-content {
        width: 50%;
    }
}

#trialModal.modalIndex .trial-title {
    padding: 15px 0;
    text-align: center;
    font-size: 24px;
    color: #409cf2;
}

#trialModal.modalIndex .trial-input {
    padding: 15px 0;
    text-align: center;
    color: #999;
}

#trialModal.modalIndex .trial-input span, #trialModal.modalIndex .trial-input input {
    color: #999;
    height: 41px;
}

#trialModal.modalIndex .trial-input span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 20px;
}

#trialModal.modalIndex .trial-input input {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
}

#trialModal.modalIndex .trial-btn {
    margin: 15px auto 53px;
    text-align: center;
}

#trialModal.modalIndex .trial-btn > a {
    display: inline-block;
    padding: 10px 100px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #409cf2;
    border-radius: 5px;
    color: #fff;
    width: 100%;
}