@charset "utf-8";
/*图书详情*/
.panel-1 { background-color: #fff; width: 100%; padding: 50px 0; border: 1px solid #eaeaea; }
.panel-1 .book_img { width: 432px; height: 238px; border: 1px solid #F4F4F4; position: relative; margin-left: 92px; }
.panel-1 .book_img img { height: 226px; margin: 8px auto; }
.panel-1 .book_img .book_icon_img{width: 100px;height: auto;position: absolute;top: 0px;right: 5px;z-index:999}
.panel-1 .book_img .book_icon_img img{width: auto !important;height: auto !important;}
.panel-1 .book_img .shidu { width: 100px; height: 35px; line-height: 35px; display: block; background-color: #0091f4; text-align: center; position: absolute; right: 0; bottom: 0; }
.panel-1 .book_img .shidu:hover { color: #fff; }
.panel-1 .book_content { width: 476px; position: relative; }
.panel-1 h2 { margin-bottom: 6px; line-height: 28px; }
.panel-1 .daojishi { width: 476px; height: 25px; line-height: 25px; margin-top: 8px; background: url("../images/daojishi_bg.png") no-repeat; }
.panel-1 .daojishi img { display: inline-block; margin-bottom: -2.5px; margin-right: 8px; }
.panel-1 .naoling { margin-left: 8px; background: url("../images/shizhong.png") no-repeat center left; padding-left: 22px; }
.panel-1 .daojishi li { float: left; }
.panel-1 .daojishi ul { margin-left: 10px; }
.panel-1 .daojishi .shuzi { width: 18px; height: 18px; line-height: 18px; background-color: #777777; border-radius: 2px; text-align: center; margin: 4px; }
.panel-1 .price { width: 454px; height: 135px; padding: 7px 0; padding-left: 22px; background: url("../images/price_bg.png") no-repeat; }
.panel-1 .price li { height: 26px; line-height: 26px; }
.panel-1 .hong1 { color: #da2c3d; }
.panel-1 .price .hong { color: #da2c3d; margin-left: 5px; }
.panel-1 .price1 { margin-top: 10px; }
.panel-1 .price p, .panel-1 .price1 p { height: 26px; line-height: 26px; }
.panel-1 .zuo { width: 60px; display: block; height: 26px; line-height: 26px; }
.panel-1 .price .youhuiquan { background: url("../images/youhuiquan.png") no-repeat center left; background-size: 48px 16px; /* padding-left: 61px; */ margin-right: 12px; display: inline-block; height: 26px; width: 48px; }
.panel-1 .order_lists { margin: 15px 0; line-height: 25px; }
.panel-1 .amount_box { width: 40px; height: 26px; position: relative; }
.panel-1 .amount_box .sum { width: 26px; height: 24px; border: none; text-align: center; float: left; border: 1px solid #666; line-height: 24px; border-right: none; }
.panel-1 .amount_box .reduce { float: left; height: 13px; width: 13px; border: none; background: none; cursor: pointer; line-height: 4px; border: 1px solid #666; border-bottom: none; }
.panel-1 .amount_box #min { border-bottom: 1px solid #666; }
.panel-1 .order_lists span { margin-left: 30px; }
.panel-1 .kucun { margin-left: 15px; line-height: initial; margin-top: 12px; }
.panel-1 .gm_btn { width: 186px; height: 27px; line-height: 27px; text-align: center; margin-bottom: 20px; }
.panel-1 .gm_btn .gouwuche { width: 90px; height: 27px; background-color: #fd0037; color: #fff; display: block; }
.panel-1 .gm_btn .goumai { width: 80px; height: 25px; background-color: #ffeef0; border: 1px solid #fd0037; display: block; color: #fd0037; line-height: 25px; }
.panel-1 .fenxiang { height: 30px; line-height: 30px; margin-top: 20px; margin-left: 92px;position:  relative; margin-bottom: 50px;  }
.panel-1 .shoucang { background-position: -461px -124px; display: block; padding-left: 20px; cursor:pointer;}
.panel-1 .share { background-position: -520px -124px; padding-left: 19px; margin-left: 30px;cursor:pointer; }
.panel-1 .shoucang.active{ background: url("../images/share_all.png") no-repeat left center;}
.panel-1 .share:hover { background: url("../images/share_hover.png") no-repeat left center;color:#0091f4; }
/* tab上一个下一个切换 */
.scrollpic { width: 1100px;}
#myscroll { display: block; width: 100%; position: relative; height: 45px; overflow: hidden; }
#myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px; }
#myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
#myscroll ul li { display: block; min-width:250px;}
#mybtns { margin: 10px 0; width: 1100px; display: block; height: 42px; }
#mybtns a { width: 42px; height: 42px; display: block; float: right; margin-right: 1px; background-color: #c1c1c1; margin-left: 10px; }
#mybtns a:hover { background-color: #0091f4; }
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mybtns #left { background-image: url(../images/jt_l.png); }
#mybtns #right { background-image: url(../images/jt_r.png); }



.panel-4 .add_address{ width: 460px; height: 400px; background-color: #fff; box-shadow: 0px 0px 46px rgba(80,131,207,0.13); border: 1px solid #f4f7fc; border-radius: 5px; position: fixed; z-index: 999; top: 50%; left: 50%; margin-top: -200px; margin-left: -230px;display:none;}
.panel-4 .add_address .adr_title { height: 50px; line-height: 50px; padding-left: 20px; border-bottom: 1px solid #f2f2f5; }
.panel-4 .add_address input[type=text] { width: 344px; padding-left: 20px; margin: 0 auto; background-color: #f2f2f5; border: none; height: 40px; line-height: 40px; border-radius: 5px; margin-top: 25px; display: block; }
.panel-4 .fadeOut{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:98;left:0;top:0;display:none;}
.panel-4 .city-picker-select { width: 375px; margin: 0 auto; margin-top: 25px; }
.panel-4 .city-picker-select select{border: none;background: #f2f2f5;border-radius: 5px;color: #666;font-size: 14px;outline: none;width: 111px;height: 36px;margin-right: 10px;padding-left:5px;}
.panel-4 .add_address_btn{width:200px;margin:0 auto;margin-top:25px;}
.panel-4 .add_address_btn input,.panel-4 .add_address_btn a,.order_zhifu .zhifu_btn{background: url("../images/login/login_bg.png") no-repeat;width:81px;height:30px;line-height:30px;text-align:center;display:block;border:none;background-size:81px 31px;cursor:pointer;}

/*分享链接*/
.panel-1 .share.isShow .bdsharebuttonbox{display:block;}
.bdsharebuttonbox {top: auto;bottom: 100%;left: 0;padding: 3px 10px !important;position: absolute;top: 30px;height: 44px;display:none;}
.bdsharebuttonbox ul li{float:left;}
.bdsharebuttonbox .bds_weixin { background-image: url("../images/css-bg.png"); background-position: -13px -7px !important; }
.bdsharebuttonbox .bds_tsina { background-image: url("../images/css-bg.png"); background-position: -57px -7px !important; }
.bdsharebuttonbox .bds_sqq { background-image: url("../images/css-bg.png"); background-position: -101px -7px !important; }
.bdsharebuttonbox .bds_qzone { background-image: url("../images/css-bg.png"); background-position: -146px -7px !important; }

/*套餐推荐*/
.panel-2 { background-color: #fff; padding-bottom: 40px; }
.panel-2 h2 { height: 50px; line-height: 50px; margin-top: 10px; }
.panel-2 .TabTitle1 { height: 45px; }
.panel-2 .TabTitle1 li { float: left; background-color: #F2F2F2; text-align: center; height: 45px; line-height: 45px; cursor: pointer;/*  padding: 0 50px; */ }
.panel-2 .TabTitle1 li.active { border-top: 2px solid #0091f4; background-color: #fff; height: 43px; line-height: 43px; }
.panel-2 .TabContent1 {width: 1000px;margin-top: 30px;overflow: hidden;height: 260px;}
.panel-2 .taocan {max-width: 812px;height: 260px;display: flex;overflow-y: hidden;flex-wrap: nowrap;}

.panel-2 .taocan::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.panel-2 .taocan::-webkit-scrollbar
{
	height:6px;
	background-color: #fff;
}

.panel-2 .taocan::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0091f4;
}


.panel-2 .taocan li {float: left;min-width: 200px;position: relative;height: 260px;}
.panel-2 .taocan .book_img { width: 100px; border: 1px solid #dadada; height: 120px; margin-left: 35px; padding: 4px 0; }
.panel-2 .taocan .book_img img {height: 120px;margin: 0 auto;max-width: 100px;}
.panel-2 .taocan li h3 { font-size: 12px; width: 172px; margin-top: 10px; line-height: 20px; }
.panel-2 .taocan li p { text-align: center; margin-top: 10px; width: 172px; }
.panel-2 .taocan li em { width: 19px; height: 19px; position: absolute; right: 5px; top: 56.5px; background: url("../images/jia.png") no-repeat; }
.panel-2 .taocan li:last-child em { height: 11px; top: 67px; background: url("../images/dengyu.png") no-repeat; height: 11px; }
.panel-2 .zongjia { min-width: 84px; float: left; margin-left: 30px; margin-top: 20px; }
.panel-2 .zongjia p { color: #ff0000; font-size: 20px; text-align: center; }
.panel-2 .zongjia del { font-size: 12px; color: #999; text-align: center; display: inherit; margin-top: 5px; margin-bottom: 5px; }
.panel-2 .zongjia .price { width: 74px; height: 20px; line-height: 20px; border: 1px solid #ff2626; text-align: center; font-size: 12px; background-color: #f6c6c6; margin: 0 auto; }
.panel-2 .zongjia .goumai { width: 84px; height: 28px; line-height: 28px; text-align: center; color: white; background-color: #ff0000; display: block; box-shadow: 0px 0px 16px 0px rgba(27, 86, 126, 0.15); margin: 0 auto; margin-top: 5px; }
/*资料详情*/
.panel-3 { margin-top: 30px; }
/*资料基本信息*/
.panel-3 .ziliao_base { margin-bottom: 30px; padding: 16px; width: 716px !important; }
.panel-3 .ziliao_base ul { margin-left: 14px; margin-top: 10px; }
.panel-3 .ziliao_base li { float: left; height: 30px; line-height: 30px; overflow: hidden; }
.panel-3 .ziliao_base li span { color: #333; }
.panel-3 .ziliao_base li.w250 {width: 300px;margin-right: 10px;}
.panel-3 .ziliao_base li.w440 {width: 390px;}
.panel-3 .ziliao_base li.w100 { width: 100%; }

.panel-3 .course, .panel-3 .ziliao_base { border: 1px solid #DFDFDF; background-color: #fff; width: 748px; }
.panel-3 .course .fixed_pc { display: block; position: fixed; top: 0; width: 748px; z-index: 999; }
.panel-3 .tabs { height: 44px; }
.panel-3 .anchor { position: relative; top: -44px; }
.panel-3 .course .tab { width: 25%; height: 44px; float: left; background-color: #fafafa; font-size: 16px; line-height: 44px; text-align: center; }
.panel-3 .course .tab.active { height: 42px; line-height: 42px; border-top: 2px solid #0091f4; background-color: #fff; }
.panel-3 .course_content_section { padding: 0 15px; }
.panel-3 .course_content_section .content_node, .panel-3 .remarks .content_node { padding: 30px 0; clear: both; }
.panel-3 .course_content_section .content_node .title, .panel-3 .ziliao_base .content_node .title, .panel-3 .remarks .content_node .title { height: 22px; line-height: 22px; border-left: 4px solid #0091f4; padding-left: 10px; font-size: 18px; }
.panel-3 .class_notes_con { width: 670px; margin-left: 14px; overflow: hidden; }
.panel-3 .class_notes_con img{max-width:670px;}
.panel-3 .class_notes_con #commentList li { padding: 20px 0; border-bottom: 1px solid #d7d7d7; min-height: 30px; width: 100%; float: left; }
.panel-3 .content_node .xiaohei{display:none;right: -30px;position: absolute;z-index: 10;}
.panel-3 .content_node .wxhover{cursor: pointer;position: relative;}
.panel-3 .content_node .wxhover:hover .xiaohei{display:block;}
/*.panel-3 .class_notes_con li:last-child { border-bottom: none; }*/
.panel-3 .class_notes_con li.second-btn { clear: both; text-align: center; font-size: 16px; line-height: 30px; }
.panel-3 .class_notes_con .touxiang { width: 30px; height: 30px; background-color: #d7d7d7; border-radius: 100%; }
.panel-3 .class_notes_con .content { width: 620px; }
.panel-3 .class_notes_con .top { width: 100%; color: #999; font-size: 12px; }
.panel-3 .class_notes_con p { line-height: 20px; padding-top: 5px; }
.panel-3 .remarks_more { padding: 24px 0; text-align: center; background-color: #fff; }
.panel-3 .remarks_more a { background-image: url("../images/yuanjia_h.png"); background-repeat: no-repeat; line-height: 16px; display: inline-block; padding-left: 25px; }
.panel-3 .remarks_more a:hover { background-image: url("../images/yuanjia_l.png"); }

.panel-3 .class_notes_con .TabTitle1 { height: 60px; }
.panel-3 .class_notes_con .TabTitle1 li { cursor: default; display: block; float: left; padding: 0 10px; margin: 18px 10px 0 0; height: 26px; line-height: 26px; color: #4c4a4b; font-size: 14px; float: left; cursor: pointer; }
.panel-3 .class_notes_con .TabTitle1 li.active { background: #00A0E8; border-radius: 3px; color: #fff; }
.panel-3 .class_notes_con .TabContent1 .top {height: 160px;padding-top: 10px;/* padding-left:20px; */}
.panel-3 .class_notes_con .TabContent1 .top .img img { float: left; width: 250px;height:auto; }
.panel-3 .class_notes_con .TabContent1 .top dl {float: left;margin-left: 25px;width: 394px;overflow:  hidden;}
.panel-3 .class_notes_con .TabContent1 .top dl dt {font-weight: bold;font-size: 17px;height: 34px;line-height: 34px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.panel-3 .class_notes_con .TabContent1 .top dl dd {/* margin-top: 10px; */width: 394px;display: block;line-height: 24px;}
.panel-3 .class_notes_con .TabContent1 .buttom { border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(136, 136, 136); clear: both; }
.panel-3 .class_notes_con .TabContent1 .buttom ul {margin-top: 20px;}
.panel-3 .class_notes_con .TabContent1 .buttom ul li {height: 34px;line-height: 34px;width: 100%;overflow: hidden;white-space:  nowrap;text-overflow: ellipsis;}
/*评论框*/
.panel-3 .remarks { margin-top: 50px; border: none; background-color: #fff; width: 706px; padding-left: 20px; padding-right: 24px; padding-bottom: 20px; overflow: hidden; margin-bottom: 80px; }
.panel-3 .remarks textarea { border: 0; border: 1px solid #666; width: 680px; height: 76px; resize: none; margin-bottom: 20px; padding: 10px; }
.panel-3 .remarks .tijiao { width: 82px; height: 28px; background-color: #0091f4; box-shadow: 0px 0px 16px 0px rgba(27, 86, 126, 0.15); border: none; color: #fff; }

/*看过该资料的用户还看过*/
.panel-3 .kc_wenti { width: 312px; background-color: #fafafa; border: 1px solid #dfdfdf; border-radius: 4px; margin-bottom: 15px; }
.panel-3 .kc_wenti_tit { height: 44px; line-height: 44px; margin-left: 10px; }
.panel-3 .kc_wenti_tit .bg_all { background-position: -168px -117px; width: 18px; height: 18px; padding-left: 6px; padding-top: 13px; }
.panel-3 .kc_wenti ul { padding: 16px; background-color: #fff; }
.panel-3 .kc_wenti ul li { margin-bottom: 16px; background-color: #F8FBFD; height: 60px; padding: 15px 5px 15px 9px; cursor: inherit; line-height: 40px; cursor: pointer; position: relative; }
.panel-3 .kc_wenti ul li:last-child { margin-bottom: 0; }
.panel-3 .kc_wenti ul li img { width: 90px; }
.panel-3 .kc_wenti .cont { width: 168px; line-height: 16px; }
.panel-3 .kc_wenti .cont p { max-height: 32px; margin-bottom: 6px; }
.panel-3 .kc_wenti .btn a { height: 20px; line-height: 20px; padding: 0 5px; border-radius: 4px; border: 1px solid #999999; text-align: center; }
.panel-3 .kc_wenti .btn a.clan { border: 1px solid #0091f4; }
.panel-3 .kc_wenti .more { margin-right: 10px; background: url("../images/xiala.png") no-repeat center right; padding-right: 14px; }
.panel-3 .kc_wenti .btn { overflow: hidden; position: absolute; bottom: 16px; width: 168px; }