a,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,img,label,li,ol,p,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0}
*{outline:none}
a{color:#333;cursor:pointer;text-decoration:none}
body{margin:0 auto;color:#3d3d3d;-webkit-text-size-adjust:none;cursor:default;overflow-x:hidden;background-color:#fff}
img{border:0}
a,b,em,i,input,lable,span,table{border-collapse:collapse}
h1,h2,h3,h4,h5,h6{font-weight:400}
ul{list-style:none}
.subject{height:5.33333vw;padding-top:0.8vw;border-left:1px solid #f0f0f0}
.subject span{font-size:3.46667vw;font-weight:700;color:#333;margin-left:2.66667vw}
button{position:relative;border:none;padding:0;margin:0;line-height:1;outline:none;list-style:none;border-radius:0}
a{-webkit-tap-highlight-color:transparent}
button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}
button:active:before{opacity:.1}
p{margin:0}
input{background:none;outline:none;border:none}
input[type=password]:focus,input[type=text]:focus{background:#fff;outline:none}
body,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}
.subject__content{position:relative}
.subject__content .user--bg{width:100vw;height:49.46667vw;position:absolute;top:0;left:0;z-index:9}
.subject__content .index__content{position:absolute;width:92vw;padding:0 4vw;top:0;left:0;z-index:99;padding-bottom:30vw}
.subject__content .index__content .subject__crumbs{padding-top:2vw;display:flex;flex-wrap:wrap}
.subject__content .index__content .subject__crumbs_item{margin-top:3.33333vw;display:flex;align-items:center}
.subject__content .index__content .subject__crumbs_item p{color:#000;font-size:2.66667vw;font-weight:500;padding:2vw 3.73333vw;background:#fff;border-radius:1.06667vw;border:1px solid #f3f3f3}
.subject__content .index__content .subject__crumbs_item img{width:1.2vw;height:2.13333vw;margin:0 2.93333vw}
.subject__content .index__content .subject__crumbs_item:last-child p{background:#f1f1ff!important;border:1px solid #e0e0ff}
.subject__title {font-size:14px;padding-top:20px;font-weight:600;}
.subject__content .index__content .subject__list{padding-top:4.46667vw}
.subject__content .index__content .subject__list_title{color:#5859f5;font-size:4.26667vw;font-weight:700;position:relative;display:inline}
.subject__content .index__content .subject__list_title:after{content:"   ";width:21.86667vw;height:3.46667vw;background:#e8e8f0;position:absolute;z-index:-1;right:-3.73333vw;top:2.13333vw}
.subject__content .index__content .subject__list .list{margin-top:7.2vw;text-align:center}
.subject__content .index__content .subject__list .list p{width:65.6vw;padding:2.93333vw 13.33333vw;background:#f7f8fa;border:1px solid #ebebeb;border-radius:0.66667vw;margin:2.66667vw 0;color:#000;font-size:3.73333vw;font-weight:500}
.subject__content .index__content .subject__list .list p:active{background:#5859f5;color:#fff}
.subject__content .index__content .subject__list .topic__list{margin-top:7.2vw;text-align:center}
.subject__content .index__content .subject__list .topic__list p{width:84.26667vw;padding:2.93333vw 4vw;background:#f7f8fa;border:1px solid #ebebeb;border-radius:0.66667vw;margin:2.66667vw 0;color:#000;font-size:3.73333vw;font-weight:500;text-align:left}
.subject__content .index__content .subject__list .topic__list p span{color:#5859f5}