body {
    font-family: '微软雅黑';
}

.login-box {
    width: 90%;
    margin: 7% auto;
    padding: 30px;
}

.login-box .fa {
    color: #3ecba8;
}

.login-logo {
    text-align: -webkit-center;
    margin-bottom: 40px;
}

.login-logo img {
    width: 120px;
    height: auto;
}

.login-box-input, .profile-input {
    border: 0;
    outline: none;
    font-size: 14px;
}

.user-input {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.user-input label {
    padding: 0;
}

.login-box .login-btn {
    background: #3ecba8;
    color: #ffffff;
    width: 100%;
    padding: 8px 12px;
}

.login-forget div {
    padding-left: 0;
    padding-right: 0;
}

.register-link {
    color: #3ecba8;
}

.forget-link {
    color: #9d9d9d;
}

.user-input img {
    width: 16px;
    height: auto;
}

.logo-sunwale img {
    width: 100px;
    height: auto;
}

.logo-sunwale {
    padding: 10px 15px;
}

.navbar {
    background: #ffffff;
}

.navbar.shadow {
    box-shadow: 0 3px 1px #f1f0f0;
}

.navbar-header .login-btn {
    background: #00accb;
    color: #ffffff;
    padding: 5px 10px;
}

.big-btns {
    width: 95%;
    border: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px #e4e4e4;
    padding: 15px 0;
}

.navbar-toggle {
    padding: 5px 10px;
    margin-top: 12px;
}

.big-num {
    border: 1px solid #1dc097;
    color: #1dc097;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    border-radius: 100%;
    margin: 0 auto;

}

.no-padding.big-num-parent {
    padding-top: 10px;
}

.navbar-toggle.menu {
    border: 1px solid #bfbfbf;
    color: #bfbfbf;
    padding: 5px 15px;
}

ul.navbar-nav-sunwale {
    margin-top: 0;
    margin-left: 100px;
}

ul.navbar-nav-sunwale li a {
    color: #000;
}

ul.navbar-nav-sunwale li {
    border-top: 1px solid #dfdfdf;
    background: #ffffff;
}

section .index-top {
    background: #2ad1a7;
    margin-top: 57px;
}

.index-top img {
    width: 50%;
    margin: 0 25% 15px;
    height: auto;
    max-height: 400px;
}

.menus .big-btn, .about .big-btn {
    width: 80%;
    border: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px #e4e4e4;
    padding: 15px 0;
}

.menus .big-btn img {
    width: 50%;
    margin: 0 auto;
    height: auto;
}

.bigger-btn {
    padding: 5px 0;
}

section.menus {
    margin-top: 0px;
}

.navbar .container {
    padding-left: 5px;
    padding-right: 5px;
}

section.menus a {
    color: #000000;
    text-decoration: none;
}
section.menus a :hover{
    color: #25bcef;
    text-decoration: none;
}

section.menus a img{
    cursor: pointer;
    transition: all 0.6s;
}
section.menus a img:hover{
    transform: scale(1.05);
}


section.menus .second {
    margin-top: 20px;
}

section.menus .labels {
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
}

.sw-dropback {
    position: fixed;
    top: 57px;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.try-dialog {
    width: 80%;
    margin: 30% auto;
    border-radius: 6px;
    background: #ffffff;
    padding: 15px;
}

.apply-dialog {
    top: 0;
    z-index: 1030;
}

.try-dialog p {
    font-size: 16px;
}

.try-dialog .try-btn, .register.try-btn {
    border-radius: 20px;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 10px;
}

.register.try-btn a {
    color: #ffffff;
    text-decoration: none;
}

.try-btn.single, .try-btn.enter_book {
    background: #3ecba8;
}

.try-btn.mutil {
    background: #00beda;
}

.big-btn.jdcb {
    background: #31d2ea;

}

.big-btn.apply {
    background: #f4cf00;
}

.big-btn.buy {
    background: #4788d8;
}

.big-btn.ex {
    background: #56bc4e;
}

.big-btn.about {
    background: #1fcdd3;
}

.big-btn.help {
    background: #f6771f;
}

/*
jdcb
*/
.jdcb-top {
    height: 50px;
    background: url('../img/jdcb-top-bg.png');
    width: 100%;
    margin-top: 57px;
    background-size: contain;
}

.jdcb-top p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #ffffff;
    line-height: 50px;
}

.menu-icon i.fa-close {
    margin: 0 1px 0 0;
}

body.jdcb section .content {
    padding: 25px 25px 0;
}

.container .question {
    color: #000000;
}

.container .answer {
    color: #8d8c8c;
}

section.boring {
    padding-left: 15px;
}

.row.aq {
    padding: 10px 0;
}

.row.aq div.col-xs-7 {
    padding-right: 0;
}

.row.aq img {
    width: 80%;
}

.no-padding {
    padding: 0;
}

.no-padding-right {
    padding-right: 0;
}

body.jdcb section .header {
    background: url('../img/jdcb-header-bg.png');
    background-size: cover;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #ffffff;
    padding-left: 15px;
}

body.jdcb section.first-section .description {
    margin-top: 15px;
    font-size: 14px;
}

body.jdcb section.first-section .description p {
    color: #848484;
    line-height: 1.5em;
}

body.jdcb section.first-section .description b {
    color: #343434;
}

body.jdcb section.second-section .content {
    padding-top: 0;
    padding-bottom: 0;
}

body.jdcb section.second-section .sub-header {
    color: #0dabc3;
    font-size: 15px;
    margin-top: 10px;
}

body.jdcb section.second-section .description {
    color: #000;
    font-size: 15px;
}

body.jdcb .has-bg .content {
    padding-top: 10px;
    padding-bottom: 10px;
}

body.jdcb .has-bg, .profile-item.has-bg, .profile-item.has-bg input {
    background: #f4f5f6;
}

/*
trySingle
*/
body.ddsy .try-top, .buy-top {
    height: 50px;
    background: url('../img/jdcb-top-bg.png');
    width: 100%;
    margin-top: 57px;
    background-size: contain;
}

.try-top p, .buy-top p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #ffffff;
    line-height: 50px;
}

