@charset "utf-8";
/* css 重置 */
body,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;font-family:"微软雅黑";color: #333333;font-size: 0.8125rem;}
ul{list-style:none ;}
img{border:none;}
a{text-decoration: none;color: #333}
a:hover{text-decoration: none;list-style: none}
em{font-style: normal}
i{font-style: normal;display: block}
.head1{
    width: 100%;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
    position: relative;
}
.head{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
    background: #dcdcdc;
    z-index: 99999;
}
.head-logo{
    float: left;
    width: 148px;
    height: 40px;
    background: url("../images/logo.png");
    background-size: 100% 100%;
}
.mulu{
    float: right;
    width: 26px;
    height: 24px;
    background: url("../images/mulu.png");
    background-size: 100% 100%;
    margin-top: 8px;
}
.swiper-container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
}
.swiper-container .swiper-pagination-bullet-active {
    background: #ffcc00;
}
.swiper-container .swiper-pagination{
    width: 100%;
    bottom: 20px;
    left: 0;
}
.swiper-container img{
    vertical-align: bottom;
}
.all{
    width: 100%;
    background: #f5f5f5;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.all-mar{
    padding-top: 10px;
    padding-bottom: 10px;
}
.marquee {
    width: 100%;
    height: 34px;
    line-height: 34px;
    position: relative;
    z-index: 10;
    padding-left: 35px;
    padding-right: 10px;
    box-sizing: border-box;
}
.marquee span {
    float: left;
    display: block;
}
.marquee marquee {
    float: left;
    width: 76%;
    margin-right: 3px;
}
.marquee:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 7px;
    width: 19px;
    height: 16px;
    background: url(../images/gg.png);
    background-size: 100% 100%;
    left: 10px;
}
.nav{
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: 9999;
    display: none;
}
.nav-li{
    text-align: center;
    border-bottom:1px solid #737584;
    line-height: 35px;
    background: #012d3e;
    opacity: .9;
    font-size: 14px;
}
.nav-li-div{
    overflow: hidden;
}
.nav-li-div i{
 float: left;
    color: #eee;
}
.nav-li>a{
    font-size: 16px;
    color: #eee;
}
.nav-li-div p{
    font-size: 16px;
    color: #eee;
    float: left;
    margin-left: 40%;
}
.nav-li-ul{
    overflow: hidden;
    display: none;
}
.nav-li-ul li{
    line-height: 25px;
}
.nav-li-ul li a{
    color: #eee;
    font-size: 13px!important;
}
.qbhd{
    width: 100%;
    height: 65px;
    background: #fff;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.yjgl{
    width: 100%;
    height: 35px;
    background: #fff;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.qbhd-div{
    height:32px;
}
.qbhd-div-gang{
    border-bottom:1px solid #eee;
}
.qbhd-div-qb{
    float: left;
    width: 22%;
    line-height: 32px;
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
    margin-right: 2%;
}
.qbhd-div-qb:before{
    display: inline-block;
    content: '';
    position: absolute;
    top:13px;
    width: 7px;
    height: 7px;
    background: url("../images/xiao3.png");
    background-size: 100% 100%;
    left: 0;
}
.qbhd-div-qb:after{
    display: inline-block;
    content: '';
    position: absolute;
    top:6.5px;
    height: 20px;
    border-right: 1px solid #959595;
    right: 0;
}
.qbhd-div-r{
    overflow: hidden;
   /* float: left;
    width: 76%;*/
}
.qbhd-div-r-a{
    float: left;
    width: 23%;
    height: 20px;
    line-height: 20px;
    margin-right: 2%;
    margin-top: 10px;
    text-align: center;
}
.qbhd-div-r-a:last-child{
    color: #ff8400;
}
.qbhd-div-r-a:hover{
    background: #ff8400;
    color: #fff;
}
.qbhd-div-r-a:last-child{
    margin-right: 0;
}
.qbhd-div-r-more{
    float: right;
    line-height: 32px;
    color: #ff8400;
}
.qbhd-div-r-fbtei{
    float: right;
    width: 80px;
    height: 24px;
    line-height: 24px;
    background: #ff8400;
    color: #fff;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    margin-top: 4px;
}
.qbhd-div-r-fbtei:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 4px;
    width: 14px;
    height: 16px;
    background: url(../images/fbxt.png);
    background-size: 100% 100%;
    left: 5px;
}
.renqi{
    width: 100%;
    height: 25px;
    line-height: 25px;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 10px;
}
.renqi li{
    float: left;
    width: 33%;
    border-right: 1px solid #eee;
    text-align: center;
}
.renqi li:last-child{
    border-right: none;
}
.renqi li p{
    float: left;
    margin-left: 35px;
}
.renqi li i{
    float: left;
    width: 10px;
    height: 12px;
    background: url(../images/paixu2.png);
    background-size: 100% 100%;
    margin-top: 6.5px;
    margin-left: 10px;
}
.renqi li.active i {
    background: url(../images/paixun.png);
    background-size: 100% 100%;
}
.renqi li.active p {
    color: #ff8400;
}
.qbhd1{
    overflow: hidden;
}
.qbhd-type{
    overflow: hidden;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.qbhd-type-img{
    float: left;
    width: 38%;
    height:95px;
}
.qbhd-type-r{
    float: right;
    width: 60%;
}
.qbhd-type-r-a{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.qbhd-type-r-a-mar{
    margin-top: 15px;
}
.qbhd-type-r-p1{
    color: #5e5e5e;
    margin-bottom: 8px;
}
.qbhd-type-r-div{
    height: 30px;
}
.qbhd-type-r-div-gang{
    border-top: 1px solid #d3d3d3;
}
.bm-div1-l {
    float: left;
    width: 76%;
    height: 20px;
    margin-top: 5px;
}
.hd-gang {
    border-right: 1px solid #9f9e9e;
    margin-right: 5px;
}
.hd-p1 {
    float: left;
    width:46%;
    font-size: 12px;
}
.hd-p1 span {
    color: #ff8400;
}
.bm-div1-r {
    float: right;
    width: 24%;
    margin-top: 5px;
    line-height: 20px;
}
.bm-div1-r-i1 {
    float: left;
    width: 22px;
    height: 12px;
    background: url(../images/ll.png);
    margin-top: 4px;
}
.activity-ul li p {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.fenxiang {
    float: left;
    cursor: pointer;
    position: relative;
}
.fenxiang3{
    float: right;
}
.fenxiang3 .deanbdshare {
    position: absolute;
    bottom: -10px;
    right: 60px;
    width: 200px;
    display: none;
    z-index: 99999;
}
.fenxiang3:hover .deanbdshare{
    display: block;
}
.bm-div1-r-p {
    float: left;
    width: 20%;
    margin-left: 3px;
    margin-right: 3px;
    color: #ff8400;
    font-size: 12px;
}
.bm-div1-r-i2 {
    width: 14px;
    height: 13px;
    background: url(../images/fx.png);
    background-size: 100% 100%;
    margin-top: 3.5px;
}
.deanbdshare {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 200px;
    display: none;
    z-index: 99999;
}
.fenxiang:hover .deanbdshare{
    display: block;
}
.title{
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.title-p1{
    font-size: 18px;
    color: #012d3e;
    font-weight: 600;
}
.title-p2{
    font-size: 19px;
    color: #929ca0;
    font-weight: bold;
}
.photo-t {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}
.photo-t-l {
    float: left;
    width: 85px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.photo-t-l-color1{
    background: #ff8400;
}
.photo-t-l-color2{
    background: #012b3b;
}
.photo-t-r {
    float: right;
    color: #ff8400;
    border-bottom: 1px solid #ff8400;
   line-height: 25px;
}
.xshy{
    width: 100%;
    overflow: hidden;
    background: #012d3e;
    padding: 10px 10px 30px 10px;
    box-sizing: border-box;
}
.hdhy{
    float: left;
    width: 49%;
    height: 205px;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 10px;
}
.hdhy:nth-child(2n){
    margin-right: 0;
}
.hdhy-img{
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
}
.hdhy-a1{
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: 12px;
    display: inherit;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 7px;
    color: #012d3e;
}
.hdhy-div2 {
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.hdhy-div2-p{
    float: left;
    font-size: 11px;
    color: #747171;
    margin-top: 5px;
}
.fenxiang2 {
    float: right;
    margin-right: 20px;
    cursor: pointer;
    margin-top: 3px;
    position: relative;
}
.lunbo2{
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    height: 450px;
}
.swiper-container2{
    position: relative;
}
.swiper-container2 .swiper-pagination-bullet {
    width: 10px;
    height:10px;
    display: inline-block;
    border-radius: 50%;
    background: #47646f;
}
.swiper-container2 .swiper-pagination-bullet-active {
    background: #ffcc00;
}
.swiper-container2 .swiper-pagination{
    width: 100%;
    bottom: -20px;
    left: 0;
}
.swiper-container img{
    vertical-align: bottom;
}
.xshy-gang{
    width: 100%;
    border-bottom: 1px solid #41606c;
    margin-top: 30px;
    margin-bottom: 10px;
}
.list-img3{
    background: #fff;
    margin-bottom: 10px;
    height: 210px;
}
.swiper-container3{
    position: relative;
    overflow: hidden;

}
.swiper-button-next3,.swiper-button-prev3{
    position:absolute;
    top:35%;
    width:15px;
    height:60px;
    z-index:10;
    cursor:pointer;
    background-size:15px 60px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-prev3, .swiper-container-rtl .swiper-button-next3 {
    background-image: url(../images/swiper-button-prev3.png);
    left:  0;
    right: auto;
    z-index: 999;
}
.swiper-button-next3, .swiper-container-rtl .swiper-button-prev3 {
    background-image: url(../images/swiper-button-next3.png);
    right: 0;
    left:auto;
    z-index: 999;
}
.swiper-list3{
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.hdgl{
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.bm-div1-l2{
    float:left;
    padding-left:25px;
    box-sizing: border-box;
    line-height: 30px;
    position: relative;
}
.bm-div1-l2:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    width: 21px;
    height: 20px;
    background: url(../images/tx.png);
    background-size: 100% 100%;
    left: 0;
}
.hwzb{
    width: 100%;
    overflow: hidden;
    background: #012d3e;
    padding: 10px;
    box-sizing: border-box;
}
.hwzb-more{
    width: 52px;
    margin: 0 auto;
    color: #ff8400;
    border-bottom: 1px solid #ff8400;
    display: inherit;
}
.hdhy-a12{
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: 12px;
    display: inherit;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 7px;
    color: #012d3e;
    position: relative;
}
.tjpw{
    overflow: hidden;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}
.dibu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background:#003b66;
    padding: 5px 15px 5px 15px;
    box-sizing: border-box;
    z-index: 999;
    display: block;
}
.sj-dibu-ul li {
    float: left;
    width: 24.5%;
    border-right: 1px solid #737584;
    text-align: center;
}
.sj-dibu-ul li:last-child{
    border-right: none;
}
.di-i1 {
    width: 28px;
    height: 25px;
    margin: 0 auto;
    background: url(../images/di1.png);
    background-size: 100%;
    display: block;
    margin-bottom: 5px;
}
.di-i3 {
    width: 27px;
    height: 25px;
    margin: 0 auto;
    background: url(../images/zxzx.png);
    background-size: 100%;
    display: block;
    margin-bottom: 5px;
}
.sj-dibu-ul li p {
    color: #fff;
    font-size: 13px!important;
}
.di-i2 {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url(../images/w.png);
    background-size: 100%;
    display: block;
    margin-bottom: 5px;
}
.di-i4 {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url(../images/di4.png);
    background-size: 100%;
    display: block;
    margin-bottom: 5px;
}
.all-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    display: none;
    z-index: 1000;
}
.all-bg-div {
    position: fixed;
    top: 50%;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 100px;
    text-align: center;
    border-radius: 5px;
    background: #fff;
    z-index: 10000;
    display: none;
}
.all-bg-div-i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/close.png);
    background-size: 100% 100%;
}
.all-bg-div-p1{
    margin-top: 20px;
    font-size: 25px;
    margin-bottom: 5px;
}
.all-bg-div-p2 {
    font-size: 12px;
    color: #003867;
}
.delu-bg{
    background-image: url(../images/delu-bg.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                height: 100vh;
                margin: 0px;
                padding: 0px;
   /*  background: url(../images/delu-bg.png);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
      background-size: cover; */
}
.all2{
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.all3{
    overflow: hidden;
   /* min-height: 600px;*/
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    background:#f5f5f5 ;
}
.all33{
    min-height: 600px;
}
.nav-top{
    height: 40px;
    line-height: 40px;
   /* margin-top: 60px;*/
    font-size: 13px;
}
.nav-top a:nth-child(2){
 background: #fe8603!important;
 font-size: 16px;
}
.dl-form{
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}
.dl-form-title{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}
.dl-form-div{
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.dl-form-div label{
    float: left;
    width: 24%;
}
.dl-form-div-input{
    float: right;
    width: 76%;
    height: 30px;
    border: none;
    outline:none;
    padding-left: 10px;
    box-sizing: border-box;
}
.dl-form-div-inputyzm{
    width: 30%;
    float: left;
    height: 30px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline: none;
    background: #ddd;
    border: none;
}
.dl-form-div-inputsj{
    float: left;
    width:40%;
    height: 30px;
    border: none;
    outline:none;
    padding-left: 10px;
    box-sizing: border-box;
}
.dl-form-div-input2{
   float: left;
    width: 30%;
    height: 30px;
    border: none;
    outline:none;
    padding-left: 10px;
    box-sizing: border-box;
    background: #fff;
}
.dl-form-mmk{
   overflow: hidden;
    line-height: 20px;
    margin-bottom: 15px;
}
.dl-form-mmk input{
    float: left;
    width: 14px;
    height: 14px;
    background: none;
    margin-left: 22%;
}
.dl-form-mmk p{
    float: left;
    margin-left: 5px;
    font-size: 12px;
}
.dl-form-div-p{
    float: right;
    color: #536f8c;
    font-size: 12px;
}
.dl-form-div-img{
    float: left;
    width: 29%;
    height: 30px;
    margin-left: 5px;
}
.dl-form-btn{
    margin-left: 22%;
    width: 78%;
    height: 30px;
    background: #003e66;
    color: #fff;
    border: none;
    margin-bottom: 10px;
}
.dl-form-none{
    margin-left: 22%;
}
.dl-form-none p{
    float: left;
    width: 35%;
    font-size: 12px;
}
.dl-form-none a{
    float: left;
    width: 35%;
    font-size: 15px;
    color: #536f8c;
    font-weight: bold
}
.limit-buy-nav3 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.limit-buy-nav3 .prev {
    float: left;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background: url(../images/prve.png);
    background-size: 100% 100%;
    margin-right: 10px;
}
.limit-buy-nav3 span {
    float: left;
   /*  width: 20px;
   height: 20px; */
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #b5b5b5;
    background: #fff;
    margin-right: 5px;
    color: #9d9c9c;
    padding: 2px 5px 2px 5px;
}
.limit-buy-nav3 a{
    float: left;
     font-size: 14px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #b5b5b5;
    background: #fff;
    margin-right: 5px;
    color: #9d9c9c;
    padding: 2px 5px 2px 5px;
    display: inherit;
}
.limit-buy-nav3 li{
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}
.limit-buy-nav3 .next {
    float: left;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background: url(../images/next.png);
    background-size: 100% 100%;
}
.di-hei{
    height: 60px;
}
.swiper-container4{
    position: relative;
    overflow: hidden;
}
.swiper-container4 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}
.swiper-container4 .swiper-pagination-bullet-active {
    background: #ffcc00;
}
.swiper-container4 .swiper-pagination{
    width: 100%;
    bottom: 20px;
    left: 0;
}
.hdxq-p1{
    font-size: 14px;
    color: #000;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    margin-top: 15px;
}
.hdxq-div{
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.hdxq-div p{
    float: left;
    margin-right: 20px;
}
.hdxq-div-p1{
    float: left;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
}
.hdxq-div-p1:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    width: 21px;
    height: 20px;
    background: url(../images/tx.png);
    background-size: 100% 100%;
    left: 0;
}
.hdxq-div-p1:after{
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    width: 21px;
    height: 20px;
    border-right: 1px solid #82969d;
    right: -10px;
}
.hdxq-div2{
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.hdxq-div2-1{
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
}
.hdxq-div2-1 span{
    color:#ff8400;
    font-size: 14px;
}
.hdxq-div2-1-l{
    float: left;
}
.hdxq-div2-1-r{
    float: right;
}
.hdxq-div2-1-r p{
    float: right;
}
.hdxq-div2-1-r i{
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    height: 15px;
    border-right: 1px solid #413d3c;
    margin-top: 2.5px;
}
.hdxq-div3{
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}
.hdxq-div3-1{
   padding: 10px;
    box-sizing: border-box;
}
.hdxq-div3-1-1{
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
}
.hdxq-div3-1-1-i1{
    float: left;
    width: 14px;
    height: 20px;
    background: url("../images/dd.png");
    background-size: 100% 100%;
}
.hdxq-div3-1-1-i2{
    float: left;
    width: 14px;
    height: 20px;
    background: url("../images/dd2.png");
    background-size: 100% 100%;
}
.hdxq-div3-1-1-i3{
    float: left;
    width: 17px;
    height: 16px;
    background: url("../images/time.png");
    background-size: 100% 100%;
}
.hdxq-div3-1-1-i4{
    float: left;
    width: 18px;
    height: 16px;
    background: url("../images/gly.png");
    background-size: 100% 100%;
    margin-top: 12px;
}
.hdxq-div3-1-1-p{
    float: left;
    margin-left: 10px;
}
.hdxq-div3-1-1-p-span{
    color: #ff8400;
    font-size: 15px;
}
.hdxq-div3-1-2{
    line-height: 40px;
    border-top: 1px solid #707070;
    padding-left: 10px;
    box-sizing: border-box;
}
.hdxq-div3-2{
    overflow: hidden;
    padding: 8px;
    box-sizing: border-box;
}
.hdxq-div3-2-title{
    width: 92px;
    height: 27px;
    background: url("../images/bt.png");
    background-size: 100% 100%;
    line-height: 27px;
    text-align: center;
    color: #fff;
    margin-bottom: 18px;
}
.hdxq-div3-2 img{
    width: 100%;
    margin-bottom: 15px;
}
.hdxq-div3-2 p{
    line-height: 30px;
}
.hdxq-div3-3{
    overflow: hidden;
    border-top: 1px solid #707070;
}
.cont-c2-cont-zan {
    float: left;
    width: 45px;
    height: 45px;
    text-align: center;
    background: #ff8400;
    border-radius: 50%;
    padding-top: 6px;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 40%;
}
.cont-c2-cont-zan i {
    width: 16px;
    height: 17px;
    margin: 0 auto;
    background: url(../images/dianjian.png);
    background-size: 100% 100%;
}
.cont-c2-cont-zan span{
    font-size: 11px;
    color: #fff;
}
.hdxq-l-div2-fx {
    float: right;
    width: 75px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    margin-right: 30px;
    position: relative;
    padding-left: 35px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 25px;
}
.hdxq-l-div2-fx:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/fx2.png);
    background-size: 100% 100%;
    left: 15px;
}
.hdxq-l-div3-2-q {
    overflow: hidden;
    margin-top: 20px;
    margin-left: 10px;
}
.hdxq-l-div3-2-pl{
    overflow: hidden;
    border-bottom: 1px solid #c5c5c5;
    padding: 8px;
    box-sizing: border-box;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.hdxq-l-div3-2-pl img{
    float: left;
    width: 20%;
}
.hdxq-l-div3-2-pl-m{
    float: left;
    width: 61%;
    margin-left: 2%;
}
.hdxq-l-div3-2-pl-m .p1{
    color: #000;
}
.hdxq-l-div3-2-pl-m .p2{
    font-size: 11px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #585858;
    margin-top: 8px;
    margin-bottom: 8px;
}
.hdxq-l-div3-2-pl-m .p3{
    font-size: 11px;
}
.hdxq-l-div3-2-pl-r{
    float: right;
    width: 15%;
    margin-left: 2%;
}
.hdxq-l-div3-2-pl-r p{
    float: right;
    font-size: 11px;
}
.hdxq-l-div3-2-pl-r i{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/zan.png);
    background-size: 100% 100%;
    margin-right: 5px;
}
.pinglun {
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 25px;
}
.pinglun-p1 {
    color: #a9a9a9;
    float: left;
    margin-left: 40%;
}
.pinglun-p2 {
    float: right;
    position: relative;
    padding-left: 35px;
    color: #a9a9a9;
    margin-right: 10px;
}
.pinglun-p2:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 2.5px;
    width: 17px;
    height: 20px;
    background: url(../images/pl3.png);
    background-size: 100% 100%;
    left: 10px;
}
.xgtj-title{
    font-size: 15px;
    color: #000;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    margin-top:20px;
    margin-bottom: 10px;
}
.xgtj-title:before{
    display: inline-block;
    content: '';
    position: absolute;
    top:3.5px;
    width: 13px;
    height: 13px;
    background: url("../images/xiao3.png");
    background-size: 100% 100%;
    left: 0;
}
.dibu2 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding: 8px 10px 8px 10px;
    box-sizing: border-box;
    z-index: 999;
    display: block;
    background: #fff;
}
.dibu2-l{
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #e5e5e5;
    font-size: 1.2em;
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
}
.dibu2-l:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 13px;
    width: 20px;
    height: 18px;
    background: url(../images/zx2.png);
    background-size: 100% 100%;
    left: 30px;
}
.dibu2-r{
        float: right;
    width: 28%;
    height: 44px;
    line-height: 44px;
    background: #ff8400;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    margin-right: 16px;
}
.yjgl-div{
    overflow: hidden;
}
.yjgl-title{
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.mytiezi-nav{
    height: 70px;
}
.mytiezi-nav .nav-li2{
    position: relative;
    padding-left: 3px;
    box-sizing: border-box;
}
.mytiezi-nav .nav-li3{
   text-align: center;
}
.mytiezi-nav-li{
    float: left;
    width: 23.5%;
    height: 23px;
    line-height: 23px;
    margin-right: 1.5%;
   /* text-align: center;*/
    border: 1px solid #898989;
    background: #fff;
    margin-bottom: 10px;
}
.mytiezi-nav-li.active{
    background: #ff8400;
    border: none;
    height: 25px;
}
.mytiezi-nav-li.active p{
    color: #fff;
}
.mytiezi-nav-li:nth-child(4n){
    margin-right: 0;
}
.mytiezi-nav-li.active:after{
    background: url(../images/jian.png);
}
.nav-li2:after{
    display: inline-block;
    content: '';
    position: absolute;
    top: 8px;
    width: 15px;
    height: 9px;
    background: url(../images/geren-jian.png);
    background-size: 100% 100%;
    right: 3px;
}
.nav-li2-ul{
    position: absolute;
    left: 0;
    right: 0;
    top: 24px;
    display: none;
    z-index: 999;
    background: #ff8400;
    border-top: 1px solid #eee;
}
.nav-li2-ul li{
    line-height: 24px;
    text-align: center;
    border-bottom:1px solid #eee;
}
.nav-li2-ul li a{
    color: #fff;
}
.wdtz {
    margin-top: 15px;
    overflow: hidden;
}
.wdtz-li {
    float: left;
    width: 48%;
    margin-right: 3%;
    background: #fff;
    margin-bottom: 25px;
    margin-top: 5px;
    position: relative;
}
.wdtz-li:nth-child(2n){
    margin-right: 1%;
}
.wdtz-li-div {
    width: 100%;
    height: 120px;
    position: relative;
}
.wdtz-li-div img {
    width: 100%;
    height: 100%;
}
.wdtz-li-div-a {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: none;
    background: url(../images/mytie-bg.png);
}
.wdtz-li-div-a-i {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 19px;
    height: 19px;
    background: url(../images/del_img.png);
    background-size: 100% 100%;
}
.wdtz-li-div-a-p {
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 50px;
    display: inherit;
    font-size: 12px;
}
.wdtz-li-p1 {
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}
.wdtz-li-div2 {
    width: 94%;
    overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #c9c9c9;
}
.wdtz-li-div2-1 {
    float: left;
    width: 33%;
    position: relative;
    line-height: 30px;
}
.hdxq-l-div1-cont-r-div2-p {
    float: left;
    color: #595858;
    margin-left: 5px;
}
.hdxq-l-div1-cont-r-div2-i3 {
    float: left;
    width: 22px;
    height: 12px;
    background: url(../images/yk.png);
    background-size: 100% 100%;
    margin-top: 9px;
}
.hdxq-l-div1-cont-r-div2-i2 {
    float: left;
    width: 16px;
    height: 14px;
    background: url(../images/xx.png);
    background-size: 100% 100%;
    margin-top: 8px;
}
.hdxq-l-div1-cont-r-div2-i1 {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/zan.png);
    background-size: 100% 100%;
    margin-top: 6px;
}
.wdtz-li-p2 {
    margin-left: 10px;
    color: #b0afaf;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ziliao-r-div1-p2 {
    position: relative;
    float: right;
    line-height: 25px;
    padding-left: 20px;
    box-sizing: border-box;
    cursor: pointer;
    color: #ff8400;
}
.ziliao-r-div1-p2:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 4.5px;
    width: 15px;
    height: 16px;
    background: url(../images/gl.png);
    background-size: 100% 100%;
    left: 0;
}
.baoming-form{
    overflow: hidden;
    margin-top: 10px;
}


.baoming-form-div2{
    overflow: hidden;
    margin-bottom: 10px;
}
.baoming-form-div2 label{
    float: left;
    width: 22%;
    line-height: 30px;
    text-align: right;
    font-size: 13px!important;
}
.mudi{
    float: right;
    width: 76%;
}
.mudi-l{
    float: left;
}
.baoming-form-div2 input{
    float: left;
    width:100px;
    height: 30px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline: none;
    margin-right: 6px;
    margin-bottom: 6px;
}
.baoming-form-div2 input.active{
    background:#ff8400;
}
.baoming-form-div2 .jia{
    float: left;
    line-height: 30px;
}
.baoming-form-div1{
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.baoming-form-div1 label{
    float: left;
    width: 22%;
    line-height: 30px;
    text-align: right;
    font-size: 13px!important;
}
.baoming-form-div1 input{
    float: right;
    width: 76%;
    height: 30px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline:none;
}
.baoming-form select{
    float: right;
    width: 76%;
    height: 30px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline:none;
}
.baoming-form-div1 .div-r {
    float: right;
    width: 76%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    box-sizing: border-box;
    background: #fff;
    background: #fff;
}
.baoming-form-div1 .div-r input {
    float: left;
    width: 70%;
    height: 26px;
    border: none;
    background: #fff;
    outline: none;
}
.baoming-form-div1 .div-r p {
    float: right;
    margin-right: 10px;
    font-size: 13px!important;
}
.fengmian-jia {
    position: absolute;
    right: 20px;
    top: 6.5px;
    width: 17px;
    height: 17px;
    background: url(../images/fm-jia.png);
    background-size: 100% 100%;
}
.upload_img_wrap {
    display: flex;
    width: 100%;
}
.imgContainer {
    display: inline-block;
    width: 113px;
    height: 94px;
    margin-left: 1%;
    border: 1px solid #666666;
    position: relative;
    box-sizing: border-box;
    margin-right: 0.2rem;
    margin-top: 5px;
}
.imgContainer img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.upload_img_wrap .imgDelete {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -5px;
    right: -5px;
}
.inner {
    float: right;
    width: 76%;
}
.custom_img {
    width: 100%;
    height: 5rem;
}
#imgBox {
    display: flex;
}
.upload_img {
    width: 133px;
    height: 94px;
    margin-top: 5px;
}
.edui-default .edui-editor-breadcrumb {
    margin: 2px 0 0 3px;
    font-size: 13px!important;
}
.fbtie{
    width: 90px;
    height: 30px;
    margin: 0 auto;
    background: #ff8400;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
    margin-bottom: 15px;
    display: inherit;
    border: none;
    margin-top: 20px;
}
.fbtie:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 7px;
    width: 14px;
    height: 16px;
    background: url(../images/fbxt.png);
    background-size: 100% 100%;
    left: 10px;
}
.center{
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
}
/*个人中心*/
.center1{
     overflow: hidden;
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     box-sizing: border-box;
     text-align: center;
     margin-bottom: 10px;
 }
 .center1 img{
    width: 100px;
    height:80px;
 }
