#topbanner {
    width: 100%;
    height: 80px;
    background:rgba(247,247,247,1);
    background: linear-gradient(270deg, #ffa5a5 0%, #c28a36 100%);
    /*background-color: #e29c9c;*/
}
.topbanner_box {
    width: 1200px;
    height: 100%;
    margin: auto;
    /*background: linear-gradient(270deg, #ffa5a5 0%, #c28a36 100%);*/
}
/*头部导航结束*/
.banope-left span.active {
    background: #f2f2f2;
    padding: 10px;
    color: #333;
    z-index: 3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#topbanner .w .left-content {
    /*position: absolute;*/
    /*left: 0px;*/
    /*top: 168px;*/
}

#topbanner .w .left-content p.gao {
    width: 413px;
    height: 135px;
    background: url(../images/gaobai.png);
    background-repeat: no-repeat;
    background-size: 413px 135px;
    margin-left: -10px;

}

#topbanner .w .left-content h4 {
    color: #fff;
    margin-top: 18px;
    margin-bottom: 40px;
    font-size: 16px;
}

#topbanner .w .left-content span {
    display: inline-block;
    width: 304px;
    height: 70px;
    line-height: 70px;
    border-radius: 8px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    background: #54C2C2;
    cursor: pointer;
    background-color: rgba(84, 194, 194, 0.5) !important;
    background-color: #54C2C2;
    filter: Alpha(opacity=50);
}

.nav {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #292929;
}

.nav ul li {
    display: inline-block;
    margin-right: 28px;
}

.nav ul li a {
    position: relative;
}

.nav ul li a:hover div.userstatus {
    display: block;
}

.userstatus {
    width: 650px;
    position: absolute;
    background: white;
    top: 70px;
    left: 0px;
    z-index: 2;
    display: none;
}

.money .statustitle {
    width: 100%;
    height: 76px;
    box-sizing: border-box;
    line-height: 35px;
    background: #f0f0f0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background:linear-gradient(270deg,rgba(247,217,160,1) 0%,rgba(248,231,191,1) 100%);
}
#user_avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}
#user_avatar >img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user_balance {
    margin-left: 10px;
    color: #AA7505;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.user_balance >span{
    height: 18px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.money .statusimg {
    background: #fff;
}
.paybtn_box{
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 0;
}
.paybtn_box .paybtn {
    width:200px;
    height:35px;
    text-align: center;
    line-height: 35px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    background: linear-gradient(270deg, #ffa5a5 0%, #c28a36 100%);
    border-radius:33px;
}


.money .balance span {
    display: inline-block;
}

.userstatus .statustitle span {
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
}

.userstatus.money .statustitle span {
    padding: 0 0px;
}
.money .statustitle span:first-child {
    border-right: none;
}

.userstatus .statustitle span.active {
    color: #2d536c;
}

.nav .balance span {
    color: #333;
    margin-right: 10px;
}

.nav .balance span i {
    font-size: 24px;
    color: #3085EF;
    font-style: normal;
}

.rechargeobj span {
    font-size: 18px;
    color: #333;
    margin-left: 6px;
}

.rechargeobj span.self {
    margin-right: 10px;
}

.rechargeobj input#payothername {
    width: 106px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-align: center;
}

.userstatus .statusimg {
    background: #fff;
    padding: 0 12px;
    border-top: none;
    line-height: 0;
}

.userstatus .statusimg img {
    width: 121px;
    height: 121px;
    border-radius: 4px;
    margin-right: 5px;
    border: 1px solid transparent;
}

.userstatus .statusimg img:hover {
    border: 1px solid #2d536c;
}

.userstatus .statusimg img:last-child {
    margin-right: 0px;
}

.userstatus .watch {
    text-align: center;
    background: white;
}

.userstatus .watch span {
    display: inline-block;
    width: 180px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 4px;
    background: #2d536c;
    color: #fff;
}

.nav ul li a {
    display: inline-block;
    padding: 0 18px;
    color: #fff;
    font-size: 18px;
}

.nav ul li a:hover {
    background: #000;
}

