@charset "utf-8";
/* CSS Document */

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

.ly_banner { width: 100%; height: auto; overflow: hidden;}
.ly_banner img { display: block; width: 100%; height: auto;}

.address{width: 50% !important;float: left !important;}
.area{float:right; width:49% !important;}
.address select{border:0; outline:none;width:49% !important;background:#f5f5f5 url(../images/jt.png) center right no-repeat; float:left;}
.address #sheng{ margin-right:2%;}

/**表单**/
.ly_order { padding: 40px; position: relative;}
.order_title { line-height:1.5; color:#000; font-size:22px; font-weight:bold; margin-bottom:20px;}

.ly_order .order_div { width: 100%; overflow: hidden; margin: 0 auto 20px;}
.ly_order .order_div1 { width: 50%; padding: 0 14px 0 0; float: left;}
.ly_order .order_div2 { width: 50%; padding: 0 0 0 14px; float: right;}
.od_title { width: 100%; overflow: hidden; line-height: 25px; color: #202020; font-size: 15px; font-weight: bold; margin: 0 auto 10px; padding: 0 0 0 20px; background: url(../images/ico0.png) 0 6px no-repeat; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.od_title span { color: #f00;}
input[type="radio"] + label::before {
	content: "\a0"; display: inline-block; vertical-align: middle; font-size: 14px; width: 16px; height: 16px; margin: 10px 10px 10px 0; border-radius: 50%; border: 1px solid #ccc; text-indent: .15em;	line-height: 1; float:left; 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: #ffc20e; border: 1px solid #ffc20e; 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: 10px 10px 10px 0; text-indent: .15em; line-height: 1; float:left; background-color:#fff; border:1px solid #ccc; border-radius: 3px; 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 #ffc20e;	background: #ffc20e url(../images/dh.png) center center no-repeat; background-size: 14px 14px;	background-clip: content-box; color:#fff !important;
}
.fm_radio, .fm_checkbox { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
.fm_radio ul li { width: 50%; 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: 33.333333%; 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 { height: 36px; overflow: hidden; line-height: 36px; color: #202020; font-size: 14px; cursor: pointer;}
.fm_radio ul li label a, .fm_checkbox ul li label a { color: #ffc20e; text-decoration: underline;}
.fm_checkbox0 ul li { width: 100%;}
.fm_checkbox1 ul li { width: 33.333333%;}
.fm_checkbox2 ul li { width: 20%;}
.fm_checkbox3 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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.tips { width: 100%; overflow: hidden; color: rgba(255, 255, 255, 0.6); font-size: 14px; margin: 20px auto; padding: 0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.ipt_tit { width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #202020; 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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.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: 40px; overflow: hidden; line-height: 40px; color: #565656; font-size: 14px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 4px; 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;}
.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: 48%; margin: 0 4% 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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;}
.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: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; margin: 0; padding: 0 20px; background-color: #454545; border-radius: 0 4px 4px 0; position: absolute; top: 0; right: 0; cursor: pointer;}
.fm_ipt1 a.yzm:hover { background-color: #ffc20e;}
.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: 160px; height: auto; overflow: hidden; margin: 0 auto; padding: 0;}
.order_btn input { display: block; width: 150px; height: 45px; overflow: hidden; line-height: 45px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; margin: 0 auto; background-color: #ffc20e; border-radius: 24px; border: none; outline: none; cursor: pointer;}
.order_btn input:hover { background-color: #ffc20e;}
.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;}

.sr_ipt { width: calc(100% - 60px); padding: 5px 0 5px 10px; float: right;}
.sr_ipt input { display: block !important; width: 200px; height: 26px; line-height: 25px; font-size: 15px; color: #555; border: 0; border-bottom: 1px solid #ccc; outline: none;}

.text_other { width: 100%; color:#565656; font-family: 'Arial','Microsoft Yahei','Helvetica'; font-size:14px; border: 0; background: #fff; border: 1px solid #dfdfdf; border-radius: 4px; padding:10px; outline: none;}

.od_foot { overflow: hidden; line-height: 1.5; color: #202020; font-size: 14px; text-align: center; margin-top: 40px; padding: 10px; background-color: #f8f8f8; border-radius: 4px;}


@media (max-width:767px) {
  .ly_order { padding: 20px;}
  .order_title { font-size: 18px; margin-bottom: 12px;}

  .ly_order .order_div1, .ly_order .order_div2 { width: 100%;}
  .ly_order .order_div { margin: 0 auto 16px; padding: 0;}
  .fm_checkbox ul li, .fm_radio4 ul li, .fm_radio ul li, .fm_radio1 ul li { width: 100%; float:none;}
  .fm_radio2 ul li { width: 33%;}  
  .order_btn input { width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
  .fm_radio ul li label, .fm_checkbox ul li label { display:block; width:100% !important; height:auto !important; line-height:24px; padding:4px 0 4px 24px; position:relative; float: none;}
  input[type="checkbox"]+label::before, input[type="radio"]+label::before { margin:0; position:absolute; left:0; top:8px;}

  .fm_ipt1 input, .fm_ipt1 textarea, .fm_ipt4 input { padding: 0 20px;}
  .fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc2 input, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select { padding: 0 16px;}

  .sr_ipt { width: calc(100% - 80px); padding: 3px 0 3px 10px; float: none; position: absolute; top: 0; left: 80px;}

  .od_foot { margin-top: 20px;}
  
  .address{ width:100% !important; margin-bottom:10px;}
  .area{ width:100% !important;}
}

@media (max-width:375px) {
  .fm_checkbox ul li { width: 100%;}
}

@media (max-width:320px) {
  .ly_order { padding: 20px 12px;}
  .fm_ipt1 input, .fm_ipt1 textarea, .fm_ipt4 input { padding: 0 12px;}
  .fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc2 input, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select { padding: 0 8px;}

  .sr_ipt input { width: 160px;}
}



@media (max-width:1440px) {
  .vd_pop { width: 640px;}
  .vd_pop .vd_head { font-size: 22px;}
  .vd_pop .vd_main { height: 320px;}
}

@media (max-width:1080px) {
  .vd_pop { width: 600px;}
  .vd_pop .vd_head { height: 40px; line-height: 30px; font-size: 20px;}
  .vd_pop .vd_head a.vd_close { width: 30px; height: 30px; padding: 5px;}
  .vd_pop .vd_main { height: 300px;}
}

@media (max-width:820px) {
  .vd_pop { width: 480px; padding: 10px 15px 15px;}
  .vd_pop .vd_head { margin-bottom: 15px;}
  .vd_pop .vd_main { height: 240px;}
}

@media (max-width:767px) {
  .vd_pop { width: 94%; padding: 10px;}
  .vd_pop .vd_head { height: 36px; font-size: 18px; margin-bottom: 10px; padding-bottom: 6px;}
  .vd_pop .vd_main { height: 220px;}
}

@media (max-width:390px) {
  .vd_pop .vd_main { height: 200px;}
}

@media (max-width:320px) {  
  .vd_pop .vd_main { height: 180px;}
  .vd_pop .vd_head { font-size:14px;}
}


/*抽奖*/
.ly_xydcj { padding: 40px;}
.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; border-radius: 10px; 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: 300px; 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; overflow: hidden; margin:0; padding:0; border-radius: 10px; float:right;}
.xydcj_right .cj_zjjl { width:100%; height:360px; overflow:hidden; margin:0 auto; padding:70px 20px 20px; 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:270px; overflow:hidden; margin:0 auto; 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;}

@media (max-width:820px) {
  .ly_xydcj { padding: 20px;}
}
@media (max-width:767px) {
  .xydcj_con .xydcj_left { width: 100%; height: 260px; float: none; background-size: 100% 100%; border-radius: 4px;}
  .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; border-radius: 4px;}

  .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%;}
}

@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;}
}