@charset "utf-8";/* CSS Document */
.clear{
	display: block;
	content: '';
	clear: both;
}
li{
	list-style: none;
}

.bdys,html{
	max-width: 414px;	
    margin: 0 auto 20px;
    background: #F8F8F8;
}

.nav,.all-competion{
	background: #FFFFFF;
}
.nav-list .arrow-icon{
	display: inline-block;
	width: 10px;
	height: 14px;
	float: right;
	margin-top: 2px;
}
.right-arrow-txt{
	display: inline-block;
	height: 14px;
	margin-right: 5px;
	float: right;
	font-size: 14px;
	color: #999;
}
.right-block{
	display: inline-block;
	float: right;
}
.nav-list{
   padding: 20px 12px 23px 12px;
	margin-bottom: -4px;
}
.circle-info{
	font-size: 14px;
    color: #666666;
    display: inline-block;
    font-weight: 700;
}
.modify-rule{
	font-size: 12px;
	color: #11D59C;
	letter-spacing: 0;
	border: 1px solid #11D59C;
	padding: 4px 5px 3px 6px;
	margin-left:10px ;
	border-radius: 4px;
}

.link-img{
	width: 93.6%;
	background: #E5E5E5;
    background-size: cover;
	margin: 4px auto 0;
}
.unenroll-sign{
	position: relative;
}

.competion-infos{
	padding: 5px;
	background: #F3F3F3;
	text-align: center;
	font-size: 12px;
    color: #11D59C;
    margin-top: 18px;
}
.fail-color{
	color: red;
}
.top-user-info .enroll-btn{
	top: 20px;
}

.competion-info p{
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	display: inline-block;
	padding: 22px 10px 5px 12px;
}
.competion-date span{
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;		
	background-color: rgba(255,255,255,.5);
	padding: 2px 4px 1px 5px;
}
.sposorship-info{
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;
	padding-left: 12px;
}
.sposorship-info span:nth-child(1){
	margin-right: 10px;
}
.sposorship-info span:nth-child(3){
	margin-left: 8px;
}
.sposorship-info i{
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: inline-block;
	background: #FFFFFF;
	opacity: 0.9;
	vertical-align: middle;
}
.competion-date{
	display: inline-block;
	vertical-align: text-bottom;
}
.enterprise_circle_competion-date{
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;		
	background-color: rgba(255,255,255,.5);
	padding: 2px 4px 1px 4px;
	vertical-align: text-bottom;
	margin-left: 12px;
}

.sponsor-list{
   padding: 30px 12px 24px 12px;
}

