@font-face{
    font-family:  "方正楷体";
    src: url("../fonts/FZKTJW.TTF");
}

@font-face{
    font-family:  "SourceHanSerifCN-Bold";
    src: url("../fonts/SOURCEHANSERIFCN-BOLD-2.OTF");
}
@font-face{
    font-family:  "PingFang";
    src: url("../fonts/FZKTJW.TTF");
}
@font-face{
    font-family:  "SourceHanSerifCN-Medium";
    src: url("../fonts/SOURCEHANSERIFCN-MEDIUM-6.OTF");
}
@font-face{
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SOURCEHANSERIFCN-REGULAR-1.OTF");
}
.we-chengjiao{
    width: 1140px;
    height: 21.20vh;
    margin: auto;
    border-bottom: 1px solid #AAAAAA;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    color: #333333;
    font-size: 36px;
}
.we-dingdan{
    
    line-height: 70px;
    font-weight: bold;
}
.we-bianhao{
    font-weight: 500;
    line-height: 70px;
}

.we-content{
    width: 500px;
    height: 64.81vh;
    margin: 4.63vh auto;
}
.we-makuang{
    width: 498px;
    height: 498px;
    border: 1px solid #AAAAAA;
    position: relative;
}
.we-matu{
    position: absolute;
    width: 452px;
    height:452px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url("../img/erweima.png") no-repeat;
    background-size: 100%;
}
.we-saoma{
    width: 497px;
    height: 10vh;
    margin: 1.67vh auto;
    background: #ff0000;
    display:flex;
    justify-content: space-around;
    align-items: center;

}
.we-saomiao{
    width:71px;
    height: 66px;
}
.we-zi{
    width: 200px;
    height: 6.11vh;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}
.we-yingfu{
    width: 100%;
    height: 3.33vh;
    text-align: center;
    margin-top:4.07vh;
    color: #333333;
    font-size: 36px;
}
.we-jine{
    color: #D31214;
}

