@charset "utf-8";
/* /yp/ypsgs/hlb1/css/style.css */

/* CSS Document 
Date:		2014/07/22
Author:		小芳
Update:     
*/

/* CSS reset */

html,
body {
	background: #fafafa;
	/* 解决iphone横屏文字放大 */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;

	width: 100%;
	height:100%;
}

body,
button,
input,
select,
textarea {
	color: #464e4e;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

input,
select,
img {
	vertical-align: middle
}

input,
select {
	outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: inherit;
}

fieldset,
img {
	border: 0;
}

iframe {
	display: block;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

del {
	text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
	display: block;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}

q:before,
q:after {
	content: '';
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

a:hover {
	text-decoration: underline;
}

.full_bg ins,
.full_bg a {
	text-decoration: none;
	color: #b62d1a;
}

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* global */

.my_ftop {
	background: none;
}

.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1200px;
	overflow: hidden;
}

td {
	font-size: 12px;
	line-height: 160%;
}

.txthide {
	text-indent: -999em;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	zoom: 1;
	/* for IE6 IE7 */
}

.hidden {
	display: none;
}

.left,
.right,
.fl,
.fr {
	display: inline;
	zoom: 1;
}

.left,
.fl {
	float: left;
}

.right,
.fr {
	float: right;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.c1 {
	color: #fb9557 !important;
}

.c2 {
	color: #eed98f !important;
}

.c3 {
	color: #be3c27 !important;
}

.c4{
	color: #ffc21e !important;
}

/* 附属颜色 */

.s1 {
	color: #666666 !important;
}



.a1 {
	color: #3c73cd !important;
}

.a2 {
	color: #fbecbe !important;
}

a:active,
a:focus,
input {
	-moz-outline: none;
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

.full_bg {
	background: #fafafa;
	color: #464e4e;
	/* padding预留出游拍顶部空间 */
	padding-top: 60px;
	position: relative;
	/* 页面字体全局覆盖 */
	font: 500 14px/2 Microsoft YaHei, "Microsoft YaHei", tahoma, arial, 宋体, sans-serif;
}

.full_bg * {
	box-sizing: border-box;
}

.ui-dialog * {
	box-sizing: border-box;
}


.full_bg a {
	font: 500 14px/2 Microsoft YaHei, "Microsoft YaHei", tahoma, arial, 宋体, sans-serif;
}

/* 通用按钮 */
.full_bg .btn1-1 {
	transition: filter .3s;

	width: 111px;
	height: 26px;
	background: url(../yp/ypsgs/hlb1/images/btn/s_com.png?5ece3a2) no-repeat left center;
	font: 500 14px/26px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;
}

.full_bg .btn1-1:hover {
	filter: brightness(1.2);
	text-decoration: none;
}

.full_bg .btn1-2 {
	width: 130px;
	height: 36px;
	background: url(../yp/ypsgs/hlb1/images/btn/btn_com_dis.png?5ece3a2) no-repeat left center;
	cursor: default;
	font-size: 0;

	transition: filter .3s;
}
.full_bg .btn1-2:hover {
	filter: brightness(1);
	text-decoration: none;
}
.full_bg .btn1-2[data-status="1"]{
	cursor: pointer;
	background: url(../yp/ypsgs/hlb1/images/btn/btn_com.png?5ece3a2) no-repeat left center;
}
.full_bg .btn1-2[data-status="1"]:hover{
	filter: brightness(1.2);
}

.full_bg .btn1-2[data-status="2"]{
	background: url(../yp/ypsgs/hlb1/images/btn/btn_com_ed.png?5ece3a2) no-repeat left center;
	cursor: default;
}
.full_bg .btn1-2[data-status="2"]:hover{
	filter: brightness(1);
}

.full_bg .btn1-3 {
	font: 500 14px/26px "Microsoft YaHei";
	color: #ffffff;
	background: #d75a4b;
	border: 1px solid #e96051;
	height: 26px;
	padding: 0 20px;
	transition: filter .3s;
}

.full_bg .btn1-3:hover {
	filter: brightness(1.2);
	text-decoration: none;
}

.full_bg .btn1-share-qq,
.full_bg .btn1-share-wb,
.full_bg .btn1-share-my {
	position: relative;
	padding-left: 30px;
	font: 500 14px/26px "Microsoft YaHei";
	transition: filter .3s;
	color: #d5c99f;
}

.full_bg .btn1-share-qq::after,
.full_bg .btn1-share-wb::after,
.full_bg .btn1-share-my::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.full_bg .btn1-share-qq::after {
	background: url(../yp/ypsgs/hlb1/images/icon/icon_share_qq.png?5ece3a2) no-repeat left top;
	width: 26px;
	height: 26px;
}

.full_bg .btn1-share-wb::after {
	background: url(../yp/ypsgs/hlb1/images/icon/icon_share_wb.png?5ece3a2) no-repeat left top;
	width: 26px;
	height: 26px;
}

.full_bg .btn1-share-my::after {
	background: url(../yp/ypsgs/hlb1/images/icon/icon_share_my.png?5ece3a2) no-repeat left top;
	width: 26px;
	height: 26px;
}

.full_bg .btn1-share-qq:hover,
.full_bg .btn1-share-wb:hover,
.full_bg .btn1-share-my:hover {
	filter: brightness(1.2);
	text-decoration: none;
}

/* header  */

.frm_header {
	background: url(../yp/ypsgs/hlb1/images/bg/frm_head.jpg?5ece3a2) no-repeat center top;
	position: relative;
}

/* .frm_header_02{background: url(../yp/ypsgs/hlb1/images/bg/frm_head_02.jpg?5ece3a2) no-repeat center 350px}
.frm_header_03{background: url(../yp/ypsgs/hlb1/images/bg/frm_head_03.jpg?5ece3a2) no-repeat center 350px} */

.header {
	position: relative;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 80px;
}

.header .bg1 {
	background: url(../yp/ypsgs/hlb1/images/bg/bg_01.jpg?5ece3a2) no-repeat center top;
	height: 175px
}

.header .bg2 {
	background: url(../yp/ypsgs/hlb1/images/bg/bg_02.jpg?5ece3a2) no-repeat center top;
	height: 175px
}

/* other_lnk */

/* 头部链接 */

.header .other_lnk {
	position: absolute;
	top: 3px;
	right: 0;
}

.other_lnk a {
	color: #614541;
	font-size: 14px;
	float: right;
	height: 28px;
	width: 88px;
	text-align: center;
	line-height: 28px;
	margin-left: 3px;

	background: url(../yp/ypsgs/hlb1/images/hd/hd_btn.png?5ece3a2) no-repeat center top;
	transition:filter .3s;
}

.other_lnk a:hover {
	filter: brightness(1.2)
}

.other_lnk .gap {
	position: absolute;
	left: 50%;
	top: 0;
}

/* logo */

.header .logo {
	position: absolute;
	left: 50%;
	font-size: 0;
	background: url(../yp/ypsgs/hlb1/images/bg/logo.png?5ece3a2);
	width: 158px;
	height: 94px;
	top: 10px;
	margin-left: -77px;
}

/* ks_bdshare */

.header .ks_bdshare {
	position: absolute;
	top: 240px;
	left: 130px;
	height: 32px;
	width: 210px;
	overflow: hidden;
}

.header .ks_share_field {
	color: #fff;
	float: left;
	line-height: 32px;
	margin-left: 16px;
}

.header .bdshare_t {
	margin-top: 3px;
}

.header .sp_share {
	display: inline;
	height: 16px;
	float: left;
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 22px;
	margin-top: 3px;
}

.header .sp_share:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.header .mod-date {
	position: absolute;
	top: 306px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 30px;
	font: 700 14px/30px "Microsoft YaHei";
	color: #bce6ff;
	text-align: center;
}

/*mod-gtime*/

.mod-gtime {
	position: absolute;
	top: 476px;
	right: 50%;
	margin-right: -360px;
	width: 720px;
	height: 38px;
}

.cnt_gtime {
	text-align: center;
	font: 500 24px/38px "Microsoft YaHei";
	color: #dc9e3b;
}

/* mod-mnav */

.mod-mnav {
	background: url(../yp/ypsgs/hlb1/images/nav/nav.png?5ece3a2) repeat-x center bottom;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* mnavlist */

.mnavlist li a {
	position: relative;
	float: left;
	width: 240px;
	height: 100px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 100px;
}
.mnavlist li:first-child a::before{
	content: " ";
	position: absolute;
	left: -4px;
	top: 14px;
	width: 9px;
	height:72px;
	background: url(../yp/ypsgs/hlb1/images/nav/nav-dep.png?) no-repeat center center;
}
.mnavlist li a::after{
	content: " ";
	position: absolute;
	right: -4px;
	top: 14px;
	width: 9px;
	height:72px;
	background: url(../yp/ypsgs/hlb1/images/nav/nav-dep.png?) no-repeat center center;
}

.mnavlist li a:hover,
.mnavlist li.cur a {
	text-decoration: none;
	background: url(../yp/ypsgs/hlb1/images/nav/nav-hov.png?) no-repeat center center;
	z-index: 1;
}

/* mod-main */

.frm_main {
	position: relative;
}

.frm_main{
	overflow: hidden;
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_0_full.jpg?5ece3a2) no-repeat bottom center;
}
.frm_main .wrapper{
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_0.jpg?5ece3a2) no-repeat bottom center;
}

.page_index .frm_main .frm_main_1{
	overflow: hidden;
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_1_full.jpg?5ece3a2) no-repeat top center;
}
.page_index .frm_main .frm_main_1 .wrapper{
	padding-bottom: 30px;
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_1.jpg?5ece3a2) no-repeat top center;
}
.page_index .frm_main .frm_main_2{
	overflow: hidden;
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_2_full.jpg?5ece3a2) no-repeat top center;
}
.page_index .frm_main .frm_main_2 .wrapper{
	background: url(../yp/ypsgs/hlb1/images/bg/bg_mian_2.jpg?5ece3a2) no-repeat top center;
}


