/*banner*/
#banner{
    width: 100%;
}
#banner img{
    width: 100%;
    height: 1.49rem;

}


/*banner*/

.banner{
    width:100%;
    height: 1.49rem;
    overflow:hidden;
    position: relative;
}
.banner img{
    width: 100%;
    height: 1.49rem;
    object-fit: cover;
}
/*模块一*/
.main1{
    background: #eee;
    overflow: hidden;
}
.main1-container{
    margin: 0 auto;
}
/*热点*/
.hot-box{
    font-size: 0;
    padding: 10px 0 0;
    text-align: center;
}
.hot-box>div{
    display: inline-block;
    vertical-align: top;
}
.hot-box .hot-list{
    position: relative;
    width: 100%;
    box-shadow: -4px 3px 7px 3px
    rgba(230, 230, 230, 0.3);
    background: #f9f9f9;
    padding-bottom: .1rem;

}
.hot-box .hot-list li{
    background: white;
}
.hot-box .hot-list>ul{
    font-size: 0;
    width: 3.55rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}
.hot-box .list-title{
    position: relative;
    left:.05rem;
    width: 1.57rem;
    margin: 0 auto;
    font-size: .12rem;
    color: #000000;
    padding: .24rem 0 .06rem;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}
.hot-box .list-title span{
    opacity: 0.6;
}
.hot-box .list-item{
    height: 0.3rem;
    font-size: 0.12rem;
    line-height: 0.3rem;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 .05rem;
    box-sizing: border-box;
}
.hot-box .list-item:hover{
    color:#ed1c24;
}
.hot-box .list-top{
    position: relative;
    width: 1.75rem;
}
.hot-box .list-bottom{
    position: relative;
    width: 1.75rem;
}
.hot-list img{
    position: absolute;
    top:0;
    left: 0;
    width: .33rem;
}
.hot-box  .hot-img {
    margin: 0 auto;
    padding: .03rem 0;
}
.hot-box  .hot-img>img{
    width: 3.65rem;
    height: 2.03rem;
    object-fit: cover;
}
/*名师讲堂*/
.teacher{
    padding-top: .8rem;
    padding-bottom: .2rem;
}
.teacher-title{
    margin: 0 auto;
    padding-bottom: .2rem;
}
.teacher-title-top{
    text-align: center;
    font-size: .15rem;
    letter-spacing: .01rem;
    color: #000000;
    line-height: 1.5;
}
.teacher-title-top span{
    color: #e50004;
    letter-spacing: .01rem;
}
.teacher-title-top small{
    font-size: 16px;
    letter-spacing: 0;
    opacity: 0.73;
}
.teacher-title-bottom{
    color: #000000;
    text-align: center;
    font-size: .13rem;
    letter-spacing: 0;
    opacity: 0.73;
    margin-top: 0.05rem;
}
.teacher-tab{
    text-align: center;
}
.teacher-tab li{
    width: .73rem;
    height: .23rem;
    line-height: .23rem;
    border: 1px solid #f19a15;
    display: inline-block;
    box-sizing: border-box;
    font-size: .12rem;
    font-family: "MicrosoftYaHei";
    font-weight: 400;
    color: #f1980f;
    text-align: center;
    margin: .15rem .03rem ;
}
.teacher-tab .teacher-tab-active{
    color:white;
    background: #f19913;
    border-color: #f19913;
}
.teacher-tab-active::after{
    content: '';
    display: block;
    width: .06rem;
    height: .06rem;
    background: #f19913;
    transform: rotate(45deg);
    margin: -.03rem auto 0;
}
.teacher-card {
    font-size: 0;
    text-align: center;
}


.teacher-card-item {
    width: 1.7rem;
    height: 2.25rem;
    background: white;
    display: inline-block;
    margin-right: .1rem;
    margin-bottom: .15rem;
    vertical-align: top;
    transition: all .2s;
}
.teacher-card-item:nth-child(2n) {
    margin-right: 0;
}
.teacher-card-item:hover{
    transform: translateY(-.05rem);
    -webkit-transform: translateY(-.05rem);
    -moz-transform: translateY(-.05rem);
    -ms-transform: translateY(-.05rem);
}

