* { margin: 0; padding: 0; }
body, html { height: 100%; background: #051827 !important; }
li { list-style-type: none; }
a { text-decoration: none!important }
.fl { float: left }
.fr { float: right }
img { max-width: 100%; /*图片自适应宽度*/ }
.none { display: none }
iframe { }
::-webkit-input-placeholder { /* WebKit browsers */
 color: #346D86;
 font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #346D86;
 font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #346D86;
 font-size: 14px;
}
.w1296 { width: 1296px !important; }
.w700 { width: 700px !important; overflow: hidden; }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: var(---, #000);
height: 80px; width: 100%; left: 0; box-sizing: content-box }

.topnav .logo { width: 150px; }
.topnav .logo span { height: 100%; display: block; float: left }
.topnav .logo .logoimg { width: 150px; height: 44px; margin-top: 2px; box-sizing: border-box; background: url(../images/mboxlogo2.png) no-repeat }
.topnav .logo .bate { margin-top: 23px }

.rnav-user { position: absolute; top: 0px; right: 0px; }
.rnav-user ul li { float: left; color: #13aff0; height: 60px; line-height: 60px; text-align: center; font-size: 16px; cursor: pointer }
.rnav-user ul li .menu-img { width: 60px; height: 60px; position: relative; overflow: hidden; }
.rnav-user ul li .menu-img .topshare { width: 31px; height: 34px; background-position: -31px 0px; margin: auto; ; margin-top: 10px; display: block; }
.rnav-user ul li .menu-img .topmessage { width: 30px; height: 34px; background-position: -0px 0px; margin: auto; ; margin-top: 10px; display: block; }
.rnav-user ul li:hover { }
.rnav-user ul li:hover a { color: #DCF3FA }
.rnav-user ul li .tc { color: #346D86; width: 60px; height: 60px; display: block }
.rnav-user ul .glbgon { }
.rnav-user ul li a:hover { color: #DCF3FA }
.currencyimg { background: url(../images/mbox_currencyimg.png?22) no-repeat }
.details_main { margin-top: 60px; overflow: hidden; position: relative; }
.intention_list { position: fixed; right: 0px; top: 160px; }
.intention_list .signup { width: 174px; height: 63px; background: linear-gradient(135deg, #7FFFB3 0%, #33DCFA 100%); border-radius: 100px 0px 0px 100px; overflow: hidden; padding-right: 13px; box-sizing: border-box; margin-bottom: 8px; }
.intention_list .signup .user_name { height: 18px; margin-top: 11px; font-size: 16px; color: #1E474D; font-weight: 500; line-height: 18px; text-align: right; }
.intention_list .signup .x2 { height: 20px; margin-top: 4px; font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500color: #1E474D;
line-height: 20px; text-align: right }
/**/
.topsm { background: linear-gradient(132deg, #05152C 0%, #0A2134 52%, #16353C 100%); min-width: 1296px; width: 100%; height: 134px; overflow: hidden; margin-top: 60px; }
.topsm .topsm_info { width: 1296px; margin: auto; }
.topsm .sm1 { width: 100%; text-align: center; color: #DCF3FA; font-size: 18px; line-height: 34px; letter-spacing: 1px; margin-top: 29px; }
.topsm .sm1 span { font-size: 24px; }
.topsm .sm2 { width: 535px; color: #FDE761; font-size: 16px; line-height: 26px; letter-spacing: 1px; margin-top: 11px; }
.resume_main { width: 1296px; margin: auto; }
.resume_main .nav { width: 100%; text-align: center; height: 45px; margin-top: 40px; margin-bottom: 25px; font-size: 32px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #DCF3FA; line-height: 45px; letter-spacing: 3px; }
.resume_index{ margin-top:80px;}
.resume_index .resume_right { width: 1064px; min-height: 900px; padding: 16px; box-sizing: border-box; border-radius: 10px; margin:auto }
.resume_right .resume_info { width: 100%; display: block; overflow: hidden; }
.resume_right .resume_info_title{ font-size:42px; color:#fff; width:100%;line-height:80px;}
.resume_right .resume_info_doc { font-size:18px; background: #07273C; margin-bottom: 8px; color:#BFBFBF; line-height: 30px; border-radius: 10px; padding: 17px;    word-wrap: break-word; }
.resume_right .resume_info_doc .icon { width: 18px; height: 18px; float: left }
.resume_right .resume_info_doc .icon.ability_1 { background: url(../images/computer-fill.png) center no-repeat; }
.resume_right .resume_info_doc .icon.other { background: url(../images/file-text-fill.png) center no-repeat; }
.resume_right .resume_info_doc .txt { font-size: 16px; color: #41F2F2; line-height: 18px; height: 18px; font-size: 16px; float: left; margin-left: 9px; }
.resume_right .resume_info_doc .tit { margin-bottom: 18px; width: 100%; display: block; overflow: hidden; }
.resume_right .tasklist { width: 100%; display: block;border-top: 1px solid rgba(234,255,255,0.1); margin-top:30px; padding-top:23px; }
.resume_right .tasklist_tit { margin-bottom: 18px; width: 100%; display: block; overflow: hidden; padding-top: 23px; margin-bottom: 23px; border-top: 1px solid rgba(234,255,255,0.1); }
.resume_right .tasklist_tit .icon { background: url(../images/movie-2-fill.png) center no-repeat; width: 20px; height: 20px; float: left }
.resume_right .tasklist_tit .txt { font-size: 16px; color: #41F2F2; line-height: 18px; height: 18px; font-size: 16px; float: left; margin-left: 9px; }
.tasksignup { width: 194px; height: 155px; cursor: pointer; float: left; margin-right: 14px; margin-bottom: 23px; }
.tasklist .tasksignup:nth-child(5n+0) { margin-right: 0px; }
.tasksignup img { width: 194px; height: 120px; object-fit: cover; border-radius: 10px; }
.tasksignup .title { color:#BFBFBF;  font-weight: 400; font-size: 16px; overflow: hidden; height: 18px; border-radius:9px; text-align:center; line-height: 18px; margin-top: 12px; }
.ins_detail .detail-main { padding-top: 175px; }
.ins_detail .detail-info { margin: auto !important; width: 854px !important; margin-bottom: 50px !important; padding: 10px; position: relative; overflow: inherit !important }
.ins_detail .detail-info .detailnav { width: 100%; height: 50px; line-height: 50px }
.ins_detail .detail-info .detailnav .title { font-size: 18px; color: #DCF3FA; float: left; }
.ins_detail .detail-info .popupClose { font-size: 18px; color: #DCF3FA; width: 20px; height: 20px; background: url(../images/popup_close3.png) 0px no-repeat; margin: 15px; cursor: pointer; position: absolute; top: -40px; right: -40px; z-index: 6 }
.ins_detail .detail-info .detail_con { width: 100%; margin: auto }
.ins_detail .detail-info .detail_con .contop { width: 100%; overflow: hidden; }
.ins_detail .detail-info .detail_con .review { width: 100%; overflow: hidden; margin-top: 20px; ; }
.ins_detail .detail-info .detail_con .detailsUserinfo { color: #666666; height: 32px; font-size: 16px; margin-top: 26px; margin-bottom: 20px; float: left }
.ins_detail .content { margin: auto; overflow: hidden; background: #172130; text-align: center; border-radius: 5px; }
.ins_detail .content img { max-width: 525px }
.popup-close i { width: 30px; height: 30px; position: absolute; margin: 90px 0 0 0px; position: fixed }
.student_task_content img { max-width: 100%; }
.student_task_content .prism-player { width: 854px !important; max-width: 100%; height: 480px !important; margin: auto; }
.student_review .describe { font-size: 16px; margin: 20px 0px; display: block; color: #DCF3FA; }