html,body{background: #F5F5F5;}
.container{padding: 0 0.3rem;}
.title{color: #333;font-size: 0.3rem;line-height: 0.42rem;}
.title:before{content: '';border: 0.04rem solid #00b4b4;height: 0.3rem;border-radius: 0.03rem;margin-right: 0.22rem;display: inline-block;vertical-align: bottom;margin-bottom: 0.02rem;}
/************************************header****************************/
.draw_details .header{background: #fff;}
.header .banner{width: 7.5rem;height: 3.7rem;position: relative}
.banner img{display: block;width: 100%;height: 100%;vertical-align: top;object-fit: cover;background: #f5f5f5;}
.banner .count_down{position: absolute;left: 0;bottom: 0;padding: 0.15rem 0.3rem;background: rgba(0,0,0,.4);border-radius:0.18rem 0 0.18rem 0;color: #fff;font-size: 0.3rem;line-height: 0.42rem;}
.banner .count_down:before{content: '';padding-left: 0.4rem;height: 0.28rem;background: url(https://wwwoss.gfan.com/jsFront/images/jf_web_2019/draw_details/draw_time.png) no-repeat left bottom;background-size: 0.28rem;}
.header .draw_describe{padding: 0.3rem 0;font-size: 0.28rem;}
.draw_describe .draw_title{color: #000;font-size: 0.3rem;line-height: 0.45rem;text-align:justify;overflow: hidden;word-wrap: break-word;word-break: break-all;}
.draw_describe .join_msg{padding-top: 0.24rem;}
.join_msg .join_num{color: #999999;font-size: 0.28rem;}
.join_msg .join_num:before{content: '';padding-left: 0.4rem;height: 0.28rem;background: url(https://wwwoss.gfan.com/jsFront/images/jf_web_2019/draw_details/draw_people.png) no-repeat left center;background-size: 0.22rem 0.28rem;}
.join_msg .draw_msg_group{margin-top: -0.07rem;}
.draw_msg_group .draw_msg_item{display: inline-block;margin-right: 0.2rem;color: #fff;font-size: 0.24rem;padding: 0 0.24rem;height: 0.45rem;line-height: 0.45rem;background: #F96262;border-radius: 0.23rem;vertical-align: top;}
.draw_msg_group .draw_msg_item:last-child{margin-right: 0;}
.draw_msg_group .draw_msg_item.draw_num{background: #FAAD43;}
.draw_describe .draw_rule{color: #666666;line-height: 0.4rem;padding-top: 0.28rem;text-align: justify;overflow: hidden;word-wrap: break-word;word-break: break-all;}
/************************************main****************************/
.draw_details .main{padding-bottom: 1.2rem;}
.main .winning_msg{display: none;margin: 0.2rem 0.3rem;background: #fff;text-align: center;padding: 0.3rem }
/*****************中奖名单***********/
.winning_msg .winning_title{color: #333;font-size: 0.3rem;line-height: 0.41rem;}
.winning_msg .winning_people_group{padding: 0.2rem 0 0;display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: start;}
.winning_people_group .winning_people_item{text-align: center;color: #000;font-size: 0.24rem;vertical-align: top;margin-right: 0.199rem;width: 1.061rem;overflow: hidden;}
.winning_people_group .winning_people_item:nth-child(5n){margin-bottom: 0.26rem;}
.winning_people_group .winning_people_item:last-child{margin-bottom: 0;}
.winning_people_item .winning_people_img{display: inline-block;width: 0.75rem;height: 0.74rem;vertical-align: top;border-radius: 0.37rem;object-fit: cover;background: url(//api-portal.gfan.net.cn/2.jpg) no-repeat center;background-size: 100% 100%;}
.winning_people_item .winning_people_name{padding-top: 0.15rem;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*****************奖品简介***********/
.main .draw_details{background: #fff;margin-top: 0.2rem;padding: 0.3rem 0;}
.draw_details .draw_details_main{padding-top: 0.2rem;}
/***********用户帖子主体文章部分或长文模式***********/
.article {font-size: 0.3rem;line-height: 1.5;color: #4a4a4a;text-align: justify;overflow: hidden;word-wrap: break-word;word-break: break-all;}
.article img {max-width: 100%;height: auto;border-radius: 0.05rem;vertical-align: top; /*background: url(http://wwwoss.gfan.com/2018jf_app/images/detail_bg.png) center center no-repeat;background-size: cover;*/background: #f5f5f5;}
.article p {margin-bottom: 0 !important;margin-top: 0 !important;text-align: justify;word-wrap: break-word;word-break: break-all;}
/* 表格*/
.article table {border: 0.01rem solid #e3edf5;empty-cells: show;border-collapse: collapse;}
.article table td {padding: 0.04rem;border: 0.01rem solid #e3edf5;overflow: hidden;}
/* fieldset */
.article fieldset {box-sizing: border-box;min-width: 100%;border: 0.02rem solid #00b4b4 !important;margin: 0 0 0.3rem 0 !important;padding: 0.15rem !important;}
.article fieldset legend {font-weight: bold;color: #00b4b4 !important;font-size: 0.26rem !important;background: #fff;}
.article fieldset font {font-size: 0.3rem !important;}
.article fieldset legend font {font-size: 0.36rem;}
.article,
.article p,
.article a {word-break: break-all;}
.article a {color: #00b4b4;}
.article div {word-wrap: break-word;word-break: break-all;}
/***********文件下载样式***********/
.down-file {display: block;overflow: hidden;}
.down-file .down-right {margin-left: 1.8rem;height: 1.42rem;box-sizing: border-box;}
.down-file .img {width: 1.8rem;height: 1.42rem;float: left;}
.down-file .img img {width: 100%;height: 100%;}
.down-file .down-right {font-size: 0.3rem;color: #333333;padding-left: 0.19rem;background-color: #bee5e8;padding-top: 0.24rem;box-sizing: border-box;}
.down-file .down-right p {width: 100%;height: 0.42rem;line-height: 0.42rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.1rem;}
.down-file .down-right span {color: #999;}
/***********语音样式***********/
audio, video {width: 100%;}
/************************************footer****************************/
.draw_details .footer{position: fixed;bottom: 0;width: 100%;box-sizing: border-box;height: 1.2rem;color: #fff;font-size: 0.36rem;line-height: 1.2rem;background: #fff;}
.footer .share{width: 24.7%;background:#FF7F6E;}
.footer .share:before{content: '';padding-left: 0.43rem;height: 0.3rem;background:url(https://wwwoss.gfan.com/jsFront/images/jf_web_2019/draw_details/share.png) no-repeat left center;background-size: 0.3rem;}
.footer .footer_item{height: 100%;text-align: center;}
.footer .footer_state{width:75.2%;background: #FFBB44;}
.footer #join.footer_state{background: linear-gradient(225deg,rgba(240,85,83,1) 0%,rgba(246,106,85,1) 100%);}
.footer #end.footer_state{background: #CDCDCD;}
.footer #tips.footer_state{background: #CDCDCD;}
.footer #wait.footer_state{background:linear-gradient(225deg,rgba(240,85,83,1) 0%,rgba(246,106,85,1) 100%);color: rgba(255,255,255,.4)}
.footer #address.footer_state{background: #FFBB44;}