/* 通用活动部分 */
.mod--rule .mod-bd,
.mod--quiz .mod-bd,
.mod--team .mod-bd,
.mod--ryb .mod-bd{
	margin-top: 35px;
	overflow: hidden;
}


.mod-box .mod-title {
	font: 500 30px/32px "Microsoft YaHei";
	height:32px;
	color: #413947;
	margin: 0 auto;
	text-align:center;
	background: url(../yp/ypsgs/hlb1/images/tit/tit_bg.png?5ece3a2) no-repeat center center;
}
.mod-box.mod--lottery .mod-title,
.mod-box.mod--prize .mod-title {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_bg_dark.png?5ece3a2) no-repeat center center;
}

.mod-box .mod-title{
	margin-top: 38px;
	margin-bottom: 28px;
}
.mod-box .mod-stitle {
	text-align: center;
}

/* 直播部分 */
.mod--live .mod-hd{
	position: relative;
	margin-bottom:3px;
}
.mod--live .mod-hd .mod-title{
	margin-bottom: 12px;
	background: url(../yp/ypsgs/hlb1/images/tit/tit_bg_2.png?5ece3a2) no-repeat center center;
}
.mod--live .mod-hd .mod-stitle{
	font: 500 14px/28px "Microsoft YaHei";
}


/* 邀请 */

.mod--live .mod-hd .btn_sqq {
	position: absolute;
	right: 0;
	bottom:0;

	*display: inline;
	*zoom: 1;
	width: 130px;
	height: 26px;
	margin-top: 6px;
	font: 500 14px/26px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;
	background: url(../yp/ypsgs/hlb1/images/s_qq.png?5ece3a2) 0 0 no-repeat;
	transition: filter 0.3s, color 0.3s;
}

.mod--live .mod-hd .btn_sqq:hover {
	filter: brightness(1.2);
}

.mod--live .live-left {
	float: left;
	width: 1200px;
	height: 685px;

	margin-bottom: 20px;
}

/* 直播部分 */

.live-left {
	width: 100%;
	height: 100%;
	border: solid 1px #c5a64f;
	padding:12px 10px;
	background-color: #2f2536;
}
.live-box{
	border: solid 1px #413947;
	background-color: #2f2536;
}
.live-box .box-img,
.live-box .box-img img,
.live-box .box-youpai,
.live-box .box-youpai .ifame-youpai {
	width: 1176px;
	height: 660px;
	display: block;
}

/* 广告图 */
.live-banner{
	border: solid 2px #2f2536;
	width: 100%;
	height: 100px;
}


.steps {
	margin-right: -50px;
	font-size: 0;
}

.steps .step {
	float: left;
	position: relative;
	zoom: 1;
	
	margin-right: 48px;
}
.steps .step::after{
	content: "";
	position: absolute;
	right: -30px;
	top: 61px;

	width: 12px;
	height: 24px;
	background: url(../yp/ypsgs/hlb1/images/step/step-arr.png?) no-repeat left top;
}
.steps .step:last-child::after{
	display: none;
}
.step .stepInfo{
	position: relative;
	width: 160px;
	height: 138px;
}
.step .stepInfo .stepStatus{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height:41px;

	padding-left: 52px;
	text-align: center;
	font: 500 14px/43px "Microsoft YaHei";
}
/* 0未开始 1进行中 2已结束 */
.step[data-status="0"] .stepStatus{
	color: #7a7181;
	background: url(../yp/ypsgs/hlb1/images/step/step-status-will.png?) no-repeat left top;
}
.step[data-status="1"] .stepStatus{
	color: #ffffff;
	background: url(../yp/ypsgs/hlb1/images/step/step-status-ing.png?) no-repeat left top;
}
.step[data-status="2"] .stepStatus{
	color: #2f2536;
	background: url(../yp/ypsgs/hlb1/images/step/step-status-over.png?) no-repeat left top;
}

.step .stepOpt{
	position: relative;
	margin-top: 11px;
	zoom: 1;
}
.step .stepOpt .stepBtn{
	float: left;
}

.stepBtn.stepBtn-1,
.stepBtn.stepBtn-1-2,
.stepBtn.stepBtn-2{
	width: 160px;
	height: 36px;
	font-size: 0;
}
.stepBtn.stepBtn-1{
	background: url(../yp/ypsgs/hlb1/images/step/step-opt-resign.png?) no-repeat left top;
}
.stepBtn.stepBtn-1-2{
	background: url(../yp/ypsgs/hlb1/images/step/step-opt-over.png?) no-repeat left top;
}

.stepBtn.stepBtn-1,
.stepBtn.stepBtn-1-2{
	display: none;
}
.step.step1 .stepBtn.stepBtn-1{
	display:block;
}
.step.step1[data-status="2"] .stepBtn.stepBtn-1{
	display:none;
}
.step.step1[data-status="2"] .stepBtn.stepBtn-1-2{
	display:block;
	cursor: default;
}


.stepBtn.stepBtn-2{
	background: url(../yp/ypsgs/hlb1/images/step/step-opt-none.png?) no-repeat left top;
	cursor:default;
}
.stepBtn.stepBtn-3,
.stepBtn.stepBtn-4{
	width: 78px;
	height: 36px;
	font: 500 14px/36px "Microsoft YaHei";
	text-align: center;
}
.stepBtn.stepBtn-3{
	margin-right: 4px;
	color: #ffffff;
	background: url(../yp/ypsgs/hlb1/images/step/step-opt-live.png?) no-repeat left top;
	cursor: default;
}
.stepBtn.stepBtn-3:hover{
	text-decoration: none;
}
.stepBtn.stepBtn-4{
	color: #682b2b;
	background: url(../yp/ypsgs/hlb1/images/step/step-opt-care.png?) no-repeat left top;
}
.stepBtn.stepBtn-4[data-status="2"]{
    filter: grayscale(1);
	cursor: default;
}
.stepBtn.stepBtn-4[data-status="2"]:hover{
	text-decoration: none;
}

/* 0无直播 1有直播 */
.stepBtn.stepBtn-2,
.stepBtn.stepBtn-3,
.stepBtn.stepBtn-4{
	display: none;
}
.step[data-live="0"] .stepBtn.stepBtn-2{
	display: inline-block;
}
.step[data-live="1"] .stepBtn.stepBtn-3,
.step[data-live="1"] .stepBtn.stepBtn-4{
	display: inline-block;
}


.steps .step.step1 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-1.png?) no-repeat left top;
}

.steps .step.step2 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-2.png?) no-repeat left top;
}

.steps .step.step3 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-3.png?) no-repeat left top;
}

.steps .step.step4 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-4.png?) no-repeat left top;
}

.steps .step.step5 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-5.png?) no-repeat left top;
}

.steps .step.step6 .stepInfo{
	background: url(../yp/ypsgs/hlb1/images/step/step-6.png?) no-repeat left top;
}


/* 抽奖 */

/*mod--lottery*/

.mod--lottery .lottery-cont {
	float: left;
	width: 790px;
	*display: inline;
}

.mod--lottery .lottery-top {
	height: 48px;
	background: url(../yp/ypsgs/hlb1/images/lottery/lottery-bg-left-1.png?) no-repeat left top;
	position: relative;
	margin-bottom: 10px;
}

/* 抽奖信息 */

.lottery-top .lottery-tip {
	float: left;
	padding-left: 10px;
	color: #eed98f;
	font: 500 14px/48px "Microsoft YaHei";
}

.lottery-top .lottery-opr {
	position: absolute;
	right: 126px;
	top: 11px;
}

.lottery-top .lottery-opr .cjfl-btn {
	display: block;
	font: 500 12px/26px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;

	width: 111px;
	height: 26px;
	background: url(../yp/ypsgs/hlb1/images/lottery/lottery-get.png?) no-repeat left top;

}

.lottery-top .lottery-opr .cjfl-btn.cjfl-btnd-disabled {
	cursor: default;
}

.lottery-top .lottery-opr .cjfl-btn.cjfl-btnd-disabled:hover {
	text-decoration: none
}

.lottery-top .lottery-time {
	position: absolute;
	right: 20px;
	top: 11px;
	background: url(../yp/ypsgs/hlb1/images/lottery/lottery-countdown.png?) no-repeat left top;
	width: 81px;
	height: 26px;
}

.lottery-top .lottery-time span {
	font: 500 14px/26px "Microsoft YaHei";
	color: #682b2b;
	text-align: center;

	/* 对其位置 */
	letter-spacing: 11px;
	position: relative;
	left: 5px;
}

.lottery-top .lottery-time .time-h {
	float: left;
}

.lottery-top .lottery-time .time-s {
	float: right;
}

.mod--lottery .lottery-lotte {
	position: relative;
}

/* 抽奖右边 */

.mod--lottery .lottery-aside {
	float: right;
	width: 400px;
	height: 477px;
	background: url(../yp/ypsgs/hlb1/images/lottery/exp_bg.png?5ece3a2) no-repeat left top;
}

/* 抽奖用户信息 */
.lottery-user {
	margin-bottom: 10px;
}

.lottery-user-info .login-info {
	height: 68px;
	position: relative;
	text-align: center;
}

