/*! This file is created by webpack */
/*css reset*/
*{margin:0px; padding:0px; -webkit-appearance: none; -webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{text-decoration: none;}
/*去除a链接在手机端点击边框*/
div,p,span,a,img,input{-webkit-tap-highlight-color:transparent;}
/*chrome表单自动填充去掉input黄色背景*/
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
/*去掉所有元素的边框：*/
*:focus {outline: none;} 
input,input:focus,input:active{user-select: text;}

.clearfix:after{ content:"."; display:table; height:0; font-size: 0; line-height: 0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.hidden{display: none;}
.m02{margin:0 20px;}
.ml1{margin-left:10px;}
.ml2{margin-left:20px;}
.ml3{margin-left: 30px;}
.mt6{margin-top:60px;}
.mt7{margin-top:70px;}
.ml6{margin-left:60px;}
.ml7{margin-left:70px;}
.ml8{margin-left:80px;}
.ml9{margin-left:90px;}
.ml0{margin-left:0px;}
.ml1-7{margin-left:17px;}
.ml1-8{margin-left:18px;}
.mr2{margin-right:20px;}
.mr3{margin-right: 30px;}
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt2-3{margin-top:23px;}
.mt3{margin-top:30px;}
.mt5{margin-top:50px;}
.mt12{margin-top:120px;}
.pt1{padding-top:10px;}
.pt9{padding-top:90px;}
.pt5{padding-top: 50px;}
.pb13{padding-bottom: 130px;}
.disVisibility{width:0;height:0;overflow: hidden;}
.record {color:inherit;}
.record:hover{text-decoration: underline;}
html,body{min-width:1200px;}
.top{width:1180px;margin:0 auto;line-height:50px;padding:0 10px; position: relative;}
.top .logo{ width: 270px; height: 84px;position: absolute; top: 50%; transform: translateY(-50%); }
.top .logo img{ width: 100%; height: 100%; }
.wrap{width:1180px;margin:0 auto;text-align:center;}
.topInfo{float:right;}
.topInfo a{font-size:18px;color:#000000;}
.topInfo a.click{color:#c30d22;}
.topInfo .Navigation{ margin-right: 20px;padding: 20px 0; }
.topInfo .Navigation:last-child{margin-right: 0;}
.topInfo .Navigation.active{ border-bottom: 2px solid #ffb400; }
.topInfo .Navigation.active a{ color: #3e83cb;  }
.topInfo .Navigation.active a:hover{color:#3e83cb;}
.banner{min-width:1180px;}
.banner img{display:block;width:100%;}

/* 首页 index 开始*/
.home .wrap_separation{color:#cdcdcd;padding-top:54px;text-align:center;font-size:34px;line-height: 34px;}
.home .swiper-pagination-bullets{bottom: 80px !important;}
.home .swiper-pagination-bullet{width:16px;height:16px;}
.home .showInfo{padding:26px 0px 60px;}
.home .courseInfo{max-width: 1180px;margin-top: -70px;position: relative;z-index: 999; border-bottom: 1px solid #d2d2d2;}
.home .courseInfoList{width: 391px;height: 270px;background-color: #fff; border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
.home .courseInfoList:nth-child(3n) {border-right: 1px solid #d2d2d2;}
.home .courseInfoIcon{width: 70px;height: 70px;background: #5da6e0;border-radius: 50%;margin: 70px auto 10px;color: #fff;font-weight: 400;font-size: 36px;text-align: center;line-height: 70px;}
.home .courseInfoTitle{color: #333;margin: 5px 0;}
.home .basicInfoWrap{margin: 20px 0 50px;}
.home .briefIntroduction{width: 880px;}
.home .briefIntroductionTop{ height: 40px;line-height: 40px;border-bottom: 2px solid #dcdddd; margin-right: 20px;}
.home .briefIntroductionTitle {margin-right: 20px;color: #505050;}
.home .briefIntroductionTitle:hover{cursor: pointer;}
.home .briefIntroductionTitle.active{ color: #3e83cb;font-weight: 500;font-size: 18px;border-bottom: 2px solid #3e83cb; }
.home .briefIntroductionInfo{display: none;}
.home .briefIntroductionInfo.active{ display: block; }
.home .basicInfoList{ width: 274px;}
.home .briefIntroductionInfoBox{ height: 522px; line-height: 40px; padding: 20px; text-indent: 2rem;text-align: justify; }
.home .shituBrief{ background: url('//static.91shitutech.com/image/shituBriefIntroduction1-1.png') no-repeat; background-size: 100% 100%; }
.home .groupBrief{ background: url('//static.91shitutech.com/image/groupBriefIntroduction1-1.png') no-repeat; background-size: 100% 100%; }
.home .basicInfoBanner{height: 142px;margin-bottom: 12px;border-radius: 20px;}
.home .basicInfoBanner:last-child{margin-bottom: 0;}
.home .basicInfoBanner img{width: 100%;height: 100%;border-radius: 20px;}
.home .briefIntroductionTeachers{ height: 160px;margin-bottom: 10px;padding: 10px;}
.home .briefIntroductionTeachers:last-child{margin-bottom: 0;}
.home .briefIntroductionTeachersImg{ width: 160px; }
.home .briefIntroductionTeachersImg img{ width: 100%;height: 100%;border-radius: 50%; }
.home .briefIntroductionTeachersInfo{text-align: left;height: 152px; width: 670px; padding: 10px; font-size: 16px }
.home .briefIntroductionTeachersTitle{ color: #727171;font-weight: 600; }
.home .briefIntroductionTeachersDesc{ color: #727171;}
.home .seeMore{ line-height: 80px; ;margin-right: 20px;font-size: 14px; }
.home .morePosition { position: absolute; top: 0; right: 0 } /* 主要定位更多的位置*/
/* 首页 index 结束 */

/* 关于我们开始 aboutUs */
.aboutUs .aboutUsWrap{ background-color: #eeeeee;padding: 30px 0 60px; min-width: 1180px; }
.aboutUs .briefIntroductionWrap{ border-radius: 20px;background-color: #fff;padding: 80px 60px;text-align: left;box-sizing: border-box; }
.aboutUs .titleModule{ position: relative;margin-bottom: 40px;color: #727171; font-size: 20px;font-weight: 600;}
.aboutUs .teachersBriefIntroduction{margin-top: 60px;}
.aboutUs .titleModule::after{ content: '';position: absolute; width: 16px;height: 16px;background-color: #3e83cb;border-radius: 4px;top: 50%; transform: translateY(-50%);left: -30px;}
.aboutUs .companyDesc{ color: #727171; }
.aboutUs .briefIntroductionTeachers{ height: 160px;margin-bottom: 10px;padding: 10px;}
.aboutUs .briefIntroductionTeachers:last-child{margin-bottom: 0;}
.aboutUs .briefIntroductionTeachersImg{ width: 160px; }
.aboutUs .briefIntroductionTeachersImg img{ width: 100%;height: 100%;border-radius: 50%; }
.aboutUs .briefIntroductionTeachersInfo{text-align: left;height: 152px; width: 810px; padding: 10px; font-size: 16px }
.aboutUs .briefIntroductionTeachersTitle{ color: #727171;font-weight: 600; }
.aboutUs .briefIntroductionTeachersDesc{ color: #727171;}
/* 关于我们结束 aboutUs */

/* 石图课程详情开始 courseDetail */
.shituCourseDetail .shituCourseDetailWrap{ background-color: #eeeeee; }
.shituCourseDetail .shituCourseDetailWrap{ padding: 30px 0 50px; }
.shituCourseDetail .courseDetaiTop{ height: 330px;background-color: #fff; border-radius: 20px; padding: 18px; }
.shituCourseDetail .courseDetaiTopImg{ width: 620px; height: 100%; border-radius: 20px; }
.shituCourseDetail .courseDetaiTopImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiTopDetail{ width: 490px; text-align: left; color: #38383a; }
.shituCourseDetail .courseDetaiTopDetailTitle{ font-size: 24px; font-weight: 900; margin: 10px 0 20px; }
.shituCourseDetail .courseDetaiTopDetailBrief{ font-size: 22px;font-weight: 500; margin-bottom: 4px; }
.shituCourseDetail .courseDetaiTopDetailDesc{ font-size: 20px; height: 112px; }
.shituCourseDetail .courseDetaiTopDetailPrice{ color: #e56284; font-size: 28px;font-weight: 800; margin: 2px 0 12px; }
.shituCourseDetail .courseDetaiTopDetailEnroll{ width: 160px; height: 50px; border: 1px solid #dedede; border-radius: 25px; font-size: 24px;text-align: center; line-height: 50px;background-color: #f8763e; color: #fff; margin-right: 20px; }
.shituCourseDetail .courseDetaiTopDetailEnroll:hover{ cursor: pointer; }
.shituCourseDetail .courseDetaiTopDetailSeekAdvice{width: 160px; height: 50px; border: 1px solid #dedede; border-radius: 25px; font-size: 24px;text-align: center; line-height: 50px;background-color: #fff; color: #8b8b8b;}
.shituCourseDetail .courseDetaiTopDetailSeekAdvice:hover{ cursor: pointer; }
/* .shituCourseDetail .courseDetaiBottomSidebarTopPerson{ margin-top: 20px;color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersonImg{ width: 106px; height: 106px; border-radius: 50%; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersonImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiBottomSidebarTopPersontext{ font-weight: 500; font-size: 20px;line-height: 106px;margin-left: 30px; } */
.shituCourseDetail .courseDetaiBottom{ margin-top: 30px; text-align: left; }
.shituCourseDetail .briefIntroductionDetail{ width: 782px; }
.shituCourseDetail .briefIntroductionDetailTitle{ padding: 20px 30px; background-color: #fff;border-radius: 20px 20px 0 0;font-size: 20px;font-weight: 600; }
.shituCourseDetail .briefIntroductionDetailInfo{ background-color: #dedede; min-height: 800px;text-align: center;font-size: 26px;color: #bcb8b8;line-height: 100px; }
.shituCourseDetail .briefIntroductionDetailInfo img{ width: 100%; }
.shituCourseDetail .courseDetaiBottomSidebar{ width: 370px; }
/* .shituCourseDetail .courseDetaiBottomSidebarTop{ padding: 30px 20px; background-color: #fff;border-radius: 20px; }
.shituCourseDetail .courseDetaiBottomSidebarTopText{ font-size: 20px; font-weight: 600; } */
.shituCourseDetail .courseDetaiBottomSidebarBottom{ background-color: #fff;border-radius: 20px;padding: 20px 30px; }
.shituCourseDetail .courseDetaiBottomSidebarRecommend{ font-size: 20px; font-weight: 600; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendBox{ padding-bottom: 20px; background-color: #f6f6f6; margin-top: 20px; padding: 16px; border-radius: 10px; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendTitle{ font-size: 18px; font-weight: 600; color: #38383a;}
.shituCourseDetail .courseDetaiBottomSidebarRecommendDesc{ font-size: 16px;margin-top: 10px; color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImgList{ margin-top: 20px; color: #38383a; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImg{ width: 50px;height: 50px; border-radius: 50%; border: 2px solid #fff; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendImg img{ width: 100%;height: 100%; }
.shituCourseDetail .courseDetaiBottomSidebarRecommendName{ line-height: 50px; margin-left: 20px; }
/* 石图课程详情结束 courseDetail */

/* 对外合作页面开始 ForeignCooperation */
.ForeignCooperation .cooperateInfo{ padding: 35px 0; background-color: #e8e8e8; }
.ForeignCooperation .cooperateText{ color: #656464;; text-align: left; margin-bottom: 50px;}
.ForeignCooperation .cooperateText .title{ font-size: 24px; margin-bottom: 10px;font-weight: 600;}
.ForeignCooperation .cooperateText .desc{ color: 16px;}
.ForeignCooperation .cooperateInfoFooterCard{ width: 378px; height: 340px;background-color: #fff;border-radius: 20px; text-align: left; margin:0 20px 20px 0;}
.ForeignCooperation .cooperateInfoFooterCard:nth-child(3n){ margin-right: 0; }
.ForeignCooperation .cooperateInfoFooterCard:last-child{ background: none;text-align: center;line-height: 340px; }
.ForeignCooperation .cooperateInfoFooterCardTop{ height: 180px; }
.ForeignCooperation .cooperateInfoFooterCardTop img{ width: 100%; height: 100%; }
.ForeignCooperation .cooperateInfoFooterCardBottom{ padding: 20px; color: #3e3a3a;font-size: 18px; text-align: justify; }
.ForeignCooperation .cooperateInfoFooterText{ padding: 10px 24px; background-color: #f8763e; border-radius: 30px; color: #fff; }
.ForeignCooperation .cooperateInfoFooterText:hover{ cursor: pointer; }
/* 对外合作页面结束 */

/* 二维码弹窗公共开始 */
.qrCodePopupMask{ display: none; position: fixed; height: 100vh; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); }
.qrCodePopup{ width: 300px;background: #fff; border: 1px solid #ddd; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); border-radius: 10px; box-shadow: 6px 6px 12px rgb(0 0 0 / 30%); }
.qrCodePopup .close{ height: 20px; border-bottom: 1px solid #eee; padding: 6px 10px; }
.qrCodePopup .close img{ width: 20px;height: 20px; }
.qrCodePopup .close img:hover{ cursor: pointer; }
.qrCodePopupBox{ padding: 20px; }
.qrCodePopup .qrCodePopupImg{ height: 260px; }
.qrCodePopup .qrCodePopupImg img{ width: 100%; height: 100%; }
.qrCodePopupText{ padding: 0 6px; text-align: center; margin-top: 10px; }
/* 二维码弹窗公共结束 */

/* 石图课程公共区域开始 */
.coursePricePublic{background-color: #e6e6e6;padding:35px 10px;min-width:1180px;}
.coursePricePublic.coursePriceModule{ background-color: #fff; }
.coursePricePublic .footerTopTitleList{ height: 40px;line-height: 40px;border-bottom: 2px solid #b1b1b1;}
.coursePricePublic .footerTopTitle{ margin-right: 20px; color: #656464; }
.coursePricePublic .footerTopTitle:hover{cursor: pointer;}
.coursePricePublic .footerTopTitle.active{ color: #3e83cb;font-weight: 500;font-size: 18px;border-bottom: 2px solid #3e83cb; }
.coursePricePublic .footerBottomInfo{display: none;}
.coursePricePublic .footerBottomInfo.active{ display: block; }
.coursePricePublic .footerBottomInfoPosition{ position: relative }
.coursePricePublic .footerBottomTopTitleList{ height: 80px;}
.coursePricePublic .footerBottomTopTitle.active{ background-image: linear-gradient(#5199e3,#2972bf);color: #fff; }
.coursePricePublic .footerBottomTopTitle{ font-size: 14px; position: relative;top: 50%;transform: translateY(-50%); margin-right: 20px;background-color: #fff; border: 1px solid #d4d4d4; border-radius: 18px;padding: 6px 18px;color: #ddd; }
.coursePricePublic .footerBottomTopTitle:hover{cursor: pointer;}
.coursePricePublic .footerBottomBottomInfo{display: none;}
.coursePricePublic .footerBottomBottomInfo.active{display: block;}
.coursePricePublic .footerBottomBottomCard{ width: 378px; height: 340px;background-color: #fff;border-radius: 20px; text-align: left; margin:0 20px 20px 0;position: relative;border: 1px solid #d2d2d2;}
.coursePricePublic .footerBottomBottomCard:nth-child(3n){ margin-right: 0; }
/* .coursePricePublic .footerBottomBottomCard:last-child{margin-right: 0;} */
.coursePricePublic .footerCourseTitle{font-size: 16px;color: #3e3a3a; font-weight: 600;margin: 12px 0 8px;padding-left: 20px;}
.coursePricePublic .footerCourseDesc{ color: #333; margin: 1px 0;padding-left: 20px; }
.coursePricePublic .footerCourseTime{ color: #333; margin: 1px 0;padding-left: 20px; display: none; }
.coursePricePublic .footerCoursePersonImgList{ margin-top: -30px;padding-left: 20px;position: relative; height: 64px; }
.coursePricePublic .footerCourseImg { height: 170px;border-radius: 20px 20px 0 0;}
.coursePricePublic .footerCourseImg img{ width: 100%; height: 100%; }
.coursePricePublic .footerCoursePersonImg{ width: 60px;height: 60px;border-radius: 50%; border: 2px solid #fff;margin-right: 10px;}
.coursePricePublic .footerCoursePersonImg img{ width: 100%; height: 100%; }
.coursePricePublic .footerCoursePersonName{ color: #333; margin: 6px 0;}
.coursePricePublic .footerCoursePrice{position: absolute;bottom: 10px;left: 20px; right: 20px;border-top: 1px solid #ddd;padding-top: 10px;text-align: right;font-size: 24px;font-weight: 600; color: #e56284;}
.coursePricePublic .footerText{ color: rgb(101, 100, 100); text-align: left; margin-bottom: 50px;}
.coursePricePublic .footerText .title{ font-size: 24px; margin-bottom: 10px;font-weight: 600;}
.coursePricePublic .footerText .desc{ color: 16px; }
/* 石图课程公共区域结束 */

/* 石图之家、石图商城占位图开始 */
.placeholderGraphicImg{ max-width: 1180px;margin: 10px auto;}
/* 石图之家、石图商城占位图结束 */

/* 底部footer 开始*/
footer{background-color: rgb(56, 56, 58);color: rgb(188, 188, 188);padding: 40px 0;}
footer .footerInfo{ padding: 10px; border-bottom: 1px solid rgb(188, 188, 188); }
footer .name{ font-size: 18px;margin-top: 8px; }
footer .address{ font-size: 14px; margin-top: 8px; }
footer .contactType{ font-size: 14px; margin-top: 8px; }
footer .footerRecord{ margin-top: 10px; font-size: 14px; }
footer .footerInfo{ text-align: left; }
footer .footerQRCodeImg{ width: 120px;height: 120px; }
footer .footerQRCodeImg img {width: 100%; height: 100%;}
footer .footerQRCodeText{ font-size: 12px; text-align: center; margin-top: 4px; }
/* 底部footer 结束 */

/*# sourceMappingURL=detailXingce_styles_5f557cd3.css.map*/