/*a{display: block!important;}*/
/*================================================*/
.background{
    width: 100%;
    height: 1030px;
    position: fixed;
    /* top: 138px; */
    z-index: 1;
    background: url(/kpd/images/reg_bg.jpg) center repeat;
    background-size: cover;
}

.Body-page{
    width: 800px;
    min-height: 0;
    padding-top: 50px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 1;
}

.Body-page .nav-left{
    width: 60px;
    min-height: 0;
    margin-left: -62px;
    position: fixed;
    top: 130px;
    z-index: 200;
}
.Body-page .nav-left .li{
    width:60px;
    height:60px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 5px 0px rgba(197,195,195,0.4);
    border-radius:2px;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
}

.Body-page .nav-left .li .label{
    display: inline-block;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border-radius:3px;
    background: white;
    position: absolute;
    top: 14px;
    display: none;
}
.Body-page .nav-left .li .label-1{
    left: -65px;
}
.Body-page .nav-left .li .label-2{
    left: -95px;
}
.Body-page .nav-left .li .label-3{
    left: -80px;
}
.Body-page .nav-left .li .label span{
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.Body-page .nav-left .li .label .s{
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid white;
    position: absolute;
    top: 10px;
    right: -12px;
}
.Body-page .nav-left .li > i{
    display: block;
    width: 60px;
    height: 60px;
}
.Body-page .nav-left .li-1:hover{
    border-style: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 62px;
    background: white;
}
.Body-page .nav-left .li-1:hover .label{
    display: block;
}

.Body-page .nav-left .li > i.i1{
    background: url(../capterimg/png/v3-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-1 > .txt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(155,155,155,1);
}
.Body-page .nav-left .li-1:hover > i.i1{
    background: url(../capterimg/png/v3-1-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-1:hover > .txt {
    color: #028BF3;
    margin-left: -1px;
}

.Body-page .nav-left .li-2:hover{
    border-style: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 62px;
    background: white;
}
.Body-page .nav-left .li-2:hover .label{
    display: block;
}

.Body-page .nav-left .li > i.i2{
    background: url(../capterimg/png/v3-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li > i.i2:hover{
    background: url(../capterimg/png/v3-2-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-3:hover{
    border-style: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 62px;
    background: white;
}
.Body-page .nav-left .li-3:hover .label{
    display: block;
}

.Body-page .nav-left .li > i.i3{
    background: url(../capterimg/png/v3-3.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li > i.i3:hover{
    background: url(../capterimg/png/red_phone.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-4:hover{
    background: white;
}
.Body-page .nav-left .li-4:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i4{
    background: url(../capterimg/png/v3-4.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li > i.i4:hover{
    background: url(../capterimg/png/v3-4-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-5:hover{
    background: white;
}
.Body-page .nav-left .li-5:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i5{
    background: url(../capterimg/png/v3-5.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-6:hover{
    background: white;
}
.Body-page .nav-left .li-6:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i6{
    background: url(../capterimg/png/v3-6.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li > i.i6:hover{
    background: url(../capterimg/png/v3-6-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-7:hover{
    background: white;
}
.Body-page .nav-left .li-7:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i7{
    background: url(../capterimg/png/v3-7.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-8:hover{
    background: white;
}
.Body-page .nav-left .li-8:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i8{
    background: url(../capterimg/png/v3-8.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-9:hover{
    background: white;
}
.Body-page .nav-left .li-9:hover .label{
    display: block;
}
.Body-page .nav-left .li > i.i9{
    background: url(../capterimg/png/yumao.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li > i.i9:hover{
    background: url(../capterimg/png/yumao-2.png) center no-repeat;
    background-size: cover;
}



.Body-page .nav-left .li-1:hover .menu-box{
    display: block;
}

.Body-page .nav-left .li-1 .menu-box{
    width: 644px;
    height: 664px;
    background: white;
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    position: absolute;
    top: 0;
    left: 61px;
    z-index: 0;
    display: none;
}
.Body-page .nav-left .li-1 .menu-box .s{
    width: 8px;
    height: 60px;
    background: white;
    position: absolute;
    top: 0;
    left: -4px;
}
.Body-page .nav-left .li-1 .menu-box .menu{
    width: auto;
    padding: 0 22px;
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v1{
    width: 100%;
    height: 60px;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v1 a{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    float: left;
    margin: 12px 36px 0 12px;

    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color: #333333;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v1 a.show{
    color: rgba(228,86,73,1);
    border-bottom: 1px solid rgba(228,86,73,1);
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v1 a:hover{
    color: rgba(228,86,73,1);
}


.Body-page .nav-left .li-1 .menu-box .menu .li-v2{
    width: 100%;
    min-height: 623px;
    overflow: hidden;
    position: relative;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son{
    width: 100%;
    height: 623px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son::-webkit-scrollbar {
  width: 9px;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    background: rgba(238,238,238,1);
}


.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box{
    width: 560px;
    min-height: 0;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b1{
    width: auto;
    height: 33px;
    line-height: 32px;
    padding: 0 30px;
    background:rgba(238,238,238,1);
    margin-bottom: 3px; 
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b1 span{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2{
    width: auto;
    min-height: 33px;
    margin-bottom: 20px;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-t{
    width: auto;
    height: 33px;
    line-height: 32px;
    padding: 0 30px;
    background:rgba(238,238,238,1);
    position: relative;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-t span.sp1{
    float: left;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-t span.sp2{
    width: 46px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
}


.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b{
    width: auto;
    min-height: 0;
    overflow: hidden;
    margin-top: 14px;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b .b-li{
    width: 267px;
    height: 44px;
    line-height: 44px;
    float: left;
    border-bottom: 1px dotted rgba(204,204,204,1);
    margin-left: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b .b-li:nth-child(2n+1){
    margin-left: 0;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b .b-li a{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left: 30px;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b .b-li a.show{
    color: #2784bd;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son1 .b-box .b2 .b2-b .b-li a:hover{
    color: #2784bd;
}


.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box{
    width: 560px;
    min-height: 0;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li{
    width: 100%;
    height: 66px;
    border-top: 1px dotted rgba(204,204,204,1);
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li:nth-child(1){
    border-style: none;
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c1{
    width: 440px;
    height: 66px;
    line-height: 66px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c1 a{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c1 a:hover{
    color: #2784bd;
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c2{
    width: 84px;
    height: 66px;
    line-height: 66px;
    float: left;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c2 span{
    font-size:14px;
    font-family:Arial;
    font-weight:400;
    color:rgba(153,153,153,1);
}

.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c3{
    width: 30px;
    height: 66px;
    float: right;
}
.Body-page .nav-left .li-1 .menu-box .menu .li-v2 .son2 .b-box .b-li .c3 > i{
    display: block;
    width: 30px;
    height: 30px;
    margin: 20px 0 16px;
    background: url(../capterimg/png/v15.png) center no-repeat;
    background-size: cover;
}



.Body-page .nav-left .li-2 .menu-box{
    width: 410px;
    height: 245px;
    background: white;
    box-shadow:0 0 7px 0 rgba(197,195,195,0.4);
    position: absolute;
    top: -62px;
    left: 62px;
    z-index: 0;
    background:rgba(255,255,255,1);
    border-radius:2px;
    display: none;
}
.Body-page .nav-left .li-2:hover .menu-box{
    display: block;
}

.Body-page .nav-left .li-2 .menu-box .s{
    width: 8px;
    height: 60px;
    background: white;
    position: absolute;
    top: 62px;
    left: -8px;
}
.Body-page .nav-left .li-2 .menu-box .menu{
    width: auto;
    padding: 0 22px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v1 span{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2{
    width: 100%;
    min-height: 0;
    padding: 12px 0;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b{
    width: 100%;
    height: 28px;
    margin-bottom: 24px;

}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b .b-left{
    width: 80px;
    height: 28px;
    line-height: 26px;
    float: left;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b .b-left span{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b .b-right{
    width: 241px;
    height: 28px;
    float: left;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v1 .b-right a{
    display: block;
    width: 52px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 4px;
    float: left;
    margin-right: 18px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v1 .b-right a.a1{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v1 .b-right a.a2{
    font-size:14px;
    font-family:NSimSun;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v1 .b-right a.a3{
    font-size:14px;
    font-family:楷体;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v1 .b-right a.show{
    color: #028BF3;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v2 .b-right a{
    display: block;
    width: 66px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    float: left;

}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v2 .b-right a.a1{
    border:1px solid rgba(204,204,204,1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v2 .b-right a.a2{
    border-top:1px solid rgba(204,204,204,1);
    border-bottom:1px solid rgba(204,204,204,1);
    font-size: 18px;
    color: #999999;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v2 .b-right a.a3{
    border:1px solid rgba(204,204,204,1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v3 .b-right a{
    display: block;
    width: 66px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    float: left;

}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v3 .b-right a.a1{
    border:1px solid rgba(204,204,204,1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    background: url(../capterimg/png/v10-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v3 .b-right a.a2{
    border-top:1px solid rgba(204,204,204,1);
    border-bottom:1px solid rgba(204,204,204,1);
    font-size: 18px;
    color: #999999;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v3 .b-right a.a3{
    border:1px solid rgba(204,204,204,1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    background: url(../capterimg/png/v10-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v4 .b-right a{
    display: block;
    width: 52px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 4px;
    float: left;
    margin-right: 18px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v4 .b-right a.a1{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    background: url(../capterimg/png/v10-3-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v4 .b-right a.a1.show{
    background: url(../capterimg/png/v10-3-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v4 .b-right a.a2{
    font-size:14px;
    font-family:楷体;
    font-weight:400;
    color:rgba(51,51,51,1);
    background: url(../capterimg/png/v10-4-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v2 .b-v4 .b-right a.a2.show{
    background: url(../capterimg/png/v10-4-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v3{
    width: 100%;
    height: 38px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-left{
    width: 80px;
    height: 38px;
    float: left;
}

.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right{
    width: 241px;
    height: 38px;
    float: left;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right > a{
    display: block;
    float: left;
    margin-right: 17px;
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right > a.a1{
    width: 86px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background:rgba(228,86,73,1);
    border-radius:4px;

    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right > a.a1:hover{
    background: rgb(210, 79, 67);
}


.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right > a.a2{
    width: 84px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border:1px solid rgba(204,204,204,1);
    border-radius:4px;

    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .nav-left .li-2 .menu-box .menu .li-v3 > .b-right > a.a2:hover{
    background: #e0e0e0;
}


.Body-page .nav-left .li-3:hover .menu-box{
    display: block;
}

.Body-page .nav-left .li-3 .menu-box{
    width: 300px;
    height: 273px;
    background: white;
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    position: absolute;
    top: -62px;
    left: 61px;
    z-index: 0;
    display: none;
}
.Body-page .nav-left .li-3 .menu-box .s{
    width: 8px;
    height: 60px;
    background: white;
    position: absolute;
    top: 62px;
    left: -4px;
}
.Body-page .nav-left .li-3 .menu-box .menu{
    width: auto;
    padding: 0 22px;
}
.Body-page .nav-left .li-3 .menu-box .menu .li-v1 .a1{
    width:71px;
    height:18px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:50px;
}
.Body-page .nav-left .li-3 .menu-box .menu .li-v2 .a1{
    width:65px;
    height:17px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    display: block;
    text-align: center;
    margin: 0 auto;
}
.Body-page .nav-left .li-3 .menu-box .menu .li-v3{
    height: 130px;
    text-align: center;
}
.Body-page .nav-left .li-3 .menu-box .menu .li-v3 .pic{
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 30px;
}
.Body-page .nav-left .li-3 .menu-box .menu .li-v4 .a1{
    width:29px;
    height:14px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:52px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.Body-page .nav-right{
    width: 60px;
    min-height: 0;
    margin-left: 802px;
    position: fixed;
    top: 130px;
}
.Body-page .nav-right .li-box{
    width:60px;
    min-height:60px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 5px 0px rgba(197,195,195,0.4);
    border-radius:2px;
    margin-bottom: 4px;
    cursor: pointer;
}
.Body-page .nav-right .li-box .li{
    width:60px;
    height:60px;
    border-top: 1px solid rgba(217,217,217,1);
    position: relative;
}
.Body-page .nav-right .li-box .li:nth-child(1){
    border-top-style: none;
}

.Body-page .nav-right .li-box .li:hover{
    background: white;
}
.Body-page .nav-right .li-box .li:hover .label{
    display: block;
}

.Body-page .nav-right .li .label{
    display: inline-block;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border-radius:3px;
    background: white;
    position: absolute;
    top: 14px;
    left: 73px;
    display: none;
}
.Body-page .nav-right .li .label span{
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.Body-page .nav-right .li .label .s{
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid white;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 10px;
    left: -12px;
}

.Body-page .nav-right .li-box-1 .li > i{
    display: block;
    width: 60px;
    height: 60px;
}
/*.Body-page .nav-right .li-box-1 .li > i.i1{
    background: url(../capterimg/png/v4-1.png) center no-repeat;
    background-size: cover;
    
}
.Body-page .nav-right .li-box-1 .li > i.i1:hover{
    background: url(../capterimg/png/v4-1-2.png) center no-repeat;
    background-size: cover;  
}*/
.Body-page .nav-right .li-box-1 .li-share > i.i1{
    background: url(../capterimg/png/share1.png) center no-repeat;
    background-size: cover;
    
}

.Body-page .nav-right .li-box-1 .li-hb:hover .txt{
    color:#028BF3;
}
.Body-page .nav-right .li-box-1 .li > .txt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(155,155,155,1);
}
.Body-page .nav-right .li-box-1 .li-hb > i.i1{
    background: url(../capterimg/png/big_share1.png) center no-repeat;
    background-size: cover;
    background-position: 0 -6px;
    
}
.Body-page .nav-right .li-box-1 .li-hb:hover > i.i1{
    background: url(../capterimg/png/big_share2.png) center no-repeat;
    background-size: cover;
    background-position: 0 -6px;
    
}
.Body-page .nav-right .li-box-1 .li-share > i.i1:hover{
    background: url(../capterimg/png/share2.png) center no-repeat;
    background-size: cover;
    
}
.Body-page .nav-right .li-box-1 .li > i.i2{
    background: url(../capterimg/png/v4-2.png) center no-repeat;
    background-size: cover;
    background-position: 0 1px;
}
.Body-page .nav-right .li-box-1 .li > i.i2:hover{
    background: url(../capterimg/png/v4-2-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-1 .li > i.i3{
    background: url(../capterimg/png/v4-3.png) center no-repeat;
    background-size: cover;
    background-position: 0 1px;
}
.Body-page .nav-right .li-box-1 .li > i.i3:hover{
    background: url(../capterimg/png/v4-3-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-right .li-box-2 .li > i{
    display: block;
    width: 60px;
    height: 60px;
}
.Body-page .nav-right .li-box-2 .li > i.i1{
    background: url(../capterimg/png/v5-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li > i.i1:hover{
    background: url(../capterimg/png/v5-1-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li-4:hover > .i1{
     background: url(../capterimg/png/v5-1-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li-4:hover > .txt{
   color:#028BF3;
}
.Body-page .nav-right .li-box-2 .li > i.i2{
    background: url(../capterimg/png/v5-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li > .txt{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 4px;

    font-size:12px;
    font-weight:400;
    color:rgba(155,155,155,1);
}

.Body-page .nav-right .li-box-3 .li > i{
    display: block;
    width: 60px;
    height: 60px;
}
.Body-page .nav-right .li-box-3 .li > i.i3{
    background: url(../capterimg/png/v5-3.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-3 .li:hover > i.i3{
    background: url(../capterimg/png/v5-3-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-3 .li > i.i4{
    background: url(../capterimg/png/v5-4.png) center no-repeat;
    background-size: cover;
    background-position: 0 -1px;
}
.Body-page .nav-right .li-box-3 .li > i.i4:hover{
    background: url(../capterimg/png/v5-4-2.png) center no-repeat;
    background-size: cover;
    background-position: 0 -1px;
}
.Body-page .nav-right .li-box-3 .li-7:hover > .i4{
    background: url(../capterimg/png/v5-4-2.png) center no-repeat;
    background-size: cover;
    background-position: 0 -1px;
}
.Body-page .nav-right .li-box-3 .li-7:hover > .txt{
    color:#028BF3;
}
.Body-page .nav-right .li-box-3 .li > .txt{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 4px;

    font-size:12px;
    font-weight:400;
    color:rgba(155,155,155,1);
}
.Body-page .nav-right .li-box-3 .li:hover > .txt{
    color:#028BF3;
}

.Body-page .nav-right .li-box-4 .li > a{
    display: block;
    width: 60px;
    height: 60px;
}
.Body-page .nav-right .li-box-4 .li > a.i1{
    background: url(../capterimg/png/v6-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-4 .li > a.i1:hover{
    background: url(../capterimg/png/v6-1-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-4 .li > a.i2{
    background: url(../capterimg/png/v6-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-4 .li > a.i2:hover{
    background: url(../capterimg/png/v6-2-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-right .li-box-4 .li > i.i3{
    background: url(../capterimg/png/v6-3.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-4 .li a > i.it{
    background: url(../capterimg/png/back_top1.png) center no-repeat;
    background-size: cover;
    width: 24px;
    height: 14px;
    display: inline-block;
    margin-top: 17px;
    margin-left: 18px;
}
.Body-page .nav-right .li-box-4 .li a:hover .it{
    background: url(../capterimg/png/back_top2.png) center no-repeat;
    background-size: cover;
}

.Body-page .nav-right .li-box-4 .li a > .txt{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 4px;

    font-size:12px;
    font-weight:400;
    color:rgba(155,155,155,1);
}
.Body-page .nav-right .li-box-4 .li a:hover .txt{
    color:#028BF3;
}
.Body-page .m1{
    width: auto;
    min-height: 0;
    margin: 0 auto 38px;
}
.Body-page .m1 .n1{
    width: auto;
    height: 40px;
    padding-top: 40px;
    margin: 0 auto;
}

.Body-page .m1 .n1 > p{
    line-height: 40px;
    font-size:14px;
    font-weight:300;
    color:rgba(51,51,51,1);
}
.Body-page .m1 .n1 > p > a{
    font-size:14px;
    font-weight:300;
    color:#ccc;
    display: inline-block!important;
}
.Body-page .m1 .n1 > p > a:hover{
    color: #2784bd;
    text-decoration: underline;
}
.Body-page .m1 .n1 > p > span{
    font-size:14px;
    font-weight:300;
    color:#ccc;
    margin: 0 10px;
}

.Body-page .m1 .n2{
    width: auto;
    height: 684px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    border-radius:3px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.Body-page .m1 .n2 .cjzw{
    width: 83px;
    height: 115px;
    cursor: pointer;
    position: absolute;
    right:-3px;
    top:-1px;
    z-index: 100;
}
.Body-page .m1 .n2 .n0-box{
    width: 20px;
    height: 38px;
    position: absolute;
    top: -2px;
    right: 20px;
}
.Body-page .m1 .n2 .n0-box a{
    display: block;
    width: 20px;
    height: 38px;
}
.Body-page .m1 .n2 .n0-box a.a1{
    background: url(../capterimg/png/v14-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .m1 .n2 .n0-box a.a2{
    background: url(../capterimg/png/v14-2.png) center no-repeat;
    background-size: cover;
}


.Body-page .m1 .n2 .n1-box{
    width:22px;
    height:36px;
    background:rgba(0,0,0,0.5);
    position: absolute;
    left: -22px;
    top: 740px;
}
.Body-page .m1 .n2 .n1-box a{
    width:13px;
    font-size:12px;
    font-weight:300;
    color:rgba(255,255,255,1);
    text-align: center;
    display: block;
    margin:2px auto 0;
    cursor: pointer;
}
.Body-page .m1 .n2 .n2-box{
    width: auto;
    height: 660px;
    margin: 12px 10px;
    position: relative;
}

.Body-page .m1 .n2 .n2-box .s-l{
    width: 30px;
    height: 660px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../capterimg/png/v2-1.png) center no-repeat;
    background-size: cover;
}

.Body-page .m1 .n2 .n2-box .s-r{
    width: 30px;
    height: 660px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../capterimg/png/v2-2.png) center no-repeat;
    background-size: cover;
}
.Body-page .m1 .n2 .n2-box .s-t{
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../capterimg/png/v2-3.png) center;
}
.Body-page .m1 .n2 .n2-box .s-b{
    width: 100%;
    height: 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../capterimg/png/v2-3.png) center;
}


.Body-page .m1 .n2 .n2-box .v1{
    width: 100%;
    height: 238px;
    padding-top: 40px;
}

.Body-page .m1 .n2 .n2-box .v1 .pic{
    width: 172px;
    height: 230px;
    margin: 0 auto;
    background:rgba(255,255,255,1);
    /*border:4px solid rgba(255,255,255,1);
    box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);*/
}
.Body-page .m1 .n2 .n2-box .v1 .pic .img{
    width: 172px;
    height: 230px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
}


.Body-page .m1 .n2 .n2-box .v2{
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-top: 25px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v2 span{
    font-size:32px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:44px;
}

.Body-page .m1 .n2 .n2-box .v3{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v3 span{
    font-size:16px;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.Body-page .m1 .n2 .n2-box .v3 span:hover{
    font-size:16px;
    font-weight:400;
    color:#2784bd;
}

.Body-page .m1 .n2 .n2-box .v4{
    width: 500px;
    height: 60px;
    padding-top: 16px;
    padding-bottom: 14px;
    margin: 0 auto;
}
.Body-page .m1 .n2 .n2-box .v4 .li{
    height: 60px;
    float: left;
}
.Body-page .m1 .n2 .n2-box .v4 .li.li-1{
    width: 180px;
    height: 60px;
}
.Body-page .m1 .n2 .n2-box .v4 .li.li-2{
    width: 140px;
    height: 60px;
}
.Body-page .m1 .n2 .n2-box .v4 .li.li-3{
    width: 180px;
    height: 60px;
}

.Body-page .m1 .n2 .n2-box .v4 .li .li-t{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v4 .li .li-t span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .m1 .n2 .n2-box .v4 .li-1 .li-t span:hover{
    color:#2784bd;
}

.Body-page .m1 .n2 .n2-box .v4 .li .li-b{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v4 .li .li-b span{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
}

.Body-page .m1 .n2 .n2-box .v5{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v5 span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .m1 .n2 .n2-box .v6{
    width: 100%;
    height: 40px;
    /*padding-top: 18px;*/
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v6 .a1{
    display: block;
    /*width:148px;*/
    line-height: 38px;
    text-align: center;
    background: #E45649 ;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 0px 20px;
}
.Body-page .m1 .n2 .n2-box .v6 .a1 .suo{
   background: url('/public/fiction/img/png/suo.png') no-repeat center;
   background-size: cover; 
   width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
}
.Body-page .m1 .n2 .n2-box .v6 .a2{
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: rgba(228, 86, 73, 0.38);
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 0 20px;
}
.Body-page .m1 .n2 .n2-box .v6 .a2 .suo2{
   background: url('/public/fiction/img/png/suo2.png');
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
}

/*.Body-page .m1 .n2 .n2-box .v6 a:hover{
    border:1px solid rgba(228,86,73,1);
    background:#fceeec;
    color: #2784bd;
}*/

.Body-page .m1 .n2 .n2-box .v7{
    width: 100%;
    height: 52px;
    padding-top: 10px;
    text-align: center;
}
.Body-page .m1 .n2 .n2-box .v7 p{
    line-height: 26px;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
}


/*vip*/
.Body-page .m1 .n2-2{
    width: auto;
    height: 684px;
    background:rgba(246,244,236,1);
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    border-radius:3px;
    margin-bottom: 25px;
    padding: 40px 40px;
    position: relative;
}
.Body-page .m1 .n2-2 .n0-box{
    width: 20px;
    height: 38px;
    position: absolute;
    top: -2px;
    right: 20px;
}
.Body-page .m1 .n2-2 .n0-box a{
    display: block;
    width: 20px;
    height: 38px;
}
.Body-page .m1 .n2-2 .n0-box a.a1{
    background: url(../capterimg/png/v14-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .m1 .n2-2 .n0-box a.a2{
    background: url(../capterimg/png/v14-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .m1 .n2-2 .n1-box{
    width:22px;
    height:36px;
    background:rgba(0,0,0,0.5);
    position: absolute;
    left: -22px;
    top: 700px;
}
.Body-page .m1 .n2-2 .n1-box a{
    width:13px;
    font-size:12px;
    font-weight:300;
    color:rgba(255,255,255,1);
    text-align: center;
    display: block;
    margin:2px auto 0;
    cursor: pointer;
}

.Body-page .m1 .n2-2 .v1{
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Body-page .m1 .n2-2 .v1 span{
    font-size:28px;
    font-weight:400;
    color:rgba(0,0,0,1);
}

.Body-page .m1 .n2-2 .v2{
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(217,217,217,1);
}
.Body-page .m1 .n2-2 .v2 span{
    font-size:12px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-right: 10px;
}

.Body-page .m1 .n2-2 .v3{
    width: 100%;
    height: 52px;
    padding-top: 30px;
    line-height: 52px;
    text-align: center;
}
.Body-page .m1 .n2-2 .v3 span{
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Body-page .m1 .n2-2 .v4{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding-bottom: 30px;
}
.Body-page .m1 .n2-2 .v4 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}


.Body-page .m1 .n2-2 .v5{
    width: 460px;
    height: 70px;
    margin: 0 auto;
}
.Body-page .m1 .n2-2 .v5 .li{
    width:142px;
    height:66px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
    margin-left: 14px;
    margin-bottom: 14px;
    float: left;
    cursor: pointer;
    position: relative;
}
.Body-page .m1 .n2-2 .v5 .li:nth-child(3n+1){
    margin-left: 0;
}

.Body-page .m1 .n2-2 .v5 .li.show{
    background:rgba(228,86,73,0.1);
    border-radius:3px;
    border: 1px solid rgba(228,86,73,1);
}
.Body-page .m1 .n2-2 .v5 .li.show .b1{
    color: #2784bd;
}
.Body-page .m1 .n2-2 .v5 .li.show .b2,
.Body-page .m1 .n2-2 .v5 .li.show .c2{
    color: #2784bd;
}

.Body-page .m1 .n2-2 .v5 .li.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.Body-page .m1 .n2-2 .v5 .li.show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}

.Body-page .m1 .n2-2 .v5 .li .b1{
    width:100%;
    height:16px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:14px;
    display: block;
    margin:22px auto 0;
    text-align: center;
}
.Body-page .m1 .n2-2 .v5 .li .b2{
    width:100%;
    height:16px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:14px;
    display: block;
    margin:20px auto 0;
    text-align: center;
}
.Body-page .m1 .n2-2 .v5 .li .b2{
    margin-top: 18px;
    border-left-style: none;
    border-right-style: none;
}
.Body-page .m1 .n2-2 .v5 .li .c2{
    width:87px;
    height:16px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#999999;
    line-height:14px;
    display: block;
    margin:5px auto;
    text-align: center;
}

.Body-page .m1 .n2-2 .v6{
    width: 100%;
    height: 30px;
    line-height: 0;
    padding-top: 14px;
    text-align: center;
}
.Body-page .m1 .n2-2 .v6 label{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    padding-left: 26px;
    position: relative;
    cursor: pointer;
}
.Body-page .m1 .n2-2 .v6 label > input{
    display: block;
    width: 14px;
    height: 14px;
    line-height: 32px;
    position: absolute;
    top: 8.5px;
    left: 0;
}

.Body-page .m1 .n2-2 .v7{
    width: 100%;
    height: 38px;
    padding: 60px 0 8px;
    text-align: center;
}
.Body-page .m1 .n2-2 .v7 span{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .m1 .n2-2 .v7 span > b{
    color: #2784bd;
}

.Body-page .m1 .n2-2 .v8{
    width: 100%;
    height: 40px;
}
.Body-page .m1 .n2-2 .v8 a{
    display: block;
    width:150px;
    height:40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background:rgba(228,86,73,1);
    border-radius:2px;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
}
.Body-page .m1 .n2-2 .v8 a:hover{
    background:#dc4032;
}

.Body-page .m1 .n2-2 .v9{
    width: 460px;
    min-height: 0;
    padding-top: 92px;
    margin: 0 auto;
}
.Body-page .m1 .n2-2 .v9 p{
    line-height: 26px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}


.Body-page .m1 .n3{
    width:auto;
    min-height:200px;
    padding: 20px 70px 40px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    border-radius: 3px;
    position: relative;
    margin-bottom: 25px;
}
.Body-page .m1 .n3 .v0{
    width: 20px;
    height: 38px;
    position: absolute;
    top: -2px;
    right: 20px;
}
.Body-page .m1 .n3 .v0 a{
    display: block;
    width: 20px;
    height: 38px;
}
.Body-page .m1 .n3 .v0 a.a1{
    background: url(../capterimg/png/v14-1.png) center no-repeat;
    background-size: cover;
}
.Body-page .m1 .n3 .v0 a.a2{
    background: url(../capterimg/png/v14-2.png) center no-repeat;
    background-size: cover;
}

.Body-page .m1 .n3 .v1{
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Body-page .m1 .n3 .v1 span{
    font-size:28px;
    font-weight:400;
    color:rgba(0,0,0,1);
}

.Body-page .m1 .n3 .v2{
    width: 100%;
    height: 22px;
    line-height: 22px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(217,217,217,1);
}
.Body-page .m1 .n3 .v2 span{
    font-size:14px;
    /*font-weight:400;*/
    color:rgba(153,153,153,1);
    margin-right: 10px;
    line-height: 1.8em;
}

.Body-page .m1 .n3 .v3{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.Body-page .m1 .n3 .v3 p{
    font-size:18px;
    /*font-weight:300;*/
    color:black;
    margin-bottom: 36px;
    line-height: 1.8em;
    text-indent: 2em;
    text-align: justify;
}

.Body-page .m1 .n3 .v4{
    width: 100%;
    height: 56px;
    text-align: center;
}
.Body-page .m1 .n3 .v4 a{
    display: block;
    width: 150px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background:rgba(228,86,73,1);
    border-radius:28px;
    font-size:24px;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin: 0 auto;
}

.Body-page .m1 .n3 .v5{
    width: 100%;
    min-height: 0;
}

.Body-page .m2{
    width: auto;
    height: 72px;
    background:rgba(246,244,236,1);
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    border-radius:2px;
    margin: 0 auto 30px;
    text-align: center;
}

.Body-page .m2 .li-box{
    display: inline-block;
    height: 72px;
    overflow: hidden;
}

.Body-page .m2 .li-box .li{
    width: 266px;
    height: 72px;
    float: left;
}
.Body-page .m2 .li-box .li.li-2{
    border-left: 1px solid rgba(217,217,217,1);
    border-right: 1px solid rgba(217,217,217,1);
}

.Body-page .m2 .li-box .li a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;

    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Body-page .m2 .li-box .li a:hover{
    background:rgba(240,238,231,1);
    color: #2784bd;
}

.Body-page .m3{
    width: auto;
    height: 48px;
}
.Body-page .m3 a{
    display: block;
    width:180px;
    height:48px;
    line-height: 48px;
    text-align: center;
    background:rgba(246,244,236,1);
    box-shadow:0px 0px 7px 0px rgba(197,195,195,0.4);
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin: 0 auto;
}
.Body-page .m3 a > b{
    margin-left: 10px;
    font-family: 'NSimSun';
    font-weight: 700;
}



.appreciate-box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.appreciate-box .appreciate{
    width:522px;
    min-height:0;
    background:rgba(246,246,246,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0 1px 7px 0 rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -282px;
    margin-left: -261px;
}
.appreciate-box .appreciate .n1{
    width: auto;
    height: 46px;
    background: white;
    border-bottom:1px solid rgba(230,230,230,1);
    padding: 0 24px;
    position: relative;
}
.appreciate-box .appreciate .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 24px;
    line-height: 46px;
}
.appreciate-box .appreciate .n1 .n1-l .def{
    height: 44px;
    line-height: 40px;
    float: left;
    padding: 0 21px;
    border-top: 3px solid white;
    cursor: pointer;
}
.appreciate-box .appreciate .n1 .n1-l .show{
    height:44px;
    line-height: 40px;
    background:rgba(246,246,246,1);
    border-radius:3px;
    border-top: 3px solid rgba(153,0,0,1);
}

.appreciate-box .appreciate .n1 .n1-l span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.appreciate-box .appreciate .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.appreciate-box .appreciate .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.appreciate-box .appreciate .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}

.appreciate-box .appreciate .n2{
    width: auto;
    min-height: 0;
}
.appreciate-box .appreciate .n2 .son{
    width: auto;
    min-height: 0px;
    display: none;
}
.appreciate-box .appreciate .n2 .son-1{
    padding: 16px 20px;
    height: 480px;
}
.appreciate-box .appreciate .n2 .son-1 .v1{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 12px;
}
.appreciate-box .appreciate .n2 .son-1 .v1 span{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.appreciate-box .appreciate .n2 .son-1 .v1 span b{
    color: #2784bd;
}

.appreciate-box .appreciate .n2 .son-1 .v2{
    width: 260px;
    height: 380px;
    overflow-y: auto;
    margin: 0 auto;
}

.appreciate-box .appreciate .n2 .son-1 .v2::-webkit-scrollbar {
    width: 9px;
}
.appreciate-box .appreciate .n2 .son-1 .v2::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
}
.appreciate-box .appreciate .n2 .son-1 .v2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    background: rgba(238,238,238,1);
}


.appreciate-box .appreciate .n2 .son-1 .v2 .li{
    width: 100%;
    min-height: 30px;
    margin-bottom: 8px;
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(0,0,0,1);
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b1{
    width: 30px;
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b1 > i{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.appreciate-box .appreciate .n2 .son-1 .v2 .li .b2{
    width: 70px;
    margin: 0 16px 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b2 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(0,0,0,1);
}

.appreciate-box .appreciate .n2 .son-1 .v2 .li .b3{
    width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b3 span{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.appreciate-box .appreciate .n2 .son-1 .v2 .li .b3 span b{
    color: #2784bd;
}

.appreciate-box .appreciate .n2 .son-1 .v3{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 8px;
}
.appreciate-box .appreciate .n2 .son-1 .v3 .a-box{
    width: 198px;
    height: 32px;
    margin: 0 auto;
}
.appreciate-box .appreciate .n2 .son-1 .v3 .a-box a{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.appreciate-box .appreciate .n2 .son-1 .v3 .a-box a.a1{
    float: left;
}
/*.appreciate-box .appreciate .n2 .son-1 .v3 .a-box a.a2{
    float: right;
}*/
.appreciate-box .appreciate .n2 .son-1 .v3 .a-box a:hover{
    text-decoration: underline;
    color: #2784bd;
}


.appreciate-box .appreciate .n2 .son-2{
    width: 460px;
    height: 436px;
    margin: 0 auto;
}
.appreciate-box .appreciate .n2 .son-2 .v1{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding-top: 32px;
}
.appreciate-box .appreciate .n2 .son-2 .v1 a{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.appreciate-box .appreciate .n2 .son-2 .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 12px 0 24px;
}
.appreciate-box .appreciate .n2 .son-2 .v2 a{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-2 .v3{
    width: auto;
    height: 85px;
    margin-bottom: 50px;
}
.appreciate-box .appreciate .n2 .son-2 .v3 .b{
    float: left;
    display: block;
    text-align: center;
}

.appreciate-box .appreciate .n2 .son-2 .v3 .b1,
.appreciate-box .appreciate .n2 .son-2 .v3 .b3{
    width: 82px;
    height: 83px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(230,230,230,1);
    cursor: pointer;

    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.appreciate-box .appreciate .n2 .son-2 .v3 .b1:hover{
    background: rgba(246,246,246,1);
}
.appreciate-box .appreciate .n2 .son-2 .v3 .b3:hover{
    background: rgba(246,246,246,1);
}
.appreciate-box .appreciate .n2 .son-2 .v3 .b1 a,
.appreciate-box .appreciate .n2 .son-2 .v3 .b3 a{
    /*width:20px;*/
    height:19px;
    font-size:36px;
    font-family:Times New Roman;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:87px;
}

.appreciate-box .appreciate .n2 .son-2 .v3 .b2{
    width: 292px;
    height: 83px;
    background: rgba(255,255,255,1);
    border-top: 1px solid rgba(230,230,230,1);
    border-bottom: 1px solid rgba(230,230,230,1);
    position: relative;
}

.appreciate-box .appreciate .n2 .son-2 .v3 .b2 span.sp1{
    display: block;
    width: 78px;
    height: 83px;
    position: absolute;
    top: 0;
    left: 95px;
}
.appreciate-box .appreciate .n2 .son-2 .v3 .b2 span.sp1 > i{
    display: block;
    width: 78px;
    height: 51px;
    margin: 16px 0;
    background: url(../capterimg/png/v12.png) center no-repeat;
    background-size: cover;
}

.appreciate-box .appreciate .n2 .son-2 .v3 .b2 span.sp2{
    display: block;
    width: 70px;
    height: 83px;
    line-height: 83px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
    font-size:33px;
    font-family:Times New Roman;
    font-weight:400;
    color: #028BF3;
}

.appreciate-box .appreciate .n2 .son-2 .v4{
    display: block;
    width:100%;
    height:40px;
    margin-bottom: 20px;
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-2 .v4 a{
    display: block;
    width: 150px;
    height: 40px;
    line-height:40px;
    text-align: center;
    background: #028BF3;
    border-radius:2px;
    margin: 0 auto;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
}
.appreciate-box .appreciate .n2 .son-2 .users .dv1{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-2 .users .dv2{
    text-align: center;
    margin-top: 10px;
}
.appreciate-box .appreciate .n2 .son-2 .users i{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.appreciate-box .appreciate .n2 .son-2 .v5{
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-2 .v5 a{
    /*margin: 0 15px;
    width:85px;*/
    height:15px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:14px;
}
.appreciate-box .appreciate .n2 .son-2 .v5 a:hover{
    text-decoration: underline;
    color: #2784bd;
}

.appreciate-box .appreciate .n2 .son-3{
    height: 436px;
}
.appreciate-box .appreciate .n2 .son-3 .v1{
    width: 460px;
    height: 150px;
    margin: 28px auto 22px;
    overflow: hidden;
}

.appreciate-box .appreciate .n2 .son-3 .v1 .li{
    width:142px;
    height:66px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
    margin-left: 14px;
    margin-bottom: 14px;
    float: left;
    cursor: pointer;
    position: relative;
}
.appreciate-box .appreciate .n2 .son-3 .v1 .li:nth-child(3n+1){
    margin-left: 0;
}



.appreciate-box .appreciate .n2 .son-3 .v1 .li.show{
    background:rgba(228,86,73,0.1);
    border-radius:3px;
    border: 1px solid rgba(228,86,73,1);
}
.appreciate-box .appreciate .n2 .son-3 .v1 .li.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.appreciate-box .appreciate .n2 .son-3 .v1 .li.show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}

.appreciate-box .appreciate .n2 .son-3 .v1 .li .b1,
.appreciate-box .appreciate .n2 .son-3 .v1 .li .b2{
    width:47px;
    height:16px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:14px;
    display: block;
    margin:22px auto 0;
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-3 .v1 .li .b2{
    margin-top: 18px;
    border-left-style: none;
    border-right-style: none;
}
.appreciate-box .appreciate .n2 .son-3 .v1 .li .c2{
    width:87px;
    height:16px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#999999;
    line-height:14px;
    display: block;
    margin:5px auto;
    text-align: center;
}


.appreciate-box .appreciate .n2 .son-3 .v2{
    margin: 20px auto 28px;
    width:460px;
    height:85px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
}

.appreciate-box .appreciate .n2 .son-3 .v2 textarea{
    width: 428px;
    height: 65px;
    border-style: none;
    resize: none;
    padding: 10px 16px;

    font-size:12px;
    font-family:Arial;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
}


.appreciate-box .appreciate .n2 .son-3 .v3{
    width:100%;
    height:40px;
    margin: 0 auto;
    text-align: center;
}
.appreciate-box .appreciate .n2 .son-3 .v3 a{
    display: block;
    width:149px;
    height:40px;
    line-height:40px;
    border-radius:2px;
    background: #028BF3;
    font-size:15px;

    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.appreciate-box .appreciate .n2 .son-3 .v3 a:hover{
    background: #028BF3;
}

.appreciate-box .appreciate .n2 .son-3 .v4 {
    width: 89%;
    display: block;
    margin: 28px auto 0;
}
.appreciate-box .appreciate .n2 .son-3 .v4 .a1{
    width:42px;
    height:15px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:14px;
    float: left;
    margin-top: 7px;
    margin-right: 7px;
}
.appreciate-box .appreciate .n2 .son-3 .v4 .a2{
    width:30px;
    height:31px;
    border-radius:50%;
    margin: 0 5px;
    float: left;
}
.appreciate-box .appreciate .n2 .son-3 .v4 .a3{
    width:28px;
    height:15px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:14px;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}
.appreciate-box .appreciate .n2 .son-3 .users .dv1{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}
.appreciate-box .appreciate .n2 .son-3 .users .dv2{
    text-align: center;
    margin-top: 10px;
}
.appreciate-box .appreciate .n2 .son-3 .users i{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.Body-page .m1 .n3 .users .dv1{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}
.Body-page .m1 .n3 .users .dv2{
    text-align: center;
    margin-top: 10px;
}
.Body-page .m1 .n3 .users i{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.Body-page .m1 .n2 .n2-box .users .dv1{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}
.Body-page .m1 .n2 .n2-box .users .dv2{
    text-align: center;
    margin-top: 10px;
}
.Body-page .m1 .n2 .n2-box .users i{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.Mode-of-payment-box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.Mode-of-payment-box .Mode-of-payment{
    width: 524px;
    height: 248px;
    background: white;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -262px;
    margin-top: -124px;
}
.Mode-of-payment-box .Mode-of-payment .close{
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
}
.Mode-of-payment-box .Mode-of-payment .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}

.Mode-of-payment-box .Mode-of-payment .v1{
    width: 100%;
    height: 40px;
    padding: 16px 0 24px;
    line-height: 40px;
    text-align: center;
}
.Mode-of-payment-box .Mode-of-payment .v1 a{
    font-size: 18px;
    color: #333333;
}

.Mode-of-payment-box .Mode-of-payment .v2{
    width: 364px;
    height: 68px;
    margin: 0 auto;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li{
    width:162px;
    height:66px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
    float: left;
    margin-left: 36px;
    cursor: pointer;
    position: relative;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li:nth-child(1){
    margin-left: 0;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li.show{
    border:1px solid #2784bd;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li.show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}


.Mode-of-payment-box .Mode-of-payment .v2 .li span{
    display: inline-block;
    height: 66px;
    line-height: 66px;
    float: left;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li span.sp1{
    width: 40px;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li span.sp1 > i{
    display: block;
    width: 40px;
    height: 40px;
    margin: 13px 0;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li1 span.sp1{
    margin-left: 11px;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li1 span.sp1 > i{
    background: url(../capterimg/png/v8-3.png) center no-repeat;
    background-size: cover;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li2 span.sp1{
    margin-left: 35px;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li2 span.sp1 > i{
    background: url(../capterimg/png/v8-1.png) center no-repeat;
    background-size: cover;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li3 span.sp1{
    margin-left: 30px;
}
.Mode-of-payment-box .Mode-of-payment .v2 .li3 span.sp1 > i{
    background: url(../capterimg/png/v8-2.png) center no-repeat;
    background-size: cover;
}

.Mode-of-payment-box .Mode-of-payment .v2 .li span.sp2{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left: 12px;
}

.Mode-of-payment-box .Mode-of-payment .v3{
    width: 100%;
    height: 40px;
    padding-top: 36px;
    text-align: center;
}
.Mode-of-payment-box .Mode-of-payment .v3 a{
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 3px;
    background: #2784bd;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: white;
    margin: 0 auto;
}
.Mode-of-payment-box .Mode-of-payment .v3 a:hover{
    background: #d14f43;
}



.Purchase-box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.Purchase-box .Purchase{
    width:650px;
    height:608px;
    background:rgba(246,246,246,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0 1px 7px 0 rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -304px;
    margin-left: -325px;
}
.Purchase-box .Purchase .n1{
    width: auto;
    height: 46px;
    background: white;
    border-bottom:1px solid rgba(230,230,230,1);
    padding: 0 24px;
    position: relative;
}
.Purchase-box .Purchase .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 24px;
    line-height: 46px;
}
.Purchase-box .Purchase .n1 .n1-l span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.Purchase-box .Purchase .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.Purchase-box .Purchase .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n1 .n1-r .Account-number{
    width: 100%;
    height: 46px;
}

.Purchase-box .Purchase .n2{
    width: auto;
    min-height: 0;
    padding: 20px 24px 0;
    overflow: hidden;
}

.Purchase-box .Purchase .n2 .v1{
    width: 82px;
    height: 96px;
    float: left;
}
.Purchase-box .Purchase .n2 .v1 > span{
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n2 .v2{
    width: 502px;
    height: 78px;
    float: right;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
    padding: 8px;
}
.Purchase-box .Purchase .n2 .v2 .v2-pic{
    width:56px;
    height:76px;
    border-radius:5px;
    border:1px solid rgba(230,230,230,1);
    box-shadow: 0 0 6px rgba(230,230,230,1);
    overflow: hidden;
    float: left;
}
.Purchase-box .Purchase .n2 .v2 .v2-pic .pic{
    width: 56px;
    height: 76px;
}


.Purchase-box .Purchase .n2 .v2 .v2-txt{
    width: 430px;
    height: 76px;
    float: left;
    margin-left: 12px;
}

.Purchase-box .Purchase .n2 .v2 .v2-txt .b1{
    width: 100%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}
.Purchase-box .Purchase .n2 .v2 .v2-txt .b1 p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n2 .v2 .v2-txt .b2{
    width: 100%;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    margin-top: 24px;
}
.Purchase-box .Purchase .n2 .v2 .v2-txt .b2 span{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color: #999999;
}

.Purchase-box .Purchase .n3{
    width: auto;
    height: 44px;
    padding: 0 24px;
}

.Purchase-box .Purchase .n3 .v1{
    width: 82px;
    height: 44px;
    line-height: 42px;
    float: left;
}
.Purchase-box .Purchase .n3 .v1 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}


.Purchase-box .Purchase .n3 .v2{
    width: 520px;
    height: 44px;
    line-height: 44px;
    float: left;
}
.Purchase-box .Purchase .n3 .v2 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n4{
    width: auto;
    height: 68px;
    padding: 0 24px;
}
.Purchase-box .Purchase .n4 .v1{
    width: 82px;
    height: 68px;
    line-height: 68px;
    float: left;
}
.Purchase-box .Purchase .n4 .v1 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n4 .v2{
    width: 520px;
    height: 68px;
    float: left;
}
.Purchase-box .Purchase .n4 .v2 .li{
    width:162px;
    height:66px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
    float: left;
    margin-left: 14px;
    cursor: pointer;
    position: relative;
}
.Purchase-box .Purchase .n4 .v2 .li:nth-child(1){
    margin-left: 0;
}
.Purchase-box .Purchase .n4 .v2 .li1 .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid rgba(230,230,230,1);
    border-right: 15px solid rgba(230,230,230,1);
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.Purchase-box .Purchase .n4 .v2 .li .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.Purchase-box .Purchase .n4 .v2 .li .s > i{
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -13px;
    right: -13px;
    background: url(../capterimg/png/v8-4.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n4 .v2 .li.show{
    border:1px solid #2784bd;
}
.Purchase-box .Purchase .n4 .v2 .li1.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.Purchase-box .Purchase .n4 .v2 .li1.show .s > i{
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -13px;
    right: -13px;
    background: url(../capterimg/png/v8-4.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n4 .v2 .li span{
    display: inline-block;
    height: 66px;
    line-height: 66px;
    float: left;
}
.Purchase-box .Purchase .n4 .v2 .li span.sp1{
    width: 40px;
}
.Purchase-box .Purchase .n4 .v2 .li span.sp1 > i{
    display: block;
    width: 40px;
    height: 40px;
    margin: 13px 0;
}

.Purchase-box .Purchase .n4 .v2 .li1 span.sp1{
    margin-left: 11px;
}
.Purchase-box .Purchase .n4 .v2 .li1 span.sp1 > i{
    background: url(../capterimg/png/v8-3.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n4 .v2 .li2.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.Purchase-box .Purchase .n4 .v2 .li2.show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n4 .v2 .li2 span.sp1{
    margin-left: 35px;
}
.Purchase-box .Purchase .n4 .v2 .li2 span.sp1 > i{
    background: url(../capterimg/png/v8-1.png) center no-repeat;
    background-size: cover;
}


.Purchase-box .Purchase .n4 .v2 .li3.show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.Purchase-box .Purchase .n4 .v2 .li3.show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}
.Purchase-box .Purchase .n4 .v2 .li3 span.sp1{
    margin-left: 30px;
}
.Purchase-box .Purchase .n4 .v2 .li3 span.sp1 > i{
    background: url(../capterimg/png/v8-2.png) center no-repeat;
    background-size: cover;
}

.Purchase-box .Purchase .n4 .v2 .li span.sp2{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left: 12px;
}

.Purchase-box .Purchase .n5{
    width: auto;
    height: 64px;
    padding: 0 24px;
}
.Purchase-box .Purchase .n5 .v1{
    width: 82px;
    height: 64px;
    line-height: 74px;
    float: left;
}
.Purchase-box .Purchase .n5 .v1 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n5 .v2{
    width: 520px;
    height: 64px;
    float: left;
}
.Purchase-box .Purchase .n5 .v2 span{
    display: inline-block;
    height: 64px;
    float: left;
}
.Purchase-box .Purchase .n5 .v2 span.sp1{
    line-height: 64px;
    font-size:33px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#2784bd;
}
.Purchase-box .Purchase .n5 .v2 span.sp2{
    line-height: 74px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Purchase-box .Purchase .n6{
    width: auto;
    height: 40px;
    padding: 0 24px;
}

.Purchase-box .Purchase .n6 .v1{
    width: 82px;
    height: 40px;
    float: left;
}
.Purchase-box .Purchase .n6 .v2{
    width: 150px;
    height: 40px;
    float: left;
}
.Purchase-box .Purchase .n6 .v2 a{
    display: block;
    width:150px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(228,86,73,1);
    border-radius:2px;

    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
}

.Purchase-box .Purchase .n7{
    width:260px;
    height:274px;
    background:rgba(255,255,255,1);
    position: absolute;
    right: 24px;
    bottom: 20px;
}
.Purchase-box .Purchase .n7 .son{
    width:260px;
    height:274px;
}
.Purchase-box .Purchase .n7 .son .v1{
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.Purchase-box .Purchase .n7 .son .v1 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.Purchase-box .Purchase .n7 .son .v2{
    width: 192px;
    height: 192px;
    margin: 0 auto;
    overflow: hidden;
}
.Purchase-box .Purchase .n7 .son .v2 .pic{
    width: 192px;
    height: 192px;
}

.Purchase-box .Purchase .n7 .son .v3{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.Purchase-box .Purchase .n7 .son .v3 p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.Purchase-box .Purchase .n7 .son .v3 p span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color: #2784bd;
}


.Guide-box{
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.5);*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}
.Guide-box .Guide{
    width:522px;
    height:472px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0px 1px 7px 0px rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -236px;
    margin-left: -261px;
    overflow: hidden;
}

.Guide-box .Guide .n1{
    width: auto;
    height: 46px;
    background:rgba(246,246,246,1);
    border-bottom:1px solid rgba(230,230,230,1);
    padding: 0 20px;
    position: relative;
}
.Guide-box .Guide .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 24px;
    line-height: 46px;
}
.Guide-box .Guide .n1 .n1-l span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Guide-box .Guide .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.Guide-box .Guide .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.Guide-box .Guide .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}

.Guide-box .Guide .n1 .n1-r .Account-number{
    width: 100%;
    height: 46px;
}

.Guide-box .Guide .n2{
    width: 360px;
    min-height: 0;
    margin: 0 auto;
    overflow: hidden;
}
.Guide-box .Guide .n2 .b1{
    width: 100%;
    height: 51px;
    line-height: 51px;
}
.Guide-box .Guide .n2 .b1 span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}

.Guide-box .Guide .n2 .b2{
    width: 358px;
    height: 192px;
    border:1px solid rgba(230,230,230,1);
    border-radius:3px;
}

.Guide-box .Guide .n2 .b2 .v1{
    width: auto;
    height: 38px;
    padding: 12px 25px 22px;
}
.Guide-box .Guide .n2 .b2 .v1 a{
    display: inline-block;
    height: 37px;
    line-height: 37px;
    float: left;
    margin-right: 26px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.Guide-box .Guide .n2 .b2 .v1 a.show{
    color: #2784bd;
    border-bottom: 1px solid #2784bd;
}

.Guide-box .Guide .n2 .b2 .v2{
    width: auto;
    min-height: 0;
    padding: 0 25px;
}
.Guide-box .Guide .n2 .b2 .v2 .son{
    width: 100%;
    min-height: 0;
    display: none;
}

.Guide-box .Guide .n2 .b2 .v2 .son .li{
    width: 100%;
    height:18px;
}
.Guide-box .Guide .n2 .b2 .v2 .son .li.li-1{
    background:rgba(204,204,204,1);
    margin-bottom: 18px;
}
.Guide-box .Guide .n2 .b2 .v2 .son .li.li-2{
    background:rgba(230,230,230,1);
    margin-bottom: 12px;
}

.Guide-box .Guide .n2 .b3{
    width: 360px;
    min-height: 0;
    margin: 0 auto;
}
.Guide-box .Guide .n2 .b3 .v1{
    width: 100%;
    height: 116px;
}
.Guide-box .Guide .n2 .b3 .v1 .son{
    height: 104px;
}
.Guide-box .Guide .n2 .b3 .v1 .son.son-1{
    width: 90px;
    float: left;
}
.Guide-box .Guide .n2 .b3 .v1 .son.son-2{
    width: 158px;
    float: left;
}
.Guide-box .Guide .n2 .b3 .v1 .son.son-3{
    width: 97px;
    float: right;
}

.Guide-box .Guide .n2 .b3 .v1 .son .li-top{
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 12px;
}
.Guide-box .Guide .n2 .b3 .v1 .son .li-top span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}

.Guide-box .Guide .n2 .b3 .v1 .son .li-bottom{
    width: 100%;
    height: 42px;
}
.Guide-box .Guide .n2 .b3 .v1 .son .li-bottom a{
    display: block;
    width: 42px;
    height: 42px;
    float: left;
    margin-left: 13px;
}
.Guide-box .Guide .n2 .b3 .v1 .son .li-bottom a:nth-child(1){
    margin-left: 0;
}



.Guide-box .Guide .n2 .b3 .v2{
    width: 100%;
    height: 40px;
}
.Guide-box .Guide .n2 .b3 .v2 a{
    display: block;
    width:149px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(228,86,73,1);
    border-radius:2px;
    margin: 0 auto;
    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
}
.Guide-box .Guide .n2 .b3 .v2 a:hover{
    background: rgb(206, 78, 66);
}



.Chapter-reporting-box{
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.5);*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}
.Chapter-reporting-box .Chapter-reporting{
    width:522px;
    height:680px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0px 1px 7px 0px rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-top: -236px;
    margin-left: -261px;
    overflow: hidden;
}

.Chapter-reporting-box .Chapter-reporting .n1{
    width: auto;
    height: 46px;
    padding: 0 20px;
    position: relative;
}
.Chapter-reporting-box .Chapter-reporting .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 24px;
    line-height: 46px;
}
.Chapter-reporting-box .Chapter-reporting .n1 .n1-l span{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Chapter-reporting-box .Chapter-reporting .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.Chapter-reporting-box .Chapter-reporting .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.Chapter-reporting-box .Chapter-reporting .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}

.Chapter-reporting-box .Chapter-reporting .n1 .n1-r .Account-number{
    width: 100%;
    height: 46px;
}

.Chapter-reporting-box .Chapter-reporting .n2{
    width: auto;
    padding: 0 34px;
    min-height: 0;
    margin: 0 auto;
    overflow: hidden;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v1{
    width: 100%;
    height: 40px;
    text-align: center;
    position: relative;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v1 .s{
    width: 26px;
    height: 3px;
    background: #000000;
    margin-left: -13px;
    position: absolute;
    top: 37px;
    left: 50%;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v1 span{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Chapter-reporting-box .Chapter-reporting .n2 .v2{
    width: 100%;
    height: 34px;
    padding-top: 15px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v2 span{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.Chapter-reporting-box .Chapter-reporting .n2 .v3{
    width: 100%;
    height: 37px;
    padding-top: 14px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v3 span{
    display: inline-block;
    height: 37px;
    line-height: 37px;
    float: left;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v3 span.sp1{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.Chapter-reporting-box .Chapter-reporting .n2 .v3 span.sp2{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color: #2784bd;
    margin-left: 4px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v3 span.sp3{
    width: 14px;
}

.Chapter-reporting-box .Chapter-reporting .n2 .v3 span.sp3 > a{
    display: block;
    width: 14px;
    height: 14px;
    background: url(../capterimg/png/v16.png) center no-repeat;
    background-size: cover;
    margin: 11px 10px 12px;
}

.Chapter-reporting-box .Chapter-reporting .n2 .v4{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v4 .li{
    width: 140px;
    height: 37px;
    margin-left: 10px;
    float: left;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v4 .li label{
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding-left: 24px;
    position: relative;

    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    cursor: pointer;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v4 .li label > i{
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border:1px solid rgba(218,218,218,1);
    position: absolute;
    top: 11px;
    left: 0;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v4 .li label > i.show{
    background: url(../capterimg/png/v17.png) center no-repeat;
    background-size: cover;
}

.Chapter-reporting-box .Chapter-reporting .n2 .v4 .li label > input{
    display: none;
}


.Chapter-reporting-box .Chapter-reporting .n2 .v5{
    width: 100%;
    height: 40px;
    padding-top: 40px;
    text-align: center;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v5 > a{
    display: block;
    width:150px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(228,86,73,1);
    border-radius:2px;

    font-size:15px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,254,254,1);
}
.Chapter-reporting-box .Chapter-reporting .n2 .v5 > a:hover{
    background: rgb(209, 79, 67);
}

.Chapter-reporting-box .Chapter-reporting .n2 .v6{
    width: 100%;
    margin-top: 20px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6tit{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6txt{
    width: 100%;
    height: 100px;
    margin-top: 10px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6txt textarea{
    width: 443px;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6ipt{
    width: 100%;
    height: 30px;
    margin-top: 10px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6ipt span{
   font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333; 
    display: inline-block;
    width: 60px;
}
.Chapter-reporting-box .Chapter-reporting .n2 .v6 .v6ipt input{
   line-height: 30px;
   height: 30px;
   width: 385px;
   box-sizing: border-box;
   padding-left: 10px;
}
.Body-page .m1 .n3 .v5{
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
}
.Body-page .m1 .n3 .v5 a{
    display: block;
    margin: 0 auto;
    text-align: center;
    width:42px;
    height:15px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:14px;
}
.Body-page .m1 .n3 .v6{
    width: 80%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.Body-page .m1 .n3 .v6 .img{
    float: left;
    width:31px;
    height:31px;
    background:rgba(216,216,216,1);
    border-radius:50%;
}
.Body-page .m1 .n3 .v6 .name{
    margin-left: 10px;
    margin-right: 31px;
    float: left;
    width:43px;
    height:15px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:25px;
}

.Body-page .m1 .n3 .v6 .c1{
    width: auto;
    float: left;
    margin: 5px 0;
}
.clear{
     clear:both;
} 
.Body-page .m1 .n3 .v7 a{
    display: block;
    text-align: center;
    margin: 30px auto 0;
    width:68px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:14px;
}
.Body-page .m1 .n3 .v8 a{
    float: right;
    width:91px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:26px;
}
.Body-page .m1 .n3 .v9 .d1{
    text-align: center;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 14px;
    margin-top: 40px;

}
.Body-page .m1 .n3 .v9 .d2{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 14px;
    text-align: center;
    margin-top: 30px;
}
.Body-page .m1 .n3 .v9 .d3{
    text-align: center;
    margin-top: 40px
}

.Body-page .m1 .n3 .v9 .d3 .li{
    height: 68px;
    width: 144px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 68px;
    margin:0 10px;
    position: relative;
    cursor: pointer;
}
.Body-page .m1 .n3 .v9 .d4{
    text-align: center;
    margin-top: 20px;
}
.Body-page .m1 .n3 .v9 .d5{
    text-align: center;
    margin-top: 70px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 14px;
}
.Body-page .m1 .n3 .v9 .d6{
    text-align: center;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFEFE;
    line-height: 40px;
}
.Body-page .m1 .n3 .v9 .d6 span{
    width: 149px;
    height: 40px;
    background: #2784bd;
    border-radius: 2px;
    display: inline-block;
    margin-top:30px;
    cursor: pointer;
}
.Body-page .m1 .n3 .v9 .d3 .show{
    background:rgba(228,86,73,0.1);
    border-radius:3px;
    border: 1px solid rgba(228,86,73,1);
}
.Body-page .m1 .n3 .v9 .d3 .show .s{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;

    border-top: 15px solid #2784bd;
    border-right: 15px solid #2784bd;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.Body-page .m1 .n3 .v9 .d3 .show:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(../capterimg/png/v13.png) center no-repeat;
    background-size: cover;
}
/*.Body-page .nav-right .li-box-2 .li-5 .hid{
    font-size: 40px;
    color: #999;
    padding-left: 10px;
    padding-top: 10px;
}
.Body-page .nav-right .li-box-2 .li-5 .hid:hover{
    font-size: 40px;
    color: #2784bd;
    padding-left: 10px;
    padding-top: 10px;
}*/
.Body-page .nav-right .li-box-2 .li-5 .ihj{
background: url(../capterimg/png/xhj1.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li-5:hover .ihj{
background: url(../capterimg/png/xhj2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li-5 .show{
background: url(../capterimg/png/xhj2.png) center no-repeat;
    background-size: cover;
}
.Body-page .nav-right .li-box-2 .li-9 .i4{
    background: url(../capterimg/png/novel_dafen1.png) center no-repeat;
    background-size: cover;
    background-position: 0 -5px;
}
.Body-page .nav-right .li-box-2 .li-9 .i4:hover{
    background: url(../capterimg/png/novel_dafen2.png) center no-repeat;
    background-size: cover;
    background-position: 0 -5px;
}
.Body-page .nav-right .li-box-2 .li-9:hover > .i4{
    background: url(../capterimg/png/novel_dafen2.png) center no-repeat;
    background-size: cover;
    background-position: 0 -5px;
}
.Body-page .nav-right .li-box-2 .li-9:hover > .txt{
    color:#028BF3;
}
.Body-page .nav-right .li-box-2 .li-9 .showi4{
    background: url(../capterimg/png/novel_dafen2.png) center no-repeat;
    background-size: cover;
}
/*================================================*/
/*=====================================*/
/*评论弹窗*/
/*=====================================*/
.Figure_words_comment_box{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
}
.Figure_words_comment_box .Figure_words_comment{
    width: 688px;
    height: 80%;
    padding: 0 20px;
    background: white;
    margin-left: -364px;
    position: absolute;
    top: 10%;
    left: 50%;
    overflow-y: auto;
}

/*关闭*/
.Figure_words_comment_box .Figure_words_comment .Close{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(250,250,250,0.3);
    margin-left: 708px;
    position: fixed;
    top: 10%;
    cursor: pointer;
}
.Figure_words_comment_box .Figure_words_comment .Close i{
    font-size: 50px;
    color: #ccc;
}
.Figure_words_comment_box .Figure_words_comment .Close:hover i{
    color: white;
}

/*我要评论*/
.Figure_words_comment_box .Figure_words_comment .Article_comments{
    width: 100%;
}
.Figure_words_comment_box .Figure_words_comment .Article_comments .comment_on{
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 10px;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    color: black;
}
.Figure_words_comment_box .Figure_words_comment .Article_comments .comment_on > a {
    display: inline-block;
    height: 36px;
    border-bottom: 2px solid #8EC232;
}

/*帐户*/
.Figure_words_comment_box .Figure_words_comment .Article_comments .account{
    width: 100%;
    max-height: 42px;
    padding: 24px 0px 18px 0px;
    overflow: hidden;
}
.Figure_words_comment_box .Figure_words_comment .Article_comments .account .pic{
    display: inline-block;
    width: 42px;
    height: 42px;
    background-size: cover;
    border-radius: 50%;
    float: left;
}
.Figure_words_comment_box .Figure_words_comment .Article_comments .account .name{
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-left: 16px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #4B4B4B;
    float: left;
}

.Figure_words_comment_box .Figure_words_comment .Article_comments .comment_sub{
    width: 100%;
    min-height: 160px;
}
.Figure_words_comment_box .Figure_words_comment .Article_comments .comment_sub textarea{
    width: 656px;
    height: 70px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-family: monospace,"微软雅黑";
    font-size: 16px;
    color: #4B4B4B;
    overflow-y: auto;
}

.Figure_words_comment_box .Figure_words_comment .Article_comments .comment_sub>input{
    width: 100px;
    height: 33px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #8EC232;
    font-family: "微软雅黑";
    font-size: 16px;
    color: white;
    float: right;
    cursor: pointer;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments{
    width: 100%;
    min-height: 38px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .comments_title{
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #EBEBEB;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    color: black;
    margin-bottom: 30px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .comments_title > a {
    display: inline-block;
    height: 36px;
    border-bottom: 2px solid #8EC232;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box{
    width: 100%;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item{
    width: 100%;
    min-height: 64px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 30px;
    overflow: hidden;
    /*display: none;*/
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .pic{
    display: block;
    width: 42px;
    height: 42px;
    background-size: cover;
    border-radius: 50%;
    float: left;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content{
    width: 624px;
    height: auto;
    float: right;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .name_time{
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .name_time .sp1{
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    color: #8EC232;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .name_time .sp2{
    width: 100%;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #949494;
    margin-left: 18px;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Comment{
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 28px;
    color: #555555;
    text-align: justify;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise{
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding-top: 10px;
    /*border-bottom: 1px solid #E7E7E7;*/
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left{
    width: 40%;
    height: 54px;
    float: left;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label{
    display: inline-block;
    height: 54px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #555555;
    cursor: pointer;
    display: flex;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label:hover{
    color: #F2C820;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label:hover i{
    color: #F2C820;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label>i{
    font-size: 16px;
    /* margin-right: 10px; */
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .reply_right{
    width: 40%;
    height: 54px;
    line-height: 54px;
    float: right;
    text-align: right;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #555555;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .reply_right > a{
    font-family: "微软雅黑";
    font-size: 16px;
    color: #555555;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .Dot_praise .reply_right > :hover{
    color: #F2C820;
}

/*输入框*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .import{
    width: 100%;
    height: 126px;
    display: none;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .import textarea{
    width: 592px;
    height: 40px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-family: monospace,"微软雅黑";
    font-size: 16px;
    color: #4B4B4B;
    overflow-y: auto;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .import input{
    width: 78px;
    height: 33px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #8EC232;
    font-family: "微软雅黑";
    font-size: 16px;
    color: white;
    float: right;
    cursor: pointer;
}

/*回复列表*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box{
    width: 100%;
    height: 100%;
    padding: 10px 0px;
}
/*回复列表*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list{
    width: 100%;
    height: 100%;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content{
    width: 100%;
    height: 100%;
    line-height: 28px;
    padding-top: 10px;
    border-top: 1px solid #E7E7E7;
    font-family: "微软雅黑";
    font-size: 14px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content span{
    font-family: "微软雅黑";
    font-size: 14px;
    margin-right: 7px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp1{
    color: #8EC232;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp2{
    color: #999999;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp3{
    color: #999999;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp4{
    color: #555555;
}

/*时间*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px 0px;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time label{
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #9C9C9C;
    float: left;
    cursor: pointer;
    display: flex;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time label>i{
    /* margin-right: 10px; */
    font-size: 14px;
    color: #9C9C9C;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time label:hover{
    color: #F2C820;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time label:hover i{
    color: #F2C820;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time label:hover span{
    color: #F2C820;
}

.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time span{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #9C9C9C;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp1{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #9C9C9C;
    margin-left: 20px;
    float: left;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp2{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #9C9C9C;
    cursor: pointer;
    float: right;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp2:hover{
    color: #F2C820;
}

/*输入框*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .import{
    width: 100%;
    height: 126px;
    display: none;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .import textarea{
    width: 592px;
    height: 40px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-family: monospace,"微软雅黑";
    font-size: 14px;
    color: #4B4B4B;
    overflow-y: auto;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .item_box .item .item_content .list_box .list .import>input{
    width: 82px;
    height: 36px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #F2C820;
    font-family: "微软雅黑";
    font-size: 18px;
    color: white;
    float: right;
    cursor: pointer;
}

/*更多评论*/
.Figure_words_comment_box .Figure_words_comment .Latest_comments .More{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 20px 0px;
    text-align: center;
    /*display: none;*/
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .More>a{
    font-family: "微软雅黑";
    font-size: 16px;
    color: #494949;
}
.Figure_words_comment_box .Figure_words_comment .Latest_comments .More>a:hover{
    color: #8EC232;
}

.fugai{
    width: 100%;
    height: 300px;
    text-align: center;
    margin-top: -300px;
  z-index: 98;
  position: relative;
  background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
     background: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
     background: -o-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
     background: -moz-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.fugai .pay_but{
    height: 44px;
    background: #028BF3;
    border-radius: 22px;
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #FFFFFF;
line-height: 44px;
width: 300px;
position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 20px;
    cursor: pointer;
}
.fugai .zhe{
   height: 44px;

    font-size: 12px;
   font-family: Microsoft YaHei;
   font-weight: 300;
   color: #333;
   line-height: 44px;
  width: 300px;
  position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 20px; 
}
/*赞赏弹出框*/
.appreciate-box1{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
}
.appreciate-box1 .appreciate{
    width:522px;
    min-height:0;
    background:rgba(246,246,246,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0 1px 7px 0 rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -282px;
    margin-left: -261px;
}
.appreciate-box1 .appreciate .n1{
    width: auto;
    height: 46px;
    background: white;
    border-bottom:1px solid rgba(230,230,230,1);
    padding: 0 24px;
    position: relative;
}
.appreciate-box1 .appreciate .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 225px;
    line-height: 46px;
}
.appreciate-box1 .appreciate .n1 .n1-l .def{
    height: 44px;
    line-height: 40px;
    float: left;
    padding: 0 21px;
    border-top: 3px solid white;
    cursor: pointer;
}
.appreciate-box1 .appreciate .n1 .n1-l .show{
    height:44px;
    line-height: 40px;
    background:rgba(246,246,246,1);
    border-radius:3px;
    border-top: 3px solid rgba(153,0,0,1);
}

.appreciate-box1 .appreciate .n1 .n1-l span{
    font-size:18px;
    font-weight:400;
    color:#2784bd;
}

.appreciate-box1 .appreciate .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.appreciate-box1 .appreciate .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.appreciate-box1 .appreciate .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(/public/fiction/capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}
.appreciate-box1 .appreciate .n2 .textinfo{
    text-align: center;
    margin-top: 40px;
}
.appreciate-box1 .appreciate .n2 .yue{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
}
.appreciate-box1 .appreciate .n2 .but{
    width: 380px;
    height: 40px;
    margin:40px auto;
}
.appreciate-box1 .appreciate .n2 .but .zf{
    width: 149px;
    height: 40px;
    background: #2784bd;
    border-radius: 2px;
    float:left;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFEFE;
    line-height: 40px;
    text-align: center;
}
.appreciate-box1 .appreciate .n2 .but .cz{
    width: 149px;
    height: 40px;
    border: 1px solid #2784bd;
    border-radius: 2px;
    float:right;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #2784bd;
    line-height: 40px;
    text-align: center;
}
.appreciate-box1 .appreciate .n2 .but a{
    width: 100%;
}


/*分享弹出框*/
.appreciate-box-share{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
}
.appreciate-box-share .sharebx{
    width:380px;
    min-height:0;
    background:#fff;
    border:1px solid rgba(230,230,230,1);
    box-shadow:0 1px 7px 0 rgba(153,152,146,0.24);
    border-radius:3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -282px;
    margin-left: -191px;
}
.appreciate-box-share .sharebx .n1{
    width: auto;
    height: 46px;
    background: white;
    border-bottom:1px solid rgba(230,230,230,1);
    padding: 0 24px;
    position: relative;
}
.appreciate-box-share .sharebx .n1 .n1-l{
    display: inline-block;
    height: 46px;
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 46px;
}
.appreciate-box-share .sharebx .n1 .n1-l span{
    height: 44px;
    line-height: 44px;
    float: left;
    font-size:14px;
    font-weight:400;
    color: #464646;
}
.appreciate-box-share .sharebx .n1 .n1-l span .s_icn {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(/public/island/img/png/s_icn.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    margin-bottom: -2px;
}

.appreciate-box-share .sharebx .n1 .n1-r{
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
}
.appreciate-box-share .sharebx .n1 .n1-r .close{
    width: 46px;
    height: 46px;
    float: right;
}
.appreciate-box-share .sharebx .n1 .n1-r .close a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(/public/fiction/capterimg/png/v7.png) center no-repeat;
    background-size: cover;
}
.appreciate-box-share .sharebx .n2{
    padding:30px 50px;
    height: 150px;
}
.appreciate-box-share .sharebx .n2 .code1{
    float: left;
    display: inline-block;
}
.appreciate-box-share .sharebx .n2 .code1 .dv1{
    width: 100px;
    height: 100px;
}
.appreciate-box-share .sharebx .n2 .code1 .dv2{
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #464646;
    line-height: 17px;
    text-align: center;
    margin-top: 20px;
}
.appreciate-box-share .sharebx .n2 .code2{
    float: right;
    display: inline-block;
}
.appreciate-box-share .sharebx .n2 .code2 .dv1{
    width: 100px;
    height: 100px;
}
.appreciate-box-share .sharebx .n2 .code2 .dv2{
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #464646;
    line-height: 17px;
    text-align: center;
    margin-top: 20px;
}
.appreciate-box-share .sharebx .n3{
    padding:0px 50px 20px;
}
.appreciate-box-share .sharebx .n3 .dv1{
    display: inline-block;
    
}
.appreciate-box-share .sharebx .n3 .dv1 a .pic{
    background: url('/public/fiction/capterimg/png/cp_url.png') no-repeat center;
    background-size: cover;
    width: 42px;
    height: 42px;
    margin-left: 3px;
    margin-bottom: 8px;
}
.appreciate-box-share .sharebx .n3 .dv1 a div{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 17px;
}
.appreciate-box-share .sharebx .n3 .dv2{
    margin-left: 62px;
    display: inline-block;
}
.appreciate-box-share .sharebx .n3 .dv2 a .pic{
    background: url('/public/fiction/capterimg/png/wbpic.png') no-repeat center;
    background-size: cover;
    width: 42px;
    height: 42px;
    margin-left: 4px;
    margin-bottom: 8px;
}
.appreciate-box-share .sharebx .n3 .dv2 a div{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 17px;
}
.appreciate-box-share .sharebx .n3 .dv3{
    margin-left: 63px;
    display: inline-block;
}
.appreciate-box-share .sharebx .n3 .dv3 a .pic{
    background: url('/public/fiction/capterimg/png/qqpic.png') no-repeat center;
    background-size: cover;
    width: 42px;
    height: 42px;
    margin-left: 3px;
    margin-bottom: 8px;
}
.appreciate-box-share .sharebx .n3 .dv3 a div{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 17px;
}


.tongyi-zanshang{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.tongyi-zanshang .zanshang_success{
    width: 400px;
    min-height: 0;
    background: rgba(246,246,246,1);
    border: 1px solid rgba(230,230,230,1);
    box-shadow: 0 1px 7px 0 rgb(153 152 146 / 24%);
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -130px;
    margin-left: -200px;
    padding:20px;
    box-sizing: border-box;
    text-align: center;
}
.tongyi-zanshang .zanshang_success .txt1{
    margin:20px auto;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.tongyi-zanshang .zanshang_success .zanshangbt{
    color:#fff;
    font-size: 18px;  
    background: #2784bd;
    padding: 6px;
    width: 100px;
    margin: 0 auto;
    cursor: pointer;
}
.Commentary-box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.20);
    display: none;
}
.Commentary-box .Commentary{
    width: 400px;
    /*height: 440px;*/
    padding: 0 20px;
    background: #ffffff;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -296px;
    margin-left: -200px;
}
.Commentary-box .Commentary .v1{
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}
.Commentary-box .Commentary .v1 span{
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
}
.Commentary-box .Commentary .v2{
    width: 306px;
    min-height: 0;
    margin: 0 auto;
}
.Commentary-box .Commentary .v2 .li{
    width: 100%;
    min-height: 0;
}
.Commentary-box .Commentary .v2 .li .c1{
    width: 100%;
    height: 16px;
    margin-bottom: 20px;
}
.Commentary-box .Commentary .v2 .li .c1 .sp{
    display: inline-block;
    height: 16px;
    float: left;
}
.Commentary-box .Commentary .v2 .li .c1 .sp1{
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
    margin-right: 10px;
}
.Commentary-box .Commentary .v2 .li .c1 .sp2{
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 400;
    color: #000000;
}

.Commentary-box .Commentary .v2 .li .c2{
    width: 100%;
    min-height: 0;
}
.Commentary-box .Commentary .v2 .li .c2 .x{
    width: 100%;
    height: 24px;
    margin-bottom: 20px;
}

.Commentary-box .Commentary .v2 .li .c2 .x .x-l{
    width: 84px;
    height: 24px;
    line-height: 24px;
    float: left;

    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.Commentary-box .Commentary .v2 .li .c2 .x .x-c{
    width: 160px;
    height: 24px;
    float: left;
}
.Commentary-box .Commentary .v2 .li .c2 .x .x-c a{
    display: block;
    width: 10px;
    height: 22px;
    border: 1px solid #d4d4d4;
    float: left;
    margin-right: 4px;
}
.Commentary-box .Commentary .v2 .li .c2 .x .x-c a.show{
    border: 1px solid #028BF3;
    background: #028BF3;
}

.Commentary-box .Commentary .v2 .li .c2 .x .x-r{
    width: 62px;
    height: 24px;
    line-height: 24px;
    float: left;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #028BF3;
}
.Commentary-box .Commentary .v2 .li .c2 .x .x-r-r {
    height: 24px;
    line-height: 24px;
    float: left;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #E45649;
    margin-left: 10px;
}
.Commentary-box .Commentary .v2 .li .c2 .x .x-r-r .tips {
    background: url('/kpd/images/tips.png') no-repeat center;
    background-size: cover;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}
.Commentary-box .Commentary .v2 .li .c3{
    width: 306px;
    height: 100px;
}
.Commentary-box .Commentary .v2 .li .c3 textarea{
    width: 288px;
    height: 82px;
    border: 1px solid #f1f1f1;
    resize: none;
    padding: 8px;

    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #333333;
    line-height: 14px;
}

.Commentary-box .Commentary .v3{
    width: 100%;
    height: 32px;
    margin-top: 20px;
}
.Commentary-box .Commentary .v3 .a-box{
    width: 260px;
    height: 32px;
    margin: 0 auto;
}
.Commentary-box .Commentary .v3 .a-box .a{
    width: 118px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.Commentary-box .Commentary .v3 .a-box .a1{
    border: 1px solid #028BF3;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #028BF3;
    float: left;
}
.Commentary-box .Commentary .v3 .a-box .a1:hover{
    background: #028BF3;
    color: white;
}

.Commentary-box .Commentary .v3 .a-box .a2{
    border: 1px solid #9b9b9b;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #9b9b9b;
    float: right;
}
.Commentary-box .Commentary .v3 .a-box .a2:hover{
    background: #9b9b9b;
    color: white;
}

.Commentary-box .Commentary .close{
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.Commentary-box .Commentary .close a{
    display: block;
    width: 24px;
    height: 24px;
    background: url(/public/island/contribution/img/png/v2-5.png) center no-repeat;
    background-size: cover;

    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.Commentary-box .Commentary .close a:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
} 
.Commentary-box .Commentary .v4 .n1{
    width: 280px;
    height: 220px;
    padding: 20px;
    background: white;
    margin: 0 auto;
}
.Commentary-box .Commentary .v4 .nv{
    text-align: center;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
}
.Commentary-box .Commentary .v4 .nv span {
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
}
.Commentary-box .Commentary .v4 .n1 .b1{
    width: 100%;
    height: 185px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l{
    width: 84px;
    height: 208px;
    float: left;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1{
    width: 84px;
    height: 84px;
    background: #028BF3;
    border-radius: 5px;
    margin-bottom: 8px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c1{
    width: 100%;
    height: 44px;
    line-height: 0;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 6px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c1 .sp-box{
    display: inline-block;
    height: 44px;
    text-align: center;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c1 .sp-box .sp{
    display: inline-block;
    height: 44px;
    float: left;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c1 .sp-box .sp1{
    font-size: 44px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #fff;
    line-height: 44px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c1 .sp-box .sp2{
    font-size: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c2{
    width: 100%;
    height: 14px;
    line-height: 14px;
    text-align: center;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v1 .c2 span{
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #fff;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2{
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2 .li{
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 3px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2 .li:nth-child(1){
    margin-left: 0;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2 .li.s1{
    background: url(/public/island/contribution/img/png/v2-4-1.png) center no-repeat;
    background-size: cover;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2 .li.s2{
    background: url(/public/island/contribution/img/png/v2-4-2.png) center no-repeat;
    background-size: cover;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v2 .li.s3{
    background: url(/public/island/contribution/img/png/v2-4-3.png) center no-repeat;
    background-size: cover;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v3{
    width: 100%;
    height: 14px;
    line-height: 14px;
    text-align: left;
    margin-bottom: 8px;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-l .v3 span{
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #E45649;
}


.Commentary-box .Commentary .v4 .n1 .b1 .b1-r{
    width: 176px;
    height: 175px;
    float: right;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v1{
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    color: #E45649;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v1 .sp{
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #E45649;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v1 .sp1{
    color: #E45649;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v1 .sp2{
    color: #333333;
}

.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2{
    width: 100%;
    min-height: 0;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 3px solid #d4d4d4;
    position: relative;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li span{
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #333333;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s{
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s1{
    background: #40a0e0;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s2{
    background: #FF9300;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s3{
    background: #E45649;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s4{
    background: #3EAD02;
}
.Commentary-box .Commentary .v4 .n1 .b1 .b1-r .v2 .li .s5{
    background: #38DFF8;
}

.Commentary-box .Commentary .v4 .n1 .b2{
    width: 100%;
    height: 32px;
}
.Commentary-box .Commentary .v4 .n1 .b2 a{
    display: block;
    width: 118px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #E45649;
    margin: 0 auto;

    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #E45649;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.Commentary-box .Commentary .v4 .n1 .b2 a:hover{
    background: #028BF3;
    color: white;
}

.standard-tips{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1001;
    background: rgba(0,0,0,0.20);
    display: none;
}
.standard-tips .Commentary{
    width: 400px;
    /*height: 440px;*/
    padding: 0 20px;
    background: #ffffff;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -296px;
    margin-left: -200px;
}
.standard-tips .Commentary .v1{
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}
.standard-tips .Commentary .v1 span{
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
}
.standard-tips .Commentary .v2{    
    min-height: 0;
    margin: 0 auto;
    padding: 0px 30px;
}
.standard-tips .Commentary .close{
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.standard-tips .Commentary .close a{
    display: block;
    width: 24px;
    height: 24px;
    background: url('/public/island/contribution/img/png/v2-5.png') center no-repeat;
    background-size: cover;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.standard-tips .Commentary .close a:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
} 
.standard-tips .Commentary .v2 .c1{
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #f1f1f1;
}
.standard-tips .Commentary .v2 .c1 .sp1{
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
    text-align: left;
    width: 48%;
    display: inline-block;
}
.standard-tips .Commentary .v2 .c1 .sp2{
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #000000;
    width: 48%;
    text-align: center;
    display: inline-block;
}
.standard-tips .Commentary .v2 .c2{
    width: 100%;
    min-height: 0;
    font-size: 16px;   
    color: #333333;
    padding-bottom: 30px;
}
.standard-tips .Commentary .v2 .c2 .x{
    width: 100%;
    min-height: 0;
    border-bottom: 1px solid #f1f1f1;
    height: 46px;
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.standard-tips .Commentary .v2 .c2 .x .x1{
    width: 55px;
    margin-right: 110px;
}
.standard-tips .Commentary .v2 .c2 .x .x2{
    width: 180px;
}