.sponsor-word{
	font-size: 12px;
    color: #666666;
    display: inline-block;
}
.sponsor-word-rank{
	font-size: 12px;
    color: #666666;
    display: inline-block;
    padding: 23px 0 22px 12px;
}
.rank-reward-list{
	font-weight: 700;
	display: inline-block;
	font-size: 12px;
	color: #3F3F3F;
	line-height: 18px;
}
.rank-reward-list span{
	font-weight: 100;
}
.sponsor-img{
	display: inline-block;
	vertical-align: middle;
	max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
}
.sponsor-img span{
	font-size: 12px;
	color: #3F3F3F;
	line-height: 18px;
}
.reward-btn{
	font-size: 12px;
	color: #11D59C;
	letter-spacing: 0;
	border: 1px solid #11D59C;
	padding: 4px 11px 3px;
	border-radius: 4px;
	margin-left: 20px;
}
.sponsor-list .arrow-icon{
	display: inline-block;
	width: 10px;
	height: 14px;
	float: right;	
    margin-top: 18px;
}
.user-info{
	text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
.user-info i{
	display: inline-block;
	width: 30px;
	height: 30px;
	/*background: #E5E5E5;*/
	border-radius: 50%;
	background-size: cover;
}
.user-info p{
	font-size: 12px;
    color: #FDA90D;
}
.word-more{
	color: #999999 !important;
}
.more-info{
	color: #999999;
}
.more-info i {
	width: 28px;
	height: 28px;
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;  
	background: none;  
}
.all-competion{
	margin-top: 10px;
	padding-bottom: 20px;
}
.flow-competion{
	padding: 18px 12px;
	background: #ffffff;
	margin-top: 10px;
}
.flow-competion span{
	font-size: 14px;
    color: #666666;
    font-weight:700 ;
}
.flow-competion .arrow-icon{
	display: inline-block;
	width: 10px;
	height: 14px;
	float: right;
}
span.lord-circle{
	font-size: 12px;
    color: #999999;
    float: right;
    margin-right: 8px;
}

/*赛事页面样式*/
.circle-banner{
	width: 100%;
	background: #E5E5E5;
	background-size:cover ;
}
.circle-banner p{
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.circle-banner p:nth-child(2){
	font-size: 14px;
	margin-top: 3px;
}

.conpetion-info{
	padding: 30px 0 0 12px;
}
.competion-btn{
    width: 93.6%;
	background: #11D59C;
    border-radius: 30px;
    font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin: 20px auto 24px;
	padding: 13px 0;
	text-align: center;
}
.competion-btn a{
	color: #FFFFFF;
}
.fail-color{
	background: #999999;
}
.exit-btn{
	text-align: center;
	margin: 24px 0;
}
.exit-game,
.invite-people{
	width: 43%;	
    border-radius: 30px;
    padding: 13px 0;
    text-align: center;
    font-size: 14px;	
	letter-spacing: 0;
	display: inline-block;
}
.add-width{
	width: 93.6% !important;
	margin: 0 auto !important;
}
.exit-game{
	border: 1px solid #11D59C;
	color: #11D59C;
	margin-right: 25px;
}
.invite-people{
	background: #11D59C;   
    color: #FFFFFF;

}
.competion-info{	
	display: inline-block;
}
.fix-box{
	background: #FFFFFF;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.13);
	border-radius: 4px;
	position: relative;
	width: 93.6%;
	margin: -10px auto 0;
}
.top-user-info{
	padding: 18px 0 0 12px;
}
.fix-box i:nth-child(1){
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #E5E5E5;
	vertical-align: top;
	background-size: cover;
}
.user-competion-info{
	display: inline-block;
	margin-left: 20px;
}
.user-competion-info p{
	margin-bottom: 5px;
	letter-spacing: 0;
}
.user-competion-info p:nth-child(1){
	font-size: 18px;
	color: #333333;
}
.user-competion-info p:nth-child(2),.user-competion-info p:nth-child(3){
	font-size: 14px;
	color: #666666;
}
.total-nums{
	font-size: 14px;
	color: #3F3F3F;
	line-height: 20px;
}
.user-competion-info p:nth-child(2) span:nth-child(2){
	color: #151515;
	line-height: 20px;
}
.user-competion-info p span:nth-child(1){
	font-size: 14px;
	color: #151515;
	line-height: 20px;
}
.event-info{
    padding: 0px 12px 24px 12px;
}
.event-info p{
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
}
p.head-word{
	font-size: 14px;
    color: #333333;
    font-weight: 700;
}

.event-info span{
	font-size: 12px;
    color: #999999;
}
.sponsor-info span,.people-info span{
	font-size: 14px;
    color: #666666;
}

.sponsor-btn{
	border: 1px solid #11D59C;
    border-radius: 4px;
    font-size: 14px;
	color: #11D59C;
	letter-spacing: 0;
	width: 43.7%;
	padding: 3.6% 0;
	text-align: center;
	margin: 0 auto;
}
.people-rank-list i{
	display: inline-block;
	width: 48px;
	height:48px;
	border-radius: 50%;
	/*background: #E5E5E5;*/
	background-size: cover;
}

.people-rank-list li{
	width: 62px;
	text-align: center;
	margin: 10px 0 20px 0;
	display: inline-block
}
.people-rank-list li div{
	font-size: 14px;
	color: #FDA90D;
}

p.rank-list{
	margin-bottom: 0px;
}

.people-info i{
	width: 48px;
	height: 48px;
	/*background: #E5E5E5;*/
	border-radius: 50%;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #F8F8F8;
	margin-right: -10px;
	float: right
}

.user-head-img {
    height: 50px;
    width: 73%;
    margin-left: 25.4%;
    position: absolute;
    right: 20px;
    /*text-align: right;*/
}
.people-info{
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.people-nums{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	position: absolute;
	width: 23%;
}
.people-info i.arrow-icon{
    width: 10px;
	height:14px;
	border: none;
	margin:18px 0 0 0px;
}
.people-info i:nth-child(1){
	margin-right: 0;
}
.atten-info{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.user-top-img{
    width: 48px;
	height: 48px;
	background: #E5E5E5;
	background-size: cover;
	display: inline-block;
	border-radius: 50%;
}

.user-rank-info{
	margin-top: 24px;
}
.user-rank-info span{
	vertical-align: middle;
}
.user-name-info{
	max-width: 84px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px !important;
}
.money-step{
	display: inline-block;
	margin: 14px 0 0 0;
	float: right;
}

span.all-money,span.step-nums{
	font-size: 14px;
	color: #333333;
	letter-spacing: 0;
	/*margin-left: 12.5%;*/
}
.doll{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #999999;
	display: inline-block;
}
i.ranking-num{
	display: inline-block;
	width: 22px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0;
	font-style: normal;
}
.shadow-bg{
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.92) 50%);
    padding: 57px 0 10px;
    margin: -75px 0 24px 0;
    position: relative;
}
.more-word-info{
    text-align: center;
}
.more-word-info span{
	font-size: 15px;
    color: #999999;

}
/*切图*/
.yued-icon,
.more-icon,
.arrow-icon,
.enroll-btn,
.unenroll-icon,
.done-icon,
.small-more-icon,
.reword-one-icon,
.reword-two-icon,
.reword-three-icon,
.down-icon,
.triangle-icon{
	background: url(img/sprites_v2@2x.png) no-repeat;
	background-size: cover;
}

@media screen and (-webkit-device-pixel-ratio: 3){
.yued-icon,
.more-icon,
.arrow-icon,
.enroll-btn,
.unenroll-icon,
.done-icon,
.small-more-icon,
.reword-one-icon,
.reword-two-icon,
.reword-three-icon,
.down-icon,
.triangle-icon{
	background: url(img/sprites_v2@3x.png) no-repeat;
	background-size: cover;
}
}
.yued-icon{
	display: inline-block;
	width: 48px;
	height: 48px;
	background-position: -118px 0;
	margin: 10px 18px 20px 0px;
    vertical-align: -webkit-baseline-middle;
}
.more-icon{
	display: inline-block;
	width: 48px;
	height: 48px;
	background-position: -60px 0;
}
.arrow-icon{
	background-position: 0 0;
}
.enroll-btn{
	background-position: 0px -74px;
}
.unenroll-icon
{
   background-position: -55px -74px;
}
.done-icon{
	background-position: -110px -74px;
}
.small-more-icon{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: -20px 0;
}
.enroll-btn,
.unenroll-icon,
.done-icon{
 	width: 45px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 8px;
}
.reword-one-icon{
	background-position: -176px 0;
}
.reword-two-icon{
	background-position: -205px 0;	
}
.reword-three-icon{
	background-position: -234px 0;	
}
.reword-one-icon,
.reword-two-icon,
.reword-three-icon{
	display: inline-block;
	width: 19px;
	height: 29px;
	vertical-align: middle;
}
.down-icon{
	display: inline-block;
	width: 13px;
	height: 8px;
	background-position: -263px 0;	
}
.triangle-icon{
	display: inline-block;
	width: 20px;
	height: 21px;
	background-position: -286px 0;	
	position: absolute;
	bottom: 0;
	left: 156px;
}

.yued-icon,
.more-icon,
.arrow-icon,
.enroll-btn,
.unenroll-icon,
.done-icon,
.small-more-icon,
.reword-one-icon,
.reword-two-icon,
.reword-three-icon,
.down-icon,
.triangle-icon{
	background-size: 360px 360px !important;
}


/*列表页面样式*/
.list-nav{
	margin: 11px auto 10px;
	background: #FFFFFF;
}

.rank-competion-info p{
	padding: 13px 7px 3px 12px;
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
}
.rank-competion-info{
	padding-bottom: 10px;
}
.margin-value{
	margin-top: 10px;
}
.game-date span{
	opacity: 0.5;
	background: #CCCCCC;
	border-radius: 2px;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0;
	border-radius: 2px;
}

.sponsor-mess{
	opacity: 0.9;
	font-size: 12px;
	color: #999999;
	letter-spacing: 0;
}
.sponsor-mess i{
	opacity: 0.9;
    background: #CCCCCC;
}
.done-color{
	color: #999999 !important;
}

/*用户列表样式*/
.user-list-info{
	border-bottom: 1px solid #F8F8F8;
	padding: 12px 0px;
	background: #FFFFFF;
	padding: 12px;
	margin-top: 0;
}

.competion-people{
	padding: 0;
	margin-top: 10px;
}
span.rewrd-money{
	font-size: 14px;
	color: #FDA90D;
	letter-spacing: 0;
}

/*修改圈子挑战赛*/
.match-type{
	padding: 0px 12px 24px;
	box-sizing: border-box;
	background: #FFFFFF;
}
.activity-found{
	padding-top: 28px;
	padding-bottom: 0;
	margin-top: 2px;
	background: #FFFFFF;
}
.act-title,
.time-title{
	margin-bottom: 24px;
	padding-top: 24px;
	font-size: 16px;
	color: #999999;
}
.time-title{
	margin-bottom: 12px;
}
.match-list li{
	display: inline-block;
	margin-right:10px;
	padding:10px 18px;
	text-align: center;
	background:#f2f2f2;
	font-size: 14px;
	color: #333333;
	position: relative;
}

.reward-ways{
	background:#fff;
	padding-top: 20px;
	padding-left: 12px;
	padding-right: 5px;
	padding-bottom: 35px;
	box-sizing: border-box;
}
.reward-list li{
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	margin-bottom: 14px;
	list-style-type: disc;
	margin-left: 16px;
}

.rule-title{
	margin-top: 24px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
}
.revise-match{
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}
.revise-match p{
	width: 100%;
	height:46px;
	line-height: 46px;
	color:#fff;
	text-align: center;
	background-color: #11D59C;
	margin-top: 16px;
	border-radius: 4px;
}
.type-list .triangle-icon{
	margin-left: -112px;
}
.competion-list .triangle-icon{
	margin-left: -98px;
}
.reward-list input{
    border: none;
    text-align: center;
    width: 98px;
    border-bottom: 1px solid #666666;
	font-size: 14px;
}
.reward-list span:nth-child(2){
    color: #3F3F3F;;
}

/*弹窗样式*/
.popup{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: fixed;
	left:0;
	top: 0;	
}
.cost-popup{
	background: #FFFFFF;
	position: absolute;
	bottom: 0;
	padding: 20px 0px 30px;
	width: 100%;	
	max-width: 414px;
}
.cost-popup ul{		
	width: 98%;
	text-align: center;
	margin: 0 auto;
}
.cost-popup p{
	font-size: 16px;
    color: #999999;
    margin-bottom: 24px;
    margin-left: 12px;
}
.cost-popup li{
	display: inline-block;
	font-size: 14px;
    color: #333333;  
    padding: 10px 0;
    background: #F2F2F2;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 10px;
    width: 76px;
    position: relative;
}
.cost-popup li:nth-child(4),.cost-popup li:nth-child(8){
	 margin-right: 0px;
}
.sure-btn{
	width: 93.6%;
	margin: 10px auto 0;
	padding: 13px 0;
	background: #11D59C;
    border-radius: 4px;
    font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
}
.cost-popup li .triangle-icon{
	position: absolute;
	bottom: 0;
	left: 56px;
}

@media only screen and (min-width: 320px) and (max-width: 320px) {
	.user-name-info{
		max-width: 72px;
	}
	.sponsor-img{
		max-width: 220px;
	}
	.match-list li{
		margin-right: 6px;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
	.cost-popup li{
		width: 64px;
	}
	.cost-popup li .triangle-icon {
	    position: absolute;
	    bottom: 0;
	    left: 44px;
	}
}
@media only screen and (min-width: 412px) {
	.sponsor-img{
		max-width: 320px;
	}	
}

@media only screen and (min-width: 414px) {
	.popup{
		max-width: 414px;
		left:50%;
		margin-left: -207px;
	}
}
/*创建赛事新增时间选择*/
.btn-create {
	height: 38px;
	background-color: #11D59C;
	border-radius: 3px;
	width: 94%;
	margin: 14px auto 0;
	display: block;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 38px;
}
.create-item-date {
	height: 57px;
	position: relative;
	width: 100%;
	background: #ffffff;
	display: block;
	overflow: hidden;
	margin-top: 20px;
}
.long-item-begin-date-input,.long-item-end-date-input{
	border: none;
	resize: none;
	display: block;
	white-space: pre-wrap;
	word-break: break-all;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #11D59C;
	text-align: center;
	outline: none;
	font-size: 14px;
	font-family: initial;
	margin-top: 8px;
	background-color: #fff;
	max-width: 90%;
	margin: 8px auto 0;
}
.item-begin-date-input, .item-end-date-input {
	border: none;
	resize: none;
	display: block;
	white-space: pre-wrap;
	word-break: break-all;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #11D59C;
	background: url("https://ydcommon.51yund.com/html/img/border0_5.png") repeat-x 0 bottom;
	background-size: auto 1px;
	text-align: center;
	outline: none;
	font-size: 14px;
}
.item-begin-date-input {
	position: absolute;
	left: 5%;
	top: 18px;
}
.item-end-date-input {
	position: absolute;
	right: 5%;
	top: 18px;
}
/*2017.11.17 lp优化*/
 .action-btn-sty{
	 width: 45px;
	 height: 18px;
	 position: absolute;
	 right: 0;
	 top: 8px;
	 font-size: 12px;
	 text-align: center;
	 line-height: 18px;
 }
.joined-col{
	background-color: #11D59C;
	color: #FFF;
}
.unjoined-col{
	background-color: #FBBC4C;
	color: #FFF;
}
.done-col{
	background-color: #313131;
	color: #FFF;
}
.modify-col{
	background-color: #7ED321;
	color: #FFF;
}
/*2018.4.4添加kol标签*/
.sex-man-icon,.sex-woman-icon{
	background: url("https://ydcommon.51yund.com/circle_html/circle/img/share_img/share_sprites@3x.png") no-repeat;
    background-size: cover;
    width:14px;
    height:14px;
    position: absolute;
    left:-27px;
    top:30px;
    z-index: 80;
}
.sex-man-icon{
	background-position: -36px -5px;
}
.sex-woman-icon{
	background-position: -53px -5px;
}
.comment-list{
	width: 100%;
	height:34px;
}
.comment-list a:nth-child(1){
	float:right;
}
.comment-list a:nth-child(2){
	float:left;
}
.comment-list a{
	width: 50%;
	display: block;
}
.topic_list_block{
	background-color: rgb(248,248,248);
}
.circle-contentv2{
	border:none;
	margin-bottom:10px;
}
.oper-info-block{
	height:34px;
	position: relative;
	top:2px;
	border-top: 1px solid #f8f8f8;
	box-sizing: border-box;
}
.replay-icon {
    left:65px;
}
.love-icon, .no-love-icon {
    position: absolute;
    left: 65px;
}
.like-site{
	text-align: center;
	font-size: 14px;
	color: #666666;
	position: absolute;
	left: 35%;
}
.user-kol{
	/*width: 55px;*/
	position: relative;
	top:5px;
	margin-left: 8px;
}
.user-rank-nick{
	height: 19px;
    display: block;
    margin-bottom: 4px;
}
.circle-run-top-item-nick{
	line-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.user-rank-kol{
	max-width: 55px;
	margin-right: 5px;
}
.join-chal-block{
	margin-left: 12px;
	margin-bottom: -20px;
}
@media screen and (max-width: 320px) {
	.love-icon,
	.no-love-icon{
		left: 50px;
	}
	.min-attend-icon,
	.replay-icon{
		left: 50px;
	}
	.competion-info p{
		font-size: 16px;
		padding-top: 15px;
	}
	.user-rank-nick{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media screen and (max-width: 265px) {
	.love-icon,
	.no-love-icon{
		left: 40px;
	}
	.min-attend-icon,
	.replay-icon{
		left: 40px;
	}
	.l-btn,
	.r-btn{
		font-size: 13px !important;
	}
	.none-title{
		font-size: 14px !important;
	}
	.competion-info p{
		font-size: 14px;
	}
	.modify-rule{
		margin-left: 5px;
	}
	.people-nums{
		width: 25%;
	}
	.competion-date{
		margin-left: -3px;
	}
	.sponsor-info span{
		font-size: 11px !important;
		margin-left: -25px !important;
	}
}
@media screen and (max-width: 300px){
	.people-nums{
		max-width: 32%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.people-info i{
		width: 40px;
		height: 40px;
	}
	.sponsor-info span{
		font-size: 12px !important;
	}
}
.new-circle-info-con{
	width: 93.6%;
	height:48px;
	margin: 0 auto 36px;
}
.new-circle-header{
	width: 48px;
	height:48px;
	border-radius: 3px;
	float: left;
	overflow: hidden;
}
.new-circle-info{
	margin-left: 60px;
	position: relative;
}
.new-circle-name{
	display: block;
	font-size: 17px;
	color:#333;
}
.new-circle-num-info{
	font-size: 14px;
	color:#666;
	margin-top: 6px;
}
.new-circle-id{
	color:#151515;
	margin-right: 10px;
}
.new-circle-num{
	color:#151515;
}
.chap-icon{
	background-image: url(https://ssl-pubpic.51yund.com/568487474.jpg);
	background-size: 360px 360px;
}
.chap-icon{
	width: 6px;
	height:12px;
	display: block;
	position: absolute;
	top:0;bottom:0;
	right:0;margin: auto;
	background-position: -249px -13px;
}

/*众筹赛改版样式*/
.pattern-type{
	margin-top: 20px;
	overflow: hidden;
}
.pattern-type span{
	float: left;
}
.pattern-type span.check-icon{
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #979797;
	box-sizing: border-box;
}
.pattern-mess{
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	margin-left: 10px;
	width: 90%;
}
.pattern-type span.green-checked-icon{
	background-image: url("https://ssl-pubpic.51yund.com/597491916.jpg");
	background-size: cover;
	width: 17px;
	height: 17px;
	border: none;
}
.time-part-contain{
	float: left;
	width: 40%;
	/*max-width: 135px;*/
	position: relative;
}
.time-part-contain div{
	font-size: 16px;
	color: #999999;
	line-height: 16px;
	text-align: center;
	/*margin-right: 10%;*/
}
.time-part-contain div.input-contain{
	position: relative;
	margin-right: 0;
}
.day-contain{
	width: 20%;
}
.day-contain div:nth-child(1){
	margin-right: 0;
}
.line-bottom{
    width: 100%;
    max-width: 106px;
    height: 1px;
    background: #666666;
    margin: 0 auto
    /*margin: 5px 0 0 8%;*/
/*    position: absolute;
    bottom: -35px;
    left: 6%;*/
    /*background: url(https://ydcommon.51yund.com/html/img/border0_5.png) repeat-x 0 bottom;*/
    /*background-size: auto 1px;*/
}
.day-contain input{
    border: none;
    resize: none;
    display: block;
    white-space: pre-wrap;
    word-break: break-all;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #11D59C;
    text-align: center;
    outline: none;
    font-size: 14px;
    font-family: initial;
    margin-top: 8px;
    position: absolute;
}
.time-part-contain div.total-day-num{
	margin-top: 10px;
    font-size: 14px;
    color: #11d59c;
    position: absolute;
    /*left: 17px;*/
    top: 18px;
    z-index: 999;
    width: 100%;
}
@media screen and (max-width: 320px){
	.competion-date{
		vertical-align: text-top;
	}
	.game-date span{
	    max-width: 51px;
    	display: inline-block;
	}
}

/* app视觉统一v1.6 */
.circle-gray-like-icon,
.circle-actived-like-icon,
.circle-title-icon{
    background-image: url("https://ssl-pubpic.51yund.com/939147482.jpg");
    background-size: 360px 360px;
}
.circle-gray-like-icon{
    height: 18px;
    width: 14px;
    background-position: -123px -128px;
    vertical-align: middle;
	left: 39%;
	top: 11px;
}
.circle-actived-like-icon{
    height: 18px;
    width: 14px;
    background-position: -144px -128px;
    vertical-align: middle;
    left: 39%;
	top: 11px;
}
.circle-title-icon{
    height: 18px;
    width: 14px;
    background-position: -103px -128px;
    vertical-align: middle;
    left: 38%;
}
@media screen and (-webkit-device-pixel-ratio : 3){
    .circle-gray-like-icon,
	.circle-actived-like-icon,
	.circle-title-icon{
         background-image: url("https://ssl-pubpic.51yund.com/939148640.jpg");
    }
}