.lottery-user-info .user-ulog a {
	font: 500 16px/68px "Microsoft YaHei";
	color: #eed98f;
	margin: 0 20px;

	transition: filter .3s;
}

.lottery-user-info .user-ulog a:hover {
	filter: brightness(1.1);
	text-decoration: none;
}

.lottery-user-info .user-log-info,
.lottery-user-info .user-log-info a {
	font: 500 16px/68px "Microsoft YaHei";
	color: #eed98f;
}

.lottery-user-info .user-log-info b{
	color: #fb9557;
}

.lottery-user-info .user-login {
	left: 20px;
}

.lottery-user-info .user-reg {
	right: 20px;
}



.lottery-user-info .info-box {
	position: relative;
	min-height: 74px;

	display: none;
}

.lottery-user-info .info-bind {
	position: absolute;
	left:57px;
	top: 20px;

	background: url(../yp/ypsgs/hlb1/images/lottery/info/info_bind.png?5ece3a2) no-repeat left top;
	width: 290px;
	height: 36px;
	
	font: 500 14px/36px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;

	display: block;

	transition: filter .3s;
}

.lottery-user-info .info-bind:hover {
	filter: brightness(1.2);
	text-decoration: none;
}

.lottery-user-info .info-box-item {
	float: left;
	overflow: hidden;
	display: block;
	text-align: center;

	font: 500 14px/74px "Microsoft YaHei";
	color: #eed98f;
}
.lottery-user-info .info-box-item .info-item-txt{
	font-weight: bold;
	color: #fb9557;
}

.lottery-user-info .info-box-item.info-box-item-1 {
	width: 264px;
}

.lottery-user-info .info-box-item.info-box-item-2 {
	width: 134px;
}

.lottery-user-info .user-name {
	width: 218px;
}

.lottery-user-info .param-roleName {
	width: 154px;
}

/* 抽奖用户信息 end******************************/

/* 用户信息 */

.m-info.user-info {
	background: url(../yp/ypsgs/hlb1/images/info.png?5ece3a2) no-repeat center bottom;
	width: 1200px;
	height: 48px;
	position: relative;

	font: 700 14px/48px "Microsoft YaHei";
	color:#eed98f;

	margin-bottom: 10px;
}

.m-info.user-info a {
	font: 700 14px/22px "Microsoft YaHei";
	color:#eed98f;
}

.m-info.user-info .login-info {
	display: inline-block;
	width: 309px;
	text-align: center;
	float: left;
}

.m-info.user-info .info-box {
	position: relative;
	float: left;
	height: 48px;
	width: 891px;
	font: 500 14px/48px "Microsoft YaHei";
	display: none;
}

.m-info.user-info .info-bind {
	position: absolute;
	left: 49px;
	top: 11px;
}

.m-info.user-info .info-ps {
	padding-left: 224px;
}

.m-info.user-info .info-box-item {
	float: left;
}

.m-info.user-info .info-box-item.info-box-item-1 {
	padding-left: 32px;
	width: 312px;
}

.m-info.user-info .info-box-item.info-box-item-2 {
	width: 256px;
}

.m-info.user-info .info-box-item.info-box-item-3 {
	width: 320;
}

.m-info.user-info .user-name {
	width: 180px;
}

.m-info.user-info .param-roleName {
	width: 186px;
}

.m-info.user-info .info-param{
	position: absolute;
	left: 500px;
	top: 9px;
	font: 500 14px/32px "Microsoft YaHei";
	height: 32px;
}

/* 抽奖用户信息 end******************************/

.mod--prize {
	padding-top: 36px;
	padding-bottom: 60px;
}

.mod--prize .prize-group {
	margin-bottom: 24px;
}

.mod--prize .group-tit {
	width: 180px;
	height: 34px;
	font-size: 0;
	margin: 0 auto;
	margin-bottom: 16px;
}
.mod--prize .group-stit {
	text-align: center;
	line-height: 30px;
	height: 30px;
}

.prize-group-0 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_0.png?5ece3a2) no-repeat center bottom;
}
.prize-group-1 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_1.png?5ece3a2) no-repeat center bottom;
}

.prize-group-2 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_2.png?5ece3a2) no-repeat center bottom;
}

.prize-group-4 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_3.png?5ece3a2) no-repeat center bottom;
}

.prize-group-8 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_4.png?5ece3a2) no-repeat center bottom;
}

.prize-group-16 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_5.png?5ece3a2) no-repeat center bottom;
}

.prize-group-32 .group-tit,
.prize-group-64 .group-tit {
	background: url(../yp/ypsgs/hlb1/images/tit/tit_1_4_6.png?5ece3a2) no-repeat center bottom;
}

.mod--prize .group-list {
	text-align: center;
}

.mod--prize .group-item {
	display: inline-block;
	margin: 0 20px;
	background: url(../yp/ypsgs/hlb1/images/prize/prize.png?5ece3a2) no-repeat center bottom;
	width: 258px;
	height: 134px;
}
.mod--prize .group-item .item-img {
	width: 258px;
	height: 101px;
	display: block;
	margin: 0 auto;
}

.mod--prize .group-item .item-name {
	font: 500 14px/32px "Microsoft YaHei";
	color: #2f2536;
	text-align: center;
}

/* 弹出框 */

.ui-dialog {
	background: #fff0cb;
	border: 3px solid #b26a57;
	color: #7e4f40;
}

.dialog-tit {
	font: 700 28px/60px "Microsoft YaHei";
	text-align: center;
	color: #9c482e;
}

.dialog-close {
	position: absolute;
	width: 17px;
	height: 17px;
	top: 8px;
	right: 8px;
	z-index: 2;
	cursor: pointer;
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-close.png?) no-repeat 0px 0px;
	
	transition: filter 0.3s;
}

.dialog-close:hover {
	/* transform:rotate(90deg) */
	/* transform: scale(1.2); */
	filter: brightness(1.1);
}

.dialog-pager {
	text-align: center;
	padding: 10px 0;
}

.dialog-pager span {
	line-height: 20px;
	display: inline-block;
	margin: 2px;
	font: 700 14px/26px "Microsoft YaHei";
}

.dialog-pager a,
.dialog-pager span.cur {
	display: inline-block;
	text-decoration: none;
	margin: 2px;
	font: 700 14px/26px "Microsoft YaHei";
}

.dialog-pager span.cur {
	color: #f9842e;
	text-decoration: underline;
}

.dialog-pager a:hover {
	color: #f9842e;
}

.ui-dialog .server {
	color: #bb975b;
}

.ui-dialog .name {
	color: #404040;
}

.ui-dialog dl {
	padding: 10px 0;
	overflow: hidden;
	border-top: 1px solid #d5d5d5;
}

.ui-dialog .player {
	width: 186px;
	float: left;
	line-height: 42px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
}

.ui-dialog .player p {
	display: inline;
	margin: 0 3px;
	font-weight: bold;
}


/*================================ 赛事规则 ================================ */

/*rule-list*/

.rule-list {
	font-size: 14px;
	padding-bottom: 20px;
}

.rule-list li {
	padding-left: 8px;
	position: relative;
	line-height: 30px;
	background: url(../yp/ypsgs/hlb1/images/icon/icon-li.png?) no-repeat 0 12px;
}

.rule-sub-hd {
	padding: 16px 0;
	border-bottom: solid 1px #d5d5d5;
}

.rule-sub-tit {
	font: 700 18px/50px 'Microsoft YaHei';
}

.rule-sub-item {
	margin-bottom: 10px;
}

.rule-sub-tab {
	display: none;
}

.prize-wp {
	border: 1px solid #4a4b81;
	background: url(../yp/ypsgs/hlb1/images/table-bg.jpg?) repeat left top;
	overflow: hidden;
	padding-bottom: 20px;
	margin-top: 20px;
}

/*================================ 选手资料 ================================ */

/*================================ 详细赛程 ================================ */

.dialog-ip {
	font: 500 14px/40px 'Microsoft YaHei';
}

.dialog-ip .dialog-body .dialog-label {
	width: 200px;
	text-align: right;
	height: 42px;

	display: inline-block;
}

.dialog-ip .dialog-body .copy-input {
	width: 274px;
	height: 32px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	font: 500 14px/32px 'Microsoft YaHei';
	padding-left: 20px;

	display: inline-block;
}

.dialog-ip .dialog-body .copy-btn {
	display: inline-block;

	width: 42px;
	height: 32px;
	font-size: 0;
	font: 500 14px/32px 'Microsoft YaHei';
	color: #ffffff;
	background-color: #005bcb;
	text-align: center;
	transition: filter .3s;
}

.dialog-ip .dialog-body .copy-btn:hover {
	filter: brightness(1.2);
}

/* 我的奖励 */

.dialog-myaward {}

.dialog-myaward .myaward-list,
.dialog-myaward .myaward-hd {
	font: 700 16px/26px "Microsoft YaHei";
	position: relative;
}

.dialog-myaward .myaward-list {
	padding: 20px 0;
}

.dialog-myaward .myaward-list .item--award {
	position: relative;
	height: 26px;
}

.dialog-myaward .item-label {
	position: absolute;
	left: 120px;
	top: 0;
}

.dialog-myaward .myaward-list .item-label {
	font-weight: 500;
}

.dialog-myaward .item-oper {
	padding-left: 400px;
}

/* 绑服弹出框 */

.dialog-serverSelect .dialog-line {
	height: 32px;
}

.dialog-serverSelect .select_box {
	position: absolute;
	left: 50%;
	margin-left: -190px;
}

