@charset "utf-8";
/**
 * [OElove] (C)2010-2099 oelove.com Inc.
 * Email：service@phpcoo.com，phpcoo@qq.com
 * $Id：WAP/user.css LastTime 16:25 2018/3/31 Update by cy$
*/
@charset "utf-8";
.cp-vip-lock {
    height: 16px;
    right: 25px;
    top: 15px;
    width: 12px;
	position:absolute;
	z-index:2;
  color:#ff9d1e;
  line-height:16px;
  
}

.cp-index-bar ul li label .cp-vip-lock i.iconfont{font-size:18px;}

a, input, textarea {
    outline: none;
}


/*--------------- cp-data Begin -------------------*/
.cp-data {
	height:85px;width:100%;
	border-bottom:1px dashed #ddd;
	background:#fff;margin-top:10px;
}
.cp-data .cp-data-avatar {
	margin:0 auto;float:left;width:60px; height:60px;margin-left:10px;
	position:relative;
  border-radius:70px;
  overflow:hidden;
  margin-top:5px;
}
.cp-data .cp-data-avatar img {
	width:60px;height:74px;border:1px solid #ddd;border-radius:5px;
}
.cp-data .cp-data-avatar i {
  background:rgba(0,0,0,0.4);
  bottom: 0px;
  color: #FFFFFF;
  left: 1px;
  height: 20px;line-height: 20px;
  font-size:12px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  width: 60px;
  padding-bottom:5px;
}

