html,body,div,ul,ol,li,p,span,a,b,i,img,h1,h2,h3,input,button,table,tr,td{margin: 0; padding: 0; list-style: none; border: 0}
html,body{ width: 100%; }
a{text-decoration: none}
@media screen and ( min-width: 1336px) {
	html{ width: 750px; font-size: 40px; position: relative; margin: 0 auto }
}

.pc{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; background: #fff; text-align: center; display: none}
.pc img{ width: 200px; display: block; margin: 0 auto; padding-top: 20px; }
.pc h1{ font-size: 32px; text-align: center; padding-top: 100px; }
.pc h2{ font-size: 20px; color: #666; text-align: center; font-weight: normal; padding-top: 10px; }

.home{ width: 100%; height: 33.35rem; background-image: url(img/index.jpg); background-size: 100% 100%; position: relative; }
.home .icon{ width: 7.325rem; display: block; position: absolute; top: .3rem; left: .7rem; }
.home .icon img{ width: 100%; display: block; }
.home .go{ width: 6.5rem; display: block; position: absolute; top: 18.3rem; left: 1rem; }
.home .go img{ width: 100%; display: block; }

.header{ width: 100%; height: 4.925rem; background-image: url(img/top_bg.jpg); background-size: 100% 100%; position: relative;}
.user_info{ float: right; padding-top: 1.5rem; padding-right: .75rem; line-height: 1.25rem; font-size: .65rem; color: #5b4515; }
.user_info a{ display: inline-block; height: 1.25rem; width: 3.5rem; text-align: center; font-size: .65rem; color: #fff; background: #db2338; margin-left: .3rem;}

.nav{ width: 100%; height: 4.4rem; background-image: url(img/nav_bg.jpg); background-size: 100% 100%; padding-top: .35rem;}
.nav ul li{ width: 4.5rem; height: 3.8rem; float: left; text-align: center; padding-top: .6rem;}
.nav ul li.nav_1{ margin-left: .375rem }
.nav ul li.cur{ background: #fffaf4; }
.nav ul li.cur a{border: 1px #d7ccba solid;}
.nav ul li.cur a span{ color: #997c43; }
.nav ul li a{ width: 3.5rem; height: 3rem; display: block; margin: 0 auto; border: 1px #be9d68 solid; padding-top: .3rem;}
.nav ul li a i{ width: 1.8rem; height: 1.8rem; display: block; margin: 0 auto; background-image: url(img/nav_i.png); background-size: 400% 200%;} 
.nav ul li a span{ font-size: .65rem; color: #f1d599; display: block; text-align: center; padding-top: .1rem }
.nav ul li.nav_1 a i{ background-position: 0 0}
.nav ul li.nav_2 a i{ background-position: 33.3333% 0}
.nav ul li.nav_3 a i{ background-position: 66.6666% 0}
.nav ul li.nav_4 a i{ background-position: 100% 0}
.nav ul li.nav_1.cur a i{ background-position: 0 100%}
.nav ul li.nav_2.cur a i{ background-position: 33.33% 100%}
.nav ul li.nav_3.cur a i{ background-position: 66.66% 100%}
.nav ul li.nav_4.cur a i{ background-position: 100% 100%}

.wrapper{ width: 100%; background-image: url(img/bg.jpg); background-size: 100% auto; position: relative; background-position: top; background-repeat: no-repeat; overflow: hidden;}
.t_box{ font-size: .7rem; color: #a48450; text-align: center; padding: .8rem 1rem }
.btn{ width: 15rem; display: block; margin: 0 auto .75rem; }
.btn img{ width: 100%; display: block; }

.ac_box{ width: 18rem; margin: 0 auto; overflow: hidden; padding-bottom: 1rem}
.ac_box ul li{ width: 8.25rem; float: left; height: 9.15rem; background-image: url(img/ac_bg.png); background-size: 100% 100%; margin:.2rem .375rem; position: relative;}
.ac_box ul li a{ width: 5.5rem; height: 5.5rem; display: block; background-image: url(img/ac_bg_1.png); background-size: 100% 100%; position: absolute; top: .5rem; left: 50%; margin-left: -2.75rem; }
.ac_box ul li a img{ display: block; margin: 0 auto; padding-top: 1rem; width: 4.2rem}
.ac_box ul li .h1{ font-size: .9rem; color: #413116; display: block; text-align: center; padding-top: 6.3rem; font-weight: bold;}
.ac_box ul li .h2{ font-size: .75rem; color: #997c43; font-size: .75rem; display: block; text-align: center; padding-top: .1rem; }

.lottery{ width: 17.625rem; margin: 0 auto; overflow: hidden; padding-bottom: 1rem;}
.lottery ul li{ width: 5.5rem; height: 5.5rem; float: left; margin: .175rem; background: #000; }
.lottery ul li img{ width: 100%; display: block; }
.lottery.start ul li img{ opacity: .5; }
.lottery ul li.cur img{ opacity: 1 }
.lottery ul li.lottery_start img{ opacity: 1!important }
.record_btn{ width: 5rem; display: block; margin: 0 auto; padding-bottom: 1rem; font-size: 1rem; color: #a48450; text-decoration: underline; text-align: center; }

.ly_clear{ display: block; height: 1rem; }
.liyin{ width: 15.35rem; height: 5.625rem; margin: 0 auto; background-image: url(img/ly_box.png); background-size: 100% 100%; }
.liyin .ly_t{ display: block; font-size: .65rem; color: #9a7c46; padding-top: .5rem; padding-left: 6.25rem; }
.liyin .ly_numb{ display: block; font-size: 2.25rem; color: #5b4515; padding-left: 6.2rem; height: 2.8rem; line-height: 2.8rem;}
.liyin .ly_t_1{ display: block; font-size: .65rem; color: #9a7c46; padding-left: 6.25rem;}
.liyin .ly_t_1 a{ color: #db2338; text-decoration: underline; }

.btn_box{ width: 100%; text-align: center; padding-top: .7rem;}
.btn_box a{ width: 8rem; display: inline-block; margin: 0 .2rem; }
.btn_box a img{ width: 100%; display: block; }

.add_box{ width: 17.25rem; height: 8.75rem; background-image: url(img/add_bg.png); background-size: 100% 100%; margin: .5rem auto 0; }
.add_box p{ padding: 1rem 1rem .5rem 1rem; font-size: .7rem; color: #9a7c46; line-height: 1.1rem; }
.add_box a{ width: 15rem; display: block; margin: 0 auto; }
.add_box a img{ width: 100%; display: block; }

.gk_t{ width: 15.15rem; display: block; margin: 0 auto; padding: 1rem 0 }
.gk_text{ padding: 0 1.4rem; font-size: .65rem; color: #9a7c46; line-height: 1rem; }
.mima_form{ width: 15rem; margin: 0 auto; padding-top: .5rem; }
.mima_form input{ width: 15rem; height: 2.5rem; border: 2px #997c43 solid; border-radius: 2rem; font-size: .75rem; color: #9a7c46; text-align: center; background-color: transparent;}
.mima_form .submit{ width: 100%; display: block; padding-top: .5rem}
.mima_form .submit img{ width: 100%; }
.mima_form .error_tips{ display: block; font-size: .65rem; color: #f00; text-align: center; padding-top: .3rem; display: none}

.mask{ width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 8; opacity: .8; display: none }
.pop{ width: 16.5rem; position: absolute; top: 3rem; left: 50%; margin-left: -8.25rem; z-index: 9; display: none}
.pop .close{ width: 1rem; display: block; position: absolute; top: -1.4rem; right: -.675rem; }
.pop .close img{ width: 100%; display: block; }
.pop .pop_con{ width: 100%; position: relative; background-image: url(img/pop_bg.png); background-size: 100% 100%;}
.pop .pop_con .pop_top{ position: absolute; top: -1.4rem; left: 0; width: 100%; display: block; z-index: 1;}
.pop .pop_con .pop_bg{ width: 100%; position: relative; z-index:2; min-height: 7rem; }
.pop .pop_bottom{ width: 100%; display: block; }
.pop .pop_h1{ font-size: 1.25rem; text-align: center; font-weight: bold; color: #413116; padding: .5rem 1rem; white-space: nowrap;}
.pop .pop_text{ padding: 0 1.3rem; font-size: .75rem; color: #9a7c46; line-height: 1rem; }
.pop .pop_text_c{ padding: 0 1rem; font-size: .75rem; color: #9a7c46; line-height: 1rem; text-align: center; padding-top: .4rem}
.pop .pop_text_b{ padding: 0 1rem; font-size: .75rem; color: #333; line-height: 1rem; text-align: center; padding-top: .4rem}
.pop .pop_close{ width: 5.3rem; display: block; margin: .8rem auto 0; }
.pop .pop_close img{ width: 100%; display: block; }
.pop .pop_h2{ color: #d62c3f; font-size: 1.25rem; padding-top: .8rem; font-weight: bold; text-align: center; }
.pop .pop_ico{ width: 2.5rem; display: block; margin: 0 auto; padding: 1rem 0 0}
.pop .pop_form{ width: 13.75rem; margin: 0 auto; padding-bottom: .5rem}
.pop .pop_form ul li{ width: 100%; height: 2.25rem; padding: .325rem 0; }
.pop .pop_form ul li input{ background: #fff7ec; border: 1px #9a7c46 solid; height: 2.25rem; line-height: 2.25rem; box-sizing: border-box; text-indent: .5rem; font-size: .75rem; color: #d1b595; }
.pop .pop_form ul li .input_phone{ width: 100%; }
.pop .pop_form ul li .input_code{ width: 8.25rem; float: left; }
.pop .pop_form ul li .vf_img{ width: 5.25rem; height: 2.25rem; display: block; float: right; background: #fff7ec; border: 1px #9a7c46 solid; box-sizing: border-box;}
.pop .pop_form ul li .get_code{ width: 5.25rem; height: 2.25rem; line-height: 2.25rem; display: block; float: right; background: #9a7c46; color: #fff; font-size: .75rem; text-align: center;  }
.pop .pop_form ul li .get_code.timeout{ background: #999;}
.pop .pop_form ul li .pop_submit img{ width: 100%; display: block; }
.pop .pop_wx{ width: 8.75rem; display: block; margin: 0 auto; }
.pop .pop_answer{ width: 13.75rem; margin: 0 auto; padding: .5rem 0; }
.pop .pop_answer a{ width: 100%; height: 2.25rem; line-height: 2.25rem; font-size: 1.25rem; font-weight: bold; background: #9a7c46; color: #fff; text-align: center; margin: .4rem 0; display: block;}
.pop .pop_sharelink{ width:13.75rem; margin: .3rem auto; padding: .3rem; display: block; background: #fff7ec; border: 1px #9a7c46 solid; box-sizing: border-box; font-size: .75rem; color: #d1b595; font-family: Microsoft YaHei; }
.pop .pop_copy{ width: 13.75rem; margin: 0 auto; display: block; }
.pop .pop_copy img{ display: block; width: 100% }
.pop .pop_copy_tips{ padding: 0 1.3rem; font-size: .75rem; color: #b69a67; line-height: 1rem; padding-bottom: .2rem}
.pop .record_table{line-height: 2rem}
.pop .record_table{ width: 15rem; margin: 0 auto; border-top: 1px #b89f76 solid; border-left: 1px #b89f76 solid;}
.pop .record_table tr td{ border-bottom: 1px #b89f76 solid; border-right: 1px #b89f76 solid; height: 2rem; font-size: .65rem; color: #9a7c46; text-align: center;}
.pop .record_table tr:first-child td{ background: rgba(242,214,182,.6); color: #333!important; font-size: .65rem!important;}
.pop .record_table tr td:first-child{ font-size: .55rem; color: #b49b6f; }
.pop .page_contrl{ width: 100%; padding: .5rem 0; text-align: center; }
.pop .page_contrl a{ width: 5rem; height: 2rem; display: inline-block; background: #9a7c46; font-size: .75rem; color: #fff; text-align: center; line-height: 2rem; margin: 0 .4rem; }
.pop .add_form{ width: 15rem; margin: 0 auto; overflow: hidden; display: block}
.pop .add_form ul li{ width: 100%; height: 2.25rem; line-height: 2.25rem; overflow: hidden; padding: .2rem 0; }
.pop .add_form ul li .add_name{ width: 3rem; display: block; float: left; font-size: .75rem; color: #9a7c46; text-align: right; }
.pop .add_form ul li .add_name b{ color: #d62c3f }
.pop .add_form ul li input{ width: 11.5rem; height: 2.25rem; line-height: 2.25rem; box-sizing: border-box; float: right; background: #fff7ec; border: 1px #9a7c46 solid; font-size: .75rem; color: #413116; text-indent: .75rem; box-sizing: border-box;}
.pop .add_form ul li select{ width: 5.5rem; height: 2.25rem; line-height: 2.25rem; box-sizing: border-box; float: left; margin-left: .5rem; background: #fff7ec; border: 1px #9a7c46 solid; font-size: .75rem; color: #413116; text-indent: .75rem; box-sizing: border-box;}
.pop .add_form ul li .add_submit{ width: 11.5rem; display: block; margin-left: 3.5rem; }
.pop .add_form ul li .add_submit img{ width: 100%; display: block; }
.pop .add_btn{ font-size: .75rem; display: block; text-align: center; width: 6.5rem; text-decoration: underline; margin: 1rem auto 0; color: #413116;}
.pop .pop_code{ width: 11.5rem; height: 2rem; line-height: 2rem; font-size: .85rem; color: #fff; background: #a08152; margin: .5rem auto 0; text-align: center; }
.pop_yuyue{ width: 17.825rem; height: 17.7rem; position: absolute; top: 4rem; left: 50%; margin-left: -8.9125rem; z-index: 11; background-image: url(//cdn.haowanyou.com/g/gtj/m/style/img/yuyue_bg.png); background-size: 100% 100%; display: none}
.pop_yuyue .wechat{cursor: pointer; }

.pop_yuyue .pop_close img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    width: 100%!important;
}
.pop_yuyue{ width: 17.825rem; height: 17.7rem; position: absolute; top: 4rem; left: 50%; margin-left: -8.9125rem; z-index: 11; background-image: url(//cdn.haowanyou.com/g/gtj/m/style/img/yuyue_bg.png); background-size: 100% 100%; display: none}
.pop_yuyue .wechat{cursor: pointer; }
.pop_yuyue .pop_close{ top: -1.8rem; right: 0; width: 1.5rem;position: absolute; }
.pop_yuyue .pop_close img{ -webkit-transition: .5s; transition: .5s; display: block; width: 100%!important}
.pop_yuyue .yuyue_form{ width: 10.5rem; padding: 2.5rem 0 0 6.5rem; height: 10.5rem}
.pop_yuyue .yuyue_form ul li{ width: 100%; overflow: hidden;  padding: 0.15rem 0;}
.pop_yuyue .yuyue_form ul li:first-child{height: 1rem; }
.pop_yuyue .yuyue_form ul li input{ width: 10.5rem; height: 1.4rem; line-height: 1.4rem;border: 1px #e72b49 solid; background: #8b0e11; float: left; box-sizing: border-box; font-size: 0.6rem; color: #cf3245; text-indent: 0.375rem; font-family: 宋体;}
.pop_yuyue .yuyue_form ul li input::-webkit-input-placeholder{ color: #cf3245; }
.pop_yuyue .yuyue_form ul li label{ padding: 0 1.2rem; display: block; float: left; cursor: pointer; color: #fff}
.pop_yuyue .yuyue_form ul li label input{ width: 0.6rem; height: 0.6rem; opacity: 0;}
.pop_yuyue .yuyue_form ul li label i{ width: 0.6rem; height: 0.6rem; display: block; float: left; background-image: url(//cdn.haowanyou.com/g/gtj/style/img/radio.png); background-size: 100% 200%; background-position: top; margin-right: 0.25rem; margin-top: .1rem}
.pop_yuyue .yuyue_form ul li label span{ display: block; float: left; font-size: 0.6rem;}
.pop_yuyue .yuyue_form ul li label.cur i{}
.pop_yuyue .yuyue_form ul li input.vf_input{ width:6.2rem; }
.pop_yuyue .yuyue_form ul li .vf_img{ display: block; float: right; background: #f1f1f1; width: 4rem; height: 1.4rem; }
.pop_yuyue .yuyue_form ul li .get_code{ display: block; float: right; background: #cf3245; font-size: 0.6rem; text-align: center; line-height: 1.4rem; color: #ffbec6; width: 4rem; height: 1.4rem; border-radius: 5px;}
.pop_yuyue .yuyue_form ul li .get_code.timeout{ background: #999; color: #fff; }
.pop_yuyue .yuyue_form ul li .submit{ width: 7rem; height: 1.8rem; display: block; margin: 0.25rem auto; background-color: transparent; background-image: url(//cdn.haowanyou.com/g/gtj/m/style/img/submit.png); background-position: top; background-size: 100% 200%; border: 0; cursor: pointer;}
.pop_yuyue .yuyue_form ul li .submit:hover{ background-position: bottom; }
.pop_yuyue .yuyue_form ul li .error_tips{display: block; clear: both; color: #f00; font-size: 0.5rem; display: none; width: 2.5rem; display: none;width: 200px;position: abs}
.pop_yuyue .soc{ width: 16rem; margin: 0 auto; padding-top: .5rem }
.pop_yuyue .soc a{ display: block; float: left; margin: 0 .5rem }
.pop_yuyue .soc a img{ display: block; width: 100%}
.pop_yuyue .soc a.soc_1{ width: 5.5rem }
.pop_yuyue .soc a.soc_2{ width: 1.725rem }
.pop_yuyue .soc a.soc_3{ width: 2.75rem }
.pop_yuyue .soc a.soc_4{ width: 1.825rem }