@charset "utf-8";



/* CSS Document */



* {

    margin: 0;

    padding: 0;

}

/* All */



html {

    font-size: 50px;

}

/* iPhone 4/5 */



@media (min-width: 320px) {

    html {

        font-size: 50px;

    }

}

/* Android */



@media (min-width: 360px) {

    html {

        font-size: 56.25px;

    }

}

/* iPhone6 */



@media (min-width: 375px) {

    html {

        font-size: 58.59375px;

    }

}

/* iPhone6 Plus */



@media (min-width: 414px) {

    html {

        font-size: 64.6875px;

    }

}

html,

body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    /*    overflow: hidden;*/

    background-color: #ebebeb;

}

.load-mask {

    position: fixed;

    z-index: 2;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    background: rgba(0, 0, 0, 0.8);

    top: 0;

    left: 0;

    display: none;

}

.preview-img {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 60%;

    height: 70%;

    overflow: hidden;

}

.preview-img img {

    width: 100%;

}

.container {

    font-size: .2rem;

    height: 100%;

    width: 100%;

    /*position: relative;

    bottom: 124px;*/

    /*    overflow-y: scroll;*/

}

.time-record {

    margin-top: 5%;

    text-align: center;

}

.time-record span {

    background-color: #d5d5d5;

    padding: 5px;

    color: #fff;

    /*    font-weight: bold;*/

    border-radius: 2px;

}

.invite-member {

    margin-top: 6%;

    text-align: left;

    max-width: 95%;

    margin-left: auto;

    margin-right: auto;
    padding: 5px 10px;
    box-sizing: border-box;
	 text-align:center;

}

.invite-member span {

    background-color: #d5d5d5;

    padding: 5px;

    color: #fff;

    line-height: 25px;

    border-radius: 2px;

}

.listen-msg {

    /*margin-top: 5%;*/

    text-align: center;

}

.listen-msg span {

    background-color: #d5d5d5;

    padding: 5px;

    color: #fff;

    border-radius: 2px;

}

.blank-content {

    height: 4%;

}

.talk-record {

    margin-top: 3%;

    position: relative;

}

.head-portrait {

    float: left;

    width: 46px;

    height: 46px;

    margin-left: 10px;

}

.head-portrait>img{

    width:45px;height:45px;

}

.record-msg {

    /*    border: 1px solid green;*/

    margin-left: 65px;

    padding-right: 40px;

    font-size: .2rem;

}

.talk-name {

    padding: 0.5%;

    color: #999;

}

.talk-msg-container {

    position: relative;

}

