.banner .text-box .title {font-weight:bold}
.banner .text-box .sub-title {color:rgba(255,255,255,0.9);margin-top:30px}

@media (max-width: 767px) {
    .banner {height:160px}
    .banner .text-box {margin-top:60px}
    .banner .text-box .title {font-size:16px}
    .banner .text-box .sub-title {font-size:12px;margin-top:20px}
}
@media (min-width: 768px) {
    .banner {height:340px}
    .banner .text-box {margin-top:100px}
    .banner .text-box .title {font-size:22px}
    .banner .text-box .sub-title {font-size:18px}
}
@media (min-width: 992px) {
    .banner {height:400px}
    .banner .text-box {margin-top:110px}
    .banner .text-box .title {font-size:30px}
    .banner .text-box .sub-title {font-size:26px}
}
@media (min-width: 1200px) {
    .banner {height:420px}
    .banner .text-box {margin-top:120px}
    .banner .text-box .title {font-size:32px;font-weight:bold}
    .banner .text-box .sub-title {font-size:22px}
}
.intro-card {text-align:center;margin-bottom:80px}
.intro-card .item {box-shadow:0px 0px 5px 2px rgba(144, 144, 144, 0.18)}
.intro-card .item .head {padding:40px 30px;color:#fff;font-size:24px;margin:0}
.intro-card .item .price {margin:40px 0 0px;color:#607393;font-weight:bold}
.intro-card .item .rmb::before {content:"ï¿¥";position:relative;font-size:30px;color:rgb(96,115,147);top:-8px;margin-right:8px;font-weight:normal}
.intro-card .item .price strong {font-size:40px;color:#153060;vertical-align:sub}
.intro-card .item .text {margin:30px 40px 20px;font-size:14px;min-height:60px}
.intro-card .item .action {padding:0 60px 30px;margin-top:0}
.intro-card .item .action .btn {width:100%;font-size:16px}
.intro-card .item.free {border:1px solid rgb(162, 195, 123);_box-shadow:0 0 5px rgb(162, 195, 123);_-webkit-animation:glowing-free 2s infinite ease-in-out;_animation:glowing-free 2s infinite ease-in-out}
.intro-card .item.free .head {background-color:rgb(162, 195, 123)}
.intro-card .item.free .text {color:rgba(162, 195, 123, 0.8)}
.intro-card .item.free .btn {border:1px solid rgb(162, 195, 123);color:rgb(162, 195, 123);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.intro-card .item.free .btn:hover {background-color:rgb(162, 195, 123);color:#fff}
.intro-card .item.standard {border:1px solid rgb(77, 189, 236);_box-shadow:0 0 5px rgb(77, 189, 236);_-webkit-animation:glowing-standard 2s infinite ease-in-out;_animation:glowing-standard 2s infinite ease-in-out}
.intro-card .item.standard .head {background-color:rgb(77, 189, 236)}
.intro-card .item.standard .text {color:rgba(77, 189, 236, 0.8)}
.intro-card .item.standard .btn {border:1px solid rgb(77, 189, 236);color:rgb(77, 189, 236);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.intro-card .item.standard .btn:hover {background-color:rgb(77, 189, 236);color:#fff}
.intro-card .item.ultimate {border:1px solid rgb(48, 108, 182);_box-shadow:0 0 5px rgb(48, 108, 182);-webkit-animation:glowing-ultimate 2s infinite ease-in-out;animation:glowing-ultimate 2s infinite ease-in-out}
.intro-card .item.ultimate .head {background-color:rgb(48, 108, 182)}
.intro-card .item.ultimate .text {color:rgba(48, 108, 182, 0.8)}
.intro-card .item.ultimate .btn {border:1px solid rgb(48, 108, 182);color:rgb(48, 108, 182);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.intro-card .item.ultimate .btn:hover {background-color:rgb(48, 108, 182);color:#fff}

.detail {position:relative!important;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s}
.detail.in{opacity:1}
.detail .title {width:240px;margin:0 auto 40px;padding:6px 10px;color:#fff;background-color:rgb(78, 177, 244);font-weight:500;text-align:center;border-radius:40px}
.detail .table-responsive {box-shadow:0px 0px 5px 2px rgba(144, 144, 144, 0.18);border:none}
.detail table {border:0;margin-bottom:0;text-align:center;vertical-align:middle;font-size:14px;color:#7a7a7a}
.detail table sup {color:rgb(51, 122, 183)}
.detail table > tbody > tr > td {vertical-align:middle}
.detail table .btn {display:inline-block;width:100%;padding:12px 25px;color:rgb(255, 255, 255)}
.detail table .btn.free {background-color:rgb(162, 195, 123)}
.detail table .btn.standard {background-color:rgb(77, 189, 236)}
.detail table .btn.ultimate {background-color:rgb(48, 108, 182)}
.detail table .highlight {color:rgb(78, 177, 244);font-weight:bold}
.detail table .td-padding {padding:20px}
.detail table .text-muted {color:#ababab}
.detail table td {height:60px}
.detail table td.free {color:rgb(162, 195, 123)}
.detail table td.standard {color:rgb(77, 189, 236)}
.detail table td.ultimate {color:rgb(48, 108, 182)}
.detail table tr:first-child td {border-top:0}
.detail table tr:last-child td {border-bottom:0}
.detail table tr td.highlight:first-child {border-left:0}
.detail table tr td:last-child {border-right:0}
.detail table tr td.left {text-align:left}
.detail .note {margin-top:45px;margin-bottom:80px}
.detail .note p {margin-bottom:5px}
.detail .note .item {margin-bottom:15px}
.detail .note .item > p {color:#5CB85C;font-weight:bold}
.detail .note .item .num {color:#5CB85C}
.detail .note .item .indent {margin-left:15px}
@media (max-width: 767px) {
    .intro-card {margin-top:50px;margin-bottom:30px}
    .intro-card .item {margin-bottom:30px}
    .intro-card .item.basic .head {background-color:rgba(92, 184, 92, 0.9)}
    .intro-card .item.enterprise .head {background-color:rgba(10, 105, 154, 0.9)}
}
@media (min-width: 768px) and (max-width: 991px) {
    .intro-card {margin-top:-87px}
    .intro-card .item .head {padding:30px 30px}
    .intro-card .item .rmb::before {font-size:20px;top:-8px;margin-right:5px}
    .intro-card .item .text {margin:30px 45px 20px}
    .intro-card .item.ultimate .text {font-size:12px}
    .intro-card .item .price strong {font-size:30px}
    .detail .table-responsive {overflow-x:hidden}
    .detail .note .item .table-responsive {width:640px}
}
@media (min-width: 992px) {
    .intro-card {margin-top:-107px}
    .intro-card .item {margin:0 10px}
}
@media (min-width: 1200px) {
    .intro-card .container {width:1040px}
    .intro-card .item .text {margin:30px 50px 20px}
    .detail .container {width:1040px}
}

@-webkit-keyframes glowing-free {
    from {-webkit-box-shadow: 0 0 1px rgba(162, 195, 123, 0.2);box-shadow: 0 0 1px rgba(162, 195, 123, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(162, 195, 123, 0.8);box-shadow: 0 0 5px rgba(162, 195, 123, 0.8)}
    to {-webkit-box-shadow: 0 0 1px rgba(162, 195, 123, 0.2);box-shadow: 0 0 1px rgba(162, 195, 123, 0.2)}
}
@keyframes glowing-free {
    from {-webkit-box-shadow: 0 0 1px rgba(162, 195, 123, 0.2);box-shadow: 0 0 1px rgba(162, 195, 123, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(162, 195, 123, 0.8);box-shadow: 0 0 5px rgba(162, 195, 123, 0.8)}
    to {-webkit-box-shadow: 0 0 1px rgba(162, 195, 123, 0.2);box-shadow: 0 0 1px rgba(162, 195, 123, 0.2)}
}
@-webkit-keyframes glowing-standard {
    from {-webkit-box-shadow: 0 0 1px rgba(77, 189, 236, 0.2);box-shadow: 0 0 1px rgba(77, 189, 236, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(77, 189, 236, 0.8);box-shadow: 0 0 5px rgba(77, 189, 236, 0.8)}
    to {-webkit-box-shadow: 0 0 1px rgba(77, 189, 236, 0.2);box-shadow: 0 0 1px rgba(77, 189, 236, 0.2)}
}
@keyframes glowing-standard {
    from {-webkit-box-shadow: 0 0 1px rgba(77, 189, 236, 0.2);box-shadow: 0 0 1px rgba(77, 189, 236, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(77, 189, 236, 0.8);box-shadow: 0 0 5px rgba(77, 189, 236, 0.8)}
    to {-webkit-box-shadow: 0 0 1px rgba(77, 189, 236, 0.2);box-shadow: 0 0 1px rgba(77, 189, 236, 0.2)}
}
@-webkit-keyframes glowing-ultimate {
    from {-webkit-box-shadow: 0 0 1px rgba(48, 108, 182, 0.2);box-shadow: 0 0 1px rgba(48, 108, 182, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(48, 108, 182, 1);box-shadow: 0 0 5px rgba(48, 108, 182, 1)}
    to {-webkit-box-shadow: 0 0 1px rgba(48, 108, 182, 0.2);box-shadow: 0 0 1px rgba(48, 108, 182, 0.2)}
}
@keyframes glowing-ultimate {
    from {-webkit-box-shadow: 0 0 1px rgba(48, 108, 182, 0.2);box-shadow: 0 0 1px rgba(48, 108, 182, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(48, 108, 182, 0.8);box-shadow: 0 0 5px rgba(48, 108, 182, 0.8)}
    to {-webkit-box-shadow: 0 0 1px rgba(48, 108, 182, 0.2);box-shadow: 0 0 1px rgba(48, 108, 182, 0.2)}
}