/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a{cursor:pointer}
.yearEnd{font-family: 微软雅黑}
.yearEnd header{ position: relative;  }
.yearEnd header .head_item:nth-child(1){  width: 100%; height: 179px;  min-width: 1200px; background: url("../images/gold/head_img1.jpg")no-repeat center}
.yearEnd header .head_item:nth-child(2){  width: 100%; height: 209px; min-width: 1200px; background: url("../images/gold/head_img2.jpg")no-repeat center}
.yearEnd header .head_item:nth-child(3){  width: 100%; height: 212px; min-width: 1200px; background: url("../images/gold/head_img3.jpg")no-repeat center}
.yearEnd header .head_item:nth-child(4){  width: 100%; height: 178px;  min-width: 1200px; background: url("../images/gold/head_img4.jpg")no-repeat center}
.yearEnd header .head_item:nth-child(5){  width: 100%; height: 160px; min-width: 1200px; background: url("../images/gold/head_img5.jpg")no-repeat center}
.yearEnd header img { width: 100%; }
.yearEnd header h1{ position: absolute;width: 100%; text-align: center; top:0;min-width: 1200px; }
.yearEnd header h1 a { width:100%;text-align: center; display: inline-block }
.yearEnd header h1 img{ width: auto }
.yearEnd header .time { position: absolute; width: 100%; margin-top: 19.5%; text-align: center; }
.yearEnd header .time span { display: inline-block; padding: 10px 20px; color: white; border: 1px solid blue; border-radius: 20px; font-weight: bold; background-color: #448bff; }
.yearEnd .word { width: 100%; height: auto; background: url("../images/gold/content_back.jpg"); background-size: cover; background-position: top center; padding-bottom: 30px; }
.yearEnd .word .content { width: 1200px; margin: auto; }
.yearEnd .word .content .back_color { display: inline-block; padding: 30px 25px; margin-bottom: 30px; width: 100%; background-color: #fff9e9; box-sizing: border-box; text-align: center; }
.yearEnd .word .content .back_color h3 { padding: 0 0 28px 0;  height: auto; text-align: center; }
.yearEnd .word .content .back_color .part_tex { width: 100%; padding: 20px; margin-bottom: 20px; background-color: white; border-radius: 6px; border: 1px solid #ece6d6; box-sizing: border-box; }
.yearEnd .word .content .back_alont { padding: 30px 50px; }
.yearEnd .word .content .discount ul { display: inline-block; }
.yearEnd .word .content .discount ul li { float: left; margin-right: 18px; }
.yearEnd .word .content .discount ul li a { display: inline-block; }
.yearEnd .word .content .discount ul li:last-child { margin-right: 0; }
.yearEnd .word .content .lucky .tex h6 { font-size: 17px; color: white; font-weight: bold; line-height: 40px; }
.yearEnd .word .content .lucky .tex h6 em { font-size: 28px; vertical-align: bottom; }
.yearEnd .word .content .lucky .tex p { color: white; }
.yearEnd .word .content .lucky .max_ul { display: inline-block; padding-bottom: 20px; }
.yearEnd .word .content .lucky .max_ul li { float: left; margin-right: 20px; }
.yearEnd .word .content .lucky .max_ul li a { display: inline-block; width: 357px; height: 423px; background: url("../images/gold/img_back.png"); }
.yearEnd .word .content .lucky .max_ul li a span { display: inline-block; }
.yearEnd .word .content .lucky .max_ul li:last-child { margin-right: 0; }
.yearEnd .word .content .lucky .min_ul { display: inline-block; margin-bottom: 40px; }
.yearEnd .word .content .lucky .min_ul li { float: left; margin-right: 17px; }
.yearEnd .word .content .lucky .min_ul li a { display: inline-block; width: 265px; height: 324px; background: url("../images/gold/img_back2.png"); }
.yearEnd .word .content .lucky .min_ul li:last-child { margin-right: 0; }
.yearEnd .word .content .lucky .luck_draw { display: inline-block; width: 400px; line-height: 55px; font-size: 20px; color: #ffea00; font-weight: bold; border-radius: 5px; background-color: #ef2e28; box-shadow: 0 0 12px 10px  #f8dc91; }
.yearEnd .word .content .lucky .winning_list { position: relative; overflow: hidden; margin: 52px 2% 20px 3%; width: 94%; height: 56px; border: 3px solid #e81f33; border-radius: 6px; box-sizing: border-box; }
.yearEnd .word .content .lucky .winning_list > span { float: left; color: white; line-height: 50px; min-width: 150px; display: inline-block; background-color: #eb2b2e; }
.yearEnd .word .content .lucky .winning_list ul { position: absolute; width: 93%; right: 5%; }
.yearEnd .word .content .lucky .winning_list ul li { text-align: left; line-height: 36px; }
.yearEnd .word .content .lucky .winning_list ul li em { color: #e81f33; }
.yearEnd .word .content .lucky .winning_list ul li a { text-decoration: none }
.yearEnd .word .content .explain ul { display: inline-block; width: 92%; }
.yearEnd .word .content .explain ul li p { font-size: 16px; line-height: 34px; text-align: left; }
.yearEnd .word .content .tab_div { padding: 20px 25px; border-radius: 6px; text-align: left; background-color: #e51737; box-sizing: border-box; }
.yearEnd .word .content .tab_div span { display: inline-block; margin-right: 15px; }
.yearEnd .word .content .tab_div span input { min-width: 172px; outline:none; padding-left: 20px; color: white; line-height: 42px; border: none; border-radius: 5px; background-color: #c90922; }
.yearEnd .word .content .tab_div span input[type=button] { min-width: 190px;outline:none; font-size: 16px; color: #e46737; padding-left: 0; letter-spacing: 1px; background-color: #ffea00; }
.yearEnd .word .content .tab_div span select { min-width: 184px; color: white; height: 42px; padding-left: 16px; border: none; border-radius: 5px; background-color: #c90922; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.yearEnd .word .content .tab_div span :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; opacity: 1; }
.yearEnd .word .content .tab_div span ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; opacity: 1; }
.yearEnd .word .content .tab_div span input:-ms-input-placeholder { color: white; opacity: 1; }
.yearEnd .word .content .tab_div span input::-webkit-input-placeholder { color: white; opacity: 1; }
.yearEnd .word .content .contact_div { padding: 25px; border: 3px solid #fff9e9; }
.yearEnd .word .content .contact_div ul { display: inline-block; width: 100%; }
.yearEnd .word .content .contact_div ul li { float: left; width: 33.3%; border-right: 2px solid white; box-sizing: border-box; }
.yearEnd .word .content .contact_div ul li > div { height: 94px; text-align: center; }
.yearEnd .word .content .contact_div ul li > div .alont_h6 { color: #ffea00; font-size: 24px; font-weight: bold; }
.yearEnd .word .content .contact_div ul li > div h6 { color: white; padding-bottom: 20px; }
.yearEnd .word .content .contact_div ul li > div p { display: inline-block; font-size: 16px; color: white; line-height: 34px; }
.yearEnd .word .content .contact_div ul li > div .alont_p { color: #ffea00; font-size: 24px; font-weight: bold; }
.yearEnd .word .content .contact_div ul li:last-child { border-right: none; }


@media (max-width: 360px) and (min-width: 0px){
    .yearEnd .header_two .from_content .tab_div { padding: 14px 14px; }
    .yearEnd .header_two .from_content .tab_div > h3 { font-size: 15px; }
    .yearEnd .header_two .from_content .tab_div > p { font-size: 0.6rem; }
    .yearEnd .header_two .from_content .tab_div span select { height: 36px; }
    .yearEnd .header_two .from_content .tab_div span input { line-height: 38px; }
}

.show_box .loading{display: block; z-index: 999; text-align: center;  position: absolute;  top: 50%;  left: 50%;  margin-left: -51px;  margin-top: -50px;}
.show_box { position: fixed; display: none ; font-family: 微软雅黑; width: 100%; height: 100%; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.65);; }
.show_box .show_content .content { width: 576px; position: absolute; margin-left: -285px; left: 50%; top: 50%; margin-top: -248px; }
.show_box .show_content .content .close { display: inline-block; position: absolute; right: -10px; top: 54px; }
.show_box .show_content .content .alont_close { right: -6px; top: -46px; }
.show_box .show_content .content header { width: 576px; height: 225px; text-align: center; background: url("../images/gold/box_head.png"); }
.show_box .show_content .content header span { display: inline-block; padding-top: 151px; }
.show_box .show_content .content section { margin-left: 37px; width: 492px; height: auto; background: url("../images/gold/show_back.png"); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; box-sizing: border-box; }
.show_box .show_content .content section .prize { width: 100%; box-sizing: border-box; }
.show_box .show_content .content section .prize .prize_back { padding: 0 20px 20px 20px; }
.show_box .show_content .content section .prize .prize_back .prize_cont { width: 99.78%; padding: 20px; background-color: #fff9e9; box-sizing: border-box; text-align: center; border-radius: 5px; }
.show_box .show_content .content section .prize .prize_back .prize_cont h3 { position: relative;height: auto; font-size: 21px; margin-bottom: 20px; color: #e41438; line-height: 50px; font-weight: bold; }
.show_box .show_content .content section .prize .prize_back .prize_cont h3:after { position: absolute; content: ""; width: 20%; height: 1px; right: 2%; top: 25px; background-color: #ede3c9; }
.show_box .show_content .content section .prize .prize_back .prize_cont h3:before { position: absolute; content: ""; width: 20%; height: 1px; left: 2%; top: 25px; background-color: #ede3c9; }
.show_box .show_content .content section .prize .prize_back .prize_cont span { display: inline-block; }
.show_box .show_content .content section .prize .prize_back .prize_cont .font1 { color: #da1145; line-height: 40px; text-align: center; }
.show_box .show_content .content section .prize .prize_back .prize_cont .font2 { color: #b1ac9f; font-size: 14px; line-height: 30px; text-align: left; }
.show_box .show_content .content section .prize .prize_back .prize_cont .but_cont { padding-top: 20px; }
.show_box .show_content .content section .prize .prize_back .prize_cont .but_cont a { display: inline-block; min-width: 170px; line-height: 45px; border-radius: 5px; margin: 0 10px; }
.show_box .show_content .content section .prize .prize_back .prize_cont .but_cont .but1 { color: #fff60b; background-color: #e41537; }
.show_box .show_content .content section .prize .prize_back .prize_cont .but_cont .but2 { color: #da1145; border: 1px solid #e61c35; box-sizing: border-box; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div { text-align: left; padding-bottom: 20px; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div select { display: inline-block;  font-family: 微软雅黑; width: 48%;border: 1px solid #d6d4d46e; height: 44px; color: #a9a9a9; padding-left: 4%; background-color: #f4eedd;  border-radius: 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div select:last-child { margin-left: 2.5%; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div input { width: 100%; height: 44px;  font-family: 微软雅黑;color: #a9a9a9;padding-left: 4%; border-width: thin; border-style: solid; background-color: #f4eedd;  border-radius: 5px; box-sizing: border-box; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a9a9a9; opacity: 1; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a9a9a9; opacity: 1; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div input:-ms-input-placeholder { color: #a9a9a9; opacity: 1; }
.show_box .show_content .content section .prize .prize_back .prize_cont .input_div input::-webkit-input-placeholder { color: #a9a9a9; opacity: 1; }
.show_box .show_content .content .alont_radius { padding-top: 20px; border-radius: 6px; }


/*# sourceMappingURL=screen.css.map */
