锘縝ody, ul, li, p, em, i, a, pre, h4, h6, h1, h2, h3, h5, pre, option, select, input, div { text-decoration: none; list-style: none; margin: 0; padding: 0; } /*a,input,select{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);}*/ a { display: block; color: inherit; } body { padding: 2rem 0 4rem; font-family: "microsoft yahei"; } img { vertical-align: middle; } .fl { float: left; } .fr { float: right; } #policy .button { height: 1.55rem; margin: 0 auto; background-color: #4b55ad; border-radius: 20px; color: #fff; text-align: center; line-height: 1.55rem; font-size: 0.6rem; } #policy { background: #e9ebf4; } #policy .head { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: -moz-calc(100% - 2px); width: 100%; height: 2rem; border-bottom: 1px solid #535353; background: -webkit-gradient(linear, left bottom, left top, from(#ebebeb), to(#fff)); background: -webkit-linear-gradient(bottom, #ebebeb, #fff); background: -moz-linear-gradient(bottom, #ebebeb, #fff); background: linear-gradient(to top, #ebebeb, #fff); text-align: center; position: fixed; top: 0; z-index: 2; transform: translatez(0); } #policy .head .back, .head .tel { position: absolute; top: 0; } #policy .head .back { width: 2rem; height: 2rem; left: 0; } #policy .head .back img { width: 20%; margin-top: 0.7rem; } #policy .head .logo { /*width: 3.875rem;*/ width: 12rem; height: 2rem; margin: 0 auto; } #policy .head .logo img { width: 4rem; height: 1.25rem; margin: 0.4rem 0; } #policy .head .tel { width: 2rem; height: 2rem; right: 0; } #policy .head .tel img { width: 45%; margin-top: 0.575rem; } #policy .banner, #policy .banner img { width: 100%; height: 8.35rem; } #policy .btns { padding: 0.85rem 0 0.2rem 0; /* height: 2.025rem; */ overflow: hidden; /*-webkit-overflow-scrolling: touch;*/ /*ios妯悜婊氬姩鍗¢】*/ } #policy .wrap::-webkit-scrollbar { display: none; } .early { /* display: none; */ } #policy .early .content { margin: 0; padding: 0; background: none; } .dis { display: flex; align-items: center; justify-content: space-between; } .early .content ul { flex-wrap: wrap; justify-content: center; margin-top: 1.78rem; align-items: stretch; } .early .content li { flex-direction: column; width: 47%; background-color: #ffffff; border: solid 0.05rem #4a53b3; position: relative; justify-content: flex-start; padding: 1.5rem .1rem .1rem; box-sizing: border-box; } .early .content li div { width: 2rem; height: 2.23rem; background: url(/uploads/image/zpimages/e-bg.png) no-repeat; background-size: 100%; justify-content: center; padding-bottom: .3rem; position: absolute; top: -1rem; /* width: 80px; height:89px; */ } .early .content li div span { display: block; background: url(/uploads/image/zpimages/sprites1.png) -0.4rem -0.4rem no-repeat; width: 1.3rem; height: 1.3rem; background-size: 6.1rem; } .early .content li:nth-child(1), .early .content li:nth-child(3) { margin-right: .25rem; } .early .content li.mar { margin-left: .25rem; } .early .content li.mar_b { margin-bottom: 1.4rem; } .early .content li span.icon1 { background-position: -0.4rem -0.4rem; } .early .content li span.icon2 { background-position: -2.5rem -0.4rem; } .early .content li span.icon3 { background-position: -0.35rem -2.5rem; } .early .content li span.icon4 { background-position: -4.5rem -0.4rem; } .early .content li span.icon5 { background-position: -2.4rem -2.5rem; } .early .content li h3 { font-size: 0.6rem; margin-bottom: 0.65rem; } .early .content li h3.mar { margin-bottom: 0.43rem; } .early .content li p { font-size: 0.5rem; line-height: 0.7rem; color: #000000; text-align: left; margin-bottom: .2rem; } #policy .btns .wrap { width: 100%; height: 100%; padding: 0 0.5rem; overflow: hidden; overflow-x: scroll; height: 3rem; align-items: flex-start; position: relative; } #policy .btns .wrap .item { width: 3.75rem; height: 1.725rem; background: #ffe000; float: left; margin-left: 0.475rem; background-size: contain; background-repeat: no-repeat; font-size: .6rem; color: #000000; font-weight: bold; flex-shrink: 0; border-radius: .3rem; position: relative; } #policy .btns .wrap .item:first-child { margin-left: 0; } #policy .btns .wrap .item.active { background: #4a53b3; color: #ffffff; } #policy .btns .wrap .item.active::after{ content: ""; border: .3rem solid #4a53b3; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; bottom: -.56rem; left: 50%; transform: translatex(-50%); } /* #policy .btns .item.sg { background-image: url(/uploads/image/zpimages/button-sg.png); } #policy .btns .item.sg.active { background-image: url(/uploads/image/zpimages/button-sg-active.png); } #policy .btns .item.jp { background-image: url(/uploads/image/zpimages/button-jp.png); } #policy .btns .item.jp.active { background-image: url(/uploads/image/zpimages/button-jp-active.png); } #policy .btns .item.kr { background-image: url(/uploads/image/zpimages/button-kr.png); } #policy .btns .item.kr.active { background-image: url(/uploads/image/zpimages/button-kr-active.png); } #policy .btns .item.eu { background-image: url(/uploads/image/zpimages/button-eu.png); } #policy .btns .item.eu.active { background-image: url(/uploads/image/zpimages/button-eu-active.png); } #policy .btns .item.usa { background-image: url(/uploads/image/zpimages/button-usa.png); } #policy .btns .item.usa.active { background-image: url(/uploads/image/zpimages/button-usa-active.png); } #policy .btns .item.uk { background-image: url(/uploads/image/zpimages/button-uk.png); } #policy .btns .item.uk.active { background-image: url(/uploads/image/zpimages/button-uk-active.png); } #policy .btns .item.au { background-image: url(/uploads/image/zpimages/button-au.png); } #policy .btns .item.au.active { background-image: url(/uploads/image/zpimages/button-au-active.png); } #policy .btns .item.ca { background-image: url(/uploads/image/zpimages/button-ca.png); } #policy .btns .item.ca.active { background-image: url(/uploads/image/zpimages/button-ca-active.png); } #policy .btns .item.nz { background-image: url(/uploads/image/zpimages/button-nz.png); } #policy .btns .item.nz.active { background-image: url(/uploads/image/zpimages/button-nz-active.png); } #policy .btns .item.hk { background-image: url(/uploads/image/zpimages/button-hk.png); } #policy .btns .item.hk.active { background-image: url(/uploads/image/zpimages/button-hk-active.png); } */ #policy .content { /*height: 18rem;*/ background-color: #fff; padding: 0 1.125rem 1.075rem 1.125rem; margin: 0 0.75rem; } #policy .content .item { display: none; } #policy .content .item.active { display: block; } #policy .content .content-title { text-align: center; padding: 1.05rem 0 0.8rem 0; color: #4b55ad; font-size: 0.8rem; font-weight: bold; line-height: .8rem; } #policy .content .content-describe { font-size: 0.55rem; line-height: 0.9rem; } #policy .content .content-image { width: 100%; height: 2.5rem; background-repeat: no-repeat; background-size: contain; margin-top: 0.925rem; color: #fff; text-align: center; line-height: 2.5rem; font-size: 0.65rem; font-weight: bold; letter-spacing: 0.05rem; } #policy .content .content-image img { width: 0.8rem; height: 0.4rem; vertical-align: baseline; } #policy .content .content-image.usa { background-image: url(/uploads/image/zpimages/usa.png); } #policy .content .content-image.uk { background-image: url(/uploads/image/zpimages/uk.png); } #policy .content .content-image.au { background-image: url(/uploads/image/zpimages/au.png); } #policy .content .content-image.kr { background-image: url(/uploads/image/zpimages/kr.png); } #policy .content .content-image.nz { background-image: url(/uploads/image/zpimages/nz.png); } #policy .content .content-image.ca { background-image: url(/uploads/image/zpimages/ca.png); } #policy .content .content-image.jp { background-image: url(/uploads/image/zpimages/jp.png); } #policy .content .content-image.sg { background-image: url(/uploads/image/zpimages/sg.png); } #policy .content .content-image.eu { background-image: url(/uploads/image/zpimages/eu.png); } #policy .content .content-question { background-color: #e9ebf4; margin: 0.8rem 0 0 0; padding: 1.1rem 0 0.825rem 0; font-size: 0.55rem; } #policy .content .content-question ul li { position: relative; padding-bottom: 0.525rem; padding-right: 0.35rem; color: #101d92; line-height: 0.7rem; } #policy .content .content-question .icon { position: absolute; display: inline-block; background: url(/uploads/image/zpimages/question.png) no-repeat; background-size: contain; width: 0.525rem; height: 0.5rem; margin-right: 0.3rem; margin-top: 0.1rem; position: relative; } #policy .content .content-question .question { text-decoration: underline; margin-left: 1rem; display: inline-block; font-size: 0.55rem; line-height: .88rem; } #policy .content .content-question .morequestion { width: 7.5rem; margin-top: 0.375rem; } #policy .consult { margin: 0 0.75rem; } #policy .consult>img { width: 14.5rem; height: 1.35rem; margin: 1.275rem 0 0.675rem 0; } #policy .consult .consultmain { background-color: #fff; padding: 1.4rem 1rem 1.15rem 1.05rem; font-size: 0.55rem; } #policy .consult .consultmain>ul { padding-bottom: 0.6rem; border-bottom: 2px #e9ebf4 dashed; } #policy .consult .consultmain>ul>li { position: relative; margin-bottom: 0.525rem; line-height: 0.7rem; } #policy .consult .consultmain>ul>li>.number { position: absolute; width: 1.425rem; height: 0.625rem; } #policy .consult .consultmain>ul>li>span.main { display: inline-block; padding-left: 1.8rem; } #policy .consult .consultmain .applyform { padding: 1.125rem 0 0 0.55rem; } #policy .consult .consultmain .applyform .icon { width: 0.575rem; height: 0.575rem; } #policy .consult .consultmain .applyform form>div { padding-bottom: 0.525rem; } #policy .consult .consultmain .applyform .label { margin: 0 0.85rem 0 0.4rem; width: 1.1rem; } #policy .consult .consultmain .applyform input, #policy .consult .consultmain .applyform select { background-color: #e9ebf4; border: 0; width: 8.2rem; height: 1.55rem; padding-left: 0.775rem; color: #000000; } #policy .consult .consultmain .applyform input::placeholder{ color: #b7b7b7; } #policy .consult .consultmain .applyform select { position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 8.2rem; padding-left: 0.775rem; } #policy .consult .consultmain .applyform .select-parent { position: relative; display: inline-block; width: 8.2rem; height: 1.55rem; } #policy .consult .consultmain .applyform .select-parent::after { position: absolute; right: 0.5rem; top: 0.6rem; content: ""; width: 0; height: 0; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-top: 0.45rem solid #4b55ad; } #policy .consult .consultmain .applyform .get_validate { margin-left: 0.4rem; color: #4b55ad; font-weight: bold; } #policy .consult .consultmain #ordernumber { text-align: center; } #policy .link { margin: 1.125rem 0.75rem; font-size: 0; } #policy .link a { display: inline-block; width: 22.5%; } #policy .link img { width: 100%; } #policy .applyplan { display: block; margin: 1.125rem 0.75rem 0 0.75rem; background: url(/uploads/image/zpimages/apply.png) no-repeat; height: 5rem; background-size: 100%; position: relative; } #policy .applyplan .item { display: none; } #policy .applyplan .item.active { display: block; } #policy .applyplan a { display: block; height: 100%; } #policy .applyplan span { color: #fff; font-weight: bold; position: absolute; top: 1.425rem; left: 1.3rem; font-size: 0.85rem; } #policy .applyplan p { color: #ffffff; padding-left: 1.3rem; font-size: 0.5rem; letter-spacing: 4px; position: absolute; bottom: 1.3rem; } #policy .applyplan span img { width: 0.7rem; height: 0.7rem; margin-left: 0.475rem; vertical-align: baseline; } #policy .footer-nav { width: 100%; height: 2rem; background: #fff; position: fixed; left: 0; bottom: 2.4rem; z-index: 10; font-size: 0.8rem; } #policy .footer-nav a { background-color: #4b55ad; color: #fff; display: inline-block; height: 2rem; width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 0.7rem; text-align: center; line-height: 2rem; } #policy .footer-nav a:first-child { border-right: 1px solid #e9ebf4; } #policy .footer-nav a img { width: 0.55rem; height: 0.55rem; margin-right: 0.425rem; } .zbfb { padding: 0.25rem; box-sizing: border-box; } .zbfb-box { width: 100%; height: 15.75rem; background: no-repeat; background-size: 100% 100%; border-radius: 0.5rem; } .zbfb-box1 { padding: 0.73rem 0.75rem 0.9rem 0.68rem; box-sizing: border-box; /* border-bottom: 0.05rem solid #e9ebf4; */ } .zbfb-box1 .right img { width: 4.18rem; height: 6.28rem; } .zbfb-box1 .left .title1 span:nth-of-type(1) { display: inline-block; width: 3.4rem; height: 0.9rem; background: #111b79; border-radius: 0.5rem; font-size: 0.6rem; font-family: arial; font-weight: 400; color: #ffffff; line-height: 0.9rem; text-align: center; margin-right: 0.18rem; vertical-align: middle; } .zbfb-box1 .left .title1 span:nth-of-type(2) { font-size: 0.9rem; font-family: sourcehansanscn; font-weight: 800; color: #111b79; vertical-align: middle; } .zbfb-box1 .left .title2 { font-size: 2rem; font-family: sourcehansanscn; font-weight: 800; color: #111b79; margin-bottom: 0.5rem; margin-top: 0.2rem; } .zbfb-box1 .left .title3 { line-height: 0.9rem; margin-right: 0.45rem; padding-left: 0.5rem; box-sizing: border-box; position: relative; } .zbfb-box1 .left .title3::after { position: absolute; top: 50%; left: 0; transform: translatey(-50%); content: ""; width: 0.2rem; height: 0.2rem; background: #000000; border-radius: 50%; } .zbfb-box1 .left .title4 { width: 4.25rem; height: 1.75rem; background: #f9d849; box-shadow: 0rem 0rem 1rem 0rem rgba(128, 133, 158, 0.2); border-radius: 1rem; font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #000000; line-height: 1.75rem; text-align: center; } .zbfb-box1 .left .title4 img { width: 0.73rem; height: 0.73rem; margin-left: 0.1rem; } .zbfb-box2 { width: 14.5rem; margin: 0 auto; padding-top: 0.5rem; box-sizing: border-box; } .zbfb-box2 li { width: 7rem; } .zbfb-box2 li .title { width: 100%; height: 1rem; background: #4752cd; font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; line-height: 1rem; text-align: center; } .zbfb-box2 li .txt { font-size: 0.5rem; line-height: 0.88rem; padding: 0.48rem 0rem; padding-top: 0.38rem; box-sizing: border-box; } /* layout */ #policy .layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } #policy .layout .layout_box, #policy .layout .succeed { width: 12.5rem; height: 12.55rem; position: fixed; top: 47%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url(/uploads/image/zpimages/layout.png) no-repeat; background-size: 100%; text-align: center; padding: 0 0.5rem 0; padding-top: 0.7rem; box-sizing: border-box; display: none; } #policy .layout .layout_box .title { margin-bottom: 1.5rem; font-size: 1rem; font-weight: 700; position: relative; padding-bottom: 0.7rem; box-sizing: border-box; } #policy .layout .layout_box .title::after { content: ""; width: 3.5rem; height: 0.03rem; background-color: #000000; position: absolute; left: 50%; transform: translatex(-50%); bottom: 0; } #policy .layout .layout_box .item { width: 100%; position: relative; background-color: #ffffff; box-shadow: 0.06rem 0.11rem 0.75rem 0rem rgba(110, 110, 110, 0.35); font-size: 0.55rem; margin-bottom: 0.25rem; } #policy .layout .layout_box .item img { width: 7%; left: 0.35rem; } #policy .layout .layout_box .item::after { content: ""; width: 0.03rem; height: 1rem; background-color: #e6e6e6; position: absolute; left: 1.53rem; top: 50%; transform: translatey(-50%); } #policy .layout .layout_box .item.yzm input { width: 60%; padding-left: 0.5rem; box-sizing: border-box; } #policy .layout .layout_box .item.yzm::after { display: none; } #policy .layout .layout_box .item.yzm span { width: 40%; text-align: center; background-color: #ffdb22; color: #000000; height: 1.5rem; line-height: 1.5rem; cursor: pointer; font-size: 0.55rem; } #policy .layout .layout_box input, #policy .layout .layout_box select { width: 100%; padding-left: 2rem; box-sizing: border-box; border: solid 1px #d9d9d9; background-color: #ffffff; height: 1.5rem; line-height: 1.5rem; color: #b3b3b3; } #policy .layout .layout_box input::placeholder { color: #b3b3b3; } #policy .layout .layout_box .btn { margin: 0.4rem auto 0; width: 4.5rem; height: 1.75rem; line-height: 1.75rem; background: url(/uploads/image/zpimages/lay_btn.png) no-repeat; background-size: 100%; border-radius: 1rem; font-weight: 700; cursor: pointer; font-size: .65rem; } #policy .layout .layout_box .close { width: 1.25rem; position: absolute; top: -1.5rem; right: 0; cursor: pointer; } #policy .layout .layout_box .close img { width: 100%; height: 100%; } #policy .layout .succeed { width: 11.95rem; height: 4.75rem; border-radius: 0.38rem; background: url(/uploads/image/zpimages/succeed.png) no-repeat; background-size: 100%; text-align: left; padding-left: 0.83rem; box-sizing: border-box; } #policy .layout .succeed a { width: 10.83rem; display: block; text-decoration: underline; font-size: 0.5rem; line-height: 0.75rem; color: #1c92ff; word-break: break-all; margin-top: 0.3rem; } #policy .layout .succeed h4 { font-size: 0.5rem; margin-top: 0.3rem; } #policy .layout .succeed h4 span { color: #f10000; } #policy .layout .succeed .close { width: 1.25rem; height: 1.25rem; position: absolute; top: 0; right: 0; } #policy .layout .layout_box select { color: #000000; }