.c-hh-50, .c-lh-50 {
    line-height: 50px
}




.c-h-34 {
    height: 34px
}

.c-min-h-34 {
    min-height: 34px
}

.c-max-h-34 {
    max-height: 34px
}

.c-hh-34, .c-lh-34 {
    line-height: 34px
}

.c-radius-8 {
    border-radius: 8px
}

.c-radius-6 {
    border-radius: 6px
}

.c-radius-4 {
    border-radius: 4px
}

.c-radius-2 {
    border-radius: 2px
}


[DPI="2"] .size12 {
    font-size: 24px
}

[DPI="3"] .size12 {
    font-size: 36px
}

.size13 {
    font-size: 13px
}

[DPI="2"] .size13 {
    font-size: 26px
}

[DPI="3"] .size13 {
    font-size: 39px
}

.size14 {
    font-size: 14px
}

[DPI="2"] .size14 {
    font-size: 28px
}

[DPI="3"] .size14 {
    font-size: 42px
}

.size15 {
    font-size: 15px
}

[DPI="2"] .size15 {
    font-size: 30px
}

[DPI="3"] .size15 {
    font-size: 45px
}


.span-3 {
    width: 12.5%;
    float: left
}

.span-min-3 {
    min-width: 12.5%;
    float: left
}

.span-max-3 {
    max-width: 12.5%;
    float: left
}

.span-offset-3, .span-os-3 {
    margin-left: 12.5%
}



.span-21 {
    width: 87.5%;
    float: left
}

.span-min-21 {
    min-width: 87.5%;
    float: left
}

.span-max-21 {
    max-width: 87.5%;
    float: left
}

.span-offset-21, .span-os-21 {
    margin-left: 87.5%
}

.span-24 {
    width: 99%;
    float: left;
    margin-left: 2%; 
    margin-top: 1%;
        border-bottom: 1px dashed #dbdae1;
}

.span-min-24 {
    min-width: 100%;
    float: left
}

.span-max-24 {
    max-width: 100%;
    float: left
}

.span-offset-24, .span-os-24 {
    margin-left: 100%
}


.c-mr-8 {
    margin-right: 8px
}

.c-ml-8 {
    margin-left: 8px
}

.c-mt-8 {
    margin-top: 8px
}

.c-mb-8 {
    margin-bottom: 8px
}




.c-pr-20 {
    padding-right: 20px
}

.c-pl-20 {
    padding-left: 20px
}

.c-pt-20 {
    padding-top: 20px
}

.c-pb-20 {
    padding-bottom: 20px
}

.c-p-20 {
    padding: 20px
}

.c-plr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.c-plr-20 li{
    float: left;
    display:inline;
    margin-left: 4%;
}

.c-pr-12 {
    padding-right: 12px
}

.c-pl-12 {
    padding-left: 12px
}

.c-pt-12 {
    padding-top: 12px
}

.c-pb-12 {
    padding-bottom: 12px
}

.c-p-12 {
    padding: 12px
}

.c-plr-12 {
    padding-left: 12px;
    padding-right: 12px
}


.c-tc {
    text-align: center
}

.c-color-white {
    color: #fff
}

.c-bgc-gray {
    background-color: #c3c3c3
}


.right{
    width: 86%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    line-height: 2rem;
}
.top{
    width: 100%;
    height: 22%;
    display: flex;
    align-items: center;
   font-size: 1.2rem;
    box-sizing: border-box;
}
.logo{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem;
}
.botdown{
    width: 100%;
    height: 76%;
    display: flex;
    justify-content: space-between;
}
.botone{
    width: 35%;
    height: 90%;
    display: flex;
    margin: auto 0;
    flex-direction: column;
    justify-content: space-around;
    border-right: 0.01rem solid #CBD2DB;
    text-align: left;
    align-items: center;
}
.botone:nth-last-of-type(1){
    border: none;
}
.botone p{
    color: #333333;
    font-size: 0.8rem;
}
.botone p span{
    color:#FF3030 ;
}
.botone p span:nth-of-type(1){
    font-size: 1.1rem;
}
.botone p span:nth-of-type(1){
    font-size: 0.8rem;
}
.btn{
    width: 55%;
    height: 34%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    margin-bottom: 4%;
}
.btn button{
    color: white;
    width: 35%;
    border: none;
    border-radius: 1rem;
    height: 75%;
}
.btn button a{
    color: white;
 
}
.btn button:nth-of-type(1){
    background: linear-gradient(to right,#2A92FF,#0D6FFE);
}
.btn button:nth-of-type(2){
    background: linear-gradient(to right,#FFBA0A,#FE860C);
}
.paging{
    width: 26%;
    height: 4%;
    display: flex;
    float: right;
    justify-content: space-around;
    align-items: center;
}
.paging button{
    width: 12%;
    height: 58%;
    border: 0.05rem solid #D7D7D7;
    border-radius: 0.1rem;
    color: #666666;
    text-align: center;
    font-size: 0.8rem;
    background-color: white;
}


.c-container {
  width: 1200px;
  margin: 0 auto;
}
html,
body {
  font-size: 20px!important;
}

.deep-blue-color {
  color: #1a49ce;
}
.deep-blue-bg {
  background-color: #1a49ce;
}
.deep-blue-bb {
  border-bottom: 1px solid #1a49ce;
}
.deep-blue-b {
  border: 1px solid #1a49ce;
}

.c-bltr-light-gray {
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
.c-br-light-gray {
  border-right: 1px solid #eeeeee;
}
.c-bl-light-gray {
  border-left: 1px solid #eeeeee;
}



.pages li{
        display: inline-block;
   
    padding: 0 12px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    float: left;
    display: inline;
}



.c-h-200 {
    height: 200px
}

.c-min-h-200 {
    min-height: 200px
}

.c-max-h-200 {
    max-height: 200px
}

.c-hh-200, .c-lh-200 {
    line-height: 200px
}

.c-hh-200 {
    height: 200px
}

.c-react-200 {
    width: 200px;
    height: 200px
}


.c-h-32 {
    height: 32px
}

.c-min-h-32 {
    min-height: 32px
}

.c-max-h-32 {
    max-height: 32px
}

.c-hh-32, .c-lh-32 {
    line-height: 32px
}

.c-hh-32 {
    height: 32px
}

.c-react-32 {
    width: 32px;
    height: 32px
}


.c-pr-20 {
    padding-right: 20px
}

.c-pl-20 {
    padding-left: 20px
}

.c-pt-20 {
    padding-top: 20px
}

.c-pb-20 {
    padding-bottom: 20px
}

.c-p-20 {
    padding: 20px
}

.c-plr-20 {
    padding-left: 20px;
    padding-right: 20px
}
.c-tc {
    text-align: center
}

.c-color-white {
    color: #fff
}

.c-color-green {
    color: #52c41a
}
.c-bgc-green {
    background-color: #52c41a
}

.c-overflow-hidden {
    overflow: hidden
}

.c-overflow-y {
    overflow-y: auto
}

.c-overflow-x, .c-overflow-y {
    -webkit-overflow-scrolling: touch
}











@media screen and (max-width:480px){
	 .c-container{ width:100%;}
	
}