.Left1 {
    position: absolute;
    top: 40px;
    left: 0px;
    bottom: 0px;
    padding-bottom: 100px;
    z-index: 10;
    background: #fff;
}

.Left1-body {
    width: 110px;
    height: 99%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0px 0px
}

.Left1-body::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgba(0, 0, 0, 0)
}

.Left1-body::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.Left1-body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0)
}

.Left1-nav1 {
    width: 110px
}

.Left1-nav1 li {
    height: 34px;
    cursor: pointer;
    position: relative;
    margin-bottom: 2px;
    text-align: center;
}

.Left1-nav1 li p {
    letter-spacing: 2px;
    line-height: 34px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block
}

.Left1-nav1 li b {
    position: absolute;
    right: 6px;
    top: 0px;
    font-size: 13px;
    color: #837474;
    line-height: 34px;
}

.Left1-nav1 li img {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0px 0px
}

.Left1-nav1 li i {
    margin-right: 5px
}

.Left1-nav1 li:hover {
    background-color: #f1f2f4;
}

.Left1-nav2 {
    font-size: 12px;
    padding: 2px 0px;
    color: #777;
    width: 110px;
    display: none
}

.Left1-nav2 li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.Left1-nav2 li p {
    letter-spacing: 1px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.Left1-nav2 li i {
    margin-right: 3px
}

.Left1-nav2 li:hover {
    color: #16d17f;
    z-index: 3
}

.Left1-nav-add {
    color: #16d17f;
    z-index: 3
}

.Left1-nav3 {
    color: #999;
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center
}

.Left1-nav3 i {
    margin-right: 3px
}

.Left1-nav4 {
    width: 120px;
    color: #e6e6e6;
    font-size: 13px;
    letter-spacing: 1px
}

.Left1-nav4 li {
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    padding-left: 16px;
    color: #e0e0e0
}

.Left1-nav4 li:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.Left1-nav4 li p {
    letter-spacing: 2px;
    color: #666;
    line-height: 34px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px
}

.Left1-nav4 li a {
    color: inherit;
    display: inline-block;
    width: 100%
}

.Left1-nav4 .add {
    color: #df7221
}

.Left1-qq {
    height: 35px;
    text-align: center;
    width: 110px;
    cursor: pointer;
    color: #bbb;
    height: 35px;
    line-height: 35px;
    font-size: 13px
}

.Left1-qq:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ff9600
}

.Left1-qq a {
    color: inherit;
    display: inline-block;
    width: 100%
}

.Left1-qq i {
    margin-right: 5px
}


.Left1-tg {
    height: 35px;
    text-align: center;
    width: 110px;
    cursor: pointer;
    color: #bbb;
    height: 35px;
    line-height: 35px;
    font-size: 13px
}

.Left1-tg:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ff9600
}

.Left1-tg a {
    color: inherit;
    display: inline-block;
    width: 100%
}

.Left1-tg i {
    margin-right: 5px
}

.Left1-help {
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #bbb;
    width: 120px;
    cursor: pointer;
    font-size: 13px;
    position: relative
}

.Left1-help p:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ff9600
}

.Left1-help a {
    color: inherit;
    display: inline-block;
    width: 100%
}

.Left1-help i {
    margin-right: 5px
}

.Left1-help ul {
    position: absolute;
    left: 120px;
    bottom: 0px;
    width: 120px;
    padding: 10px 0px;
    display: none
}

.Left1-help:hover ul {
    display: block
}

.Left1-help ul li {
    height: 30px;
    line-height: 30px
}

.Left1-help ul li:hover {
    color: #ff9600
}

.Left1-help ul li span {
    margin: 0px 7px
}

.Left1-tips {
    position: fixed;
    left: 130px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 11;
    width: 160px;
    display: none
}

.Left1-tips span {
    position: absolute;
    left: -16px;
    top: 10px;
    width: 0;
    opacity: .8;
    border-style: solid;
    border-width: 8px;
    border-color: transparent #000 transparent transparent
}

.Left1-tips p {
    font-size: 12px;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #fff;
    padding: 8px
}

.Left1-ico {
    background-image: url(../image/tools_back.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.Left1-ico01 {
    background-position: -124px -196px
}

.Left1-ico02 {
    background-position: -157px -195px
}

.Left1-ico04 {
    background-position: -229px -195px
}

.Left1-ico05 {
    background-position: -268px -197px
}

.Left1-ico06 {
    background-position: -307px -197px
}

.Left1-ico07 {
    background-position: -345px -197px
}

.Left1-ico08 {
    background-position: -375px -197px
}

.Left1-ico09 {
    background-position: -406px -197px
}

.Left1-ico10 {
    background-position: -437px -197px
}

.Left2 {
    position: absolute;
    top: 40px;
    left: 110px;
    width: 380px;
    bottom: 0;
    z-index: 99;
    background-color: #f4f1f4;
    border:1px solid #eee;
    border-top: none;
}

.Left2-body {
    width: 100%;
    height: 100%;
    position: relative
}

.Left2-color {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 380px;
    background: rgb(255, 255, 255);
    text-align: center;
    top: 56px;
    z-index: 9;
    padding-left: 0;
}

.Left2-color li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-right: 4px;
    border-radius: 3px;
    line-height: 18px
}

.Left2-color li img {
    border-radius: 3px;
    width: 100%;
    height: 100%
}

.Left2-color-add {
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-shadow: 0px 0px 1px #333;
    background-image: -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
    background-position: 0 0, 6px 6px;
    background-size: 12px 12px;
    background-position: 0 0, 6px 6px;
    background-size: 12px 12px;
    cursor: pointer;
}

.Left2-color-old:hover {
    opacity: 0.8
}

.Left2-color-list:hover {
    box-shadow: 0 0 3px #888
}

.Left2-color-add:hover {
    opacity: 0.8
}

.Left2-a-top {
    background-color: #fff;
    width: 100%;
    padding: 3px 0px 6px;
    border-radius: 0 0 0 0
}

.Left2-a-nav {
    font-size: 0px;
    padding: 0px 10px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
}

.Left2-a-nav .add {
    color: #16d17f
}

.Left2-a-nav .add i {
    color: #16d17f
}

.Left2-a-nav-one {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 0px 0px 4px;
    position: relative
}

.Left2-a-nav-one > p {
    height: 26px;
    line-height: 26px;
    text-align: left;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 2px;
}

.Left2-a-nav-one > p:hover {
    color: #16d17f
}

.Left2-a-nav-one b {
    width: 4px;
    height: 4px;
    background-color: #F85252;
    border-radius: 50%;
    opacity: 0.6
}

.Left2-a-nav-one > p b {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2px
}

.Left2-a-nav-two1, .Left2-a-nav-two2, .Left2-a-nav-two3, .Left2-a-nav-two4, .Left2-a-nav-two5, .Left2-a-nav-two6 {
    position: absolute;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    background-color: #fff;
    top: 26px;
    border-radius: 3px;
    display: none;
    z-index: 9999;
}

.Left2-a-nav-one:hover .Left2-a-nav-two1 {
    display: block
}

.Left2-a-nav-one:hover .Left2-a-nav-two2 {
    display: block
}

.Left2-a-nav-one:hover .Left2-a-nav-two3 {
    display: block
}

.Left2-a-nav-one:hover .Left2-a-nav-two4 {
    display: block
}

.Left2-a-nav-one:hover .Left2-a-nav-two5 {
    display: block
}

.Left2-a-nav-one:hover .Left2-a-nav-two6 {
    display: block
}

.Left2-a-nav-two1 {
    width: 76px;
    left: -20px;
    padding: 10px 0px
}

.Left2-a-nav-two2 {
    width: 162px;
    left: -62px;
    padding: 10px 5px;
    font-size: 0px;
    z-index: 11;
}

.Left2-a-nav-two3 {
    width: 76px;
    left: -12px;
    padding: 10px 0px
}

.Left2-a-nav-two4 {
    width: 76px;
    left: -6px;
    padding: 10px 0px
}

.Left2-a-nav-two5 {
    width: 314px;
    left: -74px;
    padding: 10px 5px;
    font-size: 0px
}

.Left2-a-nav-two6 {
    width: 238px;
    left: -95px;
    padding: 10px 5px;
    font-size: 0px
}

.Left2-a-nav-two-li {
    position: relative;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    color: #666
}

.Left2-a-nav-two-li:hover {
    background-color: #f0f0f0
}

.Left2-a-nav-two-li b {
    position: absolute;
    right: 5px;
    top: 2px
}

.Left2-a-nav-two-li i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 16px;
    position: relative;
    top: -1px;
    color: #888
}

.Left2-a-nav-two2 .Left2-a-nav-two-li {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.Left2-a-nav-two5 .Left2-a-nav-two-li {
    display: inline-block;
    vertical-align: middle;
    width: 25%
}

.Left2-a-nav-two6 .Left2-a-nav-two-li {
    display: inline-block;
    vertical-align: middle;
    width: 33.333%
}

.Left2-a-nav-three {
    position: absolute;
    top: -5px;
    left: 50px;
    padding-left: 6px;
    display: none;
    z-index: 5
}

.Left2-a-nav-two-li:hover .Left2-a-nav-three {
    display: block
}

.Left2-a-nav-three-ul {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    padding: 5px 0px
}

.Left2-a-nav-three-li {
    width: 76px;
    text-align: center
}

.Left2-a-nav-three-li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    position: relative;
    text-align: center
}

.Left2-a-nav-three-li:hover {
    background-color: #f0f0f0
}

.Left2-a-seach {
    height: 28px;
    margin-top: 10px;
    padding: 0px 12px;
    color: #777;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Left2-a-seach .d1 {
    height: 28px;
    border: 1px solid #ebebeb;
    width: 180px;
    padding: 0px 5px 0px 26px;
    border-radius: 4px;
    position: relative;
    margin-right: 15px;
    background: #f5f7f9;
}

.Left2-a-seach .d1 input {
    width: 100%;
    height: 26px;
    color: #333;
    background: #f5f7f9;
}

.Left2-a-seach .d1 i {
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    line-height: 26px;
    color: #ccc;
    cursor: pointer
}

.Left2-a-seach .d1 i:hover {
    color: #777
}



.Left2-a-seach-sel {
    display: none;
}

.Left2-a-seach .d2 .jr:hover .Left2-a-seach-jr {
    display: block
}
.Left2-a-seach .d2 .hy:hover .Left2-a-seach-hy {
    display: block
}
.Left2-a-seach .d2 .px:hover .Left2-a-seach-px {
    display: block
}
.Left2-a-seach-jr {
    position: absolute;
    z-index: 9999;
    width: 245px;
    left: -95px;
    top: 20px;
    text-align: center;
    padding: 6px;
    display: none;
}

.Left2-a-seach-hy{
    position: absolute;
    width: 300px;
    left: -170px;
    top: 20px;
    text-align: center;
    padding: 6px;
    display: none;
    z-index: 9999;
}

.Left2-a-seach-px{
    position: absolute;
    z-index: 9999;
    width: 70px;
    left: -10px;
    top: 20px;
    text-align: center;
    padding: 6px;
}
.Left2-a-seach-sel ul {
    background-color: #fff;
    box-shadow: 0px 0px 5px #ddd;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 5px;
}

.Left2-a-seach-sel li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    width: 55px;
}
.Left2-a-seach-sel .add {
    color: #16d17f;
}
.Left2-a-seach-sel li:hover {
    color: #16d17f;
}

