body { padding-top: -moz-calc(1.95rem 2px); padding-top: calc(1.95rem 2px); background: #442a93 url(/uploads/image/vimg/bg.png) no-repeat center 14.25rem; -moz-background-size: 16rem 95.15rem; background-size: 16rem 95.15rem; color: #fff; } form { display: block; } input, select { outline: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input::-ms-expand, select::-ms-expand { display: none; } .head { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: 1.95rem; position: fixed; top: 0; border: 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; z-index: 2; } .head .back, .head .tel { position: absolute; top: 0; } .head .back { width: 1.5rem; height: 1.95rem; left: 0; } .head .back img { height: 0.45rem; margin-top: 0.75rem; color: #535353; font-size: 0.5rem; } .head .logo { width: 3.875rem; height: 100%; margin: 0 auto; } .head .logo img { height: 1.2rem; margin-top: 0.375rem; color: #aa0021; font-weight: bold; font-size: 0.65rem; } .head .tel { width: 2rem; height: 1.95rem; right: 0; } .head .tel img { height: 0.8rem; margin-top: 0.575rem; color: #535353; font-size: 0.55rem; } .banner { height: 8.95rem; background: #694bda url(/uploads/image/vimg/banner.png) no-repeat; -moz-background-size: cover; background-size: cover; padding-top: 7.35rem; } .banner .content { height: 3.3rem; overflow-x: scroll; -webkit-overflow-scrolling: touch; position: relative; z-index: 1; } .banner .content::-webkit-scrollbar { display: none; } .banner .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 19.25rem; } .banner .item { width: 2.75rem; position: relative; } .banner .active p { background: #442a93; font-weight: bold; color: #fff; -moz-border-radius: 0.2rem 0.2rem 0 0; border-radius: 0.2rem 0.2rem 0 0; } .banner p { font-size: 0.6rem; line-height: 1.65rem; color: #ffde02; text-align: center; } .banner .other { display: none; width: 10rem; background: #775ee3; -moz-border-radius: 0.2rem; border-radius: 0.2rem; position: absolute; top: 2.05rem; right: 0; } .banner .other:before { content: ""; border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid #775ee3; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; position: absolute; top: -0.375rem; right: 1.2rem; } .banner .oitem { width: 2.5rem; font-size: 0.55rem; line-height: 1.25rem; color: #ffde02; text-align: center; float: left; } .visa-procedure { padding-top: 0.95rem; position: relative; } .visa-procedure .dash-line { height: 45rem; border-left: 1px dashed #c8caff; position: absolute; top: 2.25rem; left: 1.25rem; } .visa-procedure .title { text-align: center; position: relative; } .visa-procedure .title:before { content: ""; width: 2.25rem; border-top: 1px dashed #c8caff; position: absolute; left: 1.25rem; top: 1.3rem; } .visa-procedure h2 { font-size: 1.05rem; line-height: 2.6rem; color: #fff; display: inline-block; background: #442a93; position: relative; } .visa-procedure .wrap { width: 13.75rem; margin: 0 auto; } .visa-procedure .item { margin-bottom: 0.4rem; } .visa-procedure .item:nth-child(1) .icon { height: 0.725rem; } .visa-procedure .item:nth-child(2) .icon { height: 0.675rem; } .visa-procedure .item:nth-child(3) .icon { height: 0.725rem; } .visa-procedure .item:nth-child(4) .icon { height: 0.7rem; } .visa-procedure .item:nth-child(5) .icon { height: 0.6rem; } .visa-procedure .item:nth-child(6) .icon { height: 0.7rem; } .visa-procedure .item:nth-child(6) p:last-child { color: #ffc000; margin-top: 0.2rem; } .visa-procedure .tit { overflow: hidden; } .visa-procedure .num { height: 0.85rem; float: left; margin: 0.45rem 0.25rem 0 0; } .visa-procedure .tit-text { float: left; overflow: hidden; } .visa-procedure .tit-text h3 { font-size: 0.75rem; line-height: 1.75rem; float: left; } .visa-procedure .icon-box { width: 1.1rem; height: 1.75rem; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .visa-procedure .icon { margin: auto; } .visa-procedure .content { width: 12.8rem; background: #7763dd; -moz-border-radius: 0.4rem 1.35rem 0.4rem 0.4rem; border-radius: 0.4rem 1.35rem 0.4rem 0.4rem; margin-left: 0.95rem; padding: 0.65rem 1rem; } .visa-procedure .content p { font-size: 0.55rem; line-height: 0.9rem; } .visa-procedure .content .button { margin-top: 0.5rem; background: #ff9702; -moz-border-radius: 0.2rem; border-radius: 0.2rem; overflow: hidden; } .visa-procedure .content .button p { font-size: 0.55rem; line-height: 1.25rem; float: left; margin-left: 1rem; } .visa-procedure .to { height: 0.55rem; float: right; margin: 0.35rem 0.75rem 0 0; } .visa-procedure .button-box { width: 11.6rem; margin: 1.15rem auto 0; position: relative; } .visa-procedure .button-box:before { content: ""; width: 0.9rem; border-top: 1px dashed #c8caff; position: absolute; top: 0.875rem; left: -0.95rem; } .visa-procedure .button-box .button { width: 5.3rem; text-align: center; font-size: 0.55rem; line-height: 1.75rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; background: #ff9702; } .visa-procedure .button-box .button1 { float: left; } .visa-procedure .button-box .button2 { float: right; color: #fff; } .success-case { margin-top: 2.75rem; color: #fff; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .success-case::-webkit-scrollbar { display: none; } .success-case .wrap { width: 79.3rem; overflow: hidden; } .success-case .item { width: 12.25rem; height: 16rem; background: #694bda; -moz-border-radius: 1.35rem 0.45rem 0.45rem 0.45rem; border-radius: 1.35rem 0.45rem 0.45rem 0.45rem; padding: 0.4rem 1.5rem 0; float: left; margin-left: 0.7rem; position: relative; } .success-case .item:first-child { margin-left: 1.15rem; } .success-case .top { height: 3.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px dashed #a495eb; } .success-case img { height: 2.25rem; font-size: 0.75rem; color: #5025cc; } .success-case .tit { width: 6.75rem; font-size: 0.8rem; line-height: 1.15rem; } .success-case .info { margin-top: 0.6rem; overflow: hidden; } .success-case .info:nth-child(2) { margin-top: 0.75rem; } .success-case h4, .success-case p { font-size: 0.55rem; line-height: 0.8rem; float: left; } .success-case p { width: 6.2rem; float: right; } .success-case .button { width: 6.75rem; text-align: center; font-size: 0.55rem; line-height: 1.75rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; background: #ff9702; position: absolute; bottom: 0.75rem; left: 2.75rem; } .introduce { width: 12.75rem; height: 9rem; margin: 2.75rem auto 0; border-bottom: 1px dashed #cabfff; overflow: hidden; } .introduce .item { width: 5.65rem; height: 3.6rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; margin-bottom: 0.75rem; padding-top: 1.6rem; } .introduce .item:nth-child(1), .introduce .item:nth-child(3) { float: left; } .introduce .item:nth-child(2), .introduce .item:nth-child(4) { float: right; } .introduce .item:nth-child(1) { background: #7763dd url(/uploads/image/vimg/introduce_img1.jpg) no-repeat; -moz-background-size: 5.65rem 1.6rem; background-size: 5.65rem 1.6rem; } .introduce .item:nth-child(2) { background: #7763dd url(/uploads/image/vimg/introduce_img2.jpg) no-repeat; -moz-background-size: 5.65rem 1.6rem; background-size: 5.65rem 1.6rem; } .introduce .item:nth-child(3) { background: #7763dd no-repeat; -moz-background-size: 5.65rem 1.6rem; background-size: 5.65rem 1.6rem; } .introduce .item:nth-child(4) { background: #7763dd url(/uploads/image/vimg/introduce_img4.jpg) no-repeat; -moz-background-size: 5.65rem 1.6rem; background-size: 5.65rem 1.6rem; } .introduce p { font-size: 0.55rem; line-height: 0.75rem; height: 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-module { margin-top: 0.75rem; padding-bottom: 3rem; } .form-module h2 { font-size: 1.05rem; line-height: 1.5rem; text-align: center; } .form-module h3 { font-size: 0.55rem; line-height: 0.95rem; text-align: center; opacity: .7; font-weight: 100; } .form-module .myform { width: 13.25rem; margin: 0.85rem auto 0; } .form-module .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.75rem; } .form-module .item:nth-child(1) img { height: 0.525rem; } .form-module .item:nth-child(1) input { color: #000; } .form-module .item:nth-child(2) img { height: 0.675rem; } .form-module .item:nth-child(3) img { height: 0.725rem; } .form-module .item:nth-child(4) img { height: 0.6rem; } .form-module .item:nth-child(4) input { color: #000; } .form-module .left { width: 3.75rem; overflow: hidden; } .form-module .icon { width: 1.2rem; height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; float: left; } .form-module img { margin: auto; } .form-module p { font-size: 0.6rem; line-height: 1.5rem; float: left; } .form-module input, .form-module select { width: 9.15rem; height: 1.5rem; font-size: 0.6rem; line-height: 1.5rem; color: #b7aaf7; background: #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 0 1rem; } .form-module select { background: #fff url(/uploads/image/vimg/icon_form_bottom.png) no-repeat 7.95rem 0.55rem; -moz-background-size: 0.6rem 0.35rem; background-size: 0.6rem 0.35rem; } .form-module ::-webkit-input-placeholder { color: #b7aaf7; } .form-module :-moz-placeholder { color: #b7aaf7; } .form-module ::-moz-placeholder { color: #b7aaf7; } .form-module :-ms-input-placeholder { color: #b7aaf7; } .form-module .code-box { margin: 0 0 0.75rem 4.1rem; overflow: hidden; } .form-module .code { width: 5.1rem; height: 1.55rem; line-height: 1.55rem; padding: 0 0.9rem; float: left; } .form-module .get-code { width: 3.25rem; font-size: 0.55rem; line-height: 1.55rem; color: #ff9702; background: #fff; -moz-border-radius: 3px; border-radius: 3px; text-align: center; float: right; } .form-module .submit { width: 9.2rem; text-align: center; font-size: 0.55rem; line-height: 1.75rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; background: #ff9702; margin-left: 4.1rem; } .pop { display: none; position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.78); z-index: 1; } .pop .close-box { width: 1.3rem; height: 1.9rem; background: no-repeat; -moz-background-size: cover; background-size: cover; position: absolute; top: -1.875rem; right: 0; } .pop .close { width: 1.3rem; height: 1.3rem; } .pop .pop-box { display: none; background: #4a2e9f; -moz-border-radius: 0.4rem; border-radius: 0.4rem; position: absolute; top: 50%; } .pop h3, .pop h4 { text-align: center; } .pop .pop-box2, .pop .pop-box4, .pop .pop-box5 { width: 11.5rem; left: 2.25rem; } .pop .pop-box1 h3, .pop .pop-box3 h3, .pop .pop-box4 h3, .pop .pop-box5 h3 { width: 9.5rem; border-bottom: 1px dashed #816dbc; margin: 0 auto; } .pop .pop-box1 { width: 12.7rem; left: 1.65rem; max-height: 15.9rem; margin-top: -5.75rem; padding: 0.6rem 0 0.75rem; } .pop .pop-box1 h3 { font-size: 1.05rem; line-height: 2.05rem; } .pop .pop-box1 h4 { font-size: 0.55rem; line-height: 1.65rem; color: #ffd21d; margin-top: 0.1rem; } .pop .pop-box1 .info { width: 9.6rem; max-height: 5.4rem; margin: 0 auto; font-size: 0.55rem; line-height: 0.9rem; text-indent: 2em; } .pop .pop-box1 .button { width: 5rem; text-align: center; font-size: 0.55rem; line-height: 1.35rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; background: #ff9702; margin: 0.5rem auto 0; } .pop .pop-box2 { height: 11.6rem; margin-top: -6.75rem; padding-top: 0.55rem; } .pop .pop-box2 h3 { width: 9.45rem; font-size: 1.05rem; line-height: 2.35rem; margin: 0 auto; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); } .pop .pop-box2 .myform { width: 8.35rem; margin: 1rem auto 0; } .pop .pop-box2 .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.6rem; } .pop .pop-box2 input { width: 6.75rem; height: 1.15rem; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.6rem; line-height: 1.15rem; padding: 0 1rem; background: #fff; } .pop .pop-box2 .item:nth-child(4) { width: 6.75rem; margin-left: 1.6rem; } .pop .pop-box2 label { font-size: 0.6rem; line-height: 1.15rem; } .pop .pop-box2 .code { width: 3.55rem; font-size: 0.5rem; padding: 0 0.35rem; } .pop .pop-box2 .get-code { width: 3rem; font-size: 0.5rem; line-height: 1.15rem; color: #ff9702; background: #fff; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .pop .pop-box2 .submit { width: 6.75rem; text-align: center; font-size: 0.55rem; line-height: 1.15rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; background: #ff9702; margin: 0 0 0 1.6rem; } .pop .pop-box2 .close-box { background: url(/uploads/image/vimg/icon_pop_close1.png) no-repeat; -moz-background-size: cover; background-size: cover; top: 11.575rem; right: 5.1rem; padding-top: 0.6rem; } .pop .pop-box3 { background: transparent; width: 13rem; margin-top: -10rem; left: 1.5rem; } .pop .pop-box3 .top { height: 7rem; background: #fff; border-bottom: 1px dashed #d0cfcf; -moz-border-radius: 0.4rem 0.4rem 0 0; border-radius: 0.4rem 0.4rem 0 0; padding-top: 0.35rem; } .pop .pop-box3 h3 { font-size: 0.85rem; line-height: 1.6rem; color: #694bda; font-weight: 100; border-bottom: none; } .pop .pop-box3 .info { width: 10.35rem; height: 3.8rem; margin: 0 auto; overflow: hidden; } .pop .pop-box3 .end { width: 10.35rem; margin: 0 auto; font-size: 0.55rem; line-height: 0.65rem; color: #666; font-weight: 600; } .pop .pop-box3 dt, .pop .pop-box3 dd { font-size: 0.55rem; line-height: 0.95rem; color: #666; } .pop .pop-box3 .myform { height: 10rem; background: #f2f3f5; -moz-border-radius: 0 0 0.4rem 0.4rem; border-radius: 0 0 0.4rem 0.4rem; padding: 1rem 0 0 1.1rem; } .pop .pop-box3 .item { overflow: hidden; margin-bottom: 0.5rem; } .pop .pop-box3 .icon, .pop .pop-box3 label, .pop .pop-box3 input { float: left; } .pop .pop-box3 .icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 0.75rem; height: 1.55rem; } .pop .pop-box3 img { height: 0.55rem; margin: auto; } .pop .pop-box3 label { display: block; width: 2.25rem; font-size: 0.55rem; line-height: 1.55rem; color: #323232; text-align: right; } .pop .pop-box3 input { width: 7.5rem; height: 1.55rem; background: #fff; margin-left: 0.25rem; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.6rem; line-height: 1.55rem; padding: 0 0.85rem; } .pop .pop-box3 ::-webkit-input-placeholder { color: #a3a3a3; } .pop .pop-box3 :-moz-placeholder { color: #a3a3a3; } .pop .pop-box3 ::-moz-placeholder { color: #a3a3a3; } .pop .pop-box3 :-ms-input-placeholder { color: #a3a3a3; } .pop .pop-box3 .code { width: 4rem; padding: 0 0.5rem; } .pop .pop-box3 .get-code { width: 3.25rem; background: #fff; font-size: 0.55rem; line-height: 1.55rem; color: #ff9702; text-align: center; float: left; margin-left: 0.25rem; -moz-border-radius: 3px; border-radius: 3px; } .pop .pop-box3 .submit { width: 10.55rem; font-size: 0.6rem; line-height: 1.7rem; background: #ff9702; text-align: center; -moz-border-radius: 7px; border-radius: 7px; margin-left: 0.2rem; } .pop .pop-box3 .circle { width: 0.3rem; height: 0.6rem; background: #0e081d; position: absolute; top: 6.7rem; } .pop .pop-box3 .circle1 { -moz-border-radius: 0 0.3rem 0.3rem 0; border-radius: 0 0.3rem 0.3rem 0; left: 0; } .pop .pop-box3 .circle2 { -moz-border-radius: 0.3rem 0 0 0.3rem; border-radius: 0.3rem 0 0 0.3rem; right: 0; } .pop .pop-box3 .close-box { width: 1.85rem; height: 3rem; background: no-repeat 0 -0.35rem; -moz-background-size: 1.85rem 3.35rem; background-size: 1.85rem 3.35rem; top: 16.95rem; right: 5.575rem; padding-top: 1.15rem; } .pop .pop-box3 .close { width: 1.85rem; height: 1.85rem; } .pop .pop-box4, .pop .pop-box5 { margin-top: -4rem; padding: 0.6rem 0 1rem; } .pop .pop-box4 h3, .pop .pop-box5 h3 { font-size: 1.05rem; line-height: 2.15rem; } .pop .pop-box4 p, .pop .pop-box5 p { width: 8rem; margin: 0.35rem auto 0; font-size: 0.55rem; line-height: 0.9rem; }