锘?main { background: #ef7959; } #main .header { background: url(/uploads/image/zuimages/header.png) no-repeat; background-size: 100%; height: 15.55rem; } /*pageform*/ .section .pageform { text-align: center; padding: 0 .5rem; box-sizing: border-box; } .section .pageform .form-item { position: relative; margin: 0 auto 0.25rem; height: 1.5rem; line-height: 1.5rem; display: inline-block; box-sizing: border-box; padding-left: 1.4rem; background: #f2f2f2; } .section .pageform input, .section .pageform select { border: 0; resize: none; outline: none; -webkit-appearance: none; color: #000; width: 100%; height: 100%; background: #f2f2f2; padding-left: 0.4rem; font-size: 0.55rem; border-radius: 0; box-sizing: border-box; } .section .pageform input.form-yzm { padding-left: 0.55rem; } .section .pageform .select-parent i { position: absolute; right: 0.55rem; top: 50%; margin-top: -0.15rem; border-style: solid; border-width: 0.275rem 0.3rem 0; border-color: #033d30 transparent transparent; } .section .pageform .form-item img { position: absolute; left: 0.425rem; top: 50%; margin-top: -0.4rem; width: 0.75rem; } .section .pageform .form-item .line { position: absolute; top: 50%; margin-top: -0.55rem; left: 1.5rem; width: 1px; height: 1.1rem; background: #e6e6e6; } .section .pageform select, .section .pageform input::-webkit-input-placeholder { color: #a1a1a1; } .section .pageform .j_submit { height: 1.5rem; line-height: 1.5rem; width: 6.5rem; margin-top: 0.5rem; } .section .pageform .j_getyzm { position: absolute; right: 0; top: 0; border-radius: 0; width: 5.5rem; height: 100%; font-size: 0.6rem; background: #ef7959; color: #fff; text-align: center; } /*section1*/ .section1 { height: 17.2rem; width: 15rem; padding: 0.125rem; margin: 0 auto; background: url(/uploads/image/zuimages/bg_01.png); } .section1 .container { width: 100%; height: 100%; border: 1px solid #f2f2f2; } .section1 .top { padding: 0.6rem 0 0rem; text-align: center; } .section1 .top h5 { font-size: 0.75rem; font-weight: bold; color: #dc603e; } .section1 .top .s_list { margin: 0.8rem 0 0.7rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .4rem; } .section1 .top .s_list .item { position: relative; line-height: 0.75rem; color: #fff; font-size: 0.6rem; } .section1 .top .s_list .item:nth-child(1):after, .section1 .top .s_list .item:nth-child(2):after, .section1 .top .s_list .item:nth-child(3):after { content: ''; position: absolute; right: -0.75rem; top: 0.6rem; bottom: 0.6rem; width: 0.5px; background-color: rgb(220 96 62 / 30%); } .section1 .top .s_list .item .num { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; line-height: 2.5rem; font-size: 2rem; font-weight: 700; color: #6077be; color: rgb(220 96 62 / 12%); } .section1 .top .s_list .item .txt { position: relative; z-index: 2; height: 2.5rem; display: flex; align-items: center; } .section1 .top p { font-size: 0.55rem; line-height: 0.75rem; color: #666; margin-top: 0.25rem; } .section1 .pageform .form-item { margin-bottom: .25rem; width: 100%; } .section1 .pageform .item-yzm { /* width: 14rem; */ padding-left: 0; } /*section2*/ .section2 .video_list { background: #fff; width: 15rem; padding: 0.25rem; box-sizing: border-box; } .section2 .majorname { height: 1.425rem; position: relative; margin-top: 0.75rem; display: flex; justify-content: space-around; padding: 0 .45rem; } .section2 .pro_page_fixed{ width: 100%; position: fixed; height: 2.025rem; top: 2rem; left: 50%; transform: translatex(-50%); z-index: 10; margin-top: 0; background: #ef7959; padding: .2rem 0.25rem; align-items: center; } .section2 .majorname p { height: 1.425rem; width: 2rem; background: #ffedd7; position: relative; z-index: 1; padding: 0.075rem 0.075rem 0.1rem; top: -0.1rem; } .section2 .majorname:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -7.5rem; width: 14.2rem; border-style: solid; border-width: 0 0.4rem 0.375rem; border-color: transparent transparent #dc603e; } .section2 .majorname:after { content: ''; position: absolute; bottom: 0.1rem; left: 38%; width: 14rem; margin-left: -5.3rem; border-style: solid; border-width: 0 0.2rem 0.2rem; border-color: transparent transparent #ae482d; } .section2 .pro_page_fixed::before,.section2 .pro_page_fixed::after{ border: none; } .section2 .majorname b { height: 100%; display: block; font-size: .6rem; text-align: center; line-height: 1.25rem; font-weight: bold; color: #5c2718; background: #ffedd7; /* letter-spacing: 0.2rem; */ padding-left: 0.1rem; } .section2 .majorname p.active{ background: #5c2718; } .section2 .majorname p.active b{ background: #5c2718; color: #fff; } .section2 .majorname p:before { content: ''; position: absolute; top: 0.075rem; left: 0.075rem; border-style: solid; border-width: 0.475rem 0.475rem 0 0; border-color: #dc603e transparent transparent; z-index: 2; } .section2 .item { padding-bottom: 0.5rem; position: relative; } .section2 .item .top { height: 4.5rem; background: #ef7959; padding: 0.25rem; color: #fff; position: relative; } .section2 .item .top .img { float: left; width: 6.25rem; height: auto; background: #1a1a1a; margin: 0 0.45rem 0 0; position: relative; } .section2 .item .top .img:before { content: ''; position: absolute; left: 50%; top: 50%; width: 1.6rem; height: 1.6rem; margin: -0.8rem 0 0 -0.8rem; background: url(/uploads/image/zuimages/icon_01.png); background-size: 100%; } .section2 .item .top img { width: 100%; opacity: 0.3; } .section2 .item .item_type { position: absolute; top: 0; right: 0; width: 2.55rem; height: 2.55rem; background: url(/uploads/image/zuimages/icon_03.png) no-repeat; background-size: 100%; font-size: .6rem; font-weight: 700; color: #ff3600; } .section2 .item .item_type i { width: 100%; height: 100%; display: flex; justify-content: center; padding-top: .55rem; transform: rotatez(45deg); box-sizing: border-box; } .section2 .item .top .tag { font-size: 0.55rem; padding: 0.45rem 0 0.3rem; width: 7rem; border-bottom: 1px dashed #fff; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section2 .item .top .title { font-size: 0.6rem; line-height: 0.9rem; margin-top: 0.35rem; font-weight: bold; width: 7rem; display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 2; } .section2 .item .center { padding: 0.7rem 0 0 0.5rem; border-left: 1px solid #ef7959; border-right: 1px solid #ef7959; } .section2 .item .name { display: inline-block; vertical-align: text-bottom; color: #5c2718; margin-right: 0.4rem; padding: 0 0.05rem; position: relative; font-size: 0.65rem; font-family: arial; font-weight: bold; } .section2 .item .name span { position: relative; z-index: 1; } .section2 .item .name:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0.25rem; background: #ffe7c7; } .section2 .item .school { color: #666; display: inline-block; vertical-align: text-bottom; font-size: 0.55rem; } .section2 .item .content { margin: 0.5rem 0.5rem 0 0; padding: 0.5rem 0 0.375rem; border-top: 1px dashed #5c2718; } .section2 .item .content li { font-size: 0.55rem; color: #5c2718; height: 1rem; line-height: 1rem; padding: 0 0 0 0.4rem; margin: 0 0 0.125rem; font-weight: normal; background: url(/uploads/image/zuimages/icon_02.png) no-repeat; background-size: auto 100%; } .section2 .item .content b { font-family: arial; } .section2 .item .item-box { display: none; } .section2 .item .item-box.active { display: block; } .section2 .item .bottom { height: 2.75rem; background: #4b30a9; } .section2 .item .info { float: left; width: 5rem; text-align: center; margin-top: .325rem; } .section2 .item .info .price { font-size: 0.6rem; color: #ffdf20; padding: 0.2rem 0 0.1rem; } .section2 .item .info .price b { font-size: 1.625rem; margin-left: 0.1rem; } .section2 .item .info .people { font-size: 0.55rem; color: #fff; } .section2 .item .info .people b { font-size: 0.65rem; color: #ffdf20; font-family: arial; } .section2 .item .btn { float: left; margin: 0.625rem 0.5rem 0 0; width: 4.125rem; height: 1.5rem; line-height: 1.5rem; } .section2 .item .btn a{ font-size: 0.6rem;} .section2 .item .btn.j_goto_play { width: 8.75rem; } .section2 .swiper-pagination-bullets { bottom: 0.6rem; } .section2 .swiper-pagination-bullets .swiper-pagination-bullet { width: 0.4rem; height: 0.4rem; opacity: 1; margin: 0 0.2rem; background: #e6e6e6; } .section2 .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ef7959; } /*section3*/ .section3 { margin: 0.5rem 0; } .section3 .container { padding: 0.75rem; background: #fff; } .section3 .top { text-align: center; color: #5c2718; } .section3 .top h3 { font-size: 0.875rem; letter-spacing: 0.25rem; padding-left: 0.2rem; } .section3 .top p { font-size: 0.6rem; margin: 0.5rem 0 0.75rem; position: relative; } .section3 .top p:before, .section3 .top p:after { content: ''; position: absolute; top: 0.3rem; width: 3rem; height: 1px; background: #5c2718; } .section3 .top p:before { left: 0; } .section3 .top p:after { right: 0; } .section3 .container .form-item { width: 100%; } .section3 .container input, .section3 .container select { background: #f5f5f5; padding-left: 2rem; } .swiper-wrapper { flex-direction: column; }