.Left2-a-seach-sel li img {
    width: 16px;
    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.Left2-a-seach .p2, .Left2-a-seach .p3, .Left2-a-seach .p4, .Left2-a-seach .p5 {
    float: left;
    cursor: pointer;
    height: 22px;
    padding: 0px 5px;
    margin: 3px 1px 0px 0px;
    line-height: 22px;
    letter-spacing: 1px
}

.Left2-a-seach .p2:hover, .Left2-a-seach .p3:hover, .Left2-a-seach .p4:hover, .Left2-a-seach .p5:hover {
    background-color: #eee;
    border-radius: 3px
}

.Left2-a-seach .p2 {
    color: #73A7FF
}

.Left2-a-seach .p3 {
    color: #F6575C
}

.Left2-a-seach .p6 {
    float: right;
    position: relative;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    margin: 3px 0px 0px 0px;
    text-align: center
}

.Left2-a-seach .p6 span {
    width: 14px;
    height: 14px;
    background-color: #ddd;
    font-size: 12px;
    line-height: 14px;
    color: #ddd;
    border-radius: 2px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.Left2-a-seach .p6:hover {
    color: #ff9600
}

.Left2-a-seach .add1 {
    background-color: #eee;
    border-radius: 3px
}

.Left2-a-seach .add2 span {
    background-color: #ff9600;
    color: #fff
}

.Left2-a-seach .d2 {
    display: flex;
    align-items: center;
}
.Left2-a-seach .d2 .sd{
    width: 50px;
    position: relative;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
}

.Left2-a-more {
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    padding-bottom: 41px
}

.Left2-a-more-main {
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f4f1f4
}

.Left2-a-more-main::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f1f1f1
}

.Left2-a-more-main::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.Left2-a-more-main::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.Left2-a-more-ul {
    width: 33.33%;
    padding: 5px;
    display: inline-block;
    visibility: middle;
    font-size: 16px;
    vertical-align: top
}

.Left2-a-more-li {
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s
}

.Left2-a-more-li:hover {
    box-shadow: 0px 0px 10px #ccc inset
}

.Left2-a-list-pop {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: none
}

.Left2-a-more-li:hover .Left2-a-coll, .Left2-a-more-li:hover .Left2-a-nocoll {
    display: block
}

#Left2-a-more-page {
    text-align: center;
    border-top: 1px solid #eee;
    height: 40px
}

.Left2-a-main {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px
}

.Left2-a-main::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f1f1f1
}

.Left2-a-main::-webkit-scrollbar-track {
    background-color: #e5e5e5
}

.Left2-a-main::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.Left2-a-list {
    background: #fff;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    border-radius: 2px;
    font-size: 14px;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s
}

.Left2-a-list-cont {
    padding: 20px 15px
}

.Left2-a-list:hover {
    box-shadow: 0px 0px 10px #ccc inset
}

.Left2-a-list-vip {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 14px;
    color: orange;
    height: 15px;
    line-height: 15px;
    text-align: center
}

.Left2-a-list-vip i {
    color: #FBD523;
    padding-left: 20%;
    font-size: 25px
}

.Left2-a-coll, .Left2-a-nocoll {
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: none;
}

.Left2-a-coll i{
    position: absolute;
    bottom: 5px;
    right: 10px;
    color:#f70707;
}

.Left2-a-nocoll i {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color:#ddd;
}

.Left2-a-nocoll {
    color: #fff
}

.Left2-a-coll {
    color: #f70707
}

.Left2-a-yl {
    position: absolute;
    border-width: 17px 26px;
    border-style: solid;
    border-color: transparent transparent #ccc #ccc;
    left: 1px;
    bottom: 1px;
    display: none
}

.Left2-a-yl b {
    position: absolute;
    bottom: -15px;
    left: -24px;
    font-size: 12px;
    color: #fff;
    height: 15px;
    width: 50px;
}

.Left2-a-list:hover .Left2-a-coll {
    display: block
}

.Left2-a-list:hover .Left2-a-nocoll {
    display: block
}

.Left2-a-list:hover .Left2-a-yl {
    display: block
}

.Left2-a-main .buju001 {
    height: 50px;
    box-sizing: border-box;
    outline: 2px solid rgba(255, 150, 0, 0.4);
    outline-offset: -3px
}


/**svg素材**/
.Left2-svg-top {
    background-color: #fff;
    width: 100%;
    padding: 3px 0px 6px;
    border-radius: 4px 0 0 0
}

