/*
 * 个人中心页
 * 独立样式文件
 * 
 * */
 
/*顶部公共样式*/

/*顶部导航*/

header .mTop{
	position: fixed;
	width: 100%;
	top:0;
	z-index: 1000;
	background: #F7F7F7;
	height: 38px;
	border-bottom: 1px solid #EDEDED;
}
header .mTop .top{
	position: relative;
}
header .mTop .top .index{
	line-height: 38px;
	font-size: 14px;
	margin-right: 10px;
}
header .mTop .top .index a{
	color: #999999;
}
header .mTop .top .nav-box{
	width: 420px;
}
header .mTop .top .nav-box ul > li{
	float: left;
	width: 78px;
}

header .mTop .top .nav-box ul > li > a{
	font-size: 14px;
	color: #999999;
	height: 38px;
	display: inline-block;
	padding-left: 30px;
	line-height: 38px;
}
header .mTop .top .nav-box ul > li i{
	display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background: url('../images/svg/a_16.svg') no-repeat;
    background-size: 12px;
}

header .mTop .top .hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


/*下拉菜单样式*/
header .mTop .top .nav-box ul > li .sub{
	display: none;
	width: 1030px;
	height: 365px;
	background: #ffffff;
	z-index: 999;
	position:fixed;
	left: 0;
}
header .mTop .top .nav-box ul > li .triangle_border_up{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;
    position:relative;
    display: none;
    margin-left: 35px;
}

