page{background:#f3f8ff}.nav{width:1200px;margin:0 auto;display:flex;flex-direction:column;background:#fff;position:relative;top:-50px}.columna{flex-direction:row;justify-content:space-between}.columna,.columna .li{display:flex;align-items:center}.columna .li{width:18%;flex-direction:column;padding:20px;border-bottom:3px solid #fff}.columna .active,.columna .li:hover{background-color:#f2f7fe;color:#1167d4;cursor:pointer;border-bottom:3px solid #1167d4}.columna .li span{height:32px;line-height:32px}.subjects{display:flex;align-content:flex-start;padding:20px 30px;flex-wrap:wrap;min-height:132px}.subjects span{height:36px;line-height:36px;font-size:14px;background:#eff0f1;border-radius:4px;padding:0 12px;margin-right:10px;margin-bottom:10px;cursor:pointer}.subjects .active,.subjects span:hover{background:#badbff;color:#1167d4}.box{width:1200px;margin:0 auto;display:flex;flex-direction:column;position:relative;top:-30px}.box .list{display:flex;flex-direction:row;margin-bottom:20px;padding:30px;background:#fff}.box .list .thumb{width:220px;height:220px;margin-right:30px}.box .list .thumb .icon{border-radius:5px}.box .list .desc{display:flex;flex-direction:column;position:relative;width:880px}.box .list .desc .title{font-size:16px;color:#333;line-height:27px;font-weight:700;display:flex;flex-direction:row}.box .list .desc .title span{width:4px;height:18px;background:#1167d4;border-radius:2px;margin-right:6px;margin-top:5px}.box .list .desc .tags{height:42px;line-height:42px}.box .list .desc .tags span{border-radius:5px;border:1px solid #7f8ca2;margin-right:10px;font-size:12px;padding:6px 20px}.box .list .desc .bottom{position:absolute;bottom:0;display:flex;flex-direction:row;justify-content:space-between;width:100%}.box .list .desc .bottom .left{width:80%;display:flex;flex-direction:row}.box .list .desc .bottom .left .price{line-height:42px;color:#df1c1c;font-size:28px;font-weight:700}.box .list .desc .bottom .left .rprice{color:#999;font-size:14px;text-decoration:line-through;margin-left:10px;display:flex;align-items:flex-end;padding-bottom:6px}.box .list .desc .bottom .right{width:20%;display:flex;align-items:center;justify-content:center}.box .list .desc .bottom .right .btn{width:130px;height:42px;background:linear-gradient(-90deg,#2874e0,#004bb3);box-shadow:0 0 10px 0 rgba(14,80,158,.3);line-height:42px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.box .list .desc .bottom .right .btn img{margin-left:6px}