.nav ul li:last-child a {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(../images/more.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.maincontent {
    padding-top: 78px;
    background: #fafafa;
}

.maincontent h5 {
    text-align: center;
    font-size: 24px;
    color: #000;
    font-family: HYa3gj;
    margin-bottom: 20px;
}

.maincontent .line {
    width: 106px;
    height: 2px;
    background: #ddd;
    margin: 20px auto;
}

.maincontent p {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
    text-align: center;
}

.maincontent p:last-child {
    margin-bottom: 30px;
}

.maincontent div.icons {
    margin: 40px auto 20px;
    text-align: center;
}

.maincontent div.icons span.money {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 20px;
    background: url(../images/money1.png);
    background-repeat: no-repeat;
}

.maincontent div.icons span.money:hover {
    background: url(../images/money.png);
    background-repeat: no-repeat;
}

.maincontent div.icons span.huang {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/guan1.png);
    background-repeat: no-repeat;

}

.maincontent div.icons span.huang:hover {
    background: none;
    background-repeat: no-repeat;
}

.maincontent .username {
    padding-left: 40px;
    height: 800px;
    width: 540px;
    background: url(../images/peopleshow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 31px;
}

.maincontent .username span {
    font-size: 18px;
    color: #333;
    margin-right: 20px;
}

.maincontent .username i.star {
    display: inline-block;
    width: 30px;
    height: 24px;
    background: url(../images/star.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.maincontent .username p {
    font-size: 16px;
    color: #666;
    margin-top: 18px;
    text-align: left;
}

.infoshow {
    text-align: left;
    overflow: hidden;
}

.infoshow div {
    float: left;
}

.infoshow div.userdesc {
    margin-top: 132px;
    width: 272px;
}

.infoshow div.userdesc h5 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 40px;
    transition-delay: 2s;
    transition: all 1s;
    transform: translate3d(0, 35px, 0);
    opacity: 0;
}

.infoshow div.userdesc p {
    line-height: 32px;
    text-align: left;
}

.infoshow div.userdesc ul {
    margin-top: 57px;
}

.infoshow ul li {
    margin-bottom: 20px;
}

.infoshow ul a {
    font-size: 16px;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.infoshow ul a:hover {
    color: #00b4ff;
}

.infoshow ul i {
    display: inline-block;
    width: 8px;
    height: 16px;
    background: url(../images/right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 20px;
    vertical-align: middle;
    margin-top: -4px;
}

.rightvideo {
    position: relative;
    height: 424px;

}

.infoshow .rightvideo video {
    height: 426px;
    width: 276px;
    /*object-fit: fill;*/
}

.video-inner-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.video-inner-cover .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18%;
    margin-top: -6%;
    margin-left: -6%;
}

.rightvideo ul {
    margin-top: 30px;
}

.rightvideo ul em {
    display: inline-block;
    margin-left: 30px;
    width: 21px;
    height: 24px;
    background: url(../images/hot.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: top;
}

.publish {
    margin-top: 10px;
    overflow: hidden;
}

.publish .leftsay {
    margin-top: 94px;
    width: 495px;
    float: left;

}

.publish .leftsay p {
    width: 272px;
    text-align: left;
    line-height: 32px;
    margin-bottom: 40px;
}

.publish .leftsay h3 {
    font-size: 24px;
    margin-bottom: 40px;
}

.publish .leftsay h4 {
    font-size: 20px;
    margin-bottom: 24px;
    color: #666;
}

.publish .leftsay textarea {
    width: 495px;
    height: 206px;
    margin-bottom: 30px;
}

.publish .leftsay .contentope {
    width: 495px;
}

.publish .leftsay .emoji {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/emoji1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
}

.publish .leftsay .emoji:hover {
    background: url(../images/emoji.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.publish .leftsay .img {
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/camera1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
}

.publish .leftsay .img:hover {
    background: url(../images/camera.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.publish .leftsay .sendbtn {
    display: inline-block;
    width: 93px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin-right: 0px;
    background: #2d536c;
    color: #fff;
    border-radius: 20px;
    float: right;
    cursor: pointer;
}

.publish .rightimg {
    float: left;
    margin-left: 46px;
    width: 659px;
    height: 800px;
}

.publish .rightimg img {

    width: 100%;
    height: 100%;
}

.newstate {
    margin-top: 94px;
}

.navtitle {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.newstate .navtitle span {
    display: inline-block;
    padding: 14px 20px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.newstate .navtitle span.active {
    color: #00b4ff;
}

.newstate ul.list {
    /* display: flex; */
    align-items: center;
    background: #fff;
    overflow: hidden;
    height: 331px;
}

.newstate ul.list li {
    float: left;

    margin-right: 10px;
    width: 320px;
    height: 188px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    /* z-index: 10; */
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.4, transparent), to(rgba(0, 0, 0, 0.2)));
}

.newstate ul li:last-child {
    margin-right: 0px;
}

.newstate ul a {
    display: block;
}

.newstate ul .userope {
    width: 90%;
    padding: 0 5%;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    margin-top: -40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, .5);
}

.newstate ul .userope .jia {
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(../images/jia.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.newstate ul .userope .jia:hover {
    background: url(../images/jia1.png);
    background-size: 100% 100%;
    vertical-align: middle;
}

.newstate ul .userope .zan {
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(../images/zan.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.newstate ul .userope .zan:hover {
    background: url(../images/zan1.png);
    background-size: 100% 100%;
    vertical-align: middle;
}

.newstate ul .userope .chart {
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(../images/chart.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.newstate ul .userope .chart:hover {
    background: url(../images/chart1.png);
    background-size: 100% 100%;
    vertical-align: middle;
}

.newstate ul li img {
    width: 100%;
    height: 100%;
}

.newstate ul .infoline {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 2px solid #ccc;
    background-color: white;
}

.newstate ul .infoline span {
    margin-right: 10px;
}

.money .statusimg .choice {
    margin: 22px 0 14px 0;
}

.money .statusimg .choice span {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 16px;

}

.sort dl {
    overflow: hidden;
}

.sort dd:hover {
    border: 1px solid #3085EF;
}

.sort dd.active {
    border: 1px solid #3085EF;
}

.sort dd.active em.r_opt_radio {
    background: #eaeaea url(../images/r-select1.png) no-repeat;
    background-size: 100% 100%;
}

.r_opt {
    cursor: pointer;
    width: 145px;
    display: inline-block;
    margin-right: 15px;
    height: 85px;
    /*line-height: 45px;*/
    /*padding-left: 18px;*/
    overflow: hidden;
    float: left;
    border-radius: 5px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.r_opt .gold_box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #333;
}
.r_opt_gold {
    width: 20px;
    height: 20px;
    /*margin-top: 14px;*/
    background: url(../images/bi.png);
    background-size: 100% 100%;
    display: inline-block;
    /*vertical-align: middle;*/
}

.sort {
    overflow: hidden;
}

/*.r_opt_txt1 {*/
/*    width: 50px;*/
/*    margin-left: 5px;*/
/*    font-size: 18px;*/
/*    color: #E59C33;*/
/*    float: left;*/
/*    display: inline-block;*/
/*    vertical-align: bottom;*/
/*}*/

.r_opt_radio {
    width: 12px;
    height: 12px;
    position: absolute;
    margin-left: -100px;
    margin-top: 17px;
    border-radius: 100%;
    background: #eaeaea url(../images/r-unselect.png) no-repeat;
    background-size: 100% 100%;
}

.r_opt_txt2 {
    position: absolute;
    width: 45px;
    height: 45px;
    display: inline-block;
    right: 0;
    top: 0;
}
.r_opt {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.r_opt >.money_gold {
    font-size: 20px;
    margin-top: 25px;
}
.sort dd.active .r_opt_txt2 {
    position: absolute;
    background: url(../images/hoticon.png) top right;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.r_opt_hot {
    width: 40px;
    height: 40px;
    margin-left: 83px;
    position: absolute;
    border-top-right-radius: 3px;
    background: url(../images/icon1.png) 1px -92px;
}

.userstatus .watch.payway {
    text-align: left;
    padding: 0 6px;
}
.userstatus .watch.payway >span {
    margin-left: 12px;
    cursor: pointer;
}
.userstatus .watch.payway .num:hover {
    border: 1px solid #3085EF;
}

.userstatus .watch.payway span.active {
    border: 1px solid #3085EF;
    background: url(../images/r-select1.png) 10px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

.userstatus .watch.payway span {
    width: 180px;
    height: 50px;
    border: 1px solid #ccc;
    background: url(../images/r-unselect.png) 10px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    margin-right: 10px;
    vertical-align: middle;
}

.userstatus .watch.payway span i {
    display: inline-block;
    width: 120px;
    height: 40px;
    margin-top: 5px;
    margin-left: 24px;

}

.userstatus .watch.payway span{
	width: 180px;
	height: 50px;
	border:1px solid #ccc;
	background: url(../images/r-unselect.png) 10px;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	margin-right: 10px;
	vertical-align: middle;
    margin-top: 5px
}
.userstatus .watch.payway span i{
	display: inline-block;
	width: 120px;
	height: 40px;
	margin-top: 5px;
	margin-left: 24px;

}
.userstatus .watch.payway span.num1 i{
	background: url(/static/images/pay/pay.jpg) no-repeat;
	background-size: 100% 100%;
}
.userstatus .watch.payway span.num2 i{
	background: url(../images/pay/pay.jpg) no-repeat;
	background-size: 100% 100%;
}

.userstatus .watch.payway span.num4 i{
    background: url(../images/master.png) no-repeat;
    background-size: 120px 58px;
    background-position-y: -12px;
}

.watch.payway span.num6 i {
    background: url(../images/majcb.png) no-repeat;
    background-size: 120px 58px;
    background-position-y: -12px;
}
.userstatus .watch.payway span.numba_visa i{
    background: url(../images/ba_visa.png) no-repeat;
    background-size: 100% 100%;
}
.userstatus .watch.payway span.paybtn{
	width: 180px;
	height: 37px;
	background: #2d536c;
	color:#fff;
	margin-left: 10px;
	font-size: 14px;
}

/*礼物css*/
#giftcontainer {
    width: 795px;
    height: 585px;
    background: #fff;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#giftcontainer .giftsort span {
    display: inline-block;
    width: 116px;
    height: 42px;
    line-height: 42px;
    border-radius: 24px;

    margin-right: 20px;

    background: #eaeaea;
    color: #999;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

#giftcontainer .giftsort span.active {
    background: #2d536c;
    color: #fff;
}

#giftcontainer .giftkinds {
    margin-top: 10px;
    width: 944px;
    border: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
}

#giftcontainer .giftkinds span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 34px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: #eaeaea;
    color: #666;
    font-size: 14px;
    cursor: pointer;
}

#giftcontainer .giftkinds span.active {
    background: #fff;
    border-bottom: none;
}

#giftcontainer .giftcon {
    background: #fff;
    padding-top: 6px;
    overflow: hidden;
}

#giftcontainer .giftcon li {
    float: left;
}

#giftcontainer .giftcon li a {
    display: block;
    width: 120px;
    cursor: pointer;
    text-align: center;
    padding: 4px;
    margin: 0px;
    margin-top: -1px;
    border: 2px solid #fff;
}

#giftcontainer .giftcon ul {
    height: 300px;
    width: 944px;
    overflow: auto;

}

#giftcontainer .giftcon li a span {
    display: block;
    width: 92px;
}

#giftcontainer .giftcon li img {
    width: 120px;
    height: 120px;
}

#giftcontainer .giftcon .speech input {
    margin-left: 6px;
    width: 894px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 10px;
    margin: 10px 6px;
}

#giftcontainer .giftcon .liu {
    text-align: right;

}

#giftcontainer .giftcon .liu span {
    display: inline-block;
    width: 80px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #2d536c;
    color: #fff;
    border-radius: 20px;
    margin-right: 20px;
    cursor: pointer;
}

#Encounter {
    width: 945px;
    padding-bottom: 20px;
    z-index: 3;
    background: #fff;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#Encounter .enNav {
    height: 60px;
    width: 945px;
    line-height: 60px;
    background: #f2f2f2;
}

#Encounter .enNav span {
    padding: 4px 10px;
    color: #666;
    margin: 0 30px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 18px;
    position: relative;
}

#Encounter .enNav span.active {
    color: #fff;
    background: #2d536c;
    position: relative;
}

#Encounter .enNav span .tips {
    position: absolute;
    width: 26px;
    height:26px;
    background: red;
    text-align: center;
    line-height:26px;
    border-radius: 26px;
    color: #fff;
    text-indent: 0;
    font-size: 12px;
    top:0px;
    right:-50px;
    padding: 0px;
}

