.clearFix:after {
            content: "";
            display: block;
            clear: both;
        }
        .personalMask {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            z-index: 3000;
            display: none;
        }
        .personal {
            width: 600px;
		    margin: 0 auto;
		    font-size: 14px;
		    position: absolute;
		    top: 119px;
		    left: 500px;
		    background: #fff;
            display: none;
            z-index: 3001;
        }

        .perBox {
            border: 1px solid #eeeeee;
            /* height: 400px; */
            box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 50px
        }

        .ptop {
            height: 35px;
            background: #00a1cb;
            color: #fff;
            line-height: 35px;
            padding: 0 15px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .ptop .ptl {
                float: left;
                margin: 0;
            }

            .ptop .ptr {
                float: right;
                font-size: 18px;
                cursor: pointer;
                margin: 0;
            }

        .perTab {
            width: 100%;
            border-bottom: 1px solid #b3b3b3;
            list-style: none;
            padding: 0 12px;
            margin-top: 15px;
        }

            .perTab li {
                float: left;
                padding: 7px;
                cursor: pointer;
            }

        .sel {
            border-top: 1px solid #b3b3b3;
            border-left: 1px solid #b3b3b3;
            border-right: 1px solid #b3b3b3;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .grt {
            width: 90%;
            margin: 0 auto;
            border-bottom: 1px solid #999999;
                margin-top: 10px;
        }

        .grtl {
            float: left;
        }

        .grtr {
            float: right;
        }
        .grtr i{
        	display: inline-block;
        	vertical-align: middle;
        	width: 18px;
            height: 18px;
        	cursor: pointer;
        }
        .grqx{
            background: url(../img/grcx.png) no-repeat;
            margin-right: 5px;
        }
        .grbj{
        	      background: url(../img/bjic.png) no-repeat;
        }

        .grzl {
            font-size: 14px;
            border: 0;
            width: 80%;
            margin: 35px auto;
        }

            .grzl tr {
                border: 0;
            }

            .grzl th {
                padding: 5px 8px 5px 0;
                text-align: right;
                width: 45%;
                font-weight: normal;
                border: 0;
            }

            .grzl tbody > tr > td,
            .grzl tbody > tr > th {
                border: 0;
            }

                .grzl tbody > tr > td input {
                    border: 0;
                    outline: none;
                    padding-left: 5px;
                    width: 50%;
                }

        .crop_left {
            width: 40%;
            float: left;
        }

        .image-crop {
            width: 100%;
        }

        .crop_left img {
            width: 100%;
        }

        .crop_right {
            width: 30%;
            float: right;
            margin-right: 25px;
        }

        .img-preview-sm {
            width: 100%;
        }

            .img-preview-sm img {
                width: 100%;
                height: 100%;
            }

        .perTab_con > div {
            display: none;
        }

        .btnn {
            background: #00a1cb;
            color: #fff;
            padding: 3px 10px;
            border: 0;
            border-radius: 3px;
            cursor: pointer;
        }

        .wrong {
            color: red;
            display: none;
        }