/*
@author: sunke
*/
@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a{color:#333;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;max-width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
i,em{font-style:normal;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.title01{ text-align:center; color:#10043e; padding:.36rem 0 .306rem;}
.title01 h3{ font-size:.533rem; line-height:.706rem; font-weight:bold;}
.title01 h3 em{ color:#d3883f; font-weight:bold;}
.title01 p{ line-height:.466rem; font-size:.32rem;}
.title01.t2 h3{ color:#feeec2;}
.title01.t2 h3 em{ color:#f2be5c;}
.title01.t2 p{ color:#fff;}
.title02{ height:1.333rem; line-height:1.333rem; text-align:center; font-size:.533rem; color:#f2e1c0;}
.title02 em{ color:#f2be5c;}
.ggtit{ line-height: 1.84rem; background:url(/images/pro2018/zhiyeyaoshi/ys_19.png) no-repeat center; background-size: 100% auto; text-align: center; font-size: 0.53rem; font-weight: 700;}


/**/
.header{}
.header .logo{ display:block; width:3rem; height:.8rem; line-height:0; font-size:0; position:absolute; left:50%; margin-left:-1.8rem; top:.4rem;}

/**/
.teacher{ background:#fffaf0;}
.teacher .swiper-container{ width:9.2rem; margin:0 auto; padding-bottom:1.066rem;}
.teacher .swiper-pagination{ bottom:.4rem; height:.266rem;}
.teacher .swiper-pagination-bullet{ width:.266rem; height:.266rem; background:#d9c8f1; opacity:1;}
.teacher .swiper-pagination-bullet-active{ background:#6340db;}
.teacher .text{ width:5.626rem; text-align:center; position:absolute; top:.88rem; right:0;}
.teacher .text h3{ line-height:.826rem; font-size:.613rem; font-weight:bold;}
.teacher .text p{ line-height:.68rem; font-size:.4rem; color:#62615f; padding-bottom:.493rem;}
.teacher .text .btn{ display:block; width:4rem; height:1.066rem; line-height:1.066rem; text-align:center; font-size:.48rem; color:#fff; background:#faa92b; border-radius:5rem; margin:0 auto;}
#mask{background:#000;opacity:.6;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;}
.popLayer{height:6rem;position:fixed;top:50%;left:0;width:100%;z-index:999;margin-top:-3rem;}
.popLayer video{width:100%;display:block;}
.popLayer .close{background:url("/images/zhiyeyaoshi/project/2019/close.png") no-repeat;background-size:100%;height:1rem;width:100%; margin-top:.4rem;}

/**/
.course{ background:url("/images/zhiyeyaoshi/project/2019/bg01.png") no-repeat center top #6d4ae1; background-size:100% auto; padding:0 .4rem .6rem;}
.course .contrast-btn{ display:block; width:.906rem; height:1.866rem; font-size:.37rem; z-index:99; color:#fff; line-height:.37rem;display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; position:absolute; right:0; top:4.453rem; background:url("/images/zhiyeyaoshi/project/2019/icon04.png") no-repeat; background-size:100% auto;}
.course .list{ }
.course .list .tab-tit01{ padding-bottom:.333rem;padding-left: 1.5rem;}
.course .list .tab-tit01 li{ float:left; width:2.133rem; height:1.103rem; border-radius:.2rem; box-shadow:3px 3px 6px #5c3cd3; font-size:.43rem; line-height:.48rem; padding-top:.23rem; color:#d3883f; text-align:center; position:relative; background-image:-webkit-linear-gradient(45deg, #ffedbe, #f9f2e0); background-image:linear-gradient(45deg,#ffedbe,#f9f2e0); margin-right:.226rem;}
.course .list .tab-tit01 li:last-child{ margin-right:0; }
.course .list .tab-tit01 li:nth-child(3){ margin-right:0;}
.course .list .tab-tit01 li em{ font-size:.4rem;}
.course .list .tab-tit01 li.on{ color:#fff; background-image:-webkit-linear-gradient(45deg, #faa729, #fbb02f); background-image:linear-gradient(45deg,#faa729,#fbb02f);}
.course .list .tab-tit01 li.on .bg1{ width:.6rem; height:.2rem; position:absolute; left:50%; margin-left:-.3rem; bottom:-.2rem; background:url("/images/zhiyeyaoshi/project/2019/icon01.png") no-repeat; background-size:100% auto;}
.course .list .tab-tit01 li.on .bg2{ width:.546rem; height:.293rem; position:absolute; right:0; top:0; border-top-right-radius:.2rem; bottom:-.2rem; background:url("/images/zhiyeyaoshi/project/2019/icon02.png") no-repeat; background-size:100% auto;}
.course .list .tab-tit01.three li{ width:2.91rem;}
.course .list .tab-tit01.two li{ width:4.46rem;}
.course .list .tab-con{ display:none; background:#fff; border-radius:.3rem; position:relative; padding-bottom:.586rem;}
.course .list .tab-con .hot-icon{ display:block; width:1.106rem; height:.76rem; line-height:.76rem; text-align:center; font-size:.35rem; color:#fff; background:url("/images/zhiyeyaoshi/project/2019/icon03.png") no-repeat; background-size:100% auto; left:.4rem; top:0;}
.course .list .tab-con .tit{ width:7.146rem; height:.706rem; line-height:.706rem; margin:0 auto; text-align:center; padding-top:.12rem; font-size:.37rem; color:#999; border-bottom:1px solid #ececec; position:relative;}
.course .list .tab-con .tit .arrow{ display:block; width:.293rem; height:.146rem; background:url("/images/zhiyeyaoshi/project/2019/icon05.png") no-repeat; background-size:100% auto; position:absolute; left:50%; margin-left:-.146rem; bottom:-.146rem;}
.course .list .tab-con .more-list{}
.course .list .tab-con .more-list .tit2{ float:left; width:1.466rem; padding:.42rem 0 0 .213rem;}
.course .list .tab-con .more-list .tit2 img{ width:1.2rem;}
.course .list .tab-con .more-list .con{ float:left; width:7.12rem; padding:.346rem 0 .32rem; border-bottom:1px dashed #a0a0a0;}
.course .list .tab-con .more-list .con.nb{ border:0;}
.course .list .tab-con .more-list .con h3{ font-size:.37rem; line-height:.56rem;}
.course .list .tab-con .more-list .con p{ display:block; float:left; width:3.92rem; height:.56rem; white-space:nowrap; font-size:.37rem; line-height:.56rem;}
.course .list .tab-con .more-list .con p.two{ width:3.146rem;}
.course .list .tab-con .more-list .con p .arrow{ display:block; width:.293rem; height:.186rem; background:url("/images/zhiyeyaoshi/project/2019/icon06.png") no-repeat; background-size:100% auto; right:0;top:.22rem;}
.course .list .tab-con .more-list .con p .arrow.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.course .list .tab-con .more-list .con p i{ font-size:.533rem; color:#ff5f45;}
.course .list .tab-con .more-list .con p.box{ width:100% !important;}
.course .list .tab-con .more-list .con .none{ display:none;}
.course .list .tab-con .more-list .con.three p{ width:2.68rem;}
.course .list .tab-con .more-list .con.three p.t2{ width:2.546rem;}
.course .list .tab-con .more-list .con.three p.t3{ width:1.84rem;}
.course .list .tab-con .more-list .con.two{ padding-top:.8rem; padding-bottom:.55rem;}
.course .list .tab-con .tips{ width:8.453rem; border:1px dashed #ff5f45; margin:.08rem auto .48rem;}
.course .list .tab-con .tips h4{float:left; display:block; width:1.653rem; padding-left:.173rem; font-size:.32rem; color:#999; padding-top:.32rem;}
.course .list .tab-con .tips p{  float:left;  font-size:.37rem; color:#fe6b4e; line-height:.493rem; padding:.133rem 0;}
.course .list .tab-con .tips p a{ color:#8e66ff;}
.course .list .tab-con .tips.one h4{ line-height:.493rem; padding:.133rem 0 .133rem .173rem;}
.course .list .tab-con .price{ float:left; line-height:1.066rem; font-size:.37rem; color:#999; padding-left:.32rem;}
.course .list .tab-con .price em{ font-size:.64rem; color:#ff5f45;}
.course .list .tab-con .price em span{ font-size:.933rem; vertical-align:top}
.course .list .tab-con .buy-btn{ display:block; width:4.266rem; height:1.066rem; line-height:1.066rem; font-size:.5rem; color:#fff; text-align:center; border-radius:5rem; background:#fbaf2e; box-shadow:3px 3px 6px #f9e8c4; margin-right:.4rem;}
.course .tit02{ height:1.64rem; line-height:1.64rem; font-size:.453rem; color:#fff; text-align:center;}

/**/
.stage{ background:url("/images/zhiyeyaoshi/project/2019/bg02.png") no-repeat center top #5715bf; background-size:100% auto; padding:.4rem 0 .92rem;}
.stage .list{ padding:.24rem .4rem 0 .96rem;}
.stage .list li{ background:#efe5ff; border-radius:.1rem; position:relative; margin-bottom:.506rem;}
.stage .list li:last-child{ margin-bottom:0;}
.stage .list p{ padding:.36rem 1.8rem .306rem 1.56rem; font-size:.4rem; line-height:.56rem;}
.stage .list .tit{ width:1.88rem; height:1.44rem; padding-right:.2rem; text-align:center; font-size:.48rem; color:#fff; line-height:.56rem; padding-top:.44rem; background:url("/images/zhiyeyaoshi/project/2019/icon07.png") no-repeat; background-size:100% auto; position:absolute; left:-.64rem; top:-.066rem;}
.stage .list .tips{ width:1.226rem; height:1.12rem; text-align:center; font-size:.266rem; color:#fff; line-height:.4rem; padding-top:.253rem; background:url("/images/zhiyeyaoshi/project/2019/icon08.png") no-repeat; background-size:100% auto; position:absolute; right:.213rem; top:0;}
.stage .list .tips em{ font-size:.48rem;}


/*��ʦ�γ�*/
.mskc{ padding-bottom: 0.39rem;}
.mskc .top{ margin: 0 0.4rem; height:1.6rem;}
.mskc .top li{ float:left; position:relative;}
.mskc .top li span{ display:block; width: 4.54rem; height:1.06rem; line-height:1.06rem; text-align: center; border: 1px solid #5715bf; color: #333; font-size:.45rem;}
.mskc .top li.on span{ background:#5715bf; color:#fff;}
.mskc .top li.on .jt{ display:block; left:50%; margin-left:-.44rem; bottom:-.27rem; width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.28rem solid #5715bf}
.mskc .cen{ margin: 0 0.4rem; display: none;}
.mskc .cen table{ border-collapse: collapse;}
.mskc .cen td{ border: 1px solid #e3e3e3; padding: 0.2rem; font-size: 0.32rem; text-align: center;}
.mskc .cen td a{ color: #333;}
.mskc .cen td.shen{ background: #fcfbfd;}
.mskc .cen b{ font-size: 0.37rem;}
.mskc .cen .tal{ text-align: left;}
.mskc .cen .tabtit{ background: #efeef3; border-right-color: #efeef3; border-top-color: #efeef3;}

/**/
.service{ background:url("/images/zhiyeyaoshi/project/2019/bg03.png") no-repeat center top #7554e3; background-size:100% auto; padding-top:.346rem;}


/**/
.apply{ background:#7352e2; padding-bottom:1.173rem; margin-bottom:1.626rem;}
.apply .con{ width:8.146rem; background:#fff; border-radius:.2rem; margin:0 auto; padding:0 .4rem .906rem; position:relative;}
.apply .con h3{ font-size:.37rem; line-height:.56rem; padding:.4rem 0 .28rem;}
.apply .box{ margin-bottom:.226rem;}
.apply .box.white{ width:8.213rem; height:1rem; border-radius:.15rem; border:1px solid #c8c6d1; background:#fff; position:relative;}
.apply .box .t1{ float:left; width:2.1rem; line-height:1rem; text-align:right; font-size:.37rem;}
.apply .box .ipt1{ float:left; width:3.4rem; height:.8rem; margin-top:.1rem; font-size:.37rem; border:0; font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;;}
.apply .box #randcodeImg{ display:block; float:right; width:1.3rem; margin:.22rem  0 0 0;}
.apply .box .refresh-btn{ display:block; width:.6rem; height:.44rem; background:url("/images/zhiyeyaoshi/project/2019/icon09.png") no-repeat; background-size:100% auto; margin:.266rem .16rem 0; }
.apply .box .yzm-btn{ display:block; width:2.32rem; height:1rem; line-height:1rem; font-size:.37rem; text-align:center; background:#e8e8e8; border-radius:.2rem;right:0; top:0;}
.apply .submit-btn{ display:block; width:6.053rem; height:1.066rem; line-height:1.066rem; font-size:.506rem; color:#fff; text-align:center; border-radius:5rem; box-shadow:3px 3px 6px #5831b5; position:absolute; left:50%; margin-left:-3.026rem; bottom:-.533rem; background-image:-webkit-linear-gradient(45deg, #faa629, #fbb230); background-image:linear-gradient(45deg,#faa629,#fbb230);}
.apply .submit-btn:hover{ text-decoration:none;}
body.body_selectBoxhs_on{position:fixed;left:0;width:100%;height:100%}
.select_boxzIndex{z-index:100;}
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs span.cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.select_boxhs i{position:absolute}
.select_boxhs .select_boxhsBg{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:1}
.select_boxhs .select_boxhsCon{position:fixed;width:100%;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;display:none;z-index:2}
.select_boxhs .select_boxhsCon ul {list-style-type:none;padding:0;margin:0;width:100%}
.select_boxhs .select_boxhsCon ul li{list-style-type:none;padding:0;margin:0;overflow:hidden}
.yourSelect{ width:4rem; height:1rem;}
.yourSelect input{display:block;width:100%; border:0; text-indent:.24rem; font-size:.37rem; border-radius:0; overflow:hidden; height:1rem; line-height:1rem; color:#333; font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;}
.yourSelect input.on{color:#666}
.yourSelect span.cover{border:1px solid #cac8d2; border-radius:.15rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.yourSelect i{display:block;width:.293rem; height:.186rem; background:url("/images/zhiyeyaoshi/project/2019/icon06.png") no-repeat; background-size:100% auto; top:.44rem; right:.093rem;}
.yourSelect i.on{transform:rotateZ(180deg)}
.yourSelect .select_boxhsBg{background:#000;opacity:.3}
.yourSelect .select_boxhsCon{max-height:7.2rem;background:#fff}
.yourSelect .select_boxhsCon ul li{line-height:1.346rem;height:1.346rem; color:#888; text-align:center; font-size:.4rem;}
.yourSelect .select_boxhsCon ul li.on{ height:1.173rem; line-height:1.173rem; font-size:.506rem; color:#fe6e51; background:#ebebeb; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}

/**/
.fix-nav{ width:100%; height:1.626rem; position:fixed; left:0; bottom:0; background:#21143d; z-index:99;}
.fix-nav .share-btn{ float:left; margin:.506rem 0 0 .426rem; display:block; width:1.813rem; height:.666rem; line-height:.666rem; border:1px solid #a9a4b4; border-radius:5rem; font-size:.32rem; color:#fff; text-indent:.4rem; background:url("/images/zhiyeyaoshi/project/2019/icon10.png") no-repeat 1.2rem center; background-size:.28rem auto;}
.fix-nav .consult-btn{ float:left; margin:.506rem 0 0 .226rem; display:block; width:2.4rem; height:.666rem; line-height:.666rem; border:1px solid #a9a4b4; border-radius:5rem; font-size:.32rem; color:#fff; text-indent:.4rem; background:url("/images/zhiyeyaoshi/project/2019/icon11.png") no-repeat 1.76rem center; background-size:.4rem auto;}
.fix-nav .buy-btn{ float:right; margin:.293rem .346rem 0 0; display:block; width:4.4rem; height:1.066rem; line-height:1.066rem; font-size:.506rem; color:#fff; text-align:center; border-radius:5rem; box-shadow:3px 3px 6px #0f0727;  background-image:-webkit-linear-gradient(45deg, #ffab3f, #fd774d); background-image:linear-gradient(45deg,#ffab3f,#fd774d);}

/**/
.courseTcCeng{width:100%;height:100%;position:fixed;background:#000;opacity:.6; left:0; top:0; z-index:99999; display:none;}
.courseTc{ background:#fff; width:100%; position:fixed; left:0; bottom:0; z-index:999999; display:none;}
.courseTc .tit{ height:1.2rem; line-height:1.2rem; padding:.2rem .4rem 0;}
.courseTc .tit h3{ font-size:.43rem; color:#01b842;}
.courseTc .tit .clo{  width:.613rem; height:.613rem; background:url("/images/zhiyeyaoshi/project/2019/close-btn.png") no-repeat; background-size:100% auto; margin:.26rem 0 0; cursor:pointer;}
.courseTc h4{ line-height:.6rem; padding:0 0 .2rem .4rem; font-size:.373rem;}
.courseTc .courseChoice{ padding:.05rem 0 0 .4rem;}
.courseTc .courseChoice .chkName{ float:left; margin:.346rem .306rem 0 0; width:46%; height:.9rem; line-height:.9rem; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:.38rem; position:relative; }
.courseTc .courseChoice .chkName:nth-child(2n){ margin-right:0;}
.courseTc .courseChoice .chkName input{ display:none;}
.courseTc .courseChoice .chkName .gou{ display:none;}
.courseTc .courseChoice .chkName.on{ border:1px solid #00cc33; width:46%; height:.9rem; line-height:.9rem;}
.courseTc .courseChoice .chkName.on .gou{ display:block; width:.533rem; height:.48rem; background:url("/images/project/2018common/gou.png") no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-.05rem;}
.courseTc .courseChoice .chkName.one{ width:9.2rem; padding:.05rem 0 0 0;}
.courseTc .dankeList{ display:none; padding:.2rem 0 0 0;}
.courseTc .dankeList .t2{ line-height:.6rem; padding:.2rem 0 0 .4rem; font-size:.373rem;}
.courseTc .price{ height:1.24rem; padding:.32rem .4rem; background:#f7f7f7; margin-top:.57rem;}
.courseTc .price .jg{ display:block;line-height:1.16rem;  font-size:.43rem; color:#666;}
.courseTc .price .jg em{ color:#fe4f42; font-size:.48rem; font-weight:bold;}
.courseTc .price .jg em i{ font-style: normal;}
.courseTc .price .jg em span{ font-size:.56rem;}
.courseTc .price .btn{ display:block; width:3.68rem; height:1.16rem; line-height:1.16rem; text-align:center; font-size:.5rem; color:#fff; background:#fe4f42; border-bottom:.08rem solid #e92c1e; border-radius:.1rem;}
.courseTc .courseChoice.choiceOne .chkName{  margin-top:0;}
.courseTc .tab{ padding:.05rem 0 0 .4rem;}
.courseTc .tab li{ float:left; margin:0 .35rem 0 0; width:29%; height:.9rem; line-height:.9rem; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:.38rem; position:relative; }
.courseTc .tab li.on{ border:1px solid #00cc33;}
.courseTc .tab li.on .gou{ display:block; width:.533rem; height:.48rem; background:url("/images/project/2018common/gou.png") no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-.05rem;}
.courseTc .tab li:last-child{ margin-right:0;}
.courseTc .tabCon{ display:none;}
.courseTc .tabCon ul{ padding:.05rem 0 0 .4rem;}
.courseTc .tabCon li{ float:left; margin:0 .35rem 0 0; width:46%; height:.9rem; line-height:.9rem; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:.38rem; position:relative; }
.courseTc .tabCon li.cur{ border:1px solid #00cc33;}
.courseTc .tabCon li.cur .gou{ display:block; width:.533rem; height:.48rem; background:url("/images/project/2018common/gou.png") no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-.05rem;}
.courseTc .tabCon li:last-child{ margin-right:0;}
.courseTc .subtabCon{ display:none}
.courseTc .t2{ color:#666; font-size:0.373rem; line-height:0.6rem; padding:.4rem 0 0.2rem 0.4rem;}

/**/
#protocolsBg{background:#333;opacity:.6;position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;}
.protocols{width:80%;background:#fff;z-index:999;right:-80%;top:0;position:fixed;overflow-x:hidden;overflow-y:scroll;}
.closeXY{position:absolute;width:.7rem;height:.7rem;right:.2rem;top:.2rem;cursor:pointer;z-index:999;display:block;}
.protocols h1{text-align:center;color:#fa5a4e;font-size:.5rem;font-weight:bold;margin-top:1.2rem;}
.protocols .xyContainer{margin:.4rem .3rem;font-size:.36rem;color:#333;}
.protocols .xyContainer span{font-weight:bold;}
.protocols .yqbz{margin:0 .3rem;text-align:center;}
.protocols .sure{background:#fa5a4e;display:block;width:70%;height:1rem;line-height:1rem;font-size:.4rem;color:#fff;border-bottom:3px solid #dd1d0f;text-align:center;margin:.4rem auto .5rem;}
.courseXYS{margin-bottom:.3rem;}

/**/
.book-wrap{ background:url("/images/zhiyeyaoshi/project/2019/bg.png") no-repeat center top #efebff; background-size:100% auto; padding:.4rem 0 .626rem;}
.book-wrap .tab-tit{ margin: 0 0.4rem; height:1.6rem;}
.book-wrap .tab-tit li{ float:left; position:relative; background:#fff;}
.book-wrap .tab-tit li span{ display:block; width: 4.54rem; height:1.06rem; line-height:1.06rem; text-align: center; border: 1px solid #6d4ae1; color: #333; font-size:.45rem;}
.book-wrap .tab-tit li.on span{ background:#6d4ae1; color:#fff;}
.book-wrap .tab-tit li.on .jt{ display:block; left:50%; margin-left:-.44rem; bottom:-.27rem; width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.28rem solid #6d4ae1}
.book-wrap .shuCon{ margin:0 0.4rem 0; overflow:hidden; display:none;}
.book-wrap .swiper-container { width: 100%; margin: 0 auto; overflow: hidden; position: relative; padding-bottom:1rem;}
.book-wrap .swiper-pagination-bullet{display:inline-block; width:0.24rem; height:0.24rem; border-radius:50%; background:#727273; margin:0 0.06rem; font-size: 0; vertical-align:top; overflow:hidden; opacity:1;}
.book-wrap .swiper-pagination-bullet-active{ background:#42d671;}
.book-wrap .swiper-wrapper{ position:relative; z-index:0; }
.book-wrap .swiper-slide{ width:100%; height:5.81rem;}
.book-wrap .swiper-slide .book{ display: block; width: 4.26rem; height:5.81rem; background: #fff; color: #333;}
.book-wrap .swiper-slide .book .btop{ height: 3.08rem; padding-top: 0.49rem; border-bottom: 1px solid #e6e6e6;}
.book-wrap .swiper-slide .book .btop img{ display: block; width: 2.06rem; height: 2.88rem; margin:0 auto;}
.book-wrap .swiper-slide .book .btop i{ display: block; width: 1rem; height: 0.48rem; background: #c6c6c6; text-align: center; line-height: 0.48rem; font-style: normal; font-size: 0.32rem; color: #fff; top:0; left: 0;}
.book-wrap .swiper-slide .book .bbot{ padding: 0.2rem 0.2rem 0;}
.book-wrap .swiper-slide .book .bbot-t{ line-height: 0.4rem; height:.8rem; font-size: 0.34rem; margin-bottom: 0.16rem;}
.book-wrap .swiper-slide .book .bbot-b{ height: 0.75rem;}
.book-wrap .swiper-slide .book .bbot-b-l{ display: block; width: 0.75rem; height: 0.75rem;}
.book-wrap .swiper-slide .book .bbot-b-r{ line-height: 0.75rem; font-size: 0.32rem;}
.book-wrap .swiper-slide .book .bbot-b-r em{ color: #a5a5a5; text-decoration: line-through;}
.book-wrap .swiper-slide .book .bbot-b-r span{ color:#FF3300;}

/*--------------------------------------  contrast --------------------------------------*/
.contrast-tit{ height:1.2rem; border-bottom:1px solid #e2e3e4;}
.contrast-tit .back-btn{ display:block; width:.8rem; height:1.2rem; background:url("/images/zhiyeyaoshi/project/2019/icon12.png") no-repeat center; background-size:.333rem auto;}
.contrast-tit h3{ display:block; text-align:center; height:1.2rem; line-height:1.2rem; font-size:.453rem; color:#333; padding-right:.8rem;l}
.contrast{}
.contrast .tab-tit{ padding:.44rem 0 .466rem .306rem;}
.contrast .tab-tit li{ float:left; margin-right:.24rem; width:4.48rem; height:1.333rem; border-radius:.2rem; font-size:.43rem; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.333rem; border:2px solid #9d7dfe; color:#9d7dfe; text-align:center; position:relative;}
.contrast .tab-tit li em{ font-size:.4rem;}
.contrast .tab-tit li.on{ color:#fff; background-image:-webkit-linear-gradient(45deg, #ac5fff, #7f77fe); background-image:linear-gradient(45deg,#ac5fff,#7f77fe);}
.contrast .tab-tit li.on .bg1{ width:.506rem; height:.2rem; position:absolute; left:50%; margin-left:-.3rem; bottom:-.2rem; background:url("/images/zhiyeyaoshi/project/2019/icon13.png") no-repeat; background-size:100% auto;}
.contrast .tab-tit li.on .bg2{ width:.573rem; height:.306rem; position:absolute; right:-2px; top:-2px; border-top-right-radius:.2rem; bottom:-.2rem; background:url("/images/zhiyeyaoshi/project/2019/icon14.png") no-repeat; background-size:100% auto;}
.contrast .tab-con{ display:none}
.contrast .tab-con .table{ width:9.36rem; margin:0 auto; text-align:center;border-top:1px solid #d9d9d9;  border-right:1px solid #d9d9d9;}
.contrast .tab-con .table th{ background:#f3f6ff; font-size:.37rem; line-height:.48rem; padding:.346rem 0; text-align:center;border-bottom:1px solid #d9d9d9;  border-left:1px solid #d9d9d9;}
.contrast .tab-con .table th img{ display:inline-block;}
.contrast .tab-con .table td{ height:.786rem; line-height:.786rem; font-size:.373rem; border-bottom:1px solid #d9d9d9;  border-left:1px solid #d9d9d9;}
.contrast .tab-con .table td.t2{ text-align:left; padding-left:.253rem; }
.contrast .tab-con .table td i{ display:inline-block; width:.413rem; height:.293rem;background:url("/images/zhiyeyaoshi/project/2019/icon15.png") no-repeat; background-size:100% auto;}
.contrast .tab-con.ot .table td{ color:#341919;}
.contrast .btn-wrap{ text-align:center; padding:.373rem 0 .493rem 0;}
.contrast .btn-wrap .btn1{ display:block; float:left; margin-left:.306rem; width:4.533rem; height:1.066rem; line-height:1.066rem; font-size:.506rem; color:#fff; text-align:center; border-radius:5rem; background-image:-webkit-linear-gradient(45deg, #b166ff, #7e78fe); background-image:linear-gradient(45deg,#b166ff,#7e78fe);}
.contrast .btn-wrap .btn2{ display:block; float:right; margin-right:.306rem; width:4.533rem; height:1.066rem; line-height:1.066rem; font-size:.506rem; color:#fff; text-align:center; border-radius:5rem; background-image:-webkit-linear-gradient(45deg, #ffab3f, #fd764d); background-image:linear-gradient(45deg,#ffab3f,#fd764d);}