.dialog-serverSelect .select_js {
	position: absolute;
	left: 50%;
	margin-left: 0;
	background-color: #ffffff;
	border: none;
	border-bottom: solid 1px #8d8d8d;
	font: 500 14px/32px "microsoft yahei";
	height: 32px;
	padding-left: 8px;
	width: 210px;
}

.dialog-serverSelect .wd-dialog-opt-tip {
	text-align: center;
	margin-top: 10px;
	font: 500 14px/32px "microsoft yahei";
	height: 14px;
}

.dialog-serverSelect .wd-dialog-opt {
	margin-top: 5px;
	padding-top: 0;
}

.dialog-serverSelect .select-search-input,
.dialog-serverSelect .search-input {
	font: 500 14px/32px "microsoft yahei";
	height:32px;
}

.dialog-serverSelect .m_selectlist .m_selected {
	width: 184px;
	height: 32px;
	background-color: #ffffff;
	cursor: pointer;
	overflow: hidden;
	border: solid 1px #8d8d8d;
	/*提示*/
	/* 文字区域 */
	/* 下拉区域 */
}

.dialog-serverSelect .m_selectlist .m_selected .redtip {
	font: 500 12px/12px "microsoft yahei";
	top: 34px;
	left: 0px;
	position: absolute;
}

.dialog-serverSelect .m_selectlist .m_selected .select_txt {
	padding: 0 0 0 2px;
	font: 500 14px/32px "microsoft yahei";
	overflow: hidden;
	text-align: left;
	width: auto;
	height: auto;
	max-width: 161px;
	margin-left: 11px;
}

.dialog-serverSelect .m_selectlist .m_selected .flag_down {
	height: 100%;
	width: 32px;
	background-color: #f2f2f2;
	display: block;
	overflow: hidden;
}

.dialog-serverSelect .m_selectlist .m_selected .flag_down b {
	width: 0;
	height: 0;
	border-top: 6px #404040 solid;
	border-left: 6px transparent dashed;
	border-right: 6px transparent dashed;
	display: block;
	overflow: hidden;
	zoom: 1;
	transition: all 0.3s;
}

.dialog-serverSelect .m_selectlist .m_select_cont {
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	top: 32px;
	width: 184px;
	padding: 0px;
	z-index: 4;
	position: absolute;
	overflow: hidden;
}

.dialog-serverSelect .m_selectlist .m_select_cont .selectlist li a {
	background: #ffffff;
	display: block;
	padding: 0 5px;
	font: 500 12px/24px "microsoft yahei";
	z-index: 4;
	transition: filter 0.3s;
}

.dialog-serverSelect .m_selectlist .m_select_cont .selectlist li a:hover {
	background: #404040;
	text-decoration: none;
	color: #ffffff;
	filter: brightness(1.2);
}

.dialog-serverSelect .m_selectlist .v_scrollbar {
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	height: 220px;
	display: none;
	cursor: pointer;
	background: #414f62;
}

.dialog-serverSelect .m_selectlist .v_scrollbar_bg {
	position: absolute;
	top: 0;
	width: 10px;
	height: 100%;
	background-color: #414f62;
}

.dialog-serverSelect .m_selectlist .v_scrollbar_btn {
	position: absolute;
	width: 10px;
	border: 1px solid #a2aab0;
	z-index: 100;
	top: 0;
	border-radius: 3px;
	background-color: #a2aab0;
}

.dialog-serverSelect .m_selectlist .search-input {
	width: 100%;
}

.dialog-list {
	font: 700 16px/26px "Microsoft YaHei";
	padding-top: 20px;
}

.dialog-list .dialog-item {
	position: relative;
}

.dialog-item-name {
	position: absolute;
	left: 150px;
	top: 0;
}

.dialog-item-val {
	padding-left: 460px;
}

/*=========================赛程竞猜===========================*/

/*===================奖品兑换==================*/
.exchange-list {
	font-size: 0;
	margin-right: -21px;
}

.exchange-item {
	float: left;
	margin-top: 20px;
	margin-right: 12px;
}

.exchange-item .exchange-box {
	background: url(../yp/ypsgs/hlb1/images/quiz/exchange.png?5ece3a2) no-repeat 0 0px;
	height: 141px;
	width: 190px;
}
.exchange-item .exchange-box img {
	display: block;
	width: 188px;
	height: 69px;
	margin: 0 auto;
}
.exchange-price {
	font: 500 18px/41px "Microsoft YaHei";
	color: #2f2536;
	text-align: center;
}
.exchange-name{
	font: 500 13px/31px "Microsoft YaHei";
	color: #d5c99f;
	text-align: center;
}
.exchange-limit{
	font: 500 13px/26px "Microsoft YaHei";
	color: #4b464e;
	text-align: center;
}



.exchange-item .exchange-opt {
	text-align: center;
}


.exchange-btn {
	display: inline-block;
	width: 145px;
	height: 42px;
	font: 700 16px/42px "Microsoft YaHei";
}

/*===================弹窗====================*/

.dialog {
	width: 660px;
	padding: 34px 0;
}

.dialog-group {
	width: 750px;
	height: 270px;
}

.dialog-title {
	font: 700 22px/24px "Microsoft YaHei";
	text-align: center;
	margin-bottom: 18px;
}

.dialog-stitle {
	font: 500 12px/28px "Microsoft YaHei";
	color: #8c8c8c;
	text-align: center;
	height: 28px;
	margin-bottom: 18px;
}

.dialog-opt {
	text-align: center;
	margin-top: 30px;
	font-size: 0;
}

.dialog-btn {
	width: 120px;
	height: 36px;
	font: 500 18px/36px "Microsoft YaHei";
	color: #ffedc6;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 10px;

	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn.png?) no-repeat 0 0px;
}

.dialog-btn:hover {
	filter: brightness(1.2);
	text-decoration: none;
}

.dialog-btn.dialog-btn-1 {
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn.png?) no-repeat 0 0px;
}

.dialog-btn.dialog-btn-2 {
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn-em.png?) no-repeat 0 0px;
}

.dialog-btn.dialog-btn-3 {
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn.png?) no-repeat 0 0px;
}
.dialog-btn[data-status="0"]{
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn.png?) no-repeat 0 0px;
	cursor: default;
}
.dialog-btn[data-status="0"]:hover {
	background: url(../yp/ypsgs/hlb1/images/dialog/dlg-btn.png?) no-repeat 0 0px;
	text-decoration: none;
}


.dialog-tip {
	text-align: center;
}

.dialog-tip .dialog-body {
	/*padding-top:46px;*/
}

.dialog-exchange {
	width: 540px;
}

.dialog-gift .dialog-body {
	position: relative;
}

.dialog-exchange .dialog-opt,
.dialog-quiz .dialog-opt {
	text-align: center;
	line-height: 0px;
}

.dialog-quiz {
	width: 440px;
}

.dialog-gift {
	width: 440px;
}

