/* 加载 */
/* pc */
.body{
    width: 100%;
    height: 100%;
    /* background: url(../images/bodybgc.png) 0 0 no-repeat;
    background-size: 100% 100%; */
    position: relative;
}
.pcbody{
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    position: relative;
    overflow: hidden;
}
.pcbody .ifr{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.body .fun{
    position: fixed;
    top: 25%;
    width: 50px;
    padding: 5px;
    background: #fff;
    /* border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; */
    right: 15px;
    transition: all 1s;
}
.body .fun ul li{
    width: 100%;
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 1px;
    color: #000;
    margin: 25px 0;
    cursor: pointer;
}
.body .fun ul li a{
    color: #000;
}
.body .fun ul li i{
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px auto;
}
.body .fun ul .canpin i{
    background: url(../images/chanpin.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .guanwang i{
    background: url(../images/guanwang.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .yangben i{
    background: url(../images/yangben.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .xuangou i{
    background: url(../images/xuangou.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .fuwu i{
    background: url(../images/fuwu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .xinwen i{
    background: url(../images/xinwen.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .kefu input{
    border: none;
    background: rgba(255, 255, 255, 0);
}
.body .fun ul .kefu i{
    background: url(../images/kefu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .fenxiang i{
    background: url(../images/fenxiang.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
/* .body .fun ul .zhibo i{
    background: url(../images/直播.png) 0 0 no-repeat;
    background-size: 100% 100%;
} */
.body .fun ul .xiaoyu i{
    background: url(../images/xiaoyu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .caozuo i{
    background: url(../images/zhanghu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
/* 操作内容 */
.body .fun .caozuocon{
    /* width: 140px; */
    position: absolute;
    bottom: 30px;
    right: 55px;
    background-color: #fff;
    border-radius: 5px;
    display: none;
}
.body .fun .caozuocon ul li{
    float: left;
    margin: 0;
    width: 70px;
}
.body .fun .caozuocon ul .xiugai i{
    background: url(../images/gaimi.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun .caozuocon ul .out i{
    background: url(../images/tuichu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
/* 修改密码 */
.body .gaimi{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    display:none;
}
.body .gaimi .gcon{
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.body .gaimi .sharelogo{
    height: 60px;
    background-color: #1B2462;
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    text-align: center;
    line-height: 60px;
    position: relative;
}
.body .gaimi .sharelogo img{
    width: 98px;
    height: 24px;
    position: absolute;
    top: 17px;
    left: 20px;
    text-align: left;
}
.body .gaimi .sharelogo text{
    color: #fff;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.body .gaimi .gcon .zhanghuxinxi{
    padding: 60px 0;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1){
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(1){
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(1) img{
    width: 140px;
    height: 140px;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(1) p{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 20px;
    overflow: hidden;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(2){
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(2) p{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(1)>div:nth-child(2) span{
    color: #999;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(2){
    width: 100%;
    text-align: center;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #1B2462;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(2) button{
    width: 88px;
    height: 36px;
    text-align: center;
    /*line-height: 36px;*/
    font-size: 16px;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(2) button:nth-child(1){
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #1B2462;
    border: 1px solid #1B2462;
    margin-right: 40px;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(2) button:nth-child(2){
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    margin-right: 40px;
}
.body .gaimi .gcon .zhanghuxinxi>div:nth-child(2) .adminqgo{
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #1B2462;
    border: 1px solid #1B2462;
    margin-right: 0;
    display: inline-block;
    width: 88px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    vertical-align: top;
}
.body .gaimi .gcon .gconipt{
    padding: 20px 20%;
    display: none;
}
.body .gaimi .gcon .gconipt .title{
    height: 50px;
    font-size: 22px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.body .gaimi .gcon .int{
    height: 50px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #999;
    margin-top: 20px;
    box-sizing: border-box;
}
.body .gaimi .gcon .int input{
    width: 85%;
    height: 100%;
    text-indent: 10px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    outline:none
}
.body .gaimi .gcon .int input::-webkit-input-placeholder {
    color: #999;
}
.gaimi .gcon .int #mgetcode{
    width: 88px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 5px;
    background-image: linear-gradient(0deg,
    #1F6FD5 10%,
    #2982E8 60%,
    #3399FF 100%);
}
.gaimi .gcon .int #getcode{
    width: 88px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 5px;
    background-image: linear-gradient(0deg,
    #1F6FD5 10%,
    #2982E8 60%,
    #3399FF 100%);
}
.body .gaimi .gcon .int i{
    position: absolute;
    right: 14px;
    top: 12px;
    width: 16px;
    height: 18px;
    display: inline-block;
}
.body .gaimi .gcon .name i{
    background: url(../images/zhanghao.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .gaimi .gcon .pwd i{
    background: url(../images/mima.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .gaimi .gcon .pwd .i2{
    position: absolute;
    right: -30px;
    top: 12px;
    width: 18px;
    height: 18px;
    background: url(../images/yanzheng.png) 0 0 no-repeat;
    background-size: 100% 100%;
    display: none;
}
.i2c{
    background: url(../images/cuowu.png) 0 0 no-repeat !important;
    background-size: 100% 100% !important;
}
.body .gaimi .gcon .rad{
    margin-top: 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    color:rgba(153,153,153,1);
}
.body .gaimi .gcon .subbut{
    text-align: center;
}
.body .gaimi .gcon .subbut button{
    width: 88px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color: #fff;
    margin-top: 30px;
   
    border: 0;
    border-radius: 5px;
    background-image: linear-gradient(0deg, 
        #1F6FD5 10%, 
        #2982E8 60%, 
        #3399FF 100%);
}
.body .gaimi .gcon .subbut .button1{
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    font-size: 16px;
    margin-right: 40px;
}
.body .gaimi .gcon .subbut .button2{
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    font-size: 16px;
}
.body .gaimi .icolse{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.body .kefulist{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(0,0,0,0.5);
    display: none;

}

.body .kefulist .fcon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-185px; 
    margin-left:-110px; 
    background: #fff;
    border-radius: 10px;
    padding: 20px 50px;
}
.body .kefulist .fcon .title{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#000;
    margin: 20px 0;
}

.body .kefulist .fcon div .kefulistbutton{
   color: #fff;
   width: 100%;
   height: 40px;
   margin: 10px auto;
   display: block;
   border: 0;
   border-radius: 5px;
   background-color: #1B2462;
   text-align: center;
}


.body .kefulist .fcon .fclose{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/x1.png) 0 0 no-repeat;
    background-size:100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.body .funshow{
    position: absolute;
    right: 15px;
    top: 21%;
    width: 25px;
    height: 40px;
    background:#fff;
    cursor: pointer;
    transition: all 1s;
    perspective:1000;
}
.body .funshow img{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -6px;
    width: 12px;
    height: 20px;
    transition: all 1s;
    z-index: 2;
}

.funshowactive{
    right:-50px !important;
    transition: all 1s;
}
.funshowactivei{
    height: 40px !important;
    width: 50px !important;
    transition: all 1s;
}
.funshowactiveimg{
    transform: rotateY(180deg);
    transition: all 1s;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .body .fun{
        top: 18%;
    }
    .body .funshow{
        top: 14%;
    }
    /* .body .fun ul li{
        font-size: 16px;
    }
    .body .fun ul li i{
        display: block;
        width: 30px;
        height: 30px;
        margin: 10px auto;
    }
    .body .fun .funshow{
        position: absolute;
        right: -30px;
        top: 50%;
        margin-top: -30px;
        width: 30px;
        height: 60px;
    }
    .body .fun .funshow img{
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -10px;
        width: 10px;
        height: 20px;
        transition: all 1s;
    } */
}

.body .zhiboshow{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}
.body .zhiboshow .videodiv{
    position: absolute;
    left: 50%;
    top: 50%;
}
.body .zhiboshow .videodiv video{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.body .zhiboshow .vclose{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.body .zhiboshow .vclose i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:15px;
    margin-left:15px;
}
/*.body .xiaoyushow{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}*/
/*.body .xiaoyushow .videodiv{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66%;
    margin-left: -33%;
}
.body .xiaoyushow .videodiv video{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.body .xiaoyushow .vclose{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.body .xiaoyushow .vclose i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:15px;
    margin-left:15px;
}*/
.body .xiaoyushow{
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999999;
}
.body .xiaoyushow #root{
    width: 100%;
}
.body .xiaoyushow #root .container{
    width: 100% !important;
    padding: 0 !important;
}
.body .xiaoyushow #root .container #meeting{
    display: none;
}
.body .xiaoyushow #root .container #meetingPassword{
    display: none;
}
.body .xiaoyushow #root .ptitle{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #ddd;
    text-align: center;
}
.ant-message{
    z-index: 999999999;
}

.body .xiaoyushow .vclose{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.body .xiaoyushow .vclose i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:15px;
    margin-left:15px;
}

/* m */
.mbody{
    width: 100%;
    height: 100%;
    /* background: url(../images/mbgc.png) 0 0 no-repeat;
    background-size: 100% 100%; */
    position: relative;
    overflow: hidden;
}
.mbody .mindex {
    width: 100%;
    height: 100%;
}
.mbody .mindex .ifr{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.mbody .fun{
    position: fixed;
    top: 21.5%;
    /*margin-top:-190px;*/
    width: 50px;
    /* padding: 10px; */
    background: #fff;
    border-bottom-left-radius: 5px;
    right: 0;
    transition: all 1s;
    /* border:1px solid #ddd; */
}
.mbody .fun ul li{
    width: 100%;
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 1px;
    color: #000;
    /* margin: 30px 0; */
    cursor: pointer;
}
.mbody .fun ul li a{
    color: #000;
}
.mbody .fun ul li i{
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px auto;
}
.mbody .fun ul .canpin i{
    background: url(../images/chanpin.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .yangben i{
    background: url(../images/yangben.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .xuangou i{
    background: url(../images/xuangou.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .fuwu i{
    background: url(../images/fuwu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .xinwen i{
    background: url(../images/xinwen.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .kefu input{
    border: none;
    background: rgba(255, 255, 255, 0);
}
.mbody .fun ul .kefu i{
    background: url(../images/kefu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .fenxiang i{
    background: url(../images/fenxiang.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
/* .mbody .fun ul .zhibo i{
    background: url(../images/直播.png) 0 0 no-repeat;
    background-size: 100% 100%;
} */
.mbody .fun ul .xiaoyu i{
    background: url(../images/xiaoyu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .caozuo i{
    background: url(../images/zhanghu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}


/* 操作内容 */
.mbody .fun .caozuocon{
    /* width: 142px; */
    position: absolute;
    bottom: 8px;
    right: 55px;
    background-color: #fff;
    border-radius: 5px;
    display: none;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.mbody .fun .caozuocon ul li{
    float: left;
    margin: 0;
    width: 70px;
}
.mbody .fun .caozuocon ul .xiugai i{
    background: url(../images/gaimi.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun .caozuocon ul .out i{
    background: url(../images/tuichu.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
/* 修改密码 */
.mbody .gaimi{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    left: 0;
    padding: 70px 0;
    display:none;
}
.mbody .gaimi .zhanghuxinxi{
    width: 90%;
    padding: 20px 4%;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -45%;
    /* background-color: #fff; */
    /* display: none; */
}
.mbody .gaimi .zhanghuxinxi{
    padding: 60px 0;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1){
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(1){
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(1) img{
    width: 80px;
    height: 80px;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(1) p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 10px;
    overflow: hidden;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(2){
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(2) p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(1)>div:nth-child(2) span{
    color: #999;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(2){
    width: 100%;
    text-align: center;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #1B2462;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(2) button{
    width: 88px;
    height: 36px;
    text-align: center;
    /*line-height: 36px;*/
    font-size: 16px;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(2) button:nth-child(1){
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #1B2462;
    border: 1px solid #1B2462;
    margin-right: 20px;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(2) button:nth-child(2){
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    margin-right: 20px;
}
.mbody .gaimi .zhanghuxinxi>div:nth-child(2) .adminqgo{
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #1B2462;
    border: 1px solid #1B2462;
    margin-right: 0;
    display: inline-block;
    width: 88px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    vertical-align: top;
}
.mbody .gaimi .gcon{
    width: 90%;
    padding: 20px 4%;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -45%;
    background-color: #fff;
    display: none;
}
.mbody .gaimi .gcon .title{
    height: 50px;
    font-size: 24px;
    font-family:PingFang SC;
    font-weight:bold;
    color:#333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
}
.mbody .gaimi .gcon .int{
    height: 50px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #999;
    margin-top: 20px;
    box-sizing: border-box;
}
.mbody .gaimi .gcon .int input{
    width: 85%;
    height: 100%;
    text-indent: 10px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    outline:none
}
.mbody .gaimi .gcon .int input::-webkit-input-placeholder {
    color: #999;
}
.mbody .gaimi .gcon .int i{
    position: absolute;
    right: 14px;
    top: 12px;
    width: 16px;
    height: 18px;
    display: inline-block;
}
.mbody .gaimi .gcon .name i{
    background: url(../images/zhanghao.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .gaimi .gcon .pwd i{
    background: url(../images/mima.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .gaimi .gcon .pwd .i2{
    position: absolute;
    right: -25px;
    top: 12px;
    width: 18px;
    height: 18px;
    background: url(../images/yanzheng.png) 0 0 no-repeat;
    background-size: 100% 100%;
    display: none;
}
.i2c{
    background: url(../images/cuowu.png) 0 0 no-repeat !important;
    background-size: 100% 100% !important;
}
.mbody .gaimi .gcon .rad{
    margin-top: 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    color:rgba(153,153,153,1);
}
.mbody .gaimi .gcon .subbut{
    text-align: center;
}
.mbody .gaimi .gcon .subbut button{
    width: 88px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color: #fff;
    margin-top: 30px;
    border: 0;
    border-radius: 5px;
    background-image: linear-gradient(0deg, 
        #1F6FD5 10%, 
        #2982E8 60%, 
        #3399FF 100%);
}
.mbody .gaimi .gcon .subbut .button1{
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    font-size: 16px;
    margin-right: 40px;
}
.mbody .gaimi .gcon .subbut .button2{
    background: #1B2462;
    box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;
    color: #fff;
    border: 0;
    font-size: 16px;
}
.mbody .gaimi .icolse{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/x1.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
    margin-right:10px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}




.mbody .kefulist{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(0,0,0,0.5);
    display: none;

}
.mbody .kefulist .fcon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-205px; 
    margin-left:-125px; 
    background: #fff;
    border-radius: 10px;
    padding: 50px;
}
.mbody .kefulist .fcon .title{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#000;
    margin: 20px 0;
}

.mbody .kefulist .fcon div .kefulistbutton{
    color: #fff;
    width: 100%;
    height: 40px;
    margin: 10px auto;
    display: block;
    border: 0;
    border-radius: 5px;
    background-color: #1B2462;
    text-align: center;
}

.mbody .kefulist .fcon .fclose{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/x1.png) 0 0 no-repeat;
    background-size:100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}







.mbody .funshow{
    position: absolute;
    right:0;
    top: 16%;
    width: 20px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}
.mbody .funshow img{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -5px;
    width: 10px;
    height: 20px;
    transition: all 1s;
}
.mfunshowactive{
    right:-50px !important;
    transition: all 1s;
}
.mfunshowactivei{
    height: 40px !important;
    width: 50px !important;
    transition: all 1s;
}
.mfunshowactiveimg{
    transform: rotateY(180deg);
    transition: all 1s;
}

.mbody .zhiboshow{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}
.mbody .zhiboshow .videodiv{
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45%;
}
.mbody .zhiboshow .videodiv video{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.mbody .zhiboshow .vclose{
    width:30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.mbody .zhiboshow .vclose i{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:7.5px;
    margin-left:7.5px;
}
.mbody .xiaoyushow{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}
.mbody .xiaoyushow .videodiv{
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45%;
}
.mbody .xiaoyushow .videodiv video{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.mbody .xiaoyushow .vclose{
    width:30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.mbody .xiaoyushow .vclose i{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top:7.5px;
    margin-left:7.5px;
}


.body .tlogo{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 99999;
}
.body .tlogoshow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: #fff;
    display: none;

}
.body .tlogoshow .tcon{
    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top:-270px; 
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 50px;
}
.body .tlogoshow .tcon .title{
    font-size:30px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    text-align: center;
}
.body .tlogoshow .tcon .tcontxt{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    text-indent: 40px;
}
.body .tlogoshow .tcon .tcondiv{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    margin: 40px 0;
}
.body .tlogoshow .tcon .tcondiv .tcondiv1{
    float: left;
}
.body .tlogoshow .tcon .tcondiv .tcondiv1 i{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px; 
}
.body .tlogoshow .tcon .tcondiv .tcondiv1 .ti1{
   background: url(../images/lianxiren.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .tlogoshow .tcon .tcondiv .tcondiv1 .ti2{
   background: url(../images/dainhua.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .tlogoshow .tcon .tcondiv .tcondiv1 .ti3{
   background: url(../images/dizhi.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .tlogoshow .tcon .tcondiv .tcondiv2{
   float: right;
}
.body .tlogoshow .tcon .tcondiv .tcondiv2 img{
   width: 140px;
   height: 140px;
}
.body .tlogoshow .tcon .tclose{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/tclose.png) 0 0 no-repeat;
    background-size:100% 100%;
    margin-right: 10px; 
    position: absolute;
    top: 15px;
    right: 15px;
}

.body .fenxiangshow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(0,0,0,0.5);
    display: none;

}
.body .fenxiangshow .fcon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-185px; 
    margin-left:-110px; 
    background: #fff;
    border-radius: 10px;
    padding: 20px 50px;
}
.body .fenxiangshow .fcon .title{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#000;
    margin: 20px 0;
}

.body .fenxiangshow .fcon div span{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 20px; 
}
.body .fenxiangshow .fcon div .weibo{
   background: url(../images/weibo.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .fenxiangshow .fcon div .qq{
   background: url(../images/QQ.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .fenxiangshow .fcon div .kongjian{
   background: url(../images/kongjian.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.body .fenxiangshow .fcon div .weixin{
   background: url(../images/weixin.png) 0 0 no-repeat;
    background-size:100% 100%;
}

.body .fenxiangshow .fcon .fclose{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/x1.png) 0 0 no-repeat;
    background-size:100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}
 .edituserbtn{
     text-align: center;
     padding: 10px 0;
 }
 .edituserbtn button{
     padding: 5px 20px;
 }

.mbody .tlogo{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 99999;
}
.mbody .tlogoshow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: #fff;
    display: none;

}
.mbody .tlogoshow .tcon{
    width: 96%;
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top:-218px; 
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 20px;
}
.mbody .tlogoshow .tcon .title{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    text-align: center;
}
.mbody .tlogoshow .tcon .tcontxt{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    text-indent: 40px;
}
.mbody .tlogoshow .tcon .tcondiv{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(250,250,250,1);
    margin: 40px 0;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv1{
    float: left;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv1 i{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size:100% 100%;
    margin-right: 5px; 
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv1 .ti1{
   background: url(../images/lianxiren.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv1 .ti2{
   background: url(../images/dainhua.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv1 .ti3{
   background: url(../images/dizhi.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv2{
    text-align: center;
}
.mbody .tlogoshow .tcon .tcondiv .tcondiv2 img{
   width: 90px;
   height: 90px;
}
.mbody .tlogoshow .tcon .tclose{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/tclose.png) 0 0 no-repeat;
    background-size:100% 100%;
    margin-right: 10px; 
    position: absolute;
    top: 7px;
    right: 7px;
}


.mbody .fenxiangshow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(0,0,0,0.5);
    display: none;

}
.mbody .fenxiangshow .fcon{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-205px; 
    margin-left:-125px; 
    background: #fff;
    border-radius: 10px;
    padding: 50px;
}
.mbody .fenxiangshow .fcon .title{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#000;
    margin: 20px 0;
}

.mbody .fenxiangshow .fcon div span{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px; 
}
.mbody .fenxiangshow .fcon div .weibo{
   background: url(../images/weibo.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .fenxiangshow .fcon div .qq{
   background: url(../images/QQ.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .fenxiangshow .fcon div .kongjian{
   background: url(../images/kongjian.png) 0 0 no-repeat;
    background-size:100% 100%;
}
.mbody .fenxiangshow .fcon div .weixin{
   background: url(../images/weixin.png) 0 0 no-repeat;
    background-size:100% 100%;
}

.mbody .fenxiangshow .fcon .fclose{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/x1.png) 0 0 no-repeat;
    background-size:100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}



.body .fun ul .canpin:hover i{
    background: url(../images/chanpinh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .yangben:hover i{
    background: url(../images/yangbenh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .xuangou:hover i{
    background: url(../images/xuangouh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .fuwu:hover i{
    background: url(../images/fuwuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .xinwen:hover i{
    background: url(../images/xinwenh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .kefu:hover i{
    background: url(../images/kefuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .fenxiang:hover i{
    background: url(../images/fenxiangh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .xiaoyu:hover i{
    background: url(../images/xiaoyuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun ul .caozuo:hover i{
    background: url(../images/zhanghuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun .caozuocon ul .xiugai:hover i{
    background: url(../images/gaimih.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.body .fun .caozuocon ul .out:hover i{
    background: url(../images/tuichuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}


.body .fun ul .canpin:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .yangben:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .xuangou:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .fuwu:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .xinwen:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .kefu:hover{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .fenxiang:hover{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .xiaoyu:hover{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun ul .caozuo:hover{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun .caozuocon ul .xiugai:hover{
    color:#09C9FF;
    text-decoration: none;
}
.body .fun .caozuocon ul .out:hover{
    color:#09C9FF;
    text-decoration: none;
}

.mbody .fun ul .canpin:hover i{
    background: url(../images/chanpinh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .yangben:hover i{
    background: url(../images/yangbenh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .xuangou:hover i{
    background: url(../images/xuangouh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .fuwu:hover i{
    background: url(../images/fuwuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .xinwen:hover i{
    background: url(../images/xinwenh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .kefu:hover i{
    background: url(../images/kefuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .fenxiang:hover i{
    background: url(../images/fenxiangh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .xiaoyu:hover i{
    background: url(../images/xiaoyuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun ul .caozuo:hover i{
    background: url(../images/zhanghuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun .caozuocon ul .xiugai:hover i{
    background: url(../images/gaimih.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbody .fun .caozuocon ul .out:hover i{
    background: url(../images/tuichuh.png) 0 0 no-repeat;
    background-size: 100% 100%;
}


.mbody .fun ul .canpin:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .yangben:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .xuangou:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .fuwu:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .xinwen:hover a{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .kefu:hover{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .fenxiang:hover{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .xiaoyu:hover{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun ul .caozuo:hover{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun .caozuocon ul .xiugai:hover{
    color:#09C9FF;
    text-decoration: none;
}
.mbody .fun .caozuocon ul .out:hover{
    color:#09C9FF;
    text-decoration: none;
}