/*product*/
/* empCon7 */
.empCon7{background: url('../png/oblique_401-2.png'); padding: 3em 0;}
.empCon7 .empTit{text-align: left; padding: 0.5em 0;}
.empDl{margin: 0; overflow: hidden;}
.empDl dt{text-align: center;}
.empDl dt img{width: 80%; margin-top: 1em;}
.empDl dd{}
.empDl dd p{line-height: 1.8; margin-bottom: 0.5em;}
.empDl dd .btn{padding: 0.5em 1.5em; margin: 0.5em 0; border-radius: 50px; font-size: 1.2em; background-color: #f60; color: #fff;}
.empDl dd .btn:hover,.empDl dd .btn:focus{box-shadow: 0 3px 7px rgba(0,0,0,.2); background-color: #f30; color: #fff;}
.empCon7 li{margin-bottom: 0.5em;}
@media (max-width: 991px) {
    .empDl dt img{width: 90%; margin-top: 2em;}
}
@media (max-width: 767px) {
    .empDl dt{text-align: center;}
    .empDl dt img{width: 80%; margin: 0 0 1em;}
    .empDl dd{padding: 0 15px;}
    .empDl dd .btn{font-size: 1em;}
}
/*product*/
.empConInd1,.empConInd2,.empConInd4{padding-top: 0;}
.empConInd1{}
.empConInd1 ul{display: flex; text-align: center; width: 100%; justify-content: space-around;}
.empConInd1 ul li{width: 28%;}
.empConInd1 ul li img{width: 150px;}
.empConInd1 ul li div{font-size: 22px; margin: 1em 0 1.5em;}
.empConInd1 ul li div>span{}
.empConInd2 .empCon-3uul{margin-top: -1em;}
.empConInd4 .table>tbody>tr>td,
.empConInd4 .table>tbody>tr>th,
.empConInd4 .table>tfoot>tr>td,
.empConInd4 .table>tfoot>tr>th,
.empConInd4 .table>thead>tr>td,
.empConInd4 .table>thead>tr>th{padding: 15px 30px; border: none;}
.empConInd4 thead th{text-align: center; font-weight: normal; background-color: #fafafa;}
.empConInd4 tbody{border: 1px solid #fafafa;}
.empConInd4 tbody tr:first-child td,.empConInd4 tbody tr:first-child th{padding-top: 30px;}
.empConInd4 tbody th{text-align: center; font-weight: normal; width: 20px; white-space: nowrap;}
.empConInd4 tfoot td{text-align: center; font-size: 12px; color: #999;}
.empConInd4 .progress{height: 10px; margin-bottom: 0; margin-top: 5px;}
.empConInd4 .progress-bar-free{background-color: #999;}
@media (max-width: 767px){
    .empConInd1 ul{justify-content: space-between;}
    .empConInd1 ul li{width: auto;}
    .empConInd1 ul li img{width: 75px;}
    .empConInd1 ul li div{font-size: 14px; line-height: 1.5; padding: 0 5px;}
    .empConInd1 ul li div>span{font-size: 12px;}
    .empConInd2 .empCon-3uul{margin-top: 0;}
    .empConInd4 .table>tbody>tr>td,
    .empConInd4 .table>tbody>tr>th,
    .empConInd4 .table>tfoot>tr>td,
    .empConInd4 .table>tfoot>tr>th,
    .empConInd4 .table>thead>tr>td,
    .empConInd4 .table>thead>tr>th{padding: 10px;}
}
.empCon-3uul{display: flex; flex-wrap: wrap;}
.empCon-3uul li{/*display: flex; justify-content: center; flex-wrap: wrap;*/ width: 30.33%; margin: 1.5%; padding: 1.5em 0 0; border: 1px solid #e6e6e6; border-radius: 10px; overflow: hidden; text-align: center;}
.empCon-3uul li i,.empCon-3uul li b,.empCon-3uul li>span,.empCon-3uul li p,.empCon-3uul li a{width: 100%;}
.empCon-3uul li i{font-size: 2.3em; width: auto; color: #ba7a5c;
    background-image: -webkit-linear-gradient(-45deg, #daa86a, #fad9a6);
    background-image: -o-linear-gradient(-45deg, #daa86a, #fad9a6);
    background-image: linear-gradient(-45deg, #daa86a, #fad9a6);
    background-color: #f4cf9a; background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    color: transparent;}
.empCon-3uul li b{font-size: 22px; color: #663c00; font-weight: normal; display: block; margin: 15px 0 0;}
.empCon-3uul li>span{display: block; margin-bottom: 10px; font-size: 2em; color: #ba7a5c; font-family: auto;}
.empCon-3uul li>span>span{font-size: 12px; padding: 0 3px; color: #999;}
.empCon-3uul li a{font-size: 14px; color: #fff; margin: 0; padding: 10px; background-color: #0b66d3ad;}
.empCon-3uul li a:hover{background-color: #0b66d3; color: #fff;}
.empCon-3uul li a.disabled,.empCon-3uul li a.disabled:hover{color: #888; padding: 10px; background-color: #f5f5f5;}
.empCon-3uul li p{font-size: 14px; color: #888; padding: 10px 20px;}
.empCon-3uul li:hover{box-shadow: 0 4px 14px rgba(0,0,0,.15); transform: translateY(-3px); transition: all 0.2s ease-in-out 0s;}
@media (max-width: 767px){
    .empCon-3uul li{width: 48%; margin: 0 0 1em; justify-content: center;}
    .empCon-3uul li:nth-child(2n+1){margin-right: 4%;}
    .empCon-3uul li i,.empCon-3uul li b{display: inline;}
    .empCon-3uul li i{width: auto; font-size: 1.2em; margin-right: 10px;}
    .empCon-3uul li b{width: auto; font-size: 14px; text-align: left; margin-top: 0;}
    .empCon-3uul li>span{font-size: 1.6em;}
    .empCon-3uul li p,.empCon-3uul li a{font-size: 12px; padding: 10px;}
}


/*membership-list页面代码*/
.empCon-3{padding-top: 0;}
.empCon-3 .empTit a{color: #18b; text-decoration: none; cursor: pointer; font-size: 0.8em; margin: 0 0.5em;}
.empCon-3 .empTit a:hover{color: #18b; text-decoration: underline;}
.empCon-3 .empTit a.active,.empCon-3 .empTit a.active:hover{color: #333; text-decoration: none; cursor: default;}
.empCon-3 .empConTab{display: none;}
.empCon-3 .empConTab.active{display: block;}
.empCon-3 .empConBox .empCon-3ul{padding: 0 8%;}
dl.memCard{position: relative; margin-bottom: 30px; display: flex; justify-content: center; border: 1px solid #e6e6e6; border-radius: 10px; overflow: hidden;}
.memCardTag{display: none!important; position: absolute; right: 0.8em; top: 0; width: 43px;}
dl.memCard dt{position: relative; min-width: 160px; width: 160px;
    background-image: -webkit-linear-gradient(135deg, #f5e8d8, #e3c2a7);
    background-image: -o-linear-gradient(135deg, #f5e8d8, #e3c2a7);
    background-image: linear-gradient(135deg, #f5e8d8, #e3c2a7);
    background-color: #f4cf9a;}
dl.memCard dt .memCardLogo{height: 18px; margin: 1em 0 0 1em;}
dl.memCard dt>span{color: #ffffffdd; position: absolute; white-space: nowrap; font-family: 'Roboto Condensed'; font-weight: normal;}
dl.memCard dt>.span1{font-size: 14px; right: 10px; bottom: -18px;}
dl.memCard dt>.span1>b{font-size: 90px;}
dl.memCard dt>.span2{font-size: 18px; right: 10px; bottom: -10px;}
dl.memCard dt>.span2>b{font-size: 68px;}
dl.memCard .dd1{padding: 20px 5px 20px 20px;}
dl.memCard .dd2{padding: 20px 20px 20px 0px; align-self: center; text-align: center;}
dl.memCard dd h4{margin-bottom: 8px;}
dl.memCard dd h4 b{margin-right: 15px; font-size: 22px; font-weight: normal;}
dl.memCard dd h4 span{color: #999; font-size: 14px; display: inline-block;}
.menDetailTag{display: flex; flex-wrap: wrap;}
.menDetailTag li{font-size: 14px; padding: 5px 10px; background-color: #F7F7F7; margin-right: 10px; margin-top: 10px; border-radius: 4px;}
dl.memCard dd .price,#buyMemberModal .price{font-size: 2em; font-weight: bold; font-family: auto; color: #ba7a5c;}
dl.memCard .dd2 .btn{padding-left: 30px; padding-right: 30px; border-radius: 100px; margin-top: 10px;}
dl.memCard .dd2 .btn:hover,dl.memCard .dd2 .btn:focus{background-color: #18b; color: #fff; transition: all 0.1s ease-in-out 0s;}
dl.memCard:hover{box-shadow: 0 4px 14px rgba(0,0,0,.15); transform: translateY(-3px); transition: all 0.2s ease-in-out 0s;}
@media (max-width: 1199px){
    .empCon-3 .empConBox .empCon-3ul{padding: 0 2%;}
}
@media (max-width: 991px){
    .empCon-3 .empConBox .empCon-3ul{padding: 0 3%;}
    dl.memCard dd ul li{font-size: 12px;}
}
@media (max-width: 767px){
    .empCon-3 .empConBox .empCon-3ul{padding: 0;}
    dl.memCard{display: block; margin-bottom: 20px;}
    .memCardTag{right: 1em; width: 35px;}
    dl.memCard .dd1{padding: 20px 15px 15px;}
    dl.memCard dd h4 b{font-size: 18px;}
    dl.memCard .dd2{display: flex; justify-content: space-between; padding: 0 15px 20px;}
    dl.memCard .dd2 .btn{margin: 0; padding-left: 20px; padding-right: 20px;}
    .menDetailTag li{font-size: 12px; padding: 4px 6px; margin-right: 8px; margin-top: 8px;}
}
#buyMemberModal .priceWrap{float: left;}
#buyMemberModal .price{font-size: 1.6em;}
#buyMemberModal .priceDelete{text-decoration: line-through; color: #999; padding-left: 5px;}
#buyMemberModal .menDetailTop{display: flex; color: #999; justify-content: space-between;}
#buyMemberModal .menDetailTop li i{margin-right: 5px;}
#buyMemberModal h6{font-size: 14px; margin:15px 0 3px;}
#buyMemberModal .menDetailTip{color: #999; margin-top: 20px;}
#buyMemberModal .menDetailTip p{font-size: 12px; margin: 5px 0 0;}
@media (max-width: 767px){
    #buyMemberModal .priceWrap{padding-top: 4px;}
}
.tableSingle.table{margin-bottom: 3em;}
.tableSingle.table>tbody>tr>td,
.tableSingle.table>tbody>tr>th,
.tableSingle.table>tfoot>tr>td,
.tableSingle.table>tfoot>tr>th,
.tableSingle.table>thead>tr>td,
.tableSingle.table>thead>tr>th{padding: 1.2em 1.8em; border-color: #eee;}
.tableSingle.table-bordered{border-color: #eee;}
.tableSingle.table-hover>tbody>tr:hover{background-color: #fafafa;}
.tableSingle thead th{font-weight: normal; background-color: #eee;}
.tableSingle i.fa{color: #aaa; margin-right: 0.3em;}
.tableSingle b{color: #ba7a5c; font-size: 1.5em; margin: -1em 0; display: inline-block;}
.tableSingle a.disabled,.tableSingle a.disabled:hover{color: #666;}

@media (max-width: 767px){
    .tableSingle{font-size: 12px;}
    .tableSingle.table>thead>tr>th{white-space: nowrap;}
    .tableSingle.table>tbody>tr>td,
    .tableSingle.table>tbody>tr>th,
    .tableSingle.table>tfoot>tr>td,
    .tableSingle.table>tfoot>tr>th,
    .tableSingle.table>thead>tr>td,
    .tableSingle.table>thead>tr>th{padding: 1em;}
    .tableSingle i.fa{display: none;}
}
.ulSingle{display: flex; flex-wrap: wrap; display: none;}
.ulSingle li{width: 48%; margin: 1%; padding: 1.5em 2em; border-radius: 10px; background-color: #eee;}
.ulSingle li:hover{box-shadow: 0 4px 14px rgb(0 0 0 / 15%);}
.ulSingle li div{background: url("../zhidingbanner.html") no-repeat right; background-size: contain;}
.ulSingle li.liSingle1{background: linear-gradient(-135deg, #e56565, #a652c8); background-color: #c95d92; color: #fff;}
.ulSingle li.liSingle1 div{background-image: url("../jipinbanner.html");}
.ulSingle li.liSingle2{background: linear-gradient(-45deg, #cde5ce, #f2fdec); background-color: #DEF0DC; color: #222;}
.ulSingle li.liSingle2 div{background-image: url("../zhidingbanner.html");}
.ulSingle li.liSingle3{background: linear-gradient(90deg, #dbfeff, #8eced7); background-color: #b6e7ec; color: #222;}
.ulSingle li.liSingle3 div{background-image: url("../zhidingbanner1.html");}
.ulSingle li.liSingle4{background: linear-gradient(-135deg, #55ccc8, #667fdd); background-color: #4986E5; color: #fff;}
.ulSingle li.liSingle4 div{background-image: url("../imgadbanner.html");}
.ulSingle li b{font-size: 1.5em; font-weight: normal;}
.ulSingle li span{font-size: 1.2em; display: block; margin: 10px 0 20px; font-family: auto;}
.ulSingle li a.btn{border-radius: 100px; padding-left: 1.5em; padding-right: 1.5em; border: 1px solid #fff; color: #fff;}
.ulSingle li a.btn:hover{background-color: rgba(255,255,255,.15)}
.ulSingle li.liSingle2 a.btn,.ulSingle li.liSingle3 a.btn{border: 1px solid #222; color: #222;}
.ulSingle li.liSingle2 a.btn:hover,.ulSingle li.liSingle3 a.btn:hover{background-color: rgba(0,0,0,.07)}
@media (max-width: 767px){
    .ulSingle li{margin: 3% 0; font-size: 14px; width: 100%;}
    .ulSingle li a.btn{padding: 0.5em 1em;}
    .ulSingle li div{background-size: 50%;}
}