.dialog-gift .copy {
	margin: 0 auto;
	width: 290px;
	padding-left: 60px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.dialog-gift .copy-label {
	float: left;
	margin-left: -60px;
	text-align: left;
	width: 60px;
	height: 30px;
	font: 500 14px/30px "Microsoft YaHei";
	color: #bb975b;
}

.dialog-gift .copy-input {
	background: #6067a7;
	border: solid 1px #9294c1;
	width: 198px;
	height: 22px;
	padding: 3px 5px;
	color: #bb975b;
	float: left;
}

.dialog-gift .copy-btn {
	float: right;
	width: 66px;
	height: 32px;
	overflow: hidden;
	font: 500 14px/30px "Microsoft YaHei";
	color: #fff;
	background: #4b539a;
	text-align: center;
	border-radius: 6px;
	/*margin-top: 1px;*/
	border-top: 1px solid #98a4eb;
	border-bottom: 1px solid #120e32;
}

.dialog-gift .gift-gamedh {
	display: block;
	width: 124px;
	height: 40px;
	background: url(../yp/ypsgs/hlb1/images/dlg-btn.png?) no-repeat 0 0px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
}

.dialog-gift .gift-gamedh:hover {
	background-position: 0 -45px;
}

/* 报名页面 */

.dialog-resign {
	width: 607px;
	height: 330px;
	padding: 34px 10px;
}

.dialog-resign .dialog-line {
	position: relative;
	*zoom: 1;
}

.dialog-resign .dialog-line:after {
	content: "";
	display: table;
	clear: both;
}

.dialog-resign .dialog-line.dialog-line-1 {
	padding: 0 0 20px 30px;
	border-bottom: solid 1px #cccccc;
	z-index: 9;
}

.dialog-resign .dialog-line.dialog-line-2,
.dialog-resign .dialog-line.dialog-line-3 {
	padding-left: 115px;
	padding-top: 14px;
}

.dialog-resign .dialog-line.dialog-line-1 .info-box {
	position: absolute;
	bottom: 20px;
	left: 260px;
}

.dialog-resign .dialog-line .dialog-label {
	float: left;
	font: 500 14px/32px "Microsoft YaHei";
	width: 70px;
	text-align: right;
}

.dialog-resign .dialog-line .dialog-input {
	float: left;
	color: #404040;
	font: 500 14px/32px "Microsoft YaHei";
	height: 32px;
	border: solid 1px #979797;
	background: #ffffff;
	padding: 0 12px;
	width: 276px;
}

.dialog-resign .info-box {
	font: 500 14px/32px "Microsoft YaHei";
}

.dialog-resign .info-box .info-box-line {
	float: left;
}

.dialog-resign .info-box .info-box-line.info-box-line-1 {
	width: 170px;
}

.dialog-resign .info-box .info-box-line.info-box-line-2 {
	width: 150px;
}

.dialog-resign .info-box .span-item {
	color: #2fa8ed;
	font-weight: bold;
}

.dialog-resign .dialog-ps {
	color: #f9842e;
	font: 500 12px/32px "Microsoft YaHei";
	height: 32px;
	text-align: center;
}

.dialog-resign .dialog-opt {
	margin-top: 0;
}

.dec {
	position: absolute;
	width: 460px;
	height: 460px;
	z-index: 1;
	transform: scale(0);
	transform: scale(1)\9\0;
}

.dec.show {
	animation: scale_1 1s forwards ease-in-out;
}

.dec.dec_1 {
	background: url(../yp/ypsgs/hlb1/images/dec_01.png?5ece3a2) no-repeat center top;
	left: 50%;
	margin-left: -960px;
	top: 1170px;
}

.dec.dec_2 {
	background: url(../yp/ypsgs/hlb1/images/dec_02.png?5ece3a2) no-repeat center top;
	right: 50%;
	margin-right: -960px;
	top: 1925px;
}

.dec.dec_4 {
	background: url(../yp/ypsgs/hlb1/images/dec_04.png?5ece3a2) no-repeat center top;
	right: 50%;
	margin-right: -960px;
	top: 3500px;
}

/* 放大 */

@keyframes scale_1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

/* 下拉选服 */

/* 选服框宽高 */

.m_selectlist {
	/* 选择框首条 */
	position: relative;
	*zoom: 1;
	z-index: 111;
	/* 选择框下拉 */
}

.m_selectlist .m_selected {
	display: block;
	width: 216px;
	height: 30px;
	color: #888888;
	background-color: #ffffff;
	cursor: pointer;
	overflow: hidden;
	border: solid 1px #cccccc;
	/*提示*/
	/* 文字区域 */
	/* 下拉区域 */
}

.m_selectlist .m_selected .redtip {
	font: 500 12px/12px "microsoft yahei";
	color: #ffa62e;
	top: 34px;
	left: 0px;
	position: absolute;
}

.m_selectlist .m_selected .select_txt {
	padding: 0 0 0 2px;
	font: 500 12px/30px "microsoft yahei";
	color: #404040;
	overflow: hidden;
	text-align: left;
	width: auto;
	height: auto;
	max-width: 161px;
	margin-left: 11px;
}

.m_selectlist .m_selected .flag_down {
	width: auto;
	height: auto;
	background-color: #ffffff;
	border-left: solid 1px #cccccc;
	display: block;
	overflow: hidden;
	padding: 12px 10px 12px 10px;
}

.m_selectlist .m_selected .flag_down b {
	width: 0;
	height: 0;
	border-top: 6px #404040 solid;
	border-left: 6px transparent dashed;
	border-right: 6px transparent dashed;
	display: block;
	overflow: hidden;
	zoom: 1;
}

.m_selectlist .m_select_cont {
	background-color: #ffffff;
	border: solid 1px #e7e7e7;
	top: 30px;
	width: 184px;
	padding: 0px;
	z-index: 4;
	position: absolute;
	overflow: hidden;
}

.m_selectlist .m_select_cont .selectlist li a {
	background: #ffffff;
	display: block;
	padding: 0 5px;
	font: 500 12px/24px "microsoft yahei";
	color: #404040;
	z-index: 4;
}

.m_selectlist .m_select_cont .selectlist li a:hover {
	background: #404040;
	text-decoration: none;
	color: #ffffff;
}

.m_selectlist .v_scrollbar {
	position: absolute;
	width: 10px;
	z-index: 1;
	right: 0;
	top: 0;
	height: 220px;
	display: none;
	cursor: pointer;
	background: #1f1c3b;
}

.m_selectlist .v_scrollbar_bg {
	position: absolute;
	top: 0;
	width: 10px;
	height: 100%;
	background-color: #1f1c3b;
}

.m_selectlist .v_scrollbar_btn {
	position: absolute;
	width: 8px;
	border: 1px solid #a2aab0;
	z-index: 100;
	top: 0;
	border-radius: 3px;
	background-color: #404040;
}

/* 余下为可复用单独组**************************************************** */

/* 说明列表 */
.exp-box {
	padding: 0 20px;
}

.exp-box .exp-title {
	font: 500 14px/24px "Microsoft YaHei";
	color: #eed98f;
}

.exp-box .exp-txtlist {
	margin-bottom: 18px;
	font: 500 14px/24px "Microsoft YaHei";
	color: #ece8d9;
}
.exp-box .exp-txtlist a{
	font: 500 14px/24px "Microsoft YaHei";
	color: #eed98f;
}


/* 引导列表 */
.guide-box {}

.guide-box .guide-list {
	font-size: 0;
}

.guide-box .guide-item {
	font: 500 14px/24px "microsoft yahei";
	margin-bottom: 10px;
}
.guide-box .guide-item.guide-item-ps{
	padding-left: 110px;
}
.guide-box .guide-label {
	background: url(../yp/ypsgs/hlb1/images/icon/icon-guide.png?) no-repeat right top;
	min-width: 87px;
	padding-right: 12px;

	font: 700 16px/24px "microsoft yahei";
	color: #ffffff;
	float: left;
	margin-right: 10px;
	height: 30px;
}

.guide-box .guide-label span {
	background: #005bcb;
	padding-left: 8px;
	height: 100%;
	display: block;
}

/* 块列表 */
.section-box {
	margin-bottom: 48px;
}

.section-box .section-tit {
	font: 500 30px/32px "Microsoft YaHei";
	height:32px;
	color: #413947;
	margin: 0 auto;
	text-align:center;
	background: url(../yp/ypsgs/hlb1/images/tit/tit_bg.png?5ece3a2) no-repeat center center;

	margin-bottom: 28px;
}

.section-box .section-list {
	font-size: 0;
}

.section-box .section-item {
	font: 500 14px/30px "Microsoft YaHei";
	color: #4b464e;
}
.section-box .section-opt{
	padding-left:77px;
}
.section-opt .section-link{
	display: inline-block;
	width: 160px;
	height: 36px;
	background: url(../yp/ypsgs/hlb1/images/s_link_1.png?5ece3a2) no-repeat left center;
	font: 500 14px/36px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;
}
.section-opt .section-link-2{
	background: url(../yp/ypsgs/hlb1/images/s_link_2.png?5ece3a2) no-repeat left center;
}
.section-opt[data-status] .section-link{
	display:none;
}
.section-opt[data-status] .section-link-1{
	display:block;
}
.section-opt[data-status] .section-link-2{
	display:none;
}
.section-opt[data-status="2"] .section-link-1{
	display:none;
}
.section-opt[data-status="2"] .section-link-2{
	display:block;
	cursor: default;
}
.section-opt[data-status="2"] .section-link-2:hover{
	text-decoration: none;
}


.section-box .section-sub-list {
	font-size: 0;
}

.section-box .section-sub-item {
	padding-left: 16px;
	background: url(../yp/ypsgs/hlb1/images/icon/icon-li-sub.png?) no-repeat left center;
	font: 500 14px/32px "Microsoft YaHei";
}

.section-box .section-tip {
	margin-top: 48px;
	padding: 27px 0;
	text-align: center;
	font: 700 16px/32px "Microsoft YaHei";
	background: #ebebeb;
}

.section-box .section-tip a {
	display: inline-block;
	margin: 0 5px;

	font: 700 14px/32px "Microsoft YaHei";
	min-width: 120px;
	height: 32px;
	background: #005bcb;
	color: #fff;
}

.section-box .section-tip a.em {
	background: #f9842e;
}


/* 转盘 */

.lotte-table {
	width: 790px;
	height: 420px;
}

.lotte-table .lotte-item {
	background: url(../yp/ypsgs/hlb1/images/lottery/lottery-item.png?) no-repeat;
	width: 258px;
	height: 134px;
	position: absolute;
	z-index: 5;
	overflow: hidden;

	transition: filter .3s;

	border: solid 2px #e0e0e0;
}

.lotte-table.entity_lottery_cur1 .lotte-item.item1,
.lotte-table.entity_lottery_cur2 .lotte-item.item2,
.lotte-table.entity_lottery_cur3 .lotte-item.item3,
.lotte-table.entity_lottery_cur4 .lotte-item.item4,
.lotte-table.entity_lottery_cur5 .lotte-item.item5,
.lotte-table.entity_lottery_cur6 .lotte-item.item5,
.lotte-table.entity_lottery_cur7 .lotte-item.item7,
.lotte-table.entity_lottery_cur8 .lotte-item.item8 {
	filter: brightness(1.2);
	border: solid 2px #ead06f;
}

.lotte-table .lotte-item .item-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 32px;
	width: 100%;
	text-align: center;
	
	font: 500 14px/32px "Microsoft YaHei";
	color: #2f2536;
}

.lotte-table .lotte-item .item-img {
	width: 100%;
	height: 100%;
	display: block;
}

.lotte-table .lotte-item .item-img img {
	width: 100%;
	height: 100%;
}

.lotte-table .item1 {
	top: 0px;
	left: 0px;
}

.lotte-table .item2 {
	top: 0px;
	left: 266px;
}

.lotte-table .item3 {
	top: 0px;
	right: 0px;
}

.lotte-table .item4 {
	top: 142px;
	right: 0px;
}

.lotte-table .item5 {
	bottom: 0;
	right: 0px;
}

.lotte-table .item6 {
	bottom: 0;
	left: 266px;
}

.lotte-table .item7 {
	bottom: 0;
	left: 0px;
}

