@charset "utf-8"; body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {margin:0;padding:0;} body, button, input, select, table, textarea { font-size:14px; line-height:1.25em} body { min-width:320px; font-size:62.5%; line-height:24px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color:#000; -webkit-text-size-adjust:none; height: 100%; background:#f2f2f4;} html{height: 100%; overflow-x: hidden;} fieldset, img { border:0} ol, ul {list-style:none} textarea{font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;} address, em {font-style:normal} a { color:#000; text-decoration:none} table { border-collapse:collapse} .clear:before, .clear:after {content:"";display:table;} .clear:after {clear:both;} .clear {*zoom:1;} /*header*/ .v_head{display: block;height:40px; line-height:40px;box-shadow:0px 0px 4px #ccc; width:100%; text-align: center; background:#fff; border-bottom:1px #d6d6d6 solid; width:100%; z-index:2; font-size:1.6em; position:relative;} .center{ text-align:center} .font_red{ color:#bd100f;} /*layout*/ .wrapper { width: 100%;overflow:hidden;} .wrapper_turn{ width: 100%; padding-top:44px; background:#bbc3c5 url(../img/tur_bg.jpg) no-repeat top center; background-size:cover;} .wrapper_src_card{ width: 100%; padding-top:44px; background:#a40d0c url(../img/scr_card_bg.jpg) no-repeat top center; background-size:cover;} /**/ .v_block{ height:45px;} .v_nav{ height:44px; border-top:1px #d1d1d1 solid; background:#f2f2f4; width:100%; position:fixed; bottom:0px; left:0px; color:#999; overflow:hidden; z-index:990;} .v_nav dl{ float:left; width:33.33%; height:100%; text-align:center; font-size:12px;} .v_nav dl a{ display:block; width:100%; height:100%; color:#999} .v_nav dl.on a{ color:#f00;} .v_nav dl dt{ height:42.4%; margin-top:4px;} .v_nav dl dt p{ height:100%;} .v_nav dl dt img{ height:100%; display:block; margin:0 auto;} .v_nav dl dt p.c{ display:none;} .v_nav dl.on p.c{ display:block;} .v_nav dl.on p.d{ display:none;} .v_nav dl dd{ line-height:1.8em;} .v_nav_mrhi{ height:44px; border-top:1px #d1d1d1 solid; background:#f2f2f4; width:100%; position:fixed; bottom:0px; left:0px; color:#999; overflow:hidden; z-index:990;} .v_nav_mrhi dl{ float:left; width:25%; height:100%; text-align:center; font-size:12px;} .v_nav_mrhi dl a{ display:block; width:100%; height:100%; color:#999} .v_nav_mrhi dl.on a{ color:#f00;} .v_nav_mrhi dl dt{ height:42.4%; margin-top:4px;} .v_nav_mrhi dl dt p{ height:100%;} .v_nav_mrhi dl dt img{ height:100%; display:block; margin:0 auto;} .v_nav_mrhi dl dt p.c{ display:none;} .v_nav_mrhi dl.on p.c{ display:block;} .v_nav_mrhi dl.on p.d{ display:none;} .v_nav_mrhi dl dd{ line-height:1.8em;} /**/ .v_404_box{ position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); font-size:1.6em;} .v_404_box img{ width:22%;} .wrapper_404{ height:100%; position:absolute; left:0px; top:0; width:100%;} /*提示遮罩背景*/ .a_cover{ position:fixed; width:100%; height:100%; background:#000; top:0px; left:0px;opacity:0.5; z-index:998; display:none;} /**/ .v_tips_box{ width:80%; background:#f2f2f4; position:fixed; z-index:999; top:50%; left:10%; color:#000; font-size:1.6em; text-align:center; padding:30px 30px; font-weight:normal; line-height:1.6em; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); display:none;} .v_close_btn{ width:22px; height:22px; position:absolute; right:0px; top:0px; background-image:url(../img/close_btn.png); background-repeat:no-repeat; background-size:12px 12px; background-position:center;} .v_tips_box2{ padding-bottom:20px;} .v_tips_box2 .submit_btn_style{ margin-top:20px;} .v_tips_box3{ padding:20px 0px;} .v_gray{ color:#999; font-size:14px;} .v_tips_box .tips_img img{ width:60%; margin-bottom:10px;} /**/ .loading{ box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width:100%; height:60px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}} @keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}} .line-spin-fade-loader{position:relative} .line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out} .line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out} .line-spin-fade-loader>div{background-color:#c2c2c2;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px} @-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}} @keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}} .ball-pulse{ width:48px;} .ball-pulse>div{display:inline-block;background-color:#c2c2c2;width:12px;height:12px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both} .ball-pulse>div:nth-child(0){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(1){-webkit-animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(2){-webkit-animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(3){-webkit-animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(4){-webkit-animation:scale .75s .48s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .48s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(5){-webkit-animation:scale .75s .60s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .60s infinite cubic-bezier(.2,.68,.18,1.08)} .ball-pulse>div:nth-child(6){-webkit-animation:scale .75s .72s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .72s infinite cubic-bezier(.2,.68,.18,1.08)} /**/ .bg_white{ background:#fff;} .bg_white .v_page_title{ background:#f2f2f4;} .bg_white .v_hd_title{ background:#f2f2f4;}