.page-user{position:relative;padding:80px 0 40px}.page-user .top-title{position:absolute;z-index:0;top:0;left:0;right:0;background-image:url(../img/user-bg.80fe8f0b.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;height:200px;margin-bottom:40px}.page-user .box-content{position:relative}.page-user .mobile-menu button{display:block;background:#f7f7f7;color:#333;width:100%;font-size:15px;position:relative;border:none;border-bottom:3px solid #eee;padding:15px;margin-bottom:20px;outline:none}.page-user .mobile-menu button svg{position:absolute;right:10px;top:18px}.page-user .mobile-menu .list a,.page-user .mobile-menu .list button{font-size:14px;color:#333;display:block;padding:10px 0;text-align:left;text-decoration:none;background:none;border:none;border-bottom:1px solid #ddd;outline:none}.page-user .mobile-menu .list a i,.page-user .mobile-menu .list button i{font-size:18px;vertical-align:middle}.page-user .side-menu span{display:block;font-size:120px;padding:0 0 30px 20px;color:#ddd}.page-user .side-menu a,.page-user .side-menu button{font-size:16px;color:#aaa;display:block;padding:0;padding-bottom:20px;text-align:left;text-decoration:none;background:none;border:none;outline:none}.page-user .side-menu a i,.page-user .side-menu button i{font-size:24px;vertical-align:middle}.page-user .side-menu a.active,.page-user .side-menu a:hover,.page-user .side-menu button.active,.page-user .side-menu button:hover{color:#000}.page-user .panel{border-left:1px solid #aaa;padding-left:50px}@media only screen and (max-width:992px){.page-user .panel{border-left:none;padding-left:0}}.page-user .panel label{font-size:15px;color:#aaa}.page-user .panel .form-control[readonly]{background:#fff}.page-user .panel .action{padding-top:10px}.page-user .panel .action .btn{padding:8px 18px}.page-user-profile h1,.page-user-profile h2{font-size:22px;color:#cc4a4e;margin:0 0 15px;border-bottom:1px solid #eee}.page-user-profile h1 span,.page-user-profile h2 span{display:inline-block;margin-bottom:-1px;padding-bottom:10px;border-bottom:2px solid #cc4a4e}.page-user-profile h2{margin:40px 0 30px}.page-user-profile .box{position:relative;border:1px dashed #ddd;padding:25px;margin-top:25px;overflow:hidden}.page-user-profile .box i{position:absolute;right:20px;top:20px;font-size:82px;color:#f2f2f2}.page-user-profile .box h4{margin:0;padding-bottom:20px;font-size:14px;color:#666}.page-user-profile .box h4:after{content:" ";display:block;margin-top:10px;width:50px;height:1px;background:#deacae}.page-user-profile .box h4 svg{vertical-align:baseline;display:inline-block;margin-right:5px;color:#ded7d7}@media only screen and (max-width:768px){.page-user-profile .box h4{margin-top:20px}}.page-user-profile .user-status{margin-top:25px}.page-user-profile .user-status label{vertical-align:middle;display:inline-block;font-size:14px;margin:0;color:#333}@media only screen and (max-width:768px){.page-user-profile .user-status label{margin:8px 0;width:120px}}.page-user-profile .user-status span{vertical-align:middle;display:inline-block;font-size:14px;padding:5px 10px;margin-left:20px;color:#fff}@media only screen and (max-width:768px){.page-user-profile .user-status span{margin-left:0}}.page-user-profile .user-status span.red{background:#c00}.page-user-profile .user-status span.blue{background:#5eafe8}.page-user-profile .user-status span.green{background:#2fceb0}.page-user-profile .module{margin-top:30px;padding-bottom:15px;border-bottom:1px solid #ddd}.page-user-profile .module h3{font-size:14px;line-height:26px;color:#9a7137;padding-bottom:15px;margin:0}.page-user-profile .module h3 span{vertical-align:baseline;display:inline-block;background:#968a79;color:#fff;font-size:13px;line-height:normal;padding:3px 10px;margin-right:10px;border-radius:1000px}.page-user-profile .module .chapter{position:relative;display:block;font-size:13px;color:#555;padding:7px 90px 7px 0;border-bottom:1px solid #eee}.page-user-profile .module .chapter:last-child{border-bottom:none}.page-user-profile .module .chapter .status{position:absolute;top:5px;right:0;display:block;font-size:12px;color:#fff;padding:3px 8px;background:#e26a6a}.page-user-profile .module .chapter .status.material{background:#fa0}.page-user-profile .module .chapter .status.done{background:#4bc5a9}.page-user-profile .exam-result{border:1px solid #e9e9e9;padding:20px}@media only screen and (max-width:768px){.page-user-profile .exam-result{margin-bottom:10px;padding:15px 10px}}.page-user-profile .exam-result .item label{vertical-align:middle;display:inline-block;width:130px;margin:3px 0;font-size:14px;padding-right:15px;color:#000;text-align:right}.page-user-profile .exam-result .item span{vertical-align:middle;display:inline-block;font-size:14px;color:#cc4a4e}