.lotte-table .item8 {
	top: 142px;
	left: 0px;
}

.lotte-btn {
	position: absolute;
	top: 142px;
	left: 266px;
}

.lotte-btn .lotte-start {
	background: url(../yp/ypsgs/hlb1/images/lottery/lottery-start.png?) no-repeat;
	display: block;
	position: relative;
	width: 258px;
	height: 103px;
	transition: filter 0.3s, color 0.3s;

	margin-bottom: 5px;
}

.lotte-btn .lotte-start:hover {
	filter: brightness(1.2);
}

.lotte-btn .lotte-remain {
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	color: #ffffff;
	transition: filter 0.3s, color 0.3s;
}

.lotte-btn .lotte-info .lotte-myaward,
.lotte-btn .lotte-info .lotte-prob {
	float: left;
	display: block;
	font: 700 14px/26px "Microsoft YaHei";
	color: #eed98f;
	text-align: center;

	background:#a72f21;
	border: 1px solid #b24f44;
}

.lotte-btn .lotte-info .lotte-myaward:hover,
.lotte-btn .lotte-info .lotte-prob:hover {
	filter: brightness(1.2);
}

.lotte-btn .lotte-info .lotte-myaward {
	width: 179px;
	height: 26px;
	margin-right: 5px;
}

.lotte-btn .lotte-info .lotte-prob {
	width: 74px;
	height: 26px;
}

/* 转盘-end********************************************************** */

/* 用户信息状态 */

.m-info .login-info .user-name {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: bottom;
	*vertical-align: auto;
}

.m-info .param-roleName {
	position: relative;
	text-align: left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: bottom;
	*vertical-align: auto;
}

.m-info .info-box.info-box-1 {
	display: block;
}

.m-info[data-status="1"] .info-box.info-box-1 {
	display: none;
}

.m-info[data-status="1"] .info-box.info-box-2 {
	display: block;
}

.m-info[data-status="2"] .info-box.info-box-1 {
	display: none;
}

.m-info[data-status="2"] .info-box.info-box-3 {
	display: block;
}

.m-zzjsp {
	text-align: center;
	line-height: 48px;
	height: 48px;
}

.m-zzjsp.dark {
	color: #4b464e;
}


/* 赛事规则---------------------------------------------------------------------------------------- */
.mod--rule .tab-nav {
	margin-right: -4px;
}

.mod--rule .tab-nav-li {
	width: 297px;
	height: 60px;
	margin-right: 4px;
}

.mod--rule .rule-box {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: solid 1px #dfdfdf;
}

.mod--rule .guide-box {
	padding: 26px 20px 16px 20px;
	background: #d7edff;
	margin-bottom: 10px;
}

.mod--rule .guide-box.guide-box-tit {
	text-align: center;
}

.mod--rule .guide-box.guide-box-tit .guide-item {
	display: inline-block;
	background: #abd9ff;
	margin: 0;
}


/* 竞猜 */
.mod--quiz .process-list {
	font-size: 0;
	margin-right: -15px;
}

.mod--quiz .process-item {
	float: left;
	margin-right: 13px;
}

/* 竞猜时间块 */
.process-item {
	position: relative;
	background: url(../yp/ypsgs/hlb1/images/quiz/process_item.png?5ece3a2) no-repeat left center;
	width: 230px;
	height: 148px;
}
.process-item .process-tit {
	position: absolute;
	top: 0;
	left: 0;

	padding-left: 90px;

	font: 500 15px/44px "Microsoft YaHei";
	text-align: right;
	padding-right: 21px;

	width: 230px;
	height:41px;
}

.process-item[data-status="0"] .process-tit{
	background: url(../yp/ypsgs/hlb1/images/quiz/process_item_will.png?5ece3a2) no-repeat left center;
	color: #7a7181;
}

.process-item[data-status="1"] .process-tit{
	background: url(../yp/ypsgs/hlb1/images/quiz/process_item_ing.png?5ece3a2) no-repeat left center;
	color: #ffffff;
}

.process-item[data-status="2"] .process-tit{
	background: url(../yp/ypsgs/hlb1/images/quiz/process_item_over.png?5ece3a2) no-repeat left center;
	color: #2f2536;
}

.process-item .process-time {
	position: absolute;
	left: 0;
	bottom: 14px;
	font: 500 14px/28px "Microsoft YaHei";
	width: 100%;
	text-align: center;
	color: #d5c99f;
}

/* 竞猜列表------------------------------------------------------------------------- */
.mod--quiz .m-list {
}
.m-list{
	min-height: 451px;
	width: 100%;
	background:#4d435b;
	border: solid 1px #726c8f;
}
.m-list .list-table-thead {
	font: 700 16px/45px "Microsoft YaHei";
	text-align: center;
	color: #ffffff;
	border-bottom: solid 1px #726c8f;
}

.m-list .list-table-thead .list-table-th {
	text-align: center;
	font-weight: bold;
}

.m-list .list-table-thead .list-table-th.col-1 {
	width: 290px;
}

.m-list .list-table-thead .list-table-th.col-2 {
	width: 576px;
}

.m-list .mylist-list {
	color: #cec2df;
}

.m-list .list-table-tr {
	height: 99px;
	border: solid 1px #726c8f;
}

.m-list .list-table-td-1 {
	font: 500 16px/99px "Microsoft YaHei";
	text-align: center;
}

.m-list .list-table-td-3 .m-rate {
	margin: 0 auto;
}


.m-guess {
	font-size: 0;
	text-align: center;
}

.m-guess .quiz-team {
	display: inline-block;
	overflow: hidden;
	width: 202px;
	height: 99px;

	vertical-align:top;
}

.m-guess .quiz-team-1 {
	text-align: right;
}

.m-guess .quiz-team-2 {
	text-align: left;
}

.m-guess .team-name {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;

	font: 500 14px/31px "Microsoft YaHei";

	margin-top: 14px;
	margin-bottom: 4px;
}

/* 默认，不可用 */
.m-guess .team-guess {
	display: block;

	font: 700 14px/26px "Microsoft YaHei";
	text-align: center;
	color: #ffffff;

	width: 100px;
	height:26px;
	background: url(../yp/ypsgs/hlb1/images/btn/btn_guess_dis.png?5ece3a2) no-repeat center top;

	transition: background-color 0.3s;
}

/* 不可用 */
.m-guess .team-guess[data-status="0"] ,
.m-guess .team-guess[data-status="2"] {
	cursor: default;
}

.m-guess .team-guess[data-status="0"]:hover ,
.m-guess .team-guess[data-status="2"]:hover {
	text-decoration: none
}

/* 可用 */
.m-guess .team-guess[data-status="1"] {
	background: url(../yp/ypsgs/hlb1/images/btn/btn_guess.png?5ece3a2) no-repeat center top;
}

/* 已竞猜 */
.m-guess .team-guess[data-status="3"] {
	background: url(../yp/ypsgs/hlb1/images/btn/btn_guess.png?5ece3a2) no-repeat center top;
	cursor: default;
}

.m-guess .team-guess[data-status="3"]:hover {
	text-decoration: none
}

.m-guess .quiz-team-1 .team-guess {
	float: right;
}

.m-guess .quiz-team-2 .team-guess {
	float: left;
}

.m-guess .quiz-result {
	margin: 0 8px;
    margin-top: 16px;

	position: relative;
	display: inline-block;
	width: 108px;
	height:31px;
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_result_0.png?5ece3a2) no-repeat center top;
}

.m-guess .quiz-result.quiz-result-0 {
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_result_0.png?5ece3a2) no-repeat center top;
}
.m-guess .quiz-result.quiz-result-1 {
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_result_1.png?5ece3a2) no-repeat center top;
}
.m-guess .quiz-result.quiz-result-2 {
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_result_2.png?5ece3a2) no-repeat center top;
}

.m-rate {
	width: 200px;
	height: 27px;
	background: #424494;
	overflow: hidden;
	border: solid 1px #797381;
}

.m-rate .rate-bar {
	position: relative;
	background: #903c33;
	height: 100%;
	transition: width .3s;
}

/* 决赛模块内容 */
.m-champion {
	width: 1200px;
	position: relative;
	font-size: 0;

	color: #cec2df;
}

.m-champion .champion,
.m-champion .match-game,
.m-champion .match-time {
	position: absolute;
}

.m-champion .champion {
    top: 55px;
    left: 222px;
    width: 711px;
}

.m-champion .match-time {
	width: 323px;
}

.m-champion .match-time-1 {
    top: 141px;
    left: 405px;
}

.m-champion .match-game-1 {
    top: 194px;
    left: 313px;
}

.m-champion .match-time-2 {
    top: 316px;
    left: 405px;
}

.m-champion .match-game-2 {
	top: 378px;
	left: 21px;
	width: 100%;
}

.m-champion .m-guess .quiz-team{
	height: 89px;
}
.m-champion .m-guess .quiz-result{
	height: 31px;
}

.m-champion .match-game-1 .m-guess .quiz-team,
.m-champion .match-game-1 .m-guess .quiz-result {
	height: 50px;
}
.m-champion .match-game-1 .m-guess .team-name,
.m-champion .match-game-2 .m-guess .team-name {
	font-weight: bold;
}
.m-champion .m-rate{
	width: 430px;
	height:17px;
}
.m-champion .champion .team-name {
	font: 500 18px/37px "Microsoft YaHei";
	color: #4d435b;
	text-align: center;
	height: 37px;
	
	margin-bottom: 6px;
}