body.ddsy .top-hint {
    color: #23bb95;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
}

body.ddsy .item {
    padding: 15px 25px;
    border-bottom: 1px solid #e4e4e4;
}

body.ddsy .item .content {
    margin-left: 29px;
}

body.ddsy .item .content p {
    margin: 0;
    padding: 0;
    color: #666666;
    font-size: 14px;
}

body.ddsy .item label {
    font-weight: normal;
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
}

body.ddsy .item label span {
    margin-left: 15px;
    vertical-align: text-bottom;
}

body.ddsy .item label input {
    /*vertical-align: middle;*/
}

body.ddsy .next-page, body.ddsy .question-next-page, body.ddsy .submit-page {
    background: #3ecba8;
    color: #ffffff;
    width: 70%;
    margin: 20px 15%;
    padding: 10px 0;
    border-radius: 5px;
}

body.ddsy .profile-page, body.ddsy .result-page {
    top: 0;
    position: fixed;
    left: 104%;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    z-index: 1030;
    overflow-y: scroll;
    transition: all 0.3s ease-in;
}

body.ddsy .profile-page.active, body.ddsy .result-page.active {
    left: 0;
}

body.ddsy .profile-page.complete {
    left: -100%;
}

body.ddsy .profile-page .try-top, body.ddsy .result-page .try-top {
    margin-top: 0;
}

body.ddsy .profile-item {
    padding: 15px;
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
}

body.ddsy .profile-item:last-child {
    border-bottom: 0;
}

body.ddsy .profile-item.user span {
    margin-left: 10px;
    color: #686868;
    font-weight: normal;
}

body.ddsy .profile-item label {
    padding: 0;
}

body.ddsy .profile-item label span {
    vertical-align: text-bottom;
}

.buy-container .profile-item.md-item, .buy-container .profile-item.zb-item {
    padding-right: 0 !important;
}

body.ddsy label.exPadding {
    padding-left: 15px;
}

body.ddsy .send-code, .code-input .send-code {
    background: #3ecba8;
    color: #ffffff;
    padding: 3px 0;
    border-radius: 5px;
}

body.ddsy .select-header div {
    background: #02b2cc;
    color: #ffffff;
    padding: 5px 0;
}

body.ddsy .modules {
    margin: 0 20px;
}