.cp-data .cp-data-info {
	float:left;
  padding-left:15px;
}
.cp-data .cp-data-info h2 {
	height:30px;line-height:30px;font-weight:normal;font-size:16px;
}
.cp-data .cp-data-info h2 b {
	height:30px;line-height:30px;font-weight:normal;font-size:16px;
}
.cp-data .cp-data-info h2 i {
	float:right;display:block; width:80px;font-size:14px;
	height:28px; line-height:28px;color:#666666;
	border-radius:5px;border:1px solid #ddd;text-align:center;
	background:#f8f8f8;
}
.cp-data .cp-data-info h2 .user-name {
	height:30px;line-height:30px; font-weight:bold; font-size:16px;
}
.cp-data .cp-data-info h2 img.rz{width:20px; vertical-align:middle; position:relative; top:-2px;}
.cp-data .cp-data-info h2 em.icon-nan{color:#5398e5; position:relative;}
.cp-data .cp-data-info ul li span{border:1px solid #dedede; display:inline-block; padding:0px 5px; border-radius:2px; margin-bottom:5px;}
.cp-data .cp-data-info ul li.li_2{padding-top:4px;}

.cp-data .cp-data-info ul li {
	height:22px;line-height:22px;color:#666;font-size:15px;
	width:220px;
}

.cp-avatar-upload {
	margin:5px auto;margin-top:10px;
}
.cp-avatar-upload ul li {
	float:left;width:98%;height:50px;line-height:50px;
}
.cp-avatar-upload ul li i {
	float:left;display:block;width:100px;height:50px;line-height:50px;
	font-style:normal;font-size:16px;
}
.cp-avatar-upload .input-file {
	float:left;display:block;width:120px;height:30px;line-height:30px;margin-top:8px;
	border:1px solid #ddd;background:#f8f8f8;text-align:center;color:#666666;font-size:16px;
}

.cp-avatar-upload input{
	border: 1px solid #DDDDDD;
    height: 30px;
    padding: 5px;
    width: 160px;
}

.cp-data-tips {
	height:35px;line-height:35px; padding:10px 0px 10px 10px; position:relative;
}
.cp-data-tips span{display:inline-block;background-image: linear-gradient(90deg, #ff82a5, #ff618e); color:#fff; position:absolute; right:10px; top:15px; border-radius:20px; padding:0px 15px; cursor:pointer; line-height:28px;}

/*--------------- cp-data End   -------------------*/


.oe_cp_data{padding:10px 0px; position:relative; color:#fff; width:100%; overflow:hidden; padding-bottom:20px;}
.oe_cp_data:after{content:''; position:absolute; left:-50%;  top:0px; bottom:0px; right:0px; z-index:-1; border-radius:0px 0px 50% 50%; width:200%; background-image: linear-gradient(20deg, #ff618e, #ff8aab);}
.oe_cp_data .cp_data_avatar{display:inline-block;   overflow:hidden; overflow:hidden; border-radius:100px; position:absolute; left:50%; top:30px; margin-left:-45px; position:relative; border-radius:80px; border:5px solid rgba(255,255,255,0.5); width:100px; height:100px; overflow:hidden;}
/* 18:28 2019/8/1 */
.oe_cp_data .cp_data_avatar label.iconfont{display:inline-block; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-19px; font-size:34px; z-index:300; }
.oe_cp_data .cp_data_avatar img#img_preview{width:100px; min-height:100px; position:relative; z-index:100;}
.oe_cp_data .cp_data_avatar i{position:absolute; left:0px; bottom:0px; right:0px; text-align:center; background:rgba(0,0,0,0.8); z-index:200;}
.cp_data_info{padding-top:40px; text-align:center; position:relative;}
.cp_data_info img.rz{width:24px; vertical-align:middle;}
.cp_data_info h1{padding-bottom:8px;}
.cp_data_info h1 label{font-weight:normal; font-size:14px; background:rgba(0,0,0,0.3); display:inline-block; padding:0px 8px; border-radius:30px; vertical-align:middle; line-height:24px;}
.cp_data_info h1 label img{vertical-align:middle; margin-right:3px;}
.cp_data_info span.edit{cursor:pointer; font-weight:normal; font-size:12px!important; margin-left:4px; margin-left:2px; position:absolute; right:0px; top:-35px; background:rgba(0,0,0,0.2); line-height:30px; padding:0px 5px 0px 8px; border-radius:40px 0px 0px 40px;}
.cp_data_info span.edit i{font-size:14px;}
.cp_data_info .info{text-align:center; padding:10px 0px; padding-bottom:20px;}
.cp_data_info .info span{display:inline-block; border:1px solid #fff; border-radius:40px; padding:0px 8px;margin-top:10px;}
.oe_img_upload{position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:400;}
.oe_img_upload ._uploadbtn{display:inline-block; position:absolute; left:0px; top:0px;width:100px; height:100px; background:rgba(0,0,0,0.2); box-sizing: border-box; z-index:400;}
.oe_img_upload ._uploadbtn input[type='file']{width:80px; height:80px;}
.oe_img_upload ._uploading{position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100px; height:100px; line-height:100px; text-align:center;}
.oe_cp_num{padding:20px 0px; padding-top:10px;}
.oe_cp_num dl{float:left; text-align:center; width:25%; position:relative;}
.oe_cp_num dl dd h3{font-weight:normal; line-height:24px;}
.oe_cp_num dl dd p{color:#999;}
.oe_cp_num dl dt{height:40px; line-height:40px;}
.oe_cp_num dl dt i.iconfont{font-size:28px; position:relative; color:#ff618e;}
.oe_cp_num dl dt i.icon-yanjing{top:2px;}
.oe_cp_num dl dt i.icon-huiyuan1{top:0px; font-size:25px;}
.oe_cp_num dl dt i.icon-jinbi{top:0px; font-size:30px;}
.oe_cp_num dl dt i.icon-jifen{top:-2px; font-size:24px;}
.oe_cp_num dl dd h3{font-weight:normal; font-size:14px; }
.oe_cp_num dl span.line{position:absolute; right:0px; top:10px; display:inline-block; height:45px; border-left:1px solid #f2f2f2;}



/*-------------  user cp index Begin --------------*/
.cp-layout-body {
	margin:0 auto;
	padding:0px;
}
.cp-layout-body-bo {
	margin:0 auto;
	padding:0 5px 5px 5px;
	margin-top:50px;
	margin-bottom:60px;
}
.cp-layout-body-gray {
	margin:0 auto;
	padding:10px 0px 5px 0px;
	background:#f2f2f2;
	/*margin-bottom:60px;*/
}

.cp-layout-body-gray-s{
	margin:0 auto;
	padding:10px 5px 5px 5px;
	background:#f2f2f2;
}

.cp-layout-body-60{
	margin:0 auto;
	padding:0 5px 5px 5px;
	margin-top:60px;
}

.cp-index-bar{
  padding:10px 0px;
  margin-top:5px;
	background:#fff;
}
.cp-index-bar ul{padding-left:15px;}
.cp-index-bar ul li {
	height:45px;line-height:45px;
	font-size:14px;
	position:relative;
  padding-left:50px;
  cursor:pointer;
}
.cp-index-bar ul li span{display:inline-block; position:absolute; left:10px; top:0px;}
.cp-index-bar ul li span i{font-size:20px; color:#999;}
.cp-index-bar ul li span i.icon-ziyuan-copy{font-size:16px;}
.cp-index-bar ul li span i.icon-aixin{font-size:18px; position:relative; left:3px;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; }

.cp-index-bar ul li a {
	font-size:16px;color:#000;
}
.cp-index-bar ul li a:hover {
	color:#000;
}
.cp-index-bar ul li {border-bottom:1px solid #f7f7f7;}
.cp-index-bar ul li label{display:inline-block; position:absolute; top:0px; right:15px;}
.cp-index-bar ul li label i.iconfont{font-size:12px;}
.cp-index-bar ul li em{ position:absolute; right:35px; top:21px; font-size:12px; font-size:12px; color:#fff; background:#ff618e; line-height:18px; font-style:normal; padding:0px 5px; border-radius:10px;}
.cp-index-bar ul li label{color:#999;}
.cp-bartitle {
	background: #FFF6FA;
    color: #FC6EA2;
    font-size: 14px;
    height: 45px;
    line-height: 45px;text-align:center;
    font-size:16px;
}

.cp-bartitle b {
	background: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    color: #666666;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    margin-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    cursor:pointer;
}
/*-------------  user cp index End --------------*/



/*--------------------- 小图标 Begin --------------------*/
.mob_icon_01 {
	background:url(../images/cpbar/1121745.png) no-repeat 10px center;
}
.mob_icon_02 {
	background:url(../images/cpbar/1121809.png) no-repeat 10px center;
}
.mob_icon_03 {
	background:url(../images/cpbar/1121793.png) no-repeat 10px center;
}
.mob_icon_04 {
	background:url(../images/cpbar/1121908.png) no-repeat 10px center;
}
.mob_icon_05 {
	background:url(../images/cpbar/1121746.png) no-repeat 10px center;
}
.mob_icon_06 {
	background:url(../images/cpbar/1121864.png) no-repeat 10px center;
}
.mob_icon_07 {
	background:url(../images/cpbar/1121889.png) no-repeat 10px center;
}
.mob_icon_08 {
	background:url(../images/cpbar/1121868.png) no-repeat 10px center;
}
.mob_icon_09 {
	background:url(../images/mob_icon_09.png) no-repeat 10px center;
}

.mob_pro_01 {
	background:url(../images/mob_pro_01.png) no-repeat 10px center;
}
.mob_pro_02 {
	background:url(../images/mob_pro_02.png) no-repeat 10px center;
}
.mob_pro_03 {
	background:url(../images/mob_pro_03.png) no-repeat 10px center;
}
.mob_pro_04 {
	background:url(../images/mob_pro_04.png) no-repeat 10px center;
}
.mob_pro_05 {
	background:url(../images/mob_pro_05.png) no-repeat 10px center;
}
.mob_pro_06 {
	background:url(../images/mob_pro_06.png) no-repeat 10px center;
}
.mob_pro_07 {
	background:url(../images/mob_pro_07.png) no-repeat 10px center;
}
.mob_pro_08 {
	background:url(../images/mob_pro_08.png) no-repeat 10px center;
}
.mob_pro_09 {
	background:url(../images/mob_pro_09.png) no-repeat 10px center;
}
.mob_pro_10 {
	background:url(../images/mob_pro_10.png) no-repeat 10px center;
}

/*--------------------- 小图标 End --------------------*/


/*--------------- item wrap 卡元素 Css Begin ---------------*/
.item-wrap {
	margin:0 auto;
}
.item-wrap h2 {
	height:25px;line-height:25px;font-weight:normal; font-size:16px; color:#999; padding-left:15px; padding-bottom:10px;
}

.item-list {
	margin:0 auto;background:#ffffff;
	border: 1px solid #ebebeb;
  border-radius: 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  margin:0px 15px;
}
.item-list p {
	line-height:22px;color:#6666;padding:5px;
}

.item-list dl {
	float:left;line-height:40px;margin-top:5px;
	border-bottom:1px solid #f7f7f7;width:100%;color:#666666;padding:5px 0 5px 0; font-size:16px;
}
.item-list dl dt {
	float:left;width:80px;line-height:40px;padding-left:10px;
}
.item-list dl dd {
	float:left;line-height:4  0px; font-size:16px;
}
.item-list input {
	background: none;
  border:none;
  color: #9F9696;
  height:25px;
  padding-left:8px;
  width:170px;
  font-size:16px;
}
.item-list select {
	border: medium none;
	border:1px solid #D1D1D1;
	padding:3px 0;color:#9F9696;
	min-width:80px;
}
.item-list .error-border {
	border:1px solid #ff0000;
}
.item-list textarea{
	border: medium none;
	padding:3px 0;color:#9F9696;
	overflow:auto;width:98%;height:80px;
   font-family:Microsoft Yahei;
}

/*--------------- item wrap 卡元素 Css End ---------------*/



/*--------------------- profile edit Begin ------------------*/

/*----------------- var参数 单选、多选 begin ---------------*/
.profile-layout{
	padding:5px 15px;
	background:#fff;
}

.profile-layout ul li {
	float:left;width:98%;color:#333;
	height:50px;line-height:50px;
	border-bottom:1px solid #f7f7f7;
  font-size:16px;
}
.profile-layout ul li:hover {
	background:#f8f8f8;
}
.profile-layout .profile-var-multi {
	border-bottom:1px solid #f7f7f7;background:none;height:auto;line-height:25px;

}
.profile-layout .profile-var-multi:hover {
	background:none;background-image:none;
}

.profile-layout .profile-item {
	float:left;line-height:50px;
}
.profile-layout .profile-value {
	float:left;padding-right:10px;padding-left:10px;
}
.profile-layout .profile-value select {
	border: 1px solid #ddd;
  color: #6C6C6C;
  height: 30px;
  line-height:30px;
  padding:3px;
  min-width:80px;
  background:none;
	outline:none;
  vertical-align:middle;
  font-size:16px;
  box-sizing:border-box;
  padding:0px;
  border-radius:3px;
}
.profile-layout .profile-value a {
	padding-right:30px;
	color:#666;
}
.profile-layout .profile-value a {
	padding-right:30px;
	color:#666;
}
.profile-layout ul li a {
	color:#000;
}
.profile-layout ul li a:hover {
	color:#000;
}
/*----------------- var参数 单选、多选 end ---------------*/


/*---------------独白 begin -------------------*/
.profile-monolog {
	margin:0 auto;
}
.profile-monolog h2 {
	height:30px;line-height:30px;font-size:18px;
	border-bottom:1px solid #efefef;font-weight:normal;
}
.profile-monolog h2 span {
	color:#FF5511;font-size:18px;
}

.profile-monolog .monolog-box {
	margin:0 auto;padding:10px;
}
.profile-monolog .monolog-box h3 {
	height:25px;line-height:25px;font-weight:normal;margin-bottom:10px;color:#999;
}
.profile-monolog .monolog-box h3 span {
	float:right;padding-right:10px;
}
.profile-monolog .monolog-box textarea{
	width:90%;border:1px solid #ccc;padding:10px;height:150px;overflow:auto;
	color:#666;line-height:20px;border-radius:5px;
}
/*---------------独白 end -------------------*/

/*--------------- 联系方式 begin -------------------*/
.profile-info {
	margin:0 auto;padding:5px;
}
.profile-info h2 {
	height:30px;line-height:30px;font-size:18px;
	border-bottom:1px solid #efefef;font-weight:normal;
}
.profile-info ul li {
	float:left;height:50px;line-height:50px;width:98%;
}
.profile-info ul li i {
	float:left;width:80px;height:50px;font-size:18px;
}
.profile-info ul li p {
	float:left;width:180px;height:50px;
	
}
.profile-info ul li input {
	padding:2px;height:40px;border:1px solid #ddd;font-size:18px;width:130px;
}
/*--------------- 联系方式 end -------------------*/


/*--------------------- profile edit End --------------------*/

/*---------------- edit pwd Begin ------------------*/
.pwd-box {
	border: 1px solid #DDDDDD;
    border-radius: 5px;
    margin: 5px;
    padding: 8px;
}

.pwd-box ul li {
	float: left;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    width: 90%;
}
.pwd-box ul li i {
	float:left;width:90px; height:60px;line-height: 60px;font-size:18px;
}
.pwd-box ul li .pwd-input {
	float:left;width:160px;height:60px;line-height: 60px;
}
.pwd-box ul li .pwd-input input{
	border: 1px solid #DDDDDD;
    height: 30px;
    padding: 5px;width:160px;
}

/*---------------- edit pwd End ------------------*/

/*------------------ cplist-box Begin -------------------------*/
.cplist-box {
	margin:5px 0px 5px 0px;
}

.cplist-box h6 {
	padding:10px;text-align:center;
	height:35px;line-height:35px;font-weight:normal;
}

.cplist-box ul li {
	min-height:60px;
	border-bottom:1px solid #f7f7f7;
	padding-top:5px;
  padding-bottom:10px;
  padding-left:80px;
  position:relative;
}
.cplist-box ul li:hover {
	background:#f8f8f8;
	/*background-image: url("../images/ss.png");
	background-position: right center;
    background-repeat: no-repeat;
	*/
}

.cplist-box .cplist-img {
	 margin-left:5px; margin-right: 10px;
    width:50px; height: 50px;
    position:absolute;
    left:10px; top:10px;
    
}
.cplist-box .cplist-img span{display:inline-block; width:50px; height:50px; border-radius:50px; overflow:hidden;}
.cplist-box .cplist-img img {
	border-radius: 5px;width:50px; height:61px;
}

.cplist-box .cplist-new {
  background:red;
  width:8px; 
  height:8px;
  overflow:hidden; 
  border-radius:8px;
	position:absolute;right:0px;top:0px;
  border:2px solid #fff;
}

.cplist-box .cplist-info {
	float:left;width:220px;
  height:71px;
  position:relative;
}
.cplist-box .cplist-info h2 {
    font-weight: normal;
    width:98%;height:30px; line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:16px;
}
.cplist-box .cplist-info h2 b {
	font-weight:normal;font-size:16px;
}
.cplist-box .cplist-info h2 span {
	float:right;display:block; width:100px;
	height:30px; line-height:30px;color:#999999;text-align:right; font-size:12px;
}
.cplist-box .cplist-info h2 i {
	float:right;display:block; width:80px;font-size:14px;
	height:28px; line-height:28px;color:#666666;
	border-radius:5px;border:1px solid #ddd;text-align:center;
	background:#f8f8f8;
  cursor:pointer;
}
.cplist-box .cplist-info h2 i:hover{
	color:#00BB00;
}
.cplist-box .cplist-info p {
	color:#808080;height:18px;line-height:18px;font-size:12px;
	overflow:hidden;position:relative;
}

.cplist-box .cplist-info p.status{
  position:absolute; right:0px; bottom:5px;
  height:22px; width:52px;
}

.cplist-box .cplist-info p i{
	display:block;font-size:14px;border-radius:3px;
	color:#666666;text-align:center;
	position:absolute;right:0;padding-left:5px;padding-right:5px;z-index:1; font-size:12px;
}
.cplist-box .cplist-info p i:hover {
	color:#00BB00;
}
/*------------------ cplist-box End -------------------------*/

/*------------------ smlist-box Begin -------------------------*/
.smlist-box {
	margin:5px 0px 5px 0px;
}

.smlist-box h6 {
	padding:10px;text-align:center;
	height:35px;line-height:35px;font-weight:normal;
}

.smlist-box ul li {
	float:left;width:100%;
	border-bottom:1px solid #ddd;
	padding-top:5px;padding-bottom:5px;
}
.smlist-box ul li:hover {
	background:#f8f8f8;
}

.smlist-box .smlist-img {
	float: left;margin-left:5px; margin-right: 10px;
    width:48px; height: 60px;position:relative;
}
.smlist-box .smlist-img img {
	border-radius: 5px;width:48px; height: 59px;
}

.smlist-box .smlist-new {
	background:url("../images/new.png") no-repeat;
	width:12px;height:13px;
	position:absolute;right:-5px;top:-5px;
}

.smlist-box .smlist-info {
	float:left;width:232px;
}
.smlist-box .smlist-info h2 {
    font-weight: normal;
    width:98%;height:30px; line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:18px;
}
.smlist-box .smlist-info h2 b {
	font-weight:normal;font-size:16px;
}
.smlist-box .smlist-info h2 span {
	float:right;display:block; width:100px;
	height:30px; line-height:30px;color:#999999;text-align:right;
  font-size:12px;
}
.smlist-box .smlist-info h2 i {
	float:right;display:block; width:80px;font-size:14px;
	height:28px; line-height:28px;color:#666666;
	border-radius:5px;border:1px solid #ddd;text-align:center;
	background:#f8f8f8;
}
.smlist-box .smlist-info h2 i:hover{
	color:#00BB00;
}
.smlist-box .smlist-info p {
	color:#808080;height:22px;line-height:22px;font-size:14px;
	overflow:hidden;
}
.smlist-box .smlist-info p i{
	float:right;display:block; width:40px;font-size:12px;border-radius:3px;
	height:20px; line-height:20px;color:#666666;text-align:center;
	border:1px solid #dddddd;background:#EEEEEE;min-width:50px;
  cursor:pointer;
}
.smlist-box .smlist-info p i:hover {
	color:#00BB00;
}
/*------------------ cplist-box End -------------------------*/

/*------------------ bglist-box Begin -------------------------*/
.bglist-box {
	margin:5px 0px 5px 0px;
}

.bglist-box h6 {
	padding:10px;text-align:center;
	height:35px;line-height:35px;font-weight:normal;
}

.bglist-box ul li {
	float:left;width:100%;
	border-bottom:1px solid #ddd;
	padding-top:5px;padding-bottom:5px;
}
.bglist-box ul li:hover {
	background:#f8f8f8;
	background-image: url("../images/ss.png");
	background-position: right center;
    background-repeat: no-repeat;
}

.bglist-box .bglist-img {
	float: left;margin-left:5px; margin-right: 10px;
    width:74px; height:74px; position:relative;
}
.bglist-box .bglist-img img {
	border-radius: 5px;width:74px; height:74px;
}

.bglist-box .bglist-new {
	background:url("../images/new.png") no-repeat;
	width:12px;height:13px;
	position:absolute;right:-5px;top:-5px;
}

.bglist-box .bglist-info {
	float:left;width:200px;
}
.bglist-box .bglist-info h2 {
    font-weight: normal;
    width:98%;height:30px; line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:18px;
}
.bglist-box .bglist-info h2 b {
	font-weight:normal;font-size:18px;
}
.bglist-box .bglist-info h2 span {
	float:right;display:block; width:100px;
	height:30px; line-height:30px;color:#999999;text-align:right;
}
.bglist-box .bglist-info h2 i {
	float:right;display:block; width:80px;font-size:14px;
	height:28px; line-height:28px;color:#666666;
	border-radius:5px;border:1px solid #ddd;text-align:center;
	background:#f8f8f8;
}
.bglist-box .bglist-info h2 i:hover{
	color:#00BB00;
}
.bglist-box .bglist-info p {
	color:#808080;height:22px;line-height:22px;font-size:14px;
	overflow:hidden;
}
.bglist-box .bglist-info p i{
	float:right;display:block; width:40px;font-size:14px;border-radius:3px;
	height:20px; line-height:20px;color:#666666;text-align:center;
	border:1px solid #dddddd;background:#EEEEEE;min-width:50px;
}
.bglist-box .bglist-info p i:hover {
	color:#00BB00;
}
/*------------------ cplist-box End -------------------------*/

/*------------------- msg read tips Begin --------------------*/
.msg-readtips {
	margin-top:10px;font-size:16px;border-top:1px dashed #ddd;display:none;
}
.msg-read-tips {
	margin-left:70px;height:30px;line-height:30px;
	margin-top:10px;
}
.msg-read-tips .msg-bt-left {
	float:left;
}
.msg-read-tips .msg-bt-left i {
	float:left;display:block; width:80px;font-size:14px;
	height:25px; line-height:25px;color:#ffffff;
	border-radius:5px;/*border:1px solid #fe5c93;*/ border:1px solid #008800;text-align:center;
	/*background:#ff7fac;*/
	background:#00AA00;
}
.msg-read-tips .msg-bt-right {
	float:right;margin-right:10px;
}
.msg-read-tips .msg-bt-right i {
	float:right;display:block; width:100px;font-size:14px;
	height:25px; line-height:25px;color:#ffffff;
	border-radius:5px;border:1px solid #0066FF;text-align:center;
	background:#5599FF;
}
/*------------------- msg read tips End --------------------*/

/*------------------ message content Begin -------------------*/
.message-box {
	margin:0 auto;padding:10px;
}
.message-box h2 {
	height:30px;line-height:30px;border-bottom:1px solid #ddd;
	font-size:16px;font-weight:normal;color:#FF3399;
}
.message-box h3 {
	height:25px;line-height:25px;font-size:14px;
	font-weight:normal;color:#999999;text-align:right;

}
.message-box p {
	line-height:25px;font-size:14px;color:#666666;
}

/*------------------ message content End -------------------*/

/*------------------- myalbum Begin --------------------------*/
.cp-album-file {
	height:50px;line-height:50px;
	background:#f8f8f8;
}
.cp-album-file span {
	margin-top:7px;margin-right:10px;
	float:right;display:block;width:80px;height:35px;line-height:35px;border-radius:8px;
	border:1px solid #ddd;text-align:center;font-size:18px;color:#666666;
}

.cp-album-upload {
	margin:5px auto;margin-top:10px;
}
.cp-album-upload ul li {
	float:left;width:98%;height:50px;line-height:50px;
}

.cp-album-upload input{
	border: 1px solid #DDDDDD;
    height: 30px;
    padding: 5px;
    width: 160px;
}

.cp-album-list {
	margin:5px auto;margin-top:20px;
  padding-right:5px;
  
}
.cp-album-list h6 {
	padding:10px;text-align:center;font-weight:normal;
}
.cp-album-list ul li {
	float:left;width:33.3%;  position:relative; box-sizing:border-box; padding:0px 5px 0px 10px; text-align:center;
  margin-bottom:20px;
}
.cp-album-list ul li span.del{display:inline-block; border-radius:50px; background:rgba(0,0,0,0.5); width:20px; height:20px; line-height:20px; text-align:center; color:#fff; position:absolute; right:0px; top:-10px; cursor:pointer;}
.cp-album-list ul li span.del i.iconfont{font-size:14px;}
.cp-album-list ul li .album-inner {
	text-align:center;margin:0 auto; width:100%; padding-bottom:100%;border-radius:5px; overflow:hidden; position:relative;
}
.cp-album-list ul li .album-inner h2 {
  position:absolute; left:0px; top:0px; right:0px;
}
.cp-album-list ul li .album-inner h2 img {
	width:100%;
}
.cp-album-list ul li p.status {
	position:absolute; left:10px; bottom:0px; background:#f70; color:#fff; font-size:12px; line-height:24px; padding:0px 5px; padding-right:8px;border-radius:0px 50px 50px 0px; line-height:20px;
}
.cp-album-list ul li .album-inner p span {
	display:block; width:60px;font-size:14px;
	height:23px; line-height:23px;color:#666666;
	border-radius:5px;border:1px solid #ddd;text-align:center;
	background:#f8f8f8;margin:0 auto;
  
}
.cp-album-list ul li .album-inner p span:hover {
	color:#00BB00;
}

/*------------------- myalbum End --------------------------*/

/*-------------------- buy Css Begin -------------*/

.buy-box {
	margin:0 auto;border-bottom:1px solid #E2E2E2;
	position:relative;
}

.buy-box .sel-up{
	position:absolute;display:block;width:22px;height:23px;right:10px;top:30px;
	background:url("../images/vp_down.png") no-repeat right center;
}	

.buy-box .sel-down{
    position:absolute;display:block;width:22px;height:23px;right:10px;top:30px;
	background:url("../images/vp_up.png") no-repeat right center;
}


.buy-wrap {
	margin:0 auto;padding:10px;
}
.buy-wrap .buy-wrap-left {
	float:left;text-align:center;
}

.buy-wrap .buy-wrap-left img {
	width:48px;height:48px;
}

.buy-wrap .buy-wrap-right {
	float:left;width:210px;margin-left:10px;
}
.buy-wrap .buy-wrap-right h2 {
	height:30px;line-height:30px; font-size:16px; 
}
.buy-wrap .buy-wrap-right p {
	line-height:20px;color:#666666;font-size:14px;
}

.buy-list {
	margin:0 auto;position:relative;background:#FFFAF5;
  padding:0px 15px;
}
.buy-list ul {
	padding-top:10px;padding-bottom:10px;
}
.buy-list ul li {
	padding-left:10px;padding-right:10px;
	border-bottom:1px dashed #D1D0D0;height:35px;line-height:35px;overflow:hidden;
	font-size:14px;color:#666;
}

.buy-list ul li span {
	float:right;margin-top:5px;display:block;width:60px;height:25px;line-height:25px;
	background:#4EC1FF;border-radius:3px;text-align:center;color:#ffffff;font-size:14px; cursor:pointer;
}

.buy-slide-up {
	position:absolute;left:50%;
	background:url("../images/dot-up.png") no-repeat center;
	width:11px;height:6px;top:-5px;
}

.buy-vip-spec {
	padding:0px 15px;padding-top:10px;font-size:14px;line-height:22px;
}
.buy-vip-spec ul li {
	float:left;margin-right:10px;height:25px;line-height:25px;
	background:#EAF5F7;color:#379BB3;margin-bottom:10px;font-size:14px;padding:3px 5px 3px 5px;
}
.buy-vip-spec h2 {
	color:#FD8BB5;font-size:14px;line-height:30px;height:30px;margin-bottom:5px;
}
/*-------------------- buy Css End ---------------*/



/*------------------- money-list Css Begin ----------------------*/
.money-list {
	margin:0 auto;padding:10px;
}
.money-list h6 {
	font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 10px;
    text-align: center;
}
.money-list ul li {
	border-bottom:1px dashed #ddd;padding-top:5px;padding-bottom:5px;width:100%;
}
.money-list ul li h2 {
	height:30px;line-height:30px;font-weight:normal;color:#888888; font-size:14px;
}
.money-list ul li h2 span {
	float:right;height:30px;line-height:30px;display:block;
}
.money-list ul li p {
	color:#51545B;line-height:20px;
}

/*------------------- money-list Css End ----------------------*/




/* 9:17 2017/11/24 */

.oe_recharge .bd h2{font-weight:normal; font-size:16px; background:#fafafa; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding-left:15px; line-height:50px;}
.oe_recharge .bd div.input{padding:8px 15px 15px; position:relative;}
.oe_recharge .bd div.input input{ height:34px; line-height:34px; font-size:15px; background:#f2f2f2; border-radius:3px; padding-left:8px; border:none;}
.oe_recharge .bd div.input span{display:inline-block;margin-top:10px;}
.oe_recharge .bd div.input span i{color:red; }
.oe_recharge .bd ul li{padding-left:50px; line-height:35px; padding-top:10px; padding-bottom:10px; font-size:15px; cursor:pointer;}
.oe_recharge .bd ul li span{display:inline-block;width:40px; margin-left:-40px; float:left; color:#a0a0a0; position:relative; top:2px;}
.oe_recharge .bd ul li label{display:none;width:40px; margin-left:-40px; float:left; color:#41d300; position:relative; top:2px;}
.oe_recharge .bd ul li span i{font-size:24px;}
.oe_recharge .bd ul li label i{font-size:24px;}
.oe_recharge .bd ul li.current label{display:inline-block;}
.oe_recharge .bd ul li.current span{display:none;}
.oe_recharge .hd{padding:15px; background:#fff; font-size:16px;}
.oe_recharge .hd p{font-size:16px;}
.oe_recharge .hd b{color:red; font-size:0.8rem;}
.all_btn_1{text-align:center; padding:5px 4%; padding-top:5px; margin-top:5px;}
.all_btn_1 span{text-align:center;display:inline-block; width:100%; border-radius:3px; background:#41d300; line-height:45px; height:45px; color:#fff; font-size:16px; cursor:pointer; }
.all_btn_1 p{line-height:1.75rem; padding-top:1rem;}
.all_btn_1 p label{border-bottom:1px solid #c0e7ff; cursor:pointer;}

.pay_result .hd{text-align:center;padding-top:30px;}
.pay_result .hd span{width: 64px;height: 64px;display: block;margin: 0 auto;}
.pay_result .hd span.succ{background: url(../images/pay_succ.png)}
.pay_result .hd span.error{background: url(../images/pay_fail.png)}
.pay_result .bd{text-align:center; line-height:32px;}
.pay_result .bd p.p_1{font-size:18px; line-height:40px;}
.pay_result .bd p.p_3{padding-top:20px;}
.pay_result .bd p.p_3 span{display:inline-block; border:1px solid #ebebeb; border-radius:4px; padding:0px 30px; cursor:pointer;}
.pay_result .bd p.p_3 span.span_1{background:#ff618e; border:1px solid #ff618e; color:#fff; margin-right:10px;}

.myparty_list{padding:10px; padding-top:44px;}
.myparty_list dl{ padding-bottom:30px; border-bottom:1px dotted #ebebeb; padding-top:30px;}
.myparty_list dl dt img{width:100%; vertical-align:top;}
.myparty_list dl dd{text-align:center; padding-top:10px;}
.myparty_list dl dd h3{font-size:16px;  line-height:35px; height:35px; overflow:hidden; font-weight:normal;}
.myparty_list dl dd p.p_1{}
.myparty_list dl dd p.p_1 em{font-style:normal; color:#f6465e; font-weight:bold;}
.myparty_list dl dd p.p_1 span{color:#ff6277;}
.myparty_list dl dd p.p_2{color:#999; line-height:30px; font-size:12px;}
.myparty_list dl dd p.p_3 span{display:inline-block; border:1px solid #ebebeb; padding:0px 50px; line-height:30px; border-radius:3px; cursor:pointer;}
.myparty_list dl dd p.p_3 span.free{ color:#1ac050;}
.myparty_list dl dd p.p_3 span.pay{background-image: linear-gradient(90deg, #ff7246, #ff5458); border:1px solid #ff5458; color:#fff;}
.myparty_list dl dd p.p_3 span.payback{background:#ebebeb; color:#999;}




.oe_editinput{background:#fff;border-radius: 0.25rem;position: absolute; z-index:2; width:100%; height:22.5rem;}
.oe_editinput .btn{position:absolute; left:0px;bottom:0px; width:100%; text-align:center; line-height:2.5rem; border-top:1px solid #ebebeb;}
.oe_editinput .btn span{float:left; width:50%; cursor:pointer;}
.oe_editinput .btn span.span_1{color:#0096ff;}
.oe_editinput .btn span.span_2{border-left:1px solid #ebebeb; margin-left:-1px; color:#999;}
.oe_editinput .hd{text-align:center; line-height:2.5rem; font-size:0.8rem;}
.oe_editinput .bd{width:80%; margin:0 auto;}
.oe_editinput .bd ul li{padding-bottom:0.75rem;}
.oe_editinput .bd ul li input{background:#ebebeb; line-height:1.75rem; border-radius:2px;width:94%; padding:0px 3%; margin-top:0.1rem;}
.oe_editinput .bd ul li textarea{background:#ebebeb; border:none; border-radius:2px; width:94%; padding:0.25rem 3%; height:5rem;  font-family:Microsoft Yahei; line-height:1.2rem; font-size:0.7rem;}
.oe_editinput .bd ul li.select span{display:inline-block; border:1px solid #ddd; line-height:1.6rem; padding-right:0.75rem; border-radius:2px; position:relative;}
.oe_editinput .bd ul li.select span i{display:inline-block; font-size:0.6rem; position:absolute; right:0.25rem; top:0.1rem;}
.oe_editinput .bd ul li.text em{font-style:normal; color:#999;}
.oe_editinput .bd ul li.text span.name{color:#f40;}
.oe_editinput .bd ul li.type span{display:inline-block; border:1px solid #ebebeb; border-radius:2px; cursor:pointer; padding:0px 0.4rem; margin-right:0.5rem;}
.oe_editinput .bd ul li.type span.current{background:#ff4f86; border:1px solid #ff4f86; color:#fff;}






.cp-index-bar ul li{font-size:17px; height:55px; line-height:55px;}
.cp-index-bar ul li span.icon{display:inline-block; background:#ebebeb; line-height:24px; width:24px; height:24px; text-align:center; border-radius:4px; top:15px;}
.cp-index-bar ul li span.icon i.iconfont{color:#fff; font-size:16px;}
.cp-index-bar ul li span.icon i.iconfont.ico_2{top:-1px; position:relative;}
.cp-index-bar ul li span.icon i.iconfont.ico_4{top:-3px; position:relative;}
.cp-index-bar ul li span.icon_1{background:#ff9595;}
.cp-index-bar ul li span.icon_2{background:#94d1ff;}
.cp-index-bar ul li span.icon_3{background:#94efff;}
.cp-index-bar ul li span.icon_4{background:#ff94c1;}
.cp-index-bar ul li span.icon_5{background:#949fff;}
.cp-index-bar ul li span.icon_6{background:#ff94a0;}
.cp-index-bar ul li span.icon_7{background:#ff94e1;}
.cp-index-bar ul li span.icon_8{background:#b094ff;}
.cp-index-bar ul li span.icon_9{background:#8ade81;}
.cp-index-bar ul li span.icon_10{background:#87d5e8; top:18px;}
.cp-index-bar ul li span.icon_11{background:#ffd494;}
.cp-index-bar ul li span.icon_12{background:#ffb094;}
.cp-index-bar ul li span.icon_13{background:#bd94ff;}
.cp-index-bar ul li span.icon_14{background:#ffd894;}
.cp-index-bar ul li span.icon_15{background:#ff6165;}
.cp-index-bar ul li span.icon_16{background:#f4bc1e;}
.cp-index-bar ul li span.icon_11 i.iconfont{top:-2px; position:relative;  }
.cp-index-bar ul li span.icon i.iconfont.icon-xinxi{position:relative; top:-2px;}
.cp-index-bar ul li span.icon i.iconfont.icon-huodong{position:relative; top:-2px; font-size:14px;}
.cp-index-bar ul li span.icon i.iconfont.icon-querycriteria-copy{position:relative; top:0px; font-size:18px;}


.oe_recharge .bd ul li p{
  padding-left: 35px;
  position: relative;
  font-size: 16px;
}
.oe_recharge .bd ul li em{
  font-size: 26px;
  position: absolute;
  left: 0;
  margin-right: 10px;
}
.oe_recharge .bd ul li .icon-umidd17{
  color: #2b84fc;
}
.oe_recharge .bd ul li .icon-weixinzhifu{
  color: #31d200;
}
.oe_recharge .bd ul li .icon-caifutong{
  color: #ff5400;
}
.oe_recharge .bd ul li .icon-yibaozhifu{
  color: #2dc000;
  font-size: 22px;
}
.oe_recharge .bd ul li .icon-weibiaoti-{
  color: #c62b2e;
  font-size: 22px;
}
.oe_recharge .bd ul li .icon-xianxiazhifu{
  color: #c62b2e;
}
.oe_recharge .bd ul li .icon-yue{
  color: #ff5d5b;
  font-size: 23px;
}
.oe_recharge .bd div.input input{
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border: 1px solid #ebebeb;
}

.oe_recharge .bd div.input .unit{
  position: absolute;
  top: 18px;
  right: 20px;
  color: #999;
  margin-top: 0;
}
.oe_recharge .bd ul li{
  position: relative;
}
.oe_recharge .bd ul li::after{
  content: "";
  display: block;
  position: absolute;
  left: 52px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #ebebeb;
}
.oe_recharge .bd ul li:last-child::after{
  background: transparent;
}
.oe_recharge .pay_method{
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 0 12px;
}
.oe_recharge .pay_method .item{
  line-height: 40px;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 8px;
}
.oe_recharge .pay_method .item:active{
  background: #f5f5f5;
}
.oe_recharge .pay_method .item+.item{
  margin-left: 10px;
  cursor: pointer;
}
.oe_recharge .pay_method .item.current{
  color: #ff618e;
  font-weight: bold;
}
.oe_recharge .pay_method .item.current::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ff618e;
  bottom: -1px;
  left: 0;
}
.oe_recharge .ge{
  background: #f1f1f1;
  height: 12px;
}

.oe_recharge .pay_offline{
  padding: 20px 0 30px; 
  display: none; 
}
.oe_recharge .pay_offline .select_pay{
  width: 160px;
  background: #ebebeb;
  font-size: 0;
  border-radius: 4px;
  margin: 0 auto;
}
.oe_recharge .pay_offline .select_pay .item{
  width: 50%;
  display: inline-block;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.oe_recharge .pay_offline .select_pay .item.current{
  background: #ff618e;
  color: #fff;
  border-radius: 4px;
}
.oe_recharge .pay_offline .code{
  margin-top: 30px;
}
.oe_recharge .pay_offline .code .box{
  width: 180px;
  height: 180px;
  margin: 0 auto;
  background: #f5f5f5;
  overflow: hidden;
}
.oe_recharge .pay_offline .code .ali{
  display: none;
}
.oe_recharge .pay_offline .code .box img{
  width: 100%;
  height: 100%;
}
.oe_recharge .pay_offline .code .text{
  color: #999;
  margin-top: 15px;
  text-align: center;
}
.oe_recharge .pay_offline .code .text span{
  color: #ff4400;
}
.oe_recharge .pay_offline .code .btn{
  width: 120px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #ff618e;
  color: #ff618e;
  margin: 15px auto 0;
  border-radius: 3px;
}
.oe_recharge .pay_offline .tip{
  text-align: center;
  margin: 0 30px 20px;
  line-height: 25px;
}
.oe_recharge .pay_offline .tip span{
  color: #ff618e;
  font-weight: bold;
}
.oe_recharge .recharge_btn{
  width: 100%;
  border-top: 1px solid #ebebeb;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  padding: 8px 15px;
  box-sizing: border-box;
}
.oe_recharge .recharge_btn .text{
  flex: 1;
  font-size: 14px;
  line-height: 36px;
}
.oe_recharge .recharge_btn .text span{
  color: #ff618e;
  font-weight: bold;
  font-size: 16px;
}
.oe_recharge .recharge_btn .btn span{
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  color: #fff;
  background: #ff618e;
  line-height: 36px;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
}
.oe_recharge .recharge_btn .btn span:active{
  opacity: .8;
}
.oe_recharge{
  padding-bottom: 54px;
}
.oe_recharge .sure{
  padding: 15px;
  box-sizing: border-box;
}
.oe_recharge .sure a{
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 46px;
  background: #ff618e;
  cursor: pointer;
}
.oe_recharge .sure a:active{
  opacity: .8;
}
.oe_order ul{
  padding: 15px;
}
.oe_order li{
  padding: 10px;
  box-shadow: 0 0 5px #dbdbdb;
  border-radius: 3px;
  margin-bottom: 15px;
}
.oe_order li .code{
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.oe_order li .item{
  display: flex;
  line-height: 30px;
}
.oe_order li .item .left{
  flex: 1;
}
.oe_order li .item .right{
  flex: 2;
  text-align: right;
}
.oe_order li .item .right.money{
  font-weight: bold;
}
.oe_order li .item .right.red{
  color: #ff4400;
}
.oe_order li .item .right.blue{
  color: #00AA00;
}
.oe_order li .item .right.gray{
  color: #999;
}
.user_list h6{
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  padding: 10px;
  text-align: center;
}