.Left2-svg-nav {
    font-size: 0px;
    padding: 0px 15px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Left2-svg-nav .add {
    color: #16d17f
}

.Left2-svg-nav .add i {
    color: #16d17f
}

.Left2-svg-nav-one {

    font-size: 15px;
    padding: 0px 0px 4px;
    position: relative
}

.Left2-svg-nav-one > p {
    height: 26px;
    line-height: 26px;
    text-align: left;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 2px;
}

.Left2-svg-nav-one > p:hover {
    color: #16d17f
}

.Left2-svg-nav-one b {
    width: 4px;
    height: 4px;
    background-color: #F85252;
    border-radius: 50%;
    opacity: 0.6
}

.Left2-svg-nav-one > p b {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2px
}

.Left2-svg-nav-two{
    position: absolute;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    background-color: #fff;
    top: 26px;
    left: -18px;
    border-radius: 3px;
    display: none;
    min-width: 68px;
    max-width: 400px;
    justify-content: flex-start;
    padding: 5px 0;
    z-index: 11;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two2 {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two3 {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two4 {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two5 {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-one:hover .Left2-svg-nav-two6 {
    display: flex;
    flex-wrap: wrap;
}

.Left2-svg-nav-two1 {
    width: 76px;
    left: 0px;
    padding: 10px 0px
}

.Left2-svg-nav-two2 {
    width: 162px;
    left: -62px;
    padding: 10px 5px;
    font-size: 0px;
    z-index: 11;
}

.Left2-svg-nav-two3 {
    width: 76px;
    left: -12px;
    padding: 10px 0px
}

.Left2-svg-nav-two4 {
    width: 76px;
    left: -6px;
    padding: 10px 0px
}

.Left2-svg-nav-two5 {
    width: 314px;
    left: -74px;
    padding: 10px 5px;
    font-size: 0px
}

.Left2-svg-nav-two6 {
    width: 238px;
    left: -95px;
    padding: 10px 5px;
    font-size: 0px
}

.Left2-svg-nav-two-li {
    position: relative;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    letter-spacing: 1px;
    color: #666;
    text-align: center;
}

.Left2-svg-nav-two-li:hover {
background-color: #f0f0f0
}

.Left2-svg-nav-two-li b {
position: absolute;
right: 5px;
top: 2px
}

.Left2-svg-nav-two-li i {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 16px;
position: relative;
top: -1px;
color: #888
}

.Left2-svg-nav-two2 .Left2-svg-nav-two-li {
display: inline-block;
vertical-align: middle;
width: 50%
}

.Left2-svg-nav-two5 .Left2-svg-nav-two-li {
display: inline-block;
vertical-align: middle;
width: 25%
}

.Left2-svg-nav-two6 .Left2-svg-nav-two-li {
display: inline-block;
vertical-align: middle;
width: 33.333%
}

.Left2-svg-nav-three {
position: absolute;
top: -5px;
left: 50px;
padding-left: 6px;
display: none;
z-index: 5
}

.Left2-svg-nav-two-li:hover .Left2-svg-nav-three {
display: block
}

.Left2-svg-nav-three-ul {
background-color: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
padding: 5px 0px
}

.Left2-svg-nav-three-li {
width: 76px;
text-align: center
}

.Left2-svg-nav-three-li {
height: 26px;
line-height: 26px;
cursor: pointer;
position: relative;
text-align: center
}

.Left2-svg-nav-three-li:hover {
background-color: #f0f0f0
}

.Left2-svg-seach {
height: 28px;
margin-top: 10px;
padding: 0px 12px;
color: #777;
font-size: 12px;
position: relative
}

.Left2-svg-seach .d1 {
float: left;
height: 28px;
border: 1px solid #ebebeb;
width: 230px;
padding: 0px 5px 0px 26px;
border-radius: 4px;
position: relative;
margin-right: 15px;
    background: #f5f7f9;
}

.Left2-svg-seach .d1 input {
width: 100%;
height: 26px;
color: #333;
background: #f5f7f9;
}

.Left2-svg-seach .d1 i {
position: absolute;
width: 24px;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
line-height: 26px;
color: #ccc;
cursor: pointer
}

.Left2-svg-seach .d1 i:hover {
color: #777
}

.Left2-svg-seach-sel {
position: absolute;
z-index: 10;
width: 60px;
right: 3px;
top: 20px;
padding-top: 5px;
display: none;
text-align: center
}

.Left2-svg-seach .d2:hover .Left2-svg-seach-sel {
display: block
}

.Left2-svg-seach-sel ul {
background-color: #fff;
box-shadow: 0px 0px 5px #ddd;
padding: 5px 0px
}

.Left2-svg-seach-sel li {
height: 26px;
line-height: 26px;
cursor: pointer;
padding-left: 5px
}

.Left2-svg-seach-sel li:hover {
background-color: #f5f5f5
}

.Left2-svg-seach-sel li img {
width: 16px;
margin-left: 5px;
vertical-align: middle;
position: relative;
top: -1px
}

.Left2-svg-seach .p2, .Left2-svg-seach .p3, .Left2-svg-seach .p4, .Left2-svg-seach .p5 {
float: left;
cursor: pointer;
height: 22px;
padding: 0px 5px;
margin: 3px 1px 0px 0px;
line-height: 22px;
letter-spacing: 1px
}

.Left2-svg-seach .p2:hover, .Left2-svg-seach .p3:hover, .Left2-svg-seach .p4:hover, .Left2-svg-seach .p5:hover {
background-color: #eee;
border-radius: 3px
}

.Left2-svg-seach .p2 {
color: #73A7FF
}

.Left2-svg-seach .p3 {
color: #F6575C
}

.Left2-svg-seach .p6 {
float: right;
position: relative;
cursor: pointer;
height: 22px;
line-height: 22px;
margin: 3px 0px 0px 0px;
text-align: center
}

.Left2-svg-seach .p6 span {
width: 14px;
height: 14px;
background-color: #ddd;
font-size: 12px;
line-height: 14px;
color: #ddd;
border-radius: 2px;
display: inline-block;
margin-right: 4px;
position: relative;
top: -1px
}

.Left2-svg-seach .p6:hover {
color: #ff9600
}

.Left2-svg-seach .add1 {
background-color: #eee;
border-radius: 3px
}

.Left2-svg-seach .add2 span {
background-color: #ff9600;
color: #fff
}

.Left2-svg-seach .d2 {
float: right
}

.Left2-svg-more {
width: 100%;
height: 100%;
border-radius: 0px 0px 10px 10px;
position: relative;
padding-bottom: 41px
}

.Left2-svg-more-main {
width: 100%;
height: 100%;
padding: 5px;
font-size: 0px;
overflow-x: hidden;
overflow-y: auto;
background-color: #f4f1f4
}

.Left2-svg-more-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-svg-more-main::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0)
}

.Left2-svg-more-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-svg-more-ul {
width: 33.33%;
padding: 5px;
display: inline-block;
visibility: middle;
font-size: 16px;
vertical-align: top
}

.Left2-svg-more-li {
background-color: #fff;
margin-bottom: 10px;
border-radius: 5px;
cursor: pointer;
position: relative;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-svg-more-li:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-svg-list-pop {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px;
display: none
}

.Left2-svg-more-li:hover .Left2-svg-coll, .Left2-svg-more-li:hover .Left2-svg-nocoll {
display: block
}

#Left2-svg-more-page {
text-align: center;
border-top: 1px solid #eee;
height: 40px
}

.Left2-svg-main {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px
}

.Left2-svg-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-svg-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-svg-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-svg-list {
background: #fff;
margin-bottom: 5px;
position: relative;
cursor: pointer;
border-radius: 2px;
font-size: 14px;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-svg-list-cont {
padding: 20px 15px
}

.Left2-svg-list:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-svg-list-vip {
position: absolute;
left: 0px;
top: 5px;
font-size: 14px;
color: orange;
height: 15px;
line-height: 15px;
text-align: center
}

.Left2-svg-list-vip i {
color: #FBD523;
padding-left: 20%;
font-size: 25px
}
.Left2-svg-list:hover .Left2-svg-list-preview {
    display: block
}

.Left2-svg-list-preview {
    position: absolute;
    right: 40px;
    bottom: 5px;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 5px;
    display: none;
}
.Left2-svg-list-preview i{
    color: #ddd;
    font-size: 14px;
}
.Left2-svg-coll, .Left2-svg-nocoll {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #fff;
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 5px;
}

.Left2-svg-coll i{
    color:#f70707;
}

.Left2-svg-nocoll i {
    color:#ddd;
}

.Left2-svg-nocoll {
color: #fff
}

.Left2-svg-coll {
color: #f70707
}

.Left2-svg-yl {
position: absolute;
border-width: 17px 26px;
border-style: solid;
border-color: transparent transparent #ccc #ccc;
left: 1px;
bottom: 1px;
display: none
}

.Left2-svg-yl b {
position: absolute;
bottom: -15px;
left: -24px;
font-size: 12px;
color: #fff;
height: 15px;
width: 50px;
}

.Left2-svg-list:hover .Left2-svg-coll {
display: block
}

.Left2-svg-list:hover .Left2-svg-nocoll {
display: block
}

.Left2-svg-list:hover .Left2-svg-yl {
display: block
}

.Left2-svg-main .buju001 {
height: 50px;
box-sizing: border-box;
outline: 2px solid rgba(255, 150, 0, 0.4);
outline-offset: -3px
}


.Left2-b-main .buju001 {
height: 50px;
box-sizing: border-box;
outline: 2px solid rgba(255, 150, 0, 0.4);
outline-offset: -3px
}

.Left2-c-main .buju001 {
height: 50px;
box-sizing: border-box;
outline: 2px solid rgba(255, 150, 0, 0.4);
outline-offset: -3px
}

.Left2-e-ys .buju001 {
height: 50px;
box-sizing: border-box;
outline: 2px solid rgba(255, 150, 0, 0.4);
outline-offset: -3px
}

.Left2-emoji {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px 5px 0px;
display: none
}

.Left2-emoji::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-emoji::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-emoji::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-emoji p {
letter-spacing: 1px;
color: #333;
line-height: 26px;
height: 26px;
font-size: 14px;
text-align: center;
background-color: #e9e9e9;
margin-bottom: 6px
}

.Left2-emoji p a {
color: #666;
margin-left: 5px
}

.Left2-emoji ul {
font-size: 0px
}

.Left2-emoji li {
width: 50%;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding-bottom: 6px;
color: #666;
line-height: 20px
}

.Left2-emoji li:nth-child(2n) {
padding-left: 3px
}

.Left2-emoji li:nth-child(2n-1) {
padding-right: 3px
}

.Left2-emoji div {
height: 30px;
border-radius: 2px;
padding: 4px;
background-color: #fff;
position: relative
}

.Left2-emoji .sp1 {
background-image: url(../image/emoji0109.png);
height: 20px;
width: 20px;
float: left;
margin-top: 1px
}

.Left2-emoji .sp2 {
float: left;
width: 80px;
margin: 1px 0px 0px 6px
}

.Left2-emoji .sp3 {
float: right;
cursor: pointer;
background-color: #f5f5f5;
width: 46px;
height: 100%;
border-radius: 3px;
border: 1px solid #ddd;
text-align: center;
letter-spacing: 1px
}

.Left2-emoji .sp3:hover {
background-color: #e6e6e6;
color: #333
}

.Left2-emoji input {
position: absolute;
top: 100%;
left: 0;
opacity: 0
}

.Left2-b-top {
background-color: #fff;
width: 100%;
padding: 6px 0px 6px;
border-radius: 4px 0 0 0
}

.Left2-b-nav {
font-size: 0px;
padding: 0px 10px;
color: #333;
line-height: 30px
}

.Left2-b-nav li {
display: inline-block;
vertical-align: middle;
width: 20%;
font-size: 14px;
cursor: pointer;
height: 30px;
letter-spacing: 1px;
position: relative
}

.Left2-b-nav li:hover {
color: #00a9ef
}

.Left2-b-nav i {
margin-left: 3px;
font-size: 16px
}

.Left2-b-nav b {
width: 4px;
height: 4px;
background-color: #F85252;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 1px;
right: 8px
}

.Left2-b-nav-li2 {
color: #aaa
}

.Left2-b-nav .add {
color: #16d17f
}

.Left2-b-seach {
height: 28px;
margin-top: 6px;
padding: 0px 10px;
color: #777;
font-size: 12px
}

.Left2-b-seach .d1 {
float: left;
height: 28px;
border: 1px solid #ebebeb;
width: 150px;
padding: 0px 5px 0px 26px;
border-radius: 4px;
position: relative;
margin-right: 15px
}

.Left2-b-seach .d1 input {
width: 100%;
height: 26px;
color: #333
}

.Left2-b-seach .d1 i {
position: absolute;
width: 24px;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
line-height: 26px;
color: #ccc;
cursor: pointer
}

.Left2-b-seach .d1 i:hover {
color: #777
}

.Left2-b-seach-sel {
position: absolute;
z-index: 10;
width: 120px;
left: 0px;
top: 26px;
padding-top: 5px;
display: none
}

.Left2-b-seach .d1:hover .Left2-b-seach-sel {
display: block
}

.Left2-b-seach-sel ul {
background-color: #fff;
box-shadow: 0px 0px 5px #ddd;
padding: 5px 0px
}

.Left2-b-seach-sel li {
height: 26px;
line-height: 26px;
cursor: pointer;
padding-left: 5px
}

.Left2-b-seach-sel li:hover {
background-color: #f5f5f5
}

.Left2-b-seach-sel li img {
width: 16px;
margin-left: 5px;
vertical-align: middle;
position: relative;
top: -1px
}

.Left2-b-seach .p2, .Left2-b-seach .p3, .Left2-b-seach .p4, .Left2-b-seach .p5 {
float: left;
cursor: pointer;
height: 22px;
padding: 0px 6px;
margin: 3px 2px 0px 0px;
line-height: 22px;
letter-spacing: 1px
}

.Left2-b-seach .p2:hover, .Left2-b-seach .p3:hover, .Left2-b-seach .p4:hover, .Left2-b-seach .p5:hover {
background-color: #eee;
border-radius: 3px
}

.Left2-b-seach .p2 {
color: #73A7FF
}

.Left2-b-seach .p3 {
color: #F6575C
}

.Left2-b-seach .add {
background-color: #eee;
border-radius: 3px
}

.Left2-b-seach .p5 {
float: right
}

.Left2-b-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px;
font-size: 0px
}

.Left2-b-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-b-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-b-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-b-list {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 4px;
font-size: 13px;
text-align: center
}

.Left2-b-list-cont {
width: 100%;
position: relative;
cursor: pointer;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2)
}

.Left2-b-list .p1 img {
width: 100%;
height: 236px;
border-radius: 2px 2px 0px 0px
}

.Left2-b-list .p2 {
height: 28px;
line-height: 28px;
color: #333;
letter-spacing: 1px;
background-color: #fff;
border-radius: 0px 0px 2px 2px;
display: flex;
justify-content: space-around;
}

.Left2-b-list .p2 .l{
width:100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #222;
}

.Left2-b-list .p2 .r{
color: #ff0000;
font-size: 14px;
text-align: right;
width: 60px;
}

.Left2-b-list .p3 {
width: 18px;
height: 22px;
position: absolute;
right: 5px;
top: 5px;
background-size: 100%
}

.Left2-b-list .p3 i {
color: #FBD523;
font-weight: bold;
font-size: 25px;
line-height: 16px
}

.Left2-b-list .p4 {
position: absolute;
top: 0px;
right: 0px;
color: #fff;
padding: 3px 8px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0px 2px 0px 4px;
display: none
}

.Left2-b-list-ul {
background-color: #fff;
width: 140px;
height: 140px;
position: absolute;
top: 47px;
left: 18px;
overflow: hidden;
box-shadow: 0px 0px 15px #bbb;
display: none
}

.Left2-b-list-ul li {
position: absolute
}

.Left2-b-list-li1 {
width: 70px;
height: 70px;
background-color: #fff;
top: 0px;
left: 0px;
z-index: 5
}

.Left2-b-list-li2 {
width: 70px;
height: 70px;
background-color: #fff;
top: 0px;
right: 0px;
z-index: 5
}

.Left2-b-list-li3 {
width: 70px;
height: 70px;
background-color: #fff;
bottom: 0px;
right: 0px;
z-index: 5
}

.Left2-b-list-li4 {
width: 70px;
height: 70px;
background-color: #fff;
bottom: 0px;
left: 0px;
z-index: 5
}

.Left2-b-list-li5 {
width: 50px;
height: 50px;
background-color: #fff;
top: 45px;
right: 45px;
z-index: 7;
border-radius: 50%;
box-shadow: 0px 0px 1px #aaa
}

.Left2-b-list-li6 {
width: 1px;
height: 140px;
background-color: #e7e8eb;
top: 0px;
left: 70px;
z-index: 6
}

.Left2-b-list-li7 {
width: 140px;
height: 1px;
background-color: #e7e8eb;
top: 70px;
left: 0px;
z-index: 6
}

.Left2-b-list-li1:hover {
background-color: #16d17f;
color: #fff
}

.Left2-b-list-li2:hover {
background-color: #16d17f;
color: #fff
}

.Left2-b-list-li3:hover {
background-color: #16d17f;
color: #fff
}

.Left2-b-list-li4:hover {
background-color: #16d17f;
color: #fff
}

.Left2-b-list-li5:hover {
background-color: #16d17f;
color: #fff
}

.Left2-b-list-ul p {
}

.Left2-b-list-li1 p {
width: 40px;
position: absolute;
top: 22px;
left: 18px;
text-align: center
}

.Left2-b-list-li2 p {
width: 40px;
position: absolute;
top: 20px;
left: 15px;
text-align: center
}

.Left2-b-list-li3 p {
width: 40px;
position: absolute;
top: 18px;
left: 11px;
text-align: center
}

.Left2-b-list-li4 p {
width: 40px;
position: absolute;
top: 8px;
left: 14px;
text-align: center;
padding: 0px 2px
}

.Left2-b-list-li5 p {
width: 40px;
text-align: center;
position: absolute;
top: 9px;
left: 5px;
height: 32px;
line-height: 16px
}

.Left2-b-list-ul .Left2-b-coll {
color: #ffbf15
}

.Left2-b-list-cont:hover .p4 {
display: block
}

.Left2-b-list-cont:hover .Left2-b-list-ul {
display: block
}

.Left2-b-chonse {
height: 518px
}

.Left2-b-chonse > div {
float: left;
height: 518px;
padding-top: 15px;
position: relative
}

.Left2-b-chonse-L {
width: 480px;
background-color: #fff;
border-radius: 0px 0px 0px 10px
}

.Left2-b-chonse-R {
width: 240px;
background-color: #f5f5f5;
border-radius: 0px 0px 10px 0px;
border-left: 1px solid #eee
}

.Left2-b-chonse-tit {
height: 20px;
line-height: 20px;
color: #666;
text-align: center;
letter-spacing: 1px;
margin-bottom: 30px
}

.Left2-b-chonse-Lul {
color: #888;
font-size: 0px;
line-height: 28px;
padding-left: 20px
}

.Left2-b-chonse-Lul li {
display: inline-block;
vertical-align: middle;
font-size: 14px;
text-align: center;
letter-spacing: 1px;
cursor: pointer
}

.Left2-b-chonse-Lli {
width: 90px;
height: 30px;
border: 1px solid #eee;
background-color: #f8f8f8;
border-radius: 3px;
margin: 0px 10px 20px
}

.Left2-b-chonse-Lli:hover {
background-color: #ededed
}

.Left2-b-chonse-Rul {
font-size: 0px;
color: #333;
padding-left: 7px
}

.Left2-b-chonse-Rul li {
display: inline-block;
vertical-align: middle
}

.Left2-b-chonse-Rli {
background-color: #fff;
border: 1px solid #eee;
border-radius: 3px;
padding: 6px 10px;
margin: 5px;
cursor: move
}

.Left2-b-chonse-Rli p {
font-size: 14px;
text-align: center;
height: 26px;
line-height: 26px;
width: 80px;
cursor: pointer
}

.Left2-b-chonse-btn {
position: absolute;
border-top: 1px solid #ddd;
width: 100%;
height: 51px;
bottom: 0px;
left: 0px;
text-align: center;
padding-top: 10px;
line-height: 28px
}

.Left2-b-chonse-btn p {
width: 80px;
height: 30px;
background-color: #efefef;
margin: 0 auto;
border: 1px solid #ddd;
letter-spacing: 1px;
border-radius: 3px;
cursor: pointer
}

.Left2-b-chonse-btn p:hover {
background-color: #3aceff;
color: #fff
}

.Left2-b-chonse-tips {
width: 100%;
line-height: 20px;
position: absolute;
left: 0px;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
color: #cecece;
bottom: 80px
}

.Left2-b-set {
z-index: 120;
width: 230px;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
padding: 10px 0px;
border-radius: 5px;
position: fixed;
left: 340px;
top: 168px;
font-size: 13px;
color: #999;
display: none
}

.Left2-b-set-tit {
text-align: center;
letter-spacing: 4px;
height: 20px;
line-height: 20px
}

.Left2-b-set-tit a {
color: #999;
font-size: 16px;
margin-left: 4px;
position: relative;
top: 1px
}

.Left2-b-set-tit a:hover {
color: #666
}

.Left2-b-set > div {
height: 30px;
line-height: 30px;
padding-left: 20px;
margin-top: 5px
}

.Left2-b-set > div p {
float: left
}

.Left2-b-set > div b {
width: 16px;
height: 16px;
border: 1px solid #ccc;
float: left;
margin-top: 6px;
border-radius: 10px;
margin-right: 5px
}

.Left2-b-set > div i {
width: 10px;
height: 10px;
background-color: #16d17f;
float: left;
margin-top: 2px;
margin-left: 2px;
border-radius: 10px;
display: none
}

.Left2-b-set input {
float: left;
border: 1px solid #ddd;
height: 24px;
line-height: 22px;
color: #666;
width: 40px;
border-radius: 3px;
margin: 3px 5px 0px 0px;
text-align: center
}

.Left2-b-set .p1 {
width: 80px;
font-size: 14px;
color: #999
}

.Left2-b-set .p2 {
margin-right: 25px;
cursor: pointer
}

.Left2-b-set .p3 {
cursor: pointer
}

.Left2-b-set .p2:hover, .Left2-b-set .p3:hover {
color: #16d17f
}

.Left2-b-set > div .add i {
display: block
}

.Left2-b-set > div .add b {
border-color: #16d17f
}

.Left2-c-top {
    background-color: #fff;
    width: 100%;
    padding: 6px 10px 6px;
    border-radius: 4px 0 0 0;
    display: flex;
    align-items: center;
}
.Left2-c-group{
    display: flex;
    flex: 1;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.Left2-c-nav-two .add {
    color: #16d17f;
}

.Left2-c-nav-one{
    cursor: pointer;
    position: relative;
}

.Left2-c-nav-one p{
    line-height: 14px;
}

.Left2-c-nav-two-rq{
    display: none;
}

.Left2-c-nav-one .Left2-c-nav-two-jr{
    width: 245px;
    text-align: center;
    padding: 6px;
    position: absolute;
    left: -110px;
    z-index: 9999;
}
.Left2-c-nav-one .Left2-c-nav-two-hy{
    width: 300px;
    text-align: center;
    padding: 6px;
    position: absolute;
    left: -135px;
    z-index: 9999;
}
.Left2-c-nav-one .Left2-c-nav-two-px{
    width: 70px;
    text-align: center;
    padding: 6px;
    position: absolute;
    left: -22px;
    z-index: 9999;
}

.Left2-c-nav-one .Left2-c-nav-two-color{
    width: 300px;
    text-align: center;
    padding: 6px;
    position: absolute;
    left: -135px;
    z-index: 9999;
}
.Left2-c-nav-one p:hover{
    color:#16d17f;
}
.Left2-c-nav-two{

    background-color: #fff;
    box-shadow: 0px 0px 5px #ddd;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 5px;
    z-index: 9999;

}

.Left2-c-nav-two li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    width: 55px;
    font-size: 12px;
    color: #777;
}

.Left2-c-nav-two-rq .color li{
    width: 39px;
}

.Left2-c-nav-two li:hover{
    color:#16d17f;
}

.Left2-c-group .Left2-c-jr :hover .Left2-c-nav-two-jr {
    display: block
}
.Left2-c-group .Left2-c-hy :hover .Left2-c-nav-two-hy {
    display: block
}
.Left2-c-group .Left2-c-px :hover .Left2-c-nav-two-px {
    display: block
}
.Left2-c-group .Left2-c-color :hover .Left2-c-nav-two-color {
    display: block
}

.Left2-c-seach {
    height: 28px;
    color: #777;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Left2-c-seach .d1 {
    height: 28px;
    border: 1px solid #ebebeb;
    width: 175px;
    padding: 0px 5px 0px 26px;
    border-radius: 4px;
    position: relative;
    margin-right: 15px;
    background: #f5f7f9;
}

.Left2-c-seach .d1 input {
    width: 100%;
    height: 26px;
    color: #333;
    background: #f5f7f9;
}
.Left2-c-seach .d1 i {
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    line-height: 26px;
    color: #ccc;
    cursor: pointer;
}

.Left2-c-type {
width: 85px;
height: 28px;
border: 1px solid #eee;
border-radius: 3px;
z-index: 10;
background-color: #fff;
position: absolute;
top: 0px;
right: 10px;
overflow: hidden
}

.Left2-c-type:hover {
height: 80px;
box-shadow: 0px 0px 5px #ddd
}

.Left2-c-type p {
line-height: 26px;
text-align: left;
cursor: pointer;
padding-left: 5px
}

.Left2-c-type p i {
position: absolute;
top: 3px;
right: 6px
}

.Left2-c-type-p2:hover {
background-color: #f5f5f5
}

.Left2-c-seach-ul {
border: 1px solid #eee;
position: fixed;
left: 130px;
width: 100px;
top: 110px;
z-index: 120;
background-color: #fff;
box-shadow: 0px 0px 5px #ddd;
padding: 5px 0px;
border-radius: 3px;
display: none
}

.Left2-c-seach-ul li {
height: 26px;
line-height: 26px;
cursor: pointer;
padding-left: 5px
}

.Left2-c-seach-ul li:hover {
background-color: #f5f5f5
}

.Left2-c-seach-ul li img {
width: 16px;
margin-left: 5px;
vertical-align: middle;
position: relative;
top: -1px
}

.Left2-c-main {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px 5px 0px;
font-size: 0px
}

.Left2-c-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-c-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-c-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-c-list-ul {
background-color: rgba(51, 51, 51, 0.5);
width: 100%;
height: 236px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
}
.Left2-c-list-li1{
text-align: -webkit-center;
margin-top: 10px;
}
.Left2-c-list-li1 p {
border: 1px solid #fff;
color: #fff;
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 3px;
font-size: 15px;
}
.Left2-c-list-li2{
text-align: -webkit-center;
margin-top: 40px;
}
.Left2-c-list-li2 p {
border: 1px solid #fff;
color: #fff;
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 3px;
font-size: 15px;
}
.Left2-c-list-ul .Left2-b-coll {
color: #ffbf15 !important;
}
.Left2-b-list-zsvip{
top: 4px !important;
right: 10px !important;
z-index: 8;
font-size: 12px;
line-height: 20px;
height: 20px !important;
padding: 0 6px;
border-radius: 3px;
color: #fff;
font-weight: bold;
}
.Left2-c-list-li3{
text-align: -webkit-center;
margin-top: 10px;
color: #fff;
z-index: 15;
}
.Left2-c-list-li3 p {
border: 1px solid #fff;
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 3px;
font-size: 15px;
}
.Left2-c-list-li5{
text-align: -webkit-center;
margin-top: 10px;
}
.Left2-c-list-li5 p {
border: 1px solid #fff;
color: #fff;
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 3px;
font-size: 15px;
}
.Left2-b-list-cont:hover .Left2-c-list-ul {
display: block
}


.Left2-d {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 8px;
background-color: #f2f2f2
}

.Left2-d::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f2f2f2
}

.Left2-d::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0)
}

