.body-zt {
    background-image: url(/main/base/image/backindex.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: calc(100vh - 40px);
}

.Left1 {
    position: absolute;
    top: 40px;
    left: 0px;
    bottom: 0px;
    z-index: 10
}

.Left1-body {
    width: 110px;
    height: calc(100vh - 150px);
    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: 100%;
}

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

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

.Left1-nav1 li b {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 10px;
    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: rgba(255, 255, 255, 0.1)
}

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

.Left1-nav2 li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    padding-left: 20px
}

.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 {
    background-color: #90cef3;
    color: #fff;
    box-shadow: 0 5px 8px 2px rgba(0, 0, 0, .16);
    z-index: 3
}

.Left1-nav-add {
    background-color: #90cef3;
    color: #fff;
    box-shadow: 0 5px 8px 2px rgba(0, 0, 0, .16);
    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: 100%;
    color: #e6e6e6;
    font-size: 13px;
    letter-spacing: 1px
}

.Left1-nav4 li {
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    text-align: center;
    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;
    font-size: 14px;
    display: inline-block;
}

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

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

.Left1-qq {
    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-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: 26px;
    z-index: 9;
    background-color: #f4f1f4
}

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

.Left2-color {
    /*text-align: left;
    width: 100%;
    height: 20px;
    padding-left: 10px;
    position: absolute;
    top: 8px;
    left: 0px;
    z-index: 12*/
    width: 40px;
    height: 78px;
    position: absolute;
    left: 380px;
    background: rgb(255, 255, 255);
    text-align: center;
    top: 0;z-index: 1;
    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 {
    margin: 2px auto 0px auto;
    width: 30px;
    height: 30px;
    border: 1px solid #bbb;
    border-radius: 50%;
    box-shadow: 0px 0px 3px #333;
    background: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
    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: 4px 0 0 0
}

.Left2-a-nav {
    font-size: 0px;
    padding: 0px 10px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.Left2-a-nav .add {
    color: #409EFF
}

.Left2-a-nav .add i {
    color: #409EFF
}

.Left2-a-nav-one {
    width: 12%;
    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;
    padding-left: 10px
}

.Left2-a-nav-one > p:hover {
    color: #00a9ef
}

.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
}

.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: -10px;
    padding: 10px 0px
}

.Left2-a-nav-two2 {
    width: 140px;
    left: -50px;
    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-seach {
    height: 28px;
    margin-top: 10px;
    padding: 0px 12px;
    color: #777;
    font-size: 12px;
    position: relative
}

.Left2-a-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-a-seach .d1 input {
    width: 100%;
    height: 26px;
    color: #333
}

.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 {
    position: absolute;
    z-index: 10;
    width: 60px;
    right: 0px;
    top: 20px;
    padding-top: 5px;
    display: none;
    text-align: center
}

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

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

.Left2-a-seach-sel li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}

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

.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 {
    float: right
}

.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;
    height:calc(100vh - 145px);
}

.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;
    width: 150px;
    right: 0px;
    top: 0;
    font-size: .24rem;
    color: #999999;
    height: 15px;
    line-height: 15px;
    text-align: center
}

.Left2-a-list-vip:before {
    content: "";
    position: absolute;
    width: 48%;
    height: 2px;
    top: 50%;
    background: -webkit-linear-gradient(left, #fff -4%, #FBD523 90%, #fff 100%);
    left: 2%
}

.Left2-a-list-vip:after {
    content: "";
    position: absolute;
    width: 28%;
    height: 2px;
    top: 50%;
    background: -webkit-linear-gradient(left, #fff -4%, #FBD523 10%, #fff 100%);
    right: 2%
}

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

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

.Left2-a-nocoll {
    color: #ddd;
}

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

.Left2-a-yl {
    position: absolute;
    right: 30px;
    bottom: 5px;
    display: none
}
.Left2-a-yl i{
    color:#ddd;
    font-size: 14px;
}

.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
}

.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-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: #409EFF
}

.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: #fff;
    letter-spacing: 1px;
    background-color: #4b4b4b;
    border-radius: 0px 0px 2px 2px
}

.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: #409EFF;
    color: #fff
}

.Left2-b-list-li2:hover {
    background-color: #409EFF;
    color: #fff
}

.Left2-b-list-li3:hover {
    background-color: #409EFF;
    color: #fff
}

.Left2-b-list-li4:hover {
    background-color: #409EFF;
    color: #fff
}

.Left2-b-list-li5:hover {
    background-color: #409EFF;
    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: #409EFF;
    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: #409EFF
}

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

.Left2-b-set > div .add b {
    border-color: #409EFF
}

.Left2-c-top {
    background-color: #fff;
    width: 100%;
    padding: 6px 0px 6px;
    border-radius: 4px 0 0 0;
}
.Left2-c-nav{
    font-size: 0px;
    padding: 0px 10px;
    color: #333;
    line-height: 30px;
}
.Left2-c-nav .add {
    color: #409EFF
}
.Left2-c-nav li{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 14px;
    cursor: pointer;
    height: 30px;
    letter-spacing: 1px;
    position: relative;
}
.Left2-c-seach {
    height: 28px;
    margin-top: 6px;
    padding: 0px 10px;
    color: #777;
    font-size: 12px;
}

