.paper-container {
	position: relative;
    user-select: none !important;
	
	.back-to-top {
	    position:fixed;
	    right:-98%;
	    bottom:60px;
	    height:48px;
	    width:50px;
	    background:#595959;
	    z-index:99999;
	    cursor:pointer;
	}
	
	 .back-to-top:hover {
	    background:rgb(128,128,128);
	}
	
	    .back-to-top .ivu-icon {
	        font-size:26px;
	        color:white;
	    }
	



    .paper-title {
        font-size: 30px;
		margin: 30px 0;
        font-weight: bold;
        vertical-align: middle;
        text-align: center;
		cursor: pointer;
    }

    .paper-subTitle {
        font-size: 16px;
        font-weight: bold;
        margin: 15px;
        text-align: center;
        vertical-align: middle;
    }

    .paper-info {
        font-size: 14px;
        vertical-align: middle;
    }

    .paper-toolbar {
        background: #fff;
        padding: 20px;

        .filter-title {
            font-size: 14px;
        }
    }
}

.paper-main-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 20px 0;

    .paper-analysis {
        position:sticky;
        top:0;
        background: White;
        width: 20%;
        padding: 20px 10px;

        .ivu-radio-group{
            margin:15px 0 0 0;
        }

        .analysis-btns {
            width: 100%;
            .flex-row-center;
            justify-content: space-around;

            .ivu-btn {
                width: 30%;
                height: 40px;
            }
        }

        .analysis-infos {
            margin-top: 15px;
            border-top: 1px dotted #cfcfcf;
            padding: 0 20px 0 20px;

            .analysis-title {
                font-size: 18px;
                margin: 30px 0 10px 0;
                font-weight: bold;

                &::before {
                    content: "";
                    height: 14px;
                    width: 5px;
                    margin-top: 2px;
                    margin-right: 8px;
                    border-radius: 5px;
                    background: #01b4ef;
                    display: inline-block;
                    vertical-align: baseline;
                }
            }

            .flex-row-center {
                justify-content: space-between;
            }

            .analysis-info {
                font-weight: bold;
                color: #69baec;
                margin: 0 5px;
            }

            .analysis-index-wrap {
                display: flex;
                flex-wrap: wrap;
            }

            .exercise-index-item {
                width: 34px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                margin-right: 10px;
                margin-top: 10px;
                background: #69BAEC;
                color: #fff;
                border-radius: 5px;
                cursor: pointer;
                .flex-row-center;

                &:hover {
                    background: #0097F4;
                }
            }
        }
    }
}

.paper-content {
    width: 100%;
    height: ~"calc(100% - 5px)";
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: row;
	min-height: 73vh;

    .paper-body {
        width: 98%;
        padding-left: 20px;

        .paper-header {
            margin-top: 20px;
        }
    }

    .paper-base-info {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        border-bottom: 1px dashed #cfcfcf;
        z-index: 99;
        padding: 10px 0 20px 0;

        .paper-info-items {
            display: flex;
            flex-direction: column;
            font-weight: bold;
            font-size: 16px;
            justify-content: space-between;

            .ivu-rate {
                margin-bottom: 5px;
            }

            &:first-child {
                height: 55px;
                margin-top: 5px;
            }

            &:not(:first-child) {
                margin-left: 40px;
                height: 50px;
            }
        }
        // .base-info-item:not(:first-child) {
        //     margin-left: 30px;
        // }
        .base-info-btn:not(:last-child) {
            margin-right: 10px;
        }

        .analysis-info {
            font-weight: bold;
            color: #69baec;
            margin: 0 5px;
        }
    }

    .paper-part {
        padding: 15px;
    }

    .exercise-item {
        position: relative;
        font-size: 14px !important;
        margin-top: 0 !important;
        padding: 5px 10px !important;
        box-sizing: border-box;
        background: transparent;
        border: 1px solid rgba(1,1,1,0);

        .item-concept {
            margin-top: 10px;
        }

        .item-tools {
            position: absolute;
            right: -2px;
            top: -30px;
            width: auto;
            height: 30px;
            margin: 0;
            padding: 0;
            background: #01b4ef;
            display: none;
        }

        .item-tools-t {
            height: 100%;
            padding: 0 15px;
            float: left;
            color: white;
            cursor: pointer;

            &:hover {
                background: #4a5ae6;
            }

            .ivu-icon {
                color: white;
                font-size: 14px;
                margin: 0 3px;
            }
        }

        &:hover {
            box-shadow: none !important;
            border-color: #cfcfcf;
        }
    }

    .paper-content-section {
        font-size: 18px;
        font-weight: bold;
        margin-top: 20px;

        span {
            font-size: 14px;
            font-weight: 500;
            margin-left: 10px;
        }
    }
}
/*.paper-content .paper-part:hover {
            background: #bfcdad45;
        }*/
.paper-content .item-answer, .paper-content .item-explain {
    line-height: 26px;
}

.paper-tools {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border-top: 1px dashed #cfcfcf;
    padding: 10px 0;

    .paper-tools-title {
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
    }

    .ivu-checkbox-wrapper {
        font-size: 14px;
        margin-left: 10px;
    }

    .ivu-checkbox {
        margin: 0 4px;
        vertical-align: text-bottom;
    }

    .ivu-checkbox-checked {
        .ivu-checkbox-inner {
            background: #01b4ef;
            border-color: #01b4ef;
        }
    }
}

.rules-modal{
	
	.ivu-modal-body{
		
		.rule-item{
			display: flex;
			flex-direction: column;
			
			&-title{
				margin: 10px 0;
				font-weight: bold;
			}
		}
		
	}
	
}


/*横向垂直水平居中*/
.flex-row-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*向垂直水平居中*/
.flex-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