.Left2-d::-webkit-scrollbar-thumb {
background-color: #ddd
}

.Left2-d-a {
background-color: #fff;
border-radius: 2px;
padding: 18px 10px 10px;
margin-bottom: 10px
}

.Left2-d-a p {
line-height: 16px;
font-size: 14px;
color: #333;
border-left: 3px solid #16d17f;
padding-left: 8px
}

.Left2-d-a ul {
margin-top: 18px;
font-size: 0px
}

.Left2-d-a li {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 13px;
line-height: 26px;
color: #666;
position: relative
}

.Left2-d-a li:nth-child(n) {
padding-right: 5px
}

.Left2-d-a li:nth-child(2n) {
padding-left: 5px
}

.Left2-d-a div {
height: 38px;
border: 1px solid #ddd;
padding: 6px 40px;
margin-bottom: 10px;
cursor: pointer;
border-radius: 3px;
letter-spacing: 1px
}

.Left2-d-a div:hover {
background-color: #f5f5f5
}

.Left2-d-a img {
width: 24px;
height: 24px;
float: left;
margin-right: 5px
}

.Left2-d-a a {
color: inherit
}

.Left2-d-a span {
background-image: url(/main/editor/image/imageall.png);
height: 30px;
width: 40px;
position: absolute
}

.Left2-d-a-rili {
background-position: 4px 556px;
background-size: 175px;
top: 5px;
left: -5px
}

.Left2-d-a-jingxuan {
background-position: 4px 529px;
background-size: 175px;
top: 5px;
left: 0px
}

.Left2-d-b {
background-color: #fff;
border-radius: 2px;
padding: 18px 5px 10px
}

.Left2-d-b p {
line-height: 16px;
font-size: 14px;
color: #333;
border-left: 3px solid #16d17f;
padding-left: 8px;
margin: 0px 5px
}

.Left2-d-b a {
margin-left: 5px;
color: #6b5f5f
}

.Left2-d-b span {
color: #aaa
}

.Left2-d-b span {
color: #aaa
}

.Left2-d-b ul {
margin-top: 18px;
font-size: 0px
}

.Left2-d-b li {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
width: 33.3333%;
text-align: center;
letter-spacing: 1px;
padding: 0px 5px
}

.Left2-d-b div {
color: #333;
letter-spacing: 1px;
font-size: 13px;
border-radius: 2px;
height: 30px;
line-height: 30px;
cursor: pointer
}

.Left2-d-b div:hover {
color: #16d17f
}

.Left2-d-b li span img {
cursor: pointer
}

.Left2-d-b li .tb {
background-image: url(/main/editor/image/imageall.png);
height: 40px;
width: 85px;
text-align: center;
padding-left: 20px
}

.hywz {
background-position: -130px 755px
}

.ysjb {
background-position: -130px -105px
}

.sjrq {
background-position: -130px -165px
}

.gbzm {
background-position: -130px 575px
}

.zfbq {
background-position: -130px 520px
}

.hbdw {
background-position: -130px 465px
}

.wzpy {
background-position: -130px 405px
}

.fjhz {
background-position: -130px 340px
}

.dxsz {
background-position: -130px 285px
}

.lmsz {
background-position: -125px 200px
}

.tszm {
background-position: -215px 725px
}

.wgzm {
background-position: -215px 665px
}

.zrzm {
background-position: -215px 607px
}

.tszf {
background-position: -215px 550px
}

.fxfh {
background-position: -215px 490px
}

.jtfh {
background-position: -215px 430px
}

.hxfh {
background-position: -215px 370px
}

.szfh {
background-position: -215px 315px
}

.bdfh {
background-position: -215px 255px
}

.qtfh {
background-position: -215px 200px
}

.Left2-d-c {
background-color: #fff;
text-align: center;
font-size: 14px;
padding: 0px 0px 20px;
margin-bottom: 10px
}

.Left2-d-c a {
width: 80%;
height: 36px;
line-height: 36px;
cursor: pointer;
display: inline-block;
color: #666;
background-color: #f5f5f5;
border-radius: 2px
}

.Left2-d-c i {
margin-right: 5px;
position: relative;
top: 1px
}

.Left2-d-c a:hover {
color: #333;
background-color: #f0f0f0
}

.Left2-d-e {
background-color: #fff;
border-radius: 2px;
padding: 8px 0px
}

.Left2-d-e-top {
height: 40px;
padding: 0px 10px
}

.Left2-d-e-top .p1 {
float: left;
font-size: 14px;
color: #333;
border-left: 3px solid #16d17f;
line-height: 16px;
margin-top: 12px;
padding-left: 8px;
height: 16px
}

.Left2-d-e-top .p2 {
float: right;
line-height: 40px;
cursor: pointer;
color: #999;
font-size: 13px;
height: 40px
}

.Left2-d-e-top .p2 i {
margin-right: 3px
}

.Left2-d-e-top .p2:hover {
color: #ff9600
}

.Left2-d-e-top .sele {
float: left;
width: 160px;
height: 30px;
margin: 5px 0px 0px 5px
}

.Left2-d-e-top .layui-input {
height: 30px
}

.Left2-d-e-top .layui-form-select dl dd {
line-height: 30px
}

.Left2-d-e-list {
margin-top: 8px;
padding: 12px 10px 0px;
border-top: 1px solid #eee
}

.Left2-d-e-list li {
height: 44px;
border-radius: 3px;
position: relative;
padding: 0px 10px 0px 15px;
background-color: #f5f5f5;
margin-bottom: 6px
}

.Left2-d-e-list li:hover {
background-color: #f0f0f0
}

.Left2-d-e-list li a {
display: inline-block;
width: 100%;
height: 44px;
line-height: 44px
}

.Left2-d-e-list li a img {
width: 26px;
height: 26px;
vertical-align: middle;
float: left;
margin-top: 9px;
border-radius: 50%;
margin-right: 10px;
overflow: hidden
}