/* 结算页 */
.settle-jiesuantitle{
    width: 1200px;
    height: 237px;
    margin: auto;
}
.settle-jie{
    color: #343434;
    font-size: 48px;
    margin-top: 71px;
    font-weight: 500;
    line-height: 40px;
    float: left;
}
.settle-yingfu{
    color: #343434;
    font-size: 36px;
    float: right;
    margin-top: 141px;
}
.zise{
    color: #d31314;
    
}
.settle-content{
    width: 1200px;
    height: 773px;
    margin: auto;
    border: 1px solid #AAAAAA;
}
.settle-kuang1{
    width: 1140px;
    margin: auto;
    border-bottom: 1px solid #AAAAAA;
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
} 
.settle-consignee{
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
} 
.settle-xinxi{
    color: #333333;
    font-size: 36px;
    font-weight: 500;
}
.settle-dizhi{
    width: 100%;
    height: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.settle-dizhilan{
    width: 926px;
    height: 66px;
    background: url("../img/dizhikuang2.png") no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 66px;
    color: #333333;
    font-size: 30px;
}
.settle-edit{
    width: 165px;
    height: 19px;
    color: #666666;
    font-size: 18px;
    background: #F5F5F5;
}
.settle-gengduo{
    width: 100%;
    height: 30px;
    color: #666666;
    font-size: 24px;
}    

.settle-kuang2{
    width: 1140px;
    margin: auto;
    border-bottom: 1px solid #AAAAAA;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
} 
.settle-zhifufangshi{
    width: 100%;
    height: 34px;
    color: #333333;
    font-size: 36px;
    font-weight: 500;
}
.settle-zaixian{
    width: 196px;
    height: 66px;
    background: url("../img/zhifu_bg2.png") no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 66px;
    font-size: 30px;
    font-weight: 500;
    color: #333333;
}
.settle-kuang3{
    width: 1140px;
    margin: auto;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.settle-wechat,.settle-alipay{
    width: 100%;
    height: 51px;
    color: #333333;
    font-size: 36px;
}
.settle-wechatimg{
    width: 53px;
    height: 46px;
    float: left;
}
.settle-wechatword{
    float: left;
    margin-left: 46px;
    line-height: 50px;
}

/* 添加收货地址 */

.settle-add:hover{
    cursor: pointer;
}
.wapx{
    position: relative;
}
.add-dizhi{
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.5);
    display: none;
}
.add-xinxi{
    width: 1200px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #FFFFFF;
}
.add-informationtitle{
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    color: #666666;
    font-size: 36px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 39px;
    line-height: 80px;
}
.add-content{
    width: 1000px;
    height: 300px;
    margin:60px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #AAAAAA;
    font-size: 30px;
}
.add-suozai{
    width: 100%;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
}
.kuang{
    width: 750px;
    height: 48px;
    border: 1px solid #AAAAAA;
    position: relative;
}
.kuang2{
    width: 750px;
    height: 48px;
}
.add-xuanze{
    width: 140px;
    height: 48px;
    border: 1px solid #AAAAAA;
    font-size: 24px;
}
.add-more,.add-tubiao{
    float: left;
}
.add-more{
    margin-left: 15px;
}
.add-tubiao{
    margin-left:8px;
}
::-webkit-input-placeholder{
    text-indent: 1em;
}
.kuang>input{
    width: 100%;
    height: 46px;
    margin-top: 0px;
    border: none;
    background: #FFFFFF;
    box-sizing: border-box;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
}
.add-xing{
    color: #D31214;
}
::-webkit-input-placeholder
{
  text-indent: 1em;
}

.add-preserve{
    width: 400px;
    height: 80px;
    margin: auto;
    background: #D31214;
    text-align: center;
    line-height: 80px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
}


/* 提交订单 */

.submit-tijiao{
    width: 100%;
    height: 100vh;
}
.submit-top{
    width: 78.3vw;
    height: 34.26vh;
    margin: auto;
    
}
.submit-fanhui{
    width: 6.77vw;
    height: 100%;
    float: left;
}
.submit-fan{
    width: 100%;
    height:3.15vh;
    margin-top: 4.63vh;
    font-size: 1.88vw;
    font-weight: 500;
}
.fanlogo{
    width: 1.88vw;
    height: 1.77vw;
}

.p1{
    float: left;
}
.p2{
    float: right;
}
.submit-tijiaologo{
    width: 5.94vw;
    height: 5.94vw;
    float: left;
    margin-left:2.6vw;
}
.submit-logo{
    margin-top:16.67vh;
    width: 5.94vw;
    height: 5.94vw;
}

.submit-xiangqing{
    width:26.04vw;
    height:100%;
    float:left;
    margin-left:60px;

}
.submit-ti1{
    width: 100%;
    height: 3.33vh;
    font-weight: bold;
    font-size:1.56vw;
    color: #343434;
    margin-top: 11.11vh;
    line-height: 37px;
}
.submit-ti2{
    width: 100%;
    height: 2.59vh;
    font-weight: bold;
    font-size: 1.46vw;
    color: #666666;
    margin-top: 4.63vh;
    line-height: 28px;
}
.submit-ti3{
    width: 100%;
    height: 2.59vh;
    font-weight: bold;
    font-size:1.88vw;
    color: #343433;
    margin-top: 7.41vh;
    line-height: 28px;
}
.submit-color{
    color: #D31314;
    font-size:2.5vw;
}
.submit-color>em{
    font-style:normal
}
.submit-bianhao{
    width:24.48vw;
    height: 2.50vh;
    float: left;
    margin-left:2.60vw;
    font-size: 1.56vw;
    color: #666666;
    margin-top: 18.98vh;
}


.submit-huitiao{
    width: 100%;
    height:4.63vh;
    background: #f5f5f5;
}

.submit-bottom{
    width:78.3vw;
    height:55.93vh;
    margin:auto;
}

.submit-fangshi{
    width:100%;
    height:13.89vh;
    border-bottom:1px solid #f5f5f5;
    line-height:13.89vh;
    font-size:1.88vw;
    font-weight:bold;
    color:#343434;
}

.submit-wezhi{
    width:20.83vw;
    height: 40.74vh;
    float: left;
    margin-left:7.81vw;
    
}
.submit-wezhilogo{
    width: 100%;
    height:13.06vh;
    display: flex;
    justify-content: space-between;
    margin-top: 4.63vh;
}
.submit-zongji{
    width: 100%;
    height: 4.63vh;
    line-height: 50px;
    font-size: 1.88vw;
    color: #343434;
    margin-top: 9.26vh;
}
.submit-ziti{
    font-size: 2.50vw;
}

.submit-fukuan{
    width:40.10vw;
    height:12.04vh;
    float:right;
    margin-top: 23.15vh;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:1440px){
 .submit-fukuan {
   float: left;
   margin-left:50px;
  }
}

.submit-yingfu{
    width: 21.88vw;
    height: 4.63vh;
    font-size: 1.88vw;
    color: #343434;
    font-weight: 500;
    line-height: 130px;
}
.submit-fuqian>span{
    color: #D41214;
}
.submit-fuqian>span{
    font-size: 2.50vw;
}
.submit-lijizhifu{
    width:20.83vw;
    height:11.04vh;
    background: #D41214;
    border-radius: 20px;
    font-size: 2.50vw;
    color: #FFFFFF;
    text-align: center;
    line-height: 12.04vh;
}


/* 购物车 */
.car-content{
    width:1200px;
    height: auto;
    margin: auto;
}
.car-headtitle{
    width:100%;
    height: 45px;
    margin: 71px 0px 51px 0px;
    color: #343434;
    font-size: 48px;
}
#wx_pay>img{
    width:5.94vw;
    height:5.94vw;
}
.zhifubao>img{
    width:5.94vw;
    height:5.94vw;
}
.car-yangbiao{
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    margin-bottom: 70px;
    overflow: hidden;
}
.car-yangbiao-center{
    width:1110px;
    height: 30px;
    margin:25px auto;
    color: #343434;
    font-size: 28px;
}
.car-quanxuan{
    width: 100px;
    height:30px;
    display: flex;
    justify-content: space-between;
    float: left;
}
.car-check{
    width: 30px;
    height: 30px;
    background: url("../img/checkimg.png") no-repeat;
}
.car-check:hover{
    cursor: pointer;
}

