body {
    background-color: rgb(240, 240, 240) !important;
}

p {
    margin-bottom: 0 ;
}

.article {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 64px 40px 64px;
}

.step-title {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 24px;
}

.step-title img {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.step-title span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000d9;
    margin-left: 8px;
}

.rule-search-hint {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #000000a6;
    margin-top: 8px;
}

.search-rule-wrapper {
    width: 100%;
    margin: 16px auto;
}

.root-wrapper {
    width: 100%;
    margin: 15px 0px;
    padding: 15px 5px;
    background-color: #f5f5f5;
    /* x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影颜色 */
    box-shadow: 10px 5px 5px rgb(223, 215, 215);
    /* text-align: center; */
}

.root-wrapper a{
    display: inline-block;
    color: #00A475;
    height: 35px;
    line-height: 35px;
    margin: 2px 5px;
    padding: 0 5px;
}

.root-wrapper a:hover{
    background-color:#FD5D1E;
    color: #fff;
    border-radius: 10px;
}

/*选中样式*/
.on {
    background-color: #FD5D1E ;
    font-weight: 600;
    color: #fff !important;
    border-radius: 10px;
}

/* 格式规范名称 */
.rule-item-title .rule-name {
    display: inline-block;
    color: #000000d9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-left: 12px;
    width: 265px;
    vertical-align: middle;
    cursor: pointer;
}

a.rule-name{
    width:300px;
}





/*“使用此规范”样式*/
.rule-item-title .btn-select {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #00a475;
    margin-left: 8px;
    text-decoration: none;
    vertical-align: top;
}

.rule-brief {
    color: #000000a6;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 8px;
}

.root-wrapper .img-wrapper {
    display: flex;
    flex: 1;
    min-width: 400px;
    overflow-x: auto;
    box-sizing: border-box;
    margin-left: 16px;
}

/* 滚动条 */
.img-wrapper .scroll-left {
    margin-right: 8px;
}

.img-wrapper .scroll-right {
    margin-left: 8px;
}

.img-wrapper .scroll {
    cursor: pointer;
    margin: 6px;
    width: 14px;
    height: 110px;
    box-sizing: border-box;
    background: #E5E5E5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #00000073;
    overflow: hidden;
    position: relative;
}


/* 模板图片容器 */
.img-wrapper .rules-image {
    padding: 6px;
    display: flex;
    width: 522px;
    flex-direction: row;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden;
}

.rule-image-wrapper {
    margin-right: 16px;
    box-shadow: 0 0 8px #00000026;
}

.rule-image-wrapper img {
    width: 72px;
    height: 103px;
    cursor: pointer;
}

/* 论文基本信息 */
.baseInfo {
    width: 100%;
    margin: 16px auto;
    border-bottom: 1px solid #0000001f;
    padding-bottom: 30px;
}

.baseInfo p {
    width: 100%;
    text-align: center;
    margin: 15px auto;
}

.clear-file-hint {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #000000a6;
}

.upload-file-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.upload-file-panel {
    width: 280px;
    height: 164px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    border-radius: 4px;
    cursor: pointer;
}

.upload-file-panel p {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #000000a6;
}

.upload-file-panel p:first-child {
    margin-top: 28px;
}

.upload-file-panel p:last-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #00000073;
}

.loading {
    margin-top: 28px;
    height: 70px;
    background-image: url(../images/loading.gif);
    background-position: center, center;
    display: none;
}

.upload-file-txt {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #000000a6;
}




.submit-wrapper {
    text-align: center;
    margin-top: 24px;
}

.btn-submit {
    display: inline-block;
    padding: 5px 8px;
    max-width: 330px;
    width: 80%;
    line-height: 32px;
    text-align: center;
    background-color: #00a475;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    border: 0;
    outline: none;
}

.width100 {
    width: 100px;
}


::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: initial;
    -webkit-transition: background-color 1s linear
}

::-webkit-scrollbar:active,
::-webkit-scrollbar:hover {
    background-color: #8a8a8a80
}

::-webkit-scrollbar-thumb {
    background-color: #0000001a;
    border-radius: 1em;
    -webkit-transition: background-color 1s linear
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
    background-color: #00000080
}