@charset "utf-8";
/*详情页-图片*/
.book_detail { background-color: #FBFBFB; padding-bottom: 44px; }
.book_detail .book_img img { height: 240px; width: auto; margin: 29px auto; display: block; }
.book_detail .book_img .book_icon_img{width: 80px;height: auto;position: absolute;top: -15px;right: 5px;z-index:999}
.book_detail .book_img .book_icon_img img{width:100%!important;height:100%!important;}
.book_detail .book_img .shidu{width:82px;height:30px;line-height:30px;background-color:#00A2FF;display:  block;text-align:  center;border-radius: 20px 0 0 20px;position:  absolute;right:  0;bottom: 10px;}
/*详情页-参数*/
.detail_content { width: 93.6%; line-height: 22px; background-color: #fff; padding: 10px 3.2% 20px 3.2%; }
.detail_content p { margin-top: 6px; }
.detail_content del { margin-right: 20px; }
.bold{font-weight: bold;}
/*详情页-组合*/
.book_detail .tcbox { background-color: #fff; padding: 0 3.16%; display: flex; justify-content: space-between; align-content: center; align-items: center; color: #00A2FF; height: 44px; border-top: 1px solid #EFEFEF; }
.book_detail .tcbox:after { height: 44px; line-height: 44px; content: "\e608"; font-family: "hui-font" !important; color: #00A2FF; }
/*详情页-选项卡*/
.detail-list .tab-li { width: 100%; overflow: hidden; height: 42px; background-color: #fff; margin-bottom: 12px; box-shadow: 0 2px 4px 0 #F5F9FD; }
.detail-list .fixed_pc { position: fixed; top: 44px; left: 0; width: 100%; z-index: 1000; }
.detail-list .tab-li li { width: 25%; float: left; height: 40px; text-align: center; font-size: 13px; color: #666666; line-height: 40px; border-bottom: 2px solid #ffffff; transition: all ease-in-out .6s; }
.detail-list .tab-li li a.active:after { border-bottom: 2px solid #00A2FF; color: #00A2FF; content: ""; display: block; width: 80%; margin: 0 auto; }
.detail-list { margin-top: 35px; }
.detail-list .course_content_section { background-color: #fff; padding: 0 10px; overflow: hidden;line-height: 24px; }
.detail-list .course_content_section .content_node { padding: 20px 0; clear: both; }
.detail-list .course_content_section .content_node .title { height: 16px; line-height: 16px; border-left: 4px solid #0091f4; padding-left: 10px; font-size: 13px; }
.wrapper02 { position: relative; height: 77px; width: 100%; overflow: hidden; margin: 0 auto; padding-left: 10px; margin-bottom: 12px; }
.wrapper02 .scroller { position: absolute; }
.wrapper02 .scroller li { height: 77px; float: left; line-height: 77px; text-align: center; width: 230px; padding-right: 16px; }
.wrapper02 .scroller li a { display: block; height: 77px; }
.wrapper02 .quanti { width: 168px; height: 77px; background-color: #FF8F34; padding: 0 10px; color: #fff; }
.wrapper02 .lingqu { width: 14px; height: 53px; background-color: #FF7200; padding: 12px 14px; line-height: 26.5px; color: #fff; }
.wrapper02 .top { height: 55px; width: 100%; color: #fff; }
.wrapper02 .zhekou { height: 55px; line-height: 55px; font-size: 15px; color: #fff; }
.wrapper02 .manjian { height: 55px; font-size: 12px; color: #fff; }
.wrapper02 p { height: 17px; line-height: 17px; font-size: 12px; text-align: center; color: #fff; }
.detail-footer { width: 100%; height: 44px; line-height: 44px; background-color: #fff; position: fixed; bottom: 0; box-shadow: 0 2px 4px 0 #F5F9FD; z-index: 999; }
.detail-footer .shoujia { margin-left: 4%; width: 30%; }
.detail-footer .footer-right { width: 65%; }
.detail-footer .shopping a, .detail-footer .goumai a { color: #fff; }
.detail-footer .shopping, .detail-footer .goumai { width: 41%; text-align: center; }
.detail-footer .shopping { background-color: #FFA800; }
.detail-footer .goumai { background-color: #FF0000; }
.detail-footer .message,.detail-footer .shoucang  { width: 17%; height: 18px; margin: 13px 0; border-left: 1px solid #C1C1C1; }
.detail-footer .message img { width: 18px; height: auto; display: block; margin: 1px auto; }
.detail-footer .shoucang{background:url("../images/detail/star_gray.svg") no-repeat center;}
.detail-footer .shoucang.active{background:url("../images/detail/star_blue.svg") no-repeat center;}
.tuijian1 dd h4 { font-weight: normal; }
.tuijian1 dl { padding: .5rem 0; float: left; clear: both; width: 100%; border-top: 1px solid #ddd; }
.tuijian1 dl span { color: #adadad; font-size: .6rem; margin-top: .5rem; }
.tuijian1 .second-time, .zhibo .second-time { margin: .6rem 0; display: block; }
.weixin_copy{display:none; }
.weixin_copy input { text-align: center; color: red; border: none; width: 88px;}
/* .weixin_copy{ width: 60%; position: fixed; background-color: #fff; top: 50%; height: 14rem; margin-top: -7rem; max-width: 402px; left: 50%; margin-left: -34%; z-index: 100; padding: 0 4%;text-align: center;}
.weixin_copy img { width: 21.37%; height: auto; display: block; margin: 0 auto;}
.weixin_copy input { text-align: center; font-size: 1rem; color: #fff; border: none; }
.weixin_copy .ses {font-size: 1.25rem;margin-top: .6rem;margin-bottom: .2rem;}
.weixin_copy span {color:#fff;}
.weixin_copy .btn {width: 61%;height: 1.8rem;border-radius: 6px;border: solid 2px #076eb8;font-size: 1rem;color: #076eb8;background-color: transparent;padding: 0;margin:  0 auto;display:  block;margin-top: 1rem;outline:none;} */
/*详情页-组合套餐*/
.tc-action-sheet { position: fixed; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.3); z-index: 9999; transform: translateY(100%); transition: all ease-in-out .3s; }
.tc-sheet-footer { position: absolute; bottom: 0; background-color: #fff; width: 100%; }
.tc-sheet-content { position: absolute; top: 180px; bottom: 44px; background-color: #fff; width: 100%; background-color: #fff; overflow: hidden; }
.tc-sheet-content h2 { height: 29px; font-size: 16px; color: #151515; line-height: 29px; border-bottom: 1px solid #e2e2e2; padding: 10px; }
.tc-sheet-content .dptc-list { position: absolute; top: 50px; bottom: 0; width: 100%; overflow-y: auto; padding: 20px 10px; box-sizing: border-box; }
.tc-sheet-content .dptc-list p { font-size: 14px; color: #333333; }
.tc-sheet-content .dptc-list li { border: 1px solid #979797; margin: 10px auto 20px; }
.tc-sheet-content .dptc-list li.active { border: 1px solid #ff0000; }
.tc-sheet-content .dptc-list li.active .selectbox { border: 1px solid #ff0000; }
.tc-sheet-content .dptc-list li.active .selectbox:after { content: ""; display: block; width: 14px; height: 14px; background-color: #ff0000; margin: 3px; }
.tc-sheet-content .dptc-list li:last-child { margin-bottom: 5px; }
.tc-sheet-content .dptc-list li .tc-title { height: 34px; line-height: 34px; font-size: 14px; color: #333333; display: flex; justify-content: space-between; padding: 0 10px; font-weight: bold; }
.tc-sheet-content .dptc-list li .tc-title p { flex: 1; }
.tc-sheet-content .dptc-list li .selectbox { width: 20px; height: 20px; border: 1px solid #979797; margin-top: 6px; }
.tc-sheet-content .dptc-list li .table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.tc-sheet-content .dptc-list li .table th, .tc-sheet-content .dptc-list li .table td { line-height: 30px; height: 30px; text-align: center; font-size: 13px; color: #666666; font-weight: 300; border: 1px solid #979797; }
.tc-sheet-content .dptc-list li .table td { border-top: 1px solid #979797; font-size: 12px; }
.tc-sheet-content .dptc-list li .table th:last-child, .tc-sheet-content .dptc-list li .table td:last-child { border-right: none; }
.tc-sheet-content .dptc-list li .table th:first-child, .tc-sheet-content .dptc-list li .table td:first-child { border-left: none; }
.tc-sheet-content .dptc-list li .table tr:last-child td { border-bottom: none; }
.tc-sheet-content .dptc-list li .table td a { display: block; }
.tc-action-sheet .detail-footer .shoujia { padding: 4px 0; height: 36px; line-height: 18px; }

/*详情页-评论*/
#pj-list li{position: relative;background-color: #fff;padding: 10px 0;margin-bottom: 1px;}
#pj-list li .cover{background-size: contain;width: 27px;height: 27px;position: absolute;top: 10px;left: 0;}
#pj-list li .pjbox{margin-left: 42px;}
#pj-list li .pjbox .pj-header{height: 27px;line-height: 27px;overflow: hidden;}
#pj-list li .pjbox h2{font-size: 14px;font-weight: 500;float: left;width:54%;}
#pj-list li .pjbox span{width: 46%;text-align: right;float: right;color:#999999;font-size: 10px;display: inline-block;vertical-align: top;height: 27px;line-height: 27px;}
#pj-list li .pjbox p{font-size: 12px;line-height: 20px;color:#666666;margin-top: 5px;}
/*详情页-右侧悬浮*/
.detail-icons{font-family: "hui-font";text-align:  center;line-height: 34px;color: #00A2FF;font-weight: bold;bottom: 82px;}

/*详情内容*/
.class_notes_con img{width:100%;height:auto;}