.shangpin{
    float: left;
    margin-left:358px;
}
.price{
    float: left;
    margin-left:279px;
}
.number{
    float: right;
    margin-right: 54px;
}

.car-commodity{
    width: 100%;
    height: 220px;
    margin-bottom: 50px;
}
.car-checked{
    width: 30px;
    height: 30px;
}
.car-checkedk{
    width: 30px;
    height: 100%;
    float: left;
    margin-left: 10px;
}
.car-checked{
    width: 30px;
    height: 30px;
    margin:95px auto;
    background: url("../img/checkimg.png") no-repeat;
    background-size: 100%;
}
.img-center{
    width: 30px;
    height: 30px;
    margin: auto;
    background:#D31214 ;
    border-radius: 8px;
    position: relative;
}
.img-center>img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.commodityimg{
    width: 186px;
    height: 220px;
    float: left;
    margin-left: 35px;
   
}
.commodityimg>img{
    width: 186px;
    height: 220px;
}
.car-commodityming{
    width: 315px;
    height: 70px;
    float: left;
    margin-left: 95px;
    margin-top: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    color: #343434;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
}
.car-jiage{
    width: 100px;
    height: 50px;
    float: left;
    margin-left:139px;
    color: #D31314;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    margin-top: 85px;
}
.car-jiage>span{
    font-size: 30px;
}
.car-jiajiank{
    width: 194px;
    height: 48px;
    float: right;
    margin-right: 30px;
    margin-top: 85px;
    line-height: 48px;
    border: 1px solid #AAAAAA;
}
.reduce,.plus{
    width: 48px;
    height: 48px;
    float: left;
    text-align: center;
}
.reduce,.plus:hover{
    cursor: pointer;
}
.reduce{
    border-right: 1px solid #AAAAAA;
}
.plus{
    border-left: 1px solid #AAAAAA;
}
.car-number2{
    width: 94px;
    height: 46px;
    float: left;
    border: none;
    text-align: center;
}

.car-xian{
    width: 1200px;
    height: 1px;
    margin: auto;
    background: #f5f5f5;
}

.car-jiesuan{
    width: 1200px;
    height: 80px;
    margin:auto;
    margin-top: 80px;

}
.car-yixuan{
    width: 200px;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 30px;
    font-weight: 500;
    color: #343434;
    margin-top: 25px;
}