#Encounter .enNav i {
    font-style: normal;
    color: #ccc;
}

#Encounter .Encountercon.find {
    width: 943px;
}

#Encounter .Encountercon.find ul {
    padding: 20px;
}

#Encounter.findlove .enNav {
    width: 943px;
}

#Encounter .Encountercon.find li .likeimgcon {
    position: relative;
}

#Encounter .Encountercon.find li {
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    padding: 0px;
    border: none;
}

#Encounter .Encountercon.find li .likeimgcon .userinfo {
    height: 60px;
    line-height: 60px;
    position: absolute;
    bottom: 5px;
    text-align: center;
    margin-left: 530px;
}

#Encounter .Encountercon.find li .likeimgcon .userinfo span {
    color: #666;
    margin-right: 20px;
    cursor: pointer;
    font-size: 20px;
}

#Encounter .Encountercon.find li:nth-child(2n) {
    margin-right: 0px;
    margin-top: 0px;
}

#Encounter .Encountercon.find img {
    width: 433px;
    height: 464px;
}

#Encounter .Encountercon .islike {
    position: absolute;
    top: 95px;
    left: 100px
}

#Encounter .Encountercon .islike p {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

#Encounter .Encountercon .islike span.like {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../images/like.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 69px;
}

#Encounter .Encountercon .islike span.like:hover {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../images/liked.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 69px;
}

#Encounter .Encountercon .islike span.dislike {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../images/dislike.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#Encounter .Encountercon .islike span.dislike:hover {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../images/disliked.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#Encounter .Encountercon .userinfo {
    position: absolute;
}

#Encounter .Encountercon ul {
    height: 442px;
    padding-bottom: 50px;
    overflow: auto;
}

#Encounter ul li {
    border: 1px solid #ccc;
    padding: 10px 16px;


}
。Encountercon { margin: 0 0 80px}
#Encounter ul li:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
#Encounter .leftinfo img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-right: 10px;
    float: left;
}

#Encounter .leftinfo .uInfo {
    display: inline-block;
    float: left;
    width: 680px;
}

#Encounter .leftinfo .uInfo .uName {
    margin-top: 8px;
    margin-bottom: 10px;
}

#Encounter .leftinfo .uInfo .uName span {
    font-size: 20px;
    color: #333;
}

#Encounter .leftinfo .uInfo .uName .age {
    margin-left: 10px;
    color: #666;
}

#Encounter .leftinfo .uInfo .enounce {
    font-size: 18px;
    color: #666;
}
#Encounter .leftinfo .uInfo .enounce img{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;
    float: left;
}
/* #Encounter .rightinfo{
	width: 176px;
	height: 45px;
	line-height: 45px;
	background: #E9E9E9;
	padding: 0 10px;
    box-sizing:border-box;
} */
#Encounter .rightinfo .rleftpart {
    padding: 0 10px;
    border-right: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#Encounter .rightinfo .rleftpart span {
    color: #666;
}

