.course .head{height:322px;width:100%;background-image:url(/img/course/head-bg.png)}.course .head .details{width:1200px;margin:0 auto;padding:30px 0;font-size:14px}.course .head .details .line1{color:#fff}.course .head .details .line1 .teacher{background-color:#006ac7;margin-right:10px;padding:4px 8px;border-radius:5px}.course .head .details .line1 .orgName{padding:4px 8px;border-radius:5px;background-color:#0db8ac}.course .head .details .line1 .collectionBtn{float:right;width:90px;height:34px;padding:7px 18px;border-radius:8px}.course .head .details .coursename{font-size:32px;margin:6px 0}.course .head .details .Introduce{line-height:22px;font-size:16px;height:110px}.course .head .details .platform .el-button{padding:7px 10px 4px 10px;background-color:#fff;color:#006ac7;border:1px solid #006ac7;border-radius:8px}.course .head .details .platform .el-button .el-image{vertical-align:middle;margin-top:-5px}.course .statistics{width:1160px;height:80px;margin:0 auto;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-40px;border-radius:20px;background-color:hsla(0,0%,100%,.3764705882352941);border:1px solid #fff}.course .statistics .itemModel{background-color:#fff;width:163px;height:55px;margin:0 5px;padding:15px 10px;border-radius:20px}.course .nav{width:1200px;height:80px;margin:0 auto;margin-top:20px;line-height:40px;font-size:18px;border:1px solid #fff;border-top-left-radius:20px;border-top-right-radius:20px}.course .nav .itemModel1,.course .nav .itemModel2,.course .nav .itemModel3,.course .nav .itemModel4,.course .nav .itemModel5,.course .nav .itemModel6{width:140px;cursor:pointer;float:left;background-image:url(/img/course/tab.png);padding:20px 30px}.course .nav .itemModel1 .el-image,.course .nav .itemModel2 .el-image,.course .nav .itemModel3 .el-image,.course .nav .itemModel4 .el-image,.course .nav .itemModel5 .el-image,.course .nav .itemModel6 .el-image{width:42px;height:42px;vertical-align:middle;margin-right:20px}.course .nav .itemModel1.Hover,.course .nav .itemModel2.Hover,.course .nav .itemModel3.Hover,.course .nav .itemModel4.Hover,.course .nav .itemModel5.Hover,.course .nav .itemModel6.Hover{width:140px;padding:20px 30px;cursor:pointer;float:left;color:#09c;background-image:url(/img/course/tab1.png)}.course .nav .itemModel1{border-top-left-radius:20px}.course .nav .itemModel6{border-top-right-radius:20px}