#main { padding-top: 0; position: relative; } #main .bg-box { height: 49.35rem; background: #212c58; } #main .bg1 { height: 23.85rem; } #main .bg2 { height: 23.875rem; } #main .view { width: 100%; position: absolute; top: 8.875rem; } #main .section .title { text-align: center; } #main .section .title img { font-size: 0.85rem; line-height: 2.15rem; font-weight: bold; } #main .section1 .title img { height: 2.2rem; } #main .section1 .container { width: 13.15rem; height: 12.5rem; background: white; -moz-border-radius: 8px; border-radius: 8px; margin: 0.35rem auto 0; } #main .section1 .content .tit { font-size: 0.6rem; color: #212121; position: relative; } #main .section1 .content1 { padding-top: 0.5rem; text-align: center; } #main .section1 .content1 .tit { line-height: 1.25rem; } #main .section1 .content1 .tit:before { content: ""; width: 0.9rem; height: 1.325rem; background: url(/uploads/image/dnimg/num9.png) no-repeat; -moz-background-size: 0.9rem 1.325rem; background-size: 0.9rem 1.325rem; position: absolute; top: -0.35rem; left: 4.2rem; } #main .section1 .content1 .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 12.9rem; height: 5.1rem; margin: 0 auto; } #main .section1 .content1 .item { -webkit-box-flex: 1; -webkit-flex: 1 0 4.3rem; -moz-box-flex: 1; -ms-flex: 1 0 4.3rem; flex: 1 0 4.3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #main .section1 .content1 .text-box { width: 3.55rem; height: 0.95rem; background: #c7c7c7; margin: auto; position: relative; } #main .section1 .content1 .text { width: 100%; font-size: 0.55rem; line-height: 0.95rem; color: #131313; background: #fba504; position: absolute; top: -0.1rem; left: -0.1rem; } #main .section1 .content2 { margin-top: 0.5rem; } #main .section1 .content2 .tit { line-height: 0.75rem; margin-left: 2.25rem; } #main .section1 .content2 .tit:before { content: ""; width: 0.9rem; height: 1.3rem; background: url(/uploads/image/dnimg/num5.png) no-repeat; -moz-background-size: 0.9rem 1.3rem; background-size: 0.9rem 1.3rem; position: absolute; left: -1.25rem; } #main .section1 .content2 img { display: block; height: 2.65rem; margin: 0.45rem auto 0; font-size: 0.75rem; line-height: 1.25rem; } #main .section1 .button { text-align: center; margin-top: 0.6rem; } #main .section1 .button img { height: 1.65rem; font-size: 0.75rem; line-height: 1.65rem; font-weight: bold; } #main .section2 { margin-top: 4.35rem; } #main .section2 .title img { height: 2.15rem; } #main .section2 .content { width: 13.4rem; height: 14.95rem; background: white; -moz-border-radius: 8px; border-radius: 8px; margin: 0 auto; padding-top: 0.4rem; } #main .section2 .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 11rem; margin-top: 0.15rem; } #main .section2 .item { -webkit-box-flex: 1; -webkit-flex: 1 0 3.35rem; -moz-box-flex: 1; -ms-flex: 1 0 3.35rem; flex: 1 0 3.35rem; text-align: center; position: relative; } #main .section2 .country { width: 2rem; height: 1.15rem; margin-top: 0.8rem; } #main .section2 .text { font-size: 0.55rem; line-height: 0.75rem; color: #232323; margin-top: 0.05rem; } #main .section2 .flag { position: absolute; width: 1.025rem; height: 1.025rem; top: 0.15rem; right: 0.2rem; } #main .section2 .flag img { width: 100%; height: 100%; font-size: 0.5rem; line-height: 1rem; } #main .section2 .y { display: none; } #main .section2 .selected .y { display: inline-block; } #main .section2 .selected .n { display: none; } #main .section2 .button { text-align: center; margin-top: 0.45rem; } #main .section2 .button img { height: 1.65rem; font-size: 0.75rem; line-height: 1.65rem; font-weight: bold; } #main .xt-edu{ font-size:0.55rem; color:#bdbdbd; text-align:center; padding-top:1rem; } #main .xt-edu p{margin-bottom:0.25rem;} #main .xt-edu a{ text-decoration:none; color:#bdbdbd; } #main .pop { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); position: fixed; z-index: 1; width: 100%; background: rgba(0, 0, 0, 0.65); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; } #main .pop .content { position: absolute; width: 12.05rem; height: 12.25rem; background: url(/uploads/image/dnimg/pop_bg.png) no-repeat; -moz-background-size: cover; background-size: cover; top: 50%; left: 50%; margin: -6.125rem 0 0 -6.025rem; } #main .pop .close-box { position: absolute; width: 1.275rem; height: 3.875rem; top: -3.8rem; right: 1.45rem; } #main .pop .close { width: 100%; font-size: 1rem; line-height: 1.25rem; color: white; } #main .pop .line { width: 0.05rem; height: 2.6rem; background: #ebe8e1; margin-left: 0.6125rem; } #main .pop .title { text-align: center; } #main .pop .title img { height: 2.2rem; margin-top: 0.75rem; } #main .pop .pop-form { display: block; width: 9.1rem; margin: 1.2rem auto 0; } #main .pop .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 0.5rem; } #main .pop label { font-size: 0.6rem; line-height: 1.2rem; color: #1b1b1b; } #main .pop input, #main .pop select { width: 5.4rem; height: 1.2rem; background: white; font-size: 0.6rem; line-height: 1.1rem; color: #1b1b1b; border: 0.05rem solid #e6e6e6; outline: none; padding: 0 0.35rem; } #main .pop .submit { text-align: center; } #main .pop .submit img { height: 1.65rem; margin-top: 0.5rem; font-size: 0.75rem; line-height: 1.65rem; } #main .pop-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }