@charset "utf-8";
/* CSS Document */
/* index */
body{ padding:50px 0; padding-bottom:0px}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#fff; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#fff; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:18px; margin-left:-13px; margin-top:-1px; background:#fff; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

.top{ left:0; top:0px; background:#fff; width:100%; z-index:11; transition:all 0.5s ease;}

.top{ position: fixed; padding:0 2%; display:block; top:0; width:100%; left:0; z-index:10; background:#b31d2b;}
.top .cs-back{ width:30px; height:50px; background:url(../images/back.png) no-repeat center center;}
.top .t-back a{ line-height:50px; background:url(../images/back.png) no-repeat left center; color:#fff; padding-left:20px; font-size:16px;}
.olmeca{ position:absolute; line-height:50px; left:15%; width:70%; text-align:center; color:#fff; font-size:15px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee;}

.T-nav li > a{ line-height:45px; display:block; padding:0 3%; font-size:16px;}
.T-nav > li .thr{ position:relative; display:none; width:100%;}

.T-nav > li .thr a{ line-height:45px; display:block; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}

.mob-nav{ display:block;}
.labtu{ color:#fff; line-height:50px; font-size:14px;}


.ind-nav{ background:#fff; padding:4% 0;}
.ind-nav a{ float:left; text-align:center; width:25%;}
.ind-nav a .pic img{ height:10vw;}
.ind-nav a .tit{ margin-top:10px;}

.lonbfe{ background:#fff; padding:3%;}
.beolba{ font-weight:bold; font-size:18px;}
.beolba:before{ content:''; display:inline-block; vertical-align:middle; width:3px; height:20px; background:#b31d2b; margin-right:10px;}
.beolba a{ float:right; color:#b31d2b; font-size:15px; font-weight:normal;}
.alobpa{ margin-top:3%; position:relative; padding-right:20px;}
.alobpa .next{ width:20px; height:20px; position:absolute; right:-5px; top:50%; transform:translateY(-50%); background:url(../images/right.png) no-repeat center center; background-size:100% 100%;}
.alobpa a{ display:block;}
.alobpa a .pic{ width:65px;}
.alobpa a .pic img{ width:100%; height:65px; object-fit:cover;}
.alobpa a .con{ width:calc(100% - 75px); padding-top:10px;}
.alobpa a .con .d1{ font-size:15px;}
.alobpa a .con .d1 img{ margin-left:5px;}
.alobpa a .con .d2{ font-size:12px; color:#999; margin-top:3px;}
.leubau{ margin-top:3%;}
.leubau li{ line-height:30px; height:30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:12px;}
.leubau li a{ font-size:15px;}
.leubau li a span{ color:#787878;}

.buaegt{ padding:3%; background:#fff;}
.nlewob li{ padding:3% 0; border-bottom:1px dashed #ddd;}
.nlewob li a{ display:block;}
.nlewob li a .pic{ width:100px;}
.nlewob li a .pic img{ width:100%; height:90px; object-fit:cover;}
.nlewob li a .con{ width:calc(100% - 110px);}
.nlewob li a .con .d1{ line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.nlewob li a .con .d1 span{ display:inline-block; vertical-align:middle; margin-right:5px; color:#b31d2b; font-size:12px; line-height:20px; padding:0 8px; border:1px solid #b31d2b; border-radius:3px;}
.nlewob li a .con .d2{line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.nlewob li a .con .d2 i{ font-size:14px; color:#999;}
.nlewob li a .con .d3{ font-size:12px; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#999;}
.nlewob li a .con .d3 span{ color:#ff6000; margin-right:10px;}
.nlewob li a .con .d3 span img{ margin-left:5px;}
.nlewob li a .con .d4{ color:#999; line-height:20px; height:40px; overflow:hidden; margin-top:5px;}
.foot-bg{ background:#fff; height:30px;}
.foot{ height:50px; position:fixed; width:100%; z-index:10; left:0; bottom:0; background:#b31d2b;}
.foot .list{ width:42%;}
.foot .list a{ float:left; width:50%; text-align:center; line-height:50px; color:#fff;}
.foot .list a.cur{background:#8e0f16;}
.foot .home{ display:block; position:absolute; width:70px; height:70px; border-radius:50%; background:#d7324a url(../images/hs.png) no-repeat center 10px; background-size:auto 23px; left:50%; top:-30px; transform: translateX(-50%); color:#ffeea5; text-align:center; padding-top:40px;}

.fex-ad{ position:fixed; right:0; bottom:23px; width:30%;z-index: 10;}
.fex-ad img{ border-radius:3px;}
.fex-ad a{ display:block; width:25px; height:25px; background:url(../images/gb.png) no-repeat center center; background-size:100% 100%; position:absolute; right:0; top:0;}
.adc-more{ padding:20px 0;}
.adc-more a{ display:inline-block; line-height:32px; width:100px; color:#666; background:#f4f4f4; border-radius:15px;}

.no-more{ padding:20px 0; background:url(../images/d.jpg) repeat-x left center;}
.no-more span{ display:inline-block; padding:0 12px; color:#666; background:#fff;}

.tbobla .pic a{ display:block; position:absolute; width:50px; height:50px; left:50%; top:50%; transform: translate(-50%,-50%); background:url(../images/bf.png) no-repeat center center; background-size:100% 100%;}
.tbobla .con{ background:#fff; padding:3%; line-height:1.8;}
.tbobla .con .d1{ font-size:16px; color:#b31d2b;}
.tbobla .con .d2{ color:#999;}
.tbobla .con .d3{ color:#999;}
.beault{ padding:0 3% 2%; background:#fff;}
.beault li{ line-height:25px; padding:10px 0; font-size:15px; border-bottom:1px dashed #ddd;}
.beault li a{ margin-left:20px; color:#b31d2b; float:right; background:url(../images/bt.png) no-repeat right center; background-size:20px auto; padding-right:25px;}

.bg-col{ background:url(../testimg/bj.jpg) no-repeat center center; background-size: cover; position:fixed; z-index:15; left:0; top:0; width:100%; height:100%;}
.loubts{ background:#fff; left:3%; width:94%; top:50%; transform:translateY(-50%); border-radius:8px; overflow:hidden; position:fixed; z-index:16;}
.loubts{}
.loubts h3{ text-align:center; padding:25px 0;}
.loubts h3 img{ margin-bottom:10px;}
.loubts span{ display:block; font-size:20px;}
.oytae{ color:#999;}
.olebna{ margin-top:20px; border-top:1px solid #ddd;}
.olebna a{ font-size:16px; width:50%; text-align:center; line-height:42px; height:42px;}
.olebna a.fr{ color:#fff; background:#b31d2b;}

.fotaeb{ padding:4px 0; width:90%; margin:0 auto; border:1px solid #ddd; margin-top:4px;}
.fotaeb span{ width:88px; padding-left:10px; color:#666; font-size:14px; float:left; line-height:30px; border-right:1px solid #ddd;} 
.fotaeb .c1{ width:calc(100% - 95px); padding:0 10px; height:30px; border:none; font-size:14px}
.fotaeb img{ position:absolute; right:0; top:10px;}
.fotaeb .btns{ position:absolute;right:5px; top:4px; height:30px; border:none; background:none;}
.wbuntl{ line-height:50px;}
.lebunc{ background:#fff; padding:10px 40px;}
.lebunc .prev,.lebunc .next{ width:22px; height:22px; background:no-repeat center center; background-size:100% 100%; position:absolute; top:50%; margin-top:-11px; cursor:pointer;}
.lebunc .prev{ left:10px; background-image:url(../images/left.png);}
.lebunc .next{ right:10px; background-image:url(../images/right.png);}

.dlbuvt{ background:#fff; padding:2%;}
.dlbuvt .bd{ background:url(../images/d.jpg) repeat-y 7px top; padding-left:25px;}
.dlbuvt .bd dl{ padding:20px 0; border-bottom:1px solid #ddd;}
.dlbuvt .bd dt{ color:#b31d2b; font-size:18px; position:relative;}
.dlbuvt .bd dt:before{ content:''; width:15px; height:15px; position:absolute; left:-25px; background:url(../images/yb.png) no-repeat center center; top:5px;}
.dlbuvt .bd dd{ line-height:2; color:#666; margin-top:15px;}


.act-nav{ padding:4% 0; background:#fff;}
.act-nav a{ float:left; width:20%; text-align:center;}
.act-nav a .tit{ margin-top:10px;}

.aoltem{ background:#f8f8f8;}
.aoltem .pic{ width:42%;}
.aoltem .pic img{ width:100%; height:115px; object-fit:cover;}
.aoltem .con{ width:55%; padding-top:12px;}
.aoltem .con .d1{ font-weight:bold; font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.aoltem .con .d2{ font-size:15px; line-height:20px; height:40px; overflow:hidden;}
.aoltem .con .d3{ margin-top:5px; color:#999;}


.laebun{ border-bottom:1px solid #eee; padding-right:45px; background:#fff;}
.laebun .op-d{ position:absolute; right:0; top:0; display:block; width:50px; height:50px; padding-top:14px; text-align:center;}
.laebun .op-d.on img{ transform:rotate(180deg);}
.laebun .eolta{ height:50px; overflow:hidden;}
.laebun .eolta.on{ height:auto;}
.laebun .eolta a{ float:left; position:relative; line-height:50px; width:33.33%; border-top:1px solid #eee; text-align:center; height:50px; overflow:hidden; border-right:1px solid #eee;}
.laebun .eolta a.cur{ background:#f7e8e9; color:#b31d2b;}
.laebun .eolta a.cur:before{ content:'';width:0; height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff; position:absolute; left:50%; bottom:0; margin-left:-5px;}

.aebunc{ background:#fff;}
.aebunc a{ float:left; position:relative; line-height:50px; width:50%; border-bottom:1px solid #eee; text-align:center; height:50px; overflow:hidden;}
.aebunc a.cur{ background:#f7e8e9; color:#b31d2b;}
.aebunc a.cur:before{ content:'';width:0; height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff; position:absolute; left:50%; bottom:0; margin-left:-5px;}


.oeabuc{ background:#fff; padding:0 2%; text-align:center; border-bottom:1px solid #eee;}
.oeabuc a{ position:relative; margin:0 10px; padding:15px 0; line-height:20px; display:inline-block;}
.oeabuc a.cur{ color:#b31d2b;}
.oeabuc a.cur:before{ content:''; position:absolute; left:50%; margin-left:-12px; bottom:0; height:2px; width:24px; background:#b31d2b;}

.lpbuea{ background:#fff; padding:12px 2%; line-height:32px;}
.lpbuea a{ color:#b31d2b; font-size:18px; padding-left:25px; float:left; background:url(../images/ge.png) no-repeat left center; background-size:20px auto;}
.lpbuea a img{ margin-left:5px;}
.lpbuea span{ color:#999;}
.slobea{ margin-top:3%; overflow:auto; white-space: nowrap;}
.slobea a{ display:inline-block; position:relative; margin-top:2%;}
.slobea a:before{ content:''; width:26px; height:26px; background:url(../images/bt.png) no-repeat center center; background-size:100% 100%; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%);}

.slobea a img{ width:100px; height:100px; object-fit:cover;}

.teanic li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.teanic li:nth-child(3n){ margin-right:0;}
.teanic li a{ display:block;}
.teanic li a img{ display:block; width:100%; height:30vw; object-fit:cover;}


.oemben{ padding:0 2% 2%;}
.oemben li{ margin-top:2%;}
.oemben li a{ display:block; background:#fff; border-radius:3px; border:1px solid #ddd;}
.oemben li a .tit{ padding:3%; font-size:16px;}
.oemben li a .tit img{ height:25px; margin-right:5px;}

.elaemt{ background:#fff;}
.elaemt a{ float:left; width:33.33%; text-align:center; padding:15px 0;}
.elaemt a .pic img{ height:28px;}
.elaemt a .tit{ margin-top:10px; color:#999;}

.buatec{ width:100%; background:#fff;}
.buatec li{ width:33.33%; float:left; text-align:center;}
.buatec li a{ display:block; padding:20px 0; position:relative;}
.buatec li a .pic img{ height:30px;}
.buatec li a .tit{ margin-top:5px;}
.buatec li a.cur{ color:#ca2f2d;}
.buatec li a.cur:before{ content:''; height:2px; width:30px; position:absolute; left:50%; bottom:0; margin-left:-15px; background:#ca2f2d;}

.oeitec{ background:#fff; padding:0px 3%;}
.oeitec li{ border-bottom:1px solid #ddd;}
.oeitec li a{ padding:20px 0; display:block;}
.oeitec li a .pic{ width:70px;}
.oeitec li a .pic img{ width:70px; height:70px; object-fit:cover;}
.oeitec li a .con{ width:calc(100% - 85px);}
.oeitec li a .con .d1{ font-size:16px; line-height:25px;}
.oeitec li a .con .d1 span{ float:right; font-size:12px; margin-left:15px; padding-left:22px; background:url(../images/df.png) no-repeat left center; color:#cb3130;}
.oeitec li a .con .d2{ margin-top:5px; color:#666;}
.oeitec li a .con .d3{ margin-top:10px; color:#999;}
.oeitec li a .con .d3 .wblm span{ padding-left:18px; margin-left:20px; background:no-repeat left center; background-size:12px auto;}
.oeitec li a .con .d3 .wblm span.s1{ background-image:url(../images/f4.png);}
.oeitec li a .con .d3 .wblm span.s2{ background-image:url(../images/f5.png);}


.tb-slne{ background:#f7e8e9; padding:3%;}
.lbaol{ background:#fff; border-radius:20px;}
.tb-slne .c1{ float:left; background:none; height:40px; border:none; width:calc(100% - 50px); padding:0 10px;}
.tb-slne .c2{ float:left; width:50px; height:40px; background:url(../images/ffdd.png) no-repeat center center; background-size:auto 55%; border:none;}
.lmebna{ background:#fff; padding:10px 15px; overflow:auto;white-space: nowrap;}
.lmebna a{ display:inline-block; margin-right:25px; line-height:25px; font-size:15px;}
.lmebna a.cur{ color:#b31d2b;}
.lbnema{ padding:0 3%;}
.lbnema li{ margin-top:3%;}
.lbnema li a{ display:block; padding:20px; background:#fff;}
.lbnema li a .d1{ font-size:16px;}
.lbnema li a .d2{ margin-top:10px; color:#8e8e8e;}
.lbnema li a .d2 span{ margin-right:12px;}
.lbnema li a .d2 span img{ height:15px; margin-right:5px;}

.teiban{ background:#f7e8e9; padding:5%;}
.teiban .d1{ font-size:24px; color:#b31d2b; font-weight:bold;}
.teiban .d2{ margin-top:10px;}
.teiban .d2 span{ margin:0 5px;}
.melab{ padding:4%; line-height:2; background:#fff; min-height:calc(100vh - 220px);}
.oebuva{ background:#fff; padding:4%; min-height:calc(100vh - 120px);}
.oebuva a{ display:block; margin-bottom:4%;}
.lemgba{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99;}
.lemgba img{ position:absolute; left:0; top:50%; margin-top:-140px;}
.lemgba .gb{ position:absolute; right:0; top:0; width:30px; height:30px; background:url(../images/icon30.png) no-repeat;}
.boenc .abs{ position:absolute; left:0; top:0; z-index:2;}

.boenc .inp11{
	width: 65%;
    left: 17%;
    top: 618vw;
}
.boenc .inp12{
	width: 65%;
    left: 17%;
    top: 629vw;
}
.boenc .inp11 input{
	width: 100%;
        height: 7.5vw;
        border: none;
        
	}
.boenc .inp13{
	width: 40%;
    left: 17%;
    top: 640vw;
}
.boenc .inp14 {
    width: 22%;
    left: 60%;
    top: 640vw;
}
.boenc .inp14 img{ width:100%; height:7.5vw; object-fit: scale-down;}

.boenc .inp15{
	width: 40%;
    left: 17%;
    top: 651vw;
}
.boenc .inp16 {
    width: 22%;
    left: 60%;
    top: 651vw;
}
.boenc .inp16 input{ color:#a90402; background:none;}
.boenc .inp17{
	width: 65%;
    left: 17%;
    top: 661vw;
}
.boenc .inp17 input{ width:100%; height:12vw; border:none; background:none; cursor:pointer;}

.boenc .inp06 {
    width: 45%;
    left: 22%;
    top: 160vw;
}
.boenc .inp07 {
    width: 22%;
    left: 70%;
    top: 160vw;
}
.boenc .inp07 img{ width:95%; height:8vw; object-fit: scale-down;}


.boenc .inp01{ width:66%; left:22%; top:137vw;}
.boenc .inp02 {
    width: 66%;
    left: 22%;
    top: 148vw;
}
.boenc .inp03 {
    width: 45%;
    left: 22%;
    top: 171vw;
}
.boenc .inp04 {
    width: 22%;
    left: 70%;
    top: 171vw;
}
    .boenc .inp01 input, .boenc .inp02 input, .boenc .inp03 input, .boenc .inp06 input {
        width: 100%;
        height: 8vw;
        border: none;
        background:none;
    }
.boenc .inp04 input {
    width: 100%;
    height: 8vw;
    border: none;
    background: none;
}
.boenc .inp05 {
    width: 100%;
    left:0;
    top:188vw;
}
    .boenc .inp05 input {
    width:100%;
    border:none;
    height:16vw;
    background:url(../testimg/tjan.gif) no-repeat center center;
    background-size:contain;
    }



    .shade {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 21;
        display: none;
        width: 100%;
        height: 100%;
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}

.grids-9{
	width:100%;
	padding:2vw;
	display:-webkit-box;
	display:flex;	
	flex-wrap:wrap;
	
}
.grids-9 .grid{
	display: -webkit-inline-box;
	display:inline-flex;
	-webkit-box-align: center;
	align-items:center;
	-webkit-box-pack: center;
	justify-content: center;
	
	width:26vw;
	height:26vw;
	margin: 2vw  3vw;
	border-radius: 8vw;
	background-color:#ffeaec;
}
.grids-9 .grid .item{
	display:block;
	text-align:center;
}

.grids-9 .grid .item .icoimg{
	display:inline-block;
	width:10vw;
}
.grids-9 .grid .item .title{
	margin-top:10px;
	color:#c32d39;
	font-size:3.75vw;
}

.grids-9 .grid5{
	background-color:#b31d2b;
}

.grids-9 .grid5 .item .title{
	color:#fff;
}
.nav-swiper{ white-space:nowrap; overflow:auto; background-color:#fff; padding:5vw 2.5vw;}
.nav-swiper a{ display:inline-block; width:19vw; text-align:center;}
.nav-swiper a .pic{ width:12.5vw; margin:0 auto;}
.nav-swiper a .tit{ margin-top:10px;}
.nav-swiper a:first-child{ margin-left:-2vw;}

.ui-tabbar{
	position:fixed;
	bottom:0;
	width:100%;
	height:56px;
	background-color:#b31d2b;
	display: -webkit-inline-box;
	display:inline-flex;
	padding-top:6px;
}
.ui-tabbar a{
	display:block;
	-webkit-box-flex: 1;
    flex: 1;
	text-align: center;
	color:#fff;
	font-size:14px;
	border-right:1px solid #c62c38;
}
.ui-tabbar a:last-child{
	border-right:none;
}
.ui-tabbar .active{
	color:#ffeea5;
}
.ui-tabbar a .ico{
	width:5vw;
	margin:0 auto;
}
.ui-tabbar a .txt{
	margin-top:3px;
}
.color-red2{
	color:#c05059 !important;
}
.size-14{
	font-size:14px !important;
}
.beault .hd{ text-align:center; font-weight:bold; color:#bababa; font-size:16px;}
.beault li a.view{ background-image:none; padding-right:0;}




/* 弹窗样式 */
.rels{position: relative;}
.hide{display:none;}
.bg_white{background:#fff}
.flex{display:flex;}
.main_bg{background: url(../testimg/bj.jpg) repeat-y center center;background-size: cover;width: 100%;height: 100%; padding: 0}
.top_tab{height:75px;overflow:hidden;}

.tab_list{width:85%;flex-wrap:wrap;}
.tab_list li{width:33.333%;border-right:1px solid #f7f7f7}
.tab_list li a{line-height:75px;text-align:center;display:block;font-size:18px;position:relative}
.tab_list li a.cur{background:#f7e8e9;color:#b31d2b}
.tab_list li a.cur::after{content: ""; border-top:15px solid transparent;border-left:15px solid transparent ;border-right:15px solid transparent;border-bottom:15px solid #fff; position:absolute;left:45%;bottom:0;}
.btn_box,.btn_box01{width:15%;height:75px;}
.btn,.btn01{height:75px;align-items:center;justify-content:center;}
.tcs{width:100%;height:200vh;position:absolute;left:0;top:0; z-index:1}
.tc1{width:100%;height:200vh;position:fixed;left:0;top:0;z-index:1}


.tc_box{position:fixed; top:20%; left:50%;transform: translate(-50%, -50%);height:2px; width:80%;}
.tc_bottom{position:relative;}
.tc_box img{width:100%;height:100%; }

.abs01{position:absolute;}
.abs_top01{top:11vw}
.abs_top02{top:18vw}
.abs_top03{top:26vw}
.abs_top04{top:34vw}
.abs_top05{top:9vw}
.abs_top06{top:17vw}
.abs_top07{top:24vw}
.abs_top08{top:31vw}
.abs_top09{top:31vw}

.input01{width:53%;left:34%;}
.input01 input{width:100%;height:7vw;border:none;background:none;}
.input02{width:43%;left:34%;}
.input02 input{width:100%;height:7vw;border:none;background:none;}
.input03{width:29%}
.yzm{width:13%;left:76%;height:30px;height:5vw;margin-top:2px;}
.btn{width:20%;left:68%;height:30px;height:6vw;margin-top:2px;}
.btn input{border:none;background:none; font-size:12px;}
.dl {left: 31%;top:42vw;}
.dl button{width: 34vw;height: 9vw;border:none;background:none;}
.abs_top10{top:40vw}
.abs_top11{top:23vw}
.radius_bottom .btn01{left:18%; width:32%;}
.radius_bottom .btn02{right:19%;width:31%;}
.radius_bottom .btn02 input, .radius_bottom .btn01 input{height:8vw;width:100%;background:none;border:none}
.radius_bottom .btn03{left:30%;top:22vw;width:40%}
.btn03 input{height:9vw;width:100%;border:none;background:none}
/* 透明度两个类 */
.bg01{background:rgba(0,0,0,0.4)}
.bg02{background:rgba(153,153,153,0.95);}

.radius_top img{border-top-left-radius:30px;border-top-right-radius:30px;}
.radius_bottom img{border-bottom-left-radius:30px;border-bottom-right-radius:30px;}