.Left2-d-e-list li a span {
letter-spacing: 1px;
font-size: 14px;
color: #666;
float: left;
width: 80%
}

.Left2-d-e-list li a i {
float: right;
line-height: 44px;
color: #bbb
}

.Left2-d-e-add {
margin: 0px 10px;
text-align: center;
color: #8d8d8d;
cursor: pointer;
background-color: #f5f5f5;
height: 30px;
line-height: 30px;
font-size: 14px
}

.Left2-d-e-add:hover {
color: #666
}

.Left2-d-e-add i {
margin-right: 5px
}

.Left2-d-f {
background-color: #fff;
border-radius: 2px;
padding: 18px 10px 10px;
margin-bottom: 10px
}

.Left2-d-f p {
line-height: 16px;
font-size: 14px;
color: #333;
border-left: 3px solid #16d17f;
padding-left: 8px
}

.Left2-d-f ul {
margin-top: 18px;
font-size: 0px
}

.Left2-d-f li {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 13px;
line-height: 26px;
color: #666;
position: relative
}

.Left2-d-f li:nth-child(n) {
padding-right: 5px
}

.Left2-d-f li:nth-child(2n) {
padding-left: 5px
}

.Left2-d-f div {
height: 38px;
border: 1px solid #ddd;
padding: 6px 40px;
margin-bottom: 10px;
cursor: pointer;
border-radius: 3px;
letter-spacing: 1px
}

.Left2-d-f div:hover {
background-color: #f5f5f5
}

.Left2-d-f img {
width: 24px;
height: 24px;
float: left;
margin-right: 5px
}

.Left2-d-f a {
color: inherit
}

.Left2-d-f span {
background-image: url(/main/editor/image/imageall.png);
height: 30px;
width: 40px;
position: absolute
}

.Left2-d-f-wechat {
background-position: 2px 573px;
background-size: 200px;
top: 5px
}

.Left2-d-f-baijiahao {
background-position: 0px 530px;
background-size: 195px;
top: 5px;
left: 3px
}

.Left2-d-f-dayuhao {
background-position: 0px 444px;
background-size: 195px;
top: 5px;
left: 0px
}

.Left2-d-f-qutoutiao {
background-position: 0px 385px;
background-size: 195px;
top: 5px;
left: 3px
}

.Left2-d-f-wangyihao {
background-position: 0px 355px;
background-size: 195px;
top: 5px;
left: 0px
}

.Left2-d-f-toutiaohao {
background-position: 0px 190px;
background-size: 195px;
top: 5px;
left: 3px
}

.Left2-d-f-souhuhao {
background-position: 0px 102px;
background-size: 195px;
top: 5px;
left: 0px
}

.Left2-d-f-qiehao {
background-position: 0px 162px;
background-size: 195px;
top: 5px;
left: 3px
}

.Left2-e-top {
background-color: #fff;
width: 100%;
padding: 5px 10px;
border-radius: 4px 0 0 0
}

.Left2-e-seach {
height: 26px;
color: #fff
}

.Left2-e-search-group{
width: 100%;
margin-top: 10px;
display: flex;
justify-content: space-between;
}

.Left2-e-seach p {
float: left
}

.Left2-e-seach .p1 {
cursor: pointer;
line-height: 28px;
height: 28px;
background-color: #D3D3D3;
width: 89px;
margin-right: 0.5px;
text-align: center;
box-shadow: 0px 0px 1px #bbb
}

.Left2-e-seach .p1:hover {
background-color: #bbb
}

.Left2-e-seach .p1:nth-child(1) {
border-radius: 3px 0px 0px 3px
}

.Left2-e-seach .p1:nth-child(4) {
border-radius: 0px 3px 3px 0px
}

.Left2-e-top .p2 {
height: 26px;
border: 1px solid #ebebeb;
border-radius: 4px;
position: relative;
}

.Left2-e-top .p2 input {
height: 26px;
color: #333;
background: #f5f7f9;
padding: 0 0 0 26px;
}

.Left2-e-top .p2 i {
position: absolute;
width: 24px;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
line-height: 26px;
color: #ccc;
cursor: pointer
}

.Left2-e-seach .p2 i:hover {
color: #777
}

.Left2-e-seach .add {
background-color: #16d17f !important
}

.Left2-e-group {
font-size: 0px;
padding: 10px 2px 0px
}

.Left2-e-group li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0px 8px;
cursor: pointer;
color: #666
}

.Left2-e-group li:hover {
color: #EEBA42
}

.Left2-e-group li i {
font-size: 14px;
position: relative;
top: 2px
}

.Left2-e-group .add {
color: #EEBA42
}

.Left2-e-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px;
font-size: 0px
}

.Left2-e-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-e-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-e-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-e-ys, .Left2-e-dy {
background: #fff;
margin-bottom: 5px;
position: relative;
cursor: pointer;
border-radius: 2px;
font-size: 14px;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-e-ys:hover, .Left2-e-dy:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-e-ys-cont, .Left2-e-dy-cont {
padding: 20px 15px
}

.Left2-e-ys-vip, .Left2-e-dy-vip {
width: 68px;
height: 68px;
position: absolute;
right: 5px;
top: 5px;
text-align: center;
background-size: 100%
}

.Left2-e-ys-vip i, .Left2-e-dy-vip i {
color: #FBD523;
font-weight: bold;
font-size: 25px;
line-height: 16px
}

.Left2-e-ys-del, .Left2-e-dy-del {
position: absolute;
right: 20px;
bottom: 16px;
display: none;
color: #ccc
}

.Left2-e-ys-del i, .Left2-e-dy-del i {
position: absolute;
bottom: -12px;
right: -15px
}

.Left2-e-ys-del:hover, .Left2-e-dy-del:hover {
color: #16d17f
}

.Left2-e-r:hover .Left2-e-ys-del, .Left2-e-r:hover .Left2-e-dy-del {
display: block
}

.Left2-e-chose {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
display: none
}

.Left2-e-chose span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}

.Left2-e-chose span i {
font-size: 35px;
color: #fff;
font-weight: bold
}

.Left2-e-add .Left2-e-chose {
display: block
}

.Left2-e-mb {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 4px;
font-size: 13px;
text-align: center
}

.Left2-e-mb-cont {
width: 100%;
position: relative;
cursor: pointer;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2)
}

.Left2-e-mb .p1 img {
width: 100%;
height: 236px;
border-radius: 2px 2px 0px 0px
}

.Left2-e-mb .p2 {
height: 28px;
line-height: 28px;
color: #fff;
letter-spacing: 1px;
background-color: #4b4b4b;
border-radius: 0px 0px 2px 2px
}

.Left2-e-mb .p3 {
width: 20px;
height: 20px;
position: absolute;
right: 5px;
top: 5px;
background-size: 100%
}

.Left2-e-mb .p3 i {
color: #FBD523;
font-weight: bold;
font-size: 25px;
line-height: 16px
}

.Left2-e-mb .p4 {
position: absolute;
top: 0px;
right: 0px;
color: #fff;
padding: 3px 8px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0px 2px 0px 4px;
display: none
}

.Left2-e-mb-ul {
background-color: #fff;
width: 140px;
height: 140px;
position: absolute;
top: 47px;
left: 18px;
overflow: hidden;
box-shadow: 0px 0px 15px #bbb;
display: none
}

.Left2-e-mb-ul li {
position: absolute
}

.Left2-e-mb-li1 {
width: 70px;
height: 70px;
background-color: #fff;
top: 0px;
left: 0px;
z-index: 5
}

.Left2-e-mb-li2 {
width: 70px;
height: 70px;
background-color: #fff;
top: 0px;
right: 0px;
z-index: 5
}

.Left2-e-mb-li3 {
width: 70px;
height: 70px;
background-color: #fff;
bottom: 0px;
right: 0px;
z-index: 5
}

.Left2-e-mb-li4 {
width: 70px;
height: 70px;
background-color: #fff;
bottom: 0px;
left: 0px;
z-index: 5
}

.Left2-e-mb-li5 {
width: 50px;
height: 50px;
background-color: #fff;
top: 45px;
right: 45px;
z-index: 7;
border-radius: 50%;
box-shadow: 0px 0px 1px #aaa
}

.Left2-e-mb-li6 {
width: 1px;
height: 140px;
background-color: #e7e8eb;
top: 0px;
left: 70px;
z-index: 6
}

.Left2-e-mb-li7 {
width: 140px;
height: 1px;
background-color: #e7e8eb;
top: 70px;
left: 0px;
z-index: 6
}

.Left2-e-mb-li1:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-e-mb-li2:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-e-mb-li3:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-e-mb-li4:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-e-mb-li5:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-e-mb-ul p {
}

.Left2-e-mb-li1 p {
width: 40px;
position: absolute;
top: 22px;
left: 18px;
text-align: center
}

.Left2-e-mb-li2 p {
width: 40px;
position: absolute;
top: 20px;
left: 15px;
text-align: center
}

.Left2-e-mb-li3 p {
width: 40px;
position: absolute;
top: 18px;
left: 11px;
text-align: center
}

.Left2-e-mb-li4 p {
width: 40px;
position: absolute;
top: 8px;
left: 14px;
text-align: center;
padding: 0px 2px
}

.Left2-e-mb-li5 p {
width: 40px;
text-align: center;
position: absolute;
top: 8px;
left: 3px
}

.Left2-e-mb-cont:hover .p4 {
display: block
}

.Left2-e-r:hover .Left2-e-mb-ul {
display: block
}

.Left2-e-foot {
height: 34px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
position: relative;
display: none
}

.Left2-e-foot .p1 {
float: right;
height: 24px;
width: 34px;
line-height: 24px;
text-align: center;
margin-top: 6px;
cursor: pointer;
border-radius: 2px;
color: #1E282D
}

.Left2-e-foot .p1 i {
position: relative;
top: 2px;
font-size: 16px
}

.Left2-e-foot .p1:hover {
background-color: #ebebeb
}

.Left2-e-foot .add {
background-color: #ebebeb
}

.Left2-e-foot .p2 {
position: absolute;
left: 10px;
right: 10px;
height: 1px;
background-color: #ebebeb;
top: -1px
}

#Left2-e-page {
height: 34px;
float: left;
padding-top: 4px
}

.Left2-e-mage {
height: 35px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
border-top: 1px solid #ebebeb;
position: relative;
color: #666;
display: none
}

.Left2-e-mage > p {
float: left;
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
margin-right: 20px
}

.Left2-e-mage .p1 span {
width: 18px;
height: 18px;
background-color: #ddd;
font-size: 12px;
line-height: 20px;
color: #ddd;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
position: relative;
}

.Left2-e-mage .p1:hover {
color: #16d17f
}

.Left2-e-mage .add span {
color: #fff;
background-color: #16d17f
}

.Left2-e-mage .p2 i {
margin-right: 4px;
font-size: 15px
}

.Left2-e-mage .p2:hover {
color: #16d17f
}

.Left2-e-mage div {
float: left;
position: relative
}

.Left2-e-mage .p3 {
height: 34px;
line-height: 34px;
cursor: pointer
}

.Left2-e-mage .p3:hover {
opacity: 0.8
}

.Left2-e-mage .p3 i {
margin-right: 4px
}

.Left2-e-mage ul {
position: absolute;
bottom: 30px;
width: 100px;
background-color: #fff;
box-shadow: 0px 0px 5px #bbb;
left: -35px;
display: none;
text-align: center;
}

.Left2-e-mage div:hover ul {
display: block
}

.Left2-e-mage li {
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer;
padding: 0px 5px
}

.Left2-e-mage li:hover {
color: #16d17f
}

.Left2-f-top {
background-color: #fff;
width: 100%;
padding: 5px 10px;
border-radius: 4px 0 0 0
}

.Left2-f-seach {
height: 28px;
margin-top: 4px;
color: #fff;
display: flex;
justify-content: space-between;
}
.Left2-f-seach .p2{
position: relative;
}
.Left2-f-seach .clear-btn{
    top:42% !important;
}
.Left2-f-seach .p2 input{
height: 24px;
line-height: 24px;
border: 1px solid #e3e3e3;
background: none;
padding: 0 0 0 26px;
border-radius: 4px;
background: #f5f7f9;
color: #333;
}
.Left2-f-seach .p2 i{
position: absolute;
top: 4px;
left: 4px;
color: #a1a2a3;
cursor: pointer;
}

.Left2-f-seach .p1{
height: 26px;
font-size: 12px;
background-color: #f5f7f9;
border-radius: 3px;
color: #999;
line-height: 26px;
padding: 0 10px;
}
.Left2-f-group{
display: flex;
justify-content: flex-end;
}


