.my_page_header {
    width: 100%;
    background: url('../images/me_bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    overflow:hidden;
	position:relative;
}

.my_pic {
    border-radius: 50%;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    position: relative;

}
.vip {
    display: block;
    float: left;
    width: 1.5rem;
    height: 1.3rem;
    line-height: 1.2rem;
    background: url(../images/icon_vip.png) no-repeat;
    background-size: 100% 100%;
    background-size: 100% 100%;
    text-align:center;
    font-size: 12px;
    color:#fff;
	margin: 0rem 0 0 0.6rem;
}
.vip-disabled{
	filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.vip i{
	font-weight:bold;
	font-style:italic;

}
.surplus{
	width:2rem;
	height:2rem;
	background: url(../images/surplus.png) no-repeat;
    background-size: 100% 100%;
	/* color:#FF0025;
	font-size: 12px;
	margin:-0.5rem 0.5rem 0 0.6rem;
	line-height:2.4rem;
	font-weight:bold;
	text-indent:0.3rem;
	font-style:italic;
    margin-top: -0.5rem; */
    position: absolute;
    right: 32%;
    top: 6%;
}

.my_pic img {
    width:4.76rem;
	height:4.76rem;
    border-radius: 50%;
	margin-top: 1rem;
}

.clear {
    clear: both;
}

.user_grade1 {
    width: 2rem;
    height: 1.7rem;
    position: absolute;
    background: url('../images/my_ico_grade1.png');
    background-size: 100% 100%;
    bottom: -0.2rem;
    right: -0.5rem;
}

.user_grade2 {
    width: 2rem;
    height: 1.7rem;
    position: absolute;
    background: url('../images/my_ico_grade2.png');
    background-size: 100% 100%;
    bottom: -0.2rem;
    right: -0.5rem;
}

.user_grade3 {
    width: 2rem;
    height: 1.7rem;
    position: absolute;
    background: url('../images/my_ico_grade3.png');
    background-size: 100% 100%;
    bottom: -0.2rem;
    right: -0.5rem;
}

.no_login_zhuce {
    font-size: 13px;
    margin-left: 1.2rem;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: 500;
	margin-top:2.7rem;
}

.login_zhuce {
    margin-left: 1.2rem;
    margin-top: 0.25rem;
	
}

.login_zhuce_left {
    width: 14rem;
	margin-top:1.5rem;
    /* background-color: #666666; */
}

.login_zhuce_left p {
    line-height: 1.2rem;
}

.login_zhuce_fgx {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.login_zhuce_right {
    float: right;
	margin-top: -4.5rem;
}

.login_zhuce_right img {
    width: 3%;
    float: right;
    position: absolute;
    right: 1.3rem;
	top: 3rem;
}

.user_nickname {
    font-size: 1.25rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	height:1.6rem;
}
.login_nickName {
    padding-top: 0.1rem;
}
.user_username {
    font-size: .86rem;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0.4rem 0  .3rem;
}

.user_moblie {
    font-size: .86rem;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #C1C0C4;
    font-size: 14px!important;
}

input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    color: #C1C0C4;
    font-size: 14px!important;
}

input::-ms-input-placeholder {
    /*Internet Explorer*/
    color: #C1C0C4;
    font-size: 14px!important;
}

.user_money {
    width: calc(100% - 2rem);
    height: 3.34rem;
    margin-left: 1rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(126, 167, 249, 0.2);
    border-radius: 4px;
    font-size: 13px;
    margin-top: 1rem
}

.user_money p {
    line-height: 3.34rem;
}

.user_money_num {
    padding-left: 1rem;
    color: #666666;
    font-weight: 500;
}

.user_money_num span {
    font-weight: bold;
    color: rgba(1, 142, 254, 1);
}

.user_money_invest {
    margin-right: 1rem;
    color: #999999;
    font-weight: 500;
}

.user_operate {
    width: 94%;
    display: flex;
   /* justify-content: space-between;*/
    margin: auto;
    margin-top: 1rem;
    flex-wrap: wrap;
    box-shadow:0px 0px 13px 0px rgba(126,167,249,0.2);
    border-radius:0.426px;
	padding:1rem 0 1rem 0;


}
.coupon_title{
	color:#444;
	font-weight:bold;
	font-size:1.25rem;
	width:100%;
	margin:0.1rem 0 0.5rem 1rem;
}
.user_operate:nth-of-type(3){
	margin-bottom: 1rem;
}
.user_operate-title{
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
	text-indent: 2rem;
	margin-bottom:1rem;
}
.user_operate.user_operate_{
    justify-content: flex-start;
}
.user_operate a{
    width:25%;
}
/*.user_operate div {
    float: left;
    !* background-color: aqua; *!
    !* width: 30%; *!
    !* margin-left: 3%; *!
    !* height: 7rem; *!
    text-align: center;
    font-size: 13px;
    color: #444444;
}*/

.user_operate div img {
    margin: 0 auto;
    width: 40%;
    display: block;
}

.user_operate div p {
    text-align: center;
    margin-top: 0.6rem;
    color: #333;
}

/*7.5版本样式*/
.balance-box{

    display: block;
    text-align:center;
    width:94%;
    height: 9.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-wrap: wrap;
	box-shadow:0px 0px 12px 0px rgba(126,167,249,0.2);
	line-height:1.5;
    background: #fff;
	border-radius: 0.426rem;
    margin: -5px auto 0.2rem;
    padding-top: 5px;

}

.balance-box >a{
    width:33.3%;
	display:flex;
	float:left;
	flex-flow: column;
}
.balance-box .ptb-balance,.balance-box .bing-balance{
    width:100%;
    height: 3.44rem;
    background: #ffffff;
    margin-bottom: 1rem;
	border-radius: 0.426rem;
}
.balance-box .ptb-balance{
	border-radius: 0.426rem;
}
.bing-balance>p,.ptb-balance p{
    color: #999999;
    font-size: 1.33rem;

	width:100%;
	text-align:center;
	font-size:1.017rem;

}
.v-middle{
    display: flex;
    align-items: center;
}
.ml-auto{
    margin-left: auto;
}
.balance-box .balance-num{
    font-size: 1.2rem;
    color: #01A9F4;
    font-weight: 500;
	margin: 1.2rem 0 0 0;
}

.balance-box .balance-num.ptb{
    color: #F58C4D;
}

.balance-box .balance-txt{
    font-size: 1.2rem;
    color: #4D4D4D;
	margin: 0.5rem 0 0 0;
}
.balance-box .look-icon{
    display: block;
    width: 0.768rem;
    height: 1.365rem;
    background: url(../images/my_btn_look@2x.png)no-repeat;
    background-size: 100% auto;
    margin-left: auto;
    margin-right: 1.109rem;
}
.my-news-icon{
    position: absolute;right: 4.5rem;top: 1rem;
}
.red-spot{
    position: absolute;
    right: 0px;
    top: 2px;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%;
    display: block;
	
}
.ecard{
	width:94%;
    height:5rem;
    background:linear-gradient(235deg,rgba(238,189,109,1),rgba(255,232,190,1));
    border-radius:5px 5px 0px 0px;
	margin:-5px  auto 0;
	position:relative;
	z-index:99;
    display: flex;
    justify-content: space-between;
	

}
.chat-button{
    display: block;
    position: absolute;
    width: 55px;
    height: 30px;
    right: 15px;
}
.ecard-type{
	color:#75440E;
	font-weight:bold;
	font-size:1.3rem;
	margin:0.5rem 0 0.5rem -4rem;
}
.ecard-text{
	color:#75440E;
	margin:0 0 0 -4rem;
}
.ecard-btn{
	display:block;
	width:8rem;
    padding:0.5rem 0;
    background:rgba(255,245,225,1);
    box-shadow:0px 1px 3px 0px rgba(217,152,39,0.68);
    border-radius:1.5rem;
	margin:1.2rem 1rem 0 0;
	text-align:center;
	color:#7D3E00;
    height: 1.7rem;

}
.ecard-btn:hover,.ecard-btn:active,.ecard-btn:visited{
	color:#7D3E00;
}
.balance-box  .vip-integral-box{
	display:block;
	width:83%;
    height:2.4rem;
	line-height:2.6rem;
    background:linear-gradient(-90deg,rgba(238,189,110,1) 0%,rgba(255,232,190,1) 100%);
    border-radius:1.5rem;
	margin:1.5rem 0 0 8.5%;
	position:relative;
	border:1px solid rgba(255,245,225,1);
	font-size:1rem;
	color:#75440E;
	padding-right: 0.5rem;
	 

}
.vip-integral-vip{
	display:block;
	width: 30%;
    height:2.1rem;
    background:rgba(255,245,225,1);
    border-radius:1.5rem 0px 0px 1.5rem;
	font-weight:bold;
	font-size:1.1rem;
	margin:0.15rem 0.12rem 0.12rem 0.15rem;
	-webkit-appearance: none;
	line-height: 2.4rem;
	

}
.vip-integral-vip-img{
	width: 1.5rem;
    margin: 0.5rem 0 0.8rem 0.5rem;
    padding-right: 0.5rem;
}
.vip-integral-arrow{
    width: 0.4rem;
    margin: 0.5rem;
	position: absolute;
    top: 0.5rem;
}
.queenIcon {
    position: absolute;
    top: 6%;
    right: 32%;
}
@media screen and (max-width:320px) and (orientation:portrait) {
   
    .login_zhuce {
        margin-top: -0.4rem;
    }
    .login_zhuce_left {
        width: 13rem;

    }
    .login_zhuce_left p {
        margin-bottom: 0rem;
    }
    .my_pic {

        margin-top: 0;
        background-color: #e2e2e2;
    }

}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
   
}
