@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust:100%; font-size:28px; outline:none; font-family:"Microsoft YaHei"; margin:0; padding:0;}
*:focus{ outline:none;}
body, button, input, select, textarea { font-size: 100%; margin:0 auto; font-family:"微软雅黑";}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
fieldset, img { border: 0; vertical-align: top;}
q:before, q:after { content: ''; }
input, textarea { outline-style: none; font-size:100%;}
input[type="text"], input[type="password"] {vertical-align:middle; }
input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; }
textarea { resize: none;  font-size:100%;}
address, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: normal; }
strong,b{font-weight: normal;}
abbr, acronym { border: 0; font-variant: normal;}
ul{ list-style:none; overflow:hidden;}
a{ outline:none; text-decoration:none; display:inline-block; border:none; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body{ background: #00456f;}

/*公用样式*/
.wrapBox{ width:100%; max-width:750px; height: auto; margin:0 auto; position:relative; display:block; background: #00456f;}
.wrapBox img{ width:100%;}
.section{ position:relative; width:100%; height: 100%; min-height: 100%; overflow:hidden;}
.section .index_logo{ width: 96px; height: auto; position: absolute; top: 25px; left: 40px;}
.section .bottom{ width: 260px; height: auto; position: absolute; top: 25px; right: 40px;}
.section .question_box{ width: 550px; height: auto; float: left; margin: 17% 0 0 100px; text-align: left; color: #ffffff; font-size: 32px;}
.section ul{ width: 560px; height: auto; float: left; margin: 15px 0 0 95px;}
.section li{ width: 100%; height: auto; float: left; margin: 0 0 12px 0;}
.section li img{ width: 100%; height: auto; float: left;}
.section li span{ width: 100%; height: auto; float: left; text-align: center; font-size: 22px; color: #00c5ff; margin: 10px 0 0 0;}
.section li.cho span{ color: #ffffff;}

/*.section{ display: none;}*/

/*指数页面*/
.section7 .score_logo{ width: 660px; height: auto; position: absolute; top: 12%; left: 45px;}
.section7 .score_title{ width: 650px; height: auto; font-size: 48px; text-align: center; color: #35b6ec; position: absolute; top: 35%; left: 50px;}
.section7 .score_box{ width: 650px; height: auto; font-size: 145px; color: #87c23b; text-align: center; position: absolute; top: 43.5%; left: 50px;}
.section7 .score_percent{ width: 650px; height: auto; font-size: 48px; text-align: center; color: #35b6ec; position: absolute; top: 60%; left: 50px;}
.section7 .score_share{ width: 388px; height: auto; position: absolute; top: 68%; left: 181px;}
.section7 .score_share img{ width: 100%; height: auto;}
.section7 .score_share span{ width: 94%; height: auto; color: #00243d; font-size: 35px; text-align: center; position: absolute; top: 35px; left: 0;}
.section7 .score_code{ width: 120px; height: auto; position: absolute; top: 85%; left: 315px;}
.section7 .share_box{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.section7 .share_box .share_mask{ width: 100%; height: 100%; background: #000; opacity: 0.75;}
.section7 .share_box .share_hand{ width: 239px; height: auto; position: absolute; top: 20px; right: 28px;}
.section7 .share_box .share_tips{ width: 100%; height: auto; position: absolute; top: 27%; left: 0; text-align: center; font-size: 38px; color: #ffffff;}

/*详细解读*/
.end_page{ display: none; width: 100%; max-width: 750px; height: 100%; background: #00456e; position: absolute; top: 0; left: 0; z-index: 99;}
.end_page img{ width: 100%;}
.end_page .index_logo{ width: 96px; height: auto; position: absolute; top: 25px; left: 40px;}
.end_page .details_box{ width: 100%; height: auto; position: absolute; top: 25px; left: 0;}
.end_page .end_code{ width: 180px; height: 180px; position: absolute; top: 705px; left: 285px;}
.end_page .end_code_word{ width: 100%; height: auto; position: absolute; top: 895px; left: 0; text-align: center; font-size: 20px; color: #ffffff;}
.end_page .end_bottom{ width: 500px; height: auto; position: absolute; bottom: 2%; left: 125px;}
.end_page .end_line{ width: 225px; height: auto; position: absolute; bottom: 0; right: 0;}
.end_page .photo_img{ width: 90px; height: 90px; position: absolute; top: 257px; left: 347px;}
.end_page .end_tips{ width: 100%; height: auto; position: absolute; bottom: 17%; left: 0; text-align: center; font-size: 22px; color: #d8ce87;}