.center2{
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.center img{
    width: 85px;
    height: 85px;
    margin-bottom: 8px;
}
.center-p1{
    color: #000;
    margin-bottom: 8px;
    font-size: 14px;
}
.center-p2{
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 14px;
    color: #747171;
}
.center-p2 span{
    margin-right: 8px;
}
.center-div{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    display: inherit;
}
.center-div:last-child{
    border-bottom: none;
}
.center-div p{
    float: left;
    color: #000;
    font-size: 14px;
}
.center-div i{
    float: right;
    width: 18px;
    height: 20px;
    background: url("../images/f.png");
    background-size: 100% 100%;
    margin-top: 12.5px;
}
.baoming-title {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.bm-form{
    overflow:hidden;
}
.bm-title{
    background: #4b6b7c;
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.bm-title-p1{
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.bm-title-p2{
    color:#c0c9ce;
    font-size: 11px;
}
.bm-div{
    overflow: hidden;
    border: 1px solid #d2d2d2;
    background: #fff;
    margin-bottom: 8px;
    padding: 8px;
    box-sizing: border-box;
}
.bm-div-p1{
    color: #ff8f33;
    font-size: 14px;
    margin-bottom: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bm-div-p2{
    line-height: 25px;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.bm-div-p2 select{
    width: 150px;
    outline:none;
}
.bm-form{
    overflow:hidden;
}
.bm-form-div{
    width: 96%;
    margin-left: 2%;
    /*overflow: hidden;*/
    background: #fff;
    border: 1px solid #d2d2d2;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
}
.bm-form-div-title{
    position: absolute;
    left: -10px;
    top: 10px;
    width: 136px;
    height: 40px;
    line-height: 30px;
    background: url("../images/b1.png");
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
}
.bm-1{
    overflow: hidden;
    margin-bottom: 10px;
}
.bm-11{
    margin-top: 55px;
}
.bm-1 label{
    float: left;
    width: 24%;
    line-height: 25px;
    text-align: right;
}
.bm-1 label span{
    color: #ff8400;
}
.bm-1 input{
    float: right;
    width: 74%;
    height: 25px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    outline:none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.bm-1 select{
    float: right;
    width: 74%;
    height: 25px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    outline:none;
}
.bm-1-btn1 {
    float: left;
    width: 42%;
    height: 30px;
    line-height: 30px;
    background: #ff8f33;
    color: #fff;
    border: none;
    margin-left: 15px;
    position: relative;
    padding-left: 45px;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 15px;
}
.bm-1-btn1:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 8px;
    width: 14px;
    height: 14px;
    background: url(../images/jia.png);
    background-size: 100% 100%;
    left: 20px;
}
.bm-1-btn2 {
    float: right;
    width: 42%;
    height: 30px;
    line-height: 30px;
    background: #ff8f33;
    color: #fff;
    border: none;
    margin-right: 15px;
    position: relative;
    padding-left: 45px;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    margin-top: 15px;
    font-size: 12px;
}
.bm-1-btn2:before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 8px;
    width: 14px;
    height: 14px;
    background: url(../images/dr.png);
    background-size: 100% 100%;
    left: 20px;
}
.bm-form textarea{
    width: 96%;
    height: 120px;
    padding: 10px;
    box-sizing: border-box;
    outline:none;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top:5px;
    margin-left: 2%;
}
.bm-form-tijiao{
    width: 90px;
    height: 25px;
    margin: 0 auto;
    line-height: 25px;
    background: #ff8400;
    color: #fff;
    display: inherit;
    border: none;
    font-size: 12px;
    margin-bottom: 15px;
}
.bm-form-img{
    overflow:hidden;
    padding: 10px;
    box-sizing: border-box;
}
.bm-form-img1{
    margin-top: 15px;
    float: left;
    width: 51%;
}
.bm-form-img2{
    float: right;
    width: 45%;
    margin-top: 15px;
}
.bm-form-img-xx{
    width: 96%;
    margin: 0 auto;
    text-align: center;
    color: #fd4343;
    margin-top: 15px;
    margin-bottom: 20px;
}
.i-close {
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url(../images/gb.png);
    background-size: 100% 100%;
    position: absolute;
    right: -8px;
    top: -8px;
    cursor: pointer;
}
/*资料与账号-修改头像*/
.fbhd-r-ziliao-1-tx-div {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5px;
    position: relative;
}
.fbhd-r-ziliao-1-tx-div img {
    width: 90px;
    height: 100%;
}
.fbhd-r-ziliao-1-tx-div .div1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/tx-bg.png);
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    line-height: 119px;
    display: none;
}
.fbhd-r-ziliao-1-tx-div:hover .div1{
    display: block;
    cursor: pointer;
}
.fbhd-r-ziliao-1-tx-div2 {
    width: 240px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
}
.fbhd-r-ziliao-1-tx-div2 .p1:disabled {
    background-color: #fff;
    border: none;
}
.fbhd-r-ziliao-1-tx-div2 .p1 {
    float: left;
    color: #000;
    width: 156px;
    text-align: center;
    margin-left: 50px;
}
.fbhd-r-ziliao-1-tx-div2 .p2 {
    color: #ff8400;
}
.jbxx{
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
.fbhd-r-ziliao-1-div {
    overflow: hidden;
    line-height: 35px;
    margin-bottom: 6px;
    position: relative;
}
.fbhd-r-ziliao-1-div-p1 {
    float: left;
    width: 30%;
    text-align: right;
    color: #767676;
    font-size: 14px;
}
.fbhd-r-ziliao-1-div-p12{
    float: left;
    width: 60%
}
.fbhd-r-ziliao-1-div-p2 {
    float: left;
    width: 60%;
    margin-left: 5%;
}
.fbhd-r-ziliao-1-div-p3 {
    float: right;
    width: 34%;
    color: #767676;
}
.fbhd-r-ziliao-1-div label {
    float: left;
    width: 25%;
    line-height: 30px;
    text-align: right;
    font-size: 13px!important;
}
.fbhd-r-ziliao-1-div input{
    float: right;
    width: 75%;
    height: 30px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline: none;
    background: #eee;
}
.xg-r{
    float: left;
    width: 78%;
}
.fbhd-r-ziliao-1-div-p11 {
    width: 100%;
    margin-right: 30px;
}
.jiebang-btn{
    float: left;
    width: 45%;
    height: 23px;
    border: 1px solid #a4a4a4;
    background: #fff;
    border-radius: 5px;
    margin-right:4%;
}
.gh-btn{
    float: left;
    width: 45%;
    height: 25px;
    line-height: 25px;
    background: #ff8400;
    border: none;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.tj-btn{
    width: 150px;
    height: 30px;
    margin: 0 auto;
    color: #fff;
    background:#ff8400 ;
    margin-bottom: 20px;
    border: none;
    display: inherit;
    margin-top: 15px;
    border-radius: 5px;
}
/*活动详情-评论*/
.comment {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b5b5b5;
    padding: 10px;
    box-sizing: border-box;
}
.comment .head-face {
    width: 20%;
    height: 61px;
    float: left;
    text-align: center
}
.comment .head-face img {
    width: 100%;
    height: 61px;
    border-radius: 50%;
}

.comment .head-face p {
    font-size: 12px;
}

.comment .content {
    width: 78%;
    height: 120px;
    float: right;
}

.cont-box {
    width: 100%;
    height: 80px;
    border: 1px solid #dcdcdc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
}

.cont-box .text {
    width: 90%;
    height: 86.9%;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    resize: none;
    border: 0;
    outline: 0;
    float: left
}

.tools-box {
    width: 100%;
    height: 30px;
    margin-top: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left
}

.tools-box .operator-box-btn {
    width: 50%;
    height: 30px;
    float: left
}

.tools-box .operator-box-btn .face-icon {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    background: url("../images/bq.png");
    background-size: 100% 100%;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 22px;
    cursor: pointer
}
.tools-box .operator-box-btn .lianjie-icon{
    display: block;
    float: left;
    width: 23px;
    height: 10px;
    background: url("../images/lj.png");
    background-size: 100% 100%;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 22px;
    cursor: pointer
}
.tools-box .operator-box-btn .img-icon {
    display: block;
    float: left;
    width: 23px;
    height: 19px;
    background: url("../images/tt.png");
    margin-top: 5px;
    margin-left: 10px;
    font-size: 33px;
    font-weight: lighter;
    cursor: pointer
}
.tools-box .submit-btn {
    width: 30%;
    height: 30px;
    float: right
}

.tools-box .submit-btn input {
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: #ff8400;
    border-radius: 5px;
}

#info-show {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
}

#info-show li {
    width: 100%;
    height: auto;
    padding: 10px 0 20px;
    border-bottom: 1px dashed silver;
    float: left
}

#info-show .head-face {
    width: 20%;
    float: left;
    text-align: center
}

#info-show .head-face img {
    width: 100%;
    height: 65px;
    border-radius: 50%;
    box-shadow: 0 0 8px silver
}

#info-show .reply-cont {
    width: 54%;
    padding-right: 1%;
    float: left;
    margin-left: 5%;
}

