@charset "utf-8";
/*默认样式 START*/
	/*重置样式 START */
		*{ margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
		body {font-family: Helvetica, "Microsoft YaHei" ; color:#666666; text-size-adjust:none;}
		a{ text-decoration:none; cursor:pointer; color:#0F0; bblr:expression(this.onFocus=this.blur()); outline-style:none; color: #474747}
		a:hover{ text-decoration:none; }
		a{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
		img{border: 0 none;}
		.cf:before,.cf:after {content:"";display:table;}
		.cf:after {clear:both;}
		.cf {zoom:1;}
	/*重置样式 END */
	/*默认模块样式 START*/
		.wrap{
			min-width: 1200px;
			width: 100%;
			font-size: 14px;
		}
		h1{
			position: absolute;
			top: 0;
			left: 0;
		}
		.inner_wrap{
			position: relative;
			overflow: hidden;
			background-image: none;
			background-color: #fff;
			background-position: center top;
		}
		header{
			position: relative;
			width: 1200px;
			margin: 0 auto;
		}
		h1{
			position: absolute;
			top: 4px;
			left: 0;
			width: 236px;
			height: 60px;
			background-image: url(../img/logo.png);
		}
		h1 a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999em;
			overflow: hidden;
		}
		.h_cont{
			text-align: right;
			height: 68px;
			padding: 16px;
		}
		.h_cont a{
			display: inline-block;
			vertical-align: top;
			height: 32px;
			line-height: 32px;
			margin: 0 4px;
			padding: 0 16px;
			background-color: #000;
			color: #fff;
			font-size: 16px;
			text-align: center;
			border-radius: 5px;
    }
		.cont{
			width: 1200px;
			margin: 0 auto;
			padding: 0;
			margin: 0 auto;
    }
    
		.c_item{
			position: relative;
			z-index: 31;
			margin: 0 auto;
		}
		.ci_cont{
			position: relative;
			z-index: 2;
			margin: 0;
    }
    .ci_time {
      width: 100% !important;
      position: absolute;
      top: 540px;
      text-align: left;
    }
    .ci_time .ci_cont {
      width: 1200px;
      margin: 0 auto;
    }
    .ci_time p {
      font-size: 35px;
			line-height: 35px;
			font-weight: bold;
      color: #fff;
    }
    .ci_time .ci_title {
			margin-left: 77px;
			margin-bottom: 24px;
		}
    .ci_time .ci_text {
			margin-left: 90px;
		}
		
		.ci_bg {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			margin: 0;
			background-image: url(../img/ci_bg_c.png);
			background-repeat: repeat-y;
		}
		.ci_bg:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/ci_bg_t.png);
			background-repeat: no-repeat;
			background-position: center top;
		}
		.ci_bg:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/ci_bg_b.png);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.ci_text{
			position: relative;
			margin: 0 20px 10px;
			padding: 0 0 4px;
			line-height: 32px;
			font-size: 16px;
			color: #000;
		}
		.ci_tip{
			text-align: center;
		}
		.ci_rule{
			padding: 0 0 4px 40px;
		}
		.ci_rule span{
			display: block;
		}
		.ci_rule i{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 40px;
			font-style: normal;
		}
		.ci_img{
			margin: 0 20px 40px;
		}
		.ci_img img{
			display: block;
			width: 100%;
		}
		.s{
			position: relative;
			text-align: center;
			margin: 0 20px 40px;
		}
		.s a{
			display: inline-block;
			width: 200px;
			height: 64px;
			line-height: 64px;
			margin: 0 20px;
			font-size: 30px;
			text-align: center;
			color: #fff;
			background-image: url(../img/.png);
		}

		footer{
			padding: 32px 0;
			line-height: 20px;
			background-color: #1e1e1e;
		}
		.f_cont{
			width: 1200px;
			margin: 0 auto;
		}
		.f_cont p{
			height: 24px;
			font-size: 12px;
			text-align: center;
			color: #fff;
		}
		.sider{
			position: absolute;
			z-index: 81;
			top: 0;
			right: 10px;
			transition:top ease 0.5s;
			-webkit-transition:top ease 0.5s;
			-moz-transition:top ease 0.5s;
			-ms-transition:top ease 0.5s;
			-o-transition:top ease 0.5s;
}
		.sider_list{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.sider_item{
			display: block;
			width: 100px;
			height: 100px;
			font-size: 24px;
			line-height: 32px;
			text-align: center;
			background-image: url(../img/sider_item.png);
		}
		.sider_btn{
			display: block;
			width: 100%;
			height: 100%;
			color: #fff;
		}
	/*默认模块样式 END*/
	/*弹窗样式 START*/
		.mask{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			display: none;
			width: 100%;
			height: 100%;
			background-color:#000;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.modal_wrap{
			display: none;
			position: absolute;
			top: 20%;
			left: 50%;
			width: 800px;
			margin: 0 0 0 -400px;
			z-index: 99;
			background-color: #fff;
			border: 3px solid #000;
			border-radius: 10px;
			overflow: hidden;
		}
		.modal_info{
			
		}
		.modal_title{
			width: 100%;
			height: 64px;
			margin: 20px 0 0;
			line-height: 64px;
			text-align: center;
			font-size: 32px;
			color: #111;
		}
		.modal_cont{
			padding: 20px;
		}
		.modal_exit .modal_cont{
			padding: 0;
		}
		.mc_text{
			padding: 80px 40px 40px;
		}
		.modal_feedback .mc_text{
			padding: 40px 40px 0;
		}
		.modal_cont img{
			width: 100%;
		}
		.modal_cont p{
			margin: 0 20px 10px;
			font-size: 24px;
			line-height: 32px;
			text-align: center;
			color: #222;
		}
		.modal_cont p span{
			color: #666;
		}
		.modal_cont .modal_tip{
			color: #333
		}
		.modal_feedback .modal_tip{
			font-size: 12px;
			line-height: 16px;
			text-align: right;
		}
		.modal_wrap .mlf_title{
			line-height: 64px;
			text-align: center;
			font-size: 32px;
			color: #111;
		}
		.modal_wrap .mlf_item{
			line-height: 48px;
			margin: 0 0 12px;
			padding: 0 0 0 120px;
		}
		.modal_wrap .mlf_item label{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 120px;
			margin: 0 0 0 -120px;
		}
		.modal_wrap .mlf_item input{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 80%;
			height: 48px;
			line-height: 48px;
			padding: 0 20px 0 20px;
			border: 0 none;
			color: #343434;
			background-color: #eee;
		}
		.modal_wrap .mlf_link{
			text-align: right;
		}
		.modal_wrap .mlf_link a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			text-decoration: underline;
		}
		.ml_form{
			margin: 10px 0 0;
		}
		.ml_list{
			height: 100px;
			overflow: auto;
		}
		.modal_list_2 .ml_list{
			height: 200px;
		}
		.modal_cont table{
		  width: 100%;
		  line-height: 48px;
		  border-collapse:collapse;
		  margin:auto;
		}
		.modal_cont thead tr{
		}
		.modal_cont tbody{
		  width: 100%;
		}
		.modal_cont tbody tr{
			width: 100%;
			border-bottom: 1px dashed #343434;
		}
		.modal_cont th{
		  line-height: 64px;
		  font-size: 32px;
		  color: #343434;
		  font-weight: normal;
		}
		.modal_cont td {
		  text-align: center;
		  padding: 0;
		  color: #343434;
		  font-size: 24px;
		}
		.modal_cont .col_2{
		  width: 20%;
		}
		.modal_cont .col_3{
		  width: 30%;
		}
		.modal_cont .col_4{
		  width: 40%;
		}
		.modal_textarea{
			display: block;
			width: 620px;
			height: 80px;
			padding: 10px 10px;
			margin: 20px auto 10px;
			font-size: 24px;
		    line-height: 32px;
		    color: #343434;
		}
		.modal_btns{
			margin: 0 auto;
			padding: 20px 0 40px;
			text-align: center;
		}
		.modal_btn{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 200px;
			height: 64px;
			margin: 0 20px;
			line-height: 64px;
			background-color: #000;
			color: #fff;
			border-radius: 5px;
			text-align: center;
			font-size: 32px;
		}
		.modal_close{
			position: absolute;
			top: 8px;
			right: 8px;
			display: block;
			width: 52px;
			height: 52px;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/m_close.png);
			background-color: #000;
			border-radius: 26px;
		}
	/*弹窗样式 END*/