body.ddsy .modules th {
    background: #02b2cc;
    color: #ffffff;
    border: 0;
    font-weight: normal;
}

body.ddsy .modules p {
    margin: 0;
}

body.ddsy .modules tr td {
    border: 0;
}

/*
tryMutil
*/
body.ddsy .item-divider {
    background: #f2f4f8;
    padding: 10px;
}

body.ddsy .item-divider label {
    color: #23cca2;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 0;
}

body.ddsy .item-divider:last-child label {
    text-align: center;
}

body.ddsy .item .ex-input {
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 60px;
    outline: none;
}

/*
buy
*/
.panel.sw {
    border: 0;
    border-radius: 5;

}

.panel-group .panel + .panel {
    margin-top: 0;
    border-top: 1px solid #e4e4e4;
}

.top-name {
    line-height: 30px;
    /*border-bottom: 1px solid #e4e4e4;*/
}

.top-name p {
    margin-bottom: 0;
    font-size: 16px;
}

.panel-heading.sw {
    border-radius: 0;
    background: #eff1f6;
}

.panel-heading.sw label {
    font-weight: normal;
}

.panel-heading.sw label span {
    margin-left: 5px;
    color: #23bb95;
}

.panel-heading.sw label + span {
    margin-left: 15px;
}

.buy-module label {
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    color: #7d7d7d;
}

.buy-modules {
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
    background: #f8f9fb;
}

.sum-money {
    padding: 15px;
}

.buy-module {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #e4e4e4;
    background: #f8f9fb;
}

.buy-module:last-child {
    margin-bottom: 0;
}