.item_menu_wrp span {
    color: #666;
}

.item_btn {
    cursor: pointer;
    border: 1px solid #E9E9E9;
    line-height: 28px;
    height: 28px;
    text-align: center;
    background-image: -moz-linear-gradient(bottom, #ebebeb, #FAFAFA);
    background-image: -webkit-linear-gradient(bottom, #ebebeb, #FAFAFA);
    background-image: -ms-linear-gradient(bottom, #ebebeb, #FAFAFA);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#FAFAFA", EndColorStr="#ebebeb");
}

#Encounter .rightinfo .rleftpart em {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../images/news.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

.item_menu {
    padding-top: 34px;
    position: absolute;
    right: 10px;
    text-align: left;
    min-width: 120px;
    z-index: 10;
}

#Encounter ul li:not(:first-child) {
    margin-top: -1px;
}

#Encounter .rightinfo .rrightpart {
    padding: 0 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#Encounter .rightinfo {
    margin-top: 21px;
}

.item_btn_img {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 8px;
    vertical-align: middle;
    background: url(../images/icon_0.png) no-repeat;
    position: relative;
}

.item_btn_gift {
    background: url(../images/gift.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -6px;
    margin-right: 4px;
}

.item_menu_arrow {
    height: 9px;
    width: 20px;
    position: absolute;
    margin-top: -9px;
    right: 16px;
    display: inline-block;
    background: url(../images/icon_big.png) no-repeat scroll -80px -317px;
}

.item_menu_item {
    border: 1px solid #E9E9E9;
    cursor: pointer;
    margin-top: -1px;
    overflow: hidden;
    background: #FFFFFF;
}

.item_menu_item:hover {
    background: #2d536c;
}

.item_menu_item:hover span {
    color: #fff;
}

.item_menu_item:hover em.item_btn_gift {
    background: url(../images/gift1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -6px;
    margin-right: 4px;
}

.item_menu_item:hover em.item_btn_remove {
    background: url(../images/sdel1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -6px;
    margin-right: 4px;
}

.item_menu_wrp {
    padding: 0 3px;
    margin: 3px;
}

.item_btn_remove {
    background: url(../images/sdel.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -4px;
    margin-right: 8px;
}

#infoset {
    width: auto;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

#infoset .setwrapp {
    /*height: 480px;*/
    height: auto;
    /*overflow: auto;*/
}

#infoset .info-nav {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
    background: #f2f2f2;
    border-bottom: 2px solid #ddd;
}

#infoset .info-nav span {
    display: inline-block;
    padding: 10px 26px;
    margin-right: 126px;
    font-size: 18px;
    cursor: pointer;
}

#infoset .info-nav span:last-child {
    display: inline-block;
    padding: 10px 26px;
    margin-right: 40px;
}

#infoset .info-nav span:last-child {
    margin-right: 0px;
}

#infoset .info-nav span.active {
    background: #2d536c;
    color: #fff;
    border-radius: 20px;
}

#infoset .imgset {
    background: white;
    padding: 10px;
}

#infoset .imgset .headimg_set {
    width: 674px;
    margin: 0 auto;
}

#infoset .imgset .blueline {
    display: inline-block;
    width: 6px;
    height: 18px;
    background: #2d536c;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

#infoset .imgset .text {
    font-size: 18px;
    color: #333;
    float: left
}

#infoset .imgset .edit {
    font-size: 12px;
    color: #2d536c;
    cursor: pointer;
    padding: 2px 6px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #2d536c;
}

#infoset .imgset .edit:hover {
    background: #2d536c;
    color: #fff;
}

#infoset .imgset .save {
    font-size: 14px;
    color: #fff;
    background: #2d536c;
    padding: 2px 6px;
    border-radius: 6px;
    cursor: pointer;
}

#infoset .imgset .uploadbtn1 {
    width:114px;
    height:34px;
    border-radius:4px;
    border:1px solid rgba(187,187,187,1);
    cursor: pointer;
    line-height: 34px;
    text-align: center;
    margin-bottom: 20px;
    color: #666666;
    position: relative;
}

#infoset .imgset .uploadbtn1 input {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 76px;
    height: 26px;
}

#infoset .imgset .settitle {
    overflow: hidden;
    padding: 10px 6px;
    border: 1px solid #ccc;
    border-bottom: none;
}

#infoset .imgset .imgcontainer {
    width: 300px;
    height: 300px;
    border: 1px solid #ccc;
    background: url(../images/upload.png) center center;
    background-repeat: no-repeat;
    background-size: 56px 56px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 10px;
}

#infoset .imgset .imgcontainer input {
    width: 300px;
    height: 300px;
    opacity: 0;
}

#infoset .imgset .setbtn span {
    display: inline-block;
    min-width:120px;
    height:28px;
    background: linear-gradient(270deg, #ffa5a5 0%, #c28a36 100%);
    border-radius:14px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
}

#infoset .imgset .rightset .showcontainer {
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
}

#infoset .imgset .rightset {
    margin-left: 92px;
    margin-top: 32px;
}

#infoset .imgset .rightset .showtext {
    width: 200px;
    text-align: center;
    color: #2d536c;
    font-size: 20px;
    margin-top: 20px;
}
.pwdset {
    display: flex;
    flex-direction: column;
    padding: 15px;
}
.pwdset_title {
    color: #333;
    font-size: 18px;
}
#infoset .pwdset ul {
    width: 624px;
}

#infoset .pwdset .errorlip {
    text-align: center;
    margin-right: 42px;
}

#infoset .pwdset .errorlip span {
    color: red;
    font-size: 14px;
}

#infoset .pwdset ul li {
    overflow: hidden;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E2E2;
}

#infoset .pwdset ul li input {
    width: 200px;
    height: 22px;
    border: 1px solid #E4E2E2;
}

#infoset .pwdset ul li span {
    width: 85px;
    height: 48px;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    float: left;
    text-align: left;
    margin-right: 10px;
}

#infoset .pwdset .pwdbtn {
    width: 500px;
}

#infoset .pwdset .pwdbtn span {
    display: inline-block;
    min-width: 95px;
    height: 28px;
    line-height: 28px;
    border-radius: 30px;
    background: #3299FE;
    color: #fff;
    cursor: pointer;
    text-align: center;
    margin-right: 20px;
    font-size: 14px;
}

#infoset .pwdset .pwdbtn span:last-child {
    margin-right: 0px;
}

#infoset .pwdset .pwdbtn span.cancel {
    background: #e0e0e0;
}

