*{margin:0;padding:0}.w{width:1200px;margin:auto}body{background-color:#f3f5f7}li{list-style:none}a{text-decoration:none}a:hover{color:#e1251b;cursor:pointer}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{margin:0 -10px;zoom:1}.header{height:42px;margin:30px auto}.nav{float:left;margin-left:60px}.nav ul li{float:left;margin:0 15px}.nav ul li a{display:block;height:42px;padding:0 10px;line-height:42px;font-size:18px}.nav ul li a:hover{border-bottom:2px solid #00a4ff;color:#00a4ff}.search{display:flex;align-items:center;max-width:400px;margin:20px auto}.el-input{flex:1;padding:10px 15px;border:1px solid #dcdfe6;border-radius:4px;outline:none;transition:border-color .3s;font-size:14px}.el-input::placeholder{color:#c0c4cc}.el-input:focus{border-color:#409eff}.el-button{margin-left:10px;padding:10px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.el-button:hover{background-color:#66b1ff}:root{--dialogHeight: 760px;--dialogwidth: 1200px}.mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2}.mask .PopUpBox{position:absolute;transform-origin:0 0}.mask .PopUpBox .left{display:grid;place-items:center}.banner{height:421px;background-color:#37a1fe}.banner .w{height:421px;background:url(/image/BookHeader.png) no-repeat top center;background-size:cover}.subnav{float:left;width:190px;background:#0000004d;margin-top:50px}.subnav ul li{height:45px;line-height:45px;padding:0 20px}.subnav ul li a{font-size:14px;color:#fff}.subnav ul li a span{float:right}.subnav ul li a:hover{color:#00a4ff}.course{float:right;width:230px;height:300px;background-color:#fff;margin-top:50px}.course h2{height:48px;background-color:#9bceea;text-align:center;line-height:48px;font-size:18px;color:#fff}.bd{padding-left:20px}.bd ul{height:195px;overflow:auto}.bd ul li{width:190px;padding:14px 0;border-bottom:1px solid #ccc}.bd ul li h4{font-size:16px;color:#4e4e4e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1}.bd ul li p{font-size:12px;color:#a5a5a5}.bd .more{display:block;width:190px;height:38px;border:1px solid #00a4ff;margin-top:5px;text-align:center;line-height:38px;color:#00a4ff;font-size:16px;font-weight:700}.box{margin-top:30px}.box-hd{height:45px}.box-hd h3{font-size:20px;color:#494949}.box-hd label{float:right;font-size:12px;color:#a5a5a5;margin-top:10px;margin-right:30px}.box-bd ul{width:1225px}.box-bd ul li{position:relative;float:left;background-color:#fff;margin:0 5px 10px}.goodItem{float:left;width:295px;height:415px;background-color:#fff;overflow:hidden}.goodItem .img_box{display:block;width:100%;height:63%;text-align:center;background:#fff}.goodItem img{max-width:100%;height:100%}.review{font-size:18px;padding:0 14px;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.appraise{font-size:12px;color:#b0b0b0;padding:0 14px}.upload_items_price{margin-top:20px;padding:0 14px;font-size:0}.box-bd .upload_items_price i{color:#e1251b;font-size:12px;margin-right:3px;font-weight:700}.box-bd .upload_items_price span{color:#e1251b;font-size:18px;font-weight:700}.box-bd button{width:100px;height:50px;color:#fff;background-color:#0c748e;border:none;border-radius:35px;box-shadow:0 10px #161616;margin-bottom:25px;margin-top:10px;margin-left:50%;transform:translate(-50%)}.box-bd button:hover{transform:translate(-50%) translateY(5px);cursor:pointer;box-shadow:0 5px #161616;background-color:#0c748e}.TopRank{margin-top:20px;margin-bottom:20px}.rank-list{float:left;width:330px}.box-ban{height:45px;margin:30px 0;display:flex;justify-content:space-evenly}.box-ban h3{font-size:20px;color:#494949}.tb3{width:100%;margin-top:5px;border-spacing:10px;box-sizing:border-box;background-color:#fff;box-shadow:10px 10px 10px -4px #0000004d}.tb3 td{padding:3px 0;line-height:20px;overflow:hidden}.tb3 td a{font-size:16px;color:#110f00}.tb3 td a:hover{font-size:16px;color:red}.tb3 th{padding:10px 0;grid-column-start:1;grid-column-end:4}.th_left_box{text-align:left;float:left;height:100%;width:60%}.th_left_box span:first-child{background-color:#bf2c24;display:inline-block;margin-bottom:5px;font-size:18px;font-weight:700;color:#ebebeb}.th_left_box h2:first-child{margin-bottom:5px}.th_left_box h3{font-weight:700;margin-bottom:10px;color:red;font-size:20px}.th_right{float:right;height:100%;width:40%}.th_right img{width:100%}.tb3 td:nth-child(1){background-color:#999999a6;text-align:center;line-height:14px;width:30px}.tb3 td:nth-child(2){width:180px;border-top:#999999 solid 1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1}.tb3 td:nth-child(3){width:77px;color:#999;font-size:14px;line-height:14px}