.Left2-f-group .layui-form-select{
width: 90px;
}

.Left2-f-group .layui-form-select input{
height: 24px;
border-radius: 5px;
font-size: 12px;
}

.Left2-f-group .group-btn .btn {
color: #555;
background-color: #fff;
border: 1px solid #d9d9d9;
cursor: pointer;
padding: 0 10px;
height: 24px;
border-radius: 5px;
width: 50px;
margin-left: 5px;
}


.Left2-f-center {
display: none;
background: #fff
}

.col-md-4 {
flex: 0 0 100%;
max-width: 100%;
padding: 0 2px;
margin-bottom: 10px
}

.appmsg-content-body {
background: #fff;
border-radius: 5px
}

.article-msg {
border-bottom: 0 none;
padding-bottom: 0px;
cursor: pointer;
position: relative;
line-height: 1.8em;
margin-bottom: 0
}

.appmsg_content {
position: relative;
border: none
}

.appmsg_content p {
position: absolute;
bottom: 0px;
padding: 5px 10px;
width: 100%;
background-color: rgba(55, 55, 55, 0.6)
}

.article-msg .title {
font-size: 14px;
line-height: 18px
}

.article-msg p .wechat-edit {
display: block;
float: left;
height: 40px;
visibility: visible;
cursor: pointer;
width: 25px
}

.appmsg_content img {
width: 100%;
height: 150px
}

.appmsg_content p a {
color: #fff;
line-height: 40px;
font-size: 16px
}

.col-md-4 .submsg-title {
clear: both;
padding: 10px;
border: none
}

.col-md-4 .submsg-title .title {
font-size: 14px;
font-weight: normal;
line-height: 50px
}

.submsg-title p {
margin-bottom: 0;
line-height: 1.6
}

.appmsg_opr {
height: 50px;
line-height: 50px;
justify-content: space-between;
padding: 0 5px 0 13px;
margin: 0 -5px -5px;
border-top: none !important;
display: flex !important;
position: relative;
width: 100%;
bottom: 0
}

.appmsg_opr .appmsg_time {
display: inline-block;
width: 160px;
text-align: left;
font-size: 12px;
color: #bbb
}

.appmsg_opr .appmsg_time i {
margin-right: 8px
}

.appmsg_opr a {
display: inline-block;
width: 30px;
line-height: 30px;
margin: 0;
border-right: none;
padding: 0;
font-size: 16px;
color: #999
}

.float-right {
float: right !important
}

.submsg-title img {
width: 48px;
height: 48px
}

.Left2-f-wechat-submsg-left {
height: 50px;
float: left;
width: 270px;
border-bottom: 1px solid #ddd;
line-height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden
}

.Left2-f-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px
}

.Left2-f-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-f-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-f-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-f-list {
background-color: #fff;
margin-bottom: 5px;
height: 142px;
position: relative;
border: 1px solid #eee;
border-radius: 5px;
cursor: pointer
}

.Left2-f-list {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-f-list:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-f-list p {
position: absolute;
line-height: 20px
}

.Left2-f-list .p1 {
height: 20px;
width: 100%;
top: 10px;
left: 0px;
padding: 0px 10px;
font-size: 16px;
font-weight: bold;
color: #444;
letter-spacing: 1px
}

.Left2-f-list .p2 {
left: 0px;
right: 100px;
padding: 0px 10px;
top: 40px;
height: 60px;
font-size: 13px;
color: #999;
letter-spacing: 1px;
text-align: justify
}

.Left2-f-list .p3 {
width: 90px;
height: 90px;
top: 40px;
right: 10px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 3px
}

.Left2-f-list .p4 {
left: 0px;
right: 100px;
padding: 0px 10px;
height: 20px;
bottom: 10px;
font-size: 12px;
color: #bbb
}

.Left2-f-list .p4 .sp1 {
float: left;
letter-spacing: 0px
}

.Left2-f-list .p4 .sp2 {
float: right;
letter-spacing: 0px
}

.Left2-f-list .p5 {
width: 90px;
height: 90px;
top: 40px;
right: 10px;
background-color: rgba(0, 0, 0, 0.6);
text-align: center;
border-radius: 3px;
display: none
}

.Left2-f-r:hover .p5 {
display: block
}

.Left2-f-list .p5 span {
position: absolute;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 3px;
top: 30px;
color: #999;
line-height: 30px
}

.Left2-f-list .p5 span:hover {
background-color: #16d17f;
color: #fff
}

.Left2-f-list .p5 .sp1 {
left: 10px
}

.Left2-f-list .p5 .sp2 {
left: 50px
}

.Left2-f-chose {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
display: none
}

.Left2-f-chose span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}

.Left2-f-chose span i {
font-size: 35px;
color: #fff;
font-weight: bold
}

.Left2-f-add .Left2-f-chose {
display: block
}

.Left2-f-mage {
height: 35px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
border-top: 1px solid #ebebeb;
position: relative;
color: #666;
display: none
}

.Left2-f-mage > p {
float: left;
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
margin-right: 20px;
display: flex;
align-items: center;
}

.Left2-f-mage .p1 span {
width: 18px;
height: 18px;
background-color: #ddd;
font-size: 12px;
line-height: 20px;
color: #ddd;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
position: relative;
}

.Left2-f-mage .p1:hover {
color: #16d17f
}

.Left2-f-mage .add span {
color: #fff;
}

.Left2-f-mage .p2 i {
margin-right: 4px;
font-size: 15px
}

.Left2-f-mage .p2:hover {
color: #16d17f
}

.Left2-f-mage div {
float: left;
position: relative
}

.Left2-f-mage .p3 {
height: 34px;
line-height: 34px;
cursor: pointer
}

.Left2-f-mage .p3:hover {
opacity: 0.8
}

.Left2-f-mage .p3 i {
margin-right: 4px
}

.Left2-f-mage ul {
position: absolute;
bottom: 30px;
width: 100px;
background-color: #fff;
box-shadow: 0px 0px 5px #bbb;
left: -35px;
display: none;
text-align: center;
}

.Left2-f-mage div:hover ul {
display: block
}

.Left2-f-mage li {
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer;
padding: 0px 5px
}

.Left2-f-mage li:hover {
color: #16d17f
}

.Left2-f-foot {
height: 34px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
position: relative;
display: none
}

.Left2-f-foot .p1 {
float: right;
height: 24px;
width: 34px;
line-height: 22px;
text-align: center;
margin-top: 4px;
cursor: pointer;
border-radius: 2px;
color: #1E282D
}

.Left2-f-foot .p1 i {
position: relative;
top: 2px;
font-size: 16px
}

.Left2-f-foot .p1:hover {
background-color: #ebebeb
}

.Left2-f-foot .add {
color: #16d17f
}

.Left2-f-foot .p2 {
position: absolute;
left: 10px;
right: 10px;
height: 1px;
background-color: #ebebeb;
top: -1px
}

#Left2-f-page {
height: 34px;
float: left;
padding-top: 5px
}

.Left2-i-top {
background-color: #fff;
width: 100%;
padding: 10px 0px 6px;
border-radius: 4px 0 0 0
}

.Left2-i-nav {
height: 40px;
margin: 0px 10px 10px
}

.Left2-i-nav-l {
float: left;
border: 1px solid #e7e8eb;
width: 300px;
height: 40px;
position: relative
}

.Left2-i-nav-l-p1 {
height: 38px;
position: relative;
cursor: pointer
}

.Left2-i-nav-l-p1 img {
float: left;
height: 30px;
width: 30px;
border-radius: 50%;
margin-top: 4px;
margin-left: 5px
}

.Left2-i-nav-l-p1 b {
float: left;
width: 20px;
height: 20px;
margin-top: 15px;
margin-left: 3px
}

.Left2-i-nav-l-p1 span {
float: left;
height: 38px;
width: 215px;
line-height: 38px;
font-size: 16px;
color: #666;
letter-spacing: 1px;
margin-left: 5px
}

.Left2-i-nav-l-p1 i {
position: absolute;
font-size: 18px;
color: #aaa;
top: 6px;
right: 10px
}

.Left2-i-nav-l-p1:hover {
opacity: 0.8
}

.Left2-i-nav-l-p1:hover i {
color: #666
}

.Left2-i-nav-l:hover .Left2-i-nav-main {
display: block
}

.Left2-i-nav-main {
position: absolute;
top: 38px;
left: 0px;
width: 300px;
padding: 5px 0px;
z-index: 10;
display: none
}

.Left2-i-nav-ul {
background-color: #fff;
border: 1px solid #e7e8eb;
padding: 5px
}

.Left2-i-nav-li {
height: 50px;
position: relative;
cursor: pointer;
border-bottom: 1px solid #eee;
padding: 5px 0px
}

.Left2-i-nav-li img {
float: left;
height: 30px;
width: 30px;
border-radius: 50%;
margin-top: 4px
}

.Left2-i-nav-li b {
float: left;
width: 20px;
height: 20px;
margin-top: 15px;
margin-left: 3px
}

.Left2-i-nav-li span {
float: left;
width: 212px;
line-height: 38px;
font-size: 16px;
color: #666;
letter-spacing: 1px;
margin-left: 5px
}

.Left2-i-nav-li:hover {
background-color: #f5f5f5
}

.Left2-i-nav-r {
width: 36px;
height: 36px;
float: right;
border-radius: 2px;
cursor: pointer;
margin-top: 2px;
margin-right: 6px
}

.Left2-i-nav-r a {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
background-color: #e7e8eb;
position: relative
}

.Left2-i-nav-r a:hover {
opacity: 0.8
}

.Left2-i-nav-r a span {
width: 24px;
height: 24px;
position: absolute;
top: 6px;
left: 6px
}

.Left2-i-nav-r a span {
background-image: url(../image/team-icon.png);
background-repeat: no-repeat;
background-position: -296px -18px
}

.Left2-i-seach {
height: 28px;
padding: 0px 10px;
color: #fff
}

.Left2-i-seach p {
height: 28px;
width: 47%
}

.Left2-i-seach .p1 {
background-color: #00a9ef;
line-height: 28px;
text-align: center;
border-radius: 2px;
cursor: pointer;
float: left
}

.Left2-i-seach .p1 i {
margin-right: 8px
}

.Left2-i-seach .p1:hover {
background-color: #16d17f
}

.Left2-i-seach .p2 {
border: 1px solid #ebebeb;
padding: 0px 5px 0px 26px;
border-radius: 4px;
position: relative;
float: right
}

.Left2-i-seach .p2 input {
width: 100%;
height: 26px;
color: #333
}

.Left2-i-seach .p2 i {
position: absolute;
width: 24px;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
line-height: 26px;
color: #ccc;
cursor: pointer
}

.Left2-i-seach .p2 i:hover {
color: #777
}

.Left2-i-group {
font-size: 0px;
padding: 10px 2px 0px
}

.Left2-i-group li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0px 8px;
cursor: pointer;
color: #666
}

.Left2-i-group li:hover {
color: #EEBA42
}

.Left2-i-group li i {
font-size: 14px;
position: relative;
top: 2px
}

.Left2-i-group .add {
color: #EEBA42
}

.Left2-i-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px
}

.Left2-i-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-i-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-i-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-i-list {
background-color: #fff;
margin-bottom: 5px;
height: 142px;
position: relative;
border: 1px solid #eee;
border-radius: 5px;
cursor: pointer
}

.Left2-i-list {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-i-list:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-i-list p {
position: absolute;
line-height: 20px
}

.Left2-i-list .p1 {
height: 20px;
width: 100%;
top: 10px;
left: 0px;
padding: 0px 10px;
font-size: 16px;
font-weight: bold;
color: #444;
letter-spacing: 1px
}

.Left2-i-list .p2 {
left: 0px;
right: 100px;
padding: 0px 10px;
top: 40px;
height: 60px;
font-size: 13px;
color: #999;
letter-spacing: 1px;
text-align: justify
}

.Left2-i-list .p3 {
width: 90px;
height: 90px;
top: 40px;
right: 10px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 3px
}

.Left2-i-list .p4 {
left: 0px;
right: 100px;
padding: 0px 10px;
height: 20px;
bottom: 10px;
font-size: 12px;
color: #bbb
}

.Left2-i-list .p4 .sp1 {
float: left;
letter-spacing: 0px
}

.Left2-i-list .p4 .sp2 {
float: right;
letter-spacing: 0px
}

.Left2-i-list .p5 {
width: 90px;
height: 90px;
top: 40px;
right: 10px;
background-color: rgba(0, 0, 0, 0.6);
text-align: center;
border-radius: 3px;
display: none
}

.Left2-i-r:hover .p5 {
display: block
}

.Left2-i-list .p5 span {
position: absolute;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 3px;
top: 30px;
color: #999;
line-height: 30px
}

.Left2-i-list .p5 span:hover {
background-color: #00a9ef;
color: #fff
}

.Left2-i-list .p5 .sp1 {
left: 10px
}

.Left2-i-list .p5 .sp2 {
left: 50px
}

.Left2-i-chose {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
display: none
}

.Left2-i-chose span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}

