* { margin: 0; padding: 0; }

body { font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; width: 100%; height: 100%; min-width: 1226px; /*PC网页最小的宽度*/ color: #333; background: #f5f6f7; -webkit-text-size-adjust: 100%; /*解决Iphone下橱窗字体变大问题*/ }

.load { width: 100%; height: 100%; position: fixed; top: 0; z-index: 10000; }

        .loader {
            width: 30rem;
            height: 24rem;
            text-align: center;
            position: absolute;
            top: calc(50% - 15rem);
            left: calc(50% - 15rem);
            padding-top: 3rem;
            font-size: 3rem;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 5px;
        }

        .loading {
            width: 10rem;
            height: 10rem;
            margin: 0 auto;
            border-radius: 50%;
            border: 10px solid #BEBEBE;
            border-left:10px solid #D93126;
            animation: load 1s linear infinite;
        }

        @keyframes load {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .load-msg {
            height:10rem;
            line-height: 10rem;
            color: #fff;
        }

.logo { text-align: center; margin-top: 50rem; font-size: 3rem; color: #333; line-height: 11rem; }

        .logo img {
            width: 20rem;
        }

        .pc_box{
           margin: 0 auto;
           font-size: 16px;
           color: #333;
           text-align:center;
        }

.pc_box .pc_title
{
    font-size: 24px;
    color: #212121;
    line-height: 46px;
    margin-top: 200px;
}

.pc_box .pc_text { 
    line-height: 34px;
}

.pc_box .pc_text img{
    margin-top: 30px;
    width: 300px;
}

.handbook{
    background-color: #fff;
}

.handbook img
{
    display: block;
    margin: 0 auto;
}