#info-show .reply-cont p {
    min-height: 20px;
    line-height: 20px;
}

#info-show .reply-cont .username {
    color: #000;
    margin-bottom: 5px
}

#info-show .reply-cont .comment-body {
    color: #999;
    max-height: auto;
}
#info-show .reply-cont .comment-footer {
    font-size: 12px;
    color: silver;
    margin-top: 10px
}
#emotions {
    left: 0;
    margin-top: 34px;
    width: 395px;
    font-size: 12px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px gray;
    padding: 10px 0;
    position: absolute;
    border: 1px solid #e8e8e8
}

#emotions a {
    color: #9abbc8;
    padding: 2px 7px;
    text-decoration: none
}

#emotions img {
    border: 0
}

#emotions div {
    margin: 5px 10px;
    padding: 1px;
    overflow: hidden
}

#emotions #prev, #emotions #next {
    margin-left: 3px;
    height: 15px;
    display: block;
    float: left;
    background: #eee
}

#emotions .categorys {
    color: #ccc;
    height: 26px;
    color: #9abbc8;
    overflow: hidden
}

#emotions .categorys a {
    border: 2px solid #e8e8e8;
    border-right: 0;
    display: inline-block
}

#emotions .categorys a:hover {
    text-decoration: underline
}

#emotions .categorys a.current {
    cursor: default;
    border-bottom: 0;
    border-bottom: 2px solid #9c6;
    background: #f0f0f0
}