.Left2-i-chose span i {
font-size: 35px;
color: #fff;
font-weight: bold
}

.Left2-i-add .Left2-f-chose {
display: block
}

.Left2-i-list .p6 {
position: absolute;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
right: 5px;
top: 5px;
color: #aaa;
font-size: 12px
}

.Left2-i-mage {
height: 35px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
border-top: 1px solid #ebebeb;
position: relative;
color: #666;
display: none
}

.Left2-i-mage > p {
float: left;
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
margin-right: 20px
}

.Left2-i-mage .p1 span {
width: 14px;
height: 14px;
background-color: #ddd;
font-size: 12px;
line-height: 14px;
color: #ddd;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -1px
}

.Left2-i-mage .p1:hover {
color: #ff9600
}

.Left2-i-mage .add span {
color: #fff;
background-color: #ff9600
}

.Left2-i-mage .p2 i {
color: #f03c3c;
margin-right: 4px;
font-size: 15px
}

.Left2-i-mage .p2:hover {
color: #f03c3c
}

.Left2-i-mage div {
float: left;
position: relative
}

.Left2-i-mage .p3 {
height: 34px;
line-height: 34px;
cursor: pointer
}

.Left2-i-mage .p3:hover {
opacity: 0.8
}

.Left2-i-mage .p3 i {
margin-right: 4px
}

.Left2-i-mage ul {
position: absolute;
bottom: 34px;
width: 120px;
background-color: #fff;
box-shadow: 0px 0px 5px #bbb;
left: -24px;
display: none
}

.Left2-i-mage div:hover ul {
display: block
}

.Left2-i-mage li {
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer;
padding: 0px 5px
}

.Left2-i-mage li:hover {
background-color: #f4f1f4
}

.Left2-i-foot {
height: 34px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
position: relative;
display: none
}

.Left2-i-foot .p1 {
float: right;
height: 24px;
width: 34px;
line-height: 24px;
text-align: center;
margin-top: 6px;
cursor: pointer;
border-radius: 2px;
color: #1E282D;
display: none
}

.Left2-i-foot .p1 i {
position: relative;
top: 2px;
font-size: 16px
}

.Left2-i-foot .p1:hover {
background-color: #ebebeb
}

.Left2-i-foot .add {
background-color: #ebebeb
}

.Left2-i-foot .p2 {
position: absolute;
left: 10px;
right: 10px;
height: 1px;
background-color: #ebebeb;
top: -1px
}

#Left2-i-page {
height: 34px;
float: left;
padding-top: 8px
}

.Left2-g-top {
background-color: #fff;
width: 100%;
padding: 10px 0px 6px;
border-radius: 4px 0 0 0
}

.Left2-g-seach {
height: 28px;
padding: 0px 10px;
color: #fff
}

.Left2-g-seach p {
height: 28px;
text-align: center
}

.Left2-g-seach .p1 {
float: left;
background-color: #00a9ef;
line-height: 28px;
border-radius: 2px;
padding: 0px 10px;
cursor: pointer
}

.Left2-g-seach .p1:hover {
opacity: 0.8
}

.Left2-g-seach .p2 {
border: 1px solid #ebebeb;
padding: 0px 5px 0px 26px;
border-radius: 4px;
position: relative;
float: left;
width: 90px;
margin-left: 10px
}

.Left2-g-seach .p2 input {
width: 100%;
height: 26px;
color: #333
}

.Left2-g-seach .p2 i {
position: absolute;
width: 24px;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
line-height: 26px;
color: #ccc;
cursor: pointer
}

.Left2-g-seach .p2 i:hover {
color: #777
}

.Left2-g-seach .all {
float: left;
width: 150px;
margin-left: 10px;
position: relative;
display: none
}

.Left2-g-seach .all p {
background-color: #eee;
line-height: 28px;
color: #aaa;
position: relative;
cursor: pointer
}

.Left2-g-seach .all p .fa-users {
position: absolute;
font-size: 16px;
height: 28px;
line-height: 28px;
left: 10px
}

.Left2-g-seach .all p .fa-sort-desc {
position: absolute;
font-size: 16px;
right: 10px;
top: 3px
}

.Left2-g-seach .all p span {
float: left;
width: 100px;
margin-left: 34px;
text-align: left
}

.Left2-g-seach .all p:hover {
color: #666
}

.Left2-g-seach .all:hover div {
display: block
}

.Left2-g-seach .all div {
position: absolute;
width: 100%;
top: 27px;
left: 0px;
padding: 6px 0px 0px;
display: none;
z-index: 5
}

.Left2-g-seach .all ul {
background-color: #fff;
color: #666;
box-shadow: 0px 0px 10px #ddd;
padding: 10px 0px
}

.Left2-g-seach .all ul li {
height: 30px;
line-height: 30px;
padding: 0px 20px;
letter-spacing: 1px;
cursor: pointer
}

.Left2-g-seach .all ul li:hover {
background-color: #eee
}

.Left2-g-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px
}

.Left2-g-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-g-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-g-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-g-list {
background-color: #fff;
margin-bottom: 5px;
height: 142px;
position: relative;
border: 1px solid #eee;
border-radius: 5px;
cursor: pointer
}

.Left2-g-list {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-g-list:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-g-list p {
position: absolute;
line-height: 20px
}

.Left2-g-list .p1 {
height: 20px;
width: 100%;
top: 10px;
left: 0px;
padding: 0px 10px;
font-size: 16px;
font-weight: bold;
color: #444;
letter-spacing: 1px
}

.Left2-g-list .p2 {
left: 0px;
right: 100px;
padding: 0px 10px;
top: 40px;
height: 60px;
font-size: 13px;
color: #999;
letter-spacing: 1px;
text-align: justify
}

.Left2-g-list .p3 {
width: 90px;
height: 90px;
top: 40px;
right: 10px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 3px
}

.Left2-g-list .p4 {
left: 0px;
right: 100px;
padding: 0px 10px;
height: 20px;
bottom: 10px;
font-size: 12px;
color: #bbb
}

.Left2-g-list .p4 .sp1 {
float: left;
letter-spacing: 0px
}

.Left2-g-list .p4 .sp2 {
float: right;
letter-spacing: 0px
}

.Left2-g-chose {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
display: none
}

.Left2-g-chose span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}

.Left2-g-chose span i {
font-size: 35px;
color: #fff;
font-weight: bold
}

.Left2-g-add .Left2-g-chose {
display: block
}

.Left2-right-key-recycle i {
margin-right: 3px
}

.Left2-right-key-recycle li:hover {
background-color: #f5f5f5
}

.Left2-right-key-recycle .fa-times-circle-o {
font-size: 16px;
position: relative;
top: 1px
}

.Left2-g-mage {
height: 35px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
border-top: 1px solid #ebebeb;
position: relative;
color: #666;
display: none
}

.Left2-g-mage > p {
float: left;
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
margin-right: 20px
}

.Left2-g-mage .p1 span {
width: 14px;
height: 14px;
background-color: #ddd;
font-size: 12px;
line-height: 14px;
color: #ddd;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -1px
}

.Left2-g-mage .p1:hover {
color: #ff9600
}

.Left2-g-mage .add span {
color: #fff;
background-color: #ff9600
}

.Left2-g-mage .p2 i {
color: #f03c3c;
margin-right: 4px;
font-size: 15px
}

.Left2-g-mage .p2:hover {
color: #f03c3c
}

.Left2-g-mage div {
float: left;
position: relative
}

.Left2-g-mage .p3 {
height: 34px;
line-height: 34px;
cursor: pointer;
color: #00a9ef
}

.Left2-g-mage .p3:hover {
opacity: 0.8
}

.Left2-g-mage .p3 i {
margin-right: 4px
}

.Left2-g-foot {
height: 34px;
background-color: #fff;
width: 100%;
padding: 0px 10px;
position: relative;
display: none
}

.Left2-g-foot .p1 {
float: right;
height: 24px;
width: 34px;
line-height: 24px;
text-align: center;
margin-top: 6px;
cursor: pointer;
border-radius: 2px;
color: #1E282D
}

.Left2-g-foot .p1 i {
position: relative;
top: 2px;
font-size: 16px
}

.Left2-g-foot .p1:hover {
background-color: #ebebeb
}

.Left2-g-foot .add {
background-color: #ebebeb
}

.Left2-g-foot .p2 {
position: absolute;
left: 10px;
right: 10px;
height: 1px;
background-color: #ebebeb;
top: -1px
}

.Left2-g-foot .p3 {
float: right;
height: 24px;
width: 34px;
line-height: 24px;
text-align: center;
margin-top: 6px;
cursor: pointer;
border-radius: 2px;
color: #1E282D;
color: #666
}

.Left2-g-foot .p3 i {
position: relative;
top: 2px;
font-size: 17px
}

.Left2-g-foot .p3:hover {
background-color: #ebebeb
}

#Left2-g-page {
height: 34px;
float: left;
padding-top: 8px
}

.Left2-h-top {
background-color: #fff;
width: 100%;
padding: 10px 0px 6px;
border-radius: 4px 0 0 0
}

.Left2-h-nav {
height: 28px;
padding: 0px 10px;
color: #fff
}

.Left2-h-nav p {
height: 28px;
width: 30%;
background-color: #d3d3d3;
float: left;
line-height: 28px;
text-align: center;
border-radius: 2px;
cursor: pointer
}

.Left2-h-nav p:nth-child(2) {
margin: 0px 5%
}

.Left2-h-nav p:hover {
background-color: #ccc
}

.Left2-h-nav .add {
background-color: #00a9ef !important
}

.Left2-h-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 5px
}

.Left2-h-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-h-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-h-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-h-tqgs {
background-color: #fff;
margin-bottom: 5px;
cursor: pointer;
position: relative;
border-radius: 3px
}

