html{
    
}
*, :after, :before {
    box-sizing: inherit;
}

*, :after, :before {
    box-sizing: inherit;
}

ol, ul {
    list-style: none;
}
a {
    color: #07d;
    text-decoration: none;
}

a:hover, a:focus{
    text-decoration: none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
    
body, html {
    margin: 0;
    padding: 0;
    min-width: 1200px;
    color: #2c3a46;
    background: #fff;
    font-size: 14px;
    line-height: 1.6em;
}

.clearfix{
    zoom:1
}
.clearfix:after{
    content:" ";display:table;clear:both
}

.base-color{
    color: #dd3b37;
}

.font-bold{
    font-weight: bold;
}

.font40{
    font-size: 40px;
}

body{
    font-family: PingFangSC-Regular,Microsoft yahei,微软雅黑,Arial,sans-serif,Helvetica;
}

.clearfix{
    zoom:1
}
.clearfix:after{
    content:" ";display:table;clear:both
}

._tc{
    text-align: center;
}

._use-btn{
    width: 152px;
    height: 52px;
    border-radius: 3px;
    display: inline-block;
    line-height: 52px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
}

._use-btn:hover{
    transform: translateY(-8px);
    transition: transform .2s;
    opacity: .8;
}

.page-banner{
    min-width: 1200px;
    min-height: 440px;
    padding-top: 130px;
    background-image: url(/themes/qumaipiao/public/assets/img/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.page-banner-content{
    width: 1200px;
    height: 400px;
    background: rgba(44, 179, 100, 1);
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 20px 20px 0 rgb(35 50 77 / 30%);
    box-shadow: 0 20px 20px 0 rgb(35 50 77 / 30%);
}

.page-banner-content h2{
    padding-top: 80px;
    text-align: center;
    font-size: 36px;
    
    font-weight: bold;
    color: #FFFFFF;
    line-height: 46px;
    text-shadow: 0px 9px 13px rgba(0, 0, 0, 0.13);

}


.page-banner-content p{
    margin-top: 20px;
    font-size: 20px;
    
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
}


.page-banner-btn{
    margin-top: 70px;
    text-align: center;
}
.page-banner-btn ._use-btn{
    color: #fff;
    border:1px solid #fff;
    background: #fff;
    color: rgba(44, 179, 100, 1);
}
.page-banner-btn ._use-btn:last-child{
    margin-left: 20px;
    color: #fff;
    border:1px solid #fff;
    background: rgba(44, 179, 100, 1);
}

.begin-animate{
    opacity: 1;
    -webkit-animation: wrapper-gradient 2s linear;
    animation: wrapper-gradient 2s linear;
}

@-webkit-keyframes wrapper-gradient {
	0% {
		transform: translateY(50px);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes wrapper-gradient {
	0% {
		transform: translateY(50px);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

._transform{
    cursor: pointer;
}

._transform:hover{
    transform: translateY(-8px);
    transition: transform .2s;
}