*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f6f6f6;color:#333;font-size:16px}.main{width:1200px;margin:0 auto}ul,li{list-style:none}.click{cursor:pointer;user-select:none}.click:hover{opacity:0.8}.btn{display:flex;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;font-size:14px}.btn-blue{color:#fff;background-color:#2093FF}.btn-red{background-color:#FF0000;color:#fff}a{color:#333;text-decoration:none}.detail{height:366px;background:#FFFFFF;box-shadow:0px 3px 6px rgba(102,102,102,0.16);opacity:1;margin-top:30px;padding:30px 40px;display:flex}.detail .img-box{width:540px;margin-right:60px}.detail .desc{width:calc(100% - 600px);display:flex;flex-direction:column;justify-content:space-between}.detail .desc h2{font-size:22px;margin-bottom:20px}.detail .desc .desc-item{display:flex;color:#666666;font-size:14px;line-height:24px}.detail .desc .desc-item>div:nth-child(1){width:50px;margin-right:10px}.detail .desc .desc-item>div:nth-child(2){width:calc(100% - 60px);margin-right:10px}.detail .desc .price>div:nth-child(2){color:#f00;font-size:12px}.detail .desc .price>div:nth-child(2) span{margin-right:20px;font-size:14px}.detail .desc .btn-box{display:flex}.detail .desc .btn-box .btn{width:100px;height:30px;margin-right:40px;border-radius:4px}h2{text-align:center}.crumbs{height:60px;background:#FFFFFF;box-shadow:0px 3px 6px rgba(102,102,102,0.16);opacity:1;line-height:60px}.crumbs ul{display:flex;font-size:12px}.crumbs ul a{display:inline-block;margin:0 5px}.crumbs ul a:hover{color:#51abff}.course-list h2{padding:40px}.course-list .list{display:flex;flex-wrap:wrap}.course-list .list-item{width:calc((100% - 120px) / 4);height:230px;background:#FFFFFF;box-shadow:0px 4px 8px rgba(153,153,153,0.16);border-radius:8px;margin-right:40px;margin-bottom:40px;padding:12px 10px;display:block}.course-list .list-item img{width:100%;display:block;height:140px}.course-list .list-item:nth-child(4n){margin-right:0}.course-list .list-item .name{margin-top:12px;margin-bottom:16px}.course-list .list-item .desc{font-size:12px;display:flex;margin-bottom:5px;justify-content:space-between}.course-list .list-item .desc>:nth-child(1){color:#999999}.course-list .list-item .desc>:nth-child(2){color:#2093FF}.certificate-list{border:1px solid #d2d2d2;background-color:#fff}.certificate-list h2{padding:12px;font-size:26px;border-bottom:1px solid #d2d2d2;background-color:#dddddd}.certificate-list .list-bar{margin-top:20px;padding:0 22px}.certificate-list .list-bar ul{display:flex;flex-wrap:wrap;margin-top:22px;margin-bottom:20px}.certificate-list .list-bar li{margin-right:20px;width:calc((100% - 100px) / 6);height:40px;background:#FFFFFF;border:1px solid #CCCCCC;opacity:1;border-radius:4px;text-align:center;line-height:40px;font-size:14px;margin-bottom:14px}.certificate-list .list-bar li a{width:100%;height:100%;display:block}.certificate-list .list-bar li:nth-child(6n){margin-right:0}.form-box{background:url("http://photo.tuituisoft.com/picgo/20201224174635.png") no-repeat 0 0;background-size:100% 100%;height:365px;margin-top:50px}.form-box h2{color:#fff;padding-top:30px;display:flex;justify-content:center;align-items:center}.form-box h2 img{margin-right:10px}.form-box .btn{width:180px;height:40px;background:#2093FF;border:1px solid #0066C6;opacity:1;border-radius:25px;display:flex;color:#fff;margin:auto;margin-top:124px;outline:none}.form-box .form{display:flex;justify-content:center;margin-top:40px}.form-box .form input,.form-box .form select{width:255px;height:50px;border:1px solid #666666;border-radius:8px;margin-right:40px;padding:10px;outline:none}.form-box .form option{padding:10px;height:40px}.form-box .form .mr0{margin-right:0}.zs-img{display:block;margin-top:50px;margin-bottom:30px}.gold{background-color:#fff;padding:0 30px;padding-bottom:1px}.gold h2{font-size:26px;padding-top:50px;padding-bottom:26px}.gold .text-desc{text-align:center;font-size:20px;margin-bottom:50px}.gold .list{display:flex;justify-content:space-between}.gold .list .list-item{width:270px;height:200px;background:#FFFFFF;border:1px solid #CCCCCC;opacity:1;border-radius:8px;text-align:center}.gold .list .list-item img{width:105px;margin:20px 0}.gold .list .list-item p{font-weight:bold;font-size:18px}.gold ul{line-height:24px;margin-top:40px;margin-bottom:50px}.gold .img{text-align:center}.gold .img img{width:724px}.gold .img p{font-size:14px;margin:20px}
