body{margin:0;padding:0;padding-top: 2rem;} /*common*/ #europe, #europe div, #europe span, #europe ul, #europe li, #europe p, #europe form, #europe img, #europe input, #europe label, #europe table, #europe thead, #europe tbody, #europe tr, #europe th, #europe td, #europe hr, #europe textarea, #europe a, #europe h5 { -moz-box-sizing: border-box;-weeuropeit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; margin:0;padding:0; } #europe{ font-size: 0; font-family: "microsoft yahei"; color: #333; background: #fff; } #europe li{list-style: none;} #europe img{vertical-align: middle;} #europe .showmq{font-size: 0.55rem;text-decoration: underline;} #europe .showmq.btn{text-decoration: none;} #europe .box-inline{text-align: center;} #europe .box-inline>div{display: inline-block;} #europe .btn{ margin: 0 auto;text-align: center;width: 11.35rem;height: 1.5rem;line-height: 1.5rem; font-size: 0.55rem;border-radius: 0.05rem;background: #fedd00;color: #4b4300; } #europe a.btn{display: block;text-decoration: none;} #europe .fl{float: left;} #europe .fr{float: right;} #europe .tr{text-align: right;} #europe .clearfloat:after{content:"";display:block;clear:both;height:0} #europe form.myform{margin: 0 auto;} #europe form.myform .btn{width: 100%;} #europe form.myform input, #europe form.myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #fff; color: #333; padding-left: 1.5rem; border-radius: 0.15rem; font-size: 0.6rem; border: 0.05rem solid #aaaaaa; width: 100%; height: 100%; } #europe form.myform .form-item{position: relative;margin: 0 auto;} #europe form.myform .select-parent select{ background-image: url(/uploads/image/zeimages/form-arrow.png); background-repeat: no-repeat; background-position: 10.62rem 0.65rem; -webkit-background-size: 0.675rem 0.3rem; background-size: 0.675rem 0.3rem; } #europe form.myform .form-item img{ position: absolute; height: 0.8rem; } #europe form.myform select{color: #848c97;} #europe form.myform input::-webkit-input-placeholder{color: #848c97;} /*common end*/ #europe .header{width: 100%;} #europe .europe-bg{ background-repeat: no-repeat; background-position: center top; -weeuropeit-background-size: 100%; background-size: 100%; background-image: url(/uploads/image/zeimages/bg_02.jpg); padding-bottom: 2.5rem; background-color: #785cfe; } /*section*/ #europe .section{ background-repeat: no-repeat; background-size: 100%; margin: 1.5rem auto 0; } #europe .section .last{margin-right: 0!important;} #europe .section .headline{text-align: center;} #europe .section .headline img{height: 1.5rem} #europe .section .headline p{font-size: 0.5rem;line-height: 0.6rem;color: #fff;} #europe .section .container{margin: 0 auto;} #europe .section1{ width: 14rem; height: 9.2rem; background-color: #fff; border-radius: 0.25rem; padding: 0.925rem 0 0; margin-top: 0; } #europe .section1 form{ width: 11.35rem; } #europe .section1 form .form-item{ height: 1.5rem; margin-top: 0.375rem; } #europe .section1 img{ top: 0.3rem; left: 0.4rem; } #europe .section1 .btn{margin-top: 0.55rem;} #europe .section2 .container{ width: 14.7rem; margin-top: 0.1rem; } #europe .section2 li{ width: 6.65rem; height: 5.1rem; margin: 0.4rem 0.35rem 0; /*background-color: #fff;*/ display: inline-block; vertical-align: top; border-radius: 0.5rem; box-shadow: 0 0.2rem 0.35rem rgba(113,114,255,0.31); padding: 0.75rem 0 0 0.5rem; background: url(/uploads/image/zeimages/country_01.png); -webkit-background-size: 100%; background-size: 100%; } #europe .section2 h5{ font-size: 0.7rem; line-height: 0.7rem; color: #1800a2; font-weight: bold; margin-bottom: 0.5rem; } #europe .section2 a{ display: block; width: 3.6rem; height: 1rem; line-height: 0.9rem; text-align: center; border-radius: 1rem; background-color: #fff; border: 0.05rem solid #8916e2; color: #8916e2; font-size: 0.55rem; margin-bottom: 0.4rem; text-decoration: none; } #europe .section2 li:last-child a{ width: 2.25rem; display: inline-block; margin-right: 0.4rem; } #europe .section3 .container{ width: 14rem; margin-top: 0.25rem; } #europe .section3 li{ display: inline-block; width: 100%; height: 1.45rem; line-height: 1.45rem; margin: 0.4rem 0 0; background-color: #6b63fe; border-radius: 0.1rem; color: #fff; font-size: 0.55rem; } #europe .section3 li img{ width: 1.45rem; margin: 0 0.45rem; } #europe .section3 li p{ float: left; width: 10rem; height: 100%; background-color: #6a37ee; border-radius: 0.1rem 0.725rem 0.725rem 0.1rem; margin-right: 0.75rem; } #europe .section3 p.showmq{ text-align: center; line-height: 0.55rem; margin-top: 0.7rem; color: #fcff1b; } #europe .section4 .container{ width: 14.8rem; height: 8.8rem; background-color: #fff; border-radius: 0.5rem; padding: 0 0.8rem; margin-top: 0.65rem; box-shadow: 0 0.2rem 0.35rem rgba(179,194,210,0.31); } #europe .section4 .item{ display: inline-block; vertical-align: middle; width: 50%; height: 1.6rem; margin: 1rem 0 0; text-decoration: none; } #europe .section4 .item img{ width: 1.3rem; float: left; margin: 0 0.45rem 0 0; } #europe .section4 .item p{ font-size: 0.6rem; line-height: 0.6rem; margin: 0 0 0.3rem; color: #333; } #europe .section4 .item span{ font-size: 0.55rem; line-height: 0.55rem; color: #a9a9a9; } #europe .section5 form{ width: 12rem; margin-top: 0.15rem; } #europe .section5 form .form-item{ height: 1.6rem; margin-top: 0.45rem; } #europe .section5 form input, #europe .section5 form select{padding-left: 1.85rem;} #europe .section5 img{top:0.4rem; left: 0.55rem;} #europe .section5 .btn{ border-radius: 1rem; margin-top: 0.65rem; } #europe .section5 p{ color: #fff; font-size: 0.45rem; text-align: center; margin-top: 1.1rem; }