.Left2-c-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-c-seach .d1 input {
    width: 100%;
    height: 26px;
    color: #333
}

.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-seach .d1 i:hover {
    color: #777
}

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

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

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

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

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

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

.Left2-c-seach .p2 {
    cursor: pointer;
    padding: 0px 8px;
    line-height: 26px;
    height: 28px;
    border: 1px solid #eee;
    margin-left: 5px;
    border-radius: 3px;
    float: left;
    color: #EEBA42
}

.Left2-c-seach .p2:hover {
    background-color: #eee
}

.Left2-c-seach .add {
    background-color: #00a9ef !important;
    color: #fff
}

.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(60, 60, 60, 0.7);
    width: 100%;
    height: 236px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}
.Left2-c-list-li2{
    text-align: -webkit-center;
    margin-top: 40px;
}
.Left2-c-list-li2 p {
    border: 1px solid #fff;
    color: #fff;
    width: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}
.Left2-c-list-ul .Left2-b-coll {
    color: #ffbf15 !important;
}
.Left2-b-list-zsvip{
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    z-index: 8;
    font-size: 12px;
    line-height: 20px;
    height: 20px !important;
    padding: 0 6px;
    border-radius: 3px;
    color: #fff;
    background-image: linear-gradient(to right, #fd7171, #fa5756);
    width: 84px !important;
}
.Left2-c-list-li3{
    text-align: -webkit-center;
    margin-top: 20px;
    color: #fff;
    z-index: 15
}
.Left2-c-list-li3 p {
    border: 1px solid #fff;
    width: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}
.Left2-c-list-li5{
    text-align: -webkit-center;
    margin-top: 20px;
}
.Left2-c-list-li5 p {
    border: 1px solid #fff;
    color: #fff;
    width: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}
.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 #409EFF;
    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 #409EFF;
    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: #409EFF
}

.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 #409EFF;
    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 #409EFF;
    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: 36px 0px 6px;
    border-radius: 4px 0 0 0
}

.Left2-e-seach {
    height: 28px;
    margin-top: 4px;
    padding: 0px 10px;
    color: #fff
}

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

.Left2-e-seach .p1 {
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    background-color: #D3D3D3;
    width: 80px;
    margin-right: 1px;
    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(3) {
    border-radius: 0px 3px 3px 0px
}

.Left2-e-seach .p2 {
    height: 28px;
    border: 1px solid #ebebeb;
    width: 105px;
    padding: 0px 5px 0px 26px;
    border-radius: 4px;
    position: relative;
    margin-left: 10px
}

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

.Left2-e-seach .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: #00a9ef !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;
    border-width: 15px 20px;
    border-style: solid;
    border-color: transparent #ccc #ccc transparent;
    right: 1px;
    bottom: 1px;
    display: none;
    color: #fff
}

.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: #fb2424
}

.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: 8px
}

.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: 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-e-mage .p1:hover {
    color: #409EFF
}

.Left2-e-mage .add span {
    color: #fff;
    background-color: #409EFF
}

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

.Left2-e-mage .p2:hover {
    color: #409EFF
}

.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: 34px;
    width: 120px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #bbb;
    left: -24px;
    display: none
}

.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 {
    background-color: #409EFF
}

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

.Left2-f-seach {
    height: 28px;
    margin-top: 4px;
    padding: 0px 10px;
    color: #fff
}

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

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

.Left2-f-seach .p1:hover {
    background-color: #409EFF
}

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

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

.Left2-f-seach .p2 {
    height: 28px;
    border: 1px solid #ebebeb;
    width: 105px;
    padding: 0px 5px 0px 26px;
    border-radius: 4px;
    position: relative;
    margin-left: 10px
}

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

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

.Left2-f-seach .p2 i:hover {
    color: #409EFF
}

.Left2-f-seach .add {
    background-color: #00a9ef !important
}

.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-group {
    font-size: 0px;
    padding: 10px 2px 0px
}

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

.Left2-f-group li:hover {
    color: #409EFF
}

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

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

.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: #409EFF;
    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
}

.Left2-f-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-f-mage .p1:hover {
    color: #409EFF
}

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

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

.Left2-f-mage .p2:hover {
    color: #409EFF
}

.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: 34px;
    width: 120px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #bbb;
    left: -24px;
    display: none
}

.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 {
    background-color: #409EFF
}

.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: 24px;
    text-align: center;
    margin-top: 6px;
    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 {
    background-color: #ebebeb
}

.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: 8px
}

.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: #409EFF
}

.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: #666;
    border-radius: 5px
}

.Left2-list-num ul {
    background-color: #666;
    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: #fff
}

