body { margin: 0; padding: 0; padding-top: 2rem; } /*common*/ #bk, #bk div, #bk span, #bk ul, #bk li, #bk p, #bk form, #bk img, #bk input, #bk label, #bk table, #bk thead, #bk tbody, #bk tr, #bk th, #bk td, #bk hr, #bk textarea, #bk a, #bk h5 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } #bk { font-size: 0; font-family: "microsoft yahei"; padding-bottom: 3rem; width: 16rem; color: #333; background: #65c5d1; background: -webkit-linear-gradient(90deg, #65c5d1 62%, #86c2f4); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(90deg, #65c5d1 62%, #86c2f4); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(90deg, #65c5d1 62%, #86c2f4); /* firefox 3.6 - 15 */ background: linear-gradient(0deg, #65c5d1 62%, #86c2f4); /* 鏍囧噯鐨勮娉?*/ } #bk li { list-style: none; } #bk img { vertical-align: middle; } #bk .showmq { color: #744e00; text-decoration: underline; font-size: 0.55rem; } #bk .showmq.btn { text-decoration: none; } #bk .clearfloat:after { content: ""; display: block; clear: both; height: 0; } #bk .box-inline { text-align: center; } #bk .box-inline > div { display: inline-block; } #bk .btn { width: 4.65rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.55rem; color: #fff; text-align: center; margin: 0 auto; border-radius: 1rem; background: #ffc000; } #bk a.btn { display: block; text-decoration: none; } #bk .fl { float: left; } #bk .fr { float: right; } #bk .tr { text-align: right; } #bk form.myform input, #bk form.myform select { border: 0; resize: none; outline: none; background-color: #fff; color: #333; height: 1.6rem; width: 10.05rem; padding-left: 1.5rem; border-radius: 0.1rem; font-size: 0.6rem; border: 0.05rem solid #999; } #bk form.myform .form-item { position: relative; } #bk form.myform .form-item img { position: absolute; top: 0.4rem; left: 0.5rem; height: 0.8rem; } #bk form.myform ::-webkit-input-placeholder { color: #aca392; } #bk form.myform :-moz-placeholder { color: #aca392; } #bk form.myform ::-moz-placeholder { color: #aca392; } #bk form.myform :-ms-input-placeholder { color: #aca392; } /*common end*/ /*section*/ #bk .section { /*margin: 0 0.525rem;*/ background-repeat: no-repeat; background-size: 100%; margin: 0 auto; } #bk .section .last { margin-right: 0 !important; } #bk .section .headline { margin: 0 0 0.75rem; text-align: center; } #bk .section .headline img { width: 14.4rem; } #bk .section .container { margin: 0 auto; } #bk .section1 { background-image: url(/uploads/image/zbimages/md_bg_01.jpg); height: 10.025rem; margin: 0; } #bk .section2 { padding: 0 0 1.75rem; } #bk .section2 .container { width: 14.87rem; height: 9.3rem; margin-top: 1.375rem; background-color: #00c6c8; border-radius: 0.4rem; position: relative; } #bk .section2 .container:after { content: ""; position: absolute; left: -0.5625rem; bottom: -0.95rem; width: 16rem; height: 5.75rem; background: url(/uploads/image/zbimages/bg_02.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; } #bk .section2 .container form { position: absolute; top: -2.6rem; left: 0.9375rem; width: 13rem; height: 10.2rem; background-color: #fff; border-radius: 0.4rem; text-align: center; padding: 0.9rem 0.55rem 0; } #bk .section2 form p { font-size: 0.7rem; line-height: 0.7rem; } #bk .section2 form .form-item { width: 10.05rem; margin: 0 auto; } #bk .section2 form h4 { font-size: 0.675rem; line-height: 0.8rem; margin: 0.4rem 0 0.85rem; padding: 0 0 0.8rem; border-bottom: 0.05rem dashed #c6c6c6; } #bk .section2 form h4 span { font-size: 0.8rem; color: #3fb5c3; } #bk .section2 form .btn { font-size: 0.65rem; width: 10.05rem; height: 1.6rem; line-height: 1.6rem; margin: 0.55rem auto 0.75rem; } #bk .section2 form .btn, #bk .section2 form span.showmq { position: relative; z-index: 10; } #bk .section3 { background-image: ; background-position: center bottom; } #bk .section3 .container { width: 15.5rem; } #bk .section3 .item { display: inline-block; vertical-align: top; width: 7.35rem; margin: 0 0.2rem 0.4rem; position: relative; } #bk .section3 .item img { height: 2.9rem; width: 100%; display: block; } #bk .section3 .item .content { min-height: 5.25rem; background-color: #fff; border-radius: 0 0 0.4rem 0.4rem; padding: 0.575rem 0 0.65rem; } #bk .section3 .item .content p, #bk .section3 .item .content span { font-size: 0.55rem; line-height: 1rem; padding: 0 0 0 0.3rem; } #bk .section3 .item .content p:before { content: ""; display: inline-block; vertical-align: middle; width: 0.15rem; height: 0.15rem; border-radius: 50%; background-color: #66c5d1; margin: 0 0.15rem 0 0; } #bk .section3 .item .content .struck:before { background-color: #ffffff !important; } #bk .section3 .item .content .btn { margin: 0.475rem auto 0; } #bk .section3 .item .content a.country_link { display: inline-block; font-size: 0.55rem; height: 1.1rem; line-height: 1.1rem; border-radius: 1rem; border: 0.05rem solid #66c5d1; color: #66c5d1; text-decoration: none; padding: 0 0.3rem; margin: 0.3rem 0 0 0.3rem; } #bk .section4 { background-image: ; height: 3.575rem; width: 14.95rem; margin: 1.35rem auto 0.8rem; } #bk .section4 .showmq { height: 2.7rem; } #bk .section5 { background-image: url(/uploads/image/zbimages/bg_05.png); background-position: center bottom; padding: 0 0 1.1rem; margin-bottom: 0.55rem; } #bk .section5 .container { width: 15.125rem; height: 10.5rem; background-color: #fff; border-radius: 0.5rem; } #bk .section5 .container { padding: 0 0.75rem; } #bk .section5 .item { display: inline-block; vertical-align: middle; width: 50%; height: 1.6rem; margin: 1rem 0 0; text-decoration: none; } #bk .section5 .item img { height: 1.125rem; float: left; margin: 0.2375rem 0.5rem 0 0; } #bk .section5 .item p { font-size: 0.65rem; line-height: 0.65rem; margin: 0 0 0.4rem; color: #333; } #bk .section5 .item span { font-size: 0.55rem; line-height: 0.55rem; color: #a9a9a9; } #bk .section5 a.showmq { display: block; text-align: center; margin: 1rem auto 0; } #bk .section6 .container { text-align: center; } #bk .section6 .container > p { font-size: 0.6rem; line-height: 0.6rem; color: #eefcfe; } #bk .section6 form { display: block; padding: 0.6rem 2rem 0; background: url(/uploads/image/zbimages/bg_06.png) no-repeat center 0.4rem; -webkit-background-size: 100%; background-size: 100%; } #bk .section6 form input { width: 100%; border: 0; padding-left: 1.75rem; } #bk .section6 form .form-item { margin: 0 0 0.7rem; } #bk .section6 form .btn { width: 100%; height: 1.6rem; line-height: 1.6rem; color: #4b4300; margin: 0.9rem auto 0.75rem; }