.rule {background: url("../images/main_bg2.jpg") center top #421483; }

/**terms**/
.terms_wrapper {  width: 1180px;  margin: 0 auto;  padding-bottom: 20px; }
.terms_container {  background-color: #fff;  border: solid 3px #fff;  border-radius: 50px;}
.terms_container h2 {  font-size: 36px;  font-weight: 800;  text-align: center;  background-color: #6a13aa;  color: #fff;  border-radius: 50px 50px 0 0;  padding: 30px 0;}
.terms_content {  width: 90%;  margin: 20px auto 40px;  font-size: 16px;  line-height: 26px;}
.terms_container h3 {  background-color: #6a13aa;  border-radius: 20px;  font-size: 18px;  line-height: 30px;  font-weight: bold;  padding: 5px 20px;  display: inline-block;  margin: 10px 0;  color: #fff;}
.terms_content h3 strong {  color: #ffffff;  margin-right: 3px;}
.terms_content h4 {  font-weight: bold;  font-size: 18px;  color: #6a13aa; margin-top: 10px;}
.terms_content ol li { margin: 0 30px 7px 40px;  list-style-type: decimal;  }
.terms_content li strong {  color: red;}
.terms_content a {  display: inline-block;  font-weight: bold;  font-size: 15px;  margin: 5px 3px;  border-radius: 10px;  color: #fff;  background-color: #ea3876;  padding: 5px 20px;  transition: transform .35s;  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);}
.terms_content a:hover {  -webkit-transform: translate(0, -5px);  transform: translate(0, -5px);}
.terms_content a.over {  background-color: lightgray;}
.terms_content a.over:hover {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.terms_container p { padding-left: 18px; margin-bottom: 5px;}
.terms_prize_list th, .terms_prize_list td {  border: 2px solid #ffadac;  text-align: center;}
.lazy .terms_prize_list th, .lazy .terms_prize_list td {  border-width: 1px;  border-color: darkred;}
.lazy .terms_prize_list tr {  transition: all .1s linear;}
.lazy .terms_prize_list tr:hover {  background-color: #fffee3;}
.terms_prize_list th {  background: #ffadac;  color: #fff;}
.terms_prize_list_date {  color: #ffadac;  font-weight: bold;  font-size: 18px;}
.lazy .prod_list_name {  text-align: left;  font-weight: bold;}
.rule .kv_wrapper, .lottery .kv_wrapper {  overflow: hidden;}

.terms_content ol li .circle { list-style-type:disc;}

table { background: white; border-collapse: collapse;  margin: 15px 0;  width: 100%; border: 2px solid #66cda3;}
table tr,table th,table td {  border: none;  border-bottom: 1px solid #e4ebeb;}
table th,table td {  padding: 10px 12px;  text-align: left;}
table th {  background: #66cda3;  color: #ffffff;  text-transform: uppercase;}
table tr td {  background: #f5f5f5;}
table tr:nth-of-type(2n+2) td {  background: #ffffff;}
table.bt tfoot th,table.bt tfoot td,table.bt tbody td {  font-size: 14px;  padding: 0;}
table.bt tfoot th:before,table.bt tfoot td:before,table.bt tbody td:before {  background: #989898;  color: white;  margin-right: 10px;  padding: 10px 10px 0;}
table.bt tfoot th .bt-content,table.bt tfoot td .bt-content,table.bt tbody td .bt-content {  display: inline-block;  padding: 10px 5px 0;}
table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {  padding-top: 10px;}
table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {  padding-bottom: 10px;}

.but_pc{
	width: 1000px;
	margin: 0 auto;
}

.but_pc img{
	float: left;
	vertical-align: bottom;
}

.but_pc02 img{
	float: right;
	vertical-align: bottom;
}

.terms_content .but_pc a{
	margin: 0px 0px;  border-radius: 10px;  color: #fff;  padding: 0px 0px;
	display: block;
}

.terms_content .but_pc a:hover {  -webkit-transform: translate(1%, 0);  transform: translate(1%,0);}


.but_m{ display: none;}

.terms_content a.but, .terms_content a.but02{
	background-color: #ea3876;
	border-radius: 50px;
	margin: 0 auto;
	line-height: 20px;
	display: block;
	width: 150px;
	text-align: center;
	font-size: 20px;
	cursor:pointer;
	margin-top: 25px;
	transition: .3s ease-in-out;
}

.terms_content a.but:hover{background-color: #741121;}

.terms_content a.but02{
	background-color: #f9ba2d;
}

.terms_content a.but02:hover{background-color: #741121;}

.m_mode { display: none;}

.coupon{ width: 1000px; margin: 0 auto; display:inline-block; position: relative; left: 25px;}
.coupon ul li{ float: left;}

.terms_content .coupon a {  display: inline-block;  font-weight: bold;  font-size: 18px;  border-radius: 0px;  color: #fff;  background-color: #fff;  margin: 0px 0px; padding: 0px 0px;  transition: transform .35s;  -webkit-transform: translate(0, 0);}
.terms_content .coupon a:hover{-webkit-transform: translate(0, -5px);  transform: translate(0, -5px);}

@media screen and (max-width:768px) {	
.lottery .kv_container, .rule .kv_container { height: 80vw;}
.lottery .prod_rota, .rule .prod_rota { overflow: hidden; height: 55vw;}
.rule .prod_rota img { margin: 0; margin-left: 0px; width: 100%;}

.rule .kv_container { height: 76vw;}
.rule .prod_rota {  width: 39vw; top: 34vw;  right: 6vw;}
.rule_slogan1 {  width: 48vw;  top: 33vw;  left: 4vw;}
.rule_slogan1 img, .rule_slogan2 img{ width: 100%; }
.rule_slogan2 {  width: 50vw;  top: 55vw;  left: 4vw; }

/**kv**/
.kv_bg { height: 52.5vw; background: url(../images/kv_bg.jpg) no-repeat center top #ffca48;  background-size: 170vw; }	
.kv_slogan { width: 48vw; left: 26vw; top:14vw;}
.kv_slogan img{ width: 100%;}
.kv_left { width: 24vw; left: 1vw; top:8vw;}
.kv_left img{ width: 100%;}
.kv_right { width: 26vw; right: -0.5vw; top:7vw;}	
.kv_right img{ width: 100%;}	
.pc_mode{display: none;}
.m_mode { display: block;}
.best{ width: 100vw;}
.best2{ width: 100vw;}	
.bn1, .bn3{width: 33%;}	
.bn1 img, .bn2 img, .bn3 img{ width: 100%;}
.bn1{ padding:  0px 2px; }
.bn3 { position: absolute; top: -4vw; right: 0vw; }	
.bn2{width: 50%;}
.bn2 { padding: 5px 2px; }

.coupon{ width: 100vw; margin: 0 auto; display:inline-block; position: relative; left: 0px;}
.coupon ul li{ float: left; width: 45vw;}
.coupon ul li img{ width: 100%;}	
.coupon ul li.big {width: 90vw;}
	
.remark { font-size: 16px;  margin-top: 10px;  padding: 15px 10px;}	
/**terms**/
.terms_wrapper {  width: 98vw;  padding-bottom: 70px; margin-top: 15px;  }
.terms_container {  border-radius: 30px 30px 0 0;  }
.terms_container h2 {  font-size: 21px;  line-height: 21px;  border-radius: 30px 30px 0 0;  padding: 10px 0;  }
.terms_content {  width: 92%;  font-size: 14px;  line-height: 18px;}
.terms_container h3 {  font-size: 20px;  line-height: 26px;  }
.terms_content ol li {  margin: 4px 5px 0 15px; }
.lazy .terms_prize_list {  font-size: 14px;   line-height: 20px;  }
.terms_prize_list th { display: none;  }
.terms_prize_list td { display: block;  text-align: left;  border: none;  border-bottom: 1px dotted #46c5ae;  margin: 0;  }
.lazy .terms_prize_list td { float: left;  border-bottom: none;  margin: 0;  }
.terms_prize_list_date { margin-top: 20px !important;  }
.terms_prize_list td:before {  display: inline-block;  width: 120px;  text-align: center;  font-size: 15px;  color: #fff;  border-radius: 10px;  background-color: #46c5ae;  content: attr(data-label);  margin: 3px 5px 3px 0; padding: 3px 0;  font-weight: bold;  }
.lazy .terms_prize_list td:before { width: auto;  font-size: 13px;  color: red; background-color: #fff; border-radius: 0;  text-align: left;  }
.lazy .terms_prize_list td.prod_list_oriPrice:before{    background-color:#fff;  color: #333;    }
.lazy .prod_list_name {  padding-top: 10px;  min-height: 90px;  padding-right: 3px;  width: 60%;  }
.lazy td.prod_list_name:before {  display: none  }
.lazy td.prod_list_oriPrice{ width: 40%;text-decoration: line-through}
.lazy td.prod_list_newPrice{ width: 40%;color:red; font-weight: bold; font-size: 16px;}
.lazy td.prod_list_discount{width: 40%;color:red; font-weight: bold; font-size: 16px;}
.lazy td.prod_list_link {  width: 100%;  border-bottom: 1px dotted #999;  padding-bottom: 10px;  }
.lazy .prod_list_link a{  width: 100%;  text-align: center;    }  
.lazy .prod_list_link:before {  display: none  }
.rule .terms_content img {  max-width: 100%; margin-top: 5px; }

table{ border: none; }
table.two-axis tr td:first-of-type,
table.two-axis tr:nth-of-type(2n+2) td:first-of-type,
table.two-axis tr td:first-of-type:before {    background: #66cda3;    color: #ffffff;  }
table.two-axis tr td:first-of-type {    border-bottom: 1px solid #e4ebeb;  }
table.two-axis tr td:first-of-type:before {    padding-bottom: 10px;  }
table tr,table th,table td {  border-bottom: none;  font-size:14px;}
table th{background: #56a2cf;}

.but_pc{ display: none;}
.but_m{ display: block; width: 100%;}
.but_m img{ float: left; width: 44vw;}
.terms_content .but_m a{
	margin: 0px 0px;  border-radius: 10px;  color: #fff;  padding: 0px 0px;
	display: block;
}

.terms_content .but_m a:hover {  -webkit-transform: translate(1%, 0);  transform: translate(1%,0); }	
}