body{font-family: PingFangSC-Regular;font-size: 16px;} 
#top{box-shadow: 0 5px 4px 0 rgba(0,0,0,0.07);height:70px;  }
.navbar{margin-bottom: 0px;}
.navbar-brand{height:70px;}
.navbar-brand{font-family: PingFangSC-Regular;font-size: 24px;color: #F5BA57;letter-spacing: 0;}
.navbar-brand > img{display: inline;}
a:hover{color:#F5BA57}
.navbar-nav > li > a{font-size: 16px;color: #333333;    height: 70px;    padding-top: 25px;}
.navbar-right .btn-warning{font-size: 16px;margin-left:20px;height:40px;padding-top:8px;color:#fff;margin-top:15px;}
#mainnav.navbar-nav > li > a:hover,#mainnav.navbar-nav > li.active > a{font-family: PingFangSC-Medium;border-bottom: 5px solid #F5BA57;}
.navbar-right .btn-warning:hover,.navbar-right .btn-warning:focus{    background-color: #f0ad4e;    border-color: #eea236;}
.main-index{background: #FAFAFA;}
.main h3{font-family: PingFangSC-Semibold;font-size: 24px;color: #333333;}
.info{color: #646A73;}
.use{    margin: 10px auto;background: #EFF2F5;border-radius:18px;color: #333333;padding:7px;max-width: 1000px;}
.use span{vertical-align: middle;}
.video{padding-top: 56px;width:1140px;height:613px;background:url('../images/202005/videobg.png');margin:38px auto;    background-size: cover;}
.tools{max-width:570px;margin: 0 auto;}
.tools a{color: #028DFF;}
.register,.course,.weixin{    max-width: 1000px;   padding-top: 60px;padding-bottom:60px;}
.course .btn-warning{border-radius: 35px;width:170px;height:48px;font-size: 16px;padding-top: 11px;}
footer{  background: #FAFAFA;    height: 126px;    padding-top: 35px;}
.copyright{font-size: 14px;color: #646A73;margin-top:7px;}
.btn-default,.btn-default:hover{margin-top: 60px;padding-top: 11px;background: #FFF9EF;border: 1px solid #F5BA57;border-radius: 35px;color: #F17F03;width:170px;height:48px;font-size: 16px;}
.register p,.course p,.weixin p{font-size: 14px;color: #646A73;}
.more{font-family: PingFangSC-Semibold;font-size: 16px;color: #6C6C6C;margin-top:40px;margin-bottom: 80px;}
.course-banner{height:580px;background:url('../images/202005/bg.png') no-repeat;color:#fff;background-position-y: -55px;}
.course-banner .row{max-width:960px;margin:0 auto;}
.course-banner h3{color:#fff;}
.course-banner .intro{font-size: 14px;margin-top: 70px;    margin-bottom: 60px;color: rgba(255,255,255,0.86);}
.course-banner p{font-size: 14px;color: rgba(255,255,255,0.86);}
.resourtype {max-width:1000px;}
.resourtype b{font-family: PingFangSC-Semibold;font-size: 18px;color: #F17F03;margin-top:10px;margin-bottom: 20px;    display: block;    padding-top: 135px;}
.resourtype p{font-size: 14px;color: #646A73;max-width:220px;    margin: 0 auto;}
.resourtype .col-md-4{padding:0px;}
.resourtype1{width:314px;height:320px;background:url('../images/202005/resource1.png') no-repeat;}
.resourtype2{width:314px;height:320px;background:url('../images/202005/resource2.png') no-repeat;}
.resourtype3{width:314px;height:320px;background:url('../images/202005/resource3.png') no-repeat;}
.report{margin-left:-375px;}
.todo p{font-family: PingFangSC-Semibold;font-size: 16px;color: #6C6C6C;}
.contact-header{background:url('../images/202005/pic.png') no-repeat center;height:516px;font-size: 24px;color: #F5BA57;}
.contact-header img{width:48px;}
.contact-header span{vertical-align: middle;}
.pagination{width:100%;text-align: right;}
.thumbnail a >  img{width:360px;height:219px;}
.thumbnail .caption{height:56px;background: #FDF2DE;font-size: 18px;padding: 0px;}
.thumbnail .caption a{color: #333333;    line-height: 56px;    display: block;    height: 56px;    overflow: hidden;}
.pagination > .active > a,.pagination > .active > a:hover{    background: #F5BA57;   border-color: #F5BA57;}
.pagination > li > a, .pagination > li > span{font-family: PingFangSC-Medium;font-size: 14px;color: #323233;}
.btn-warning.input-group-addon{    background-color: #f0ad4e;    border-color: #eea236;color:#fff;}
#search{border: 1px solid #F5BA57;}
.modal-body .form-horizontal .form-group{margin-left:0px;margin-right:0px;}
.rel-link a{font-size: 14px;color: #F17F03;}
.sendcode{background: #FFF9EF;border: 1px solid #F5BA57;font-family: SourceHanSansCN-Medium;font-size: 15px;color: #F17F03; float: right;}
.validcode{width:150px;}
.w-bg{background:#fff;width:100%; }
.b-bg{background: #FAFAFA;width:100%; }
#myModal p{color: #323233;}
.thumbnail{border:none;}


@media screen and (max-width: 500px) {
.contact-header{height:auto;}
img{max-width:100%!important;}
.video{width:100%;background:none;padding-top:10px;height:auto;}
video{width:100%!important;height:auto!important;}
.btn{margin-left:calc(50% - 85px)}
.navbar-toggle .icon-bar,.sr-only{background:#000}
.navbar-toggle{background:whitesmoke}
.container > .navbar-collapse{    background: whitesmoke;}
.course-banner{height:auto;    background: yellowgreen;}
.course-banner .intro{margin:10px;}
.resourtype1,.resourtype2,.resourtype3{margin:0 auto;}
}