.banner{width: 100%}
.banner img{ width: 100%; height: 145px; }
.menu_bg{ background-color: #efeff4; }
.menu_div{border-radius: 10px; background-color: #ffffff;}
.title{ background: url("http://class.ksing.cn/static/wx/index_s.png") no-repeat ;background-size:8px 23px; padding-left: 15px; line-height: 23px;}
.t_view{border-bottom: #dedede solid 1px;}
.ix_img{ width: 25px; height: 25px;}

/*slider*/
#slider-box{position:relative;width:100%;height:145px;overflow:hidden;}
#slider {height:100%;overflow:hidden;*zoom:1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
#slider li{width:100%;height:100%;float:left;display:none;}
#slider li.active{display:block;-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#slider li img{width:100%;}
#arrow {position:absolute;bottom:10px;right:10px;}
#arrow li{width:12px;height:12px;float:left;display:inline-block;margin: 0 3px;background-color: #d5dbd6;border-radius: 50%;-webkit-border-radius: 50%;}
#arrow li.active{background-color:#c95122;}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.clist{border-bottom: #efefef solid 1px; padding: 0.5em 1em; }
.c_img{ width: 112px; height: 77px; }
.c_v{padding-right: 15px;}
.clisto a,.clist a{color: #999999;   /*黑蓝色*/outline: medium none;text-decoration: none;background: transparent;star:expression(this.onFocus=this.blur());transition: all 0.2s ease-in-out;}
.clisto a,.clist a:hover {color: #999999;   /*浅蓝色*/}

.clisto{border-bottom: #efefef solid 1px; padding: 1rem; }
.co_img{width: 112px; height: 77px; }
.co_v{padding-right: 15px; position: relative}

.cs_img{ width: 100%; min-height: 145px;}
.foot_1 a{display: block;}
.vbtn{background: #e83c3c;color: #ffffff; text-align: center; border: #e83c3c solid 1px;line-height: 2.6; border-radius:0px; font-size: 14px;}
.vbtn::after{border: 0px;}
.vbtn a{color: #ffffff; text-decoration: none;}
.vbtn a:hover {color: #ffffff; }
.vbtnx{background: #fe9600;color: #ffffff; text-align: center; border: #fe9600 solid 1px; border-radius:0px; line-height: 2.6; font-size: 14px;}
.vbtnx::after{border: 0px;}
.rbtn{background: #fbfafa;color: #000000; text-align: center; border: #fbfafa solid 1px; border-radius:0px; line-height: 2.6; font-size: 14px;}
.rbtn a{color: #000000; text-decoration: none;}
.rbtn a:hover {color: #000000; }
.bgc{background: #ffffff; line-height: 2.6;}
.box_txt{border: #cccccc solid 1px; padding: 0px 0.7em; color: #a1a1a1; border-radius: 5px; margin-right: 1em}
.box_txt1{border: #ff897d solid 1px; padding: 0px 0.7em; color: #ff897d; border-radius: 5px;margin-right: 1em}

.icon_a{ width: 50px; height:50px; border-radius: 50%; color: #ffffff; background: #fbc711; font-size: 50px; line-height: 50px; }
.icon_g{ width: 100px; height:100px; border-radius: 50%; color: #ffffff; background: #278303; font-size: 50px; line-height: 100px; }
.icon_r{ width: 100px; height:100px; border-radius: 50%; color: #ffffff; background: #f20c0c; font-size: 50px; line-height: 100px; }

.ljbtn{
  background: #fe9600;color: #ffffff; text-align: center; border: #fe9600 solid 1px; border-radius:10px; line-height: 2.6; font-size: 16px;
}
.foot_nav{position:fixed; bottom:0px;right:0; z-index:20; background:#ffffff; text-align: center;width: 100%; border-top:#e0e0e0 solid 1px; padding-top: 3px; padding-bottom: 3px; }
.foot_nav img{width: 20px; height: 20px;} 
.foot_nav a{color: #616060; text-decoration: none; font-size: 12px;}
.foot_nav a:hover {color: #616060; }
.foot_lbai{height: 50px;}

.order_bg{background: #efefef;}
.o_bg{background: #ffffff;}
.arrow{width:10px; height: 10px;border-top:1px solid #dddddd;border-right: 1px solid #dddddd; transform: rotate(45deg);}
.foot_1{position:fixed; bottom:0px;right:0; z-index:20; background:transparent; text-align: center;width: 100%; }

.lbai{line-height: 2.6; padding:1.2em;}
.del{width: 1em; height: 1em; border-radius: 50%;background: #f15545; color: #ffffff; margin-right: 5px; z-index: 99; top: -0.4em;left: -0.5em; position: absolute;}


input[type="radio"] + span::before {
  content: "\a0";   /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid #f15545;
  border-radius: 50%;
  text-indent: 5px;
  line-height: 1;
}
input[type="radio"]:checked + span::before {
  width: 12px;
  height: 12px;
  background-color: #f15545;
  background-clip: content-box;
  padding: 2px;
}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.r_btn{background: #f15545; color: #ffffff; text-align: center; border: #f15545 solid 1px; border-radius:0px; line-height: 2.6; font-size: 14px;}
.r_btn::after{border: 0px;}

.y_btn{background: #eeeeee;color: #bdbdbd; text-align: center; border: #eeeeee solid 1px; border-radius:0px; line-height: 2.6; font-size: 14px;}
.y_btn::after{border: 0px;}


.tips{position:fixed;  z-index:25; top:50%; left: 50%; transform: translate(-50%,-50%);  background: #fcfcfc; width: 90%;}
.tips .tipst{ line-height: 2em; font-size: 16px; text-align: right; }
.tips .tipsc{height: 400px; overflow-y: scroll; border:#ededed 1px solid; }

.bitem{background: #FFFFFF; margin-top:5px; margin-bottom: 5px; padding: 10px;}
.bitem .biimg{width: 90px; border: solid #ededed 5px; }
.bitem img{ width: 100%; height: auto;} 
.bitem .bkinfo{flex:1; display:flex; flex-direction:column; flex-wrap:wrap; padding: 5px;}
.bitem .bkinfo span{flex-wrap:wrap;}
.text-t{font-size: 16px; color: #000000; }
.text-b{ font-size: 12px; color: #ff751b; }
.text-i{ font-size: 12px; color:#595757; }

.page_bi{background: #FFFFFF; padding: 0px 30px 0px 30px;}
.page_bi2{background: #FFFFFF; padding: 0px 15px 0px 15px;}
.title1{ text-align: center; font-size: 14px; line-height: 2.5; color: #333333; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.ctext{ color: #999999;}
.txtcontent{text-indent: 2em; font-size: 12px; line-height: 1.6; color: #595757;}

.footr_1{position:fixed; bottom:0px;right:0; z-index:20; background: #FFFFFF; text-align: center;width: 100%; padding-bottom: 15px;}
.footr_1 .btnfs{color: #000000;font-weight: bold; margin: 0px 10px;}
.footr_1 .btnfs a{ color: #ffffff; text-decoration:none;}
.footr_1 .btnfs a:hover {color: #ffffff; }
.gmbtn{background: #fe872c; color: #FFFFFF; text-align: center; border-radius:5px; line-height: 3em; font-size: 14px;  }
.gmbtn_m{
  background: #0890f9; color: #FFFFFF; text-align: center; border-radius:5px; margin-left: 5px; margin-right: 5px; line-height: 3em; font-size: 14px;  
}
.gmbtn,.gmbtn_m{border:0px;}
.pcbtn{ margin-left: 15px;}
.i_txt{width: 80px; text-align: right;}
.gg{color: #ff0000; padding: 5px;}
.buy_title{ padding-left: 25px; font-size: 14px; line-height: 2em;}
.buy_quan{background: #FFFFFF;  padding:5px 25px;}
.buy_q{ width: 50%;position: relative;}
.buy_q1{position: relative; background: url("http://class.ksing.cn/static/images/qstley1.png") no-repeat; margin: 10px 10px; background-size:contain; height: 65px;}
.buy_q2{position: relative; background: url("http://class.ksing.cn/static/images/qstley2.png") no-repeat; margin: 10px 10px; background-size:contain; height: 65px;}
.buy_q3{position: relative; background: url("http://class.ksing.cn/static/images/qstley3.png") no-repeat; margin: 10px 10px; background-size:contain; height: 65px;}
.qcheck1{ position: absolute; left: -10px; top: 12px; width: 27px; height: 29px;background: url("http://class.ksing.cn/static/images/qcheck1.png") no-repeat; background-size:contain;}
.qcheck2{ position: absolute; left: -10px; top: 22px; width: 20px; height: 20px;background: url("http://class.ksing.cn/static/images/qcheck2.png") no-repeat; background-size:contain;}
.buyq_txt{padding-left: 30px;}
.buyq_txt .bqt_t{ font-size: 12px; line-height: 3em;}
.buyq_txt .bqt_d{ font-size: 10px; line-height: 2em;}
.buy-section{
  margin-top: 5px;
  padding: 5px 25px;
  background: #FFFFFF;
}
.bst_bg{ background: url("http://class.ksing.cn/static/images/qbook.png") no-repeat left center;
  background-size:contain;}
.bst_pl{ padding-left: 20px;}

.buy_books{
  font-size: 14px;
  line-height: 2;
}
.buy_book{
  margin-top: 10px;
  margin-bottom: 10px;
}
.bi_p{ padding-left: 10px; padding-right: 10px;}
.buy_book img{ width: 71.4px; height: 100.8px;}
.buy_book:last-child {
  border-bottom: 1px solid #d9d9d9;
}
.rexx{ font-size: 14px; line-height: 2;}
.yh{ padding: 10px 15px; color:#ff0000;background-color: #FFFFFF;
  line-height: 1.41176471;
  font-size: 14px;}
.checkbox{
  margin-right: 10px;
  width: 20px;
  height: 20px;
} 
.hidden{ display: none;}
.b_img{ width: 110px; height: 110px;}

.coupon_nav{border-bottom: #dddddd solid 1px; color: #999999;}
.coupon_img{ width: 140px; height: 97.5px; }
.coupon_zk{background-image: url("https://class.ksing.cn/static/wx/coupon_zk.png");background-size:100% 100%; font-size: 50px;}
.coupon_dy{background-image: url("https://class.ksing.cn/static/wx/coupon_dy.png");background-size:100% 100%; font-size: 40px;}
.bz{margin-top:-1em;}
.c_fh{ height: 25px;}
.c_bg{background: #efefef;}
.footc_1{position:fixed; bottom:0px;right:0; z-index:20; background:#dddddd; text-align: center;width: 100%; }

.ars{border-top: #efefef solid 1px; padding:0.5rem 1rem;}
.ars_btn_on{background-image: url("https://class.ksing.cn/static/wx/radio_no.png"); background-size:22.5px 23px; height: 23px; width:22.5px;}
.ars_btn_off{background-image: url("https://class.ksing.cn/static/wx/radio_off.png"); background-size: 22.5px 23px;   height: 23px; width:22.5px;}
.foota_1{position:fixed; bottom:0px;right:0; z-index:20; background:transparent; text-align: center;width: 100%; }
.addbtn{background: #ffffff;color: #f15545; text-align: center; border-top: #efefef solid 1px; border-radius:0px; line-height: 2.6; font-size: 16px;}
.addbtn::after{border: 0px;}
.res_add{border-bottom: #efefef solid 1px; padding:1em;}
.res_one{ width: 90px; text-align: right;}

.daili{position:fixed; bottom:45px;right:0; z-index:21; width: 30px; font-size: 10px; border: #dedede solid 1px; background: #dedede; padding: 5px; text-align: center; border-radius: 2px;}
.my_h{background: #efefef;}
.u_list{ border-bottom: #efefef solid 1px; padding-top: 0.7em; padding-bottom: 0.7em; padding-right: 1em;}
.u_list .ico_img{ width: 60px;}
.u_list .ico_img image{width: 30px;height: 30px}
.arrow{width:10px; height: 10px;border-top:1px solid #bebebe;border-right: 1px solid #bebebe; transform: rotate(45deg);}

.border_t{border-bottom:solid #f5f5f5 8px}
.btn_fl{text-align: center; border: #f5f5f5 solid 1px; border-radius: 0.5em; color: #333333; font-size:14px; margin: 5px 0px; }
.btn_fl::after{border: #f5f5f5 solid 1px;}
.daili{position:fixed; bottom:60px;right:0; z-index:21; width: 80px; font-size: 16px;  padding: 5px; text-align: center; }
.daili img{width: 40px; height: 40px;}

.c_list{padding-top: 12px; padding-bottom: 12px;} 
.c_list img{width: 125px; height: 69px;}
.c_list .myv_iocn img{width: 15px; height: 15px;}
/*团购*/
.buy_img{ width: 100%; min-height: 145px; position: relative;}
.buy_img .banner{width: 100%;height: 145px;}
.tuan_s{position: absolute; top: 10px; left: 0px; padding: 4px 8px; line-height: 20px; background: #e10b06; border-top-right-radius: 15px; border-bottom-right-radius: 15px; color: #fff; font-size: 14px;}
.tuan_j{position: absolute; bottom: 10px; left: 0px; width: 100%; color: #fff; background:rgba(0,0,0,.4); line-height: 30px; font-size: 14px;}
.bt_title{line-height: 35px;}
.buy_content{line-height: 20px; padding: 10px;}
a.dd_buy_btn{background: #c89d58; color: #fff; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
a.tg_buy_btn{background: #fc5b60; color: #fff; border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
a.dd_buy_btn:hover,a.tg_buy_btn:hover{color: #fff;}
.buy_tdiv{background: #f0f3f8; padding: 10px;border-radius: 10px;}
.buy_tdiv .one_tuan{background: #fff; padding: 10px; border-radius: 10px; line-height: 25px;}
.buy_tdiv .one_tuan .user_img{ width: 25px; height: 25px; }
.buy_tdiv .one_tuan .user_img img{width: 25px; height: 25px; border-radius: 50%;}
.buy_tdiv .guize{padding: 10px;}
.t_yb{width: 25px; height: 25px; border-radius: 50%; background: #c1c5ce; color: #fff; line-height: 25px;}
a.dd_buy_btn_q{background: #c89d58; color: #fff;border-radius: 18px; }

.buy_btn_pay{background: #10b5f9; color: #fff; border-radius: 10px; line-height: 30px; font-size: 14px;}
.buy_btn_del{background: #58595a; color: #fff; border-radius: 10px; line-height: 30px; font-size: 14px;}
.pay_input{border: #cccccc solid 1px; border-radius: 5px; line-height: 25px; height: 25px; padding: 5px; width: 90%}

.share{position:fixed; top:0; left: 0; z-index: 999; background: rgba(0,0,0,.5); width: 100%; height: 100%;}
.share_c{ padding: 0 2em; color: #000; background: #fff; }
.share_c img{width: 100%; height: auto; max-height: 650px;}
.share_c .share_cz{min-height: 4em;}
.yjorder{position:fixed; top:0; left: 0; z-index: 999; background: rgba(255,255,255,.9); width: 100%; height: 100%;}
.yjorder .yjc{ margin: 0 3em; background: #fbfbfb; border: #efeff0 solid 1px;  }
.yjorder .yj_btn{background: #b9b9ba; color: #000; border-radius: 2px; line-height: 25px; font-size: 14px;}