/*下拉菜单内公共样式*/
header .mTop .top .nav-box ul li .sub .l-tab{
	width: 159px;
	border-right: 1px solid #F4F7F8;
	height: 365px;
	overflow-y: auto;
}
header .mTop .top .nav-box ul li .sub .l-tab::-webkit-scrollbar {
	width: 3px;
}
header .mTop .top .nav-box ul li .sub .l-tab::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
header .mTop .top .nav-box ul li .sub .l-tab::-webkit-scrollbar-thumb {
	background-color:#DDDDDD;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
header .mTop .top .nav-box ul li .sub .l-tab p{
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}
header .mTop .top .nav-box ul li .sub .l-tab p a{
	color: #666666;
}
header .mTop .top .nav-box ul li .sub .l-tab p a:hover{
	color: #666666;
}
header .mTop .top .nav-box ul li .sub .l-tab .active{
	background-color: #f6f7f8;
	color: #222222;
	font-weight: bold;
}
header .mTop .top .nav-box ul li .sub .l-tab .active a{
	color: #222222;
}
header .mTop .top .nav-box ul li .sub .l-tab .active a:hover{
	color: #222222;
}
header .mTop .top .nav-box ul li .sub .info{
	width: 870px;
	height: 365px;
	overflow-y: auto;
}
header .mTop .top .nav-box ul li .sub .info::-webkit-scrollbar {
	width: 3px;
}
header .mTop .top .nav-box ul li .sub .info::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
header .mTop .top .nav-box ul li .sub .info::-webkit-scrollbar-thumb {
	background-color:#DDDDDD;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}

/*优惠下拉菜单内容*/
header .mTop .top .nav-box ul li .yh .tab-list{
	padding: 20px;
}
header .mTop .top .nav-box ul li .yh .tab-list .yhsm li{
	float: left;
	width: 226px
}
header .mTop .top .nav-box ul li .yh .tab-list .yhsm li .icon{
	width: 36px;
	height: 36px;
}
header .mTop .top .nav-box ul li .yh .tab-list .yhsm li > p > span{
	position: absolute;
	margin-left: 10px;
}
header .mTop .top .nav-box ul li .yh .tab-list .yhsm li > p > a{
	color: #33CC99;
	margin-right: 28px;
}

header .mTop .top .nav-box ul li .yh .tab-list p .btotton{
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
}

/*商场下拉菜单内容*/
header .mTop .top .nav-box ul li .sc .tb{
	border-bottom: 1px solid #ECF1F3;
	padding: 30px 7px 15px 7px;
}
header .mTop .top .nav-box ul li .sc .tb a{
	display: inline-block;
	width: 127px;
	height: 60px;
	text-align: center;
	line-height: 30px;
	color: #999999;
}
header .mTop .top .nav-box ul li .sc .tb img{
	max-width: 80px;
	max-height: 30px;
}
header .mTop .top .nav-box ul li .sc .wz{
	padding: 21px 17px 11px 17px;
}
header .mTop .top .nav-box ul li .sc .wz a{
	display: inline-block;
	width: 166px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
}
header .mTop .top .nav-box ul li .sc .wz a:hover{
	background-color: #F6F7F8;
	color: #33CC99;
}

/*分类下拉菜单*/
header .mTop .top .nav-box ul li .fenlei .l-tab p{
	height: 52px;
	line-height: 52px;
}
header .mTop .top .nav-box ul li .fenlei em{
	position: relative;
	top:3px;
	margin-right: 10px;
}

header .mTop .top .nav-box ul li .sub .info .t-tab{
	padding: 10px 20px 0px 20px;
	border-bottom: 1px solid #F4F7F8;
	height: 40px;
	line-height: 40px;
	color: #2a2a2a;
}

header .mTop .top .nav-box ul li .sub .info .t-tab span{
	cursor: pointer;
}

header .mTop .top .nav-box ul li .sub .info .t-tab .active{
	border-bottom: 2px solid #33CC99;
	color: #33CC99;
	margin-bottom: -1px;
}

header .mTop .top .nav-box ul li .fenlei .info > ul{
	/*padding: 20px;*/
	padding: 5px 5px 5px 5px;
}
header .mTop .top .nav-box ul li .fenlei .l-info{
	width: 130px;
}
header .mTop .top .nav-box ul li .fenlei .r-info{
	width: 700px;
}
header .mTop .top .nav-box ul li .fenlei .tab-list span a{
	float: left;
	width: 80px;
	text-align: right;
	height: 44px;
	line-height: 44px;
	color: #666666;
	font-weight: 700;
	background: url(../images/ie8/a_15@2x.png) right no-repeat;
	padding-right: 20px;
	font-size: 13px;
}
header .mTop .top .nav-box ul li .fenlei .tab-list span a.no-sub{
	background: none;
}
header .mTop .top .nav-box ul li .fenlei .tab-list span a:hover{
	background-color: #F6F7F8;
	color: #33CC99;
}
header .mTop .top .nav-box ul li .fenlei .tab-list a{
	float: left;
	width: 140px;
	text-align: left;
	height: 44px;
	line-height: 44px;
	color: #666666;
	font-size: 13px;
}
header .mTop .top .nav-box ul li .fenlei .tab-list a:hover{
	/*background-color: #F6F7F8;*/
	color: #33CC99;
}

/*圈子下拉菜单*/
header .mTop .top .nav-box ul li .qz{
	width: 980px;
	height: 285px;
	padding: 40px 25px;
}
header .mTop .top .nav-box ul li .qz .title{
	background: url(../images/symbols-ic-whatshot-grey600.png) left no-repeat;
	height: 22px;
	line-height: 22px;
	background-size: 16px 16px;
	behavior:url(css/backgroundsize.min.htc);
	padding-left: 22px;
}
header .mTop .top .nav-box ul li .qz .qz-list li{
	float: left;
	width: 224px;
	margin: 30px 10px;
}

/*更多下拉菜单*/
header .mTop .top .nav-box ul li .gd .jifen{
	padding: 10px 23px;
}

header .mTop .top .nav-box ul li .gd .tab-list .jf-list li{
	float: left;
	width: 186px;
	margin: 10px 10px 0px 10px;
}

header .mTop .top .nav-box ul li .gd .tab-list .jf-list li .pic{
	width: 186px;
	height: 186px;
}

header .mTop .top .nav-box ul li .gd .tab-list .jf-list li .pic img{
	width: 186px;
	height: 186px;
}

header .mTop .top .nav-box ul li .gd .tab-list .jf-list li .pic span{
	display: inline-block;
	position: relative;
	bottom:30px;
	left: 6px;
	height: 24px;
	width: 58px;
	background: rgba(0,0,0,0.8);
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

header .mTop .top .nav-box ul li .gd .tab-list .jf-list li .button{
	display: inline-block;
	width: 186px;
	height: 34px;
	line-height: 34px;
}
header .mTop .top .nav-box ul li .gd .tab-list .jf-list li .button:hover{
	background: #33CC99;
	color: #FFFFFF;
}

header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li{
	float: left;
	/*width:209px;
	height:262px;*/
	width:183px;
	height:282px;
	background:#FFFFFF;
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);
	border-radius:5px;
	border:1px solid #ECF1F3;
	/*margin-left: 24px;
	margin-top: 24px;*/
	margin: 10px 10px 0px 10px;
	position: relative;
	/*cursor: pointer;*/
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li:hover{
	box-shadow:0px 3px 6px 0px rgba(0,0,0,0.1);
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li:after{
	content:'';
	display: block;
	background: #FFFFFF;
	border:1px solid #ECF1F3;
	width:12px;
	height:24px;
	border-radius:0 50px 50px 0;
	position: absolute;
	left: -1px;
	top:80px;
	z-index: 1;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li:before{
	content:'';
	display: block;
	background: #FFFFFF;
	border:1px solid #ECF1F3;
	width:12px;
	height:24px;
	border-radius:50px 0 0 50px;
	position: absolute;
	right: -1px;
	top:80px;
	z-index: 1;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .left-x{
	width: 5px;
	background: #FFFFFF;
	height: 24px;
	position: absolute;
	top:81px;
	left: -5px;
	z-index: 2;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .right-x{
	width: 5px;
	background: #FFFFFF;
	height: 24px;
	position: absolute;
	top:81px;
	right: -5px;
	z-index: 2;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .logo1{
	height: 67px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ECF1F3;
	text-align: center;
	position: relative;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .logo1 .img{
	height: 40px;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .logo1 .img img{
	max-width: 180px;
	max-height: 40px;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .logo1 .name{
	width: 180px;
	margin: 0px auto;
	margin-top: 5px;
	height: 22px;
	line-height: 22px;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .logo1 span{
	display: inline-block;
	background: url(../images/svg/a_5.svg) no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 12px;
	top: 12px;
}
/*优惠券列表红色默认样式*/
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li:hover{
	color: #222222;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .price{
	margin-top: 11px;
	color: #EB3C3C;
	font-size: 20px;
	font-weight: bold;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .instructions{
	line-height:20px;
	height: 40px;
	overflow: hidden;
	width: 180px;
	margin: 0px auto;
	margin-top: 5px;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .button span{
	display: inline-block;
	width: 163px;
	height: 32px;
	border-radius:15px;
	border:1px solid rgba(235,60,60,0.3);
	color: #EB3C3C;
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li:hover .button span{
	border:1px solid #EB3C3C;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .button span:active{
	border:1px solid #EB3C3C;
	background: #EB3C3C;
	color: #FFFFFF;
}
header .mTop .top .nav-box ul li .gd .tab-list .coupon-list li .overdue{
	height: 20px;
	line-height: 20px;	
}

/*合伙人未加入样式*/
header .mTop .top .nav-box ul li .gd .tab-list .wjr{
	width: 780px;
	height: 275px;
	background: url(../images/a_3.png) right bottom no-repeat;
	padding: 45px;
}
header .mTop .top .nav-box ul li .gd .tab-list .wjr .button{
	display: inline-block;
	width: 130px;
	height: 40px;
	line-height: 40px;
}
/*合伙人已加入样式*/
header .mTop .top .nav-box ul li .gd .tab-list .yjr .my-record{
	float: left;
	width: 314px;
	height: 277px;
	border-right: 1px solid #F4F7F8;
	padding: 44px;
}

header .mTop .top .nav-box ul li .gd .tab-list .yjr .my-record .button{
	width: 64px;
	height: 34px;
	display: inline-block;
	text-align: center;
	line-height: 34px;
}

header .mTop .top .nav-box ul li .gd .tab-list .yjr .share{
	float: left;
	width: 407px;
	background: url(../images/a_2.png) top center no-repeat;
	background-size: 100%;
	behavior:url(css/backgroundsize.min.htc);
	height: 215px;
	padding: 150px 30px 0px 30px;
}
header .mTop .top .nav-box ul li .gd .tab-list .yjr .share .layui-bg-orange{
	background-color: #F4ECEC !important;color: #974747 !important;
}
header .mTop .top .nav-box ul li .gd .tab-list .yjr .share .layui-bg-green{
	background-color: #EEF4F1 !important;color: #5C917C !important;
}
header .mTop .top .nav-box ul li .gd .tab-list .yjr .share .button{
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
}

/*顶部投稿爆料样式*/
header .mTop .top .top-right{
	width: 273px;
}

header .mTop .top .top-right i{
	display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background: url('../images/svg/a_16.svg') no-repeat;
    background-size: 12px;
}

header .mTop .top .top-right .top-contribute{
	width: 125px;
}

header .mTop .top .top-right .top-contribute .info{
	text-align: center;
	color: #95999C;
	/*margin-top: 10px;*/
}
header .mTop .top .top-right .top-contribute .info .icon-bu-1{
	width: 24px;
	height: 24px;
	fill: #95999C;
	position: relative;
	top:7px
}


header .mTop .top .top-right .top-contribute .sub-box{
	width: 168px;
	height: 96px;
	margin-left: -18px;
}

header .mTop .top .top-right .top-contribute .sub-box .icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	fill:#666666;
	margin-right: 10px;
}

header .mTop .top .top-right .top-contribute .sub-box a{
	display: inline-block;
	width: 88px;
	height: 28px;
	line-height: 28px;
	padding: 10px 40px;
}

header .mTop .top .top-right .top-contribute .sub-box a:hover{
	background-color: #F6F7F8;
	color: #33CC99;
}

header .mTop .top .top-right .top-contribute .sub-box a:hover .icon{
	fill: #33CC99;
}

header .mTop .top .top-right .top-member{
	/*margin-left: 20px;*/
}

header .mTop .top .top-right .top-member .member-btn .button{
	display: inline-block;
	float: left;
	width: 68px;
	height: 38px;
	background: #272D31;
	margin-left: 6px;
	text-align: center;
	line-height: 38px;
}

header .mTop .top .top-right .top-member .member-info{
	width: 148px;
	margin-top: 7px;
}

header .mTop .top .top-right .top-member .member-info .info{
	color: #999999;
	margin-top: 5px;
}

header .mTop .top .top-right .top-member .member-info .info .layui-badge-dot{
	position: relative;
	z-index: 99;
	left: 28px;
	top:-10px;
	background-color: #F66060;
}


header .mTop .top .top-right .top-member .member-info .arrow_up{
	margin-left: 65px;
	margin-top: 8px;
}

header .mTop .top .top-right .top-member .member-info .sub-box{
	width: 244px;
	margin-left: -50px;
	height: 400px;
}

header .mTop .top .top-right .top-member .member-info .sub-box .head{
	height: 48px;
	border-bottom: 1px solid #F4F7F8;
	padding: 25.5px;
}

header .mTop .top .top-right .top-member .member-info .sub-box .head-info{
	width: 135px;
	margin-left: 10px;
}

header .mTop .top .top-right .top-member .member-info .sub-box .head-info .name{
	font-size: 14px;
	line-height: 25px;
}

header .mTop .top .top-right .top-member .member-info .sub-box .head-info .name span{
	font-size: 12px;
	background-color: #EAF9F4;
	margin-left: 10px;
	padding: 0 5px;
}

header .mTop .top .top-right .top-member .member-info .sub-box .icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	fill:#99A5A0;
	position: relative;
	margin-bottom: -5px;
	margin-right: 24px;
}

header .mTop .top .top-right .top-member .member-info .sub-box a{
	display: inline-block;
	width: 164px;
	height: 20px;
	line-height: 20px;
	padding: 15px 40px;
	font-size: 14px;
	color: #666666;
}

header .mTop .top .top-right .top-member .member-info .sub-box a:hover{
	background-color: #F6F7F8;
	color: #222222;
}

header .mTop .top .top-right .top-member .member-info .sub-box a:hover .icon{
	fill: #33CC99;
}

header .mTop .top .top-right .top-member .member-info .sub-box a .number{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #F66060;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
}

/*顶部公共下拉菜单样式*/
header .mTop .top .top-right .arrow_up{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;
    position:relative;
    display: none;
    margin-top: 11px;
    z-index: 999;
    margin-left: 56px;
}
header .mTop .top .top-right .sub-box{
	position:relative;
	background: #FFF;
	z-index: 999;
	display: none;
}

/*顶部logo&菜单*/
header .mNav{
	position: fixed;
	top:38px;
	height: 90px;
	width: 100%;
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.06);
	z-index: 998;
}
header .mNav .logo{
	margin-top: 25px;
	width: 127px;
	height: 40px;
}
header .mNav .logo .icon-logo{
	fill: #33CC99;
	width: 127px;
	height: 40px;
}
header .mNav .search{
	position: relative;
	margin-left: 30px;
}
header .mNav .search .input-3{
	margin-top: 25px;
	padding: 0 10px;
	width: 340px;
	height: 38px;
	font-size: 13px;
	background: #F7F7F7;
	color:#D6D6D6;
}
header .mNav .search .input-3::-webkit-input-placeholder{
	color:#D6D6D6;
}
header .mNav .search .input-3::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#D6D6D6;
}
header .mNav .search .input-3:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#D6D6D6;
}
header .mNav .search .input-3:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#D6D6D6;
}
header .mNav .search .button{
	position: absolute;
	background: url(../images/ie8/Shape@2x.png) no-repeat;
	width: 15px;
	height: 15px;
	border: none;
	cursor: pointer;
	right: 14px;
	bottom: 11px;
	z-index: 9;
}
header .mNav .nav{
	font-size: 16px;
	height: 90px;
}
header .mNav .nav a{
	margin-left: 34px;
}

/*用户主页页面样式*/
.uhBanner{
	position: relative;
	width: 1200px;
	height: 260px;
	background: #80868C url(../images/default_bg.jpg);
	background-repeat: no-repeat;
	border-radius: 3px 3px 0 0;
	background-size: 1200px 260px;
}
.uhBanner .button{
	position: absolute;
	display: inline-block;
	width:94px;
	height:36px;
	background:rgba(0,0,0,0.57);
	border-radius:3px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	right: 22px;
	top:28px;
}
.uhBanner .button:hover{
	background:#33CC99;
}
.uhInfo{
	width: 1152px;
	height: 132px;
	padding: 24px;
	position: relative;
	background: #FFFFFF;
	border-radius: 0 0 3px 3px;
}
.uhInfo .head{
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 186px;
	height: 186px;
	background-color: #FFFFFF;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-size: 180px 180px;
}

.uhInfo .info{
	margin-left: 210px;
}
.uhInfo .info .name .labe{
	position: relative;
	top:-3px;
}
.uhInfo .info .operation li{
	float: left;
	color: #99A5A0;
	font-size: 13px;
	margin-right: 30px;
}
.uhInfo .info .operation li .icon{
	width: 24px;
	height: 24px;
	fill: #99A5A0;
	position: relative;
	top:7px;
}
.uhInfo .info .myMedal li{
	float: left;
	margin-right: 10px;
}
.uhInfo .info .myMedal li img{
	width: 24px;
	height: 24px;
}
.uhInfo .op{
	width: 110px;
}
.uhInfo .op .btn-3,.uhInfo .op .btn-1{
	display: inline-block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.uhInfo .op .btn-3,.uhInfo .op .btn-4{
	display: inline-block;
	width: 110px;
	height: 40px;
	line-height: 40px;
}
.uhInfo .op .btn-4{
	color: #99A5A0;
}
/*.uhInfo .op .btn-4:hover{
	background: #33CC99;
	color: #FFFFFF;
}*/
.uhInfo .op .btn-8{
	display: inline-block;
	width: 108px;
	height: 38px;
	line-height: 38px;
	margin-top: 5px;
}
.uhInfo .op .btn-3 .icon{
	fill: #FFFFFF;
	width: 16px;
	height: 16px;
	position: relative;
	top:3px
}
.uhInfo .op .btn-8 .icon{
	fill: #666666;
	width: 20px;
	height: 20px;
	position: relative;
	top:5px
}
.uhInfo .op .btn-8:hover .icon{
	fill: #33CC99;
}
.uhList{
	width: 889px;
}
.uhList .tabBox{
	padding: 23px 16px 0px 16px;
	border-bottom: 1px solid #ECF1F3;
	height: 32px;
	font-size: 14px;
}
.uhList .tabBox li{
	float: left;
	margin-right: 35px;
	height: 30px;
	cursor: pointer;
}
.uhList .tabBox .active{
	color: #33CC99;
	border-bottom: 2px solid #33CC99;
}
.uhList .list .item{
	width: 861px;
	padding: 14px;
}
.uhList .list .item:hover{
	background: #FAFAFA;
}
.uhList .list .item .item-info .info-1{
	width: 58px;
	height: 58px;
}
.uhList .list .item .item-info .info-1 img{
	width: 58px;
	height: 58px;
}
.uhList .list .item .item-info .info-2{
	height: 58px;
}
.uhList .list .item .operation{
	height: 32px;
}
.uhList .list .item .operation li{
	float: left;
	height: 32px;
	line-height: 32px;
	background: #F5F6F5;
	margin-right: 12px;
	padding: 0px 10px 0 30px;
	position: relative;
	color: #99A5A0;
	cursor: pointer;
	border-radius: 3px;
	font-size: 13px;
}
.uhList .list .item .operation li a{
	color: #99A5A0;
}
.uhList .list .item .operation .icon1{
	width: 16px;
	height: 16px;
	fill:#99A5A0;
	position: absolute;
	left: 8px;
	top:8px;
}
.uhList .list .item .operation .icon{
	width: 24px;
	height: 24px;
	fill:#99A5A0;
	position: absolute;
	left: 5px;
	top:3px;
}
.uhList .list .item .operation li:hover{
	background: #33CC99;
	color: #FFFFFF;
}
.uhList .list .item .operation li:hover a{
	color: #FFFFFF;
}
.uhList .list .item .operation li:hover .icon{
	fill: #FFFFFF;
}
.uhList .list .item .operation li:hover .icon1{
	fill: #FFFFFF;
}

.uhList .list .item .focusOn span{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background: #F5F6F5;
	padding: 0px 10px 0 10px;
	color: #99A5A0;
	cursor: pointer;
	border-radius: 3px;
	font-size: 13px;
}
.uhList .list .item .focusOn span:hover{
	color: #FFFFFF;
	background: #33CC99;
}

.uhRight{
	margin-left: 14px;
	width: 297px;
}
.uhRight .glory .glory-title{
	border-bottom: 1px solid #F4F7F8;
	height: 48px;
	text-align: center;
	line-height: 48px;
}
.uhRight .glory .glory-content{
	padding: 20px;
}
.uhRight .dz{
	width: 148px;
	height: 90px;
	text-align: center;
}
.uhRight .hf{
	border-left: 1px solid #F4F7F8;
	width: 148px;
	height: 90px;
	text-align: center;
}

/*个人中心用户信息通用样式*/
.topBanner{
	position: relative;
	width: 1200px;
	height: 260px;
	background: #80868C url(../images/default_bg.jpg);
	background-repeat: no-repeat;
	border-radius: 3px 3px 0 0;
	background-size: 1200px 260px;
}
.topBanner .button{
	position: absolute;
	display: inline-block;
	width:94px;
	height:36px;
	background:rgba(0,0,0,0.57);
	border-radius:3px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	right: 22px;
	top:28px;
}
.topBanner .button:hover{
	background:#33CC99;
}

.topInfo{
	width: 1200px;
	border-radius: 0 0 3px 3px;
	background: #FFFFFF;
}
.topInfo .userInfo{
	width: 1152px;
	height: 155px;
	padding: 24px;
	position: relative;
}
.topInfo .userInfo .head{
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 206px;
	height: 206px;
	background-color: #FFFFFF;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-size: 200px 200px;
}

.topInfo .userInfo .info{
	margin-left: 230px;
}
.topInfo .userInfo .info .name .labe{
	position: relative;
	top:-3px;
}
.topInfo .userInfo .info .operation li{
	float: left;
	color: #99A5A0;
	font-size: 13px;
	margin-right: 30px;
}
.topInfo .userInfo .info .operation li .icon{
	width: 24px;
	height: 24px;
	fill: #99A5A0;
	position: relative;
	top:7px;
}

.topInfo .userInfo .info .myMedal li{
	float: left;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	height: 40px;
}
.topInfo .userInfo .info .myMedal li img{
	width: 24px;
	height: 24px;
}

/*勋章提示*/
.topInfo .userInfo .info .myMedal li .arrow_box {
	position: absolute;
	background: #ffffff;
	border: 1px solid #E6EBF0;
	padding: 5px;
	border-radius: 3px;
	box-shadow:0px 3px 5px 0px rgba(105,115,130,0.16);
	display: none;
	text-align: center;
	z-index: 9;
	left: -24px;
	top:35px;
	width: 60px;
}
.topInfo .userInfo .info .myMedal li .arrow_box:after, .topInfo .userInfo .info .myMedal li .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.topInfo .userInfo .info .myMedal li .arrow_box:after {
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.topInfo .userInfo .info .myMedal li .arrow_box:before {
	border-bottom-color: #E6EBF0;
	border-width: 11px;
	margin-left: -11px;
}

.topInfo .userInfo .op{
	width: 110px;
}
.topInfo .userInfo .op .btn-1{
	display: inline-block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.topInfo .userOther{
	border-top: 1px solid #F4F7F8;
	padding: 28px 0;
}
.topInfo .userOther li{
	float: left;
	text-align: center;
	width: 171.42px;
}

/*左边内容通用样式*/
.leftInfo{
	width: 297px;
}

/*左边菜单通用样式*/
.leftMenu{
	width: 297px;
	padding: 12px 0;
	min-height: 400px;
}
.leftMenu .menu{
	display: inline-block;
	width: 273px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	padding-left: 24px;
	color: #666666;
}
.leftMenu .active{
	display: inline-block;
	width: 270px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	padding-left: 24px;
	background-color: #FAFAFA;
	color: #222222;
	border-left: 3px solid #33CC99;
	font-weight: bold;
}
.leftMenu a .icon{
	position: relative;
	fill:#99A5A0;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	top: 4px;
}
.leftMenu a:hover{
	color: #33CC99;
}
.leftMenu a:hover .icon{
	fill: #33CC99;
}
.leftMenu .line{
	width: 297px;
	border-bottom: 1px solid #F4F7F8;
	padding-top: 12px;
	margin-bottom: 12px;
}

.leftMenu .menuSub{
	background-image: url(../images/ie8/a_16@2x.png);
	background-repeat: no-repeat;
	background-position: 265px 17px;
}
.leftMenu .sub li a{
	display: inline-block;
	width: 227px;
	height: 40px;
	line-height: 40px;
	padding-left: 70px;
	font-size: 14px;
}
.leftMenu .sub .active1{
	background-color: #FAFAFA;
}
.leftMenu .sub .active1 a{
	color: #33CC99;
}

/*油菜排行*/
.i-top10 .layui-tab-title{
	border-bottom-color: #F4F7F8;
}

.i-top10 .layui-tab-title li{
	min-width: 0;
	font-size: 12px;
	padding: 0 10px;
}

.i-top10 .layui-tab-bar{
	display: none;
}

.i-top10 .layui-tab-title .layui-this{
	color: #33CC99;
}

.i-top10 .layui-tab-title .layui-this:after{
	border: 0;
}

.i-top10 .layui-tab-content{
	padding: 0 20px 20px 20px;
	min-height: 370px;
}

.i-top10 .layui-tab-content .layui-tab-item li{
	padding-top: 20px;
}

.i-top10 .layui-tab-content .layui-tab-item li .pic{
	width: 54px;
}

.i-top10 .layui-tab-content .layui-tab-item li .pic img{
	width: 54px;
	height: 54px;
}

.i-top10 .layui-tab-content .layui-tab-item li .info{
	margin-left: 18px;
	width: 185px;
}

.i-top10 .layui-tab-content .layui-tab-item li .info .badge{
	margin-left: 5px;
	background-color: #F1F5F4;
	color: #33CC99;
	padding: 3px 8px;
	font-size: 12px;
}

/*右边内容通用样式*/
.rightInfo{
	margin-left: 14px;
	width: 889px;
	min-height: 424px;
}

/*右边内容标题栏*/
.rightInfo .r-title{
	width: 857px;
	padding: 0 16px;
	height: 54px;
	border-bottom: 1px solid #ECF1F3;
}
.rightInfo .r-title .tabNav li{
	float: left;
	font-size: 14px;
	margin-right: 30px;
	height: 30px;
	margin-top: 22px;
	cursor: pointer;
}
.rightInfo .r-title .tabNav .active{
	color: #33CC99;
	border-bottom: 2px solid #33CC99;
}

.rightInfo .listBox .item{
	padding: 14px;
}

.rightInfo .tab{
	background: #FAFAFA;
	height: 42px;
	line-height: 42px;
	color: #999999;
}
.rightInfo .r-title .operation{
	margin-top: 15px;
}
.rightInfo .r-title .operation li{
	float: left;
	padding: 3px 12px;
	border: 1px solid #ECF1F3;
	font-size: 14px;
	color: #999999;
	margin-right: 5px;
	border-radius: 3px;
	cursor: pointer;
}
.rightInfo .r-title .operation .active{
	color: #222222;
	font-weight: bold;
}

.rightInfo .r-title .operation .bt:hover{
	background-color: #ECF1F3;
}
.rightInfo .r-title .operation .add{
	background-color: #39AFFF;
	color: #FFFFFF;
}
.rightInfo .r-title .operation .add:hover{
	background-color: #1E8FFF;
	color: #FFFFFF;
}

.rightInfo .listBox .item-1:hover{
	background: #FAFAFA;
}
.rightInfo .listBox .item-1 .info{
	width: 414px;
	margin-left: 12px;
}
.rightInfo .listBox .item-1 .info .tit{
	font-size: 16px;
	height: 24px;
}
.rightInfo .listBox .item-1 .info .tit span{
	padding: 3px 10px;
	color: #FFFFFF;
	background-color: #33CC99;
	border-radius: 100px;
	font-size: 12px;
	margin-right: 5px;
}
.rightInfo .listBox .item-1 .info .tit .yc{
	background-color: #33CC99;
}
.rightInfo .listBox .item-1 .info .tit .bl{
	background-color: #00A2FF;
}
.rightInfo .listBox .item-1 .info .tit .jh{
	background-color: #9F3FC8;
}
.rightInfo .listBox .item-1 .info .tit .xx{
	background-color: #FF9900;
}
.rightInfo .listBox .item-1 .info .op{
	margin-top: 18px;
}
.rightInfo .listBox .item-1 .info .op a{
	padding: 5px 10px;
	background-color: #F4F6F5;
	border-radius: 3px;
	color: #99A5A0;
	margin-right: 5px;
}
.rightInfo .listBox .item-1:hover .info .op .edit{
	background-color: #E5F4EF;
	color: #33CC99;
}
.rightInfo .listBox .item-1:hover .info .op .del{
	background-color: #F8E6E6;
	color: #EB3C3C;
}
.rightInfo .listBox .item-1 .zt{
	margin-top: 4px;
}
.rightInfo .listBox .item-1 .zt span{
	padding: 3px 10px;
	border:1px solid #33CC99;
	border-radius: 50px;
	color: #33CC99;
}
.rightInfo .listBox .item-1 .zt .zt-1{
	border:1px solid #33CC99;
	color: #33CC99;
}
.rightInfo .listBox .item-1 .zt .zt-2{
	border:1px solid #EB3C3C;
	color: #EB3C3C;
}
.rightInfo .listBox .item-1 .zt .zt-3{
	border:1px solid #F5A623;
	color: #F5A623;
}
.rightInfo .listBox .item-1 .zt .zt-4{
	border:1px solid #ECF1F3;
	color: #999999;
}
.rightInfo .listBox .item-1:hover .zt .zt-1{
	border:1px solid #33CC99;
	background-color: #33CC99;
	color: #FFFFFF;
}
.rightInfo .listBox .item-1:hover .zt .zt-2{
	border:1px solid #EB3C3C;
	background-color: #EB3C3C;
	color: #FFFFFF;
}
.rightInfo .listBox .item-1:hover .zt .zt-3{
	border:1px solid #F5A623;
	background-color: #F5A623;
	color: #FFFFFF;
}
.rightInfo .listBox .item-1:hover .zt .zt-4{
	border:1px solid #ECF1F3;
	background-color: #ECF1F3;
	color: #999999;
}

.rightInfo .listBox .item-1 .op1 a{
	padding: 5px 10px;
	background-color: #F4F6F5;
	border-radius: 3px;
	color: #99A5A0;
	margin-right: 5px;
}
.rightInfo .listBox .item-1:hover .op1 .edit{
	background-color: #E5F4EF;
	color: #33CC99;
}
.rightInfo .listBox .item-1:hover .op1 .del{
	background-color: #F8E6E6;
	color: #EB3C3C;
}

.rightInfo .r-title .cselect{
	margin-top: 12px;
	width: 110px;
}

/*我的收藏内容*/
.rightInfo .listBox .item-2:hover{
	background: #FAFAFA;
}
.rightInfo .listBox .item-2 .tit{
	font-size: 16px;
	width: 630px;
	/*height: 20px;*/
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.rightInfo .listBox .item-2 .tit span{
	padding: 3px 10px;
	border-radius: 50px;
	font-size: 12px;
	margin-right: 10px;
}
.rightInfo .listBox .item-2 .tit .sytj{
	border:1px solid #00A2FF;
	color: #00A2FF;
}
.rightInfo .listBox .item-2 .tit .qwtj{
	border:1px solid #33CC99;
	color: #33CC99;
}
.rightInfo .listBox .item-2 .tit .rmyh{
	border:1px solid #E91E63;
	color: #E91E63;
}
.rightInfo .listBox .item-2 .info .op a{
	display: inline-block;
	background-color: #F2F3F3;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
	margin-right: 10px;
	color: #99A5A0;
}
.rightInfo .listBox .item-2 .info .op a .icon{
	fill: #99A5A0;
	width: 16px;
	height: 16px;
	position: relative;
	top:4px;
}
.rightInfo .listBox .item-2 .cz{
	display: none;
	position: absolute;
	top: 50px;
}
.rightInfo .listBox .item-2 .cz .select-2{
	width: 90px;
}
.rightInfo .listBox .item-2 .cz .del{
	width: 16px;
	height: 16px;
	border: 1px solid #ECF1F3;
	background-color: #FFFFFF;
	border-radius: 3px;
	padding: 7px;
	cursor: pointer;
}
.rightInfo .listBox .item-2 .cz .del .icon{
	fill: #8D4B53;
	width: 16px;
	height: 16px;
}

.rightInfo .listBox .item-2 .info .op a:hover{
	color: #33CC99;
}
.rightInfo .listBox .item-2 .info .op a:hover .icon{
	fill: #33CC99;
}
.rightInfo .listBox .item-2:hover .tit .sytj{
	border:1px solid #00A2FF;
	background-color: #00A2FF;
	color: #FFFFFF;
}
.rightInfo .listBox .item-2:hover .tit .qwtj{
	border:1px solid #33CC99;
	background-color: #33CC99;
	color: #FFFFFF;
}
.rightInfo .listBox .item-2:hover .tit .rmyh{
	border:1px solid #E91E63;
	background-color: #E91E63;
	color: #FFFFFF;
}

input::-webkit-input-placeholder{
	color:#D6D6D6;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#D6D6D6;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#D6D6D6;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#D6D6D6;
}

/*降价提醒页面样式*/
.rightInfo .addFocus{
	padding: 14px;
}
.rightInfo .key .input-2{
	width: 400px;
	font-size: 12px;
	height: 20px;
}

.rightInfo .addFocus .layui-form-checkbox[lay-skin=primary] i,.rightInfo .myFocus .layui-form-checkbox[lay-skin=primary] i{
	border:none;
	background: #E7ECE9;
	font-weight: bold;
}
.rightInfo .addFocus .layui-form-checkbox i,.rightInfo .myFocus .layui-form-checkbox i{
	color: #E7ECE9;
}
.rightInfo .addFocus .layui-form-checked[lay-skin=primary] i,.rightInfo .myFocus .layui-form-checked[lay-skin=primary] i{
	background: #33CC99;
	color: #ffffff;
}
.rightInfo .addFocus .layui-form-checkbox[lay-skin=primary] span,.rightInfo .myFocus .layui-form-checkbox[lay-skin=primary] span{
	color: #222222;
}
.rightInfo .addFocus .layui-checkbox-disbaled[lay-skin=primary] i,.rightInfo .myFocus .layui-checkbox-disbaled[lay-skin=primary] i{
	background: #E7ECE9;
	color: #ffffff;
}

.rightInfo .addFocus .layui-form-item .icon,.rightInfo .myFocus .layui-form-item .icon{
	fill: #CCCCCC;
	width: 14px;
	height: 14px;
	position: relative;
	top:9px;
	left:-15px;
}

.rightInfo .addFocus .layui-form-item .tishi{
	position: relative;
	cursor: pointer;
}
.rightInfo .myFocus .layui-form-item .tishi{
	position: absolute;
	cursor: pointer;
	right: 0;
	top:251px;
}
.rightInfo .addFocus .layui-form-item .tishi .content,.rightInfo .myFocus .layui-form-item .tishi .content{
	position: absolute;
	left: -124px;
	top:-90px;
	z-index: 9;
	padding: 10px;
	width:210px;
	height:60px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 7px 0px rgba(105,115,130,0.16);
	border-radius:3px;
	border:1px solid rgba(230,235,240,1);
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	display: none;
}
.rightInfo .addFocus .layui-form-item .tishi .content:after, .rightInfo .addFocus .layui-form-item .tishi .content:before ,.rightInfo .myFocus .layui-form-item .tishi .content:after, .rightInfo .myFocus .layui-form-item .tishi .content:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rightInfo .addFocus .layui-form-item .tishi .content:after,.rightInfo .myFocus .layui-form-item .tishi .content:after {
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.rightInfo .addFocus .layui-form-item .tishi .content:before,.rightInfo .myFocus .layui-form-item .tishi .content:before{
	border-top-color: #E6EBF0;
	border-width: 11px;
	margin-left: -11px;
}
.rightInfo .addFocus .layui-form-item .tishi:hover .content,.rightInfo .myFocus .layui-form-item .tishi:hover .content{
	display: block;
}
.rightInfo .addFocus .button .btn-3{
	border: none;
	width: 80px;
	height: 30px;
}
.rightInfo .myFocus{
	border-top: 1px solid #ECF1F3;
	border-bottom: 1px solid #ECF1F3;
	margin-top: 12px;
	padding:12px 0 10px 0;
}
.rightInfo .myFocus .item{
	padding:0px 14px;
	height: 40px;
}
.rightInfo .myFocus .item .tit{
	width: 450px;
	font-size: 14px;
	height: 20px;
	margin-top: 10px;
}
.rightInfo .myFocus .item .tit span{
	display: inline-block;
	background: #00A2FF;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 100px;
	color: #FFFFFF;
	margin-right: 5px;
	font-size: 12px;
}
.rightInfo .myFocus .item .time{
	width: 241px;
	height: 40px;
}
.rightInfo .myFocus .item .op{
	width: 160px;
	margin-top: 5px;
}
.rightInfo .myFocus .item .op .bt{
	height: 28px;
	border: 1px solid #ECF1F3;
	border-radius: 3px;
	background: #FFFFFF;
	margin-left: 5px;
	line-height: 28px;
	cursor: pointer;
	font-size: 14px;
	color: #666666;
}
.rightInfo .myFocus .item .op .bt1{
	padding: 0 25px 0px 10px;
	background:#FFFFFF url(../images/ie8/G_7@2x.png) no-repeat;
	background-position: 45px 9px;
}
.rightInfo .myFocus .item .op .bj{
	position: relative;
	width: 70px;
}

.rightInfo .myFocus .item .op .bj .edit{
	position: absolute;
	top:30px;
	width: 100px;
	right: 0;
	border: 1px solid #ECF1F3;
	background: #FFFFFF;
	border-radius: 3px;
	z-index: 9;
	padding: 20px;
	display: none;
}
.rightInfo .myFocus .item .op .bj .edit .button .btn-3{
	border: none;
	width: 45px;
	height: 24px;
}
.rightInfo .myFocus .item .op .bj .edit .button span{
	display: inline-block;
	width: 43px;
	height: 22px;
	border:1px solid #33CC99;
	color: #33CC99;
	float: right;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	margin-left: 5px;
	cursor: pointer;
}
.rightInfo .myFocus .item .op .bj .edit .button span:hover{
	background-color: #33CC99;
	color: #FFFFFF;
}

.rightInfo .myFocus .item .op .bt2{
	padding: 0 10px;
}
.rightInfo .myFocus .item .op .bt3{
	padding: 0 6px;
}
.rightInfo .myFocus .item .op .bt .del{
	fill: #99A5A0;
	width: 16px;
	height: 16px;
	position: relative;
	top:4px;
}
.rightInfo .myFocus .item:hover{
	background: #FAFAFA;
}

.rightInfo .myFocus .item:hover .op .bt .del{
	fill: #8D4B53;
}
.rightInfo .hotFocus{
	width: 889px;
	padding-bottom: 15px;
}
.rightInfo .hotFocus li{
	float: left;
	width: 202px;
	height: 154px;
	border: 1px solid #ECF1F3;
	border-radius:5px;
	margin-left: 15px;
	margin-top: 15px;
}
.rightInfo .hotFocus li .button{
	margin: 0px auto;
	margin-top: 12px;
	width: 80px;
	height: 30px;
	/*background: #F0F2F1;
	color: #99A5A0;*/
	color: #FFFFFF;
	background: #33CC99;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	cursor: pointer;
}
.rightInfo .hotFocus li:hover{
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);
}
.rightInfo .hotFocus li:hover .button{
	color: #FFFFFF;
	background: #33CC99;
}

.rightInfo .hotFocus p{	
	/*margin-left: 10px;
	margin-right: 10px;*/
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}

/*我的粉丝*/
.rightInfo .r-title-fans{
	width: 889px;
	height: 70px;
	border-bottom: 1px solid #ECF1F3;
}
.rightInfo .r-title-fans .tabNav li{
	float: left;
	width: 444px;
	text-align: center;
	height: 70px;
	cursor: pointer;
}
.rightInfo .r-title-fans .tabNav .fs{
	border-left: 1px solid #ECF1F3;
}
.rightInfo .r-title-fans .tabNav div{
	width: 160px;
	margin: 0px auto;
	margin-top: 20px;
	padding-bottom: 8px;
	color: #99A5A0;
}
.rightInfo .r-title-fans .tabNav .active div{
	border-bottom: 3px solid #33CC99;
}
.rightInfo .r-title-fans .tabNav .active div .a1{
	color: #222222;
}

.rightInfo .listBox .item-3{
	width: 861px;
	height: 84px;
	padding: 24px 14px;
}
.rightInfo .listBox .item-3 .info{
	width: 666px;
	height: 84px;
	margin-left: 15px;
}
.rightInfo .listBox .item-3 .info .lv{
	padding: 3px 10px;
	background-color: #EAFAF5;
	color: #33CC99;
	border-radius: 100px;
	position: relative;
	top:-2px;
}
.rightInfo .listBox .item-3 .info .op span{
	margin-right: 10px;
	cursor: pointer;
}
.rightInfo .listBox .item-3 .info .op span .icon{
	fill: #99A5A0;
	width: 24px;
	height: 24px;
	position: relative;
	top:7px;
}
.rightInfo .listBox .item-3 .info .op span:hover{
	color: #33CC99;
}
.rightInfo .listBox .item-3 .info .op span:hover .icon{
	fill: #33CC99;
}
.rightInfo .listBox .item-3 .gz{
	padding: 6px 16px;
	border: 1px solid #ECF1F3;
	color: #666666;
	font-size: 14px;
	background-color: #FFFFFF;
	border-radius: 3px;
	margin-top: 26px;
}
.rightInfo .listBox .item-3 .lh{
	display: none;
}
.rightInfo .listBox .item-3:hover{
	background-color: #FAFAFA;
}
.rightInfo .listBox .item-3:hover .gz{
	color: #F5A623;
	border-color: #F5A623;
}
.rightInfo .listBox .item-3:hover .lh{
	display: block;
}

/*我的抽奖*/
.rightInfo .btn-cj{
	width: 68px;
	height: 30px;
	line-height: 30px;
	margin-top: 12px;
	font-size: 13px;
}
.rightInfo .listBox .item .yfh{
	color: #99A5A0;
}
.rightInfo .listBox .item:hover .yfh{
	color: #33CC99;
}
.rightInfo .listBox .item .dfh{
	color: #F5A623;
}

/*无记录*/
.noData{
	height: 295px;
	background: url(../images/ie8/G_8@2x.png) no-repeat;
	background-position: 380px 170px;
	text-align: center;
	padding-top: 330px;
}

/*我的卡券*/
.radio{
	margin-top: 16px;
	cursor: pointer;
	font-size: 16px;
}
.radio i{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #E7ECE9;
	position: relative;
	top:3px;
	margin-right: 6px;
}
.radio .active{
	background: #33CC99;
}
.radio .active:before{
	content:'';
	display: block;
	background: #FFFFFF;
	width:6px;
	height:6px;
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);
	border-radius:50%;
	position: absolute;
	left: 5px;
	top:5px
}
.myCard{
	width: 888px;
	margin: 0px auto;
}
.myCard li{
	float: left;
	width:198px;
	height:325px;
	background:#FFFFFF;
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);
	border-radius:5px;
	border:1px solid #ECF1F3;
	margin: 11px;
	position: relative;
	cursor: pointer;
}
.myCard li:hover{
	border-color: #33CC99;
	box-shadow:0px 4px 8px 0px rgba(51,204,153,0.12);
}
.myCard li:hover:after,.myCard li:hover:before{
	border-color: #33CC99;
}
.myCard li:after{
	content:'';
	display: block;
	background: #FFFFFF;
	border:1px solid #ECF1F3;
	width:12px;
	height:24px;
	border-radius:0 50px 50px 0;
	position: absolute;
	left: -1px;
	top:80px;
	z-index: 1;
}
.myCard li:before{
	content:'';
	display: block;
	background: #FFFFFF;
	border:1px solid #ECF1F3;
	width:12px;
	height:24px;
	border-radius:50px 0 0 50px;
	position: absolute;
	right: -1px;
	top:80px;
	z-index: 1;
}
.myCard li .left-x{
	width: 5px;
	background: #FFFFFF;
	height: 24px;
	position: absolute;
	top:81px;
	left: -5px;
	z-index: 2;
}
.myCard li .right-x{
	width: 5px;
	background: #FFFFFF;
	height: 24px;
	position: absolute;
	top:81px;
	right: -5px;
	z-index: 2;
}
.myCard li .logo{
	height: 67px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ECF1F3;
	text-align: center;
	position: relative;
}
.myCard li .logo .img{
	height: 40px;
}
.myCard li .logo .img img{
	max-width: 180px;
	max-height: 40px;
}
.myCard li .logo .name{
	width: 180px;
	margin: 0px auto;
	margin-top: 5px;
	height: 22px;
	line-height: 22px;
}

/*优惠券列表红色默认样式*/
.myCard li .price{
	margin-top: 11px;
	color: #EB3C3C;
	font-size: 16px;
	font-weight: bold;
}
.myCard li .instructions{
	line-height:20px;
	height: 40px;
	overflow: hidden;
	width: 190px;
	margin: 0px auto;
	margin-top: 5px;
	color: #666666;
}
.myCard li .button{
	margin-top: 12px;
	text-align: center;
}
.myCard li .button a{
	display: inline-block;
	width: 78px;
	height: 28px;
	border-radius:100px;
	background-color: #F7F8F8;
	color: #99A5A0;
	line-height: 28px;
	font-size: 13px;
	text-align: center;
}
.myCard li:hover .button .a1{
	color: #00A2FF;
	background-color: #E5F5FF;
}
.myCard li:hover .button .a2{
	color: #33CC99;
	background-color: #EAF9F4;
}
.myCard li .djfz{
	margin-top: 18px;
	text-align: center;
}
.myCard li .djfz:after{
	content:'';
	display: block;
	border-bottom: 1px dashed #ECF1F3;
	position: relative;
	top:-9px;
	left: 0;
	z-index: 1;
}
.myCard li .djfz span{
	position: relative;
	background-color: #FFFFFF;
	z-index: 2;
	color: #999999;
	padding: 0 3px;
}
.myCard li .code{
	width: 160px;
	height: 35px;
	margin: 0px auto;
	margin-top: 8px;
	border:1px solid #E5E5E5;
}
.myCard li:hover .code{
	color: #EB3C3C;
}
.myCard li .overdue{
	height: 20px;
	line-height: 20px;	
}


.myCard .gq {
	cursor:default;
	color: #CCCCCC!important;
}
.myCard .gq .img img{
	opacity: 0.3;
}
.myCard .gq:hover{
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.04);
	border:1px solid #ECF1F3;
}
.myCard .gq:hover:after,.myCard .gq:hover:before{
	border-color: #ECF1F3;
}
.myCard .gq .price{
	color: #CCCCCC;
}
.myCard .gq .instructions{
	color: #CCCCCC;
}
.myCard .gq .button span{
	display: inline-block;
	width: 78px;
	height: 28px;
	border-radius:100px;
	background-color: #F7F8F8;
	color: #CCCCCC;
	line-height: 28px;
	font-size: 13px;
	text-align: center;
}
.myCard .gq .djfz span{
	color: #CCCCCC;
}
.myCard .gq .code{
	border:1px solid #F5F5F5;
}
.myCard .gq .overdue{
	color: #CCCCCC!important;
}
.myCard .gq:hover .code{
	color: #CCCCCC;
}

/*分享给朋友*/
.partner .partnerBox{
	background: url(../images/ie8/a_21@2x.png) no-repeat;
	height: 180px;
	padding-top: 250px;
}
.partner .partnerBox .infoBox{
	width: 720px;
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.partner .partnerBox .infoBox .t1{
	padding: 3px 5px;
	background: #EEF4F1;
	color: #5C917C;
	border-radius: 3px;
}
.partner .partnerBox .infoBox .t2{
	padding: 3px 5px;
	background: #F4ECEC;
	color: #974747;
	border-radius: 3px;
}
.partner .partnerBox .button{
	position: relative;
	text-align: center;
	margin-top: 22px;
}
.partner .partnerBox .button .btn-3{
	display: inline-block;
	width:200px;
	height:40px;
	line-height: 40px;
}
.partner .partnerBox .button .shareBox{
	top:-510px;
	left: 280px;
}
.partner .partnerItem{
	border-top: 1px solid #F4F7F8;
	border-bottom: 1px solid #F4F7F8;
	padding: 14px;
}
.partner .partnerItem .infoBox li{
	float: left;
	width: 33.33%;
	margin-top: 10px;
	color: #666666;
	font-size: 14px;
}
.partner .partnerItem .infoBox li span{
	font-weight: bold;
	color: #222222;
}
.partner .partnerItem .button{
	margin: 10px 0px 0px 575px;
}
.partner .partnerItem .button .btn-2{
	display: inline-block;
	padding: 3px 12px;
}
.partner .partnerItem .button .btn-3{
	display: inline-block;
	padding: 4px 12px;
}
.partner .activityRules{
	padding: 30px 15px;
	line-height: 30px;
	
}
.partner .activityRules .font-14{
	padding-left: 15px;
}
.partner .activityRules .font-14:before{
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: #222222;
	position: relative;
	top:17px;
	left: -12px;
	border-radius: 100px;
}
.listTitle{
	background: #FAFAFA;
	height: 42px;
	line-height: 42px;
	padding: 0px 14px;
	font-size: 13px;
}
.listBox .item-4{
	padding: 18px 14px;
	height: 44px;
}
.listBox .item-4:hover{
	background: #FAFAFA;
}
.listBox .item-4 .button a{
	padding: 6px 12px;
	border:1px solid #ECF1F3;
	border-radius: 3px;
	color: #999999;
	background: #FFFFFF;
}
.listBox .item-4:hover .button a{
	border:1px solid #33CC99;
	background: #33CC99;
	color: #FFFFFF;
}

.layui-progress-bar-green{
	background:linear-gradient(-90deg,rgba(97,231,141,1),rgba(51,204,153,1));
}
.integralLevel{
	width: 600px;
	padding: 40px 14px;
}
.layui-progress{
	background-color: #F6F9F7;
}
.listBox .item-5{
	padding: 12px 14px;
	height: 20px;
	line-height: 20px;
}
.listBox .item-5:hover{
	background: #FAFAFA;
}
.listBox .jfTitle{
	font-size: 16px;
	padding: 13px;
	border-bottom: 1px solid #ECF1F3;
}
/*订阅消息*/
.gldy{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 12px;
	padding:0 10px;
}
.listBox .msTitle{
	padding: 18px 14px 0 14px;
}
.listBox .item-6{
	padding: 12px 14px;
}
.listBox .item-6 .info{
	margin-left: 10px;
	min-height: 64px;
}
.listBox .item-6 .info .sys{
	width: 787px;
}
.listBox .item-6 .tit span{
	padding: 2px 8px;
	border-radius: 100px;
}
.listBox .item-6 .tit .sytj{
	border:1px solid #00A2FF;
	color: #00A2FF;
}
.listBox .item-6 .tit .qwtj{
	border:1px solid #23B16C;
	color: #23B16C;
}
.listBox .item-6 .tit .rmyh{
	border:1px solid #E91E63;
	color: #E91E63;
}
/*网友消息*/
.biaoji{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	top:2px;
	padding:0 10px;
	position: relative;
	color: #999999;
}
.item-6 .wd{
	color: #33CC99;
}
.item-6:hover{
	background-color: #FAFAFA;
}
.item-6:hover .delMessage{
	display: inline-block;
}
.item-6 .delMessage{
	border:1px solid #ECF1F3;
	display: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.item-6 .delMessage .icon{
	fill: #8D4B53;
	width: 14px;
	height: 14px;
	position: relative;
	top: 5px;
	left: 5px;
}

/*消息详情*/
.goback{
	background: url(../images/ie8/goback.png) left no-repeat;
	padding-left: 20px;
	color: #333333!important;
	z-index: 10;
	position: relative;
}
.messageTitle{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 2;
}
.writeMessage{
	padding: 15px 20px;
	border-bottom: 1px solid #ECF1F3;
}
.writeMessage textarea{
	width: 727px;
	line-height: 20px;
	resize:none;
	margin-top: 4px;
	border: none;
}
.writeMessage .icon{
	width: 20px;
	height: 20px;
	position: relative;
	top:5px;
}
.writeMessage .button{
	width: 62px;
	height: 28px;
	border:none;
	
}
.writeMessage textarea::-webkit-input-placeholder{
	color:#99A5A0;
}
.writeMessage textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#99A5A0;
}
.writeMessage textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#99A5A0;
}
.writeMessage textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#99A5A0;
}
.messageInfo{
	width: 810px;
	padding: 16px 36px 36px 36px;
	max-height: 600px;
	overflow-y: auto;
}
.messageInfo::-webkit-scrollbar {
	width: 8px;
}
.messageInfo::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}
.messageInfo::-webkit-scrollbar-thumb {
	background-color:#DFE4E7;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.messageInfo .message{
	margin-top: 20px;
}
.messageInfo .message .info{
	padding: 14px 16px;
	border-radius: 5px;
	margin-top: 6px;
	max-width: 610px;
	font-size: 14px;
	position: relative;
	line-height: 20px;
	word-break: break-all;
}
.messageInfo .message .user{
	background-color: #F4F5F6;
	
}
.messageInfo .message .my{
	background-color: #ECF5F0;
}
.messageInfo .message .user:before{
	content: '';
	width: 9px;
	height: 11px;
	background: url(../images/messageInfo_user.png) no-repeat;
	display: inline-block;
	position: absolute;
	left: -9px;
	top: 6px;
}
.messageInfo .message .my:after{
	content: '';
	width: 9px;
	height: 11px;
	background: url(../images/messageInfo_my.png) no-repeat;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 6px;
}
.sendTabNav{
	background-color: #FAFAFA;
	padding: 13px 36px 0 36px;
}
.sendTabNav li{
	float: left;
	font-size: 14px;
	margin-right: 30px;
	height: 30px;
	cursor: pointer;
}
.sendTabNav .active{
	color: #33CC99;
	border-bottom: 2px solid #33CC99;
}
.listBox .find{
	padding: 35px;
	min-height: 200px;
}
.listBox .find .search{
	position: relative;
}
.listBox .find .search .input-1{
	width: 372px;
}
.listBox .find .search .searchBtn{
	position: absolute;
	left: 374px;
	top:11px;
	width: 15px;
	height: 15px;
	background: url(../images/ie8/Shape3@2x.png) no-repeat;
	cursor: pointer;
}
.listBox .find .search .searchBtn1{
	background: url(../images/ie8/a_6@2x.png) no-repeat;
}
.listBox .find .results{
	width: 398px;
	border: 1px solid #E6EBF0;
	box-shadow: 0 3px 5px 0 rgba(105,115,130,0.16);
	display: none;
}
.listBox .find .results a{
	height: 24px;
	line-height: 24px;
	padding: 10px 21px;
	cursor: pointer;
	color: #666666;
	display: inline-block;
	width: 356px;
}
.listBox .find .results a:hover{
	background-color: #F6F7F8;
	color: #000000;
	font-weight: bold;
}
/*最近联系人*/
.listBox .userList{
	padding: 8px 28px 0px 28px;
	min-height: 200px;
}
.listBox .userList a{
	float: left;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 150px;
	padding: 6px 9px;
	margin-top: 20px;
	margin-right: 40px;
	color: #666666;
}
.listBox .userList a:hover{
	background-color: #F3FCF9;
	color: #000000;
}

/*账户设置*/
.topInfo .userInfo .head .headEdit{
	width: 200px;
	height: 200px;
	margin: 3px;
	background: rgba(0,0,0,0.68);
	border-radius: 10px;
}
.topInfo .userInfo .head .headEdit .addPic{
	font-size: 16px;
	color: #FFFFFF;
	background: url(../images/ie8/add.png) center no-repeat;
	width: 100px;
	height: 45px;
	margin: 0px auto;
	text-align: center;
	padding-top:90px;
}
.topInfo .userInfo .head .headEdit .instructions{
	color: rgba(255,255,255,0.4);
	text-align: center;
	padding: 15px;
	line-height: 17px;
}
.modifyBtn{
	color: #33CC99;
	font-size: 12px;
	background: #F2FBF6 url(../images/ie8/a_36@2x.png) no-repeat;
	padding: 4px 5px 4px 20px;
	background-position: 3px 4px;
	border-radius: 3px;
	margin-left: 10px;
	position: relative;
	top:-2px;
	cursor: pointer;
}
.defaultBtn{
	color: #007AFF;
	font-size: 12px;
	background: #EBF5FF;
	padding: 4px 5px 4px 5px;
	border-radius: 3px;
	margin-left: 10px;
	position: relative;
	top:-2px;
	cursor: pointer;
}
.delBtn{
	color: #E91E63;
	font-size: 12px;
	background: #FEF2F6;
	padding: 4px 5px 4px 5px;
	border-radius: 3px;
	margin-left: 10px;
	position: relative;
	top:-2px;
	cursor: pointer;
}
.saveBtn{
	border:none;
	background-color: #EAF9F4;
	color: #33CC99;
	height: 28px;
	width: 50px;
	border-radius: 3px;
}
.cancelBtn{
	border:none;
	background-color: #F2F3F4;
	color: #666666;
	height: 28px;
	width: 50px;
	border-radius: 3px;
}

.information{
	background-color: #FFFFFF;
	border-radius: 3px;
}
.information .tabNav{
	height: 38px;
	border-bottom: 1px solid #ECF1F3;
	padding-top: 20px;
	padding-left: 24px;
}
.information .tabNav li{
	float: left;
	margin-right: 30px;
	font-size: 16px;
	cursor: pointer;
	line-height: 36px;
	color: #2A2A2A;
}
.information .tabNav .active{
	color: #33CC99;
	border-bottom: 2px solid #33CC99;
}
.information .infoList{
	padding: 20px 0;
	min-height: 400px;
}
.information .infoList .layui-form-item{
	height: 80px;
	border-bottom: 1px solid #F4F7F8;
	padding-left: 24px;
}
.information .infoList .layui-form-label{
	text-align: left;
	color: #666666;
	font-size: 14px;
	padding: 0;
	width: 100px;
}
.information .infoList .layui-form-radio>i:hover, .layui-form-radioed>i{
	color: #33CC99;
}
.information .infoList .save-btn{
	margin-left: 124px;
	height: 80px;
}
.information .infoList .save-btn .layui-btn{
	background-color: #33CC99;
	padding: 0 30px;
}
/*弹出窗口*/
.mobileBox .refreshCode{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/ie8/a_54@2x.png) no-repeat;
	position: absolute;
	right: 0;
}
.mobileBox .input{
	width: 280px;
	height: 46px;
	line-height: 46px;
	padding-left: 48px;
	position: relative;
	border: 1px solid #F5F6F5;
}
.mobileBox .input input{
	position: absolute;
	border: 0;
	background: none;
	font-size: 16px;
	color: #222222;
	width: 270px;
	height: 22px;
	line-height: 22px;
	top:13px;
}
.mobileBox .input5{
	width: 210px;
	padding-left: 0;
	background: #F5F6F5;
}
.mobileBox .input5 input{
	width: 100px !important;
	left: 14px;
}
.mobileBox .input5 .imgCode{
	position: absolute;
	right: -118px;
}
.mobileBox .input5 .imgCode img{
	height: 48px;
}

/*收货地址*/
.infoList .item{
	height: 80px;
	border-bottom: 1px solid #F4F7F8;
	padding-left: 24px;
	line-height: 80px;
}
.infoList .addressList .item .operation{
	display: none;
}
.infoList .addressList .item:hover .operation{
	display: block;
}
.addressModify{
	display: none;
}
.addressModify .form-item{
	margin-top: 20px;
	padding-left: 24px;
}
.addressModify .form-item .btnSave{
	background-color: #EAF9F4;
	color: #33CC99;
}
.addressModify .form-item .btnCancel{
	background-color: #F2F3F4;
	color: #666666;
}
/*社交账号绑定*/
.infoList .item-1{
	height: 100px;
	border-bottom: 1px solid #F4F7F8;
	padding-left: 24px;
}
.infoList .item-1 .socialAccount{
	min-width: 200px;
	height: 100px;
	padding-left: 70px;
}
.infoList .item-1 .qq{
	background: url(../images/ie8/a_101@2x.png) left center no-repeat;
}
.infoList .item-1 .wx{
	background: url(../images/ie8/a_111@2x.png) left center no-repeat;
}
.infoList .item-1 .xl{
	background: url(../images/ie8/a_121@2x.png) left center no-repeat;
}
.infoList .item-1 .socialBtn{
	height: 100px;
	margin-right: 24px;
}
.infoList .item-1 .socialBtn span{
	border:1px solid #ECF1F3;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
}
.infoList .item-1 .socialBtn .binding{
	color: #33CC99;
}
.infoList .item-1 .socialBtn .binding:hover{
	border:1px solid #33CC99;
	background: #33CC99;
	color: #FFFFFF;
}
.infoList .item-1 .socialBtn .unbundling{
	color: #EB3C3C;
}
.infoList .item-1 .socialBtn .unbundling:hover{
	border:1px solid #EB3C3C;
	background: #EB3C3C;
	color: #FFFFFF;
}

/*修改密码*/
.modifyPassword{
	width: 328px;
	margin: 0px auto;
}
.modifyPassword .form-item{
	margin-top: 20px;
}
.modifyPassword .determine{
	background-color: #33CC99;
	width: 100%;
}

/*邮件订阅*/
.emailSubscriptions{
	text-align: center;
}
.emailSubscriptions .determine{
	background-color: #33CC99;
	width: 328px;
}
.layui-form-select dl dd.layui-this{
	background-color: #33CC99;
}
.layui-form-checked[lay-skin=primary] i{
	border-color: #33CC99;
	background-color: #33CC99;
}
.layui-form-checkbox[lay-skin=primary] i{
	font-weight: bold;
}
.layui-form-select .layui-input{
	background-image: linear-gradient(-180deg, #FEFEFE 1%, #F5F5F5 100%);
}
.save_changes_btn{
	background-color: #33CC99;
	width: 310px;
}

/*编辑封面*/
.uploadIMG{
	padding: 50px;
}

/*发表爆料*/
.published{
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
}
.published .form{
	width: 659px;
	padding: 50px 60px;
	border-right: 1px solid #F1F1F1;
}
.published .form .input-1{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06);
}
.published .form .input-1:focus{
	box-shadow: 0 1px 3px 0 rgba(51,204,153,0.3);
}
.published .form .tobtain{
	padding: 11px 15px;
	color: #FFFFFF;
	background-image: linear-gradient(-180deg, #39AFFF 3%, #1E8FFF 100%);
	border-radius: 3px;
}
.published .form .layui-form-item .layui-input-inline{
	width: 110px;
}
.published .form .search{
	background: url(../images/ie8/Shape3@2x.png) no-repeat;
	background-position: 250px 10px;
}
.published .form .search:focus{
	background: url(../images/ie8/Shape@2x.png) no-repeat;
	background-position: 250px 10px;
}
.published .form .layui-textarea{
	border:1px solid #EBEBEB;
	resize: none;
	color: #99A5A0;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06);
}
.published .form .layui-textarea:focus{
	outline: 0;
	border:1px solid #33CC99!important;
	box-shadow: 0 1px 3px 0 rgba(51,204,153,0.3);
}
.published .form .layui-textarea::-webkit-input-placeholder{
	color:#D6D6D6;
}
..published .form .layui-textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#D6D6D6;
}
.published .form .layui-textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#D6D6D6;
}
.published .form .layui-textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#D6D6D6;
}
.published .form .uploadBtn{
	background: #F0F2F1 url(../images/ie8/uploadBtn.png) no-repeat;
	width: 120px;
	height: 50px;
	color: #99A5A0;
	font-size: 14px;
	text-align: center;
	padding-top: 70px;
	background-position: 42px 30px;
	cursor: pointer;
}
.published .form .upload-list .img{
	width: 120px;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.published .form .upload-list .img img{
	width: 120px;
	height: 120px;
}
.published .form .upload-list .img .del{
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../images/ie8/del.png) no-repeat;
	background-size: 20px;
	right: -5px;
	top: -5px;
	cursor: pointer;
}
.published .form .upload-list .img .index{
	position: absolute;
	padding: 5px 10px;
	background-color: #33CC99;
	border-radius: 100px;
	top: 50px;
	left: 25px;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
}
.published .form .upload-list .img:hover .index{
	display: block;
}
.published .form .ylbtn{
	background-color: #F5F6F5;
	color: #99A5A0;
	height: 46px;
	width: 100px;
}

.published .blfl{
	position: relative;
}
.published .blfl .ssjg{
	position: absolute;
	left: 0;
	top:42px;
	z-index: 101;
	border:1px solid #EBEBEB;
	background: #FFFFFF;
	border-radius: 3px;
	width: 275px;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.06);
}
.published .blfl .ssjg div{
	line-height: 30px;
	padding-left: 10px;
	cursor: pointer;
}
.published .blfl .ssjg div:hover{
	background: #F5F5F5;
	color: #33CC99;
}
.published .blfl .searchBtn{
	position: absolute;
	left:250px;
	top:10px;
	background: url(../images/ie8/Shape3@2x.png) no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.published .blfl .searchBtn1{
	background: url(../images/ie8/Shape@2x.png) no-repeat;
}

/*右边说明*/
.published .instructions{
	width: 420px;
}
.published .instructions .progress{
	margin-top: 18px;
	padding: 30px 60px 20px 60px;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
}
.published .instructions .progress .circle{
	position: relative;
	text-align: center;
}
.published .instructions .progress .circle .cle{
	position: absolute;
	width: 100px;
	text-align: center;
	top:60px;
	left: 100px;
	font-size: 36px;
	color: #33CC99;
}
.published .instructions .progress .circle .cle p{
	font-size: 14px;
	color: #99A5A0;
}
.published .instructions .info{
	padding: 28px 36px;
}

/*发表原创*/
.published .form .upload-list .images img{
	width: 200px;
	height: 120px;
}
.originalUpload{
	background-color: #F0F2F1;
	background-image: url(../images/ie8/uploadBtn.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	color: #99A5A0;
	font-size: 14px;
	text-align: center;
	padding-top: 70px;
	background-position: 82px 30px;
	cursor: pointer;
}
.originalUpload span{
	position: relative;
	padding: 5px 10px;
	background-color: #33CC99;
	border-radius: 100px;
	color: #FFFFFF;
	top:-15px;
	display: none;
}
.originalUpload:hover span{
	display: inline-block;
}
.originalInfo{
	margin-top: 18px;
	padding: 28px 60px;
	border-top: 1px solid #F1F1F1;
}
.originalInfo p{
	margin-top: 14px;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	position: relative;
	padding-left: 12px;
}
.originalInfo p:before{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	display: block;
	background-color: #999999;
	top:10px;
	left: 0;
	border-radius: 100px;
}