html{
    /*闅愯棌婊氬姩鏉★紝褰揑E涓嬫孩鍑猴紝浠嶇劧鍙互婊氬姩*/
    -ms-overflow-style:none;
    /*鐏嫄涓嬮殣钘忔粴鍔ㄦ潯*/
    overflow:-moz-scrollbars-none;
    font-size: 16px !important;
}
@media screen and (min-width:1024px){
    html{
        font-size:16px !important;
    }
}
@media screen and (max-width:1024px){
    html{
        font-size:14px !important;
    }
    .form-control{
	height:calc(2.5em + .5rem + 2px) !important;
	font-size:1.2rem;
}
.input-group .addon{
	line-height:2 !important;
}
.title{
	font-size:1.5rem !important;
}
label{
	    font-size: 1.2rem !important;
}
}
.btn-primary{
	background: #ffa400 !important;
    border-color: #ffa400 !important;
}

.wrap-fluid {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: row-reverse;
}
.wrap-fluid1{
    display: inherit;
    overflow: scroll;
}
.wrap-right {
    padding: 1.25rem 1.875rem;
    border-left: 1px solid #e5e5e5;
}
.bd-content {
    flex: 1;
    margin: 1.25rem auto;
    padding: 0 2.5rem;
    overflow-y: auto;
    position: relative;

}
  ::-webkit-scrollbar{
      display:none;
  }