.Left2-h-tqgs {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-h-tqgs:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-h-tqgs p {
padding: 20px 10px
}

.Left2-h-tqgs .sp1 {
background-color: #e7e7e7;
color: #333;
position: absolute;
top: 2px;
left: 2px;
border-radius: 3px 0px 5px 0px;
height: 20px;
line-height: 20px;
font-size: 12px;
padding: 0px 6px
}

.Left2-h-tqgs b {
position: absolute;
border-width: 15px 20px;
border-style: solid;
border-color: transparent #ccc #ccc transparent;
right: 1px;
bottom: 1px;
color: #fff;
display: none
}

.Left2-h-tqgs b i {
position: absolute;
bottom: -12px;
right: -15px
}

.Left2-h-tqgs:hover b {
display: block
}

.Left2-h-scgs {
background-color: #fff;
margin-bottom: 5px;
cursor: pointer;
position: relative
}

.Left2-h-scgs p {
padding: 20px 10px
}

.Left2-h-scgs {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-h-scgs:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-h-scgs .sp1 {
background-color: #e7e7e7;
color: #333;
position: absolute;
top: 2px;
left: 2px;
border-radius: 3px 0px 5px 0px;
height: 20px;
line-height: 20px;
font-size: 12px;
padding: 0px 6px
}

.Left2-h-jtjl {
background-color: #fff;
margin-bottom: 5px;
padding: 20px 10px;
cursor: pointer;
position: relative
}

.Left2-h-jtjl {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s
}

.Left2-h-jtjl:hover {
box-shadow: 0px 0px 10px #ccc inset
}

.Left2-list-num {
z-index: 100;
position: fixed;
top: 200px;
left: 505px;
box-shadow: 0px 0px 10px #ddd;
display: none;
max-width: 260px;
background: #fff;
border-radius: 5px;
}

.Left2-list-num ul {
background-color: #fff;
color: #fff;
padding: 10px 15px;
border-radius: 4px;
position: relative;
z-index: 5
}

.Left2-list-num ul li {
line-height: 26px;
font-size: 13px;
color: #333
}

.Left2-list-num b {
width: 12px;
height: 12px;
background-color: #fff;
position: absolute;
top: 15px;
left: -6px;
z-index: 4;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg)
}

.Left2-list-num .li2 {
display: none
}

.Left2-top-tips {
height: 20px;
line-height: 20px;
padding: 0px 12px;
font-size: 12px;
color: #aaa;
margin-top: 8px;
display: none;
letter-spacing: 1px
}

.Left2-top-tips i {
color: #EEBA42;
font-size: 14px;
margin-right: 5px;
position: relative;
top: 1px
}

.Left2-top-tips span {
float: right;
color: #EEBA42;
cursor: pointer
}

.Left2-top-tips span:hover {
color: #ff9600
}

.Left2-groupM-ul {
font-size: 0;
color: #a1a1a1;
line-height: 24px;
padding: 20px 0px 0px 20px
}

.Left2-groupM li {
text-align: center;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 14px;
width: 100px;
padding: 5px;
margin: 0px 15px 20px;
background-color: #f8f8f8;
cursor: move;
border-radius: 5px;
border: 1px solid #ECECEC
}

.Left2-groupM .Left2-groupM-li0 {
cursor: pointer
}

.Left2-groupM li input {
width: 100%;
display: none;
height: 22px;
text-align: center
}

.Left2-groupM li p {
cursor: pointer
}

.Left2-groupM li span {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
color: #e25644;
line-height: 20px;
display: none;
cursor: pointer
}

.Left2-groupM li:hover span {
display: block
}

.Left2-groupM li span:hover {
opacity: .8
}

.Left2-groupM .add {
background-color: #f8cc52;
color: #fff
}

.Left2-groupM .adds input {
display: block
}

.Left2-groupM .adds p {
display: none
}

.Left2-groupM-foot {
height: 51px;
border-top: 1px solid #eee;
position: relative;
font-size: 14px;
color: #a1a1a1;
letter-spacing: 1px;
text-align: center;
padding: 2px 5px
}

.Left2-groupM-foot p {
position: absolute
}

.Left2-groupM-foot .p1 {
left: 15px;
height: 50px;
line-height: 50px;
top: 0;
font-size: 12px
}

.Left2-groupM-foot .p2 {
width: 80px;
line-height: 26px;
border-radius: 2px;
cursor: pointer;
background-color: #f8f8f8;
border: 1px solid #ECECEC;
left: 240px;
top: 12px
}

.Left2-groupM-foot .p2:hover {
background-color: #f0f0f0
}

.Left2-groupM-foot .p3 {
right: 15px;
height: 50px;
line-height: 50px;
top: 0;
font-size: 12px
}

.Left2-none {
text-align: center;
font-size: 14px;
color: #aaa;
padding-top: 50px;
letter-spacing: 1px
}

.Left2-body .layui-laypage {
margin: 0px
}

.Left2-body .layui-laypage a, .Left2-body .layui-laypage span {
padding: 0 6px;
height: 26px;
line-height: 26px;
width: 26px;
text-align: center;
background-color: #fff;
color: #333;
margin: 0px 3px;
border: 1px solid #E3E3E3;
border-radius: 2px;
}

.Left2-body .layui-laypage a:hover, .Left2-body .layui-laypage span:hover {
background-color: #16d17f;
color: #fff;
}

.Left2-body .layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #16d17f;
color: #fff;
padding: 0px;
left: 0px;
top: 0px;
}

.Left2-right-key {
position: fixed;
background-color: #fff;
padding: 10px 0;
border-radius: 3px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
z-index: 120
}

.Left2-right-key ul {
overflow-x: hidden;
overflow-y: auto;
max-height: 300px
}

.Left2-right-key ul::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-right-key ul::-webkit-scrollbar-track {
background-color: #fff
}

.Left2-right-key ul::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-right-key ul li {
height: 30px;
line-height: 30px;
color: #333;
cursor: pointer;
font-size: 13px;
padding: 0px 15px
}

.Left2-right-key ul li:hover {
color: #16d17f
}

.Left2F-key {
position: fixed;
background-color: #fff;
padding: 10px 0;
border-radius: 3px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
z-index: 120;
top: 240px;
left: 250px
}

.Left2F-key ul::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2F-key ul::-webkit-scrollbar-track {
background-color: #fff
}

.Left2F-key ul::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2F-key ul li {
height: 30px;
line-height: 30px;
color: #333;
cursor: pointer;
font-size: 13px;
padding: 0px 15px;
position: relative
}

.Left2F-key ul li:hover {
color: #16d17f
}

.Left2F-key ul li:hover i {
color: #16d17f
}

.Left2F-key .gro-p i {
margin-left: 5px;
font-size: 14px;
color: #999
}

.Left2F-key ul li:hover .slf {
display: block
}

.Left2F-key .slf {
position: absolute;
left: 100%;
word-break: break-all;
padding: 0px 0px 0px 5px;
top: -10px;
display: none;
color: #333
}

.Left2F-key .slf div {
background-color: #fff;
width: 100px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 10px
}

.Left2F-key .slf p:hover {
color: #16d17f
}

.Left2F-key ul .gro {
height: 36px;
line-height: 36px;
background-color: #f9f9f9
}

.Left2I-key {
position: fixed;
background-color: #fff;
padding: 10px 0;
border-radius: 3px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
z-index: 120;
top: 240px;
left: 250px
}

.Left2I-key ul::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2I-key ul::-webkit-scrollbar-track {
background-color: #fff
}

.Left2I-key ul::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2I-key ul li {
height: 30px;
line-height: 30px;
color: #333;
cursor: pointer;
font-size: 13px;
padding: 0px 15px;
position: relative
}

.Left2I-key ul li:hover {
color: #16d17f
}

.Left2I-key ul li:hover i {
color: #16d17f
}

.Left2I-key .gro-p i {
margin-left: 5px;
font-size: 14px;
color: #999
}

.Left2I-key ul li:hover .slf {
display: block
}

.Left2I-key .slf {
position: absolute;
left: 100%;
word-break: break-all;
padding: 0px 0px 0px 5px;
top: -10px;
display: none;
color: #333
}

.Left2I-key .slf div {
background-color: #fff;
width: 100px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 10px
}

.Left2I-key .slf p:hover {
color: #16d17f
}

.Left2-split {
position: absolute;
width: 100%;
top: 36px;
left: 0px;
bottom: 0px;
z-index: 15
}

.Left2-split-tit {
position: absolute;
top: 0px;
width: 100%;
height: 30px;
background-color: #f0f0f0;
box-shadow: 0px 0px 2px #ccc;
z-index: 3;
padding: 0px 15px
}

.Left2-split-tit span {
line-height: 30px;
color: #555;
letter-spacing: 1px;
font-size: 13px
}

.Left2-split-tit i {
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
color: #999;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
font-size: 14px
}

.Left2-split-tit i:hover {
color: #f35858
}

.Left2-split-main {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 35px 0px 5px;
background-color: #f4f1f4
}

.Left2-split-main::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #f1f1f1
}

.Left2-split-main::-webkit-scrollbar-track {
background-color: #e5e5e5
}

.Left2-split-main::-webkit-scrollbar-thumb {
background-color: #c1c1c1
}

.Left2-split-body {
width: 360px;
margin: 0 auto;
background-color: #fff
}

.Left2-split-list {
position: relative;
cursor: pointer;
padding: 10px 0px
}

.Left2-split-p {
position: absolute;
width: 360px;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
top: 0px;
left: 50%;
display: none;
text-align: center;
margin-left: -180px
}

.Left2-split-list:hover .Left2-split-p {
display: block
}

.Left2-split-p i {
position: absolute;
left: 50%;
top: 50%;
height: 30px;
width: 30px;
margin-top: -15px;
margin-left: -15px;
line-height: 30px;
color: #fff;
font-size: 30px
}



.Left2-coll-pop {
padding: 30px 30px 0px
}

.Left2-coll-pop-p1 {
text-indent: 2em;
font-size: 14px;
color: #666;
letter-spacing: 1px;
line-height: 28px
}

.Left2-coll-pop-p1 span {
font-size: 16px;
color: #ff9600;
margin: 0 5px
}

.Left2-coll-pop-p1 .sp1 {
font-weight: bold
}

.Left2-coll-pop-p2 {
margin-top: 20px;
text-align: center;
line-height: 16px;
cursor: pointer;
color: #999
}

.Left2-coll-pop-p2:hover {
color: #666
}

.Left2-coll-pop-p2 b {
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #ccc;
line-height: 14px;
border-radius: 2px;
font-size: 12px;
position: relative;
top: -1px;
vertical-align: middle
}

.Left2-coll-pop-p2 b i {
color: #ff9600;
display: none;
position: relative;
left: 1px
}

.Left2-coll-pop-p2 span {
margin-left: 5px
}

.Left2-ArtUse-pop {
padding: 45px 0px 0px
}

.Left2-ArtUse-pop-p1 {
font-size: 14px;
color: #666;
letter-spacing: 1px;
line-height: 28px;
text-align: center
}

.Left2-ArtUse-pop-p2 {
margin-top: 20px;
text-align: center;
line-height: 16px;
cursor: pointer;
color: #999
}

.Left2-ArtUse-pop-p2:hover {
color: #666
}

.Left2-ArtUse-pop-p2 b {
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #ccc;
line-height: 14px;
border-radius: 2px;
font-size: 12px;
position: relative;
top: -1px;
vertical-align: middle
}

.Left2-ArtUse-pop-p2 b i {
color: #ff9600;
display: none;
position: relative;
left: 1px
}

.Left2-ArtUse-pop-p2 span {
margin-left: 5px
}

.Left2-coll-bg {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 119;
display: none
}

.layer-synchronize .layui-layer-btn {
padding: 4px 0px 8px !important
}

.layer-synchronize .layui-layer-btn a {
padding: 0px 30px !important
}

.layer-synchronize .layui-layer-btn .layui-layer-btn0:hover {
background-color: #f5f5f5 !important
}

.synchro-is {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 200;
background-color: rgba(0, 0, 0, 0.6)
}

.synchro-is-main {
position: absolute;
width: 300px;
height: 200px;
background-color: #fff;
border-radius: 10px;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -150px;
padding: 50px 30px 0px
}

.synchro-is-main p {
text-align: center;
color: #333
}

.synchro-is-p1 i {
font-size: 32px;
color: #333
}

.synchro-is-p2 {
height: 20px;
line-height: 20px;
margin-top: 20px
}

.synchro-is-p2 span {
color: #2f9833
}

.synchronize-success {
font-size: 0px;
text-align: center;
margin: 0 auto;
padding: 35px 20px 0px
}

.synchronize-success-li {
width: 220px;
height: 230px;
display: inline-block;
padding: 0px 15px
}

.synchronize-success-li .p1 {
width: 150px;
height: 150px;
margin: 0 auto
}

.synchronize-success-li .p2 {
color: #326abd;
height: 18px;
font-size: 13px;
margin-top: 6px;
line-height: 18px
}

.synchronize-success-li .p2 a {
color: inherit
}

.synchronize-success-li .p2 i {
margin-right: 5px
}

.synchronize-success-li .p3 {
height: 26px;
font-size: 12px;
margin-top: 15px
}

.synchronize-success-li .p3 input {
float: left;
width: 76%;
height: 26px;
border: 1px solid #eee;
padding: 0px 5px;
color: #999
}

.synchronize-success-li .p3 span {
float: right;
width: 22%;
background-color: #f5f5f5;
height: 26px;
line-height: 26px;
cursor: pointer;
color: #999
}

.synchronize-success-li .p3 span:hover {
background-color: #eee;
color: #333
}

.synchronize-success-li .p4 {
height: 26px;
font-size: 12px;
margin-top: 15px
}

.synchronize-success-li .p4 span {
color: #CC3333;
}


.synchronize-fail {
text-align: center;
padding: 22px 20px 0px;
letter-spacing: 1px
}

.synchronize-fail .p1 {
color: #666;
font-size: 16px;
line-height: 45px;
}

.synchronize-fail .p2 {
margin: 25px auto 0px;
line-height: 30px
}

.synchronize-fail .p2 a {
display: inline-block;
width: 110px;
height: 30px;
background-color: #16d17f;
color: #fff;
border-radius: 2px;
cursor: pointer
}

.synchronize-fail .p2 a i {
margin: 0 5px
}

.synchronize-fail .p2 a:hover {
opacity: 0.8
}
.copy-kf{
width: 80px;
height: 25px;
background-color: #16d17f;
color: #fff;
text-align: center;
line-height: 27px;
border-radius: 2px;
cursor: pointer;
margin: 3px 0px 0px 0px;
font-size: 12px;
}

.copy-kf:hover {
opacity: 0.8;
}