.Left2-list-num b {
    width: 12px;
    height: 12px;
    background-color: #666;
    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: 20px;
    line-height: 20px;
    background-color: #409EFF;
    color: #1E282D;
    border-radius: 50%;
    margin: 0px 3px
}

.Left2-body .layui-laypage a:hover, .Left2-body .layui-laypage span:hover {
    background-color: #409EFF;
    color: #fff;
    border-radius: 50%
}

.Left2-body .layui-laypage a {
    border: 0px
}

.Left2-body .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #409EFF;
    color: #fff;
    padding: 0px;
    left: 0px;
    top: 0px;
    border-radius: 50%
}

.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: #409EFF
}

.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: #409EFF
}

.Left2F-key ul li:hover i {
    color: #409EFF
}

.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: #409EFF
}

.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: #409EFF
}

.Left2I-key ul li:hover i {
    color: #409EFF
}

.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: #409EFF
}

.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-view-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 200;
    display: none
}

.Left2-view-bg section {
    max-width: 100%
}



.Left2-view {
    position: relative;
    padding: 20px 0px;
    border-radius: 20px;
    width: 335px;
    height: 600px;
    margin: 60px auto 30px;
    width: 408px;
    box-sizing: border-box;
    height: 725px;
    background-image: url(/main/kindeditor/image/iPhoneX.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 55px;
    padding-left: 24px
}

.Left2-view-tool-title {
    width: 358px;
    height: 40px;
    line-height: 40px;
    background-color: #409EFF;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0px 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box
}
.Left2-view-main {
    width: 358px;
    height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 15px
}
@media screen and (max-width: 1400px) {
    .Left2-view {
        position: relative;
        padding: 20px 0px;
        border-radius: 20px;
        width: 300px;
        margin: 40px auto 30px;
        box-sizing: border-box;
        height: 540px;
        background-image: url(/main/kindeditor/image/iPhoneX.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 40px;
        padding-left: 24px
    }

    .Left2-view-tool-title {
        width: 260px;
        height: 40px;
        line-height: 40px;
        background-color: #409EFF;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 0px 12px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        box-sizing: border-box
    }
    .Left2-view-main {
        width: 265px;
        height: 80%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0px 15px
    }
}



.Left2-view-tool-true-title {
    width: 358px;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 5px
}

.Left2-view-tool-info {
    width: 358px;
    line-height: 20px;
    font-size: 14px;
    color: #909399;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-left: 5px
}

.Left2-view-tool-dark {
    background-color: #666 !important;
    color: #fff !important
}

.Left2-view-qrcode {
    position: absolute;
    right: -155px;
    font-size: 28px;
    cursor: pointer;
    color: #eee;
    top: 30px;
    text-align: center;
    width: 150px;
    background-color: #fff;
    border-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center
}

.Left2-view-qrcode-title {
    padding: 10px
}

.Left2-view-qrcode .Left2-view-qrcode-title p:nth-child(1) {
    color: #3f9eff;
    font-size: 14px;
    margin-bottom: 9px
}

.Left2-view-qrcode .Left2-view-qrcode-title p {
    font-size: 12px;
    color: #909399
}

.Left2-view-qrcode-rq {
    margin-top: 12px;
    margin-bottom: 14px;
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center
}

.Left2-view-qrcode a {
    width: 120px;
    height: 36px;
    border: 1px solid #3f9eff;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    color: #3f9eff;
    transition: all .2s;
    font-size: 14px;
    margin-bottom: 12px
}



.Left2-view-main::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #fff
}

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

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

.Left2-view-main img {
    vertical-align: baseline
}

.Left2-view-close {
    position: absolute;
    right: -30px;
    font-size: 28px;
    cursor: pointer;
    color: #eee;
    top: -10px
}

.Left2-view-close:hover {
    color: #f35858
}

.Left2-view-ul {
    width: 100px;
    position: absolute;
    left: 100%;
    margin-left: 10px;
    bottom: 30px;
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
    color: #000;
    line-height: 30px
}

.Left2-view-ul li {
    box-shadow: 0 0 3px #eee;
    height: 30px;
    background-color: #fefefe;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    margin-bottom: 10px;
    width: 145px
}

.Left2-view-ul li:hover {
    background-color: #eee
}

.Left2-view-main table {
    border-collapse: collapse;
    display: table
}

.Left2-view-main td, .Left2-view-main th {
    padding: 5px 10px;
    border: 1px solid #DDD
}

.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: 20px 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: #409EFF;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.synchronize-fail .p2 a i {
    margin: 0 5px
}

.synchronize-fail .p2 a:hover {
    opacity: 0.8
}

.Position-beian {
    position: fixed;
    left: 110px;
    bottom: 0px;
    width: 380px;
    background-color: #e5e5e5;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.14);
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 10px;
    letter-spacing: 1px;
    z-index: 9;
}

.Position-beian a {
    color: inherit
}

.Position-beian a:hover {
    color: #409EFF
}

.Position-beian span {
    margin-right: 5px
}
.copy-kf{
    width: 80px;
    height: 25px;
    background-color: #409EFF;
    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;
}