body,html{margin: 0;padding: 0}
div.course{width: 100%;}
div.course *{margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei";}
/*top-img*/
div.course .top-img{width: 100%;max-width: 1920px;margin: 0 auto;}
div.course .top-img img{display: block; margin: 0;width: 100%;border: none;}
/*code二维码*/
div.course .code-con{margin: 68px auto;background-color: #fff;}
div.course .code{width: 1200px;margin:auto;background-color: #4ebfde;height: 126px;text-align: center;padding: 3px 0;user-select: none;}
div.course .code p{font-size: 22px;color: white;display: inline-block;line-height: 126px;vertical-align: top}
div.course .code p img{display: inline-block;vertical-align: -5px;margin-left: 10px;}
div.course .code div{display: inline-block;margin-left: 35px;}
div.course .code div img{display: block;border: none;margin: 0}
/*CodeMix官方公开课*/
div.course .codeMix{width: 100%; background-color: #f9f9f9;padding: 50px 0;}
div.course .codeMix>h3{font-size: 30px;color: #5f70fc;font-weight: normal;margin: auto;text-align: center}
div.course .codeMix>div{width: 1200px;margin: 60px auto;}
div.course .codeMix>div .small-tit{font-size: 26px;color: #666666;margin: 0 auto 55px;text-align: center}
div.course .codeMix>div .small-tit img{display: inline-block;vertical-align: -5px;margin-right: 10px;}
/*为什么您需要参加*/
div.course .codeMix>div .join-list{text-align: center;}
div.course .codeMix>div .join-list .join-item{display: inline-block;margin: 0 20px;vertical-align: top;width: 330px;height: 187px;background-color: #fff;padding-left: 44px;border: solid 1px #dfdfdf;}
div.course .codeMix>div .join-list .join-item h4{color: #0080b1;font-size: 20px;font-weight: normal;background-color: #c9f0ff;border-radius: 29px;width: 245px;height: 58px;line-height: 58px;margin: -29px 0 30px;}
div.course .codeMix>div .join-list .join-item p{line-height: 32px;color: #666666;font-size: 16px;text-align: justify}
/*原厂商讲师*/
div.course .codeMix>div .teach-info{background-color: #fff;border: solid 1px #dfdfdf;border-radius: 5px;padding: 32px 0;text-align: center}
div.course .codeMix>div .teach-info>div{display: inline-block;}
div.course .codeMix>div .teach-info>div img{display: block;margin: 0;border: none;}
div.course .codeMix>div .teach-info .rightInfo{width: 490px;margin-left: 80px;text-align: justify}
div.course .codeMix>div .teach-info .rightInfo h4{font-size: 24px;line-height: 34px;color: #333333;font-weight: normal;}
div.course .codeMix>div .teach-info .rightInfo p:nth-of-type(1){font-size: 20px;color: #666666;}
div.course .codeMix>div .teach-info .rightInfo p:nth-of-type(2){font-size: 16px;color: #666666;line-height: 28px;}
div.course .codeMix>div .teach-info .rightInfo hr{width: 208px;height: 4px;border: none;background-color: #4e6af1;margin: 14px 0 22px;}
/*在课程中您将学习*/
div.course .codeMix>div.willStudy>img{width: 100%;display: block;border: none;}
/*课程大纲*/
div.course .codeMix>div .all-list{text-align: center;padding: 60px 0;background-color: #fff;border: solid 1px #dfdfdf;font-size: 0;}
div.course .codeMix>div .all-list .all-item{width: 25%;height: 220px;display: inline-block;vertical-align: top;border-right: 1px solid #dfdfdf;padding: 0 20px;text-align: justify;}
div.course .codeMix>div .all-list .all-item:last-child{border: none;}
div.course .codeMix>div .all-list .all-item:nth-child(2){padding-left: 35px;}
div.course .codeMix>div .all-list .all-item:nth-child(3){padding-left: 65px;}
div.course .codeMix>div .all-list .all-item h4{color: #b46dde;line-height: 28px;font-size: 20px;font-weight: normal;margin-bottom: 30px;}
div.course .codeMix>div .all-list .all-item p{font-size: 16px;color: #666666;line-height: 32px;font-weight: normal;}
div.course .codeMix>div .all-list .all-item a{display: inline-block;width: 108px;height: 36px;background-color: #8a8eea;border-radius: 4px;color: white;line-height: 38px;text-align: center;font-size: 18px;text-decoration: none;margin-top: 10px;}
/*code二维码two*/
div.course .codeTwo{background-color: #4ebfde;padding: 42px 0;color: #fff;text-align: center;}
div.course .codeTwo>div{display: inline-block;font-size: 0;}
div.course .codeTwo .left-code img{display: block;border: none;}
div.course .codeTwo .right-info{width: 530px;font-size: 18px;line-height: 30px;vertical-align: top;text-align: justify;margin-left: 25px;}
div.course .codeTwo .right-info p:last-of-type{margin: 20px 0;}
div.course .codeTwo .right-info a{display: inline-block;text-decoration: none;width: 143px;height: 36px;background-color: #ffffff;border-radius: 5px;line-height: 36px;color: #4ebfde;font-size: 18px;text-align: center}
/*CodeMix新年优惠：贺岁“团”年价*/
div.course .price-bg {background-color: #f9f9f9;padding: 100px 0 70px;}
div.course .price-bg .price{width: 1200px;margin: auto;}
div.course .price-bg .price h3{font-size: 30px;color: #5f70fc;font-weight: normal;margin: auto;text-align: center;}
div.course .price-bg .price .table-con{margin: 40px 0 20px;width: 100%;}
div.course .price-bg .price .table-con table{width: 100%;text-align: center;border-collapse: collapse;background-color: #fff;}
div.course .price-bg .price .table-con table td,div.course .price-bg .price .table-con table th{border: solid 1px #dfdfdf;width: 25%;}
div.course .price-bg .price .table-con table thead tr{height: 80px;}
div.course .price-bg .price .table-con table thead tr th{color: #fff;font-weight: normal;font-size: 20px;background-image: -webkit-linear-gradient(108deg, #ac74ff 0%, #8004ff 100%);background-image: linear-gradient(108deg, #ac74ff 0%, #8004ff 100%);}
div.course .price-bg .price .table-con table thead tr th span{font-size: 14px;}
div.course .price-bg .price .table-con table td{height: 100px;line-height: 28px;color: #666666;font-size: 20px;}
div.course .price-bg .price .table-con table td a{display: block;text-decoration: none;color: white;width: 84px;height: 24px;line-height: 24px;text-align: center;font-size: 12px;border-radius: 12px;background-color: #b46dde;margin: 10px auto 0;}
div.course .price-bg .price .table-con table td a img{display: inline-block;vertical-align: -1px;margin-right: 3px;}
div.course .price-bg .price>a{display: block;margin: auto;text-decoration: none;color: white;width: 211px;height: 48px;background-color: #707cf4;border-radius: 5px;line-height: 48px;text-align: center;}
/*报名表*/
div.course .applyTable{width: 1200px;margin: 80px auto 0;text-align: center;background-color: #fff;padding: 40px 0;border-radius: 5px;border: solid 1px #dfdfdf;}
div.course .applyTable h3{text-align: center;font-size: 30px;color: #5f70fc;font-weight: normal;}
div.course .applyTable .contact_input{width:1200px;margin:0 auto;}
div.course .applyTable .contact_input input[type=text]{width:500px;height:39px;border:none;border-bottom:2px #b2b2b2 solid;margin-right:100px;font-size:16px;color:#000;opacity:0.7;margin-top:30px;outline:none;background-color: transparent;}
div.course .applyTable .contact_input p{font-size:12px;color:#000;opacity:0.6;line-height:40px;text-align:left;}
div.course .applyTable .contact_input input[type=submit]{width:194px;height:48px;background-color:#707cf4;line-height:48px;color:#fff;font-size:18px;margin-top:50px;border:none;border-radius: 5px;}
div.course .applyTable .contact_input p a{color:#2A89B5;text-decoration:underline;}
div.course .applyTable .contact_input input[type=text]:focus{border-bottom:2px #8004ff solid;}
div.course .applyTable .contact_input input[type=text]:nth-of-type(3),div.course .applyTable .contact_input input[type=text]:nth-of-type(4){margin-top: 80px;}
div.course .applyTable .contact_input div{text-align: center;}
/*footer*/
div.course .footer{background-color: #5f70fc;padding: 45px 0;color: #ffffff;text-align: center;font-size: 16px;line-height: 30px;}
div.course .footer hr{width: 261px;height: 3px;border: none;background-color: #fff;margin: 15px auto;}
div.course .footer a{display: inline-block;border: 2px solid #fff;color: #fff;width: 144px;height: 38px;line-height: 35px;text-decoration: none; border-radius: 5px;margin: 35px 16px 40px;}
div.course .footer a img{display: inline-block;vertical-align: -3px;margin-right: 10px;}
div.course .footer p img{display: inline-block;vertical-align: -3px;margin-right: 10px;}
/*手机端样式*/
@media (max-width: 480px) {
div.course{overflow: hidden}
/*top-img*/
div.course .top-img{text-align: center;}
div.course .top-img img{display: inline-block; margin: 0 -100%;width: 160%}
/*code二维码*/
div.course .code-con{margin:-4px 0 0;}
div.course .code{width: 100%;background-color: #4ebfde;height: 130px;padding: 5px;user-select: none;display: flex;justify-content: space-between;align-items: center}
div.course .code p{font-size: 14px;}
div.course .code p img{vertical-align: -4px;margin-left: 5px;height: 20px;}
div.course .code div{margin: 0;}
div.course .code div img{height: 100px;}
/*CodeMix官方公开课*/
div.course .codeMix{padding: 50px 0 10px;}
div.course .codeMix>h3{font-size: 20px;}
div.course .codeMix>div{width: 100%;margin: 40px auto;padding: 0 10px;}
div.course .codeMix>div .small-tit{font-size: 18px;margin: 0 auto 30px;}
div.course .codeMix>div .small-tit img{display: inline-block;vertical-align: -4px;margin-right: 10px;height: 22px;}
/*为什么您需要参加*/
div.course .codeMix>div .join-list{text-align: center;}
div.course .codeMix>div .join-list .join-item{margin: 20px 0;vertical-align: top;width: 100%;height: 187px;background-color: #fff;padding-left: 40px;border: solid 1px #dfdfdf;}
div.course .codeMix>div .join-list .join-item:last-of-type{margin-bottom: 0;}
div.course .codeMix>div .join-list .join-item h4{font-size: 16px;border-radius: 22px;width: 245px;height: 45px;line-height: 45px;margin: -22px 0 30px;}
div.course .codeMix>div .join-list .join-item p{font-size: 14px;}
/*原厂商讲师*/
div.course .codeMix>div .teach-info .rightInfo{display: block; width: 100%;margin-left: 0;text-align: justify;margin-top: 20px;padding: 0 15px;}
div.course .codeMix>div .teach-info .rightInfo h4{font-size: 20px;line-height: 34px;color: #333333;font-weight: normal;}
div.course .codeMix>div .teach-info .rightInfo p:nth-of-type(1){font-size: 16px;color: #666666;}
div.course .codeMix>div .teach-info .rightInfo p:nth-of-type(2){font-size: 14px;color: #666666;line-height: 28px;}
div.course .codeMix>div .teach-info .rightInfo hr{width: 180px;height: 2px;margin: 15px 0;}
/*在课程中您将学习*/
div.course .codeMix>div.willStudy>img{width: 100%;display: block;border: none;}
/*课程大纲*/
div.course .codeMix>div .all-list{text-align: center;padding: 0 10px;border-radius: 5px;}
div.course .codeMix>div .all-list .all-item{width: 100%;height: auto;border-bottom: 1px solid #dfdfdf;border-right:none;padding: 30px 20px;text-align: justify;}
div.course .codeMix>div .all-list .all-item:last-child{border: none;}
div.course .codeMix>div .all-list .all-item:nth-child(2){padding-left: 20px;}
div.course .codeMix>div .all-list .all-item:nth-child(3){padding-left: 20px;}
div.course .codeMix>div .all-list .all-item h4{font-size: 16px;margin-bottom: 15px;}
div.course .codeMix>div .all-list .all-item p{font-size: 14px;color: #666666;line-height: 32px;font-weight: normal;}
div.course .codeMix>div .all-list .all-item a{width: 108px;height: 36px;line-height: 38px;font-size: 14px;}
/*code二维码two*/
div.course .codeTwo{padding: 30px 10px;color: #fff;text-align: left;}
div.course .codeTwo>div{margin-bottom: 10px;}
div.course .codeTwo .left-code img{display: block;border: none;}
div.course .codeTwo .right-info{width: 100%;font-size: 14px;line-height: 30px;vertical-align: top;text-align: justify;margin-left: 0;}
div.course .codeTwo .right-info p:last-of-type{margin: 0;}
div.course .codeTwo .right-info a{font-size: 14px;margin-top: 15px;}
/*CodeMix新年优惠：贺岁“团”年价*/
div.course .price-bg {background-color: #f9f9f9;padding: 40px 0 10px;}
div.course .price-bg .price{width: 100%;padding: 0 10px;}
div.course .price-bg .price h3{font-size: 20px;}
div.course .price-bg .price .table-con{margin: 30px 0 20px;width: 100%;overflow-x: auto;border: solid 1px #dfdfdf;}
div.course .price-bg .price .table-con table{width: 600px;}
div.course .price-bg .price .table-con table td,div.course .price-bg .price .table-con table th{width: 25%;}
div.course .price-bg .price .table-con table thead tr{height: 50px;}
div.course .price-bg .price .table-con table thead tr th{font-size: 16px;border-top: 0;}
div.course .price-bg .price .table-con table thead tr th:first-child{border-left: 0}
div.course .price-bg .price .table-con table thead tr th:last-child{border-right: 0}
div.course .price-bg .price .table-con table tr td:first-child{border-left: 0}
div.course .price-bg .price .table-con table tr td:last-child{border-right: 0}
div.course .price-bg .price .table-con table tr:last-child td{border-bottom: 0}
div.course .price-bg .price .table-con table td{height: 60px;line-height: 15px;font-size: 14px;}
div.course .price-bg .price .table-con table td a{margin: 3px auto 0;}
div.course .price-bg .price .table-con table td a img{display: inline-block;vertical-align: -1px;margin-right: 3px;}
div.course .price-bg .price>a{width: 200px;height: 40px;line-height: 40px;font-size: 14px;}
/*报名表*/
div.course .applyTable{margin: 40px 0;width: 100%;padding: 30px 10px;;}
div.course .applyTable h3{text-align: center;font-size: 20px;font-weight: 500;}
div.course .applyTable .contact_input{width:100%;margin:0 auto;padding:0 10px;box-sizing:border-box;}
div.course .applyTable .contact_input input[type=text]{width:100%;height:30px;margin-right:0;font-size:14px;}
div.course .applyTable .contact_input textarea{width:100%;height:40px;font-size:14px;margin-top:40px;}
div.course .applyTable .contact_input input[type=submit]{width:100%;height:40px;line-height:40px;font-size:14px;margin-top:20px;}
div.course .applyTable .contact_input div{text-align: center;margin-left: 0;height:auto;}
div.course .applyTable .contact_input input[type=text]:nth-of-type(3),div.course .applyTable .contact_input input[type=text]:nth-of-type(4){margin-top: 30px;}
/*footer*/
div.course .footer{padding: 30px 0;font-size: 14px;line-height: 25px;}
div.course .footer hr{width: 230px;height: 2px;margin: 10px auto;}
div.course .footer a{width: 120px;margin: 20px 10px;}
div.course .footer a img{margin-right: 5px; height: 15px;}
div.course .footer p img{height: 15px;}
}