#infoset .setwrapp .dataset .setcontainer {
    margin-bottom: 29px;
}

#infoset .setwrapp .dataset .leftset {
    width: 444px;
}

#infoset .setwrapp .dataset .setcontainer input {
    opacity: 1;
    width: 442px;
    height: 130px;
    border: 1px solid #ccc;
}

#infoset .setwrapp .dataset .selectwrap li {
    overflow: hidden;
    margin-bottom: 18px;
}

#infoset .setwrapp .dataset .selectwrap {
    width: 444px;
    height: 130px;
    border: 1px solid #ccc;
    padding: 16px;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 40px;
}

#infoset .setwrapp .dataset .selectwrap span {
    width: auto;
    height: 38px;
    line-height: 38px;
    float: left;
    font-size: 14px;
}

#infoset .setwrapp .dataset .selectwrap select {
    width: 262px;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-left: 30px;
    background: #eaeaea;
    border: none;
    border-radius: 2px;
    font-size: 14px;
}

#infoset .setwrapp .dataset .selectwrap select option {
    font-size: 16px;
    color: #333;
}

#infoset .dataset .rightset {
    margin: 0;
    margin-left: 20px;
}

#infoset .setwrapp .dataset .rightset .selectwrap {
    height: auto;
}

#infoset .setwrapp .dataset .rightset .selectwrap span {
    width: auto;
}

#infoset .setwrapp .dataset .rightset .selectwrap select {
    margin-left: 0px;
}

#infoset .setwrapp .dataset .rightset .selectwrap #birth select {
    margin-left: 0px;
    width: 81px;
    margin-right: 10px;
}

#infoset .setwrapp .dataset .rightset .selectwrap li:last-child {
    margin-bottom: 0px;
}

/*等级升级*/
.upgrade {
    width: 755px;
    position: absolute;
    top: 70px;
    right: 0;
    left: auto;
    z-index: 2;
    display: none;
    box-sizing: border-box;
}