.talk-msg{margin-top: 0.8%;padding: 4%;font-size: 0.26rem;border-radius: 5px; border: 1px solid #d1d1d1;background-color: #fff;min-height: 0.28rem;line-height: 160%;}
.talk-msg img {vertical-align: middle;}
.triangle {position: absolute;left: -10px;top: 15px;z-index: 1;}
.rj{right: -10px;}
.triangle img{

    width: 10px;

    z-index: 0;

    margin-left: 3px;

}

.talk-voice {

    margin-top: 0.8%;

    padding: 4%;

    font-size: 0.26rem;

    border: 1px solid #d1d1d1;

    background-color: #b0eb5b;

    min-height: 0.26rem;

    border-radius: 5px;

    width: 60%;

}

.talk-voice audio {

    display: none;

}

.voice-time {

    position: absolute;

    left: 72%;

    min-height: 0.26rem;

    top: 1%;

    font-size: 0.26rem;

    padding-top: 4%;

}

.red-point {

    display: inline-block;

    width: 8px;

    height: 8px;

    background-color: #df0b0a;

    border-radius: 4px;

    margin-left: 8px;

}

.upload-img {

    width: 100%;

    z-index: 10;

    overflow: hidden;

}

.upload-img img {

    width: 100%;

    border-radius: 5px;

    visibility: hidden;

}

.upload-img img.show{

    visibility: visible;

}

.botbg {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 30;

}

.botbg img {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

}

/*page1 end*/



.page-s {

/*    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;*/

    filter: Alpha(opacity=50);

/*    background: #000;*/

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

/*    display: none;*/

    background-image: url(../images/shares.png);

}

.page-s-s {

    background: url(../images/ps-1.png) no-repeat;

    width: .91rem;

    height: 1.16rem;

    background-size: 100%;

    position: absolute;

    top: 0rem;

    right: 0px;

}

.page-s-t {

    background: url(../images/ps-2.png) no-repeat;

    width: 4.59rem;

    height: .84rem;

    background-size: 100%;

    position: absolute;

    top: 1.6rem;

    right: .2rem;

}

.page-s-logo1 {

    background: url(../images/erweima.jpg) no-repeat;

    width: 2.55rem;

    height: 2.55rem;

    background-size: 100%;

    position: absolute;

    top: 6rem;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    filter:alpha(opacity=57);

}

.page-s-logo2 {

    background: url(../images/ps-4.png) no-repeat;

    width: 2.71rem;

    height: 1.4rem;

    background-size: 100%;

    position: absolute;

    top: 6.9rem;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    display: none;

}

.page-s-logo3 {

    background: url(../images/ps-5.png) no-repeat;

    width: .8rem;

    height: .8rem;

    background-size: 100%;

    position: absolute;

    top: 7rem;

    left: 0px;

    right: 0px;

    margin: 0px auto;

}

.page-s-t2 {

    font-size: .2rem;

    color: #F16521;

    text-align: center;

    position: absolute;

    bottom: 1rem;

    left: 0px;

    right: 0px;

    margin: 0px auto;

}

.yinp2{

    top:55%;

}

.qunming img{

    width: 100%;

}

.voice-time1{

    width: 40% !important;

}

.voice-time2{

    width: 40% !important;

}

.Zon-vide{

    width:100%;

    margin-top: 0.8%;

/*    padding: 4%;*/

    font-size: 0.26rem;

    border: 1px solid #d1d1d1;

    min-height: 0.26rem;

    border-radius: 5px;

    position: relative;

}

.Zon-vide.oneS{

    background-image: url(../images/11.png);

    background-size: 100% 100%;

}

.Zon-vide.twoS{

    background-image: url(../images/2.png);

    background-size: 100% 100%;

}

.Zon-vide.shipingthree{

    background-image: url(../images/shipingtwo.png);

    background-size: 100% 100%;

}

.shareP{

    width:100%;height:100%;position:fixed;display: none;z-index: 9999;left:0;top:0;

}

#talkLast{

    margin-bottom:18%;min-height:200px;

}
.rj{position: absolute;right: -10px;top: 15px;z-index: 1;}
.record-msg1{margin-right: 65px;padding-right: 0;font-size: .2rem;padding-left: 40px;}
.talk-name1{padding: 0.5%;color: #999;text-align: right;}
.head-portrait1{float: right;width: 46px;height: 46px;margin-right: 10px;}
img.b{width: 28px;}
img.b2{width:25px;}
.head-portrait1>img {width: 45px;height: 45px;}
.zhuanfa{ font-size:12px;color:#333; line-height:20px; }
.biaoti{}
.texct{height:40px; overflow:hidden; }
.texct p{margin-left:43px;}
.zhuanfa img{ width:40px; height:40px;float:left;}
.zhuanfa a{ display:block; text-decoration:none; color:#333; font-size:13px; font-weight:bold;}
/*loading...*/

.process{    

    position: fixed;

    background-color: #d5e9fa;

    top: 0;

    left: 0;    

    width: 100%;

    height: 100%;

}

.process .logo{

    position: absolute;

    width: 1.2rem;

    height: 1.2rem;

    background: url(../images/logo.png) no-repeat;

    background-size: cover;

    top: 3.5rem;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.process .process-txt{

    position: absolute;

    width: 2rem;

    top: 5rem;

    left: 0;

    right: 0;

    margin: 0 auto;

    font-size: .22rem;

    color: #106db6;

    text-align: center;

    margin-left: 2.3rem;

}

.process .process-txt:before{

    position: absolute;

    left: 0;

    top: 0;

    content:url(../images/line.png);

    zoom:.7;

}

.process .process-txt:after{

    position: absolute;

    right: 0;

    top: 0;

    content:url(../images/line.png);

    zoom:.7;

}

/*page share end*/

@media (min-width: 375px) {

    #talkLast{

        margin-bottom:22%;min-height:250px;

    }

}