#emotions .container {
    padding: 1px;
    overflow: hidden;
    min-height: auto;
    overflow-y: auto;
    max-height: 180px
}

#emotions .container a {
    float: left;
    width: 26px;
    height: 22px;
    text-align: center;
    padding: 4px 2px;
    margin: -1px 0 0 -1px;
    border: 1px solid #e8e8e8
}

#emotions .container a:hover {
    z-index: 2;
    position: relative;
    border: 1px solid #0095cd
}

#emotions .page {
    text-align: right
}

#emotions .page a.current {
    color: #666;
    background-color: #fff
}

#emotions .page a {
    margin-left: 3px;
    color: #0078b6;
    background-color: #f3f3f3
}

#emotions .page a:hover {
    background-color: #e7e7e7
}
#content{
    width: 100%;
    overflow: hidden;
}
.xi {
    margin-top: 10px;
    overflow: hidden;
    line-height: 30px;
}
.pinglun-r{
    float: right;
    width: 20%;
}
.pinglun-r-i{
    float: right;
    margin-right:2%;
    width: 16px;
    height: 16px;
    background: url("../images/zan.png");
    background-size: 100% 100%;
}
.pinglun-r-p{
    float: right;
}
.xg-paw label{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.xg-paw input{
    float: left;
    width: 150px;
    height: 30px;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.xg-paw-btn1{
    width: 100px;
    height: 30px;
    background: #ff8400;
    color: #fff;
    border: none;
    outline: none;
}
.xg-paw-div{
    overflow: hidden;
    margin-bottom: 20px;
}
#guige{
    display: none;
}
.main2 {
    float: left;
    width: 76%;
    margin: auto;
    background: #fff;
}
.upimg2 {
    float: left;
    position: relative;
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    background: url(../images/addimg.svg) no-repeat;
    background-position: 195px;
}
.upimg2 input {
    position: absolute;
    width: 100%;
    height: 30px;
    opacity: 0;
}
.fmzt {
    width: 100%;
    height: 150px;
    margin-top: 15px;
}
.upimg {
    float: left;
    position: relative;
    width:30%;
    height: 94px;
    border-radius: 5px;
    border: dashed #999999;
    background: url(../images/addimg.svg) no-repeat;
    background-position: 50%;
}
.upimg input {
    position: absolute;
    width: 100%;
    height: 94px;
    opacity: 0;
}
#showui {
    display: flex;
    justify-content: flex-start;
}
#showui li img.showimg {
    width: 100%;
    height: 100%;
}
.main .showimg {
    float: left;
}
#showui li {
    float: left;
    width: 30%;
    height: 94px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
}
.showdiv {
    position: absolute;
    z-index: 9;
    bottom: 0;
    height: 30px;
    width: calc(100% - 20px);
    padding:5px 10px 5px 10px;
    display: flex;
    justify-content: space-around;
    background: rgba(0, 0, 0, .6);
}
#showui li:first-child img.left {
    opacity: .6;
    cursor: no-drop;
}
.showdiv img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.hdtj1{
    float: left;
    line-height: 33px;
}
.xgjbxx{
    width: 35%;
    height: 25px;
    margin: 0 auto;
    line-height: 25px;
    background: #ff8400;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    display: inherit;
    margin-top: 15px;
}
.xgjbxxbtn{
    width: 35%;
    height: 25px;
    margin: 0 auto;
    line-height: 25px;
    background: #ff8400;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    display: inherit;
    margin-top: 15px;
    border: none;
}
.fengmian-jia {
    position: absolute;
    right: 20px;
    top: 6.5px;
    width: 17px;
    height: 17px;
    background: url(../images/fm-jia.png);
    background-size: 100% 100%;
}
#showui-two li img.showimg {
    width: 100%;
    height: 100%;
}
#showui-two {
    display: flex;
    justify-content: flex-start;
}
.upload_img_wrap {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
#showui-two li {
    width: 133px;
    height: 94px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-left:24%;
    margin-top: 5px;
}
.gg-xq{
    overflow: hidden;
    margin-top: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.ggxq-title{
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.ggxq-mx{
    text-align: center;
    font-size: 12px;
    color: #a7a7a7;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 10px;
}
.ggxq-div{
    overflow: hidden;
}
.ggxq-div p{
    line-height: 25px;
    margin-bottom:10px;
}
.ggxq-div img{
    width: 100%;
    margin-bottom: 10px;
}
.delu-form-div-jizhu{
    margin-left: 24%;
    overflow: hidden;
    margin-bottom: 10px;
}
audio{
    height: 25px;
    margin: 0 auto;
    margin-top: 12px;
    display: inherit;
    margin-bottom: 10px;
}
.dibu2-l-div{
    float: left;
    width: 40%;
    height: 44px;
    position: relative;
}
.dibu2-l-div:hover .dibu2-zixun{
    display: block;
}
.dibu2-zixun{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 44px;
    border: 1px solid #eee;
    display: none;
}
.dibu2-zixun li{
     height: 52px;
    line-height: 20PX;
    border-top: 1px solid #eee;
    text-align: center;
    background: #fff;
}
.weixin-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: none;
}
.weixin-img{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
   display: none;
}
.weixin-img img{
    width: 280px;
    height: 280px;
    margin: 0 auto;
    display:inherit;
    margin-top: 40%;
}

.nav-top a:nth-child(2) {
    background: #fe8603!important;
    font-size:  16px;color: white;
}