/* 弹出表单样式 */

@media (min-width: 845px){

    .swiper-right-button-box{
        width: 472rem;
        height: 60rem;
    }
    .swiper-right-button-box .btn{
        width: 100%;
        height: 100%;
        background-color:#17AC64 !important ;
        border: 0;
        font-size: 18rem;
        border-radius:60rem;
    }
    
    .swiper-right-button-box .btn:focus {
        border: 0;
        outline: none;
        }
    
    
    
     .modal-content{
        width: 720rem;
        height: auto;
        margin: auto;
        padding: 40rem 60rem;
        border-radius: 10px;
     }
    
     .modal-content .modal-header{
        width: 100%;
        text-align: center;
        height: 60rem;
        line-height: 120rem;
        border: 0;
        padding: 0;
        
     }
     h1{
        font-size: 40rem;
        font-weight: 600;
     }
    
     .modal-content .modal-body{
        margin: auto;
     }
     .modal-content .modal-body .form-group{
        font-size: 22rem;
     }
    
    
    #exampleInput{
        height: 45rem;
        border: 2px rgb(157, 144, 161) solid;
    }
    
    #exampleInput:focus {
        border-color: rgb(46,211,155); /* input获得焦点时则更改边框颜色为蓝色 */
        }
    .modal-content .modal-body .form-group:last-child #exampleInput{
        height: 90rem !important;
    }
    
    .modal-content.modal-body .form-group  label{
        font-size: 22rem !important;
        font-weight: 600;
        height: 30rem;
    }
    .modal-content .modal-footer{
        width: 100%;
        border: 0;
    }
    .modal-content .modal-footer .btn{
        width: 100% !important;
        height: 50rem !important;
        border: 0;
        background-color: rgb(46,211,155);
        color: #000;
        font-size: 24rem;
        font-weight: 600;
        border-radius: 5px;
    }

    
    /* 表格样式 */
    .product-content-table .container{
        padding: 90rem 175rem;
        margin: 0;
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .product-content-table .title{
        width: 1100rem;
        height: 100rem;
        color: white;
        font-size: 50rem;
        font-weight: 700;
        /* background-color: rgb(17,127,253) rgb(90,77,234); */
        background: linear-gradient(to right,rgb(17,127,253) 0%, rgb(90,77,234) 66%);
        border-radius: 50rem;
        text-align: center;
        line-height: 100rem;
        margin: 30rem 0;
    }

    .product-content-table .bgc{
        background-color: rgb(34,36,70);
        color: rgb(46,211,155);
    }

    .bgc img{
        width: 10% !important;
        height: auto !important;;
    }
    .col-xs-4 img{
        width: 10% !important;
        height: auto !important;;
    }




    .product-content-table .tdbgc{
        background-color: rgb(82, 83, 110);
        text-align: left;
        /* text-indent: 2em !important; */
        font-size: 28rem;
        font-weight: 700;
    }
    .product-content-table td,th{
        border: 0 !important;
    }
    .product-content-table td{
        height: 75rem !important;
        line-height: 75rem !important;
    }
    .product-content-table .container .table{
        width: 100% !important;
        text-align: center !important;
        font-size: 20rem !important;
        font-weight: 300 !important;
        color: white; 
        background-color: rgb(48,49,80);
    }

    .product-content-table .container .table tbody:nth-child(1){
        height: 120rem !important;

    }
    .product-content-table .container .table tbody th{
        text-align: center !important;
        line-height: 30rem !important;

    }
    .product-content-table .container .table tbody>tr>td:nth-child(1){
        text-align: left !important;
        /* text-indent: 3em; */
        padding-left: 80rem;
    }
    .product-content-table .container .table tbody>tr>td:nth-child(1){
        text-align: left !important;
        /* text-indent: 3em; */
        padding-left: 80rem;
    }
}



/* 手机端表格 */
@media (max-width: 768px){
    /* 表格样式 */
    .product-content-table .container{
        padding: 90rem 175rem;
        margin: 0;
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .product-content-table .title{
        width: 320rem;
        height: 45rem;
        color: white;
        font-size: 16rem;
        font-weight: 700;
        /* background-color: rgb(17,127,253) rgb(90,77,234); */
        background: linear-gradient(to right,rgb(17,127,253) 0%, rgb(90,77,234) 66%);
        border-radius: 30rem;
        text-align: center;
        line-height: 45rem;
        margin: 10rem 0;
    }

    .product-content-table .bgc{
        background-color: rgb(34,36,70);
        color: rgb(46,211,155);
    }
    .product-content-table .tdbgc{
        background-color: rgb(82, 83, 110);
        text-align: left;
        /* text-indent: 2em !important; */
        font-size: 18rem;
        font-weight: 700;
    }
    .product-content-table td,th{
        border: 0 !important;
    }
    .product-content-table td{
        height: 30rem !important;
        line-height: 30rem !important;
        word-wrap: break-word;
    }
    .product-content-table .container .table{
        width: 100% !important;
        text-align: center !important;
        font-size: 12rem !important;
        font-weight: 500 !important;
        color: white; 
        background-color: rgb(48,49,80);
    }

    .product-content-table .container .table tbody:nth-child(1){
        height: 36rem !important;

    }
    .product-content-table .container .table tbody th{
        text-align: center !important;
        line-height: 36rem !important;

    }
    .product-content-table .container .table tbody>tr>td:nth-child(1){
        text-align: left !important;
        /* text-indent: 3em; */
        /* padding-left: 80rem; */
    }
    .product-content-table .container .table tbody>tr>td:nth-child(1){
        text-align: left !important;
        /* text-indent: 3em; */
        padding-left: 24rem;
    }
    .modal-content{
        width: 90%;
        margin: auto;
    }
    .modal-content .modal-footer .btn{
        width: 100%;
        background-color: #17AC64;
    }
    .modal-content .modal-footer .btn:focus {
        border: 0;
        outline: none;
    }


    .bgc img{
        width: 15% !important;
        height: auto !important;;
    }
    .col-xs-4 img{
        width: 15% !important;
        height: auto !important;;
    }
}