/*
@author: sunke
*/
@charset "utf-8";
body{font:16px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.student-mod .con span.tags i,.scene-mod .list .tit i,.stage-mod .tab-con .tit h3 i,.stage-mod .tab-con .tit02 i,.course-mod h4 i,
.course-mod .text span em,.top-header .apply .con,.areaSelect i,.top-header .apply-list .swiper-slide,.course-pop .con,.stage-mod .tab-con:before,
.stage-mod .tab-tit li{ background:url("/images/chujizhicheng/project/mianshou/2020project/ico.png") no-repeat;}
.title{ height:144px; line-height:144px; text-align:center; font-size:48px; font-weight:bold;}

/**/
.top-header-wrap{ width:100%; height:572px; background:url("/images/chujizhicheng/project/mianshou/2020project/header.png") no-repeat center top;}
.top-header{ height:572px;}
.top-header .logo{ left:38px; top:23px;}
.top-header .phone{ font-size:24px; color:#fff; line-height:28px; padding-left:37px; top:30px; right:42px; background-position:-259px 0;}
.top-header .apply{ width:302px; margin:105px 0 0 35px; background:#fff; border-radius:4px;}
.top-header .apply h3{ font-size:20px; line-height:54px; padding-top:16px; text-align:center; font-weight:normal;}
.top-header .apply h3 em{ font-size:24px; color:#5996f2; font-weight:bold;}
.top-header .apply .con{ margin:0 0 6px 28px; padding-left:29px; position:relative; z-index:1;}
.top-header .apply .con .ipt1{ width:217px; height:27px; line-height:27px; border:1px solid #d2d2d2; padding-left:6px; resize:none;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; }
.top-header .apply .con.tag01{ background-position:-260px -44px;}
.top-header .apply .con.tag02{ background-position:-260px -78px;}
.top-header .apply .con.tag03{ background-position:-260px -111px; z-index:2}
.top-header .apply .con.tag04{ background-position:-260px -146px;}
.top-header .apply .imgCode{ display:block; width:93px; height:29px; right:20px; top:0; cursor:pointer;}
.top-header .apply .tips{ text-align:center; line-height:32px; font-size:12px; color:#999; padding-top:2px; margin-top:-6px;}
.top-header .apply .btn{ display:block; width:262px; height:38px; line-height:38px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; margin:0 auto 13px; border-radius:4px; background-image:-webkit-linear-gradient(180deg, #55a4f4, #5d88f0); background-image:-ms-linear-gradient(180deg, #55a4f4, #5d88f0); background-image:linear-gradient(180deg,#55a4f4,#5d88f0); background:#5d88f0\9;}
.top-header .apply-list{ background:#f2f2f2; padding:9px 0 6px 8px;}
.top-header .apply-list .tit{ line-height:20px; margin-bottom:10px; padding-left:26px; font-size:16px; color:#666; background-position:-260px -185px;}
.top-header .apply-list .swiper-container{ height:84px; overflow:hidden;}
.top-header .apply-list .swiper-slide{ line-height:28px; color:#666; font-size:14px; overflow:hidden; padding-left:19px; background-position:-260px -216px;}
.top-header .text-con{ width:731px; margin-right:15px; padding:95px 0 0;}
.top-header .text-con .tit{ position:relative; text-align:center;}
.top-header .text-con .tit h1{ display:inline-block; font-size:26px; font-weight:normal;color:#fff; line-height:56px; padding:0 7px; position:relative; z-index:1;}
.top-header .text-con .tit .line01{ display:block; width:160px; height:2px; background:#93a8f4; left:0; top:50%; margin-top:-1px;}
.top-header .text-con .tit .line02{ display:block; width:160px; height:2px; background:#93a8f4; right:0; top:50%; margin-top:-1px;}
.top-header .text-con ul{ padding:300px 0 0 31px; text-align:center;}
.top-header .text-con li{ float:left; width:154px; height:58px; padding-top:6px; border-radius:10px; margin-right:12px; color:#fff; line-height:26px; border:1px solid #8d9bde;}
.top-header .text-con li strong{ color:#fef059;}

/**/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}
.areaSelect{width:219px;height:29px;}
.areaSelect input{width:217px; height:27px; line-height:27px; border:1px solid #d2d2d2; font-size:14px; overflow:hidden; padding-left:6px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; color:#999}
.areaSelect input.on{color:#333}
.areaSelect input.show{border:1px solid #4473f0}
.areaSelect i{display:block;width:21px;height:11px; top:9px; right:9px; background-position:-260px -253px;}
.areaSelect i.on{ background-position:-261px -287px;}
.areaSelect ul {width:223px; border:1px solid #ddd;background:#fff; padding:0;}
.areaSelect ul.show{border:1px solid #4473f0}
.areaSelect ul li {overflow:hidden;width:96%;cursor:pointer; font-size:14px; line-height:26px;height:26px;padding:0 0 0 4%}
.areaSelect ul li.hover {background:#a7cee2;color:#fff}

/**/
.student-mod{ padding-bottom:60px;}
.student-mod .swiper-container{ height:194px; width:940px; margin:0 auto; overflow:hidden;}
.student-mod .con{ float:left; width:432px; height:194px; margin:0 19px; position:relative;}
.student-mod .con .pic{ display:block; float:left; width:165px; height:194px;}
.student-mod .con .text{ float:right; width:250px; height:174px; padding:20px 0 0 17px; background:#f2f2f2;}
.student-mod .con .text h4{ font-size:24px; line-height:42px;}
.student-mod .con .text p{  line-height:28px;}
.student-mod .con .text p.pt5{ padding-top:5px;}
.student-mod .con span.tags{ height:33px; line-height:33px;  font-weight:bold; color:#fff; padding:0 13px 0 16px; background:#c70c43; border-top-left-radius:30px; border-bottom-left-radius:30px; position:absolute; right:-5px; top:8px;}
.student-mod .con span.tags i{ display:block; width:5px; height:5px; position:absolute; right:0; bottom:-5px; background-position:-107px 0;}
.student-mod .arrow-left,.student-mod .arrow-right{ display:block; width:48px; height:48px; top:73px; left:11px; background-position:0 0;}
.student-mod .arrow-right{ left:auto; right:11px; background-position:-50px 0;}

/**/
.studentMore-mod{ height:305px; overflow:hidden;}
.studentMore-mod .swiper-container{ width:1450px;}

/**/
.scene-mod{ padding-bottom:53px;}
.scene-mod .list li{ float:left; width:226px; height:240px; margin:0 65px 60px 0; position:relative;}
.scene-mod .list li.none{ margin-right:0;}
.scene-mod .list .tit{ display:block; width:90px; height:22px; line-height:22px; font-size:15px; color:#fff; font-weight:bold; text-align:center; background:#2d5bcf; border-radius:30px; position:absolute; left:50%; margin-left:-45px; top:-11px;}
.scene-mod .list .tit i{ display:block; width:11px; height:8px; position:absolute; right:10px; bottom:-8px; background-position:-121px 0;}
.scene-mod .list .pic{ width:226px; height:146px;}
.scene-mod .list .pic img{ display:block; width:226px; height:146px; border-top-left-radius:5px; border-top-right-radius:5px;}
.scene-mod .list .text{ background:#f2f2f2; text-align:center; padding:6px 0 15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.scene-mod .list .text h4{ line-height:26px; }
.scene-mod .list .text p{ min-height:48px; line-height:24px; }
.scene-mod .list .arrow01{ display:block; width:50px; height:36px; background-position:0 -323px; position:absolute; right:-59px; top:50%; margin-top:-18px;}
.scene-mod .list .arrow02{ display:block; width:36px; height:50px; background-position:-58px -323px; position:absolute; left:50%; margin-left:-18px; bottom:-55px;}
.scene-mod .list .arrow03{ display:block; width:50px; height:36px; background-position:-102px -323px; position:absolute; left:-59px; top:50%; margin-top:-18px;}
.scene-mod .btn{ display:block; width:189px; height:39px; line-height:39px; text-align:center;  overflow:hidden; color:#fff; font-weight:bold; text-decoration:none; background:#2d5bcf; margin:-7px auto 0;}

/**/
.stage-mod-wrap{ width:100%; background:#f8f9ff; padding-bottom:58px;}
.stage-mod{ padding:52px 0 68px;}
.stage-mod .tab-tit{ float:left; width:452px; height:452px; background:url("/images/chujizhicheng/project/mianshou/2020project/stage-bg.png") no-repeat; margin-left:45px;}
.stage-mod .tab-tit li{ position:absolute; width:138px; height:138px; background-position:0 -718px; text-align:center; color:#fff; cursor:pointer;}
.stage-mod .tab-tit li.current{ width:174px; height:174px; margin:-18px 0 0 -18px; background-position:0 -862px;}
.stage-mod .tab-tit li.current h4{ padding-top:36px;}
.stage-mod .tab-tit h4{ line-height:50px; font-size:36px; padding-top:18px;}
.stage-mod .tab-tit p{  line-height:18px;}
.stage-mod .tab-tit .p01{ left:66px; top:-5px;}
.stage-mod .tab-tit .p02{ left:251px; top:-5px;}
.stage-mod .tab-tit .p03{ left:338px; top:156px;}
.stage-mod .tab-tit .p04{ left:253px; top:316px;}
.stage-mod .tab-tit .p05{ left:64px; top:316px;}
.stage-mod .tab-tit .p06{ left:-27px; top:156px;}
.stage-mod .tab-con{ float:right; display:none; width:420px; background:#fff; padding:36px 0 30px 44px;  margin-top:23px; position:relative;}
.stage-mod .tab-con .tit{ line-height:29px; font-weight:bold;}
.stage-mod .tab-con .tit h3{ display:inline-block; *display:inline; *zoom:1; height:29px; line-height:28px; font-size:24px; color:#fff; font-weight:bold; padding:0 8px; background:#57ccd2; border-radius:5px; position:relative;}
.stage-mod .tab-con .tit h3 i{ display:block; width:17px; height:7px; position:absolute; left:4px; bottom:-7px; background-position:-162px 0;}
.stage-mod .tab-con .tit02{ line-height:30px; padding:19px 0 10px;}
.stage-mod .tab-con .tit02 i{ display:inline-block; *display:inline; *zoom:1; width:14px; height:13px; margin-right:5px; background-position:-188px 0;}
.stage-mod .tab-con .tit02{ line-height:28px;}
.stage-mod .tab-con .text{ width:368px; line-height:28px; position:relative;}
.stage-mod .tab-con .text span{ float:left; display:block; min-width:81px; font-weight:bold; padding-left:9px; position:relative;}
.stage-mod .tab-con .text span i{ display:block; width:4px; height:4px; background:#57ccd2; border-radius:4px; position:absolute; left:0; top:12px;}
.stage-mod .tab-con .text p{ display:block; margin-left:90px; line-height:28px; }
.stage-mod .tab-con:before{content:""; width:28px; height:56px; position:absolute; left:-28px; top:50%; margin-top:-28px; background-position:-107px -12px;}
.stage-btn{ display:block; width:189px; height:39px; line-height:39px; text-align:center;  color:#fff; font-weight:bold; text-decoration:none; background:#2695cf; margin:0 auto;}
.stage-btn:hover{ text-decoration:none;}

/**/
.course-mod{ padding-bottom:57px;}
.course-mod li{ float:left; width:344px; margin-right:34px; padding-bottom:34px; box-shadow:1px 2px 13px 1px #e9e9e9; position:relative;}
.course-mod h3{ line-height:56px; text-align:center; font-size:30px; font-weight:bold; padding-top:50px;}
.course-mod h4{ display:block; width:183px;  color:#fff; line-height:26px; padding:5px 0; border-radius:50px; text-align:center; margin:0 auto 48px; position:relative;}
.course-mod h4 i{ display:block; width:29px; height:12px; position:absolute; left:50%; margin-left:-14px; bottom:-12px;}
.course-mod .text{ padding:0 0 30px 33px;}
.course-mod .text span{ float:left; display:block; height:25px; line-height:25px; border-radius:30px; color:#fff; font-weight:bold; padding:0 5px; position:relative;}
.course-mod .text span em{ display:block; width:4px; height:9px; position:absolute; right:-3px; top:50%; margin-top:-5px;}
.course-mod .text p{ display:block; margin-left:86px; line-height:28px; }
.course-mod .tags{ display:block; width:105px; height:105px; position:absolute; left:0; top:0;}
.course-mod .teacher-con .swiper-container{ width:245px; height:145px; overflow:hidden;}
.course-mod .teacher-con .tit{ float:left; width:33px; height:145px; background:#f2f2f2; text-align:center;}
.course-mod .teacher-con .tit h5{ line-height:28px; font-size:12px; color:#fff; font-weight:bold;}
.course-mod .teacher-con .tit p{ line-height:16px; padding-top:2px; }
.course-mod .teacher-con .teacher-introduce{ float:left; width:100px; height:145px; position:relative; overflow:hidden; margin-left:6px; color:#fff;}
.course-mod .teacher-con .teacher-introduce .text01{ width:100%; padding:3px 0 4px;  text-align:center; position:absolute; left:0; bottom:0;}
.course-mod .teacher-con .teacher-introduce .text01 h6{ line-height:20px; position:relative; z-index:1;}
.course-mod .teacher-con .teacher-introduce .text01 p{ line-height:16px; font-size:12px; position:relative; z-index:1;}
.course-mod .teacher-con .teacher-introduce .text01 .bg{ width:100%; height:100%;  position:absolute; left:0; top:0; right:0; bottom:0;}
.course-mod .teacher-con .teacher-introduce .text02{ width:100%; height:145px; position:absolute; top:-145px; left:0;}
.course-mod .teacher-con .teacher-introduce .text02 p{ line-height:20px; font-size:12px; padding:14px 10px 0 14px; position:relative; z-index:1;}
.course-mod .teacher-con .teacher-introduce .text02 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0;}
.course-mod .teacher-con .arrow-left,.course-mod .teacher-con .arrow-right{ display:block; width:24px; height:24px; position:absolute; left:15px; top:50%; margin-top:-12px; background-position:-133px -198px;}
.course-mod .teacher-con .arrow-right{ left:auto; right:15px; background-position:-161px -198px;}
.course-mod li.c01 h4,.course-mod li.c01 .text span,.course-mod li.c01 .teacher-con .tit h5{ background:#7b5497;}
.course-mod li.c01 i{ background-position:-181px -17px;}
.course-mod li.c01 .tags{ width:127px; height:129px; top:-24px; left:-21px; background-position:0 -62px;}
.course-mod li.c01 .text span em{ background-position:-162px -17px;}
.course-mod li.c01 .teacher-con .teacher-introduce .text01 .bg,.course-mod li.c01 .teacher-con .teacher-introduce .text02 .bg{background:#8865a1; opacity:.7; filter:alpha(opacity=70);}
.course-mod li.c02 h4,.course-mod li.c02 .text span,.course-mod li.c02 .teacher-con .tit h5{ background:#4e6ab0;}
.course-mod li.c02 i{ background-position:-214px -17px;}
.course-mod li.c02 .tags{ background-position:-132px -86px;}
.course-mod li.c02 .text span em{ background-position:-162px -17px;}
.course-mod li.c02 .teacher-con .teacher-introduce .text01 .bg,.course-mod li.c02 .teacher-con .teacher-introduce .text02 .bg{background:#4e6ab0; opacity:.7; filter:alpha(opacity=70);}
.course-mod li.c03{ margin-right:0;}
.course-mod li.c03 h4,.course-mod li.c03 .text span,.course-mod li.c03 .teacher-con .tit h5{ background:#1f7cbe;}
.course-mod li.c03 i{ background-position:-214px 0;}
.course-mod li.c03 .tags{ background-position:0 -198px;}
.course-mod li.c03 .text span em{ background-position:-175px -17px;}
.course-mod li.c03 .teacher-con .teacher-introduce .text01 .bg,.course-mod li.c03 .teacher-con .teacher-introduce .text02 .bg{background:#1f7cbe; opacity:.7; filter:alpha(opacity=70);}
.course-btn{ display:block; width:189px; height:39px; line-height:39px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; background:#4e6ab0; margin:0 auto 46px; }
.course-btn:hover{ text-decoration:none;}

/**/
.banner{ width:100%; height:291px;}
.banner a{ display:block; width:100%; height:291px;}

/**/
.assistant-mod{ padding-bottom:70px;}
.assistant-mod .list{ padding-left:45px;}
.assistant-mod .list li{ float:left; width:325px; height:141px; margin:0 18px 19px 0; box-shadow:1px 2px 13px 1px #e9e9e9;}
.assistant-mod .list li.none{ margin-right:0;}
.assistant-mod .list i{ display:block; float:left; width:92px; height:92px; margin:23px 0 0 26px;}
.assistant-mod .list i.tags01{ background-position:0 -392px;}
.assistant-mod .list i.tags02{ background-position:-100px -392px;}
.assistant-mod .list i.tags03{ background-position:-200px -392px;}
.assistant-mod .list i.tags04{ background-position:0 -498px;}
.assistant-mod .list i.tags05{ background-position:-100px -498px;}
.assistant-mod .list i.tags06{ background-position:-200px -498px;}
.assistant-mod .list .con{ margin-left:135px;}
.assistant-mod .list .con h4{ line-height:54px; font-size:26px; color:#4e6ab0; font-weight:bold; padding-top:12px;}
.assistant-mod .list .con p{ line-height:28px;}
.assistant{ padding-top:50px;}
.assistant .swiper-container{ width:966px; height:313px; overflow:hidden; margin:0 0 0 80px;}
.assistant .swiper-slide{ float:left;}
.assistant .wrap{ padding-right:22px;}
.assistant .pic{ text-align:center; }
.assistant .con{ background:#e5e5e5; padding:20px 0 24px 24px;}
.assistant .con h4{ font-size:24px; line-height:35px;}
.assistant .con h5{ line-height:28px; font-weight:bold; font-size:16px;}
.assistant .con p{ line-height:25px; font-size:16px;}
.assistant .con .btn{ display:block; width:170px; height:39px; line-height:39px; text-align:center; color:#fff; font-weight:bold; background:#4554b9; text-decoration:none; margin-top:8px;}
.assistant .arrow-left,.assistant .arrow-right{ display:block; width:48px; height:48px; top:50%; margin-top:-24px; left:11px; background-position:0 0;}
.assistant .arrow-right{ left:auto; right:11px; background-position:-50px 0;}

/**/
.school-mod-wrap{ width:100%; background:#f8f9ff; padding-bottom:41px;}
.school-mod li{ float:left; width:259px; height:229px; margin:0 21px 22px 0; position:relative;}
.school-mod li.none{ margin-right:0;}
.school-mod p{ width:100%; line-height:50px; font-size:24px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:1;}
.school-mod .bg{ display:block; width:100%; height:50px; position:absolute; left:0; bottom:0; background:#4e6ab0; opacity:.7; filter:alpha(opacity=70);}
.school-mod .btn{ display:block; width:189px; height:39px; line-height:39px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; background:#3e49c6; margin:30px auto 0; }
.school-mod .btn:hover{ text-decoration:none;}

/**/
.honor-mod-wrap{ width:100%; height:511px; background:url("/images/chujizhicheng/project/mianshou/2020project/honor-bg.jpg") no-repeat center top;}
.honor-mod .text{ padding:0 0 0 89px; color:#fff;}
.honor-mod .text h3{ float:left; width:261px; margin-top:101px; font-size:58px; font-weight:bold;  line-height:101px; border-right:1px solid #fff;}
.honor-mod .text p{ display:block; float:left; line-height:43px; padding:86px 0 0 19px;}
.honor-mod .honor-pic{ margin-top:42px;}
.honor-mod .swiper-container{ width:924px; height:152px; overflow:hidden; margin:0 auto;}
.honor-mod .swiper-slide{ text-align:center;}
.honor-mod .arrow-left,.honor-mod .arrow-right{ display:block; width:48px; height:48px; top:50%; margin-top:-24px; left:20px; background-position:-133px -238px;}
.honor-mod .arrow-right{ left:auto; right:20px; background-position:-192px -238px;}

/**/
.freeCoures-fix-wrap{ width:100%; height:150px; position:fixed; left:0; bottom:0; z-index:99; background:url("/images/chujizhicheng/project/mianshou/2020project/fix-bg.png") no-repeat center top;}
.freeCoures-fix{ height:150px;}
.freeCoures-fix .close-btn{ display:block; width:30px; height:30px; right:8px; top:6px; background-position:-162px -38px;}
.freeCoures-fix .price{ padding:5px 0 0 48px; color:#fff;}
.freeCoures-fix .price h4{ line-height:78px; font-size:80px; font-weight:normal;}
.freeCoures-fix .price h4 em{ font-size:30px; vertical-align:35px;}
.freeCoures-fix .price p{ font-size:28px; color:#ffec69;}
.freeCoures-fix .btn{ display:block; width:127px; height:57px; box-shadow:0 2px 6px #448ef0; line-height:57px; text-align:center; background:#fada27; border-radius:5px; font-size:20px; text-decoration:none; font-weight:bold; color:#315fd4; margin:47px 0 0 19px;}
.freeCoures-fix ul{ padding:8px 0 0 48px;}
.freeCoures-fix li{ float:left; font-size:24px; color:#fff; text-align:center; padding-right:10px;}
.freeCoures-fix li p{ margin-top:-15px;}
.freeCoures-fix .countDown{ width:310px; text-align:center; color:#fff; margin-left:20px;}
.freeCoures-fix .countDown h4{ line-height:50px; padding-top:12px;}
.freeCoures-fix .countDown span{ display:inline-block; *display:inline; *zoom:1; width:44px; height:44px; background:#0d418b; border-radius:3px; font-size:30px; font-weight:bold;}
.freeCoures-fix .countDown i{ display:inline-block; *display:inline; *zoom:1; padding:0 7px 0 5px;}

/**/
.rightNav{ width:126px; position:fixed; top:50%; right:5px; margin:-277px 0 0 0;z-index:100;}
.rightNav .top{ width:126px; height:158px; margin-bottom:6px;}
.rightNav ul{ width:72px; background:#f1f1f1; margin:0 auto; padding:6px 0; border-radius:4px;}
.rightNav li a{ height:50px; width:61px; text-align:center; line-height:20px; background:#e83260; color:#fff; font-weight:bold; border-radius:4px; text-decoration:none; display:block; margin:0 auto 6px; padding-top:11px;}
.rightNav li a:hover{ background:#1c409c;}
.rightNav .phone{ width:126px; height:36px; line-height:36px; background:#f1f1f1; border-radius:4px; text-align:center; font-weight:bold; margin-top:7px;}
.rightNav .close{ background: url("/images/chujizhicheng/project/mianshou/2020project/close.png") no-repeat; width:23px; height: 23px; line-height: 50px;overflow: hidden; }
.rightNav .close a{ display: block; width: 23px; height: 23px;}


/**/
.footer-wrap{ padding-bottom:150px;}

/**/
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.6; filter:alpha(opacity=60); z-index:199;}
.course-pop{ display:none; width:646px; background:#fff; z-index:200; position:fixed; left:50%; top:50%; margin:-167px 0 0 -323px; padding-bottom:22px;}
.course-pop .tit{ height:46px; border-bottom:1px solid #f5f5f5; text-align:center;}
.course-pop .tit h4{ display:inline-block; font-size:18px; color:#127de1; line-height:44px; border-bottom:2px solid #127de1; padding:0 13px;}
.course-pop .close-btn{ display:block; width:40px; height:40px; right:3px; top:3px; background-position:-175px -323px;}
.course-pop .con-wrap{ padding:23px 0 0 172px;}
.course-pop .con{ margin:0 0 10px; padding-left:38px; position:relative; z-index:1;}
.course-pop .con .ipt1{ width:250px; height:36px; line-height:36px; border:1px solid #d2d2d2; padding-left:12px; resize:none; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.course-pop .con.tag01{ background-position:0 -604px;}
.course-pop .con.tag02{ background-position:-257px -604px;}
.course-pop .con.tag03{ background-position:0 -646px; z-index:2}
.course-pop .con.tag04{ background-position:-260px -646px;}
.course-pop .imgCode{ display:block; width:93px; height:29px; right:177px; top:4px; cursor:pointer;}
.course-pop .btn{ display:block; width:275px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; margin:26px 0 0 14px; border-radius:4px; background:#127de1;}
.course-pop .areaSelect{ width:264px; height:38px; background:#fff;}
.course-pop .areaSelect input{ width:250px; height:36px; line-height:36px; padding-left:12px; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.course-pop .areaSelect i{ top:13px;}
.course-pop ul{ width:262px}