.m-champion .champion .team-member {
	font: 500 14px/29px "Microsoft YaHei";
	text-align: center;
	height: 29px;
	color: #cec2df;
}

.m-champion .match-time {
	font: 500 14px/30px "Microsoft YaHei";
	text-align: center;
	height: 30px;
}

.m-champion .match-time[data-status="1"] {
	color: #f9842e;
}

/* 冠军模块中的竞猜样式 */
.m-champion .match-item {
    width: 528px;
    height: 109px;
	text-align: center;
}

.m-champion .match-item .m-guess,
.m-champion .match-item .m-rate {
	display: inline-block;
}

.m-champion .match-game-2 .match-item {
	position: absolute;
	top: 0;
}

.m-champion .match-game-2 .match-item-1 {
	left: 21px;
}

.m-champion .match-game-2 .match-item-2 {
	right: 64px;
}

.quiz-pager{
	height: 28px;
	margin-top: 30px;
}

/* 竞猜表格 end---------------------------------------------------------------- */

/* 任务 */
.m-task{
	background: url(../yp/ypsgs/hlb1/images/quiz/exchange_task_bg.png?5ece3a2) no-repeat;
	width: 1200px;
	height: 118px;
	padding:7px 1px 1px 1px;
}
.m-task .task-hd {
	width: 274px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}

.m-task .task-hd,
.m-task .task-list {
	display: inline-block;
	vertical-align: top;
}

.m-task .task-hd .task-tit {
	font: 500 16px/1.2 "Microsoft YaHei";
	color: #eed98f;
	margin: 16px 0;
}

.m-task .task-hd .task-tits {
	font: 500 14px/1.6 "Microsoft YaHei";
	color: #d5c99f;
}

.m-task .task-list {
	font-size: 0;
	padding-top: 20px;
}

.m-task .task-item {
	position: relative;
	background: url(../yp/ypsgs/hlb1/images/quiz/exchange_task.png?5ece3a2) no-repeat;
	width: 411px;
	height: 70px;

	float: left;
	margin-left: 34px;
	text-align: center;
	font-size: 0;
	padding-left: 61px;
}

.task-item .task-tit,
.task-item .task-bd {
	display: inline-block;
	overflow: hidden;
	position: relative;

}

.task-item .task-tit {
	position: absolute;
	left:0;
	top: 0;

	background: url(../yp/ypsgs/hlb1/images/quiz/exchange_task_g.png?5ece3a2) no-repeat;
	width: 61px;
	height: 70px;
	font: 700 40px/70px "Microsoft YaHei";
	color: #413947;
	text-align: center;
}
.task-item .task-con {
	font: 500 13px/38px "Microsoft YaHei";
	color: #d5c99f;
}

.task-item .task-con span {
	font: 500 13px/38px "Microsoft YaHei";
	color: #d5c99f;
}
.task-item .task-opt{
	text-align: left;
	padding-left:26px;
}
.task-item .task-opt a {
	display: inline-block;
}

.task-item .task-opt a.task-btn-share {
	margin: 0 8px;
}


.task-item .task-status {
	display: none;
}

.task-item-1 .task-status {
	position: absolute;
	right: 0;
	bottom: 0;
	font: 500 14px/26px "Microsoft YaHei";
	color: #d34e3e;
	padding: 0 10px;
}

.task-item .icon-tick {
	background: url(../yp/ypsgs/hlb1/images/quiz/tick.png?5ece3a2) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 47px;
	height: 46px;
}

.task-item[data-status="0"] .task-status.task-status-0 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.task-item[data-status="1"] .task-status.task-status-1 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.task-item[data-status="-5"] .task-status.task-status-5 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.task-item[data-status="-6"] .task-status.task-status-6 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}


/* 竞猜&奖励 end --------------------------------------------------------------------- */


/* 荣耀榜 ----------------------------------------- */
.mod--ryb .ryb-img-box{
	background: url(../yp/ypsgs/hlb1/images/ryb/banner.png?5ece3a2) no-repeat;
	width: 1200px;
	height: 578px;
	padding:12px 8px 8px 8px;
}
.mod--ryb .ryb-img{
	width: 1184px;
	height: 558px;

	display:none;
}

.ryb-select{
	width: 224px;
	height:27px;
	background: #e0dae7;
	border: solid 1px #b3acc2;
	padding-left:8px;

	margin-bottom: 11px;

	color: #292031;
	font: 500 14px/25px "Microsoft YaHei";
}

/* 荣耀榜 end ----------------------------------------- */




/* 赛程对阵 ----------------------------------------- */
.m-sch .sch-tab-hds{
	position: relative;
	margin-right: -50px;
	margin-bottom: 20px;
}
.m-sch .sch-pager{
	margin-top: 28px;
}