.teacher-card-item>a{
    display: block;
    width: 100%;
    height: 100%;
}
.teacher-pic{
    width: 100%;
    height: 1.05rem;
    background: #eee;
}
.teacher-pic img{
    width: 100%;
    height: 100%;
}
.teacher-msg{
    padding: .07rem .1rem;
    text-align: left;
}
.teacher-msg h3{
    font-size: .16rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
}
.teacher-msg h3 span{
    font-size: .12rem;
    font-family: "MicrosoftYaHei";
    font-weight: 400;
    color: #666;
    border: 1px dashed #666;
    display: inline-block;
    padding: .02rem .05rem;
}
.teacher-msg p{
    margin-top: .09rem;
    font-size: .12rem;
    font-family: "MicrosoftYaHei";
    font-weight: 400;
    color: #999999;
    line-height: .15rem;
    height: .5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.teacher-btn{
    font-size:0;
    border:1px solid #999;
}
.teacher-btn>div{
    display: inline-block;
    color:#999;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    font-size: .12rem;
    width: 50%;
}
.teacher-btn>div:last-child{
    color:white;
    background: #999;
}
.teacher-btn:hover{
    border-color: red;
}
.teacher-btn:hover>div{
    color:red;
}
.teacher-btn:hover>div:last-child{
    color:white;
    background: red;
}

/*专业类别*/

.major-title{
    text-align: center;
}
.major-small-title{
    font-size: .13rem;
    color: #000000;
    opacity: 0.7;
    transform: scale(0.8);
}
.major-card{
    font-size: 0;
    text-align: center;
}
.major-card-item{
    width: 1.78rem;
    display: inline-block;
    margin-right: .04rem;
    margin-bottom: .08rem;
}

.major-card-item:nth-child(2n){
    margin-right: 0;
}
.major-degree{
    font-size: .14rem;
    margin-bottom: .12rem;
    text-align: center;
    color: #202020;
}
.major-card-box{
    width: 1.78rem;
    height: 1.78rem;
    padding: 0.05rem;
    box-sizing: border-box;
}
.major-card-content{
    position: relative;
    width: 100%;
    height: 100%;
    border: 0.01rem dotted white ;
}
.major-card-t-box{
    height: 1rem;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-content: center;
}
.major-card-top{
    text-align: center;
    width: 100%;
    transform: scale(.8);

}
.major-card-top p{
    width: 110%;
    position: relative;
    left:-5%;
    font-size: .12rem;
    color: #ffffff;
}
.major-card-content .middle-line{
    height: 0.01rem;
    background: white;
}
.major-type{
    padding-top: .05rem;
    text-align: center;
    font-size: 0.21rem;
    color: #ffffff;
}
.card-item1>.major-card-box,.card-item9>.major-card-box{
    background: #ed8b66
}

.card-item2>.major-card-box,.card-item10>.major-card-box{
    background: #efa18d
}

.card-item3>.major-card-box,.card-item11>.major-card-box{
    background: #aba533
}

.card-item4>.major-card-box{
    background-color: #665c27;
    opacity: 0.84;
}

.card-item5>.major-card-box{
    background: #665c27
}

.card-item6>.major-card-box{
    background-color: #e0ad5e;
    opacity: 0.84;
}

.card-item7>.major-card-box{
    background: #5fc9e1
}
.card-item8>.major-card-box{
    background-color: #efa18d;
    opacity: 0.84;
}
.card-item12>.major-card-box{
    background-color: #e3b875;
    opacity: 0.84;
}


/*模块二*/
.main2{
    background: white;
    padding-bottom: .1rem;
}
.service{
    margin: 0 auto;
}

.service-table{
    text-align: center;
    border-collapse: collapse
}
.service-table tr>td{
    position: relative;
    color:black;
    border:1px solid #787878;
    font-size: .12rem;
    z-index: 0;
    text-align: center;
}
.service-table tr>td p{
    width: .14rem;
    text-align: center;
    font-size: .12rem;
    color:black;
    margin: 0 auto;
}
.service-table tr>td div{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0.68;
    z-index: -1;
}
.service-table tr>td:first-child,.service-table tr>td:last-child{
    width: .35rem;
}
.service-table tr:nth-child(n +2)>td:nth-child(2){
    text-align: left;
    padding: .05rem;
}
.sevice-table-tr0 div{
    background-color: #686868;
}
.sevice-table-tr1 div{
    background-color: #efa18d;
}
.sevice-table-tr2 div{
    background-color: #e5c189;
}
.sevice-table-tr3 div{
    background-color: #aba533;
}
.sevice-table-tr4 div{
    background-color: #d66d20;
}
.sevice-table-tr5 div{
    background-color: #cb8450;
}
.service-btn-ask{
    position: relative;
    width: .2rem;
    font-size: .12rem;
    color: #ffffff;
    border-radius: 20px;
    border:unset;
    z-index: 0;
    overflow: hidden;
    outline: none;
    text-align: center;
    padding: 0.05rem 0;
}
.service-btn-ask>div{
    opacity: 0.6;
    background-color: #474747;
}
.banner2{
    background: #002f65;
    text-align: center;
    height: 1.2rem;

}
.banner2 img{
    position: relative;
    vertical-align: middle;
}

.main2-img{
    width: 80%;
}

/*模快三*/
/*优势一*/
.zzl-mores {
    padding-top: 20px;
    width: 100%;
    box-sizing: border-box;
    background: white;
}
.zzl-mores .zzl-more {
    margin: 0 auto;
}
.zzl-mores .zzl-more ul {
    margin-top: .15rem;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.zzl-mores .zzl-more ul li {
    position: relative;
    display: inline-block;
    width: 1.75rem;
    height: 2.8rem;
    margin-right: .08rem;
    background: #f2f2f2;
    border-radius: .1rem .1rem 0 0 ;
    margin-bottom: .2rem;
    vertical-align: top;
}
.zzl-mores .zzl-more ul li:nth-child(2n){
    margin-right: 0;
}
.zzl-mores .zzl-more ul li:hover{
    background: #f39a00;
}

.advantage1-img{
    width: 100%;
    height: 1rem;
    border-radius: .08rem .08rem 0 0 ;
}
.zzl-mores .zzl-more ul li h2 {
    font-size: .18rem;
    margin-top: .05rem;;
    margin-bottom: .05rem;
    padding:0 .08rem;
    box-sizing: border-box;
    text-align: center;
    color: #3d3a38;
}
.zzl-mores .zzl-more ul li:hover h2{
    color:white;
}
.zzl-mores .zzl-more ul li .message {

    margin-bottom: .06rem;
    padding:0 0.1rem;
    box-sizing: border-box;
    font-size: .14rem;
    color: #3d3a38;
    text-align: left;
}
.zzl-mores .zzl-more ul li:hover .message{
    color:white;
}
.zzl-mores .zzl-more ul li a {
    position: absolute;
    left:calc(50% - .7rem);
    bottom: .15rem;
    display: block;
    height: .24rem;
    line-height: .23rem;
    text-align: center;
    font-size: .14rem;
    background-color: #9f9f9f;
    border-radius: .05rem;
    width: 1.4rem;
    margin: 0 auto;
    color:white;
}
.zzl-mores .zzl-more ul li:hover a{
    color:#e40011;
    background: white;
}
/*标题*/
.zzl-head-title{
    position: relative;
    text-align: center;
}
.zzl-head-title>p{
    display: inline-block;
    margin-left: .08rem;
    font-size:.17rem;
    color:#000;
}
.zzl-head-title span{
    color:#f39a00;
}
.zzl-head-title img{
    position: relative;
    width: .14rem;
    top:-.02rem;

}
/*优势二*/
.advantage2{
    padding-top: .3rem;
    box-sizing: border-box;
    padding-bottom: 0.4rem;
}
.advantage-box{
    margin: 0 auto;
}
.advantage-card{
    padding-top: .12rem;
    font-size: 0;
    text-align: center;
}
.advantage-card-item{
    display: inline-block;
    width: 1.77rem;
    padding: 0.08rem 0.08rem .12rem;
    box-sizing: border-box;
    margin-right: .05rem;
    margin-bottom: .08rem;
    background-color: #e9e9e9;
    border-radius: 10px;
    height: 1.65rem;
    vertical-align: top;
    overflow: hidden;
}
.advantage-card-item:nth-child(2n){
    margin: 0;
}
.advantage-card-title{
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    color: #000000;
    text-align: left;
}
.advantage-card-title p{
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: .13rem;
    font-weight: bold;
    border-bottom: 2px solid #666;
    padding-bottom: .05rem;
    color: #000000;
}
.advantage-card-title a{
    margin-top: 3px;
    float: right;
    font-size: .12rem;
    color:#000;
    opacity: 0.64;
}
.advantage-list{
    display: block;
    margin-top: 10px;
    font-size: .12rem;
    line-height: .14rem;
    color: #000000;
    padding-left: 3px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

/*优势3*/
.advantage3{
    padding-bottom: .1rem;
    box-sizing: border-box;
}
.advantage3 .advantage-card-item{
    vertical-align: top;
    width: 1.77rem;
    height: 1.23rem;
    margin-right: .07rem;
    padding: .12rem;
    background-color: #f2f2f2;
    border-radius: 0 0 0 64px;
    box-sizing: border-box;
}
.advantage3 .advantage3-item4{
    margin: 0;
}
.advantage3 .advantage-card-item:hover{
    background:#f39a00 ;
}
.advantage-card-left{
    vertical-align: top;
    display: inline-block;
    position: relative;
    background-color: #9f9f9f;
    border-radius: .17rem;
    overflow: hidden;
}
.advantage3 .advantage-card-item:hover .advantage-card-left{
    background:#f2f2f2 ;

}
.advantage-card-left span{
    display: inline-block;
    padding: .10rem .11rem;
    font-size: .21rem;
    color:white;
}
.advantage3 .advantage-card-item:hover .advantage-card-left span{
    color:#e40011;
}

.advantage-card-right{
    padding-top: .19rem;
    margin-left: .19rem;
    display: inline-block;
}

.advantage3-item4 .advantage-card-right{
    margin-top: -.2rem;
    margin-left: .24rem;
}
.advantage-card-right li{
    font-size: .14rem;
    line-height: .19rem;
    color: #3d3a38;
}
.adv3-bg-img{
    width: .53rem;
    height: .47rem;
    background: url(../img/home/adv-play.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .05rem;
}
.advantage3 .advantage-card-item:hover .advantage-card-right li{
    color:white;
}
.advantage3 .advantage-card-item:hover .adv3-bg-img{
    background-image: url(../img/home/adv-play-white.png);
}

/*优势四*/
.advantage4{
    box-sizing: border-box;
    background: #f4f4f4;
    padding-bottom: .17rem;
}
.advantage4 .zzl-head-title{
    padding: .26rem 0 ;
}
.advantage4 table{
    width: 3.63rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-collapse: collapse;
    background: #e9e9e9;
}
.advantage4 td{
    width: .9rem;
    height: .61rem;
    text-align: center;
    border: 1px solid #ccc;
}
.advantage4 td p{
    position: relative;
    left:-5%;
    font-size: .12rem;
    color: #3d3a38;
    height: .32rem;
    width: 110%;
    transform: scale(.8);
}
.advantage4 td:hover{
    background: #f39a00;
}
.advantage4 td:hover p{
    color:white;
}
.adv4-img{
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: .05rem;
}
.adv4-img1{
    background-image: url(../img/home/adv4-1.png);
}
.advantage4 td:hover .adv4-img1{
    background-image: url(../img/home/adv4-1-white.png);
}
.adv4-img2{
    background-image: url(../img/home/adv4-2.png);
}
.advantage4 td:hover .adv4-img2{
    background-image: url(../img/home/adv4-2-white.png);
}
.adv4-img3{
    background-image: url(../img/home/adv4-3.png);
}
.advantage4 td:hover .adv4-img3{
    background-image: url(../img/home/adv4-3-white.png);
}
.adv4-img4{
    background-image: url(../img/home/adv4-4.png);
}
.advantage4 td:hover .adv4-img4{
    background-image: url(../img/home/adv4-4-white.png);
}
.adv4-img5{
    background-image: url(../img/home/adv4-5.png);
}
.advantage4 td:hover .adv4-img5{
    background-image: url(../img/home/adv4-5-white.png);
}
.adv4-img6{
    background-image: url(../img/home/adv4-6.png);
}
.advantage4 td:hover .adv4-img6{
    background-image: url(../img/home/adv4-6-white.png);
}
.adv4-img7{
    background-image: url(../img/home/adv4-7.png);
}
.advantage4 td:hover .adv4-img7{
    background-image: url(../img/home/adv4-7-white.png);
}
.adv4-img8{
    background-image: url(../img/home/adv4-8.png);
}
.advantage4 td:hover .adv4-img8{
    background-image: url(../img/home/adv4-8-white.png);
}
.adv4-img9{
    background-image: url(../img/home/adv4-9.png);
}
.advantage4 td:hover .adv4-img9{
    background-image: url(../img/home/adv4-9-white.png);
}
.adv4-img10{
    background-image: url(../img/home/adv4-10.png);
}
.advantage4 td:hover .adv4-img10{
    background-image: url(../img/home/adv4-10-white.png);
}
.adv4-img11{
    background-image: url(../img/home/adv4-11.png);
}
.advantage4 td:hover .adv4-img11{
    background-image: url(../img/home/adv4-11-white.png);
}
.adv4-img12{
    background-image: url(../img/home/adv4-12.png);
}
.advantage4 td:hover .adv4-img12{
    background-image: url(../img/home/adv4-12-white.png);
}
.adv4-link-btn{
    text-align: center;
}
.adv4-link-btn a{
    display: inline-block;
    color:white;
    width: 1.07rem;
    height: .24rem;
    background-color: #1b6cf1;
    border-radius: .12rem;
    margin: .23rem .08rem 0;
    text-align: center;
    line-height: .23rem;
    border:1px solid transparent;
    font-size: .12rem;
}

/*模快四*/


.container {
    margin-right: auto;
    margin-left: auto;
}
.zzl-tit {
    font-size: .14rem;
    padding-top: .1rem;
    text-align: center;
    color: #000;
}
.zzl-xbt{text-align: center; margin:0 0 .1rem; font-size: .13rem;color: #494949;transform: scale(.8)}
.zzl-clearfix{
    font-size: 0;
    text-align: center;
}
.shouhuo ul {
    overflow:hidden;
    font-size: 0;
    text-align: center;
}
.shouhuo-list{
    display: inline-block;
    width: 1.78rem;
    margin-right: .09rem;
    font-size: .12rem;
    margin-bottom: .1rem;
    background: #eee;
    text-align: center;
    padding:.13rem;
    box-sizing: border-box;
    vertical-align: top;
}
.shouhuo-list:hover{
    background: #196ee3;
}
.shouhuo-list:nth-child(2n){
    margin-right: 0;
}
.shouhuo-list h4{
    font-size: .14rem;
    color: #333333;
    margin-bottom: .05rem;
}

.shouhuo-list p{
    position: relative;
    left: -8%;
    font-size: .12rem;
    color: #666666;
    line-height: .14rem;
    width: 116%;
    height: .42rem;

}
.shouhuo-list:hover h4,.shouhuo-list:hover p{
    color:white;
}
.shouhuo-list .btn2{
    min-width: .76rem;
    height: .2rem;
    background-color: #b1b1b1;
    border-radius: .04rem;
    border: unset;
    font-size: .12rem;
    padding: 0 .04rem;
    margin-top: .07rem;
}

.shouhuo-list .btn2 a{
    color: #ffffff;
}
.shouhuo-list:hover .btn2{
    background: white;
}
.shouhuo-list:hover  .btn2 a{
    color: #196ee3;
}

/*模快五*/
.zzl-yxdn{
    margin: 0 auto;
    text-align: center;
}
.zzl-yxdn img{
    width: 1.58rem;
    margin: 0 auto .06rem;

}
.zzl-yxdn ul span{
    display: inline-block;
    box-sizing: border-box;
    font-weight:bold;
    font-size: .34rem;
    color: #1c6bf1;
    vertical-align: top;
}
.zzl-yxdn ul li{
    margin-bottom:15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    display: inline-block;
}
.zzl-yxdn ul p{
    margin-top: .08rem;
    display: inline-block;
    vertical-align: top;
    font-size: .12rem;
    line-height: .18rem;
    color: #281902;
    text-align: left;
    width: 2.4rem;
    margin-left: .1rem;

}
.zzl-yxdn .adv4-link-btn a{
    margin-top: .15rem;
    width: 1.3rem;
}
/*<!--模快六-->*/

.main6-table{
    width: 3.63rem;
    background-color: #ffffff;
    margin: 0 auto .1rem;
    border-radius: .25rem .25rem 0 0;
    overflow: hidden;
    box-shadow: 0 0 .7rem .1rem rgba(54, 54, 54, 0.2);
}
.main6-table h3{
    height: .29rem;
    background-color: #da8605;
    font-size: .15rem;
    letter-spacing: .01rem;
    color: #ffffff;
    line-height: .29rem;
    text-align: center;
}
.main6-thead {
    background-color: #bcbcbc;
    box-shadow: 0 0 2px 0 rgba(230, 33, 41, 0.3);
    font-size: 0;
    text-align: center;
}
.main6-thead li{
    font-size: .12rem;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    line-height: .29rem;
}
.main6-tr{
    font-size: 0;
}
.main6-tr:hover{
    box-shadow: 0 0 5px 2px #ccc;
}
.table-td{
    height: .29rem;
    display: inline-block;
    text-align: center;
}
.main6-table ul li:nth-child(1){
    width: 15%;
}
.main6-table ul li:nth-child(2){
    width: 28%;
}

.main6-table ul li:nth-child(3){
    width: 27%;
}

.main6-table ul li:nth-child(4){
    width: 20%;
}

.main6-table ul li:nth-child(5){
    width: 10%;
}

.main6-tr li{
    font-size: .12rem;
    line-height: .28rem;
    color: #000000;
}


/*模快七*/
.main7-card{
    font-size: 0;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
    background: white;
}
.main7-card-item{
    display: inline-block;
    width: 1.57rem;
    height: 2.13rem;
    margin-right: .2rem;
    vertical-align: top;
    margin-bottom: .2rem;
    text-align: left;

}
.main7-card-item:nth-child(2n){
    margin-right: 0;
}

.main7-card-item h3{
    text-align: center;
    font-size: .15rem;
    color: #000000;
    opacity: 0.9;
    font-weight: bold;
    padding: .15rem 0 .19rem;
}
.main7-card-item p{
    display: inline-block;
    height: .2rem;
    line-height: .2rem;
    border-radius: .1rem;
    background: white;
    box-sizing: border-box;
    padding: 0 .08rem .03rem .03rem;
    margin-left: .15rem;
    margin-bottom: .05rem;
    font-size: .12rem;
    color: #000000;
}
.main7-card-item p span{
    display: inline-block;
    width: .15rem;
    height: .15rem;
    text-align: center;
    background: #1b6cf1;
    border-radius: 50%;
    line-height: .15rem;
    color:white;
    margin-right: .05rem;
}
.main7-btn{
    text-align: center;
    background: linear-gradient(to bottom,white ,transparent);
}
.main7-btn>button{
    width: 1.23rem;
    height: .24rem;
    background-color: #1b6cf1;
    box-shadow: 1px 1px 1px 0 #6c0e14;
    border-radius: .07rem;
    font-size: .12rem;
    letter-spacing: 1px;
    color: #ffffff;
    border:1px solid transparent;
    margin: .1rem 0 .47rem;
}

.main7-white-card{
    width: 2.16rem;
    height: .66rem;
    display: inline-block;
    position: relative;
    z-index: 0;
    padding:.1rem .12rem;
    box-sizing: border-box;
}
.main7-white-card div{
    background-color: #da8605;
    opacity: 0.64;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.main7-white-card h3{
    font-size: .2rem;
    letter-spacing: .025rem;
    color:#ffffff;
}
.main7-white-card p{
    font-size: .16rem;
    letter-spacing: .01rem;
    color:#ffffff;
}
.main7-bottom{
    padding-top: .3rem;
    text-align: center;
    padding-bottom: .4rem;

}
.main7-bottom h3{
    font-size: .16rem;
    letter-spacing:.03rem;
    margin-bottom: .1rem;
    color:#da8605;
}
.main7-bottom p{
    font-size: .12rem;
    color:#da8605;
}