﻿@charset "utf-8";
/* reset 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-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,button,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;width:auto;overflow:visible;}
/*because legend doesn't inherit in IE */
legend {color:#000;}
img{width:100%; height:auto; border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
/* end reset css */
html {font-family:"Microsoft YaHei","Helvetica","Helvetica Neue"; font-size: 625%; color: #333; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
html,body {height:100%;background:#faf2ff;}
a,a:active{color:#333;text-decoration:none;outline:none;}
/*float clear*/
.clearfix:after {content: "\200c";display :block;height: 0;font-size: 0;clear: both;}
.none{display:none;overflow:hidden;}
a,button,input[type=submit],input[type=button]{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {color:#333;font-family:"Microsoft YaHei", Arial, Verdana, serif;font-size:14px;-webkit-user-select:none; /* 禁止选择 */-webkit-touch-callout:none; /* 禁用弹出 */}
.wrapper{width:100%;display:block;min-width:320px;}
.main{margin:0 auto;}
#wrap{position:relative;min-height:100%;_height:100%;}
#pages{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;overflow:hidden;}
.page{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#faf2ff;}
.box{text-align:center;margin:50px 0;}
.box img{max-width:90%;}

.wel-banner{ width:100%;}
.wel-banner .banner{ width:100%; vertical-align:top;}
.wel-main{ margin:0.12rem;}
.wel-main .wel-li{ float:left; width:50%; padding:0.1rem 0 0.14rem; border-right:1px solid #e9e2ed; border-bottom:1px solid #e9e2ed; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center;}
.wel-main .area-partner .wel-li,.wel-main .area-wap .wel-li{ border-right-color:#faf2ff;}
.wel-main .area-images .wel-li,.wel-main .area-wap .wel-li{ border-bottom-color:#faf2ff;}
.wel-main .wel-h2{ font-size:0.14rem; color:#306; line-height:0.22rem;}
.wel-main .wel-p{ font-size:0.12rem; color:#9c94a5; line-height:0.14rem;}
.wel-main .wel-icon{ display:inline-block; margin-top:0.11rem; width:0.72rem; height:0.72rem; vertical-align:top; background:url(//ued.jia.com/image/mobile/mobile_start/app.png) 0 0 no-repeat; background-size:100%;}
.wel-main .icon2{ background-position:0 -0.8rem;}
.wel-main .icon3{ background-position:0 -3.2rem;}
.wel-main .icon4{ background-position:0 -2.4rem;}
.wel-main .wel-icon.icon1{background-image: url(//ued.jia.com/image/mobile/mobile_start/jia-icon.png);background-position: 0 0;}
.wel-main .wel-icon.icon2{background-image: url(//ued.jia.com/image/mobile/mobile_start/toutiao-icon.png);background-position: 0 0;}
.wel-main .wel-icon.icon3{background-image: url(//ued.jia.com/image/mobile/mobile_start/zuimei-icon.png);background-position: 0 0;}

.page .page-box{ width:52%; padding-top:0.42rem; margin-left:48%;}
.page .page-h2{ line-height:0.45rem; font-size:0.25rem; font-weight:bold; color:#d00;}
.page .page-p{ margin-top:0.08rem; font-size:0.12rem; color:#333; line-height:0.16rem;}
.page .qr-code{ display:block; padding-right:0.25rem; margin-top:0.05rem;}

.btn_p{ display:block; padding:0 0.12rem; margin-top:0.47rem;}
.btn_p .app-btn{ float:left; display:inline-block; width:47.97%; margin-right:4.06%; padding:0.08rem 0; -webkit-border-radius:0.04rem; border-radius:0.04rem; background:#d00000; text-align:center;}
.btn_p .app-btn:nth-child(2){ margin-right:0;}
.btn_p .app-btn i{ display:inline-block; width:0.15rem; height:0.2rem; background:url(//ued.jia.com/image/mobile/mobile_start/form-icons.png) 0 -0.3rem no-repeat; background-size:100%; vertical-align:top; margin-right:0.06rem;}
.btn_p .android i{ background-position:0 -0.5rem;}
.btn_p .app-btn em{font-size:.12rem; color:#fff;}
.btn_p .android{ background:#8d3fbb;}

.page2{ background:#faf2ff url(//ued.jia.com/image/mobile/mobile_start/page-bg1.jpg) 0 0 no-repeat; background-size:100%; text-align:left;}
.page3{ background:#faf2ff url(//ued.jia.com/image/mobile/mobile_start/page-bg2.jpg) 0 0 no-repeat; background-size:100%; text-align:left;}
.page3 .page-box{ width:52%; margin-left:6%; padding-top:0.2rem;}
.page3 .qr-code{ margin-top:0.05rem;}
.page3 .page-p{ margin-top:0.06rem;}
.page4{ background:#faf2ff url(//ued.jia.com/image/mobile/mobile_start/page-bg3.jpg) 0 0 no-repeat; background-size:100%; text-align:left;}
.page4 .page-box{ width:48%; padding-top:0.34rem; margin-left:52%;}
.page4 .page-p{ margin-top:0.06rem;}
.page5{ background:#faf2ff url(//ued.jia.com/image/mobile/mobile_start/page-bg4.jpg) 0 0 no-repeat; background-size:100%; text-align:left;}
.page5 .page-box{ width:52%; padding-top:0.38rem; margin-left:8%;}
.page5 .btn_p .app-btn{ width:100%; margin:0;}

.next-arrow{ position:absolute; bottom:0.1rem; left:50%; width:0.2rem; height:0.12rem; margin-left:-0.2rem; padding:0.05rem 0.1rem;}
.next-arrow .next-icon{ display:block; height:100%; background:url(//ued.jia.com/image/mobile/mobile_start/arrow.png) 0 0 no-repeat; background-size:100%;}