/*移动弹窗*/
.mobilecon {
    height: 612px;
    width: 1000px;
    display: none;
    position: relative;
}

.conleft {
    width: 220px;
    height: 100%;
    margin-top: 10px;
    padding-left: 10px;
    float: left;
}

.conright {
    width: 770px;
    height: 100%;
    float: left;
}

.applyfloat {
    position: absolute;
    right: -37px;
    top: 220px;
    width: 37px;
    height: 105px;
    cursor: pointer;
    display: none;
    z-index: 1000;
    padding-top: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #0c71c0;
    font-family: 微软雅黑;
    font-size: 14px;
    box-sizing: border-box;
}

    .applyfloat span {
        display: inline-block;
        width: 27px;
        text-align: center;
        line-height: 16px;
        padding-top: 12px;
    }

.contitle {
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 22px;
    padding-left: 15px;
}

    .contitle li {
        list-style: none;
        text-align: left;
        padding-left: 35px;
    }

.conbody {
    margin-top: 20px;
}

.leftitem {
    font-size: 15px;
    color: #666;
    margin: 5px 0;
    cursor: pointer;
    text-align: left;
    padding: 5px 0 5px 10px;
    border-radius: 3px;
}

    p.leftitem:hover, .leftitem.curitem {
        color: #fff;
        font-weight: bold;
    }

.AQITEM {
    width: 770px;
    display: none;
}

.conwrapper {
    width: 710px;
    margin: 20px auto 0 auto;
    position: relative;
}

    .conwrapper img {
        width: 710px;
        height: 520px;
        margin-top: 20px;
    }

        .conwrapper img[src=""], .conwrapper img:not([src]) {
            opacity: 0;
        }

.menu {
    display: block;
    position: absolute;
    top: 43px;
    left: 30px;
    width: 32px;
    height: 32px;
    background-image: url(../../img/menu_32.png);
}

.closeicon {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    z-index: 10;
    background-image: url(../../img/jaf-close.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

    .closeicon:hover {
        background-image: url(../../img/jaf-close-hover.png);
    }

.contitleitem {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    border-bottom: 2px solid #f2f2f5;
    text-align: left;
}

.layui-layer-page .layui-layer-content {
    overflow: visible!important;
}


.mobile .contitle {
    background-color: #329ceb;
}
.mobile .contitleitem {
    color: #329ceb;
}
.mobile p.leftitem:hover, .mobile .leftitem.curitem {
    background-color: #93cbf4;
}


.process .contitle {
    background-color: #ff6600;
}
.process .contitleitem {
    color: #ff6600;
}
.process p.leftitem:hover, .process .leftitem.curitem {
    background-color:#ffab73;
}

.share .contitle {
    background-color: #00c232;
}
.share .contitleitem {
    color: #00c232;
}
.share p.leftitem:hover, .share .leftitem.curitem {
    background-color: #72d08a;
}

.crm .contitle {
    background-color: #7a30a0;
}
.crm .contitleitem {
    color: #7a30a0;
}
.crm p.leftitem:hover, .crm .leftitem.curitem {
    background-color: #a675bf;
}

.back .contitle {
    background-color: #99cc33;
}
.back .contitleitem {
    color: #99cc33;
}
.back p.leftitem:hover, .back .leftitem.curitem {
    background-color: #c1da90;
}