.upgrade .statustitle span.tab {
    min-width: 50px;
    padding: 5px 15px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.upgrade .statustitle span.tab_active {
    border-radius: 15px;
    background: #00a0e9;
    color: white !important;
}

.upgrade .upgradecon {
    background: white;
}

.upgrade .upgradecon .rechargeobj {
    padding: 10px 20px;
    line-height: 0px;
}

.upgrade .upgradecon .subtitle {
    color: #777;
}

.upgrade .upgradecon .subtitle label {
    color: #777;
    font-size: 16px;
    line-height: 20px;
    margin-right: 10px;
}

.upgrade .upgradecon .subtitle label.cur_class {
    margin-right: 0px;
    margin-left: 10px;
}

.upgrade .upgradecon .subtitle label.date {
    margin-left: 10px;
}

.upgrade .upgradecon .subtitle span {
    color: #777;
}

.upgrade .upgradecon .subtitle span.vip {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}




/*升级弹框布局*/
.upgrade .upgradecon .two_class {
    background: white;
    display: flex;
    justify-content: center;
}
.up_table {
    width: 350px;
    height: 256px;
    background: #F7F7F7;
    margin: 0 8px;
}
.up_table .up_table_vip_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 12px;
    color: #333;
    font-size: 15px;
}
.up_table >.fn_list {
    height: 110px;
    padding: 0 12px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    box-sizing: border-box;
}
.up_table >.fn_list >div {
    width: 50%;
    height: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.up_table >.fn_list >div >.iconfont {
    color: #2E9AFF;
    margin-right: 6px;
    font-size: 12px;
}
.up_table .up_table_vip_box .u_img {
    width: 27px;
    height: 22px;
}
.u_opts {
    display: flex;
    justify-content: center;
}
.u_opts >div {
    width: 150px;
    height: 75px;
    margin: 0 8px;
    box-sizing: border-box;
    background: white;
    display: flex;
    cursor: pointer;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    border-radius: 6px;
}
.u_opts >div >span {
    font-size: 18px;
    color: #333;
    text-align: center;
}
.u_opts >div >span:nth-of-type(2) {
    font-size: 20px;
    color: #666666;
}
.u_opts_active {
    border: 1px solid #3085EF;
}
.u_opts_active >.r_opt_txt2 {
    display: inline-block;
    position: absolute;
    background: url(../images/hoticon.png) top right;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
/*.up_left {*/
/*    padding: 5px 3px 15px 10px;*/
/*    border: 1px solid #E9E9E9;*/
/*    border-radius: 5px;*/
/*    overflow: hidden;*/
/*    background: white;*/
/*    float: left;*/
/*    width: 408px;*/
/*    height: 294px;*/
/*}*/




/*.u_title {*/
/*    font-size: 15px;*/
/*    font-weight: bold;*/
/*    line-height: 30px;*/
/*    text-align: left;*/
/*    color: #777;*/
/*}*/

/*.up_yes {*/
/*    width: 30px;*/
/*    height: 20px;*/
/*    display: inline-block;*/
/*    background: url(../images/yes.png) 0px 0px;*/
/*    vertical-align: middle;*/
/*}*/

/*.up_left td, .u td {*/
/*    color: #777;*/
/*    font-size: 12px;*/
/*    line-height: 52px;*/
/*}*/

/*.u_opts {*/
/*    margin-left: -20px;*/
/*    overflow: hidden;*/
/*}*/

/*.u_opt {*/
    /*float: left;*/
    /*border: 1px solid #dcdee1;*/
    /* text-align: center; */
    /*margin-left: 20px;*/
    /* margin-top: 4px; */
    /*cursor: pointer;*/
    /*line-height: 21px;*/
    /* border-radius: 5px; */
    /*height: 41px;*/
    /*overflow: hidden;*/
/*}*/

/*.u_opt:hover {*/
/*    border: 1px solid #56c1a0;*/
/*}*/

/*.u_opts dd {*/
/*    color: #777;*/
/*}*/

/*.u_opt_l {*/
/*    float: left;*/
/*    width: 250px;*/
/*    padding: 9px;*/
/*}*/

/*.u_opt_l1 {*/
/*    font-weight: 300;*/
/*    font-size: 14px;*/
/*}*/

/*.u_opt_r {*/
/*    float: left;*/
/*    padding: 0px;*/
/*    height: 41px;*/
/*    line-height: 41px;*/
/*    font-size: 12px;*/
/*    width: 137px;*/
/*    border-left: 1px solid #E9E9E9;*/
/*    background-color: #FBFBFD;*/
/*}*/

/*.u_opt_l2 {*/
/*    font-weight: bold;*/
/*    font-size: 15px;*/
/*}*/

/*.u_opt_focus {*/
/*    border: 1px solid #324F59;*/
/*}*/

/*.u_opt_radio {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    position: absolute;*/
    /*    margin-left: -10px;*/
/*    margin-top: 10px;*/
/*    background: url(../images/sign.png) no-repeat -2px 0;*/
/*}*/

/*.u_opt_focus .u_opt_r {*/
/*    color: white;*/
/*    background-color: #324F59;*/
/*}*/





/*.u tbody td {*/
/*    line-height: 38px;*/
/*}*/

/*.u_img_2 {*/

    /* background: url(../images/m.png) 0 -77px; */
    /*background: url(../images/icon_class.jpg) -86px -19px;*/
    /*margin-top:35px;*/
/*}*/

.userstatus .watch.payway span.num3 i {
    width: 40px;
    height: 40px;
    background: url(../images/bi.png) no-repeat center;
    background-size: 70% 70%;
}

.upgrade .watch.payway span i {
    display: inline-block;
    width: 174px;
    height: 40px;
    margin-top: 5px;
    margin-left: 38px;
}

.upgrade .watch.payway span {
    width: auto;
    border: 1px solid #ccc;
    background: url(../images/r-unselect.png) 10px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    margin-right: 30px;
    vertical-align: middle;
    margin-top: 5px;
}

.userstatus .watch.payway span.paybtn {
    background: #324F59;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.subtitle #payother_name {
    border: 1px solid #ccc;
    font-size: 16px;
    padding-left: 4px;

}

.statustitle.mytidings {
    background: #fafafa;

}

.nav ul li .userstatus .statustitle.mytidings span:first-child {
    border-right: none;
}

.statedetail {
    background: #fff;
    padding: 20px 18px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}

.statedetail .userimg img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
}

.statedetail .user_right {
    float: left;
}

.statedetail .user_right .usertitle {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.statedetail .user_right .usertime {
    font-size: 12px;
    color: #666;
    line-height: 30px;
}

.statedetail p {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    line-height: 26px;
}

.userstatus.focus {
    background: #fafafa;
}

.userstatus.focus .statustitle span {
    font-size: 18px;
    color: #333;
    border-right: none;
}

.userstatus.focus .statustitle em {
    color: #feab07;
    font-weight: bold;
    font-size: 20px;
}

.nav ul li .userstatus.focus .statustitle span:first-child {
    border-right: none;
}

.nav ul li .userstatus.focus .statusimg span {
    display: inline-block;
    position: relative;
}

.nav ul li .userstatus.focus .statusimg span img {
    margin-right: 4px;
}

.nav ul li .userstatus.focus .statusimg span i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -23px;
    display: inline-block;
    width: 46px;
    height: 46px;
    display: none;
    background: url(../images/img_hover.png) no-repeat;
    background-size: 100% 100%;
}

.nav ul li .userstatus.focus .statusimg span:hover i {
    display: block;
}

.nav ul li .userstatus.recommend_user .recommendcon {
    background: #fff;
    padding: 10px 10px 0px;
}

.nav ul li .userstatus.recommend_user .recommendcon ul {
    margin: 0 auto;
    text-align: center;

}

.nav ul li .userstatus.recommend_user .recommendcon li {
    width: 117px;
    height: 159px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
}

.nav ul li .userstatus.recommend_user .recommendcon li:nth-child(4n) {
    margin-right: 0px;
}

.userstatus.recommend_user .recommendcon li .userimg {
    width: 117px;
    height: 117px;
}

.userstatus.recommend_user .recommendcon li .userope {
    z-index: 9;
    position: absolute;
    width: 117px;
    height: 26px;
    line-height: 26px;
    background: rgba(0, 0, 0, 0.46);
    margin: 0 auto;
    bottom: 42px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.userstatus.recommend_user .recommendcon li .infoline {
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 2px solid #ccc;
    background-color: white;
    position: absolute;
    bottom: 0px;
}

.userstatus.recommend_user .recommendcon li .infoline span {
    font-size: 12px;
    color: #777;
    margin-right: 8px;
}

.userstatus.recommend_user .recommendcon li .infoline span:nth-child(4n) {
    margin-right: 0px;
}

.userstatus.recommend_user .recommendcon li .userope .jia {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/jia.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.userstatus.recommend_user .recommendcon li .userope .jia:hover {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/jia1.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.userstatus.recommend_user .recommendcon li .userope .zan {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/zan.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.userstatus.recommend_user .recommendcon li .userope .zan:hover {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/zan1.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.userstatus.recommend_user .recommendcon li .userope .chart {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/chart.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.userstatus.recommend_user .recommendcon li .userope .chart:hover {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/chart1.png);
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.statecontent li {
    margin-bottom: 0px;
}

.statecontent .rightlist {
    padding: 20px;
    background: white;
    list-style: none;
    /*border-top: 1px solid #ccc;*/
}

.statecontent .headinfo {
    overflow: hidden;
}

.statecontent .Lheadinfo {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.statecontent .Lheadinfo img {
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
    height: 100%
}

.statecontent .Rheadinfo {
    float: left;
}

.statecontent .Rheadinfo p.uname {
    font-size: 16px;
    color: #333;
    /*line-height: 38px;*/
    text-align: left;
}

.statecontent .Rheadinfo p.time {
    font-size: 12px;
    color: #999;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0px;
}

.statecontent .rightlist .dec {
    font-size: 16px;
    margin-top: 10px;
    line-height: 26px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 80px;
    padding-bottom: 10px;
    position: relative;
    color: #666;
    overflow: hidden;
}
/*.line {*/
/*    position: absolute;*/
/*    left: 65px;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: #ccc;*/
/*    bottom: 0;*/
/*}*/

.statecontent .rightlist:first-child { border: none}

.statecontent .uploadimg img {
    width: 381px;
    margin-right: 8px;
}

.statecontent .uploadimg img:last-child {
    margin-right: 0px;
}

.statecontent .operate {
    margin: 10px 0px;
}

.statecontent span.del {
    font-size: 16px;
    float: left;

}

.statecontent span.chart {
    color: #777;
    float: right;
    cursor: pointer;
    font-size: 16px;
}

.statecontent span.chart i {
   font-size: 14px;
    margin-right: 3px;
}

.statecontent span.charted {
    color: #777;
    float: right;
    cursor: pointer;
}

.statecontent span.charted i {
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url(../images/argument.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.commit_box {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius:5px;
    margin-top: 10px;
    overflow: hidden;
    border:1px solid rgba(16,16,16,0.15);
    display: flex;
    flex-direction: column;
}
.statecontent .opecontent textarea {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
    color: #777;
    resize: none;
    border: none;
    outline: none;
}
.orientationFn {
    width: 100%;
    margin-bottom: 10px;
}
.statecontent .opeconbtn .emoji {
    display: inline-block;
    float: left;
    color: #d5d8ed;
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
}

/*.statecontent .opeconbtn .emoji:hover {*/
/*    background: url(../images/emoji.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100% 100%;*/
/*}*/

.statecontent .opeconbtn .sendbtn {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 8px;
    border-radius: 50%;
    background: url(../images/fabu.png);
    background-size:32px 32px ;
    float: right;
    cursor: pointer;
}

#finalImg {
    width: 200px;
    height: 200px;
}

#about_look {
    line-height: 23px;
    padding: 5px 10px;
    overflow-y: auto;
    line-height: 23px;
    height: 80px;
    padding: 5px 10px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
}

#about {
    width: 432px;
    height: 90px;
    overflow: auto;
    border: none;
    outline: none;
    background: #F3F6F9;
    line-height: 25px;
    resize: none;
    font-size: 13px;
    padding: 0 5px;
    border:1px solid #ccc;
}

.find_close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 8px;
    right: 3px;
    cursor: pointer;
    color: #A78757;
}
.find_close >span {
    font-size: 14px;
}
.lookcontainer {
    width: 796px;
    height: 580px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: relative;
    position: fixed;
    background: white;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lookcontainer .looklist {
    /*position: absolute;*/
    /*top: 132px;*/
    /*left: 0px;*/
}

.lookcontainer .looklist ul {
    height: 530px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.lookcontainer .looklist li {
    width: 174px;
    height: 218px;
    background: #fff;
    margin: 15px 0 0 20px;
    box-shadow:0 0 13px 0 rgba(229,234,255,1);
    border-radius:6px;
    overflow: hidden;
}

.lookcontainer .looklist li:last-child {
    margin-right: 0px;
}

.lookcontainer .looklist li .item_img {
    width: 100%;
    height: 185px;
    position: relative;
}
.phiz_content_details {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: white;
    bottom: 0;
    left: 0;
    padding: 2px 8px;
    /*background: rgba(0,0,0,.4);*/
}
.phiz_content_details >span:nth-of-type(2) {
    display: flex;
    align-items: center;
}
.phiz_content_details >span:nth-of-type(2) >img {
    margin-left: 4px;
}
.lookcontainer .looklist li .item_img >img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*.lookcontainer .looklist li .item_img img {*/
/*    max-width: 148px;*/
/*}*/

.lookcontainer .looklist .item_title {
    /*padding: 10px 10px;*/
    height: 32px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lookcontainer .looklist .item_title >span {
    flex: 1;
    height: 75%;
    text-align: center;
    color: #676767;
    cursor: pointer;
    font-size: 14px;
}
    /**/
.lookcontainer .looklist .lookname {
    font-size: 16px;
    color: #333;
    /*float: left;*/
    /*margin-top: 4px;*/
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.lookcontainer .looklist >span:nth-of-type(1) {*/
    /*border-right: 1px solid #E6E6E6;*/
/*}*/
#layer_phiz_button {
    border-right: 1px solid #E6E6E6;
}
/*.lookcontainer .looklist .lookbuy1 {*/
/*    border: 1px solid saddlebrown;*/
    /*padding: 8px 14px;*/
    /*border-radius: 16px;*/
    /*background: #eeeeee;*/
    /*color: #fff;*/
    /*float: right;*/
/*}*/
.lookcontainer .looklist .lookbuy em {
    font-weight: bold;
}

.lookcontainer #chat_close {
    top: 40px;
    right: 10px;
}

.uploadvideo {
    width: 826px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.uploadvideo .up_title {
    text-align: center;
    color: #fff;
    height: 62px;
    line-height: 62px;
    background: #2d536c;
    font-size: 18px;
    border-top-left-radius: 8px;
}

.uploadvideo .up_content {
    padding: 10px 14px;
    background: #fafafa;
}

.uploadvideo .upload_lip em {
    display: inline-block;
    height: 22px;
    width: 6px;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    background: #2d536c;
}

.uploadvideo .upload_lip span {
    font-size: 18px;
    color: #666;
    float: left;
    cursor: pointer;
    padding: 4px 10px;
    line-height: 23px;
    margin-right: 20px;
}

.uploadvideo .videocontwrap {
    width: 600px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 80px;
}

.uploadvideo .videocontwrap span.choice {
    font-size: 20px;
    background: #2d536c;
    padding: 12px 38px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    margin-top: 23px;
}

.uploadvideo .videocontwrap p {
    width: 400px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 33px;
    color: #666;
    margin-top: 28px;
    margin-bottom: 64px;
}

.upgrade_wrap .upgrade {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.money_wrap .userstatus {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    background: white;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.uploadvideo .permission {
    margin-top: 15px;
    margin-left: 90px;
}

.uploadvideo .permission span {
    cursor: pointer;
}

.uploadvideo .permission span em.edit {
    color: #2d536c;
}

.uploadvideo .permission i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/r-unselect.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
    margin-right: 10px;
}

.uploadvideo .permission span.active i {
    background: url(../images/r-select1.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.uploadvideo .permission span {
    font-size: 16px;
    color: #666;
    margin-right: 20px;
}

.uploadvideo .confirm_btn {
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    margin: 28px auto 40px;
    background: #2d536c;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}

.choice_friend ul {
    padding: 10px 10px;
    height: 224px;
    overflow: auto;
}

.choice_friend ul li {
    float: left;
    padding: 8px 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #fafafa;
    background: #f6f6f6;
}

.choice_friend ul li:nth-child(5n) {
    margin-right: 0px;
}

.choice_friend ul li.active {
    border: 1px solid #cfcfcf;
}

.choice_friend ul li img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    margin-right: 12px;
}

.choice_friend ul li .rightinfo {
    float: left;
}

.choice_friend ul li .rightinfo p {
    font-size: 18px;
    color: #333;
    width: 54px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.choice_friend ul li .rightinfo span {
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    margin-top: 10px;
    background: url(../images/rect.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.choice_friend ul li.active .rightinfo span {
    background: url(../images/rect1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.choice_friend .up_result {
    background: #fafafa;
    border-top: 1px solid #ccc;
    padding-bottom: 10px;
}

.choice_friend .choice_lip {
    padding: 10px 20px;
}

.choice_friend .choice_lip span {
    font-size: 18px;
    color: #333;
}

.choice_friend .choice_lip span.empty {
    color: #999;
    cursor: pointer;
}

.choice_friend .up_result ul {
    padding: 10px 26px;
    height: 120px;
}

.choice_friend .up_result ul li {
    width: 110px;
    height: 38px;
    line-height: 38px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    margin-right: 14px;
    background: #f6f6f6;
}

.choice_friend .up_result ul li span {
    font-size: 16px;
    color: #333;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    float: left;
}

.choice_friend .up_result ul li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/small_close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: right;
    cursor: pointer;
    margin-top: 12px;
}

.choice_friend .submit_btn {
    cursor: pointer;
    background: #2d536c;
    color: #fff;
    width: 240px;
    height: 44px;
    line-height: 44px;
    margin: 20px auto;
    border-radius: 24px;
    text-align: center;
    font-size: 22px;
    border-top: 1px solid #ccc;
}

.mood_camera_viewer {
    position: absolute;
    margin-top: 14px;
    margin-left: 57px;
    padding: 6px;
    border: 1px solid #e9e9e9;
    background-color: white;
    z-index: 66;
    text-align: center;
    display: none;
}

.mood_arrow {
    height: 8px;
    width: 20px;
    position: absolute;
    margin-top: -8px;
    left: 10px;
    display: block;
    background: url(../images/icon_all.png) no-repeat scroll -80px -317px;
}

.mood_camera_viewer .mood_arrow {
    left: 12px;
    top: 0;
}

.mood_camera_close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: -13px;
    top: -13px;
    cursor: pointer;
    display: none;
    background: url(../images/icon_all.png) no-repeat -40px -468px;
}

.mood_camera_viewer img {
    max-height: 200px;
    vertical-align: middle;
}

.focus_alert {
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.focus_alert .focus_title {
    position: relative;
    color: white;
    height: 45px;
    line-height: 45px;
    text-align: left;
    text-indent: 10px;
    border-bottom: 1px solid #00a0e9;
    border-radius: 5px 5px 0 0;
    background-image: -moz-linear-gradient(bottom, #56c1a0, #00a0e9);
    background-image: -webkit-linear-gradient(bottom, #56c1a0, #00a0e9);
    background-image: -ms-linear-gradient(bottom, #56c1a0, #00a0e9);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#56c1a0", EndColorStr="#00a0e9");
}

.focus_title span.htitle {
    float: left;
    font-size: 15px;
    font-weight: bolder;
}

.focus_title span.close {
    top: 40px;
    right: 10px;
}

.focus_content {
    background: #fff;
    padding: 20px 10px;
}

.focus_content .focus_list {
    text-align: center;
    overflow: hidden;
    margin: 48px 150px;
    width: 320px;
    position: absolute;
}

.focus_content .focus_list img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 15px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    float: left;
}

.focus_content .circle {
    width: 187px;
    height: 190px;
    background: url(../images/spot.png) transparent;
    margin-left: -7px;
    position: relative;
}

.focus_content .circle img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
    vertical-align: middle;
    position: absolute;
    top: 48px;
    left: 42px;
}

.focus_content .focus_btn span {
    height: 30px;
    line-height: 30px;
    width: 180px;
    font-size: 15px;
    border-radius: 5px;
    padding: 5px;
    color: white;
    cursor: pointer;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #1CA536;
    background: #1DBF3C;
    margin: 30px auto 0;
    display: block;
    margin-bottom: 20px;

}

.focus_content .focus_btn span:hover {
    background-color: #1AA734;
}

.liprecharge {
    width: 618px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.liprecharge .liptitle {
    height: 50px;
    line-height: 50px;
    background: #2d536c;
    position: relative;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.liprecharge .liptitle .titleicon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon_smile.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-top: 13px;
    vertical-align: top;
}

.liprecharge .liptitle span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
}

.liprecharge .liptitle .close {
    width: 18px;
    height: 18px;
    background: url(../images/icon_close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
}

.liprecharge .lipcontent {
    /*padding:32px auto 45px;*/
    text-align: center;
    background: #fff url(../images/lipbtn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.liprecharge .lipcontent p {

    margin: 32px auto 45px;
}

.liprecharge .lipcontent p {
    font-size: 18px;
    color: #333;
}

.liprecharge .lipcontent i {
    color: #2d536c;
}

.liprecharge .lipbtn {
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    border-radius: 24px;
    background: #2d536c;
    color: #fff;
    cursor: pointer;
    margin: 0 auto 25px;
}
.mood_camera_viewer {
    position: absolute;
    margin-top: 60px;
    margin-left: 57px;
    padding: 6px;
    border: 1px solid #e9e9e9;
    background-color: white;
    z-index: 66;
    text-align: center;
    display: none;
}
.mood_arrow {
    height: 8px;
    width: 20px;
    position: absolute;
    margin-top: -8px;
    left: 10px;
    display: block;
    background: url(../images/icon_all.png) no-repeat scroll -80px -317px;
}
.mood_camera_viewer .mood_arrow {
    left: 12px;
    top: 0;
}
.mood_camera_close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: -13px;
    top: -13px;
    cursor: pointer;
    display: none;
    background: url(../images/icon_all.png) no-repeat -40px -468px;
}
.mood_camera_photo {
    min-height: 40px;
    min-width: 80px;
}
.mood_camera_viewer img {
    max-height: 200px;
    vertical-align: middle;
}


.show_play_video {
    width: 826px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.show_play_video .up_title {
    text-align: center;
    color: #fff;
    height: 62px;
    line-height: 62px;
    background: #2d536c;
    font-size: 18px;
    border-top-left-radius: 8px;
}

.show_play_video .up_content {
    padding: 10px 14px;
    background: #fafafa;
}

.update_info_text{
    width: 260px;
    height: 34px;
    line-height: 34px;
}
#phiz_content_list {
    height: 325px;
    max-height: 325px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
#phiz_content_list >img {
    box-sizing: border-box;
    padding: 0 10px;
    width: 20%;
}
#phiz_content_list_name {
    text-align: center;
    color: #666666;
    font-size: 26px;
    margin-top: 25px;
}
#phiz_content_list_gold_num {
    display: flex;
    color: #F3B031;
    font-size: 22px;
    justify-content: center;
    align-items: center;
}
#phiz_content_list_gold {
    display: flex;
    justify-content: center;
    align-items: center;
}
#phiz_buy {
    width:450px;
    height:45px;
    cursor: pointer;
    margin: auto;
    color: white;
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
    line-height: 45px;
    background: linear-gradient(270deg, #ffa5a5 0%, #c28a36 100%);
    border-radius:35px;
}