/*.course_index_top { width: 100%; height: 347px; margin-top: 60px; background:linear-gradient(270deg,rgba(30,7,57,1) 0%, rgba(13,47,61,1)100%); position:relative }
.course_index_top { width: 100%; height: 532px; margin-top: 60px; background: url(../images/course_index_top_bg3.jpg?222) center no-repeat; position:relative;overflow:hidden; }*/
#course_bodybg{background: url(../images/course_bodybg2.jpg?22) top center #030F18 no-repeat;}
.course_index_top { width: 100%; margin-top: 60px;  position: relative; padding-top:13px; }
.course_index_top .price_protection { width: 224px; height: 52px; display: block; background: url(../images/price_protection_bg.png?111) no-repeat; color: #ffffff; text-align: center; line-height: 43px; font-size: 18px; margin: auto; margin-top: 420px; overflow: hidden; cursor: pointer; }
.course_index_top .js1 .top_logo { width: 100%; height: 58px; text-align: center; margin: auto; margin-top: 97px; display: inline-block }
.course_index_top .js1 .tit { width: 337px; height: 45px; font-size: 32px; font-family: PingFangSC; font-weight: 200; color: rgba(215,230,248,1); line-height: 45px; letter-spacing: 1px; margin: auto; margin-top: 20px; }
.course_index_nav { width:1300px; height: 60px; margin:auto; margin-top:24px; margin-bottom:15px; }/*background:rgba(5,24,39,0.39);*/
.course_index_nav a { width:258px; height: 60px; line-height: 60px; color: #095F83; font-size: 18px; cursor: pointer; display: inline-block; position: relative; padding-left:65px; box-sizing: border-box; border-right:2px solid #063B51; }
.course_index_nav a:last-child{ border-right:0px;}
.course_index_nav .icon{ background: url(../images/course_tongyong.png) no-repeat; width:48px; height:48px; display:block; float:left; margin:6px 10px 0px 0px}
.course_index_nav .txt{ float:left}
.course_index_nav a:hover .txt{ color:#DCF3FA}
.course_index_nav a.on .txt{ color: #70FFF7}
.course_index_nav .all .icon{ background-position:-480px 0px; }
.course_index_nav .all:hover .icon { background-position:-240px 0px; color: #346D86; }
.course_index_nav .all.on .icon {background-position:-0px 0px; color: #70FFF7 }
/**/
.course_index_nav .c1 .icon {background-position:-528px 0px; }
.course_index_nav .c1:hover .icon {background-position:-288px 0px; color: #346D86; }
.course_index_nav .c1.on .icon {background-position:-48px 0px; color:#70FFF7 }
/**/
.course_index_nav .c2 .icon {background-position:-576px 0px; }
.course_index_nav .c2:hover .icon {background-position:-336px 0px; color: #346D86; }
.course_index_nav .c2.on .icon { background-position:-96px 0px; color: #70FFF7 }
/**/
.course_index_nav .c3 .icon {background-position:-672px 0px;}
.course_index_nav .c3:hover .icon { background-position:-432px 0px; color: #346D86; }
.course_index_nav .c3.on .icon {background-position:-192px 0px; color: #70FFF7 }
/**/
.course_index_nav .c4 .icon {background-position:-624px 0px; }
.course_index_nav .c4:hover .icon { background-position:-384px 0px; color:#346D86; }
.course_index_nav .c4.on .icon { background-position:-144px 0px; color: #70FFF7 }
/**/


.course_index { width: 100%;background: url(../images/course_offline_main_bg.png); overflow:hidden;  }
.course_index .activity618{ width:1296px; text-align:center; height:118px; margin:auto; display:block; margin-top:25px; }
.course_index .course_list { width: 1300px;margin: auto; overflow: hidden; }
.course_index .course_list .class_type_o1,.course_index .course_list .class_type_o2{ width:100%; overflow:hidden}
.course_index .course_list .class_type_o2 .single { width: 638px; height: 280px; position: relative; border-radius: 12px; overflow: hidden; margin-bottom: 24px; }
.course_index .course_list .class_type_o2 .single .jump { width: 100%; height: 100%; display: block; cursor: pointer }
.course_index .course_list .class_type_o2 .single:nth-child(odd) { float: left }
.course_index .course_list .class_type_o2 .single:nth-child(even) { float: right }

.course_index .course_list .class_type_o2 .single.left { float: left }
.course_index .course_list .class_type_o2 .single.right { float: right }
.course_index .course_list .class_type_o2 .single .cover_gif { display: none }
.course_index .course_list .class_type_o2 .single .cover_gif .cover-video { width: 100%; height: 100%; }
/*.course_index .course_list .class_type_o2 .single .detail { position: absolute; bottom: 0px; width: 638px; height: 67px; background: rgba(7,39,57,0.54); }*/
.course_index .course_list .class_type_o2 .single .detail { position: absolute; bottom: 0px; width: 638px; height: 67px; background: url(../images/course_single_bg3.png?2) no-repeat; }
.course_index .course_list .class_type_o2 .single .detail.class_type { background: url(../images/course_single_bg7.png?3) no-repeat; }
.course_index .course_list .class_type_o2 .single .detail li:nth-child(1) { width: 100%; height: 16px; display: block }
.course_index .course_list .class_type_o2 .single .detail li:nth-child(1) img { width: 46px; height: 46px; border-radius: 23px; background-color: rgba(216, 216, 216, 1); position: absolute; top: -23px; left: 14px; float: left }
.course_index .course_list .class_type_o2 .single .detail li:nth-child(1) span { font-size: 16px; color: #fff; margin-left: 68px; margin-top: 2px; display: block; float: left }
.course_index .course_list .class_type_o2 .single .detail li:nth-child(2) { font-size: 20px; color: #fff; margin-top: 19px; width: 100%; height: 20px; line-height: 20px; overflow: hidden; padding-left: 14px; box-sizing: border-box; }
.course_index .course_list .class_type_o2 .single .detail li.zhe{ position:absolute; background: url(../images/course_9zhe.png?5) no-repeat; width:96px; height:51px; display:block; top:8px; right:12px;} 
.course_index .course_list .class_type_o2 .single .ljxq { width: 127px; height: 42px; border-radius: 100px; background-color: rgba(25, 95, 149, 0.58); position: absolute; top: 105px; left: 255px; display: block; display: none }
.course_index .course_list .class_type_o2 .single .ljxq span { background: url(../images/course_xg_jump_bg.png) 14px 11px no-repeat; color: #fff; font-size: 18px; width: 100%; height: 42px; display: block; line-height: 42px; cursor: pointer; padding-left: 40px; box-sizing: border-box; }
.course_index .course_list .class_type_o2 .single .price{ position:absolute; /*background: url(../images/courseindex_price_bg.png) no-repeat;*/ width:160px; height:28px; right:0px; top:16px; font-size:14px; color:#684514;  font-weight:bold;  line-height:28px;box-sizing:border-box; padding-right:6px; text-align:right}
.course_index .course_list .class_type_o2 .single .signup_nember { width: 144px; height: 32px; background: url(../images/signup_nember_bg.png) 14px no-repeat; background-color: rgba(251, 255, 254, 0.1); display: block; position: absolute; right: 0px; top: 18px; border-radius: 16px 0 0 16px; }
.course_list .single .signup_nember span { font-size: 14px; line-height: 32px; display: block; margin-left: 46px; color: #8BA5CA }
.course_index .course_list .class_type_o2 .tejia{background: url(../images/course_tejia.png) no-repeat; position:absolute; top:155px; right:-7px; width:176px; height:43px; display:block;}
.course_index .course_list .class_type_o2 .tejia span{ font-size:16px; color:#164C6F; font-weight:bold; margin-left:46px; line-height:43px;}
.course_index .course_list .class_type_o2 .course10029 .acdadlc11{background: url(../images/DoubleEleven_DLC.png) no-repeat; position:absolute; top:70px; left:0px; width:260px; height:40px; display:block;}
.course_index .course_list .class_type_o2 .acda11{background: url(../images/DoubleEleven_dakechen.png) no-repeat; position:absolute; top:15px; left:0px; width:260px; height:40px; display:block;}

.course_index .course_list .class_type_o1 .tejia{background: url(../images/course_tejia.png) no-repeat; position:absolute; top:108px; right:-7px; width:176px; height:43px; display:block;}
.course_index .course_list .class_type_o1 .tejia span{ font-size:16px; color:#164C6F; font-weight:bold; margin-left:46px; line-height:43px;}
/*报名流程*/
.course_index .enrolment_process { width:1300px; margin:auto; margin-top: 20px; overflow: hidden; }
.course_index .enrolment_process .nav { background: url(../images/enrolment_process_navbg.png) 0px 4px no-repeat; padding-left: 15px; font-size: 24px; width: 100%; height: 32px; line-height: 32px; box-sizing: border-box; color: #fff; margin-bottom: 60px; }
.course_index .enrolment_process .jdt { margin-bottom: 60px; width: 100%; height: 120px; }
.course_index .enrolment_process .lf { float: left }
.course_index .enrolment_process .course_enrolment_process{background: url(../images/course_tongyong.png) no-repeat; width:959px; height:120px; display:block; background-position:0px -57px; }
.course_index .enrolment_process .rf { float: left }
.course_index .enrolment_process .rf li:nth-child(1) { font-size: 16px; color:#346D86; margin-top: 15px; margin-bottom: 20px; margin-left: 120px; }
.course_index .enrolment_process .rf li:nth-child(2) { background: #13AFF0; font-size: 18px; color: #fff; box-sizing: border-box; width: 145px; height: 50px; border-radius: 25px; line-height: 50px; display: block; cursor: pointer; margin-left: 105px; }
.course_index .enrolment_process .rf li:nth-child(2) a { background:#70FFF7; width: 100%; height: 50px; line-height: 50px; text-align:center; border-radius: 25px; display: block; color:#1E474D; font-size: 18px;  }
/*价格保护说明*/
#price_protection_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100001; background-color: rgba(14, 18, 37, 0.8); overflow-y: scroll; overflow-x: hidden; display: none; }
#price_protection_point .price_protection_mark { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99998; background-color: rgba(14, 18, 37, 0.8); }
#price_protection_point .price_protection_content { width: 1080px; margin: auto; margin-top: 100px; margin-bottom: 50px; border-radius: 8px; z-index: 99999; }
#price_protection_point .price_protection_content .price_protection_close { width: 18px; height: 18px; background: url("../images/popup_close2.png") no-repeat; background-size: 18px 18px; position: absolute; top: -29px; right: -29px; cursor: pointer; }
#price_protection_point .price_protection_con .cp0 { position: relative; }
#price_protection_point .price_protection_con .cp0 img { border-radius: 8px; }
#price_protection_point .price_protection_con .cp1 { margin-top: 32px; width: 100%; }
#price_protection_point .price_protection_con .cp1 p { color: #F5A623; line-height: 28px; letter-spacing: 1px; text-align: center; font-size: 16px; }
#price_protection_point .price_protection_con .cp2 { text-align: center; margin-top: 20px; }
#price_protection_point .price_protection_con .cp2 a { width: 96px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; display: inline-block; border-radius: 20px; margin-left: 16px; }
#price_protection_point .price_protection_con .cp2 .qd { background: #13AFF0; cursor: pointer; }
#price_protection_point .price_protection_con .cp2 .lxkf { border: 1px solid #13AFF0 }
/*双十一优惠活动*/

.couponActivity { position: fixed; bottom: 80px; width: 100%; max-width:1920px; height: 330px;background: rgba(31,16,67,0.85); z-index: 1000; display: none }
.couponActivity .con { width: 1224px; height: 277px; overflow: hidden; position: relative; margin: auto;background: url(../images/couponActivitycon.png) center no-repeat; overflow:hidden; margin-top:28px;  }
.couponActivity .Activity1_nav { background: url(../images/Activity2_nav4.png?1111) no-repeat; width: 436px; height: 83px; margin: auto; margin-left: 8px; position:relative }
.couponActivity .Activity1_nav span{background: url(../images/purchase_a.png?1111) no-repeat; width: 105px; height: 20px;  position:absolute; left:160px; bottom:0px; display:block;}
.couponActivity .Activity_rules { position: absolute; right: 15px; top: 15px; width: 99px; height: 28px; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 3px; color: #FFFFFF; border-radius: 14px; border: 1px solid #FFFFFF; cursor: pointer; }
.couponActivity .Activity_close { position: absolute; right: 36px; bottom: 16px; background: url(../images/Activity_close.png) center no-repeat; width: 30px; height: 30px; cursor: pointer; }
.Activity1_description { width: 100%; height: 16px; line-height: 16px; font-size: 14px; text-align: center; color: #9B87AF; letter-spacing: 1px; margin-top:10px; }
.ActivityRulesPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(3,20,31,0.95); z-index: 1001; display: none; }
.ActivityRulesPopup .ActivityRules_main { position: fixed; top: 50%; left: 50%; margin: -320px 0 0 -279px; color: #fff; width: 558px; height: 661px; background: url(../images/ActivityRules4.png?2222) no-repeat; border-radius: 24px; }
.ActivityRulesPopup .ActivityRules_main .ActivityRules_close { position: absolute; right: 15px; top: 14px; width: 26px; height: 26px; cursor: pointer; display: block;background: url(../images/popup_close3.png) center no-repeat; }
.couponActivity .coupondetail { width:1224px; margin: auto; }
.couponActivity .coupondetail .cpc { width:1224px; overflow: hidden; }
.couponActivity .couponUpgradeLeft{ float:left; width:436px; margin-left:20px; margin-top:10px;}
.couponActivity .couponStyle { background: url(../images/couponStyle4.png) no-repeat; width: 246px; min-height: 144px; overflow: hidden; display: block; margin-top: 5px; padding-left: 20px; box-sizing: border-box; position: relative; }
.couponActivity .couponStyle .couponprice { font-weight: 900; line-height: 32px; letter-spacing: 2px; width: 120px; height: 32px; font-size: 32px; margin-top: 16px; color: #FFFFFF; overflow: hidden; }
.couponActivity .couponStyle .sm { width: 140px; height: 19px; font-size: 12px; color: #FFFFFF; line-height: 19px; letter-spacing: 1px; margin-top: 2px; }
.couponActivity .couponStyle .yxq { width: 143px; height: 16px; font-size: 12px; color: #FFFFFF; line-height: 16px; letter-spacing: 1px; margin-top: 20px; }
.couponActivity .goMyCouponList { width: 100%; height: 21px; font-size: 16px; color: #FFFFFF; line-height: 21px; letter-spacing: 1px; margin-top: 12px; display: block; display: none }
.couponActivity .couponStyle .yishengji { background: url(../images/yishengji.png) no-repeat; width: 68px; height: 40px; position: absolute; top: 0px; right: 0px; display: none }
.couponActivity .bz1 .Activity_pay_nav { background: url(../images/Activity_pay_bz1.png) no-repeat; width: 154px; height: 46px; }
.couponActivity .bz2 .Activity_pay_nav { background: url(../images/Activity_pay_bz2.png) no-repeat; width: 149px; height: 24px; margin-top: 12px ;}
.couponActivity .couponPayStatus{ float:right; margin-top:50px; margin-right:45px;}
.couponActivity .ActivityPay { width: 249px; height: 70px;background: url(../images/DoubleEleven_pay.png) no-repeat;text-align: center; color: #E87754; line-height: 45px; margin: auto; font-size: 18px; cursor: pointer; font-weight: 600; margin-top: 8px; }
.couponActivity .Upgraded { width: 100%; height: 22px; font-size: 18px; text-align: center; margin-top: 12px; font-weight: 600; color: #FCF1C5; line-height: 22px; letter-spacing: 1px; display: none }
.couponActivity .couponUpgrade { float: left;display: none;margin-top:26px; margin-left:40px; }
.couponActivity .couponUpgrade .Unav1 { background: url(../images/Unav1.png) no-repeat; width: 100%; height: 15px; }
.couponActivity .couponUpgrade .Unav2 { background: url(../images/Unav2.png) no-repeat; width: 100%; height: 15px; margin-top: 15px; }
.couponActivity .couponUpgrade .upgradeSecret { width: 100%; height: 33px; line-height: 33px; font-size: 24px; font-weight: 900; color: #FFFFFF; letter-spacing: 1px; margin-top: 16px; margin-bottom: 16px; }
.couponActivity .couponUpgrade .upgradeSecret3 { width: 129px; height: 33px; font-size: 24px; font-weight: 600; color: #FFBE9D; line-height: 33px; letter-spacing: 1px; margin-top: 6px; margin-bottom: 6px; display: none }
.couponActivity .couponUpgrade .couponUpgrade_text { width: 230px; height: 33px;  line-height:33px; border-radius: 12px; border: 2px solid #FFFFFF; margin: 16px 0px; background: none; color: #fff; font-size: 18px; text-indent: 10px; font-weight: 900; float: left }
.couponActivity .couponUpgradeInpDiv span { height: 37px; display: block; line-height: 37px; color: #FFBE9D; margin-left: 10px; float: left; margin: 15px; font-size: 12px; }
.couponActivity .bz1 .couponUpgrade1 { display: block }
.couponActivity .bz2 .couponUpgrade2 { display: block }
.couponActivity .bz2 .goMyCouponList { display: block; }
.couponActivity .bz2 .ActivityPay { display: none }
.couponActivity .bz2 .Activity1_description { display: none }
.couponActivity .bz3 .yishengji { display: block }
.couponActivity .bz2 .Upgraded.not { display: block }
.couponActivity .bz3 .Upgraded.yes { display: block }
.couponActivity .bz3 .Upgraded.not { display: none !important }
.couponActivity .bz3 .upgradeSecret { display: none !important }
.couponActivity .bz3 .upgradeSecret3 { display: block }
.couponActivity .couponUpgrade .couponUpgrade_text.on { background: url(../images/secret_ok.png) 205px no-repeat; }
.couponActivity .couponUpgrade .sm { width: 338px;  overflow: hidden; font-size: 14px; color: #9B87AF; line-height: 30px; }
#couponPayDoc { width: 600px; margin: auto; display: none }
#couponPayDoc .pay_title, #couponPayDoc .nav { width: 100%; height: 25px; text-align: center; font-size: 18px; font-weight: 600; color: #FFFFFF; line-height: 25px; letter-spacing: 1px; margin-top: 18px; }
#couponPayDoc .pay_text { text-align: center; margin-top: 60px; color: #fff; font-size: 18px; }
#couponPayDoc .pay_text .pay_end { width: 99px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #FFFFFF; color: #FFF; border-radius: 14px; margin: auto; cursor: pointer; display: block; font-size: 16px; margin-top: 20px }
#couponPayDoc .pay_btn { text-align: center; margin-top: 56px; }
#couponPayDoc .pay_btn a { width: 194px; height: 62px; display: inline-block; margin-left: 74px; text-indent : 9999px; float: left }
#couponPayDoc .pay_btn a.pay_zfb { background: url("../images/pay_ali_icon.png") no-repeat; }
#couponPayDoc .pay_btn a.pay_wx { background: url("../images/pay_wx_icon.png") no-repeat; }
#couponPayDoc .pay_btn a span { width: 100%; text-align: center; height: 20px; line-height: 20px; color: #fff; font-size: 16px; display: none }
#couponPayDoc .wx_img { width: 120px; height: 120px; padding: 5px; background: #fff; text-align: center; margin: auto; margin-top: 15px; }
#couponPayDoc .wx_img img { width: 120px; height: 120px; }
#couponPayDoc .pay_back { width: 30px; height: 30px; background: url("../images/back_icon2.png") center no-repeat; cursor: pointer; margin: auto; margin-top: 12px; }
#couponPayDoc .wx_text { width: 100%; height: 17px; text-align: center; font-size: 12px; font-weight: 600; color: #FFBE9D; line-height: 17px; margin-top: 5px; }
.footerReceive { position: fixed; bottom: 0px; overflow: hidden; width:100%; max-width: 1920px; height: 80px; line-height: normal; background-attachment: scroll; cursor:pointer; background: url(../images/DoubleEleven_footer_bg6.jpg?22221) no-repeat; background-position: 50% 0%; z-index: 1000; background-size:100% 80px; }
.footerReceive .Getitnow { width: 1296px; height: 40px; margin: auto; margin-top: 20px; }
.footerReceive .Getitnow span { width: 100px; height: 40px; display: block;  float: right; cursor: pointer; }

/*618活动*/
/*
.couponActivity { position: fixed; bottom: 80px; width: 100%; max-width:1920px; height: 330px;background: linear-gradient(135deg, #F8894F 0%, #38519D 46%, #D82170 100%); z-index: 1000; display: none }
.couponActivity .con { width: 1296px; height: 330px; overflow: hidden; position: relative; margin: auto; }
.couponActivity .Activity1_nav { background: url(../images/Activity2_nav3.png?1111) no-repeat; width: 474px; height: 51px; margin: auto; margin-top: 5px; }
.couponActivity .Activity_rules { position: absolute; right: 0px; top: 12px; width: 99px; height: 28px; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 3px; color: #FFFFFF; border-radius: 14px; border: 1px solid #FFFFFF; cursor: pointer; }
.couponActivity .Activity_close { position: absolute; right: 36px; bottom: 16px; background: url(../images/Activity_close.png) center no-repeat; width: 30px; height: 30px; cursor: pointer; }
.Activity1_description { width: 100%; height: 16px; line-height: 16px; font-size: 14px; text-align: center; color: #FCF1C5; letter-spacing: 1px; }
.ActivityRulesPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(3,20,31,0.95); z-index: 1001; display: none; }
.ActivityRulesPopup .ActivityRules_main { position: fixed; top: 50%; left: 50%; margin: -320px 0 0 -279px; color: #fff; width: 558px; height: 372px; background: url(../images/ActivityRules5.png?222) no-repeat; border-radius: 24px; }
.ActivityRulesPopup .ActivityRules_main .ActivityRules_close { position: absolute; right: 20px; top: 10px; width: 30px; height: 30px; cursor: pointer; display: block; }
.couponActivity .coupondetail { width: 600px; margin: auto; }
.couponActivity .coupondetail .cpc { width: 610px; overflow: hidden; }
.couponActivity .couponStyle { background: url(../images/couponStyle.png) no-repeat; width: 246px; min-height: 144px; overflow: hidden; display: block; float: left; margin-top: 5px; padding-left: 15px; box-sizing: border-box; position: relative; }
.couponActivity .couponStyle .couponprice { font-weight: 900; line-height: 32px; letter-spacing: 2px; width: 120px; height: 32px; font-size: 32px; margin-top: 20px; color: #FFFFFF; overflow: hidden; }
.couponActivity .couponStyle .sm { width: 140px; height: 19px; font-size: 14px; color: #FFFFFF; line-height: 19px; letter-spacing: 1px; margin-top: 8px; }
.couponActivity .couponStyle .yxq { width: 143px; height: 16px; font-size: 12px; color: #FFFFFF; line-height: 16px; letter-spacing: 1px; margin-top: 10px; }
.couponActivity .couponStyle .goMyCouponList { width: 141px; height: 21px; font-size: 16px; color: #FFFFFF; line-height: 21px; letter-spacing: 1px; margin-top: 18px; display: block; display: none }
.couponActivity .couponStyle .yishengji { background: url(../images/yishengji.png) no-repeat; width: 68px; height: 40px; position: absolute; top: 0px; right: 0px; display: none }
.couponActivity .bz1 .Activity_pay_nav { background: url(../images/Activity_pay_bz1.png) no-repeat; width: 154px; height: 46px; margin-left: 10px; }
.couponActivity .bz2 .Activity_pay_nav { background: url(../images/Activity_pay_bz2.png) no-repeat; width: 149px; height: 24px; margin-left: 10px; margin-top: 12px }
.couponActivity .ActivityPay { width: 214px; height: 45px; border-radius: 25px; background: #FFE183; text-align: center; color: #E87754; line-height: 45px; margin: auto; font-size: 18px; cursor: pointer; font-weight: 600; margin-top: 8px; }
.couponActivity .Upgraded { width: 100%; height: 22px; font-size: 18px; text-align: center; margin-top: 5px; font-weight: 600; color: #FCF1C5; line-height: 22px; letter-spacing: 1px; display: none }
.couponActivity .couponUpgrade { float: left; margin-left: 15px; display: none }
.couponActivity .couponUpgrade .Unav1 { background: url(../images/Unav1.png) no-repeat; width: 100%; height: 15px; }
.couponActivity .couponUpgrade .Unav2 { background: url(../images/Unav2.png) no-repeat; width: 100%; height: 15px; margin-top: 15px; }
.couponActivity .couponUpgrade .upgradeSecret { width: 100%; height: 33px; line-height: 33px; font-size: 24px; font-weight: 900; color: #FFFFFF; letter-spacing: 1px; margin-top: 6px; margin-bottom: 6px; }
.couponActivity .couponUpgrade .upgradeSecret3 { width: 129px; height: 33px; font-size: 24px; font-weight: 600; color: #FFBE9D; line-height: 33px; letter-spacing: 1px; margin-top: 6px; margin-bottom: 6px; display: none }
.couponActivity .couponUpgrade .couponUpgrade_text { width: 230px; height: 33px; border-radius: 18px; border: 2px solid #FFFFFF; margin: 5px 0px; background: none; color: #fff; font-size: 18px; text-indent: 10px; font-weight: 900; float: left }
.couponActivity .couponUpgradeInpDiv span { height: 37px; display: block; line-height: 37px; color: #FFBE9D; margin-left: 10px; float: left; margin: 5px; font-size: 12px; }
.couponActivity .bz1 .couponUpgrade1 { display: block }
.couponActivity .bz2 .couponUpgrade2 { display: block }
.couponActivity .bz2 .goMyCouponList { display: block; }
.couponActivity .bz2 .ActivityPay { display: none }
.couponActivity .bz3 .yishengji { display: block }
.couponActivity .bz2 .Upgraded.not { display: block }
.couponActivity .bz3 .Upgraded.yes { display: block }
.couponActivity .bz3 .Upgraded.not { display: none !important }
.couponActivity .bz3 .upgradeSecret { display: none !important }
.couponActivity .bz3 .upgradeSecret3 { display: block }
.couponActivity .couponUpgrade .couponUpgrade_text.on { background: url(../images/secret_ok.png) 205px no-repeat; }
.couponActivity .couponUpgrade .sm { width: 338px; height: 76px; overflow: hidden; font-size: 14px; color: #FCF1C5; line-height: 19px; }
#couponPayDoc { width: 600px; margin: auto; display: none }
#couponPayDoc .pay_title, #couponPayDoc .nav { width: 100%; height: 25px; text-align: center; font-size: 18px; font-weight: 600; color: #FFFFFF; line-height: 25px; letter-spacing: 1px; margin-top: 14px; }
#couponPayDoc .pay_text { text-align: center; margin-top: 60px; color: #fff; font-size: 18px; }
#couponPayDoc .pay_text .pay_end { width: 99px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #FFFFFF; color: #FFF; border-radius: 14px; margin: auto; cursor: pointer; display: block; font-size: 16px; margin-top: 20px }
#couponPayDoc .pay_btn { text-align: center; margin-top: 56px; }
#couponPayDoc .pay_btn a { width: 194px; height: 62px; display: inline-block; margin-left: 74px; text-indent : 9999px; float: left }
#couponPayDoc .pay_btn a.pay_zfb { background: url("../images/pay_ali_icon.png") no-repeat; }
#couponPayDoc .pay_btn a.pay_wx { background: url("../images/pay_wx_icon.png") no-repeat; }
#couponPayDoc .pay_btn a span { width: 100%; text-align: center; height: 20px; line-height: 20px; color: #fff; font-size: 16px; display: none }
#couponPayDoc .wx_img { width: 120px; height: 120px; padding: 5px; background: #fff; text-align: center; margin: auto; margin-top: 15px; }
#couponPayDoc .wx_img img { width: 120px; height: 120px; }
#couponPayDoc .pay_back { width: 30px; height: 30px; background: url("../images/back_icon2.png") center no-repeat; cursor: pointer; margin: auto; margin-top: 12px; }
#couponPayDoc .wx_text { width: 100%; height: 17px; text-align: center; font-size: 12px; font-weight: 600; color: #FFBE9D; line-height: 17px; margin-top: 5px; }
.footerReceive { position: fixed; bottom: 0px; overflow: hidden; width: 1920px; height: 80px; line-height: normal; margin-left: 50%; left: -960px; background-attachment: scroll; background-color: #FBB42B; background: url(../images/DoubleEleven_footer_bg5.png?111) no-repeat; background-position: 50% 0%; z-index: 1000; cursor:pointer }
.footerReceive .Getitnow { width: 1296px; height: 40px; margin: auto; margin-top: 20px; }
.footerReceive .Getitnow span { width: 100px; height: 40px; display: block; background: url(../images/Getitnow.png) right no-repeat; float: right; cursor: pointer; }*/



.course_index_title{width: 464px;height: 45px;font-size: 32px;font-weight: 600;color: #E6F7FF;line-height: 45px;letter-spacing: 1px; margin:auto; margin-bottom:8px; text-align:center;}
.course_index_title_t2 {width: 500px;height: 22px; margin:auto;}
.course_index_title_t2 span{ padding-right:8px; padding-left:8px;height: 22px;font-size: 16px; border-right:2px solid #48566A; float:left;font-weight: 600;color: #48566A;line-height: 22px;letter-spacing: 1px;}
.course_index_title_t2 span:last-child{ border-right:0px; }
.course_index_banner{ width:1300px; height:430px; margin:auto; margin-top:13px;}
.course_index_banner img{ max-width:100%; max-height:100%;  border-radius:16px;}
.index-title { width:1300px; height:57px; margin: 25px auto 15px; position: relative }
.index-title .index-title_icon { width: 34px; height: 57px; display: inline-block; vertical-align: bottom; background: url(../images/course_tongyong.png) center no-repeat;background-position:-725px 5px }
.index-title .index-title_icon.con2{ width: 57px;background: url(../images/course_tongyong.png) center no-repeat; background-position:-759px 5px }
.index-title .icon_free { background: url(about/free.png) no-repeat 50%; background-size: cover }
.index-title .icon_company { background: url(about/company.png) no-repeat 50%; background-size: cover }
.index-title .icon_lantern { background: url() no-repeat center -1px; background-size: cover }
.index-title .index-title_p1 { font-size: 32px; line-height:57px; color: #E6F7FF; display: inline-block; vertical-align: bottom; margin-right: 20px }
.index-title .index-title-newCourse_p1 { position: relative }
.index-title .index-title_p2 { font-size: 16px; color: #919CA2; display: inline-block; line-height:40px; }
.index-title .index-title-newCourse_p2 { margin-left: 80px }
.index-title .index-title_p2-phone { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.index-title .index-title_a:active, .index-title .index-title_a:link, .index-title .index-title_a:visited { font-size: 14px; color: #5b656d; position: absolute; bottom: 0; right: 0; z-index: 2000 }
.index-title .index-title_a:active .index-title_a_i, .index-title .index-title_a:link .index-title_a_i, .index-title .index-title_a:visited .index-title_a_i { width: 8px; height: 8px; background: url(index/20190910/morecourseicon.png) no-repeat 50%; background-size: cover; display: inline-block; vertical-align: middle; position: relative; top: -1px }
.index-title .index-title_a:hover { color: #242930 }

.class_type_o1 .single{width: 306px;height: 236px;background: rgba(9, 95, 131, 0.1);;border-radius: 8px; float:left}
.class_type_o1 .single { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 24px; margin-right:24px; }
.class_type_o1 .single:nth-child(4n+0){ margin-right:0px;}
.class_type_o1 .single .jump { width: 100%; height: 100%; display: block; cursor: pointer }
.class_type_o1 .single .cover img{ max-width:100%; max-height:100%;}
.class_type_o1 .single .cover_gif { display: none }
.class_type_o1 .single .cover_gif .cover-video { width: 100%; height: 100%; }
.class_type_o1 .single .detail { position: absolute; bottom: 0px; width: 100%; height: 76px; background: linear-gradient(180deg, rgba(184, 221, 255, 0.88) 0%, rgba(130, 184, 255, 0.88) 100%);border-radius: 0px 0px 8px 8px; z-index:1}
.class_type_o1 .single .detail li:nth-child(2) { width: 100%; height: 16px; display: block; margin-top:10px; }
.class_type_o1 .single .detail li:nth-child(2) img { width: 22px; height: 22px; border-radius: 11px; margin-left:7px; background-color: rgba(216, 216, 216, 1); float: left }
.class_type_o1 .single .detail li:nth-child(2) span { font-size: 14px; color: #0E4574; margin-left: 6px; margin-top: 2px; display: block; float: left }
.class_type_o1 .single .detail li:nth-child(1) { font-size: 18px; color:#0E4574;font-weight: 600; margin-top: 8px; width: 100%; height: 25px; line-height: 25px; overflow: hidden; padding-left: 7px; box-sizing: border-box; }
.class_type_o1 .single .ljxq { width: 127px; height: 42px; border-radius: 100px; background-color: rgba(25, 95, 149, 0.58); position: absolute; top: 65px; left: 90px; display: block; display: none }
.class_type_o1 .single .ljxq span { background: url(../images/course_xg_jump_bg.png) 14px 11px no-repeat; color: #fff; font-size: 18px; width: 100%; height: 42px; display: block; line-height: 42px; cursor: pointer; padding-left: 40px; box-sizing: border-box; }
.class_type_o1 .single .price{ position:absolute; /*background: url(../images/courseindex_price_bg.png) no-repeat;*/ width:160px; height:28px; right:0px; top:16px; font-size:14px; color:#684514; font-weight:bold;  line-height:28px;box-sizing:border-box; padding-right:6px; text-align:right}
.class_type_o1 .single .signup_nember { width: 144px; height: 32px; background: url(../images/signup_nember_bg.png) 14px no-repeat; background-color: rgba(251, 255, 254, 0.1); display: block; position: absolute; right: 0px; top: 38px; border-radius: 16px 0 0 16px; }
.class_type_o1 .single .signup_nember span{ color:#0E4574;}

.class_type_o1 .single .ac11 { width: 205px; height: 36px; background: url(../images/xiaokechen.png) no-repeat; display: block; position: absolute; right: -1px; top: 35px;}


.class_type_o1 .single .jump .xbg618{ background: url(../images/xbg618.png) no-repeat;width: 100%; height: 100%; display:block; position:absolute; top:0px; left:0px; z-index:2;}
.class_type_o1 .single .jump .xbg618 .price{ width: 48px;height: 40px; line-height:40px;font-size:24px;font-family: DINAlternate-Bold, DINAlternate;font-weight: bold;color: #F5FAFF;line-height: 40px; position:absolute; top:136px; left:237px; overflow:hidden; text-align:center;}
.course_index .course_list .class_type_o2 .single .jump .dbg618{ background: url(../images/dbg618.png?1) no-repeat;width: 100%; height: 100%; display:block; position:absolute; top:0px; left:0px; z-index:2;}
.course_index .course_list .class_type_o2 .single .jump .dbg618 .price{ width: 65px;height: 40px; font-size:24px;font-family: DINAlternate-Bold, DINAlternate;font-weight: bold;color: #F5FAFF;line-height: 40px; position:absolute; top:207px; left:534px; overflow:hidden; text-align:center;}


.zsCoupon .getCoupon { position: fixed; bottom: 0px; overflow: hidden; width: 1920px; height: 80px; line-height: normal; margin-left: 50%; left: -960px; background-attachment: scroll; background-color: #FBB42B; background: url(../images/AllenCoupon300.jpg?111) no-repeat; background-position: 50% 0%; z-index: 1000 }
.zsCoupon .getCoupon .goGetCoupon { width: 1296px; height: 40px; margin: auto; margin-top: 20px; }
.zsCoupon .getCoupon .goGetCoupon span { width: 100px;height: 40px;background: linear-gradient(135deg, #FF5BE6 0%, #3793FF 100%);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);border-radius: 23px; float: right; cursor: pointer;height: 40px; text-align:center;font-size: 18px;font-family: MicrosoftYaHei;color: #FFFFFF;line-height: 40px;letter-spacing: 1px;}
.zsCoupon .getCoupon .goGetCoupon span.on{border: 1px solid #FFFFFF; background:none}
.zsCoupon .surplus_time{width: 230px;height: 19px;font-size: 14px;font-family: MicrosoftYaHei;color: #70B3FF;line-height: 19px;letter-spacing: 1px; margin:auto; margin-top:-10px; text-align:center; display:block;}



.course-banner { width: 1300px; height: 430px; margin: auto; margin-top:13px; position: relative; position: relative; overflow: hidden; text-align: center; }
.course-banner li { list-style: none; max-height: 100%; height: 400px; }
.course-banner ul li { float: left; }
.course-banner ul li a { width: 100%; height: 100%; display: block; }
.course-banner ul li a .img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 8px; }
.course-banner .dots { width: 318px; height: 50px; border-radius: 25px;  display: flex; justify-content: center; position: absolute; left: 50%; bottom: 20px; margin: auto; margin-left: -159px; }
.course-banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 1px solid #70FFF7;background: #346D86; border-radius: 5px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; margin-top: 20px; }
.course-banner .dots li.active { background: #70FFF7; opacity: 1; }
.course-banner .arrow { position: absolute; bottom: 35px; z-index: 3 }
.course-banner #al { left: 50%; margin-left: -140px; }
.course-banner #ar { right: 50%; margin-right: -140px; }