﻿@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 641px) {
	.swiperpage {height:29vw; background-size:100% 100%; width:100%; background-position:center; text-align:center; color:#fff;}
	.swiperpage span {display:none; padding-top:200px; font-size:60px; padding-bottom:30px; font-weight:bold;}
	.swiperpage font {display:none; font-size:24px; letter-spacing:30px;}
	
	.bus-advantage {width:100%; margin:0;}
	.bus-advantage .advtop {height:195px; background-color:#de2020; color:#e03939; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.bus-advantage .advtop span {display:block; width:100%; color:#fff; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	
	.bus-advantage .advbody {width:96%; margin:0 auto 1vw auto;}
	.bus-advantage .advinfo {height:100%; width:calc(50% - 70px); float:right; padding-top:3vw;}
	.bus-advantage .advinfo .advtit {text-align:left;}
	.bus-advantage .advinfo .advtit span {font-size:3vw; display:block; color:#de2020; font-family:Arial, Helvetica, sans-serif; position:relative;}
	.bus-advantage .advinfo .advtit span::before {content:''; position:absolute; height:2.7vw; top:0.7vw; width:4px; background-color:#C00; left:-30px;}
	.bus-advantage .advinfo .advtit font {font-size:2vw; display:block; font-weight:bold; color:#333; padding:8px 0 15px 0 ;}
	.bus-advantage .advinfo .advtit em {font-size:1.25vw; display:block; font-style:normal; color:#666; font-weight:bold;}
	.bus-advantage .advinfo .advintro {margin-top:5vw; text-align:left; border:3px solid #de2020; padding:20px; border-radius:30px; font-size:14px; line-height:180%; color:#666;}
	.bus-advantage .advinfo .advintro img {float:left; margin-right:0.1rem;}
	.bus-advantage .attrs {margin-top:2vw;}
	.bus-advantage .attrs dd {float:left; width:30%; text-align:left; margin-right:5%; margin-bottom:2vw; height:11vw; border-bottom:3px solid #ddd;}
	.bus-advantage .attrs dd:nth-child(3n) {margin-right:0;}
	.bus-advantage .attrs dd i {font-size:2.5vw; font-style:normal; color:#e03939;}
	.bus-advantage .attrs dd font {font-size:0.9vw; padding:0.8vw 0; display:block; font-weight:bold;}
	.bus-advantage .attrs dd span {font-size:0.6vw; display:block; line-height:180%; color:#666;}
	.bus-advantage .advmap {width:40vw; padding-top:7vw; padding-left:4vw; float:left; text-align:center;}
	.bus-advantage .advmap img {width:80%; height:auto;}
	
	.bus-suggest {width:100%; margin:0; background:#de2121 url(../images/buigb3.png) bottom no-repeat; padding-bottom:40px;}
	.bus-suggest .advtop {height:195px; text-transform:uppercase; color:#e03939; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.bus-suggest .advtop span {display:block; width:100%; color:#fff; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-suggest ul {width:1340px; margin:0 auto; text-align:center; margin-top:30px; color:#fff;}
	.bus-suggest ul li {width:300px; display:inline-block; text-align:left; height:140px; font-size:12px; display:table-cell; vertical-align:top; padding-right:46px;}
	.bus-suggest ul li:last-child {padding-right:0 !important;}
	.bus-suggest ul:nth-child(2) li {width:400px; padding-right:70px;}
	.bus-suggest ul:nth-child(4) {width:500px; margin:40px auto;}
	.bus-suggest ul:nth-child(4) li {width:500px; text-align:center;}
	.bus-suggest ul li span {display:block; height:80px; line-height:80px;}
	.bus-suggest ul li em {float:left; font-size:50px; font-weight:bold; font-style:normal;}
	.bus-suggest ul li img {float:left; margin:10px 20px 0 20px;}
	.bus-suggest ul li font {font-size:24px; height:32px; margin-top:16px; font-weight:bold;}
	.bus-suggest ul li i {font-style:normal; font-size:0.9vw; display:inline-block; line-height:210%;}
	
	.bus-lure {width:100%; margin:0; padding-bottom:40px;}
	.bus-lure .advtop {height:195px; text-transform:uppercase; color:#fdf3f2; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.bus-lure .advtop span {display:block; width:100%; color:#e03939; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-lure ul {width:1320px; margin:0 auto; text-align:center; margin-top:30px; height:600px; position:relative; background:url(../images/bg_sixadv.jpg) rgba(0,0,0,0.9); background-size:100% 100%;}
	.bus-lure ul li {width:440px; cursor:pointer; font-size:24px; float:left; margin:0; font-weight:bold; text-align:center; line-height:50px; height:300px; color:#fff; transition: all 0.3s ease-out 0s;}
	.bus-lure ul li:nth-child(2),.bus-lure ul li:nth-child(4),.bus-lure ul li:nth-child(6) {background-color:rgba(222,33,33,0.75);}
	.bus-lure ul span {display:none; font-size:13px; color:#fff; font-weight:normal; line-height:28px; width:1270px; text-align:left; background:url(../images/bg_sixadv.jpg) rgba(0,0,0,0.9); background-size:100% 100%; height:520px; padding:40px 25px; left:0; top:0; position:absolute; z-index:100020;}
	.bus-lure ul li font {display:block; padding:100px 0 15px 0; font-size:56px; transition: all 0.3s ease-out 0s;}
	.bus-lure ul li:hover {font-size:27px;}
	.bus-lure ul li:hover font {font-size:63px;}
	.bus-lure .aboutcont {text-align:center; padding:20px 0 10px 0;}
	
	.bus-process {width:100%; margin:0; background:#de2121; height:750px;}
	.bus-process .advtop {height:195px; text-transform:uppercase; color:#e03939; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.bus-process .advtop span {display:block; width:100%; color:#fff; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-process ul {width:1404px; padding:0 24px; height:482px; background:url(../images/bg_buspro.jpg) center no-repeat; margin:0 auto; text-align:center; margin-top:30px; color:#fff;}
	.bus-process ul li {float:left; width:233px; position:relative;}
	.bus-process ul li img {width:50px; height:50px;}
	.bus-process ul li span {display:block; margin-top:165px; font-size:14px; position:relative; text-align:left; line-height:200%; background:rgb(255,255,255,0.3); height:220px; width:161px; padding:60px 20px 0 20px; margin-left:19px; border-radius:50px;}
	.bus-process ul li font {display: block; position:absolute; top:50px; left:42px; font-size:18px; text-align:center; color:#de2121; width:100px; padding:47px 25px; margin:0 auto; height:56px; background-color:#fff; border-radius:50%; font-weight:bold;}
	.bus-process ul li font em {display:table-cell; vertical-align: middle; height:56px; font-style:normal; text-align:center; width:100px;}
	.bus-process ul li i {font-size:22px; font-style:normal; padding-top:10px;}
	
	
	.bus-about {height:640px; width:100%; background-color:#f4f4f4; overflow:hidden;}
	.bus-about .joina {width:calc(50% - 70px); float:left; background:url(../images/bupic1.jpg) left no-repeat; height:640px; padding-left:70px; text-align:center; color:#fff;}
	.bus-about .joina .jointit {text-align:left;}
	.bus-about .joina .jointit span {font-size:30px; display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative; margin-top:125px;}
	.bus-about .joina .jointit font {font-size:30px; display:block; font-weight:bold; padding:8px 0 15px 0 ;}
	.bus-about .joina>span {display:block; text-align:center; margin-top:50px; font-size:22px;}
	.bus-about .joina span img {display:block; margin:0 auto 30px auto;}
	
	
	.bus-about .aboutinfo {height:100%; float:left; padding-top:60px; width:calc(50% - 70px); margin-left:70px;}
	.bus-about .aboutinfo .abouttit {text-align:left;}
	.bus-about .aboutinfo .abouttit span {font-size:3vw; color:#de2020; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif;}
	.bus-about .aboutinfo .abouttit font {font-size:2vw; display:block; font-weight:bold; color:#333; padding:8px 0 15px 0 ;}
	.bus-about .aboutinfo .abouttit em {font-size:1.5vw; font-style:normal; display:block; color:#de2020;  font-weight:bold;}
	.bus-about .aboutinfo .aboutcont h3 {margin-top:15px; color:#de2020;}
	.bus-about .aboutinfo .aboutcont {margin-top:1vw; text-align:left; display:block; line-height:240%; font-size:14px; color:#666;}
	.bus-about .viewmore {text-align:left; margin-top:2vw;}
	.bus-about .viewmore a {display:inline-block; background-color:#de2020; color:#fff; border-radius:18px; height:36px; line-height:36px; padding:0 30px;}
	
	.bus-addr {height:640px; width:100%; overflow:hidden; background-color:#fff;}
	.bus-addr .joinb {width:50%; float:right; background:url(../images/bupic2.jpg) left no-repeat; height:640px;}
	
	
	.bus-addr .aboutinfo {height:100%; width:calc(50% - 70px); margin-left:70px; float:right; padding-top:60px;}
	.bus-addr .aboutinfo .abouttit {text-align:left;}
	.bus-addr .aboutinfo .abouttit span {font-size:3vw; color:#de2020; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif;}
	.bus-addr .aboutinfo .abouttit font {font-size:2vw; display:block; font-weight:bold; color:#333; padding:8px 0 15px 0 ;}
	.bus-addr .aboutinfo .abouttit em {font-size:0.7vw; color:#666; font-style:normal; display:block; font-weight:bold;}
	.bus-addr .aboutinfo .attrs {margin-top:30px;}
	.bus-addr .aboutinfo .attrs li {float:left; width:28%; text-align:left; margin-right:3%; max-width:200px;}
	.bus-addr .aboutinfo .attrs li:last-child {margin-right:0;}
	.bus-addr .aboutinfo .attrs li img {width:100%; height:auto; border-radius:15px;}
	.bus-addr .aboutinfo .aboutcont {text-align:left; display:block; line-height:220%; font-size:14px; color:#666; padding-top:30px;}
	.bus-addr .aboutinfo .aboutcont b {font-size:18px; display:block; padding-bottom:15px; color:#e60012;}
	.bus-addr .aboutinfo .aboutcont p {margin-top:20px; background:url(../images/buicon1.jpg) left no-repeat; line-height:41px; padding-left:45px; font-size:14px; color:#666;}
	.bus-addr .aboutinfo .aboutcont p span {display:block;}
	.bus-addr .aboutinfo .aboutcont i {display:inline-block; width:64px; font-size:18px; color:#333; font-style:normal;}
	
	#pop {background: rgba(52, 58, 65, 0.600000); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); position: fixed; z-index: 11110; top: 0; left: 0; width: 100%; height: 100%; display: none; }
	#pop_body {position: absolute; top: 25%; left: 50%; margin-left: -180px; background: rgba(255,255,255,1); box-shadow: 0px 8px 12px rgb(60 64 67 / 15%), 0px 4px 4px rgb(60 64 67 / 30%); width: 360px; height: 312px; border-radius: 8px; }
    #pop_body h6 {font-weight: 500; font-size: 16px; padding: 10px; border-bottom: 1px solid #ccc; text-align:left; margin-bottom:15px; }
    #pop_body h6 span{color:#999; font-size: 12px; font-weight:normal; cursor:pointer; float:right; }
    #pop_body input[type=button] {border: 0; background: #de2020; color: white; font-size: 16px; padding: 10px 0; width: 322px; border-radius: 5px; cursor: pointer; }
	#pop_body input[type=button]:active {background-color: #d11212; border-color: #007147; }
    #pop_body input[type=text] {border: 1px solid #ccc; padding: 10px; width: 300px; border-radius: 5px; margin-bottom:10px; }
    #pop_body input#vcode { width: 202px; }
}



@media only screen and (max-width: 640px) {
	.swiperpage {height:5rem; margin-top:1.6rem; width:100%; background-position:center; background-repeat:no-repeat; background-size:auto 100% ; text-align:center; color:#fff;}
	.swiperpage span {display:block; padding-top:2.6rem; font-size:1rem; padding-bottom:0.5rem; font-weight:bold;}
	.swiperpage font {font-size:0.4rem; letter-spacing:0.2rem;}
	
	.bus-advantage {width:100%; margin:0;}
	.bus-advantage .advtop {height:3rem; background-color:#de2020; color:#e03939; position:relative; font-size:1.5rem; line-height:3rem; text-align:center;}
	.bus-advantage .advtop span {display:block; width:100%; color:#fff; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	
	.bus-advantage .advbody {width:100%; padding-bottom:1rem;}
	.bus-advantage .advinfo {margin:0 5%;}
	.bus-advantage .advinfo .advtit {text-align:left;}
	.bus-advantage .advinfo .advtit span {font-size:0.8rem; display:block; color:#de2020; font-family:Arial, Helvetica, sans-serif; position:relative;}
	.bus-advantage .advinfo .advtit span::before {content:''; position:absolute; height:1rem; top:0.2rem; width:4px; background-color:#C00; left:-0.6rem;}
	.bus-advantage .advinfo .advtit font {font-size:0.7rem; display:block; font-weight:bold; color:#333; padding:8px 0 15px 0 ;}
	.bus-advantage .advinfo .advtit em {font-size:0.4rem; display:block; font-style:normal; color:#666; font-weight:bold;}
	.bus-advantage .advinfo .advintro {margin-top:0.3rem; text-align:left; border:3px solid #de2020; padding:0.3rem; border-radius:0.5rem; font-size:0.35rem; line-height:180%; color:#666;}
	.bus-advantage .advinfo .advintro img {float:left; margin-right:0.1rem; display:none;}
	.bus-advantage .attrs {margin:0.5rem 0 0 0;}
	.bus-advantage .attrs dd {float:left; width:calc(50% - 0.25rem); text-align:left; margin:0 0.5rem 0.5rem 0; border-bottom:3px solid #ddd;}
	.bus-advantage .attrs dd:nth-child(2n) {margin-right:0; width:}
	.bus-advantage .attrs dd i {font-size:0.8rem; margin:0 auto; font-style:normal; color:#e03939;}
	.bus-advantage .attrs dd font {font-size:0.4rem; padding:0.3rem 0; display:block; font-weight:bold;}
	.bus-advantage .attrs dd span {font-size:0.35rem; display:block; line-height:180%; height:3.6rem; color:#666;}
	.bus-advantage .viewmore {text-align:left; margin-top:3vw;}
	.bus-advantage .viewmore a {display:inline-block; background-color:#de2020; color:#fff; border-radius:18px; height:36px; line-height:36px; padding:0 30px;}
	.bus-advantage .viewmore a::before {margin-right:0.1rem;}
	
	.bus-advantage .advmap {width:100%; padding: 1rem 0; text-align:center;}
	.bus-advantage .advmap img {width:80%; height:auto;}
	
	.bus-suggest {width:100%; margin:0; background:#de2121 url(../images/buigb3.png) bottom no-repeat; padding-bottom:0.5rem;}
	.bus-suggest .advtop {height:3rem; background-color:#de2020; color:#e03939; position:relative; font-size:1.5rem; line-height:3rem; text-align:center;}
	.bus-suggest .advtop span {display:block; width:100%; color:#fff; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-suggest ul {width:90%; margin:0 auto; text-align:center; color:#fff;}
	.bus-suggest ul li {width:100%; display:inline-block; text-align:left; font-size:0.3rem;}
	.bus-suggest ul li:nth-child(2) {margin-right:0;}
	.bus-suggest ul li span {display:block; height:1rem; line-height:1rem;}
	.bus-suggest ul li em {float:left; font-size:0.6rem; font-weight:bold; font-style:normal;}
	.bus-suggest ul li img {float:left; margin:0 0.3rem 0 0.2rem; height:1rem;}
	.bus-suggest ul li font {font-size:0.5rem; font-weight:bold;}
	.bus-suggest ul li i {font-style:normal; display:inline-block; line-height:200%; padding-bottom:0.3rem;}
	
	.bus-lure {width:100%; margin:0; padding-bottom:0.4rem;}
	.bus-lure .advtop {height:3rem; overflow:hidden; color:#fdf3f2; position:relative; font-size:1.5rem; line-height:3rem; text-align:center;}
	.bus-lure .advtop span {display:block; width:100%; color:#e03939; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-lure ul {margin-left:0.2rem ; text-align:center; margin-top:0.6rem;}
	.bus-lu1re ul li {width:4.7rem; font-size:0.35rem; padding-bottom:0.2rem; float:left; margin:0 0.1rem; font-weight:bold; text-align:center; line-height:1rem; color:#666;}
	.bus-l1ure ul li img {width:4.7rem; height:auto;}
	.bus-lure .showall span {display:none !important;}
	
	.bus-lure ul li {width:4.8rem; font-size:0.4rem; float:left; margin:0; text-align:center; height:2.6rem; color:#fff; background:#000 cover; transition: all 0.3s ease 0s;}
	.bus-lure ul li:nth-child(2),.bus-lure ul li:nth-child(3),.bus-lure ul li:nth-child(6) {background-color:#de2121;}
	.bus-lure ul li:nth-child(1) {background:url(../images/bg_buslu1.jpg);}
	.bus-lure ul li:nth-child(4) {background:url(../images/bg_buslu3.jpg);}
	.bus-lure ul li:nth-child(5) {background:url(../images/bg_buslu5.jpg);}
	.bus-lure ul li font {display:block; padding:0.4rem 0 0.2rem 0; font-size:0.9rem;}
	.bus-lure .aboutcont {text-align:center; padding:0.4rem 0 0.2rem 0.2rem;}
	.bus-lure .aboutcont img {width:9.6rem; height:auto;}
	
	.bus-process {width:100%; margin:0; background:#de2121; padding-bottom:40px; padding-bottom:0.5rem;}
	.bus-process .advtop {height:3rem; background-color:#de2020; color:#e03939; position:relative; font-size:1.5rem; line-height:3rem; text-align:center;}
	.bus-process .advtop span {display:block; width:100%; color:#fff; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.bus-process ul {margin-top:0.2rem; color:#fff;}
	.bus-process ul li {width:9.1rem; margin-left:0.2rem; margin-bottom:0.4rem; position:relative; min-height:2.6rem; padding:0.25rem; border-radius:0.3rem; background:rgb(255,255,255,0.3);}
	.bus-process ul li img {width:1rem; height:1rem; padding:0.25rem; background-color:#fde9ea; float:left; margin:0.3rem 0 0 0.3rem; margin-right:0.3rem; margin-bottom:0.3rem; border-radius:0.75rem;}
	.bus-process ul li span {display:table-cell; vertical-align:middle; height:2.6rem; font-size:0.325rem; text-align:left; line-height:200%;}
	.bus-process ul li font {width:2.6rem; height:2.6rem; float:left; margin-right:0.4rem;}
	.bus-process ul li font em {width:1.4rem; height:1.4rem; padding:0.6rem; border-radius:1.3rem; color:#333; font-style:normal; text-align:center; display:table-cell; vertical-align:middle; font-size:0.4rem; background-color:#fff; margin-left:0.1rem; font-weight:bold;}
	.bus-process ul li span i {font-size:0.6rem; display:block; font-style:normal;}
	
	
	.bus-about {width:100%; background-color:#f4f4f4; overflow:hidden;}
	.bus-about .joina {background:url(../images/bupic1.jpg) left no-repeat; background-size:auto 7.2rem; height:7.2rem; padding:0 5%; text-align:center; color:#fff;}
	.bus-about .joina .jointit {text-align:left;}
	.bus-about .joina .jointit span {font-size:0.5rem; display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative; padding-top:1rem;}
	.bus-about .joina .jointit font {font-size:0.5rem; display:block; font-weight:bold; padding:8px 0 15px 0 ;}
	.bus-about .joina>span {display:block; text-align:center; margin-top:0.3rem; font-size:0.4rem;}
	.bus-about .joina span img {display:block; width:2rem; height:2rem; margin:0 auto 0.3rem auto;}
	
	.bus-about .aboutinfo { padding:1rem 5%;}
	.bus-about .aboutinfo .abouttit {text-align:left;}
	.bus-about .aboutinfo .abouttit span {font-size:0.5rem; color:#de2020; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif;}
	.bus-about .aboutinfo .abouttit font {font-size:0.5rem; display:block; font-weight:bold; color:#333; padding:8px 0 15px 0 ;}
	.bus-about .aboutinfo .abouttit em {font-size:0.4rem; font-style:normal; display:block; color:#de2020;  font-weight:bold;}
	.bus-about .aboutinfo .aboutcont {margin-top:0.2rem; text-align:left; display:block; line-height:220%; font-size:0.35rem; color:#666;}
	.bus-about .viewmore {text-align:left; margin-top:0.6rem;}
	.bus-about .viewmore a {display:inline-block; background-color:#de2020; color:#fff; border-radius:0.45rem; height:0.9rem; line-height:0.9rem; padding:0 0.6rem;}
	
	.bus-addr {width:100%; background-color:#fff;}
	.bus-addr .joinb {background:url(../images/bupic2.jpg) left no-repeat; background-size:auto 7.2rem; height:7.2rem;}
	.bus-addr .aboutinfo {padding:1rem 5%;}
	.bus-addr .aboutinfo .abouttit {text-align:left;}
	.bus-addr .aboutinfo .abouttit span {font-size:0.5rem; color:#de2020; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif;}
	.bus-addr .aboutinfo .abouttit font {font-size:0.5rem; display:block; font-weight:bold; color:#333; padding:8px 0 12px 0 ;}
	.bus-addr .aboutinfo .abouttit em {font-size:0.35rem; line-height:0.6rem; color:#666; font-style:normal; display:block; font-weight:bold;}
	.bus-addr .aboutinfo .attrs {margin-top:0.5rem; height:2.3rem;}
	.bus-addr .aboutinfo .attrs li {float:left; width:33.33%; text-align:left;}
	.bus-addr .aboutinfo .attrs li img {width:90%; height:auto; border-radius:0.2rem;}
	.bus-addr .aboutinfo .aboutcont {text-align:left; display:block; line-height:220%; font-size:0.35rem; color:#666;}
	.bus-addr .aboutinfo .aboutcont b {font-size:0.5rem; color:#e60012; display:block; margin-bottom:0.2rem;}
	.bus-addr .aboutinfo .aboutcont p {margin-top:0.4rem; background:url(../images/buicon1.jpg) left no-repeat; line-height:41px; padding-left:45px; font-size:0.35rem; color:#666;}
	.bus-addr .aboutinfo .aboutcont p span {display:block; height:41px; overflow:hidden;}
	.bus-addr .aboutinfo .aboutcont i {display:inline-block; width:1.2rem; font-size:0.4rem; color:#333; font-style:normal;}
	
	#pop {background: rgba(52, 58, 65, 0.600000); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); position: fixed; z-index: 11110; top: 0; text-align:center; left: 0; width: 100%; height: 100%; display: none; }
	#pop_body {position: absolute; top: 25%; left: 50%; margin-left: -4.5rem; background: rgba(255,255,255,1); box-shadow: 0px 8px 12px rgb(60 64 67 / 15%), 0px 4px 4px rgb(60 64 67 / 30%); width: 9rem; height: 312px; border-radius: 8px; }
    #pop_body h6 {font-weight: 500; font-size: 16px; padding: 10px; border-bottom: 1px solid #ccc; text-align:left; margin-bottom:15px; }
    #pop_body h6 span{color:#999; font-size: 12px; font-weight:normal; cursor:pointer; float:right; }
    #pop_body input[type=button] {border: 0; background: #de2020; color: white; font-size: 16px; padding: 10px 0; width: 8rem; border-radius: 5px; cursor: pointer; }
	#pop_body input[type=button]:active {background-color: #d11212; border-color: #007147; }
    #pop_body input[type=text] {border: 1px solid #ccc; padding:10px 0.2rem; width: 7.6rem; border-radius: 5px; margin-bottom:10px; }
    #pop_body input#vcode { width: calc(7.6rem - 100px); }
}
