/* 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{color: black}
.warp { position: relative; width: 100%; max-width: 640px; margin: 0 auto; background-color: #f4f4f4; overflow: hidden; }
.input_box { position: relative; width: 100%; margin-top: 16px; overflow: hidden; }
.input_box input { padding-left: 4%; color: #c7c5c5; width: 100%; height: 42px; line-height: 42px; font-size: 0.8rem; box-sizing: border-box; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-appearance: none; }
.input_box .square { position: absolute; color: #c7c5c5; font-size: 0.8rem; right: 3%; top: 32%; }
.input_box select { position: relative; float: left; width: 48%; height: 41px; line-height: 41px; color: #c7c5c5; padding-left: 4%; font-size: 0.8rem; border-radius: 5px; box-sizing: border-box; border: 1px solid #e3e3e3; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_box select:nth-child(2) { float: right; }
.input_box .select1 { position: absolute; left: 43%; top: 32%; z-index: 9; }
.input_box .select2 { position: absolute; right: 2.5%; top: 32%; z-index: 9; }
.input_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c7c5c5; opacity: 1; }
.input_box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c7c5c5; opacity: 1; }
.input_box input:-ms-input-placeholder { color: #c7c5c5; opacity: 1; }
.input_box input::-webkit-input-placeholder { color: #c7c5c5; opacity: 1; }
.input_box input[type=button] { border: none; color: white; line-height: 48px; height: 48px; padding-left: 0; font-size: 0.95rem; background: -webkit-linear-gradient(left, #ff7900, #ff9200, #ffc16b); background: -o-linear-gradient(right, #ff7900, #ff9200, #ffc16b); background: -moz-linear-gradient(right, #ff7900, #ff9200, #ffc16b); background: linear-gradient(to right, #ff7900, #ff9200, #ffc16b); box-shadow: 0px 5px 10px #c5e7f5; }
 .follow_item { position: fixed; display: none; top: 75%; right: 3%; display: inline-block; padding: 0.5rem; width: 56px; height: 56px; background-color: #2fb476; border-radius: 50%; box-sizing: border-box; z-index: 999; }
 .follow_item i { display: inline-block; width: 100%; text-align: center; }
 .follow_item i img { width: 66%; }
 .follow_item span { display: inline-block; width: 100%; color: white; font-size: 0.7rem; text-align: center; }
 .index_header { position: relative; z-index: 999; display: inline-block; width: 100%; background-color: white; box-shadow: 0px 1px 1px #d4d2d296}
 .index_header .content_header { display: flex; flex-direction: row; width: 94%; margin: 0 auto; padding: 0.3rem 0; overflow: hidden; text-align: center; }
 .index_header .content_header .region_tex { display: flex; justify-content: flex-start; align-items: center; color: #a09e9e; font-size: 0.9rem; line-height: 1.6rem; }
 .index_header .content_header .region_tex i { display: inline-block; width: 1.1rem; }
 .index_header .content_header .region_tex i img { width: 100%; vertical-align: unset; }
 .index_header .content_header h1 { display: flex; width: 32%; flex: 1; justify-content: center; align-items: center; }
 .index_header .content_header h1 a { display: inline-block; width: 46%; }
 .index_header .content_header h1 a img { width: 100%; }
 .index_header .content_header .nav_link { display: flex; justify-content: flex-end; align-items: center; }
 .index_header .content_header .nav_link a { display: inline-block; width: 1.6rem; }
 .index_header .content_header .nav_link a img { width: 100%; }
 .index_header .content_header .nav_link .search { padding-right: 10%; }
 .index_header .menu_show { display: none; position: fixed; width: 100%; height: 100%; z-index: 999; border-top: 1px solid  #dedede; background-color: rgba(0, 0, 0, 0.73); }
 .index_header .menu_show .menu_content { background-color: white; }
 .index_header .menu_show .menu_content ul { display: inline-block; width: 100%; padding-bottom: 1.2rem; }
 .index_header .menu_show .menu_content ul li { float: left; width: 25%; margin-top: 1rem; }
 .index_header .menu_show .menu_content ul li a { display: inline-block; width: 100%; text-align: center; }
 .index_header .menu_show .menu_content ul li a i { display: inline-block; }
 .index_header .menu_show .menu_content ul li a i img { width: 60%; }
 .index_header .menu_show .menu_content ul li a span { display: inline-block; width: 100%; line-height: 1.2rem; font-size: 0.85rem; }
 .index_header .menu_show .menu_content .menu_but { width: 90%; margin: 0 auto; padding-bottom: 1rem; overflow: hidden; }
 .index_header .menu_show .menu_content .menu_but a { float: left; display: inline-block; width: 48%; color: white; text-align: center; font-size: 0.9rem; line-height: 2.5rem; background-color: #ff9416; border-radius: 5px; }
 .index_header .menu_show .menu_content .menu_but a:nth-child(2) { float: right; }
.warp .container_banner { position: relative; width: 100%; }
.warp .container_banner .index_banner a { display: inline-block; width: 100%; }
.warp .container_banner .index_banner a img { width: 100%; }
.warp .public_container { background-color: white; overflow: hidden; margin-bottom: 1rem; }
.warp .index_entries { background-color: white; }
.warp .index_entries .entries_box { width: 94%; margin: 0 auto; }
.warp .index_entries .entries_box ul { display: inline-block; padding: 15px 0; width: 100%; }
.warp .index_entries .entries_box ul li { float: left; width: 20%; margin-bottom: 12px; }
.warp .index_entries .entries_box ul li a { display: inline-block; width: 100%; color: black; text-align: center; }
.warp .index_entries .entries_box ul li a i { display: inline-block; }
.warp .index_entries .entries_box ul li a i img { width: 54%; }
.warp .index_entries .entries_box ul li a span { display: inline-block; width: 100%; font-size: 0.9rem; line-height: 1.3rem; }
.warp .index_activity .activity_box { width: 94%; padding-bottom: 1em; margin: 0 auto; overflow: hidden; }
.warp .index_activity .activity_box .link_left { float: left; width: 45%; height: 100%; padding-top: 4.5%; background-color: #f4f4f4; }
.warp .index_activity .activity_box .link_left img { width: 100%; height: 100%; }
.warp .index_activity .activity_box .activity_item { float: right; width: 52%; }
.warp .index_activity .activity_box .activity_item a { display: inline-block; width: 100%; }
.warp .index_activity .activity_box .activity_item a img { width: 100%; }
.warp .index_activity .activity_box .activity_item a:nth-child(1) { margin-bottom: 4%; }
.warp .content_wrapper { width: 94%; margin: 0 auto; }
.warp .content_wrapper .index_common_header { padding: 18px 0 8px 0; }
.warp .content_wrapper .index_common_header h3 { padding-bottom: 5px; color: black; font-size: 1.2rem; line-height: 1.3rem; text-align: center; }
.warp .content_wrapper .index_common_header p { color: #989898; font-size: 0.8rem; line-height: 1.5rem; text-align: center; }
.warp .content_wrapper .index_common_header .common_header_nav { width: 100%; text-align: center; }
.warp .content_wrapper .index_common_header .common_header_nav ul { display: inline-block; min-width: 80%; padding: 0.3rem 0; }
.warp .content_wrapper .index_common_header .common_header_nav ul li { float: left; width: 20%; }
.warp .content_wrapper .index_common_header .common_header_nav ul li a { display: inline-block; position: relative; width: 100%; line-height: 1.2rem; font-size: 0.95rem; }
.warp .content_wrapper .index_common_header .common_header_nav ul li .click_font { color: #2fb476; }
.warp .content_wrapper .index_common_header .common_header_nav ul li a:after { position: absolute; content: ""; height: 80%; width: 1px; right: 0; top: 18%; background-color: #989898; }
.warp .content_wrapper .index_common_header .common_header_nav ul li:last-child a:after { display: none; }
.warp .content_wrapper .index_more { margin-bottom: 1em; width: 100%; height: 2.2rem; border-radius: 6px; border: 1px solid #dedede; }
.warp .content_wrapper .index_more a { display: inline-block; width: 100%; font-size: 0.9rem;color: #989898;  line-height: 2.2rem; text-align: center; }
.warp .index_common_case .content_case { overflow-x: scroll; padding-bottom: 1rem; }
.warp .index_common_case .content_case .case_list { width: 600px; overflow: hidden; overflow-x: scroll; }
.warp .index_common_case .content_case .case_list .case_item { position: relative; float: left; width: 155px; margin-right: 8px; }
.warp .index_common_case .content_case .case_list .case_item img { width: 100%; }
.warp .index_common_case .content_case .case_list .case_item .case_item_tex { position: absolute; color: white; width: 100%; top: 50%; margin-top: -20%; text-align: center; }
.warp .index_common_case .content_case .case_list .case_item .case_item_tex font { font-size: 1.1rem; line-height: 1.7rem; border-bottom: 1px solid white; }
.warp .index_common_case .content_case .case_list .case_item .case_item_tex span { display: inline-block; padding-top: 0.3rem; width: 100%; line-height: 1.5rem; font-size: 0.9rem; }
.warp .index_common_company .company_content { overflow-x: scroll; }
.warp .index_common_company .company_content .company_list { width: 1000px; overflow-x: scroll; overflow: hidden; }
.warp .index_common_company .company_content .company_list .company_item { float: left; position: relative; margin-right: 9px; width: 128px; padding: 0.8rem; margin-bottom: 0.7rem; border: 1px solid #dedede; text-align: center; border-radius: 5px; }
.warp .index_common_company .company_content .company_list .company_item .prize_icon{display: inline-block;  position: absolute; width: 24px;  top: 2%;  left: 3%;}
.warp .index_common_company .company_content .company_list .company_item .prize_icon img{width: 100%;}
.warp .index_common_company .company_content .company_list .company_item .logo_radius { display: inline-block; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #dedede; overflow: hidden; }
.warp .index_common_company .company_content .company_list .company_item .logo_radius img { width: 100%; margin-top:13px; }
.warp .index_common_company .company_content .company_list .company_item h6 { padding-top: 0.3rem; font-size: 0.95rem; line-height: 1.6rem;white-space: nowrap;  text-overflow: ellipsis; overflow: hidden }
.warp .index_common_company .company_content .company_list .company_item span { display: inline-block; width: 80%; }
.warp .index_common_company .company_content .company_list .company_item span i { display: inline-block; width: 15%; }
.warp .index_common_company .company_content .company_list .company_item span i img { width: 100%; }
.warp .index_common_company .company_content .company_list .company_item p { font-size: 0.9rem; color: #989898; line-height: 1.6rem; padding-bottom: 0.4rem; }
.warp .index_common_company .company_content .company_list .company_item .about_company { padding: 0.4rem 0.9rem; color: white; font-size: 0.9rem; line-height: 1.4rem; border-radius: 5px; background-color: #ff9416; }
.warp .index_common_design .common_design_info { position: relative; overflow: hidden; }
.warp .index_common_design .common_design_info .design_list { position: relative; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info { padding: 3% 3%; border-radius: 5px; background-color: #f4f4f4; box-sizing: border-box; margin-bottom: 1.8rem; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head { width: 100%; overflow: hidden; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .design_img { display: inline-block; width: 66px;height: 66px; float: left; ; border-radius: 50%;overflow: hidden }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .design_img img { width: 100%; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .right_tex { float: right; width: 70%; margin-top: 2%; margin-right: 4%;}
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .right_tex p {     font-size: 0.8rem;  color: #989898;  line-height: 1.8rem; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .right_tex p a { padding-right: 5%; display: inline-block; font-size: 1rem; color: black; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .right_tex .alone_tex {display: inline-block; float: left;width: 62%; font-size: 0.8rem; color: #989898; line-height: 2rem;white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .info_head .right_tex .about_butt { float: right; display: inline-block; width: 36%; font-size: 0.8rem; color: white; text-align: center; line-height: 2rem; background-color: #ff9416; border-radius: 6px; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .content_tex { width: 100%; padding: 0.8rem 0  0; overflow: hidden; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .content_tex > a { display: inline-block; float: left; width: 48%; overflow: hidden; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .content_tex > a img { width: 100%; }
.warp .index_common_design .common_design_info .design_list .design_item .content_info .content_tex a:nth-child(2) { float: right; }
.warp .index_common_raiders .raiders_content .raiders_img { display: inline-block; }
.warp .index_common_raiders .raiders_content .raiders_img img { width: 100%; }
.warp .index_common_raiders .raiders_content .font_link p{display: inline-block; width: 75%; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.warp .index_common_raiders .raiders_content .font_link { display: inline-block; width: 100%; padding: 5px 0; line-height: 1.8rem; font-size: 1rem; border-bottom: 1px solid #f1f1f1; }
.warp .index_common_raiders .raiders_content .font_link span { display: inline-block; float: right; color: #989898; font-size: 0.9rem; }
.warp .index_common_raiders .raiders_content .font_link span i { display: inline-block; width: 18px; }
.warp .index_common_raiders .raiders_content .font_link span i img { width: 100%; vertical-align: sub; }
.warp .index_common_raiders .raiders_content .min_menu { padding: 1rem 0; }
.warp .index_common_raiders .raiders_content .min_menu ul { display: inline-block; width: 100%; }
.warp .index_common_raiders .raiders_content .min_menu ul li { float: left; width: 20%; margin-right: 6.6%; }
.warp .index_common_raiders .raiders_content .min_menu ul li a { display: inline-block; width: 100%; text-align: center; }
.warp .index_common_raiders .raiders_content .min_menu ul li a i { display: inline-block; width: 70%; }
.warp .index_common_raiders .raiders_content .min_menu ul li a i img { width: 100%; }
.warp .index_common_raiders .raiders_content .min_menu ul li a p { font-size: 0.9rem; line-height: 1rem; }
.warp .index_common_raiders .raiders_content .min_menu ul li:last-child { margin-right: 0; }
.warp .tex_list { width: 100%; }
.warp .tex_list ul li { padding: 0.6rem 0  0.37rem 0; border-bottom: 1px solid #f1f1f1; }
.warp .tex_list ul li a { position: relative; display: inline-block; width: 100%; }
.warp .tex_list ul li a span { float: left; display: inline-block; width: 34%; }
.warp .tex_list ul li a span img { width: 100%; }
.warp .tex_list ul li a .item_rigth { float: left; width: 62%; margin-left: 2%; }
.warp .tex_list ul li a .item_rigth p { font-size: 1rem; line-height: 1.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.warp .tex_list ul li a .item_rigth span { position: absolute; display: inline-block; width: 63%; bottom: 6%; }
.warp .tex_list ul li a .item_rigth span font { float: left; font-size: 0.8rem; color: #989898; }
.warp .tex_list ul li a .item_rigth span font:nth-child(2) { float: right; }
.warp .index_common_qa .qa_title_img { display: inline-block; width: 100%; background: url("../images/new_index/qa_img.jpg") no-repeat; background-size: 100%; }
.warp .index_common_qa .qa_title_img .tex_head { text-align: center; margin: 0.8rem; padding: 0.2rem 0.5rem 0.7rem 0.5rem; background-color: white; overflow: hidden; }
.warp .index_common_qa .qa_title_img .tex_head h5 { line-height: 1.6rem;     white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
.warp .index_common_qa .qa_title_img .tex_head p { padding-top: 0.5rem; color: #989898; font-size: 0.84rem; line-height: 1.3rem; text-indent: 20px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.warp .index_common_qa .qa_list { padding: 1.2rem 0 0 0; }
.warp .index_common_qa .qa_list ul { display: inline-block; width: 100%; }
.warp .index_common_qa .qa_list ul li { width: 30%; float: left; margin-right: 4.8%; margin-bottom: 0.8rem; }
.warp .index_common_qa .qa_list ul li a { display: inline-block; width: 100%; line-height: 2rem; font-size: 0.85rem; text-align: center; border-radius: 5px; border: 1px solid #dedede; }
.warp .index_common_qa .qa_list ul li:nth-child(3n+0) { margin-right: 0; }
.warp .index_common_activity .activity_content { position: relative; }
.warp .index_common_activity .activity_content .activity_banner { width: 100%; padding-bottom: 1rem; }
.warp .index_common_activity .activity_content .activity_banner .activity_box > div { display: inline-block; width: 100%; }
.warp .index_common_activity .activity_content .activity_banner .activity_box > div a { display: inline-block; width: 100%; }
.warp .index_common_activity .activity_content .activity_banner .activity_box > div a img { width: 100%; }
.warp .index_common_activity .activity_content .activity_banner .activity_box > div .font_link { display: inline-block; width: 100%; padding: 5px 0; line-height: 1.8rem; font-size: 0.96rem;   }
.warp .index_common_activity .activity_content .activity_banner .activity_box > div .font_link font{ display: inline-block;width: 64%;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.warp .index_common_activity .activity_content .activity_banner .activity_box > div .font_link span { display: inline-block; float: right; color: #ff9000; font-size: 0.9rem; border-radius: 20px; line-height: 1.2rem; padding: 0.1rem 0.6rem; border: 1px solid  #f1f1f1; }
.warp .index_common_hotspot .tex_list { margin-bottom: 1rem; }
.warp .index_common_hotspot .tex_list ul li:last-child { border-bottom: none; }
 .index_public_footer { background-color: white; }
 .index_public_footer .footer_content { width: 94%; margin: 0 auto; padding-top: 0.7rem; }
 .index_public_footer .footer_content h3 { text-align: center; }
 .index_public_footer .footer_content h3 img { width: 80%; }
 .index_public_footer .footer_content ul { display: inline-block; padding: 1rem 0 1.3rem 0; width: 100%; border-bottom: 1px solid #dedede; }
 .index_public_footer .footer_content ul li { position: relative; float: left; width: 29%; margin-right: 6%; text-align: center; font-size: 0.8rem; }
 .index_public_footer .footer_content ul li i { display: inline-block; width: 100%; }
 .index_public_footer .footer_content ul li i img { width: 42%; }
 .index_public_footer .footer_content ul li font { padding-top: 0.6rem; line-height: 1.7rem; }
 .index_public_footer .footer_content ul li p { line-height: 1.4rem; }
 .index_public_footer .footer_content ul li p span { color: #2fb476; font-weight: bold; font-size: 1.2rem; }
 .index_public_footer .footer_content ul li:after { position: absolute; content: ""; width: 1px; height: 50%; right: -10%; top: 22%; background-color: #dedede; }
 .index_public_footer .footer_content ul li:last-child { margin-right: 0; }
 .index_public_footer .footer_content ul li:last-child:after { display: none; }
 .index_public_footer .footer_nav { padding: 1.2rem 0; }
 .index_public_footer .footer_nav p { text-align: center; }
 .index_public_footer .footer_nav p i { display: inline-block; width: 32px; padding-right: 5px; vertical-align: middle; }
 .index_public_footer .footer_nav p i img { width: 100%; }
 .index_public_footer .footer_nav p a { font-size: 1.1rem; font-weight: bold; color: #2fb476; }
 .index_public_footer .footer_nav .nav_bottom { width: 100%; text-align: center; padding: 1rem 0 1.2rem 0; overflow: hidden; }
 .index_public_footer .footer_nav .nav_bottom ul { display: inline-block; }
 .index_public_footer .footer_nav .nav_bottom ul li { float: left; }
 .index_public_footer .footer_nav .nav_bottom ul li a { position: relative; display: inline-block; font-size: 0.9rem; padding: 0 0.9rem; }
 .index_public_footer .footer_nav .nav_bottom ul li a:after { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0; background-color: #989898; }
 .index_public_footer .footer_nav .nav_bottom ul li:last-child a:after { display: none; }
 .index_public_footer .footer_nav .alone_p { font-size: 0.9rem; color: #989898; text-align: center; }
 .index_show_box { position: fixed; top: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.73); z-index: 1000; }
 .index_show_box .index_show_content { position: relative; width: 94%; height: 100%; margin: 0 auto; }
 .index_show_box .index_show_content .form_box { position: absolute; top: 50%; margin-top: -55%; width: 100%; background-color: white; border-radius: 5px; }
 .index_show_box .index_show_content .form_box .form_content { padding: 5%; }
 .index_show_box .index_show_content .form_box .form_content .form_head { overflow: hidden; }
 .index_show_box .index_show_content .form_box .form_content .form_head .logo_div { display: inline-block; float: left; width: 58px;height: 58px; font-size: 0; border-radius: 50%; border: 1px solid  #e3e3e3; overflow: hidden; }
 .index_show_box .index_show_content .form_box .form_content .form_head .logo_div img { width: 100%; }
  .index_show_box .index_show_content .form_box .form_content .form_head .logo_div1 { display: inline-block; float: left; width: 58px;height: 58px; font-size: 0; border-radius: 50%; border: 1px solid  #e3e3e3; overflow: hidden; }
  .index_show_box .index_show_content .form_box .form_content .form_head .logo_div1 img { width: 100%; margin-top:12px; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex { float: left;position: relative;  margin-left: 3%; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex h5 {position: relative; line-height: 2.5rem; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex .prize_icon {display: inline-block;  position: absolute;  right: -10%;  top: 9px;  width: 23px;}
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex .prize_icon img { width: 100%; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex p { color: #ff9416; font-size: 0.8rem; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex p span{ display: inline-block; vertical-align: super;}
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex p i { display: inline-block; width: 18px; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex p i img { width: 100%; }
 .index_show_box .index_show_content .form_box .form_content .form_head .info_tex .tex_sty { color: #989898; }
 .index_show_box .index_show_content .form_box .form_content .nub_box { width: 100%; height: 3.8rem; padding: 1.5%; background-color: #d3d3cb; border-radius: 4px; box-sizing: border-box; }
 .index_show_box .index_show_content .form_box .form_content .nub_box .border_div { position: relative; width: 100%; height: 100%; border-radius: 4px; border: 2px solid #1f1f1f; box-sizing: border-box; text-align: right; }
 .index_show_box .index_show_content .form_box .form_content .nub_box .border_div p { padding: 0 3%; font-size: 1rem; text-align: right; line-height: 3.5rem; }
 .index_show_box .index_show_content .form_box .form_content .nub_box .border_div p font { font-size: 1.9rem; letter-spacing: 1px; font-family: Helvetica; }
 .index_show_box .index_show_content .form_box .form_content .offer_box {position: relative;  width: 90%;  margin: 0.2rem 5% 0 5%;  height: 10.7rem; background: url("../images/new_index/offer_back.jpg") no-repeat; background-size: 100%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box span { position: absolute; display: inline-block; font-size: 0.8rem; color: #5c5c5c; line-height: 1.5rem; }
 .index_show_box .index_show_content .form_box .form_content .offer_box span font { color: #ff9416; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex1 { top: 16%; left: -1%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex2 { top: 8%; right: -1%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex3 { top: 41%; left: -1%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex4 { top: 38%; right: -1%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex5 { top: 65%; left: -1%; }
 .index_show_box .index_show_content .form_box .form_content .offer_box .tex6 { top: 59%; right: -1%; }
 .index_show_box .index_show_content .index_close { position: absolute; display: inline-block; width: 40px; bottom: 6%; left: 50%; margin-left: -20px; }
 .index_show_box .index_show_content .index_close img { width: 100%; }
 .index_show_box .index_show_content .follow_box { position: absolute; top: 52%; right: 0; }
 .index_show_box .index_show_content .follow_box ul li { text-align: right; padding-bottom: 0.8rem; }
 .index_show_box .index_show_content .follow_box ul li a { display: inline-block; }
 .index_show_box .index_show_content .follow_box ul li a span { color: white; font-size: 1rem; }
 .index_show_box .index_show_content .follow_box ul li a i { display: inline-block; width: 56px; height: 56px; padding: 10% 0; border-radius: 50%; text-align: center; box-sizing: border-box; }
 .index_show_box .index_show_content .follow_box ul li a i img { width: 55%; vertical-align: middle; }
 .index_show_box .index_show_content .follow_box ul li:nth-child(1) a i { background-color: #da5776; }
 .index_show_box .index_show_content .follow_box ul li:nth-child(2) a i { background-color: #ff9416; }
 .index_show_box .index_show_content .follow_box ul li:nth-child(3) a i { background-color: #2fb476; }

.offer_Box { display: none; position: fixed; width: 100%; height: 100%; top: 0; background-color: rgba(31, 31, 31, 0.66); box-sizing: border-box; z-index: 999 }
.offer_Box .offer { margin: 0 4%; position: absolute; border-radius: 5px; background-color: white; overflow: hidden; left: 50%; margin-left: -46%; top: 50%; margin-top: -63%; }
.offer_Box .offer header { width: 100%; height: 120px; margin-bottom: 12px; background: url("../images/price/box_back.jpg"); background-size: 100% 100%; }
.offer_Box .offer header h3 { font-weight: bold; color: #1f1f1f; font-size: 21px; text-align: center; padding: 20px 0 10px 0; }
.offer_Box .offer header p { font-weight: bold; color: #ff9518; font-size: 18px; text-align: center; }
.offer_Box .offer header p font { font-size: 30px; padding-right: 7px; display: inline-block; vertical-align: sub; }
.offer_Box .offer > p { color: #5c5c5c; line-height: 35px; text-align: center; }
.offer_Box .offer > p span { display: inline-block; min-width: 52px; }
.offer_Box .offer section { padding: 20px 4%; }
.offer_Box .offer section > p { color: #9e9e9e; padding: 0 4%; font-size: 15px; line-height: 24px; }
.offer_Box .offer section button { margin-top: 20px; color: white; font-size: 15px; width: 100%; border: none; line-height: 48px; border-radius: 5px; background-color: #ff9518; }

/*# sourceMappingURL=screen.css.map */