@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;  }
li{list-style: none}
a{ text-decoration: none}
.container{ width: 1000px; margin: 0 auto}
.text-center{ text-align: center}
.mt-50{ margin-top: 50px;}
.mt-20{ margin-top: 20px;}
.topname{ display: flex; justify-content: space-between;align-items: center;}
.topname p{ color:#7D7070; font-size: 12px }
.menu-btn{background: linear-gradient(297.64deg, #9C0000 -4.32%, #C62A3D 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25); color: #fff;
border-radius: 8px; padding: 30px 0; display: flex;
width: 22%;
flex-direction: column;
justify-content: center;
align-items: center;}
.menu-btn:hover{background: linear-gradient(297.64deg, #9C0000 -4.32%, #FB5569 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25);}
.menu-btn p{font-size: 16px; margin-top: 10px}
.flex-between{display: flex; justify-content: space-between;align-items: center;}
.flex-start{display: flex; justify-content: flex-start;align-items: center;}
.tipsbox{background: #F0F2F3;border-radius: 8px;display: flex; justify-content: flex-start; padding: 30px 50px; }
.text-red{ font-size: 16px;line-height: 21px;color: #C62A3D; }
.text-grey{color: #7D7070; }
.f12{ font-size: 12px;}
.tipsbox ul{ margin-left: 50px;}
.tipsbox ul li{ background: url("../images/ico_list.png") no-repeat center left;background-size: 18px; text-indent: 30px; font-size: 12px; line-height: 28px;color: #7D7070;}
.tipsbox h5{ font-weight: normal}
.menu-btn .btn-toolbar{display: none}
.menu-btn:hover .btn-toolbar { position: absolute; top:-60px; font-size: 12px;
    background: #364347; color: #FFDCB2;
    width: 320px;
    height: 30px;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    display: block;
    transition: none;
}
.triangle-down { margin-left: 140px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 22px solid #364347;
}
.header-name{ margin-left: 50px; border-left: 1px solid #ddd; padding-left: 50px;}
.header-name h2{ font-size: 20px}
.header-name p{ margin-top: 0px; font-size: 12px;}
.center{ margin: 30px auto;background: #F0F2F3;border-radius: 8px; padding: 50px; min-height: 400px}
.title{font-size: 18px;}
.filebtn{ margin: 20px auto; width: 260px;}
.filebtn a{display:inline-block; width:260px;  padding: 20px 0; text-align: center;
	background: linear-gradient(297.64deg, #9C0000 -4.32%, #C62A3D 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25); color: #fff;
border-radius: 8px;  position:relative; overflow:hidden;}
.filebtn a:hover{background: linear-gradient(297.64deg, #9C0000 -4.32%, #FB5569 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25);}
.filebtn a img{ width: 24px; margin-right: 20px; vertical-align: middle}
.filebtn input{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);}
.common-box{display: flex; height: 300px;
flex-direction: column;
justify-content: center;
align-items: center;}

.common-btn{display:inline-block;width:260px;  padding: 15px 0; text-align: center;
	background: linear-gradient(297.64deg, #9C0000 -4.32%, #C62A3D 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25); color: #fff;
border-radius: 8px;  margin:0 5px}
.common-btn:hover{background: linear-gradient(297.64deg, #9C0000 -4.32%, #FB5569 88.89%);
box-shadow: 8px 9px 35px rgba(0, 0, 0, 0.25);}
.common-btn img{ width: 24px; margin-right: 10px; vertical-align: middle}



.footer{ background: #9D0A12; color: #fff; font-size: 12px; text-align: center; height: 50px; line-height: 50px;}
.footer a{color: #fff;}