.car-zongji{
    width: 500px;
    height: 80px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.car-zjzi{
    width: 70px;
    height: 30px;
    font-size: 30px;
    font-weight: 500;
    color: #343434;
    text-align:center ;
}
.car-zjprice{
    width: 150px;
    height: 30px;
    color: #d31314;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}
.car-gojiesuan{
    width: 200px;
    height: 80px;
    text-align: center;
    background: #d31314;
    font-size: 36px;
    font-weight: bold;
    border-radius: 20px;
    line-height: 80px;
    color: #FFFFFF;
}
.car-gojiesuan:hover{
    cursor: pointer;
}

.mall-lunbo{
    width: 100%;
    height: 730px;
}
.swiper-container {
	width: 100%;
	height: 730px;
}

.swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
	height: 730px;
	display: block;
}
.mall-bg{
    width: 100%;
    height: 41px;
    background: #FFF6E7;
}

.mall-content{
    width: 100%;
    height: 1545px;
    position: relative;
}
.mall-yanbg{
    width: 547px;
    height: 228px;
    position:absolute;
    top: 190px;
    left: 28px;
    background: url("../img/yanimg.png") no-repeat;
}
.mall-center{
    width: 1200px;
    height: 100%;
    margin: auto;
}
.mall-pinlei{
    width: 1200px;
    height: 45px;
    margin: 65px 0px 105px 0px;
    display: flex;
    justify-content: space-around;
}
.zhi{
    font-size: 48px;
    color: #AAAAAA;
    width: 44px;
    height: 45px;
    font-weight: 500;
}
.zhi:hover{
    cursor: pointer;
}
.active{
    position: relative;
    z-index:1;
    color: #343434;
}
.active .mall-activetu{
    width: 84px;
    height: 78px;
    position: absolute;
    top: -10px;
    right: 8px;
    background-image:url("../img/yue.png");
    z-index:-10;
}

.mall-pinlei>p:nth-child(1){
    width: 150px;
    height: 45px;
}
.mall-pinlei>p:nth-child(2){
    width: 195px;
    height: 45px;
}

.mall-pinleitu{
    width: 100%;
    height: 1350px;
    position: relative;
    overflow: hidden;
}
.mall-pinleilong{
    width: 4800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s;
}

.mall-listtu{
    width: 1200px;
    height: 1350px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.mall-listtu1{
    width: 330px;
    height: 675px;
}
.mall-bitu{
    width: 100%;
    height: 389px;
}
.mall-bitu>img{
    width: 330px;
    height: 389px;
}
.mall-bizi{
    width: 321px;
    height: 70px;
    margin: auto;
    margin-top: 30px;
    font-size: 30px;
    font-weight: 500;
    color: #343434;
    line-height: 40px;
    text-align: center;
}
.mall-biprice{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #d31314;
    font-size: 36px;
    margin-top: 26px;
}
.mall-biprice>span{
    font-size: 30px;
}

.mall-cartu{
    width: 90px;
    height: 90px;
    background: #c8ae76;
    border-radius: 50%;
    position: absolute;
    top: 560px;
    right: 0px;
}
.mall-cartu:hover{
    cursor: pointer;
}
.mall-carimg{
    width: 46px;
    height: 41px;
    margin-left:18px;
    margin-top: 15px;
}
.mall-carzi{
    width: 100%;
    height: 18px;
    text-align:center;
    margin-top: 5px;
    color: #fff;
}

.mall-erweik{
    width: 100%;
    height: 307px;
    position: relative;
}

.erweikuang{
    position: absolute;
    width: 100%;
    height: 307px;
    background: url("../img/shangpin_bg.png") no-repeat;
    background-size:contain;
    left: 0;
    bottom: -2px;
}
.weima{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

}
.matu{
    width: 140px;
    height: 140px;
    background: chocolate;
    
}

/* 购买课程 */
.course-xiangqing{
    width: 1100px;
    height: 46px;
    margin: auto;
    margin-bottom: 30px;
    line-height: 46px;
}
.course-xiangqing>p{
    color: #343434;
    font-size: 36px;
    font-weight: bold;
    float: left;
    letter-spacing: 2px;
}
.course-searchk{
    width: 170px;
    height: 46px;
    float: left;
    margin-left: 64px;
    background: url("../img/searchtwo.png") no-repeat;
    border-right: 2px solid #c8ad76;
    border-radius: 0px 4px 4px 0px;
}
.course-search{
    width: 120px;
    height: 42px;
    border: none;
    background: none;
    float: right;
    margin-top: 3px;
}

.course-shizi{
    width: 1050px;
    height:150px;
    margin:auto;
    margin-top: 40px;
}
.course-shizitou{
    width: 1050px;
    height:100px;
    margin:auto;
    margin-top: 40px;
}

.course-shizititle{
    width: 160px;
    height: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #d31314;
}

.course-zilei{
    width: 1000px;
    height: 100px;
    margin-left: 30px;
    margin-top: 27px;
    color: #343434;
}
.course-zilei2{
    width: 1000px;
    height: 50px;
    margin-left: 30px;
    margin-top: 27px;
    color: #343434;
}
.course-zilei2>p{
    float: left;
    font-size: 26px;
}
.course-zilei>p{
    float: left;
    font-size: 26px;
}
.course-shizi2{
    margin-left: 117px;
}
.course-shizi3{
    margin-left: 150px;
}
.course-shizi4{
    margin-left: 210px;
}
.course-shizi5{
    margin-top: 37px;
}
.course-shizi6{
    margin-left: 143px;
    margin-top: 37px;
}
.course-shizi7{
    margin-left: 124px;
    margin-top: 37px;
}

.course-kuang{
    width: 100%;
    height: 50px;
}
.bian{
    color: #D31314;
    position: relative;
}
.mian{
    display: block;
    width: 80px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: -90px;
    font-size: 16px;
    border: 1px solid #d31314;
    border-radius: 10px;
    text-align: center;
    line-height: 18px;
}
.wenzititle{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 50px;
    line-height: 50px;
    margin-top:2.6vh;
}
.textlist {
    width: 878px;
    margin: 10vh auto;
    flex-wrap: wrap;
}