.dead-time, .ex-money {
    padding: 15px 20px;
    color: #818181;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

.ex-money {
    color: #000;
    border-top: 0;
}

.sw.panel-group {
    margin-bottom: 0;
}

.spanMoney {
    color: #f85800;
}

.need-pay .spanMoney {
    font-size: 16px;
}

.need-pay {
    background: #f4f4f4;
    padding: 15px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

.pay-type {
    border-bottom: 1px solid #e4e4e4;
}

.pay-type label {
    display: block;
    font-weight: normal;
    padding: 10px 15px;
}

.pay-type span {
    margin-left: 5px;

}

.pay-type img {
    width: 30px;
    height: auto;
}

.actions {
    margin-top: 30px;
}

.e_required {
    border-bottom: 1px solid red;
}

.actions div {
    width: 80%;
    margin: 15px 10%;
    padding: 10px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
}

.confirm-btn {
    width: 48%;
    display: inline-block;
    color: #000000;
    border-radius: 5px;
    padding: 10px 0;
    border: 1px solid #cccccc;
}

.confirm-msg {
    font-size: 15px;
    padding: 5px;
}

.actions .pay-btn {
    background: #17bb92;
}

.actions .cancel-btn {
    background: #a2a2a2;
}

/*
charge
*/
.cz-top {
    background: url('../img/jdcb-top-bg.png');
    background-size: contain;
    height: 100px;
    margin-top: 57px;
    padding-left: 20px;
    padding-top: 15px;
    color: #ffffff;
}

.cz-top p {
    margin: 0;
}

.cz-top h1 {
    margin-top: 10px;
}

.products, .charge-money {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.charge-money {
    margin-bottom: 0;
}

.product-name, .charge-name {
    margin: 0;
    color: #918f8f;
    padding-left: 20px;
}

.product-items, .charge-items {
    padding: 5px 15px;
}

.product, .charge {
    color: #bfbfbf;
    padding: 5px;
}

.product .content, .charge .content {
    padding: 10px 5px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
}

.product .content.active, .charge .content.active {
    border-color: #02b2cc;
}

.charge .content {
    font-size: 15px;
    padding: 0;
    height: 50px;
    line-height: 50px;
}

.charge .content span {
}

.success-info {
    margin-top: 100px;
}

.success-info p {
    margin: 10px;
    color: #39c6a3;
    font-size: 20px;

}

.success-info img {
    width: 60px;
    height: auto;
}

.success-info span {
    font-size: 20px;
    color: #000;
    margin-top: 10px;
}

/*
help
*/


ul,ol{list-style-type:none;}
li{list-style:none}
a,a:hover{  text-decoration: none;}


.new_center ul .new_center_first {
    background-color:#49d7ec;
}
.new_center ul .phone_li {
    background-color:#f67e2a;
}
.new_center ul .pptv_li {
    background-color:#5ad7b9;
}
.new_center ul .print_li {
    background-color:#f6d934;
}



   .new_center{
        background: #EFF1F6;
        padding: 10px;
        width: 860px;
        height:230px;
        border-radius: 5px;
        margin: 15px auto;
    }
    .new_center ul li  {
           float:left;
           margin-left: 169px;
           margin-top:20px;
           width:130px;
           height:150px;
           padding-bottom:5px;
           transition: all 0.6s;/*图片放大过程的时间*/
       }
    .new_center ul li a{
        display: block;
        width:130px;
        height:150px;
    }
    .new_center ul .new_center_first {
        margin-left: 15px;
    }
    .new_center ul .print_li {
        margin-left: 15px;
    }

    .new_center ul li a .newfirst img{
        height:70px;
        width:65px;
        margin-left:35px;
        margin-top:13px;
        transition: all 0.6s;
    }
    .new_center ul li a .phone_new img{
        height:70px;
        width:65px;
        margin-left:35px;
        margin-top:13px;
        transition: all 0.6s;
    }
    .new_center ul li a .pptv_new img{
        height:70px;
        width:65px;
        margin-left:35px;
        margin-top:13px;
        transition: all 0.6s;
    }
    .new_center ul li a .print img{
        height:70px;
        width:65px;
        margin-left:35px;
        margin-top:13px;
        padding-bottom:5px;
        transition: all 0.6s;
    }

    .new_center ul li a div p{
        text-align: center;
        width:130px;
        line-height: 25px;
        font-family: '微软雅黑';
        font-size: 17px;
        color:white;

    }

@media screen and (max-width: 599.999px) {


    .new_center{
        background: #EFF1F6;
        padding: 5px;
        width: 100%;
        height:130px;
        border-radius: 5px;
        margin: 15px auto;
    }

    .new_center ul li  {
        float:left;
        display:block;
        margin-left: 12%;
        margin-top:5px;
        width:75px;
        height:75px;
        transition: all 0.6s;/*图片放大过程的时间*/
    }
    .new_center ul .new_center_first {
        margin-left: 5px;
    }
    .new_center ul .print_li {
        margin-left: 5px;
    }

    .new_center ul li a .newfirst img{
        height:37px;
        width:35px;
        margin-left:20px;
        margin-top:5px;
        transition: all 0.6s;
    }
    .new_center ul li a .phone_new img{
        height:37px;
        width:35px;
        margin-left:20px;
        margin-top:5px;
        transition: all 0.6s;
    }
    .new_center ul li a .pptv_new img{
        height:37px;
        width:35px;
        margin-left:20px;
        margin-top:5px;
        transition: all 0.6s;
    }
    .new_center ul li a .pptv_new img{
        height:37px;
        width:35px;
        margin-left:20px;
        margin-top:5px;
        transition: all 0.6s;
    }
    .new_center ul li a .print img{
        height:37px;
        width:35px;
        margin-left:20px;
        margin-top:5px;
        transition: all 0.6s;
    }

    .new_center ul li a div p{
        text-align: center;
        width:75px;
        line-height: 14px;
        font-family: '微软雅黑';
        font-size: 10px;
        color:white;

    }
}
.new_center ul li a:hover img{
    transform: scale(1.1);
}


a.panel-title {
    text-decoration: none;
}

.buy-modules p {
    margin: 0;
    padding: 15px;
    line-height: 1.5em;
    color: #616161;
}

.download {
    margin-top: 30px;
    margin-bottom: 15px;
    background: #eff1f6;
}

.download p {
    font-size: 18px;
    color: #000000;
    margin: 15px 10px;
}

.download-btn {
    display: inline-block;
    width: 44%;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 20px;
    margin-right: 10px;
}

.download-btn.chrome {
    background: #30c5a0;
}

.download-btn.android {
    background: #02b2cc;
}

.download-btn img {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.panel-title.help span {
    font-size: 14px;
}

/*
ex
*/
.examples {
    margin-top: 30px;
}

.example {
    width: 90%;
    margin: 0 auto;
}

.example span {
    position: relative;
    top: -50px;
    color: #ffffff;
    font-size: 16px;
}

.example img {
    width: 100%;
    height: auto;

}

/*
about
*/
.ca {
    padding: 15px 20px;
}

.ca p.title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #02b8d3;
}

.ca .content {
    border-left: 3px solid #dbdbdb;
    padding-left: 10px;
}

.cas .ca1 {
    background: #fafafa;
}

.cas .ca2 {
    background: #eff1f6;
}

.ca .img {
    margin-top: 20px;
}

.ca img {
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.about .img {
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 100%;
    width: 80px;
    margin: 0 auto 10px;
}

/*
contact
*/
.about-text {
    margin: 0 15px;
    color: #6b6d6d;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.text-text {
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin: 10px;
}

.text-text p {
    margin: 0;
    margin-top: 20px;
    color: #808080;
}

.text-text a {
    color: #09aa83;
    text-decoration: none;
}

.text-text .c-icon {
    background: #dcdcdc;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.c-icon img {
    width: 50%;
    height: auto;
    vertical-align: middle;
}

/*
list
*/
.btn.newBook {
    background: #00accb;
    color: #ffffff;
    margin: 10px;
    outline: none;
}

.book-item {
    /*padding:20px;*/
    padding: 10px 20px;
    border-top: 1px solid #e4e4e4;
}

.book-item:last-child {
    border-bottom: 1px solid #e4e4e4;
}

.bookName input {
    border: 0;
    outline: none;
}

/*.container {*/
    /*padding-right: 0;*/
    /*padding-left: 0;*/
/*}*/

/*.confirm-dropback.content {*/
    /*background: #ffffff;*/
    /*padding: 10px;*/
    /*width: 80%;*/
    /*border-radius: 5px;*/
    /*margin: 100px auto;*/
/*}*/

/*.first-section .container, .second-section .container, .second-section.min {*/
    /*padding: 0;*/
    /*clear: both;*/
    /*height: 0;*/
    /*overflow: hidden;*/
/*}*/

/*.first-section .container.active, .second-section .container.active, .has-bg.active, .second-section.min.active {*/
    /*height: auto;*/
/*}*/

div.logout {
    cursor: pointer;
    display: block;
    padding-top: 5px;
    width: 80px;
    text-align: center;
}

a.list-a {
    text-align: center;
    padding-top: 5px;
    display: block;
    text-decoration: none;
    outline: none;
    color: #000;
    border-bottom: 1px solid #e1e1e1;
}

.popover-content {
    padding: 0;
}

ul.navbar-nav-sunwale li a.pc-logout {
    background: #00accb;
    color: #ffffff;
    padding: 5px 10px;
    margin-top: 13px;
    margin-left: 30px;
}

@media (min-width: 992px) {
    .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 19px;
    }

}

.navbar-nav > li > a.active {
    color: #2ad1a7;
}

@media (min-width: 768px) {
    .swiper-container {
        width: 100%;
        padding: 30px;
    }

    .login-box {
        width: 360px;
        margin-top: 40px;
    }

    .big-num-parent {
        padding-top: 0;
    }

    body.ddsy .next-page, body.ddsy .question-next-page, body.ddsy .submit-page, .actions div {
        width: 300px;
        margin: 20px auto;
    }

    .ca img {
        width: 330px;
        height: auto;
    }

    .index-top img {
        width: 330px;
        margin: 0 auto 10px;
        height: auto;
        max-height: 400px;
    }

    .index-top p {
        padding-bottom: 20px;
    }

    .try-dialog {
        width: 300px;
        margin: 200px auto 0;
        border-radius: 6px;
        background: #ffffff;
        padding: 15px;
    }

    .try-dialog .try-btn.enter_book {
        width: 70%;
        margin: 0 auto;
    }

    body.ddsy .profile-page, body.ddsy .result-page {
        top: 57px;
    }

    .navbar {
        display: block !important;
    }

    body.ddsy .send-code, .code-input .send-code {
        width: 120px;
    }

    .menus .big-btn img {
        width: 50px;
        margin: 0 auto;
        height: auto;
    }

    .about .img {
        width: 130px;
        padding: 30px;
        margin-bottom: 15px;
    }

    .menus .big-btn {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    section.menus .labels {
        font-size: 18px;
    }

    .confirm-dropback.content {
        width: 350px;
    }

    .row.aq img {
        width: 60px;
        height: auto;
    }

    .about-text-p {
        width: 510px;
        margin: 0 auto;
    }

    .menus .big-btn {
        width: 58%;
        padding: 20px 0;
        transition: 0.2s all ease-in;
        transform: scaleX(0.97) scaleY(0.97);
    }

    .menus .big-btn:hover {
        opacity: 0.8;
        transform: scaleX(1) scaleY(1);
    }

    .divider {
        display: none;
    }
}



@media (min-width: 1120px) {
    .container {
        padding: 0;
        width: 900px;
    }
    .containermin{
        border-radius:5px;
        background: #eff1f6;
        width:900px;
    }



    /*  nav{
          text-align: center;
          position: relative;
      }
      nav .container{
          width: 1180px;
          margin:0 auto;
      }*/
    .boring .aq {
        padding-right: 48px;
        padding-left: 0;
    }

    .boring.has-bg .aq {
        padding-left: 48px;
        padding-right: 0;
    }
}

.manageMode {
    padding: 5px 20px;
    border-bottom: 1px solid #e1e1e1;
}

.manageMode p {
    word-break: break-all;
    color: #666666;
    padding-left: 30px;
}

.manageMode input {
    margin-right: 14px;
}

.mode-item {
    border-bottom: 1px solid #e1e1e1;
}

.newBook.list-btn {
    margin: 0;
    margin-left: 10px;
    padding: 4px 5px;
}

.userName.btn.login-btn, .try-btn.text-center {
    transition: 0.2s all ease-in;
}

.userName.btn.login-btn:hover {
    background: #0495b9;
}

.try-btn.text-center.mutil:hover {
    background: #049bb1;
}

.try-btn.text-center.single:hover {
    background: #2ab794;
}

.swiper-container {
    width: 100%;
    padding: 0;
}

.products .title {
    font-size: 18px;
}

.product-item {
    padding: 30px;
    width: 300px;
    height: 350px;
}

.product-description {
    height: 100%;
    box-shadow: 0 0 3px 3px #e5e5e5;
    border-radius: 10px;
    padding: 15px 30px;
}

.single-mode .product-description {
    background: -webkit-linear-gradient(left top, #ffffff, #c5feef);
    background: -o-linear-gradient(bottom right, #ffffff, #c5feef);
    background: -moz-linear-gradient(bottom right, #ffffff, #c5feef);
    background: linear-gradient(to bottom right, #ffffff, #c5feef)
}

.center-mode .product-description {
    background: -webkit-linear-gradient(left top, #ffffff, #d1ebfd);
    background: -o-linear-gradient(bottom right, #ffffff, #d1ebfd);
    background: -moz-linear-gradient(bottom right, #ffffff, #d1ebfd);
    background: linear-gradient(to bottom right, #ffffff, #d1ebfd)
}

.buy-container label {
    font-weight: normal;
}

.input-item {
    border: 0;
    outline: none;
    /*border-bottom:1px solid #000;*/
}

input.input-item[type='text'] {
    width: 120px;
}

.payType:before {
    content: ' ';
    height: 0;
    width: 0;
    /*border:10px solid #000;*/
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f4f4f4 transparent;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 30px;
}

@media (min-width: 768px) {
    .swiper-container {
        width: 100%;
        padding: 30px;
    }
}
.p-dialog .try-dialog{
    margin: 20% auto;
}
@media (min-width: 768px) {
    .p-dialog .try-dialog{
        margin: 100px auto;
    }
}
.row{
    margin-right:0;
}

/*合作品牌
*/
.partner ul{
    overflow: hidden;
    width: 890px;
    padding: 0 0 1px 1px;
    background: #d5d6d6;
    margin-top: 45px;
    margin-bottom: 130px;
}
.partner li{
    float: left;
    width: 221px;
    height: 110px;
    margin: 1px 1px 0 0;
    overflow: hidden;
}
@media only screen and (min-width:1300.1px) {
    .partner li img{
        width:221px;
        height:110px;
        display: block;
        transition: all 0.5s;
    }

}

.partner li a{
    display: block;
}
.partner li:hover img{
    transform: scale(1.1);
}
/*合作品牌结束*/

/*帮助与支持*/
.bei{
    padding-bottom: 30px;
}
.bei1{
    background: #f7f7f7;
    padding-bottom: 30px;
}
.about_ys{
    margin-top: 35px;
    /*border-top: 1px dotted #ededed;*/
}
.about_ys .xiab{
    font-size: 18px;
    line-height: 50px;
}
.second .xiab{
    font-size: 18px;
    line-height: 50px;
}
.about_ys .h_head{
    margin-top:78px ;
}
.about_ys .h_head h3{
    color: #0072bb;
}
.about_ys .body{
    margin-top: 20px;
}
.about_ys .body ul{
    width: 120%;
    overflow: hidden;
}
.about_ys .body li{
    float: left;
    width: 376px;
    margin-right: 50px;
    height: 380px;
}
.about_ys .body .img{
    position: relative;
    width:376px ;
    height: 230px;
    overflow: hidden;

}
.index-top1 img {
    width: 330px;
    margin: 0 auto 10px;
    height: auto;
    max-height: 400px;
}
section .index-top1 {
    /*background: #2ad1a7;*/
    background: url("../img/hander.jpg");
    height: 250px;
    width: 100%;
    margin-top: 0px;
    position: relative;
}
.banner{
    position: relative;
    text-align: center;
}
.banner img{
    display: block;
    margin: 0 auto;
}
.banner .txt{
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFFFFF;
}
.banner .txt h2{
    font-size:29px ;
}
.banner .txt h4{
    font-size: 20px;
    /*text-transform: uppercase;*/
    margin-top: 15px;
}
.h_head{
    margin-top: 45px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 25px;
}
.h_head h2{
    font-size:28px ;
    text-transform: uppercase;
}
.h_head .biao {
    margin-top: 25px;
    font-size: 18px;
    color: #979797;
    line-height: 30px;
}
.h_head .biao1 {
    font-size: 18px;
    color: #979797;
    line-height: 30px;
}
.footer{
    padding: 30px 0;
    background: url("../img/footer.jpg");
    color: #FFFFFF;
    margin-bottom: 0;
}
.titleOne{
    font-size: 25px;
}
.titleTwo{
    font-size: 14px;
    line-height: 25px;
}
.videoOne{
    width: 725px;
    height: 440px;
    margin: 30px auto
}
.bian{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
}
.biank{
    padding-right: 30px;
    padding-left: 30px;
    margin-right: 0;
}
.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -20px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: -32px;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.video-js .vjs-tech {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-js .vjs-control-bar {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
}
.about_ys .body .img{
    position: absolute;
    left: 0;
    right: 0;
    width: 210px;
    height: 300px;
    font-size: 30px;
    color: white;
}
.about_ys .body .img .txt{
    font-size: 16px;
    color: #979797;
    line-height: 25px;
}
.yuandian{
    display:list-item;
    list-style-type:disc;
    margin-left:2em;
    float: left;
}
.about_ys .body .img .juzhong{
    margin-left: 3em;
}
.about_ys .body ul {
    width: 101%;
    overflow: hidden;
}
.circle {
    position: relative;
    width: 144px;
    height: 144px;
    margin-left: 45px;
    margin-top: 10px;
    background: #2AD1A7;
    -moz-border-radius: 72px;
    -webkit-border-radius: 72px;
    border-radius: 72px;
    overflow: hidden;
    text-align: center;
}
.about_ys .body .circle h2{
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    font-size: 20px;
    color: white;
    text-align: center;
    font-style: italic
}
.about_ys .body .circle h4{
    position: absolute;
    left: 0;
    right: 0;
    top:60px;
    font-size: 20px;
    color: white;
    text-align: center;
}

.jiantou{
    position: absolute;
    width: 45px;
    top: 75px;
    left: 210px;
}

.about_ys .body li {
float: left;
width: 227px;
margin-right: 0px;
height: 290px;
position: relative;
}
.about_ys .body li a .circle{
    cursor: pointer;
    transition: all 0.2s;
}
.about_ys .body li a .circle:hover{
    transform: scale(1.05);
}
@media only screen and (max-width:1300px) {
    .banner .txt{
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        text-align: center;
        color: #FFFFFF;
    }
    body{
        width: 100%;
        margin: 0 auto;
    }
    .h_head{
        margin-top: 15px;
        text-align: center;
        /*padding-right:60px;*/

    }
    .h_head h2{
        font-size: 28px ;
        text-align: center;
    }
    .h_head h3 {
        font-size: 14px;
    }

    /*img{ width: 100%; height: auto;max-width: 100%; display: block; }*/
    img{
        width: 100%;
        height: auto;
        max-width: 100%;
        display: block; }

    .wrapper{
        width: 100%;
    }

    .partner {
        /*background: #f1faff;*/
        overflow: hidden;
    }


    .partner ul{
        margin:10px 10px 40px;
        padding: initial;
        background: #f6f6f7;
        width: 93%;
        display: block;
    }
    .partner li{
        width: 33.3%;
        border: 1px solid #d5d6d6;
        margin: auto;
        height:50px;
    }
    .partner li img{
        width: 100%;
        margin: auto;
        /*width:243px;*/
        /*height:126px;*/

    }



    .partner li a{
        display: inline-block;
    }
}
@media only screen and (max-width:768px) {
    /*帮助与支持*/
    .container1{
        height: 487px;
    }
    .banner img{
        height: 90px;
    }
    .banner .txt{
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        text-align: center;
        color: #FFFFFF;
    }
    .banner .txt h2{
        font-size:20px ;
    }
    .banner .txt h4{
        font-size: 12px;
        /*text-transform: uppercase;*/
        margin-top: 15px;
    }
    .h_head h2{
        font-size:18px ;
        text-transform: uppercase;
    }
    .h_head .biao {
        font-size: 12px;
        color: #979797;
        line-height: 20px;
        text-align: left;
    }
    .about_ys{
        margin-top: 20px;
        /*border-top: 1px dotted #ededed;*/
    }
    .about_ys .xiab{
        font-size: 12px;
        line-height: 20px;
    }
    .second .xiab {
        font-size: 12px;
        line-height: 20px;
    }
    .titleOne{
        font-size: 18px;
    }
    .titleTwo {
        font-size: 12px;
        line-height: 20px;
        /*color: #dfdfdf;*/
        color: #979797;
    }
    .videoOne {
        width: 340px;
        height: auto;
        margin: 20px auto;
    }
    .bian{
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }
    .biank{
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0;
    }
    .video-js .vjs-tech {
        position: absolute;
        top: 0px;
        left: 0;
        width: 340px;
        height: 192px;
    }
    .vjs-big-play-centered .vjs-big-play-button {
        top: 90px;
        left: 170px;
        margin-top: -.75em;
        margin-left: -1.5em;
    }
    .video-js .vjs-control-bar {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3em;
        background-color: #2b333f;
        background-color: rgba(43,51,63,.7);
    }
    .example_video_1-dimensions {
        width: 340px;
        height: 192px;
    }
    .about_ys .body li {
        float: left;
        width:47%;
        margin-right: 10px;
        height: 180px;
        position: relative;
    }
    .about_ys .body .img {
        position: absolute;
        left: 0;
        right: 0;
        width: 165px;
        height: 180px;
        font-size: 30px;
        color: white;
    }
    .circle {
        position: relative;
        width: 90px;
        height: 90px;
        margin-left: 42px;
        background: #2AD1A7;
        -moz-border-radius: 45px;
        -webkit-border-radius: 45px;
        border-radius: 45px;
        overflow: hidden;
        text-align: center;
    }
    .about_ys .body .circle h2{
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        font-size: 12px;
        color: white;
        text-align: center;
        font-style: italic
    }
    .about_ys .body .circle h4{
        position: absolute;
        left: 0;
        right: 0;
        top:40px;
        font-size: 14px;
        color: white;
        text-align: center;
    }

    .jiantou{
        position: absolute;
        width: 0px;
        top: 34px;
        left: 81px;
    }
    .about_ys .body .img .txt{
        font-size: 12px;
        line-height: 20px;
    }


    /*支持结束*/
}

body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}