.header {
    height: 3.5rem;
    margin-bottom: .625rem;
}
.header .logout {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #FFC357;
    box-shadow: 0.125rem 0.125rem 1.125rem rgba(0,0,0,.1);
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-left: 1.25rem;
}
.header .logout:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.03);
    z-index: 0;
}
.header .logout img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 1rem;
    position: relative;
    z-index: 99;
}
/*.header .logo img {
    height: 3.5rem;
}*/
.header .return {
    display: flex;
    align-items: center;
}
.header .return h4 {margin-bottom: 0;}
.header .return .btn {
    background: #ededed;
    padding: .375rem;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 1.25rem;
}
.header .return .btn:hover { background: #FFC357;}
.header .return .btn svg {
    color: #fff;
}
footer {
    position: absolute;
    bottom: 1.25rem;
    right: 1.875rem;
}
footer p {
    margin: 0;
    font-size: .875rem;
    color: #A0A0A0;
    text-align: right;
}
.welcome {
    height: 7rem;
    background: url(../images/right-bg.png) right bottom no-repeat;
    background-size: auto 100%;
    padding-right: 7rem;
    display: flex;
    justify-content: center;
    flex-flow: column;
    margin-bottom: 1.25rem;
}
.user-info {
    border-top: 1px solid #e5e5e5;
    padding: 1.875rem 0;
    text-align: center;
}
.user-info dl {
    display: flex;
    line-height: 1.5rem;
}
.user-info dl dd {
    color: #A0A0A0;
    margin-bottom: 0;
}
.user-info dl dt {
    font-size: 1.125rem;
}
.user-info dl span {
    font-weight: 400;
    font-size: .875rem;
    margin-left: .5rem;
}
.user-info-box {
    background: #f8f8f8;
    border-radius: 1.25rem;
    padding: 0 1.875rem;
}
.user-info-box .user-info {border-top: 0;}

/*妗岄潰*/
.main-function {
    margin: 2rem 0;
}
.count-group {
    background: #fafafa;
    border-radius: 1.25rem;
    overflow: hidden;
    text-align: center;
    height: 17rem;
}
.count-group .count-btn {margin: 2rem 2.5rem;}
.count-group .count-btn button {width: 100%;}
.count-group .count-bg {
    background: #FFC357;
    color: #fff;
    position: relative;
    padding: 1.25rem;
    text-align: left;
}
.count-group .count-info {
    position: relative;
    z-index: 99;
}
.count-group .count-info h2 {font-weight: 400;}
.count-group .count-info span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    margin-bottom: 1rem;
}
.count-group .count-info img {
    height: 1.25rem;
}
.count-group .count-info p {
    margin-bottom: 0;
    color: #FFDC9D;
    height: 1.5rem;
}
.count-group .count-bg .count-number {
    position: absolute;
    font-size: 3.5rem;
    top: 3.5rem;
    right: 2.5rem;
    font-weight: 300;
    color: rgba(255,255,255,.86);
}
.count-group .count-bg .text-shadow-purple {
    text-shadow: #7C56EE 1px 2px 8px;
}
.count-group .count-bg .text-shadow-blue {
    text-shadow: #4294FF 1px 2px 8px;
}
.count-group .gradient-purple {
    background: linear-gradient(90deg,#A599FF,#815AEB);
}
.count-group .gradient-blue {
    background: linear-gradient(90deg,#59AAFF,#4695FF);
}
.count-group .count-bg .purple-bg,.count-group .count-bg .blue-bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.count-group .count-bg .purple-bg img,.count-group .count-bg .blue-bg img {height: 100%;}

.title-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.title-tab span {
    color: #a0a0a0;
}
.title-tab .list-group {
    flex-direction: inherit;
}
.list-group-title {
    text-decoration: none;
    font-size: 1.5rem;
    margin-right: 1.25rem;
    color: #a0a0a0;
}
.list-group-title.active {
    color: #323232;
}
.list-group-title:hover, .list-group-title.active:hover {
    text-decoration: none;
    color: #323232;
}
.search-group {
    position: relative;
    display: flex;
    align-items: center;
}
.search-group .search {
    position: absolute;
    right: 0;
    width: 3rem;
    height: 1.25rem;
    background: url(../images/icon-search.svg) no-repeat center;
    cursor: pointer;
    z-index: 99;
}


/*鏂囧瓧棰滆壊*/
.text-yellow {color: #FFC762 !important;}
.text-green {color: #2CC8A7 !important;}
.text-orange {color: #FC6C31 !important;}

.alert-default {background: #FFF9EE; color: #323232;border: none; font-size: .875rem;}

/*琛ㄥ崟*/
.form-control {border-color: #e5e5e5;}
.form-control:focus{box-shadow: 0 0 0.2rem rgba(0,0,0,.1); border-color: #4a4a4a;}

.search-select { border: none; padding-right: 1rem; color: #4a4a4a;}

.checkbox-item {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    margin-right: 1rem;
}
.checkbox-item label {
	width: 1rem;
	height: 1rem;
    border:1px solid #ccc;
    border-radius: .1875rem;
	display:inline-block;
    vertical-align:top;
    margin-bottom: 0;
    margin-right: .5rem;
}
.checkbox-item input {
	display:none;
}
.checkbox-item input:checked+label {
	text-align:center;
    line-height:1rem;
    border-color: #FC6C31;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z' clip-rule='evenodd' fill='rgba(252,108,49)'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: center;
    /*杩欓噷鍙互鍔犺璁″ソ鐨勫鍕惧浘鐗囷紝浠ヨ儗鏅殑鏂瑰紡鍔犱笂鍘�  涓嬮潰鐨勪吉绫绘牱寮忓氨鍙互涓嶇敤鍔犱簡 .checkbox-item input:checked+label::after */
}

.radio_box {
    display:flex;
    align-items: center;
    position:relative;
    margin-right: 1rem;
}
.radio_box label {
	width:1.125rem;
	height:1.125rem;
	position:absolute;
	left:0;
	border:1px solid #ccc;
	border-radius:50%;
	background:#fff;
    cursor:pointer;
    margin-bottom: 0;
}
.radio_box input:checked + label {
    border-color: #FC6C31;
}
.radio_box input:checked + label:after {
	content:'';
	width:.5rem;
	height:.5rem;
	position:absolute;
	top:.25rem;
	left:.25rem;
	background:#FC6C31;
	border-radius:50%;
}
.radio_box em, .radio_box span {
    margin:0 0 0 .625rem;
    color: #4a4a4a;
}

/*琛ㄦ牸*/
.table-bordered td, .table-bordered th {vertical-align: middle; border-color: #ddd;}
.table-bordered th {background: #FFFDF8;}

/*鎸夐挳*/
.btn {border-radius: 2rem;padding: .375rem 1.25rem;}
.btn-line-gray {border: 1px solid #e5e5e5; font-size: .875rem; color: #323232;border-radius: 0;}
.btn-line-gray img { width: .875rem; height: .875rem; margin-right: .125rem;}
.btn-line-gray:hover {background: #f8f8f8;}
.btn-help {display: flex; font-size: .875rem; color: #a0a0a0; text-decoration: none;}
.btn-help img {margin-right: 0.25rem;}
.btn-help:hover {color: #323232;text-decoration: none;}
.btn-primary {background: #FFC357; border-color: #FFC357;}
.btn-primary.disabled,.btn-primary:disabled,.btn-primary.disabled:hover,.btn-primary:disabled:hover {background: #FFC357; border-color: #FFC357;}
.btn-primary:hover {background: #ffa400; border-color: #ffa400;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background: #ffa400; border-color: #ffa400;
}
.btn-primary.focus, .btn-primary:focus {
    background: #ffa400; border-color: #ffa400;
    box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}
.btn-outline-secondary {border-color: #ddd; color: #4a4a4a;}
.btn-outline-secondary:hover {border-color: #f4f4f4; background-color: #f4f4f4; color: #4a4a4a;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus{
    box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}
.btn-orange { background: #FC6C31; border-color: #FC6C31; color: #fff;}
.btn-orange.disabled,.btn-orange:disabled,.btn-orange.disabled:hover,.btn-orange:disabled:hover { background: #FC6C31; border-color: #FC6C31; color: #fff;}
.btn-orange:hover {color: #fff; background: #e3612d; border-color: #e3612d;}
.btn-orange.focus, .btn-orange:focus {
    color: #fff; background: #e3612d; border-color: #e3612d;
    box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}

/*鍒楄〃鏍峰紡*/
.list-screen {list-style: none;padding: 0 1rem;border-right: 1px solid #e5e5e5;line-height: 1;}
.list-screen:first-child {padding-left: 0;}
.list-screen:last-child {padding-right: 0;border-right: 0;}
.list-screen.active {color: #FC6C31;}
.list-screen a {text-decoration: none;color: #4A4A4A;}
.list-screen a:hover {color: #000;}
.list-screen.active a {text-decoration: none;color: #FC6C31;}

.thesis-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.thesis-list .disabled {opacity: .4; background: #f8f8f8;}
.thesis-list-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 0;
    border-bottom: 1px solid #ededed;
}
.thesis-list-group .form-check-input {
    margin-left: 0;
    position: relative;
    margin-top: 0;
    margin-right: 1.25rem;
}
.thesis-item {
    width: 50%;
}
.thesis-item p {
    font-size: .875rem;
    margin-right: 1.25rem;
}
.thesis-item .date {
    font-size: .875rem;
    color: #a0a0a0;
}
.thesis-item .date span {
    margin-right: .75rem;
}
.thesis-item .info-tag {
    margin-bottom: .625rem;
    display: flex;
    align-items: center;
}
.thesis-item .info-tag span {
    display: block;
    padding: 0 .75rem;
    color: #4a4a4a;
    border-right: 1px solid #e5e5e5;
    line-height: 1rem;
}
.thesis-item .info-tag span:first-child {
    padding-left: 0;
}
.thesis-item .info-tag span:last-child {
    border-right: 0;
    padding-right: 0;
}
.thesis-item .info-tag span.tag {
    border-right: 0;
    font-size: .875rem;
    padding: 0 .75rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
}
.thesis-item .info-tag span.tag-orange {
    background: #FEF0EA;
    color: #FC6C31;
}
.thesis-item .info-tag span.tag-yellow {
    background: #FFF8ED;
    color: #FFC357;
}
.thesis-item .info-tag span.tag-secondary {
    background: #6c757d;
    color: #fff;
}
.thesis-btn-group .btn {margin-left: .5rem;}
.thesis-btn-group .btn:first-child {margin-left: 0;}

.link-more {font-size: .875rem; color: #ccc; position: relative; text-align: center; margin-top: 1.25rem;}
.link-more::before {content: "- ";}
.link-more::after {content: " -";}

/*褰曞叆璇勯槄缁撴灉*/
.article {
    background: #f8f8f8;
    border-radius: 1.25rem;
    padding: 1rem;
    width: 80%;
}
.review-record {
    width: 100%;
}
.Title {
    border-bottom: 1px solid #e5e5e5;
    padding: .625rem 0 1rem 0;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Title h5 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.Title img {
    margin-right: .5rem;
}
.Title a.more {
    color: #FC6C31;
    text-decoration: none;
}
.Title a.more:hover {
    color: #fc672ce1;
}
.record-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.record-group:last-child {margin-bottom: 0;}
.record-group .title {
    display: inline-block;
    padding: .25rem .625rem;
    padding-right: 4rem;
    background: #f8f8f8;
    border-left: 10px solid #ddd;
    margin-bottom: 1.25rem;
}
.record-btn-area {
    border-top: 1px solid #e5e5e5;
    padding: 1.5rem 0;
    text-align: right;
}
.record-btn-area .btn {
    margin-left: .5rem;
}
.record-btn-area .btn:first-child {
    margin-left: 0;
}
.autograph {margin-right: 2rem;}
.autograph .img-thumbnail { width: 8rem; height: 8rem;}
.autograph-explain dl {
    display: flex;
    margin: .75rem 0;
}
.autograph-explain dl dt {
    font-weight: 400;
    color: #a0a0a0;
}
.autograph-explain dl dd {
    margin-bottom: 0;
}

.QandA-group {color: #4a4a4a; line-height: 1.5rem;}
.QandA-group:last-child {margin-bottom: 0;}
.QandA-group dt {font-weight: 400; margin-bottom: .25rem;}
.QandA-group dd::before {content: "绛旓細"; color: #a0a0a0;}
/*寮圭獥*/
.modal-backdrop.show { opacity: .3;}
.modal-content {border: none;border-radius: 1.25rem;box-shadow: 0;}
.modal-header {border: none;padding: 1.25rem 1.25rem 0 1.25rem;}
.modal-footer {padding: 1rem 1.25rem;}
.modal-body {padding: 1.25rem;}
.modal-body p {color: #4a4a4a; margin-bottom: .5rem;}
.modal-body .thesis-item {width: 100%;border-bottom: 1px solid #ededed;padding-bottom: 1.25rem;}