@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s { margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-family:'Arial','Microsoft Yahei','Helvetica'; word-break: break-all;} 
select{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-color: transparent;}
ul,ol{list-style:none}
a img{border:none;}
a,a:link{text-decoration:none;color: #333}
button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent;appearance: none;-webkit-appearance:none;}
button::-moz-focus-inner{padding:0}
textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input[type=number]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=search]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=text]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=tel]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=button]{appearance: none;-webkit-appearance: none;}
input[type=password]{-webkit-text-security:disc;appearance: none;-webkit-appearance: none; border: 0;}
input[type=submit]{appearance: none;-webkit-appearance: none; border: 0;}
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}

.fl { float:left;}
.fr { float:right;}

svg.icon { display: block; width: 100%; height: 100%;}

@font-face { font-family: "BebasKai"; src: url('../fonts/BebasKai.ttf');}
@font-face { font-family: "DINMittelschrift"; src: url('../fonts/DINMittelschrift.ttf');}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#ee2d32; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb:window-inactive { background-color:rgba(0,0,0,0);}

/**ly_container**/
.ly_container { width: 100%; max-width: 800px; height: auto; margin: 0 auto; background-color: #fff;}

.ly_section, .lyOrder_banner { width: 100%; overflow: hidden; margin: 0 auto;}



/*抽奖*/
.ly_xydcj { padding: 0 30px 30px;}
.ly_xydcj .xydcj_main { position:relative;}
.xydcj_main .xydcj_tit { width:100%; height:auto; overflow:hidden; line-height:40px; color:#003a68; font-size:30px; font-weight:bold; text-align:center; margin:0 auto 20px; padding:0; border-radius:0;}
.xydcj_tit img { display:inline-block; width:120px; height:30px; vertical-align:middle; margin:-4px 20px 0; padding:0;}
.xydcj_main .xydcj_con { width:100%; height:auto; margin:0 auto; padding:0;}
.xydcj_con .xydcj_left { width:500px; height:360px; margin:0; padding:20px; background: url(../images/cj_bg1.png) center center no-repeat; float:left;}

.lottery-box { width:460px; height:320px; overflow: hidden; margin:0; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.lottery-box .title { text-align: center; padding: 50px 0; font-size: 18px; color: #fff;}
.lottery { width: 440px; height:300px; overflow: hidden; margin: 0 auto; padding: 0;}
@keyframes changeBg {
	0% {
		background-image:url(../images/k1.png);
	}
	100% {
		background-image:url(../images/k2.png);
	}
}
.lottery .lottery-item { height: 330px; position: relative; margin: 0;}
.lottery .lottery-item ul li { width: 140px; height:93px; overflow:hidden; position: absolute; padding:0; left:0; top:0; background: url(../images/bg2.png) center top no-repeat; background-size: 100% 100%;}
.lottery .lottery-item ul li:nth-child(2) { left: 150px; top:0;}
.lottery .lottery-item ul li:nth-child(3) { left: 300px; top:0;}
.lottery .lottery-item ul li:nth-child(4) { left: 300px; top: 103px;}
.lottery .lottery-item ul li:nth-child(5) { left: 300px; top: 206px;}
.lottery .lottery-item ul li:nth-child(6) { left: 150px; top: 206px;}
.lottery .lottery-item ul li:nth-child(7) { left: 0; top: 206px;}
.lottery .lottery-item ul li:nth-child(8) { left: 0; top: 103px;}
.lottery .lottery-item ul li .box { height: 93px; position: relative; text-align: center; overflow: hidden; background-size: 100% 100%;}
.lottery .lottery-item ul li .box img { display: block; height: 64px; margin: 0 auto; padding:0;}
.lottery .lottery-item ul li .box p { width:100%; overflow: hidden; color: #555; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.lottery .lottery-item ul li.on { background: url(../images/bg1.png) no-repeat center; background-size: 100% 100%;}

.lottery .lottery-item .lottery-start { width: 140px; height:93px; padding: 0; position: absolute; left: 150px; top: 103px;}
.lottery .lottery-item .lottery-start .box { height: 93px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; overflow: hidden; background: url(../images/bg0.png) no-repeat center; background-size: 100% 100%;}
.lottery .lottery-item .lottery-start .box p b { font-size: 40px; margin-top: 16px; margin-bottom: 15px; line-height: 30px; display: block;}
.lottery .lottery-item .lottery-start .box:active { opacity: 0.7;}
.lottery .lottery-item .lottery-start .box.gray { background: url(../images/bg3.png) no-repeat center; background-size: 100% 100%;}
.lottery .lottery-item .lottery-start .box.gray p { color: #708ABF;  font-weight: bold;}
.mask { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; overflow: hidden; z-index: 222; top: 0; left: 0;}
.lottery-alert { width: 400px; height:531px; background: url(../images/zj_bg.png) center top no-repeat; background-size: 100% 100%; margin: auto; padding: 208px 50px 0; position: fixed; left: 0; top: 50%; right: 0; transform: translateY(-50%); z-index: 9999;}
.lottery-alert .zj_img { width:300px; height:246px; overflow:hidden; margin: 0 auto; padding:0;}
.lottery-alert .zj_img img { display: block; width:300px; height: 246px; margin: 0 auto; padding:0;}
.lottery-alert .btnsave { width:300px; height: 48px; overflow:hidden; margin: 16px auto 0; padding:0;}
.btnsave a { display:block; width:300px; height: 48px; overflow:hidden; line-height: 48px; color: #fff; font-size: 15px; font-weight: bold; text-align:center; margin: 0; padding: 0; background: url(../images/linebg1.jpg) 0 0 repeat-x; background-size:100% 100%; border-radius: 24px;}
.btnsave a img { display:inline-block; width:18px; height:16px; vertical-align:middle; margin:-2px 8px 0 0;}

.xydcj_con .xydcj_right { width:calc(100% - 520px); height:auto; margin:0; padding:0; float:right;}
.xydcj_right .cj_zjjl { width:100%; height:360px; overflow:hidden; margin:0 auto; padding:60px 10px 0; background: linear-gradient(to top right, #1a8dd0, #003a68); position:relative;}
.cj_zjjl .zjjl_tit { width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:20px; font-weight:bold; text-shadow:0 3px 6px rgba(0,0,0,0.1); text-align:center; margin:0; padding:0; background:url(../images/tit_bg.png) center center no-repeat; background-size:100% 100%; border-radius:0; position:absolute; left:0; top:0;}
#scrollBox { width:100%; height:240px; overflow:hidden; margin:0 auto 10px; padding:0;}
#scrollBox #con1, #con2 { width:100%; float:left;}
#scrollBox li { width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:14px; text-align:left; white-space: nowrap; text-overflow: ellipsis; margin:0 auto 5px; padding:0 10px; background-color:#083962; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#scrollBox li span { color:#ffe25a;}
.cj_zjjl a.zjjl_btn { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background: linear-gradient(to top right, #ffd737, #ff5d16); border-radius: 4px;}

.xydcj_main .xydcj_bz { width:100%; overflow:hidden; margin:0 auto; padding:18px 0;}
.xydcj_bz p { width:100%; overflow:hidden; line-height:24px; color:rgba(255, 255, 255, 0.5); font-size:14px; letter-spacing:-0.06px; margin:0 auto; padding:0;}


/**表单**/
.ly_order { width:100%; overflow:hidden; margin:0 auto;}
.ly_order .lyOrder_title { width:100%; height:auto; overflow:hidden; line-height:40px; color:#fff; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; padding: 30px; background-image: linear-gradient(to right, #1d4b89, #0978ad);}
.ly_order form { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:30px;}
.ly_order .order_div { width:100%; overflow:hidden; margin:0 auto; padding:15px 0;}
.ly_order .order_div1 { width:48.5%; float:left;}
.ly_order .order_div2 { width:48.5%; float:right;}
.od_title { width:100%; overflow:hidden; line-height:25px; color:#333; font-size:15px; font-weight:bold; margin:0 auto 10px; padding:0 0 0 20px; background:url(../images/ico0.png) left 6px no-repeat;}
.od_title span { color:#f00;}
input[type="radio"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 17px;
	height: 17px;
	margin: -2px 10px 0 0;
	border-radius: 50%;
	border: 1px solid #ccc;
	text-indent: .15em;
	line-height: 1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
	
input[type="radio"]:checked + label::before {
	background-color: #003a68; border: 1px solid #003a68; background-clip: content-box; padding: 4px;
}
input[type="checkbox"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 16px;
	height: 16px;
	margin: -2px 10px 0 0;
	text-indent: .15em;
	line-height: 1; background-color:#fff; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
input[type="checkbox"]:checked + label::before {
	border: 1px solid #003a68;
	background: #003a68 url(../images/dh.png) center center no-repeat; background-size: 14px 14px;
	background-clip: content-box;
	color:#fff !important;
}
input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + label a { color:#003a68;}
.fm_radio, .fm_checkbox { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.fm_radio ul li { width:50%; height:auto; overflow:hidden; float:left; position:relative;}
.fm_radio1 ul li { width:33.333333%;}
.fm_radio2 ul li { width:20%;}
.fm_radio3 ul li { width:100%;}
.fm_radio4 ul li { width:25%;}
.fm_checkbox ul li { width:50%; height:auto; overflow:hidden; float:left; position:relative;}
.fm_radio ul li input, .fm_checkbox ul li input { display:none;}
.fm_radio ul li label, .fm_checkbox ul li label { display:block; width:100%; height:auto; overflow:hidden; line-height:25px; color:#565656; font-size:15px; cursor:pointer; padding: 10px 0; position: relative;}
.fm_checkbox0 ul li { width:100%;}
.fm_checkbox1 ul li { width:33.333333%;}
.fm_checkbox2 ul li { width:50%;}
.fm_checkbox3 ul li label { width:auto; float:left;}
.fm_checkbox4 ul li { width:25%;}

.fm_radio1 ul li label { width:auto; float:left;}
.fm_radio1 ul li input.rd_ipt { display:block; width:120px; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none;}
.fm_checkbox2 ul li input.rd_ipt { float:right; display:block; width:40%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none;}


.tips { width:100%; overflow:hidden; color:rgba(255, 255, 255, 0.6); font-size:14px; margin:20px auto; padding:0 30px;}

.fm_ipt { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.fm_ipt input { display:block; width:100%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px auto; padding:0 10px; outline:none;}
.fm_checkbox1 ul li label { float:left;}
.fm_checkbox1 ul li input.rd_ipt { float:right; display:block; width:50%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none;}
.fm_checkbox ul li label a { color:#003a68;}
.fm_checkbox ul li label a:hover {color:#003a68;}

.ipt_tit { width:100%; height:25px; overflow:hidden; line-height:25px; color:#333; font-size:15px; font-weight:bold; margin:0 0 10px; padding:0 0 0 20px; background:url(../images/ico0.png) left center no-repeat; float:left;}
.ipt_tit1 { width:30%;}
.ipt_tit2 { padding:0; background:none; font-size:14px;}
.ipt_tit span { color:#f00;}
.fm_ipt1, .fm_ipt2 { width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:right; position:relative;}
.fm_ipt3 { width:70%;}
.fm_ipt1 input, .fm_ipt1 textarea, .fm_ipt4 input, .fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc2 input, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select { display:block!important; width:100%; height:45px; overflow:hidden; line-height:43px; color:#565656; font-size:15px; background-color:#fff; border:1px solid #dfdfdf; border-radius:4px; margin:0 auto; padding:0 20px; outline:none;}
.fm_ipt2 select { width:49%; margin:2px 1% 2px 0; float:left;}
.fm_ipt3 select { width:36%;}
.fm_slc1 select { width:100%; float:left;}
.fm_slc3 select { width:49%; margin:0 2% 0 0; float:left;}
.fm_slc4 select { width:48.5%; float:left}
.fm_ipt1 textarea { height:120px; line-height:30px; resize:none;}
.fm_ipt3 input.rd_ipt { float:right; display:block; width:26%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none;}
.fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select { background:#fff url(../images/jt.png) top right no-repeat;}

.fm_ipt1 a.yzm { display:block; width:auto; height:45px; overflow:hidden; line-height:45px; color:#fff; font-size:15px; margin:0; padding:0 15px; background-color:#454545; border-radius:0 4px 4px 0; position:absolute; top:0; right:0; cursor:pointer;}
.fm_ipt1 a.yzm:hover { background-color:#083962;}

.fm_checkbox3 .fm_ipt1 select { width:48%; margin:2px 2% 2px 0; float:left;}
.fm_checkbox3 .fm_ipt1 input { width:48%; display:block;}

.order_btn { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0;}
.order_btn input { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 auto; padding:0; background-image: linear-gradient(to right, #1d4b89, #0978ad); border-radius:4px; outline:none; cursor:pointer;}
.order_btn input:hover { background-image: linear-gradient(to right, #0978ad, #1d4b89);}

.fm_slc2 { width:200px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; left:120px;}
.fm_slc5 { width:190px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;}
.fm_ipt4 input { width:48.5%; float:left;}

.text_other{ display: block; width: 100%; color:#565656; font-family: 'Arial','Microsoft Yahei','Helvetica'; font-size:14px; border: 1px solid #ccc; background: #fff; padding:3px; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box;}
form .text_other:focus{
    border-color: rgba(29,75,137,0.8);
    outline: 0;
    outline: thin dotted \9;
}

/*验证码弹窗*/
.yzm_pop { display: none; width: 400px; height: auto; margin: 0; padding: 30px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 1000;}
.yzm_pop .yzmpop_tit { width: 100%; height: auto;	overflow: hidden;	line-height: 30px; color: #303030;	font-size: 18px; font-weight: bold;	text-align: center;	margin: 0 auto 20px; padding: 0;}
.yzm_pop .yzmIpt { width: 100%;	height: 44px;	overflow: hidden;	margin: 0 auto;	padding: 0 140px 0 0;	position: relative;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -o-box-sizing: border-box;}
.yzm_pop .yzmIpt input { display: block; width: 100%; height: 44px;	overflow: hidden;	line-height: 42px; color: #565656; font-size: 14px; border-radius: 2px 0 0 2px;	background-color: #fff; border: 1px solid #d3d3d3;	border-right: 0; margin: 0 auto;	padding: 0 15px; outline: none;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -o-box-sizing: border-box;}
.yzm_pop .yzmIpt a { display: block; width: 140px; height: 44px; overflow: hidden; margin: 0; padding: 0; background-color: #e8ecf0; border-radius: 0 2px 2px 0; position: absolute; top: 0; right: 0;}
.yzm_pop .yzmIpt a img { display: block; width: 100%; height: 100%;	margin: 0; padding: 0;}
.yzmBtn { width: 100%; height: auto; overflow: hidden; margin: 20px auto 0; padding: 0; text-align: center;}
.yzmBtn input { display: inline-block; width: 90px; height: 40px;	overflow: hidden;	line-height: 40px; color: #fff; font-size: 14px; text-align: center;	margin: 0 10px;	padding: 0;	border-radius: 2px;	border: none;	outline: none; cursor: pointer; background-color: #e1090a;}
.yzmBtn input:hover { background-color: #ff0001;}
.yzmBtn input.Qx { background-color: #808080;}
.yzmBtn input.Qx:hover { background-color: #ea0001;}
.maskYzm { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999;}


@media (max-width:767px) {

  .ly_xydcj { padding: 0 20px 20px;}
  .xydcj_con .xydcj_left { width: 100%; height: 260px; float: none; background-size: 100% 100%;}
  .lottery-box { width: 100%; height: 220px; padding: 0;}
  .lottery, .lottery .lottery-item { width: 100%; height: 100%;}
  .lottery .lottery-item ul li { width: 32%; height: 70px;}
  .lottery .lottery-item ul li:nth-child(2) { left: 34%;}
  .lottery .lottery-item ul li:nth-child(3) { left: 68%;}  
  .lottery .lottery-item ul li:nth-child(4) { left: 68%; top: 75px;}
  .lottery .lottery-item ul li:nth-child(5) { left: 68%; top: 150px;}
  .lottery .lottery-item ul li:nth-child(6) { left: 34%; top: 150px;}
  .lottery .lottery-item ul li:nth-child(7) { left: 0; top: 150px;}
  .lottery .lottery-item ul li:nth-child(8) { left: 0; top: 75px;}
  .lottery .lottery-item ul li .box img { height: 48px;}
  .lottery .lottery-item ul li .box p { font-size: 12px;}

  .lottery .lottery-item .lottery-start { width: 32%; height: 70px; left: 34%; top: 75px;}
  .lottery .lottery-item .lottery-start .box { height: 70px;}

  .xydcj_con .xydcj_right { width: 100%; margin-top: 20px; float: none;}

  .lottery-alert { width: 94%; height: auto;}
  .lottery-alert .zj_img, .lottery-alert .zj_img img { width: 100%; height: auto;}
  .lottery-alert .btnsave { width: 100%; height: auto; margin: 0 auto; padding: 12px 0;}
  .btnsave a { width: 100%;}


  .ly_order .lyOrder_title { line-height: 32px; font-size: 24px; padding: 20px;}
  .ly_order form { padding: 20px;}
  .ly_order .order_div { padding: 10px 0;}
  .ly_order .order_div1, .ly_order .order_div2 { width: 100%; float: none;}
  .fm_radio1 ul li, .fm_checkbox1 ul li, .fm_checkbox4 ul li { width: 100%;}
  .fm_radio4 ul li { width: 50%;}

}

@media (max-width:390px) {

}

@media (max-width:320px) {
  .lottery-alert { padding: 180px 50px 0;}
  .lottery-alert .btnsave { padding: 10px 0;}
  .btnsave a { height: 40px; line-height: 40px; font-size: 14px;}
}