/*默认样式 END*/
/*模块样式 START*/
	/*大富翁组件 START*/
		.monopoly_wrap{			
			
		}
		.monopoly_wrap .ci_cont {
			position: absolute;
			top: 0;
			left: 0;
		}
		.monopoly_wrap .ci_cont .ci_text {
			color: #39262a;
			padding: 0 60px;
		}
		.monopoly_wrap .ci_cont .ci_text i {
			font-style: normal;
		}
		
    .monopoly_info .ci_text {
      margin: 0;
    }
		.monopoly_info{
			position: relative;
			margin: 0;
			padding: 50px 120px 0 360px;
			margin-bottom: 20px;
		}
		.monopoly_avatar{
			position: absolute;
			top: 60px;
			left: 0;
			width: 360px;
			height: 270px;
		}
		.monopoly_detail{
      padding: 100px 0 80px;
      font-weight: bolder;
		}
		.monopoly_detail_name,
		.monopoly_detail_state{
			line-height: 30px;
			font-size: 20px;
			margin-bottom: 15px;
			color: #fff;
		}
		.monopoly_detail_intro{
			font-size: 20px;
			line-height: 30px;
			color: #fff;
		}
		.monopoly_detail_award{
			line-height: 48px;
			font-size: 24px;
			color: #fffbc9;
		}
		.monopoly_detail_award i{
			font-style: normal;
		}
		.monopoly_receive_title {
			position: absolute;
			top: 65px;
			right: 286px;
			font-size: 28px;
			font-weight: bold;
			color: #28272b;
		}
		
		.monopoly_gift{
			position: absolute;
			top: 105px;
			right: 162px;
			width: 361px;
			height: 105px;
			line-height: 105px;
      font-size: 32px;
      padding: 2px 0 125px;
			color: #000;
			font-weight: bold;
			background-image: url(../img/monopoly_gift.png);
			text-align: center;
		}
		.monopoly_gift {
			display: inline-block;
			font-size: 30px;
			margin: 0 5px;
			color: #28272b;
			font-weight: bold;
		}

		.monopoly_gift i {
			font-style: normal;
		}
		
		.monopoly_task{
			height: 48px;
      line-height: 48px;
      padding: 0 40px;
			margin: 10px 0;
		}
		.monopoly_task_item{
			display: inline-block;
			vertical-align: top;
			width: 375px;
			height: 48px;
		}
		.monopoly_task_item_1{
			text-align: left;
    }
		.monopoly_task_item_4{
      width: 150px;
			text-align: right;
		}
		.monopoly_task_item_3{
			width: 200px;
		}
		.monopoly_task_name{
			display: inline-block;
			margin: 0 20px 0 0;
			font-size: 18px;
			color: #fff;
		}	
		.monopoly_task_btn{
			display: inline-block;
			vertical-align: middle;
		}
		
		.monopoly_task_item_1 .monopoly_task_btn {
			background-image: url('../img/monopoly_btn_1.png');
			width: 148px;
			height: 55px;
		}
		
		.monopoly_task_item_2 .monopoly_task_btn {
			background-image: url('../img/monopoly_btn_2.png');
			width: 148px;
			height: 55px;
		}
		
		.monopoly_task_item_4 .monopoly_task_btn {
			background-image: url('../img/monopoly_btn_3.png');
			width: 178px;
			height: 55px;
		}
		
		.monopoly_cont{
			position: relative;
			width: 1200px;
			height: 862px;
			margin: 0 auto;
			background-image: url(../img/monopoly_bg.png);
		}
		.monopoly_cont_container{
			position: relative;
			width: 1200px;
			height: 700px;
		}
		.monopoly_end .monopoly_cont_container{
			display: none;
		}
		.monopoly_cont_layer{
			display: none;		
			width: 100%;
			height: 100%;
		}
		.monopoly_cont_layer i{
			display: block;
			height: 100%;
			background-image: url(../img/monopoly_cont_layer.png);
		}
		.monopoly_end .monopoly_cont_layer{
			display: block;
		}
		.monopoly_player{
			position: absolute;
			z-index: 9;
			top: 12.5%;
			left: 12.5%;
			width: 142px;
			height: 169px;
			margin: -90px 0 0 0px;
			background-image: url(../img/monopoly_player.png);
			transition: all ease 0.5s;
		}
		.monopoly_list{
			position: relative;
			z-index: 2;
			width: 100%;
			height: 100%;
			list-style: none;
			margin: 55px 0 0;
			padding: 0;
		}
		.monopoly_item{
			position: absolute;
			width: 230px;
			height: 132px;			
      margin: -65px 0 0 -110px;
			background-image: url(../img/monopoly_item.png);
		}
		.monopoly_item a{
			display: block;
			width: 100%;
			height: 100%;
			color: #fff;
		}
		.monopoly_result{
			display: block;
			margin: 20px 0 0;
			line-height: 60px;
			font-size: 30px;
			font-weight: bold;
			text-align: center;
		}
		.monopoly_result i{
			margin: 0 5px;
			font-style: normal;
		}
		.monopoly_text{
			display: block;
			line-height: 24px;
			font-size: 14px;
			text-align: center;
		}
		.monopoly_item_s,
		.monopoly_step_0{
			top: 12.5%;
			left: 12.5%;
		}
		.monopoly_item_1,
		.monopoly_step_1{
			top: 12.5%;
			left: 37.5%;
		}
		.monopoly_item_2,
		.monopoly_step_2{
			top: 12.5%;
			left: 62.5%;
		}
		.monopoly_item_3,
		.monopoly_step_3{
			top: 12.5%;
			left: 87.5%;
		}
		.monopoly_item_4,
		.monopoly_step_4{
			top: 37.5%;
			left: 87.5%;
		}
		.monopoly_item_5,
		.monopoly_step_5{
			top: 37.5%;
			left: 62.5%;
		}
		.monopoly_item_6,
		.monopoly_step_6{
			top: 62.5%;
			left: 62.5%;
		}
		.monopoly_item_7,
		.monopoly_step_7{
			top: 62.5%;
			left: 87.5%;
		}
		.monopoly_item_8,
		.monopoly_step_8{
			top: 87.5%;
			left: 87.5%;
		}
		.monopoly_item_9,
		.monopoly_step_9{
			top: 87.5%;
			left: 62.5%;
		}
		.monopoly_item_10,
		.monopoly_step_10{
			top: 87.5%;
			left: 37.5%;
		}
		.monopoly_item_11,
		.monopoly_step_11{
			top: 87.5%;
			left: 12.5%;
		}
		.monopoly_item_12,
		.monopoly_step_12{
			top: 62.5%;
			left: 12.5%;
		}		
		.monopoly_item_13,
		.monopoly_step_13{
			top: 37.5%;
			left: 12.5%;
		}
		.monopoly_line{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.monopoly_line_item{
			position: absolute;
			width: 80px;
			height: 70px;
			margin: -36px 0 0 -40px;
      background-image: url(../img/monopoly_line_item.png);
      background-position: center;
      background-repeat: no-repeat;
		}
		.monopoly_line_item_s{
			top: 12.5%;
			left: 25%;
		}
		.monopoly_line_item_1{
			top: 12.5%;
			left: 50%;
		}
		.monopoly_line_item_2{
			top: 12.5%;
			left: 75%;
		}
		.monopoly_line_item_3{
			top: 25%;
			left: 87.5%;
		}
		.monopoly_line_item_4{
			top: 37.5%;
			left: 75%;
		}
		.monopoly_line_item_5{
			top: 50%;
			left: 62.5%;
		}
		.monopoly_line_item_6{
			top: 62.5%;
			left: 75%;
		}
		.monopoly_line_item_7{
			top: 75%;
			left: 87.5%;
		}
		.monopoly_line_item_8{
			top: 87.5%;
			left: 75%;
		}
		.monopoly_line_item_9{
			top: 87.5%;
			left: 50%;
		}
		.monopoly_line_item_10{
			top: 87.5%;
			left: 25%;
		}
		.monopoly_line_item_11{
			top: 75%;
			left: 12.5%;
		}
		.monopoly_line_item_12{
			top: 50%;
			left: 12.5%;
		}
		.monopoly_line_item_13{
			top: 25%;
			left: 22.5%;			
			width: 160px;
		}
		.monopoly_btns{
			position: absolute;
			z-index: 3;
			top: 33.5%;
			left: 37.5%;
			width: 300px;
			height: 320px;
			margin: -50px 0 0 -150px;
		}
		.monopoly_dice_wrap{
			position: relative;
			width: 140px;
			height: 140px;
			margin: 0 auto 25px;
		}
		.monopoly_dice_item{
			position: absolute;
			top: 20px;
			left: 20px;
			width: 100px;
			height: 100px;
			background-color: #fff;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		.monopoly_dice_wrap .monopoly_dice_item_s{
			top: 0;
			left: 0;
			width: 140px;
			height: 140px;
			background-color: transparent;
			background-image: url(../img/dice_item_s.png);
		}
		.monopoly_dice_item_1{
			background-image: url(../img/dice_item_1.png);
		}
		.monopoly_dice_item_2{
			background-image: url(../img/dice_item_2.png);
		}
		.monopoly_dice_item_3{
			background-image: url(../img/dice_item_3.png);
		}
		.monopoly_dice_item_4{
			background-image: url(../img/dice_item_4.png);
		}
		.monopoly_dice_item_5{
			background-image: url(../img/dice_item_5.png);
		}
		.monopoly_dice_item_6{
			background-image: url(../img/dice_item_6.png);
		}
		.monopoly_dice_wrap .sel{
			opacity: 1;
			filter: alpha(opacity=100);
		}
		.monopoly_dice_wrap .diceRoll{
			-webkit-animation: diceRoll 0.3s linear 0s infinite both;
			-o-animation: diceRoll 0.3s linear 0s infinite both;
			animation: diceRoll 0.3s linear 0s infinite both;
		}
		.monopoly_btn{
			display: block;
			width: 114px;
			height: 87px;
      margin: 0 auto;
      padding: 0 0 0 170px;
			background-image: url(../img/monopoly_btn.png);
      overflow: hidden;
      text-align: center;
    }

    .monopoly_refresh {
      position: absolute;
			top: 130px;
			right: 0;
		}

    .monopoly_refresh a {
			color: #d20006;
			font-size: 22px;
			font-weight: bold;
    }
    
    .monopoly_operate {
      font-size: 34px;
      font-weight: bolder;
      color: #d20006;
    }
		.monopoly_num{
			height: 40px;
			text-align: center;
			color: #171817;
			font-size: 22px;
			white-space: nowrap;
			line-height: 87px;
		}
		.monopoly_num i{
			font-style: normal;
			margin: 0 4px;
		}
		
		.monopoly_tip{
      margin-top: 5px;
			line-height: 24px;
			font-size: 14px;
			color: #fff;
			text-align: center;
		}
		.monopoly_tip span{
			display: block;
			margin: 0 5px;
		}
	/*大富翁组件 END*/
/*模块样式 END*/
/*定制样式 START*/
	/*默认模块样式 START*/
		.inner_wrap{
			background-image: url(../img/bg.jpg);
			background-color: transparent;
			background-position: center top;
			background-repeat: no-repeat;
		}
		.h_cont a{
			background-color: #57c7f4;
			color: #ffffff;
		}
		.ci_text{
			color: #6f250b;
		}
		.ci_tip{
			color: #6f250b;
		}
		.ci_rule{
			color: #000000;
		}
		.ci_rule span{
			color: #000000;
		}
		.ci_rule i{
			color: #fff;
		}
		.s a{
			color: #fff;
			font-weight: bold;
		}
		
		html body .wrap .inner_wrap .disabled{
			background-color: #999;
			color: #fff;
		}

		footer{
			background-color: #000;
		}
		.f_cont p{
			color: #9f8b8a;
		}
		.sider_btn{
			color: #000000;
		}	
	/*默认模块样式 END*/
	/*弹窗样式 START*/
		.modal_wrap{
			border-color: #9be2ff;
		}
		.modal_title{
			color: #111;
		}
		.modal_cont p{
			color: #222;
		}
		.modal_cont p span{
			color: #666;
		}
		.modal_cont .modal_tip{
			color: #000000
		}
		.modal_btn{
			background-color: #9be2ff;
			color: #fff;
		}
		.modal_close{
			background-color: #9be2ff;
		}
	/*新增模块样式 START*/
		.monopoly_detail_name{
			color: #39262a;
		}
		.monopoly_detail_state{
			color: #39262a;
		}
		.monopoly_detail_intro{
			color: #39262a;
		}
		.monopoly_detail_award{
			color: #39262a;
		}
		.monopoly_gift{
			color: #39262a;
		}
		.monopoly_task_name{
			color: #000000;
		}		
		.monopoly_task_btn{
			color: #ffabab;
		}
		.monopoly_item a{
			color: #fff;
		}
		.monopoly_dice_item{
			background-color: #dbdbdb;
		}
		.monopoly_num{
			color: #171817;
		}
		.monopoly_tip{
			color: #000000;
    }
    .monopoly_line_item_s,
		.monopoly_line_item_10{
			background-image: url(../img/monopoly_line.png);
		}
    .monopoly_line_item_1,
    .monopoly_line_item_4, 
    .monopoly_line_item_5,
    .monopoly_line_item_9 {
			background-image: url(../img/monopoly_line.png);
		}
		.monopoly_line_item_2,
		.monopoly_line_item_3,
		.monopoly_line_item_6,
		.monopoly_line_item_7,
		.monopoly_line_item_8 {
			background-image: url(../img/monopoly_line.png);
    }
    
		.monopoly_line_item_11,
		.monopoly_line_item_12{
			background-image: url(../img/monopoly_line.png);
		}
		.monopoly_line_item_13{
			background-image: url(../img/monopoly_line.png);
		}
	/*新增模块样式 END*/
	/*定制模块样式 START*/
		.wrap{
			background-color: #ffffff;
			background-image: url(../img/c_bg_b.jpg);
			background-position: center bottom;
			background-repeat: no-repeat;
		}
		.cont{
      width: 100%;
      margin: 780px auto 0;
      padding-bottom: 20px;
			background-image: url(../img/c_bg.png);
      background-repeat: no-repeat;
      background-position: center 100px;
		}

		.c_item{
			width: 1280px;
			margin: 0 auto;
		}

		.ci_info{
			height: 96px;
			margin: 0 auto 30px;
		}

		.ci_monopoly{
			margin:  0 auto;
		}



		.ci_text {
			margin: 0 20px;
    }    
		.ci_text em{
      font-size: 21px;
			font-style: normal;
			color: #000000;
		}
		.ci_info .ci_text{
			margin: 0 0 0 180px;
		}
		.ci_info .ci_text i{
			font-style: normal;
			color: #ff60a8;
		}
		.ci_monopoly .ci_intro_title {
			text-align: center;
			margin-top: 200px;
		}
		.ci_monopoly .ci_intro_title em{
			display: inline-block;
			width: 557px;
			height: 55px;
			margin: 0 0 30px;
			line-height: 45px;
			text-align: center;
			background-image: url(../img/cit_dec.png);
		}
		.ci_rule{
			margin: 0 60px 10px;
    }
    .ci_rule:last-child{
			margin-bottom: 0;
		}
		.ci_rule i{
			width: 32px;
			height: 32px;
			border-radius: 16px;
			text-align: center;
			color: #000000;
		}
		.ci_rule a{
			color: #000000;
		}

		.ci_rule:last-child {
			margin-bottom: 60px;
		}

		
		.monopoly_avatar_1{
			background-image: url(../img/monopoly_avatar_1.png);
		}
		.monopoly_avatar_2{
			background-image: url(../img/monopoly_avatar_2.png);
		}
		.monopoly_avatar_3{
			background-image: url(../img/monopoly_avatar_3.png);
		}
		.monopoly_avatar_4{
			background-image: url(../img/monopoly_avatar_4.png);
		}
		.monopoly_avatar_5{
			background-image: url(../img/monopoly_avatar_5.png);
		}
		.monopoly_detail_name a {
			color: #e32d0d;
		}
		.monopoly_detail_state a {
			color: #e32d0d;
		}
		.monopoly_detail_intro {
			color: #e32d0d;
		}
		.monopoly_detail_intro{
			padding: 0 0 10px;
			background-image: url(../img/monopoly_detail_intro.png);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		.monopoly_detail_award{
			padding: 0 0 6px;
			/* background-image: url(../img/monopoly_detail_award.png); */
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		.monopoly_cont{
			margin: 0 auto 100px;
			padding: 45px 30px 10px;
		}
		.monopoly_item_s {
      /* border-color: #0075d1; */
			/* background-image: url(../img/monopoly_item_b.png); */
    }
    .monopoly_item_s .monopoly_text {
      /* background-color: #0075d1; */
    }
    .monopoly_text {  
      position: absolute;
      bottom: 8px;
      width: 100%;
      box-sizing: border-box;
      height: 35px;
      display: block;
      font-size: 20px;
      line-height: 40px;
    }
	
		.monopoly_item_s .monopoly_result,
		.monopoly_item_s .monopoly_text{
			text-align: center;
    }
    .monopoly_item_s .monopoly_result i {
      display: inline-block;
      width: 140px;
      height: 42px;
      margin-top: 6px;
      background-image: url(../img/start.png);
    }
    
    .monopoly_item a {
			display: inline-block;
			color: #000000;
		}

		.monopoly_item a span:first-child {
			color: #ffae00;
		}
		.monopoly_item_3 a span:first-child,
		.monopoly_item_7 a span:first-child,
		.monopoly_item_10 a span:first-child {
			color: #ff5d61;
		}
		.monopoly_item_3,
		.monopoly_item_7,
		.monopoly_item_10 {
			background-image: url(../img/monopoly_item_2.png);
		}
		
			
		.monopoly_line_item_4,
		.monopoly_line_item_8,
		.monopoly_line_item_9,
		.monopoly_line_item_10 {
			transform:  rotate(180deg);
		}
		.monopoly_line_item_3,
		.monopoly_line_item_5,
		.monopoly_line_item_7 {
			transform:  rotate(90deg);
		}
		.monopoly_line_item_13{
			transform: rotate(-45deg);
		}
		.monopoly_line_item_11,
		.monopoly_line_item_12 {
			transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
}
		.monopoly_step_5,
		.monopoly_step_6,
		.monopoly_step_9,
		.monopoly_step_10,
		.monopoly_step_11,
		.monopoly_step_12,
		.monopoly_step_13{
			transform:  rotateY(180deg);
		}
		.monopoly_line_item_s,
		.monopoly_line_item_3,
		.monopoly_line_item_6,
		.monopoly_line_item_10{

		}
		.monopoly_line_item_1,
		.monopoly_line_item_11,
		.monopoly_line_item_12,
		.monopoly_line_item_13{

		}
		.monopoly_line_item_2,
		.monopoly_line_item_8{

		}
		.monopoly_line_item_4,
		.monopoly_line_item_5,
		.monopoly_line_item_6,
		.monopoly_line_item_9{

		}

		.sider_list{
			width: 183px;
			height: 282px;
			padding-top: 16px;
			background-image: url(../img/sider_bg.png);
		}
		.sider_item{
			display: block;
			width: 183px;
			height: 36px;
			font-size: 16px;
			line-height: 36px;
			background-image: none;
			text-align: center;
		}
		.sider_item:last-child{
      height: 40px;
			margin: 0 auto;
		}
		
		.sider_top {
			background-image: url('../img/sider_top.png');
			background-repeat: no-repeat;
			line-height: 36px;
			display: inline-block;
			width: 52px;
			height: 23px;
			margin-top: 15px;
		}

		.monopoly_tips {
			display: none;
			position: absolute;
			width: 530px;
			height: 169px;
			padding: 22px 55px 22px 70px;
			background-image: url('../img/tips_bg.png');
			top: 111px;
			right: 15px;
			z-index: 10;
			text-align: left;
}

		.monopoly_tips span{
			display: block;
			margin: 0 5px;
			font-size: 22px;
			line-height: 25px;
			color: #000000;
			margin-bottom: 10px;
		}

		.monopoly_cont_layer {
			height: 700px;
		}

		.monopoly_cont_layer i {
			background-position: center center;
		}
		
		

	/*定制模块样式 END*/
/*定制样式 END*/

@keyframes diceRoll{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(720deg);
	}
}