/* 主体位置大小 */
#main_part{    
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(199, 219, 255, 0.2);
}
    /* main_part分布*/
    /* 大图标题位置大小 */
    #largeimg_part{
        position: absolute;
        top: 0;
        width: 100%;
        height: 300px;
    }
        /* mainimg图片位置 */
        .main_img{
            margin-left: -3px;
            margin-top: -3px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        /* 左翻位置样式 */
        #largeimg_part .box2 .fa-angle-left{
            position: absolute;
            left: 0;
            top: 135px;
            color: white;
            font-size: 30px;
        }
        /* 右翻位置样式 */
        #largeimg_part .box2 .fa-angle-right{
            position: absolute;
            right: 0;
            top: 135px;
            color: white;
            font-size: 30px;
        }
        /* 左右翻经过样式 */
        #largeimg_part .box2 .fa-angle-left:hover,
        #largeimg_part .box2 .fa-angle-right:hover{
            color: rgb(0, 125, 255);
        }
    /* 小图标题位置大小 */
    #smallimg_part{
        position: absolute;
        top: 300px;
        bottom: 27px;
        width: 100%;
        overflow: hidden;
    }
        /* smallimg小图大小位置 */
        .smallimgG{
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
        }
            /* box2大图数据盒子样式 */
            .box2{
                position: absolute;
                top: 4px;
                bottom: 4px;
                left: 3px;
                right: 3px;
                padding: 3px;
                border-radius: 10px;
                text-align: center;
                font-size: 50px;
                background-color: rgba(255, 255, 255, 0.2);
                background-image: url(../images/logo/ic_logo.png);
                background-repeat: no-repeat;
                background-size: 10%;
                background-position: 50%;
                overflow: hidden;
            }
            /* box3小图数据盒子样式 */
            .box3{
                position: relative;
                float: left;
                width: 24.5%;
                height: 49%;
                min-width: 314px;
                border-radius: 10px;
                margin: 3px 3px;
                text-align: center;
                font-size: 50px;
                background-color: rgba(255, 255, 255, 0.5);
                background-image: url(../images/logo/ic_logo.png);
                background-repeat: no-repeat;
                background-size: 60%;
                background-position: 50% ;
                overflow: hidden;
            }
                /* 小图大小 */
                .min_img{
                    width: 100%;
                    height: 100%;
                }
                /* 小图标题字体样式 */
                .min_text{
                    position: absolute;
                    float: left;
                    padding: 5px;
                    bottom: 2%;
                    font-size: 25px;
                    color: white;
                    text-shadow: 2px 2px 2px black;
                }
                .min_text:hover{
                    color: rgb(45, 16, 58);
                    text-shadow: 2px 2px 2px white;
                }
                /* 小图内图标位置样式 */
                .box3 .fas{
                    position: absolute;
                    top: 6px;
                    color: white;
                    font-size: 15px;
                    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
                }
                /* 观看图标样式 */
                .box3 .fa-eye{
                    right: 8px;
                }
                /* 分享图标样式 */
                .box3 .fa-share{
                    right: 36px;
                }
                /* 收藏图标样式 */
                .box3 .fa-splotch{
                    right: 64px;
                }
                /* 点赞图标样式 */
                .box3 .fa-heart{
                    right: 92px;
                }
                /* 图标经过样式 */
                .box3 .fas:hover{
                    color: rgb(0, 125, 255);
                }
    /* 下侧页数显示位置大小 */
    #page_display{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 27px;
    }
        /* page点样式 */
        .page_display{
            width: 189px;
            height: 100%;
            margin: 0 auto;
        }
        .page{
            float: left;
            width: 10px;
            height: 10px;
            margin: 8.5px 8.5px;
            background-color: rgba(255, 255, 255,1);
            border-radius: 50%;
        }
        /* page点大小 */
        .page:nth-child(1), .page:nth-child(7){
            width: 4px;
            height: 4px;
            margin: 11.5px 11.5px;
            background-color: rgba(255, 255, 255,0.4);
        }
        .page:nth-child(2), .page:nth-child(6){
            width: 6px;
            height: 6px;
            margin: 10.5px 10.5px;
            background-color: rgba(255, 255, 255,0.6);
        }
        .page:nth-child(3), .page:nth-child(5){
            width: 8px;
            height: 8px;
            margin: 9.5px 9.5px;
            background-color: rgba(255, 255, 255,0.8);
        }
        .page:hover{
            background-color: rgb(0, 125, 255);
        }