.sch-tab-hds .tab-hd{
	width: 200px;
	height: 128px;
	float: left;
	margin-right: 50px;
}
.sch-tab-hds .tab-hd.tab-hd-1{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_32.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.tab-hd-2{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_16.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.tab-hd-3{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_8.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.tab-hd-4{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_4.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.tab-hd-5{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_1.png?5ece3a2) no-repeat;
}

.sch-tab-hds .tab-hd.cur.tab-hd-1{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_32_cur.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.cur.tab-hd-2{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_16_cur.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.cur.tab-hd-3{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_8_cur.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.cur.tab-hd-4{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_4_cur.png?5ece3a2) no-repeat;
}
.sch-tab-hds .tab-hd.cur.tab-hd-5{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_1_cur.png?5ece3a2) no-repeat;
}

.sch-tab-bds .tab-bd .sch-cont{
	position: relative;
	background: url(../yp/ypsgs/hlb1/images/sch/sch_game.png?5ece3a2) no-repeat;
	width: 1200px;
	height:498px;

	padding:26px 20px 21px 22px;
}
.sch-tab-bds .tab-bd .sch-cont.sch-cont-final{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_game_final.png?5ece3a2) no-repeat;
}
.sch-tab-bds .tab-bd .sch-cont.sch-cont-empty{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_game_empty.png?5ece3a2) no-repeat;
}
.sch-tab-bds .tab-bd .sch-cont.sch-cont-empty .sch-table{
	display: none;
}


.sch-table {
	width: 100%;
	
	border-right: 1px solid #726c8f;
	border-bottom: 1px solid #726c8f;
}
.sch-table th{
	border-left: 1px solid #726c8f;
	border-top: 1px solid #726c8f;

	font: 700 14px/48px "Microsoft YaHei";
	color: #ffffff;
	text-align: center;
}
.sch-table td{
	position: relative;
	border-left: 1px solid #726c8f;
	border-top: 1px solid #726c8f;

	font: 500 14px/49px "Microsoft YaHei";
	color: #cec2df;
	text-align: center;
}
.sch-table td span{
	width: 200px;
	display: block;
    margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sch-table td.win{
	font-weight: bold;
	color: #f6d672;
}

.sch-cont-final .final-team{
	background: url(../yp/ypsgs/hlb1/images/sch/sch_item.png?5ece3a2) no-repeat;
	width: 190px;
	height:37px;

	padding:0 14px;
	font: 700 14px/37px "Microsoft YaHei";
	color: #4d435b;
	text-align: center;

	position: absolute;
}
.sch-cont-final .final-team label{
	display: inline-block;
	vertical-align: top;
}
.sch-cont-final .final-team span{
    width: 162px;
    display: inline-block;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sch-cont-final .final-team.final-team-1{
	top:73px;
	left:92px;
}
.sch-cont-final .final-team.final-team-2{
	top:163px;
	left:92px;
}
.sch-cont-final .final-team.final-team-3{
	top:299px;
	left:92px;
}
.sch-cont-final .final-team.final-team-4{
	top:389px;
	left:92px;
}
.sch-cont-final .final-team.final-team-5{
	top:170px;
	left:496px;
}
.sch-cont-final .final-team.final-team-6{
	top:294px;
	left:496px;
}
.sch-cont-final .final-team.final-team-7{
	top:234px;
	left:859px;
}

.sch-cont-final .final-team.final-champion span{
    width: 110px;
}
.final-champion::after{
	content:"";
	position:absolute;
	left:50%;
	top: 41px;
	transform: translate(-50%,0);

	background: url(../yp/ypsgs/hlb1/images/sch/sch_item_arr.png?5ece3a2) no-repeat;
	width: 19px;
	height:10px;
}
.final-champion::before{
	content:attr(data-player);
	position:absolute;
	left:50%;
	top: 54px;
	transform: translate(-50%,0);

	background:#2f2536;
	border: solid 1px #726c8f;

	padding:0 10px;

	font: 500 14px/28px "Microsoft YaHei";
	color: #ecd379;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	width: 300px;
}


/* 赛程对阵 end----------------------------------------- */


/* 参赛队伍 --------------------------------------------------------------------- */
.mod--team {}

.mod--team .team-search {
	font-size: 0;
	margin-bottom: 30px;
}

.mod--team  .team-search .search-label,
.mod--team  .team-search .search-input,
.mod--team  .team-search .search-btn {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

.mod--team .team-search .search-label {
	font: 500 14px/34px "Microsoft YaHei";
	margin-right: 10px;
}

.mod--team .team-search .search-input {
	width: 290px;
	height: 34px;
	border: solid 1px #b3acc2;
	background: #e0dae7;
	padding: 0 10px;
	margin-right: 5px;

	font: 500 14px/34px "Microsoft YaHei";
	color: #6f6a73;
}

.mod--team .team-search .search-btn {
	padding: 0 10px;
	line-height: 34px;
	height: 34px;
}

.mod--team .team-list {
	font-size: 0;
	margin-right: -20px;
}

.mod--team .team-item {
	float: left;
	background: url(../yp/ypsgs/hlb1/images/team/team.png?5ece3a2) no-repeat;
	width: 290px;
	height: 148px;

	padding-left: 20px;

	margin-right: 13px;
	margin-bottom: 12px;
}

.mod--team .team-item .team-info {
	font: 500 18px/40px "microsoft yahei";
	color: #2f2536;
}
.mod--team .team-member{
	font-size: 0;
	padding-top: 6px;
}
.mod--team .team-member .team-label{
	font: 500 16px/32px "microsoft yahei";
	color: #ffffff;
}
.mod--team .team-member .member-item {
	font-size: 0;
}

.mod--team .team-member .member-roleName {
	display: inline-block;
	font: 500 14px/26px "microsoft yahei";
	overflow: hidden;
	color: #d5c99f;

	padding-left: 40px;
}

.mod--team .team-member .member-roleName {
	width: 196px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 标签 */
.mod--team .team-item .team-label {
	font-weight: bold;
	display:inline-block;
}



/* common弹出框使用 -------------------------------------------------------------------- */
.dialog-common{
	width: 640px;
    padding: 34px 0;
}



.dialog-common .dialog-title {
	font: 700 22px/24px "Microsoft YaHei";
	text-align: center;
	margin-bottom: 18px;
}

.dialog-common .dialog-stitle {
	font: 500 12px/28px "Microsoft YaHei";
	color: #8c8c8c;
	text-align: center;
	height: 28px;
	margin-bottom: 18px;
}

.dialog-common .dialog-textarea {
	padding: 10px;
	height: 112px;
	width: 474px;
	border: solid 1px #cccccc;
	text-align: left;
	background-color: #ffffff;
	font: 500 14px/28px "microsoft yahei";
	resize: none;
	overflow: auto;

	display: block;
	margin: 0 auto;
}

.dialog-common .dialog-img {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
}

.dialog-common .dialog-ul {
	font-size: 0;
	margin: 10px 0;
	padding:0 26px;
}

.dialog-common .dialog-li {
	position: relative;
	font-size: 0;
	margin-bottom: 1px;
	padding-left: 30px;
}
.dialog-common .dialog-li:nth-child(odd) {
	background: #ededed;
}

.dialog-common .dialog-li:nth-child(even) {
	background: #f3f3f3;
}

.dialog-common .dialog-li-name {
	position: absolute;
	left: 120px;
	top: 0;
	font: 500 14px/24px "microsoft yahei";
}

.dialog-common .dialog-li-val {
	padding-left: 400px;
	font: 500 14px/24px "microsoft yahei";
}

.dialog-common .dialog-li .dialog-span {
	width: 33%;
	display: inline-block;
	font: 500 14px/52px "microsoft yahei";
	height: 52px;
}

.dialog-common .dialog-opt {
	/* 内部按钮一般使用定位 */
	text-align: center;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
}

.dialog-common .dialog-btn {
	margin: 0 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.dialog-common .dialog-txt {
	font: 500 14px/52px "microsoft yahei";
	height: 52px;
	text-align: center;
}
.dialog-common .dialog-txt span{
	color: #f9842e;
}

.dialog-common .dialog-ps {
	color: #f9842e;
	font: 500 12px/32px "Microsoft YaHei";
	height: 32px;
	text-align: center;
}

.dialog-common .copy-input {
	float: left;
	width: 50%;
	margin-right: 10px;
	font: 500 16px/24px "microsoft yahei";
	color: #eeeaff;
	height: 24px;
	border: solid 1px #9b91c4;
	background: #9b91c4;
	padding-left: 10px;
}

.dialog-common .copy-btn {
	float: left;
	background-position: 0 -82px;
	width: 68px;
	height: 24px;
	font-size: 0;
}

.dialog-common .copy-btn:hover {
	filter: brightness(1.2);
}

.dialog-common .dialog-oper {
	*zoom: 1;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.dialog-common .dialog-oper:after {
	content: "";
	display: table;
	clear: both;
}

.dialog-common .dialog-oper {
	*zoom: 1;
}

.dialog-common .dialog-oper:after {
	content: "";
	display: table;
	clear: both;
}

.dialog-common .dialog-oper .copy-btn {
	display: inline-block;

	width: 42px;
	height: 32px;
	font-size: 0;
	font: 500 14px/32px 'Microsoft YaHei';
	color: #ffffff;
	background-color: #005bcb;
	text-align: center;
	transition: filter .3s;
}

.dialog-common .dialog-oper .dialog-label,
.dialog-common .dialog-oper .dialog-input {
	float: left;
	height: 30px;
}

.dialog-common .dialog-oper .dialog-label {
	width: 199px;
	text-align: right;
	font: 500 14px/30px "microsoft yahei";
}

.dialog-common .dialog-oper .dialog-label em {
	color: red;
}

.dialog-common .dialog-oper .dialog-input {
	height: 28px;
	width: 230px;
	padding-left: 10px;
	border: solid 1px #cccccc;
	text-align: left;
	background-color: #ffffff;
	font: 500 14px/28px "microsoft yahei";
}

.dialog-common .dialog-oper .dialog-input[readonly] {
	border: solid 1px transparent;
}

.dialog-common .dialog-oper .dialog-textarea {
	height: 100px;
	width: 230px;
	padding-left: 10px;
	border: solid 1px #6970ca;
	text-align: left;
	background-color: #ffffff;
	font: 500 14px/28px "microsoft yahei";
	color: #6970ca;
	resize: none;
	overflow: auto;
}

.dialog-common .dialog-oper .dialog-textarea[readonly] {
	border: solid 1px transparent;
}

/* common弹出框使用 end----------------------------------------------------------------- */



/* 分页 ---------------------------------------------------------- */
.page-pager{
	text-align: center;

}

.page-pager a,
.page-pager span,
.page-pager span.cur {
	width: 28px;
	height: 28px;
	display: inline-block;
	text-decoration: none;
	margin:0 2px;
	font: 500 14px/28px "Microsoft YaHei";
	text-align: center;

	color: #4b464e;
	background: #fdfdfd;
}

.page-pager span.cur {
	color: #ffffff;
	background: #4d435b;
	text-decoration: underline;
}

.page-pager a:hover {
	color: #ffffff;
	background: #4d435b;
}

.page-pager a.pager-first,
.page-pager a.pager-last,
.page-pager span.pager-first,
.page-pager span.pager-last {
	width: 55px;
}

/* 分页 end------------------------------------------------------- */

/* 搜索条 ---------------------------------------------------------- */
.search-bar{
	margin-bottom: 20px;
}
.search-bar .bar-tag{
	display: inline-block;
	position: relative;
	padding: 0 10px;
	font: 500 12px/22px "Microsoft YaHei";
	border: 1px solid #FFA945;
}
.search-bar .bar-close{
	background: url(../yp/ypsgs/hlb1/images/icon/close.png?5ece3a2) no-repeat left top;
	width: 18px;
	height:18px;

	position: absolute;
	right: -8px;
	top: -8px;
	cursor: pointer;
}
/* 搜索条 end------------------------------------------------------- */

.reject-list,
.invate-list{
	height: 212px;
	margin-bottom: 10px;
}
.reject-pager,
.invate-pager{
	height:24px;
}


/* 竞猜 */
.m-quiz{
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_bg.png?5ece3a2) no-repeat center top;
	width: 1200px;
	height:578px;

	position: relative;

	padding:26px 20px 21px 22px;
}
.m-quiz.final{
	width: 1200px;
	height:611px;
	background: url(../yp/ypsgs/hlb1/images/quiz/quiz_cont_final.png?5ece3a2) no-repeat center top;
}
.m-quiz .quiz-empty{
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translate(0,-50%);

	font: 700 30px/32px "Microsoft YaHei";
	color: #ffffff;

	display: none;
}
.m-quiz[data-status="0"] .tab-bd{
	display: none !important;
}
.m-quiz[data-status="0"] .quiz-empty{
	display: block;
}
.m-quiz .tab-nav{
	font-size: 0;
	margin-right: -39px;
	margin-bottom: 33px;
}
.m-quiz .tab-nav-li{
	position: relative;
	text-align: center;
	float: left;
	margin-right: 39px;
}
.m-quiz .tab-nav-li[data-status="0"] a{
	cursor: default;
}
.m-quiz .tab-nav-li[data-status="0"] a:hover{
	text-decoration: none;
}
.m-quiz .tab-nav-li[data-status="0"]::after{
	content: "";
	background: url(../yp/ypsgs/hlb1/images/quiz/process_tab_will.png?5ece3a2) no-repeat center top;
	width: 47px;
	height:46px;

	position: absolute;
	right: 0;
	top: 0;
}
.m-quiz .tab-nav-li a{
	position: relative;
	display: block;
	background: url(../yp/ypsgs/hlb1/images/quiz/process_tab.png?5ece3a2) no-repeat center top;
	width: 200px;
	height:47px;

	font: 500 18px/47px "Microsoft YaHei";
	color: #2f2536;
}
.m-quiz .tab-nav-li.cur a{
	color: #ffffff;
	background: url(../yp/ypsgs/hlb1/images/quiz/process_tab_cur.png?5ece3a2) no-repeat center top;
}
.m-quiz .tab-nav-li.cur a::after{
	content:'';
	background: url(../yp/ypsgs/hlb1/images/quiz/process_tab_cur_arr.png?5ece3a2) no-repeat center top;
	width: 22px;
	height:13px;

	position: absolute;
	left:50%;
	top: 53px;
	transform: translate(-50%,0);
}