@media screen and (min-width:1200px){
    .news-box-swiper{
        height: 262px;
        position: relative;
        margin: 60px 0 25px;
    }
    .news-box-swiper .fl{
        width: 510px;
        height: 262px;
        background: #F1F2F7;
        box-sizing: border-box;
        padding: 82px 54px 0 60px;
    }
    .news-box-swiper .fl .date{
        font-size: 18px;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        top: 30px;
        z-index: 3;
        width: 60px;
        height: 40px;
        background: #0254E8;
    }
    .news-box-swiper .fl .date img{
        width: 4.5px;
        height: 11px;
        margin: 0 2px;
    }
    .news-box-swiper .fl .title{
        font-size: 24px;
        font-weight: bold;
        line-height: 34px;
        color: #000000;
        display: block;
        margin-bottom: 10px;
    }
    .news-box-swiper .fl .title span{
        display: inline-block;
        height: 20px;
        line-height: 20px;
        background: #FF0000;
        font-size: 12px;
        color: #FFFFFF;
        padding: 0 7px;
        margin-right: 9px;
        position: relative;
        top: -4px;
    }
    .news-box-swiper .fl .more{
        font-size: 14px;
        color: #0254E8;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size: 6.36px 11.31px;
        padding-right: 15px;
        line-height: 1;
    }
    .news-box-swiper .fr,
    .news-box-swiper .fr a{
        width: 690px;
        height: 262px;
    }
    .news-box-swiper .fr a{
        display: block;
    }
    .news-box-swiper .swiper-pagination{
        text-align: left;
        left: 60px;
        bottom: 40px;
    }
    .news-box-swiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 0;
        background: rgba(2, 84, 232, 0.2);
        opacity: 1;
        margin-right: 10px;
    }
    .news-box-swiper .swiper-pagination-bullet-active{
        background: #0254E8;
        position: relative;
    }
    .news-box-swiper .swiper-pagination-bullet-active:after{
        content: "";
        position: absolute;
        left: 1px;
        top: 1px;
        width: 8px;
        height: 8px;
        background: #0254E8;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
    }
    .news-box-list ul{
        display: flex;
        flex-wrap: wrap;
    }
    .news-box-list li{
        width: 580px;
        border-bottom: 1px solid #E0E5EE;
        padding: 40px 0;
    }
    .news-box-list li:nth-child(2n){
        margin-left: 39px;
    }
    .news-box-list .news-img-box{
        display: flex;
        width: auto;
    }
    .news-box-list li .imgs{
        margin-right: 19px;
        overflow: hidden;
    }
    .news-box-list li .imgs,
    .news-box-list li .imgs a{
    	width: 184px;
    	height: 132px;
    }
    .news-box-list li .conts{
    	flex: 1;
        background: none;
        height: auto;
        padding: 0;
    }
    .news-box-list li .tit{
    }
    .news-box-list li .tit a{
    	font-size: 18px;
    	font-weight: bold;
    	color: #000000;
    }
    .news-box-list li .abstract{
    	font-size: 16px;
    	line-height: 28px;
    	color: #3D3D3D;
    	margin: 10px 0 21px;
    }
    .news-box-list li .box p{
    	font-size: 16px;
    	color: #0254E8;
    	line-height: 1;
    }
    .news-box-list li .box a{
    	font-size: 14px;
    	color: #103ED8;
    	background: url(../images/news-arrow.png) no-repeat right center;
    	background-size:6.36px 11.31px;
    	padding-right: 15px;
    	line-height: 1;
    }
    .skin-red .nav-box-out{
        background: rgba(232, 18, 38, 0.8);
    }
    .skin-red .header .search-box .text,
    .skin-red .pages .pagination li a,
    .skin-red .pages .pagination li a.on, 
    .skin-red .pages .pagination li a.default:hover{
        border: 1px solid #E81226;
    }
    .skin-red .header .search-box .search,
    .skin-red .nav-box,
    .skin-red .news-box-swiper .fl,
    .skin-red .footer .foot-bom,
    .skin-red .pages .pagination li a.on, 
    .skin-red .pages .pagination li a.default:hover,
    .skin-red .pages .pagination li.active span,
    .skin-red .pages .pagination li:hover a{
        background: #E81226;
    }
    .skin-red .news-box-swiper .fl .title span{
        background: #0254E8;
    }
   .skin-red .news-box-list li .box a{
        color: #E81226;
        background: url(../images/news-arrow-red.png) no-repeat right center;
        background-size: 6.36px 11.31px;
    }
    .skin-red .news-img-box .tit a:hover,
    .skin-red .pages .pagination li a{
        color: #E81226;
    }
    .skin-red .news-box-list li .box p {
        color: #9C9C9C;
    }
    .skin-red .news-box-swiper .fl .date{
        background: #A5000D;
    }
    .skin-red .news-box-swiper .fl .title,
    .skin-red .news-box-swiper .fl .more,
    .skin-red .pages a.on, 
    .skin-red .pages a.default:hover,
    .skin-red .pages .pagination li.active span,
    .skin-red .pages .pagination li:hover a{
        color: #FFFFFF;
    }
    .skin-red .news-box-swiper .fl .more{
        background: url(../images/news-arrow-white.png) no-repeat right center;
        background-size: 6.36px 11.31px;
    }
    .skin-red .news-box-swiper .swiper-pagination-bullet{
        background: rgba(255, 255, 255, 0.5);
    }
    .skin-red .news-box-swiper .swiper-pagination-bullet-active {
        background: #FFFFFF;
    }
   .skin-red .news-box-swiper .swiper-pagination-bullet-active:after{
        background: #FFFFFF;
        border: 1px solid #E60012;
    }
    .skin-red .pages .pagination li.active span{
        border: 1px solid #E60012;
    }
    .skin-red .foot-box .address {
        background: url(../images/icon-address-red.png) no-repeat left 4px;
        background-size: 14px 17px;
    }
    .skin-red .foot-box .department {
        background: url(../images/icon-tel-red.png) no-repeat left 6px;
        background-size: 15px 14px;
    }
    .skin-red .pages a:first-child, 
    .skin-red .pages a:last-child{
        border: 0;
    }
    .skin-red .pages a.give {
        color: #999999;
        cursor: auto;
    }
    .p-b-100{
        padding-bottom: 100px;
    }
    .p-60{
        padding: 60px 0;
    }
    .detail-box .tops{
        padding: 80px 0 28px;
    }
    .detail-box .tops .title{
        font-size: 30px;
        color: #000000;
        margin-bottom: 27px;
    }
    .detail-box .tops .date{
        font-size: 16px;
        color: #999999;
    }
    .detail-box .detail-cont{
        font-size: 14px;
        line-height: 28px;
        color: #000000;
    }
    .detail-box .detail-cont img{
        max-width: 100%;
    }
    .detail-box .detail-box{
        display: flex;
        padding: 70px 0 27px;
    }
    .detail-box .detail-box img{
        width: 219px;
        height: 173px;
    }
    .detail-box .detail-box>div{
        margin: 29px 0 0 31px;
    }
    .detail-box .detail-box>div .title{
        font-size: 24px;
        color: #3D3D3D;
    }
    .detail-box .detail-box>div .date{
        font-size: 20px;
        color: #3D3D3D;
        margin-top: 14px;
    }
    .detail-box .pages-box{
        border-top: 1px solid rgba(16, 62, 216, 0.4);
        padding: 37px 0 93px;
        margin-top: 55px;
    }
    .detail-box .pages-box .item{
        font-size: 14px;
        color: #000000;
        padding-top: 15px;
    }
    .detail-box .pages-box .item a{
        color: #0254E8;
    }
    .detail-box .pages-box .default{
        color: #666666;
    }
    .flex-right{
        background: none;
    }
    .flex-right>.wrap{
        display: flex;
        justify-content: flex-end;
    }
    .flex-right>.wrap,
    .flex-right>.wrap a,
    .flex-right>.wrap span{
        font-size: 18px;
        color: #FFFFFF;
    }
    .column-box{
        width: 240px;
        margin-top: -80px;
        position: relative;
    }
    .column-box .column{
        width: 240px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 30px;
        color: #FFFFFF;
        background: url(../images/icon-introduce.png) no-repeat left center #0254E8;
        background-size: 84px 80px;
    }
    .column-box li{
        border-left: 4px solid #F6F6F6;
    }
    .column-box li+li{
        border-top: 1px solid #DCDCDC;
    }
    .column-box li a{
        height: 60px;
        line-height: 60px;
        text-align: center;
        display: block;
        font-size: 20px;
        color: #333333;
        background: #F6F6F6;
    }
    .column-box li.active,
    .column-box li:hover{
        border-left: 4px solid #0254E8;
    }
    .column-box li.active a,
    .column-box li:hover a{
        background: url(../images/news-arrow.png) no-repeat 203px center #D5DEEE;
        background-size: 7.5px 12px;
        font-weight: bold;
        color: #0254E8;
    }
    .right-Box{
        width: 906px;
        margin-left: 70px;
    }
    .content-box{
        font-size: 14px;
        line-height: 30px;
        color: #3D3D3D;
    }
    .content-box img{
        max-width: 100%;
    }
    .wrap-common{
        display: flex;
    }
    .leader-list{
        width: 906px;
        font-size: 0;
    }
    .leader-list li{
        width: 285px;
        margin:  40px 0 0 0;
    }
    .leader-list li:nth-child(1){
        margin: 0 auto;
    }
    .leader-list li:nth-child(n+2){
        display: inline-block;
        margin-right: 25px;
    }
    .leader-list li:last-child{
        margin-right: 0;
    }
    .leader-list li .imgs,
    .leader-list li .imgs img{
        width: 285px;
        height: 225.35px;
    }
    .leader-list li .leader-cont{
        height: 124px;
        text-align: center;
        border: 1px solid #0254E8;
        border-top: 0;
    }
    .leader-list li .name{
        font-size: 24px;
        color: #3D3D3D;
        line-height: 1;
        padding: 28px 0 14px;
    }
    .leader-list li .type-name{
        font-size: 20px;
        color: #3D3D3D;
        line-height: 1;
    }
    .distribution-list{
        display: flex;
        flex-wrap: wrap;
        margin-top: -30px;
    }
    .distribution-list li{
        width: 360px;
        height: 120px;
        border: 1px solid rgba(2, 84, 232, 0.4);
        display: flex;
        align-items: center;
        margin:  30px 60px 0 0;
        /* background: url(../images/news-arrow.png) no-repeat 307px center;
        background-size: 13px 23px; */
    }
    .distribution-list li:nth-child(2n){
        margin-right: 0;
    }
    .distribution-list li .icon{
        background: #0254E8;
        border-radius: 50%;
        margin: 0 31px 0 40px;
    }
    .distribution-list li .icon,
    .distribution-list li .icon img{
        width: 60px;
        height: 60px;
    }
    .distribution-list li .name{
        font-size: 22px;
        color: #000000;
    }
    .work-committee{
        border-top: 1px solid #0254E8;
        width: 906px;
    }
    .work-committee li .work-tit{
        height: 82px;
        border-bottom: 1px solid #0254E8;
        position: relative;
        cursor: pointer;
    }
    .work-committee li .work-tit .t-box{
        font-size: 20px;
        color: #000000;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }
    .work-committee li .work-tit .blue-arrow{
        width: 16px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
    }
    .work-committee li.on .work-tit .blue-arrow{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        top: 48%;
    }
    .work-committee li.on .work-tit{
        display: block;
        height: auto;
    }
    .work-committee li.on .work-tit .t-box{
        padding-left:0;
        justify-content: center;
        height: 60px;
        line-height: 60px;
        background: #0254E8;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .work-committee li .work-box{
        display: none;
        border: 1px solid #0254E8;
    }
    .work-committee li .box-title{
        height: 60px;
        line-height: 60px;
        background: #0254E8;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        display: none;
    }
    .work-committee li.on .work-tit .blue-arrow,
    .work-committee li.on .box-title{
        display: none;
    }
    .work-committee li .box-cont{
        padding: 0 50px 35px;
    }
    .work-committee li .box-item{
        margin-top: 34px;
        display: flex;
    }
    .work-committee li .box-name{
        font-size: 18px;
        color: #000000;
        white-space: nowrap;
    }
    .work-committee li .box-tent{
        width: 695px;
        margin-left: 32px;
    }
    .work-committee li .box-tent>div:nth-child(1){
        max-width: 450px;
    }
    .work-committee li .box-tent p{
        font-size: 14px;
        line-height: 26px;
        color: #3D3D3D;
    }
    .work-committee li .box-tent span{
        min-width: 70px;
        display: inline-block;
        text-align: right;
        margin-right: 9px;
    }
    .work-committee li .box-tent div+div{
        margin-left: 50px;
    }
    .work-committee li .box-tent div p{
        white-space: nowrap;
        display: flex;
    }
    .contact-box{
        display: flex;
        border: 1px solid #0254E8;
    }
    .contact-box .tact-text{
        width: 351px;
        padding: 33px 0 0 40px;
    }
    .contact-box .tact-title{
        font-size: 18px;
        line-height: 30px;
        color: #000000;
        position: relative;
        padding-bottom: 15px;
    }
    .contact-box .tact-title:after{
        content: "";
        width: 30px;
        height: 2px;
        background: #E60012;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    .contact-box .tact-item{
        display: flex;
        justify-content: flex-start;
        margin-top: 28px;
    }
    .contact-box .tact-data p{
        font-size: 14px;
        line-height: 30px;
        color: #000000;
    }
    .contact-box .tact-data span{
        font-size: 14px;
        color: #000000;
        display: inline-block;
        min-width: 70px;
        margin-right: 10px;
    }
    .contact-box .tact-map{
        position: relative;
    }
    .contact-box .tact-map,
    .contact-box .tact-map img{
        width: 554px;
        height: 366px;
    }
    .contact-box .tact-map .tact{
        position: absolute;
        left: 50%;
        top: 104px;
        z-index: 2;
        width: 180px;
        height: 48px;
        line-height: 41px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
        background: url(../images/tact-map-address-bg.png) no-repeat;
        background-size: 180px 48px;
    }
    .contact-box .tact-map .tact:after{
        content: "";
        width: 18px;
        height: 18px;
        background: url(../images/drop.png) no-repeat;
        background-size: 18px 18px;
        position: absolute;
        left: 50%;
        bottom:-20px;
        z-index: 2;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .material-list{
        display: flex;
        flex-wrap: wrap;
    }
    .material-list li{
        width: 327px;
        height: 59px;
        border-bottom: 1px solid #0254E8;
        display: flex;
        align-items: center;
        margin:  0 64px 0 0;
        position: relative;
    }
    .material-list li:nth-child(2n){
        margin-right: 0;
    }
    .material-list li .title{
        font-size: 14px;
        color: #000000;
        min-width: 56px;
        margin-right: 30px;
    }
    .material-list li .cont{
        font-size: 14px;
        color: #666666;
    }
    .material-list li .text{
        font-size: 14px;
        color: #666666;
        outline: none;
        min-width: 0;
        border: 0;
        display: none;
        font-family: '微软雅黑';
        position: relative;
        top: -1px;
    }
    .material-list li .password{
        width: 90px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        border-radius: 5px;
        background: #0254E8;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .exclusive-list ul {
        padding-bottom: 0;
    }
    .exclusive-list li {
        width: 100%;
    }
    .exclusive-list li:nth-child(2n) {
        margin-left: 0;
    }
    .exclusive-list li:first-child{
        padding-top: 0;
    }
    .download-list{
        margin-top: -33px;
    }
    .download-list li{
        border-bottom: 1px solid #0254E8;
        height: 82px;
        padding-right: 30px;
    }
    .download-list li span{
        font-size: 16px;
        color: #000000;
    }
    .download-list li .download{
        font-size: 14px;
        color: #000000;
        background: url(../images/download.png) no-repeat left center;
        background-size: 13px 13px;
        padding-left: 18px;
    }
    .electronic-card{
        align-items: flex-start;
    }
    .electronic-card .card-box{
        overflow: hidden;
        border-radius: 5px;
        position: relative;
    }
    .electronic-card .card-box,
    .electronic-card .card-box img{
        width: 348px;
        height: 214px;
    }
    .electronic-card .card-box .imglogo{
        width: 119px;
        height: 30px;
        position: absolute;
        left: 17px;
        top: 10px;
    }
    .electronic-card .card-box .mation-box{
        position: absolute;
        left: 17px;
        bottom: 14px;
    }
    .electronic-card .card-box .mation-box span{
        color: #0F0F0F;
        font-size: 12px;
        line-height: 1;
    }
    .electronic-card .card-box .mation-box h2{
        color: #0F0F0F;
        font-size: 36px;
        font-weight: bold;
        line-height: 1;
        padding: 9px 0 30px;
    }
    .electronic-card .card-box .mation-box p{
        font-size: 12px;
        color: #0F0F0F;
        line-height: 1;
        margin-top: 7px;
    }
    .electronic-card .card-box .label-box{
        height: 16px;
        line-height: 16px;
        border-radius: 5px 0px 0px 5px;
        background: #E60012;
        font-size: 12px;
        color: #FFFFFF;
        padding: 0 5px;
        position: absolute;
        right: 0;
        top: 19px;
        z-index: 5;
    }
    .electronic-card .card-tabs{
        width: 503px;
        border-left: 1px solid #D8D8D8;
        padding-left: 22px;
    }
    .electronic-card .card-tabs .tabs{
        display: flex;
        border-bottom: 1px solid #D8D8D8;
    }
    .electronic-card .card-tabs .tabs span{
        font-size: 16px;
        color: #3D3D3D;
        position: relative;
        margin-right: 22px;
        padding-bottom: 7px;
        cursor: pointer;
    }
    .electronic-card .card-tabs .tabs span:before{
        content: "";
        display: none;
        width: 100%;
        height: 2px;
        background: #E60012;
        position: absolute;
        left: 0;
        bottom: -1px;
        z-index: 5;
    }
    .electronic-card .card-tabs .tabs span.on:before{
        display: block;
    }
    .electronic-card .tab-contlist{
        margin-top: 16px;
        /* height: 164px;
        overflow-y: auto;
        overflow-x: hidden; */
        padding-right: 15px;
    }
    .electronic-card .tab-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
    }
    .electronic-card .tab-item:first-child{
        margin-top: 0;
    }
    .electronic-card .tab-item>span{
        font-size: 14px;
        color: #3D3D3D;
    }
    .electronic-card .tab-item .boxl span{
        font-size: 14px;
        color: #999999;
    }
    .electronic-card .tab-item .boxl a{
        font-size: 14px;
        color: #0254E8;
        margin-left: 16px;
    }
    .electronic-card .tab-item .label{
        font-size: 14px;
        color: #666666;
        min-width: 62px;
        margin-right: 22px;
    }
    .electronic-card .tab-item .cont{
        font-size: 18px;
        color: #000000;
    }
    .electronic-card .tab-item .cont .year{
        width: 132px;
        height: 40px;
        line-height: 40px;
        outline: none;
        min-width: 0;
        box-sizing: border-box;
        border: 1px solid #999999;
        padding: 0 15px;
        font-size: 18px;
        color: #000000;
        margin: 0 14px;
    }
    .electronic-card .tab-contlist:nth-child(2) .tab-item{
        justify-content: flex-start;
    }
    .electronic-card .tab-item .cont span{
        color: #E60012;
    }
    .electronic-card .tab-item .payment-box{
        display: flex;
    }
    .electronic-card .tab-item .payment-box .pmbox{
        position: relative;
        margin-right: 15px;
    }
    .electronic-card .tab-item .payment-box .payment{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .electronic-card .tab-item .payment-box .paybox{
        width: 120px;
        height: 40px;
        line-height: 40px;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        color: #000000;
        border: 1px solid #D5DEEE;
        text-align: center;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(1) .paybox {
        padding-left: 43px;
        text-align: left;
    }
    .electronic-card .tab-item .payment-box .payment:checked+.paybox, 
    .electronic-card .tab-item .payment-box .pmbox.on .paybox {
        border: 1px solid #0254E8;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(1) .paybox:before {
        content: "";
        display: block;
        width: 23px;
        height: 20px;
        position: absolute;
        left: 14px;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: url(../images/icon-check-mark.png) no-repeat;
        background-size: 23px 20px;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(2) .paybox:before {
        content: "";
        display: block;
        width: 67px;
        height: 26px;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        background: url(../images/icon-alipay.png) no-repeat;
        background-size: 67px 26px;
    }
    .electronic-card .tab-item .confirm{
        width: 360px;
        height: 46px;
        line-height: 46px;
        background: #0254E8;
        text-align: center;
        font-size: 20px;
        color: #FFFFFF;
        margin: 0 0 0 84px !important;
        cursor: pointer;
    }
    .electronic-card .tab-item .corporate {
        font-size: 14px;
        line-height: 21px;
        color: #666666;
        display: none;
    }
    .form-out{
        display: flex;
    }
    .form-out>div{
        width: 50%;
        overflow: hidden;
    }
    .backcloth img{
        width: 100%;
    }
    .form-box .login-box{
        padding: 150px 0 0 120px;
        width: 565px;
    }
    .form-box .login-box .name{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #0F0F0F;
        margin-bottom: 13px;
        width: 360px;
        margin-left: 85px;
    }
    .form-box .login-box .title{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        color: #0254E8;
        width: 360px;
        margin-left: 85px;
    }
    .form-box .login-box .fbox{
        margin-top: -7px;
    }
    .form-box .login-box .fbox .item{
        display: flex;
        align-items: center;
        padding-top: 49px;
    }
    .form-box .login-box .fbox .label{
        font-size: 14px;
        color: #000000;
        width: 95px;
    }
    .form-box .login-box .fbox .text,
    .city-picker-span>.placeholder,
    .form-box .register-box .fbox textarea{
        width: 360px;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
        color: #000000;
        padding: 0 20px;
        box-sizing: border-box;
        outline: none;
        border: 1px solid #999999;
    }
    .form-box .login-box .checkboxOut{
        width: 360px;
        margin-left: 85px;
        display: flex;
        align-items: center;
        padding: 40px 0;
    }
    .form-box .login-box .check{
        position: relative;
    }
    .form-box .login-box .checkbox{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
    }
    .form-box .login-box .check span{
        font-size: 14px;
        color: #222222;
        display: block;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
    }
    .form-box .login-box .check span:before{
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border: 1px solid #999999;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .form-box .login-box .checkbox:checked+span:before{
        border: 1px solid #0254E8;
        background: url(../images/checked.jpg) no-repeat left center;
        background-size: cover;
    }
    .form-box .login-box .checkboxOut a{
        font-size: 14px;
        color: #0254E8;
    }
    .form-box .login-box .btn{
        width: 360px;
        height: 46px;
        line-height: 46px;
        background: #0254E8;
        text-align: center;
        font-size: 20px;
        color: #FFFFFF;
        margin-left: 85px;
        cursor: pointer;
    }
    .form-box .login-box .forget{
        text-align: right;
        padding: 11px 0 28px;
        margin-left: 85px;
    }
    .form-box .login-box .forget a{
        font-size: 14px;
        color: #222222;
    }
    .form-box .login-box .admission{
        text-align: center;
        margin-left: 85px;
    }
    .form-box .login-box .admission a{
        font-size: 18px;
        color: #222222;
        background: url(../images/red-arrow.png) no-repeat right center;
        background-size: 6.36px 11.31px;
        padding-right: 21px;
        line-height: 1;
    }
    
    .form-box .register-box{
        padding: 80px 0 0 73px;
        width: 593px;
    }
    .form-box .register-box .rbox{
        display: flex;
        padding: 60px 0 97px;
    }
    .form-box .register-box .rbox .item{
        width: 240px;
        height: 280px;
        text-align: center;
        font-size: 26px;
        color: #0254E8;
        padding-top: 179px;
        border: 1px solid #0254E8;
        cursor: pointer;
    }
    .form-box .register-box .rbox .item:nth-child(1){
        background: url(../images/icon-group.png) no-repeat center 85px;
        background-size: 60px 50px;
    }
    .form-box .register-box .rbox .item:nth-child(2){
        background: url(../images/icon-person.png) no-repeat center 85px;
        background-size: 45px 50px;
        margin-left: 40px;
    }
    .form-box .register-box .rbox .item.on:nth-child(1){
        background: url(../images/icon-group-active.png) no-repeat center 85px  #0254E8;
        background-size: 60px 50px;
    }
    .form-box .register-box .rbox .item.on:nth-child(2){
        background: url(../images/icon-person-active.png) no-repeat center 85px  #0254E8;
        background-size: 45px 50px;
    }
    .form-box .register-box .rbox .item.on{
        color: #FFFFFF;
    }
    .form-box .register-box .next-step{
        display: none;
    }
    .form-box .register-box .next-step.show{
        display: block;
    }
    .form-box .register-box .return{
        text-align: center;
        padding-top: 27px;
    }
    .form-box .register-box .return a{
        font-size: 18px;
        color: #3D3D3D;
        line-height: 1;
    }
    .form-box .login-box .forget a:hover,
    .form-box .login-box .admission a:hover,
    .form-box .register-box .return a:hover{
        color: #0254E8;
    }
    .form-box .register-box .name,
    .form-box .register-box .title{
        width: auto;
        margin-left: 0;
    }
    .form-box .register-box .btn{
        margin: 0 auto;
    }
    .form-box .register-box .name span{
        font-size: 30px;
        font-weight: bold;
        color: #0254E8;
        position: relative;
        padding-left: 10px;
        margin-left: 10px;
    }
    .form-box .register-box .name span:after{
        content: "";
        display: block;
        width: 1px;
        height: 21px;
        background: #D8D8D8;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .form-box .register-box .progress{
        display: flex;
        padding-top: 42px;
    }
    .form-box .register-box .progress .item{
        position: relative;
        margin-right: 97px;
    }
    .form-box .register-box .progress .item:last-child{
        margin-right: 0;
    }
    .form-box .register-box .progress .item:after{
        content: "";
        display: block;
        width: 80px;
        height: 1px;
        background: rgba(0, 43, 121, 0.5);
        position: absolute;
        top: 14px;
        right: -89px;
        z-index: 2;
    }
    .form-box .register-box .progress .item:last-child:after{
        display: none;
    }
    .form-box .register-box .progress .num{
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #B8C7E2;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        margin: 0 auto 10px;
    }
    .form-box .register-box .progress .item p{
        font-size: 16px;
        line-height: 24px;
        width: 64px;
        color: #333333;
    }
    .form-box .register-box .progress .item.on .num{
        background: #0254E8;
    }
    .form-box .register-box .progress .item.on p{
        color: #0254E8;
    }
    .form-box .register-box .fbox .verify-text{
        width: 220px;
        min-width:0;
    }
    .form-box .register-box .fbox .verify{
        width: 120px;
        height: 46px;
        line-height: 46px;
        background: #0254E8;
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        margin-left: 20px;
        cursor: pointer;
    }
    .form-box .register-box .progress-form-box .admission{
        margin: 22px 0 0 85px;
    }
    .form-box .register-box .progress-form-box .admission span{
        color: #E60012;
    }
    .form-box .register-box .progress-form-box .fbox .item{
        padding-top: 33px;
    }
    .form-box .register-box .progress-form-box .fbox{
        margin-top: 18px;
    }
    .form-box .register-box .progress-form-box .checkboxOut{
        padding: 26px 0;
        margin-left: 95px;
    }
    .form-box .register-box .progress-form-box .admission a:hover{
        color: #222222;
        text-decoration: none;
    }
    .form-box .register-box .progress-form-box .fbox .label{
        text-align: right;
        padding-right: 29px;
    }
    .form-box .register-box .progress-form-box .fbox .label span{
        color: #ff0000;
        font-size: 14px;
    }
    .form-box .register-box .progress-form-box{
        margin-left: 52px;
    }
    .form-box .register-box .progress-form-box .btn{
        margin-left: 95px;
    }
    .form-person2,
    .form-person3,
    .form-person4{
        display: none;
    }
    .form-box .register-box .radio-box{
        display: flex;
    }
    
    .form-box .register-box .rdbox{
        position: relative;
        margin-right: 40px;
    }
    .form-box .register-box .radio{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-box .register-box .rdbox span{
        font-size: 14px;
        color: #666666;
        display: block;
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }
    .form-box .register-box .rdbox span:before{
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: url(../images/icon-radio.png) no-repeat left center;
        background-size: cover;
    }
    .form-box .register-box .radio:checked+span:before{
        background: url(../images/icon-radio-active.png) no-repeat left center;
        background-size: cover;
    }
    .form-box .register-box .fbox .date{
        background: url(../images/icon-date.png) no-repeat 328px center;
        background-size: 15px 15px;
        cursor: pointer;
    }
    .city-picker-span{
        width: 360px !important;
        height: 46px !important;
        line-height: 46px !important;
        border: 1px solid #999999 !important;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .city-picker-span>.placeholder{
        display: block;
        color: #666666 !important;
        width: 100%;
        border: 0;
        padding: 0;
    }
    .form-box .register-box .fbox textarea{
        height: 195px;
        overflow: auto;
        resize: none;
        line-height: 1.5;
        padding: 15px 20px;
    }
    .form-box .register-box .fbox .item.ftop{
        align-items: flex-start;
    }
    .form-box .register-box .fbox .item.ftop .label{
        padding-top: 12px;
    }
    .form-box .register-box .fbox .item .gray{
        color: #666666;
    }
    .form-box .register-box .file-box{
        display: flex;
        padding-bottom: 59px;
    }
    
    .form-box .register-box .lbox{
        position: relative;
        margin-right: 20px;
        width: 170px;
    }
    .form-box .register-box .file{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-box .register-box .lbox span{
        font-size: 14px;
        color: #000000;
        display: block;
        position: relative;
        cursor: pointer;
        text-align: center;
        margin-top: 10px;
    }
    .form-box .register-box .fbox .item .idCard{
        white-space: nowrap;
        position: relative;
        left: -4px;
    }
    .form-person2 .progress-form-box{
        width: 474px;
        height: 520px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 33px;
        padding-left: 5px;
    }
    .form-person2 .progress-form-box .fbox .item:first-child{
        padding-top: 0;
    }
    .form-person3 .progress-form-box .fbox .item .cont{
        font-size: 18px;
        color: #000000;
    }
    .form-person3 .progress-form-box .fbox .item .cont .year{
        width: 132px;
        height: 40px;
        line-height: 40px;
        outline: none;
        min-width: 0;
        box-sizing: border-box;
        border: 1px solid #999999;
        padding: 0 15px;
        font-size: 18px;
        color: #000000;
        margin: 0 14px;
    }
    .form-person3 .progress-form-box .fbox .item .cont span{
        color: #E60012;
    }
    
    .form-person3 .progress-form-box .payment-box{
        display: flex;
    }
    
    .form-person3 .progress-form-box .pmbox{
        position: relative;
        margin-right: 30px;
    }
    .form-person3 .progress-form-box .payment{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-person3 .progress-form-box .pmbox .paybox{
        width: 132px;
        height: 40px;
        line-height: 40px;
        position: relative;
        cursor: pointer;
        font-size: 18px;
        color: #000000;
        border: 1px solid #D5DEEE;
        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .form-person3 .progress-form-box .pmbox:nth-child(1) .paybox{
        padding-left: 44px;
        text-align: left;
    }
    .form-person3 .progress-form-box .pmbox:nth-child(1) .paybox:before{
        content: "";
        display: block;
        width: 27px;
        height: 24px;
        position: absolute;
        left: 12px;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: url(../images/icon-check-mark.png) no-repeat;
        background-size: 27px 24px;
    }
    .form-person3 .progress-form-box .payment:checked+.paybox,
    .form-person3 .progress-form-box .member-type .pmbox.on .paybox{
        border: 1px solid #0254E8;
    }
    .form-person3 .progress-form-box .pmbox:nth-child(2) .paybox:before{
        content: "";
        display: block;
        width: 78px;
        height: 26px;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        background: url(../images/icon-alipay.png) no-repeat;
        background-size: 67px 26px;
    }
    .form-person3 .progress-form-box .corporate{
        font-size: 14px;
        line-height: 21px;
        color: #666666;
        margin-left: 28px;
        display: none;
    }
    .form-person3 .progress-form-box .indicate{
        margin-top: 16px;
    }
    .form-person4{
        width: 547px;
    }
    .form-person4 .success{
        text-align: center;
        padding-top: 76px;
    }
    .form-person4 .success img{
        width: 203px;
        height: 203px;
    }
    .form-person4 .success p{
        font-size: 20px;
        color: #000000;
        padding-top: 40px;
    }
    #nextThree{
        margin-top: 94px;
    }
    .confirm{
        margin-top: 34px !important;
    }
    .form-person2 .progress-form-group{
        width: 592px;
        margin-left: -69px !important;
    }
    .form-person2 .progress-form-group .fbox .label{
        width: 204px;
    }
    .form-person2 .progress-form-group .fbox .subordinate{
        font-size: 18px;
        color: #0254E8;
        font-weight: bold;
    }
    .form-person2 .progress-form-group .fbox .trademark-box{
        display: flex;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox{
        position: relative;
        width: 170px;
        margin: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox:nth-child(1){
        margin-right: 20px;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .file{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox span{
        font-size: 14px;
        color: #000000;
        display: block;
        position: relative;
        cursor: pointer;
        text-align: center;
        background:none;
    }
    
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox{
        width: 360px;
        height: 46px;
        line-height: 46px;
        padding: 0 20px;
        box-sizing: border-box;
        border: 1px dashed #999999;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox:nth-child(1){
        margin-right: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox span{
        font-size: 14px;
        color: #666666;
        padding-top: 0;
        text-align: left;
        margin-top: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox span:before{
        display: none;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox .file{
        min-width:0;
    }
    .form-person2 .progress-form-group .fbox .precautions{
        display: flex;
        margin-left: 205px;
        padding-bottom: 44px;
    }
    .form-person2 .progress-form-group .fbox .precautions label{
        font-size: 14px;
        color: #666666;
    }
    .form-person2 .progress-form-group .fbox .precautions p{
        font-size: 14px;
        color: #666666;
        margin-left: 24px;
    }
    .form-person2 .progress-form-group .btn {
        margin-left: 205px !important;
    }
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(1) .paybox,
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(2) .paybox{
        padding-left: 0;
        text-align: center;
    }
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(1) .paybox:before,
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(2) .paybox:before{
        display: none;
    }
    .form-person3 .progress-form-box .member-type .pmbox .paybox{
        font-size: 16px;
    }
    .form-person3 .progress-form-box .member-type .pmbox .paybox{
        border:1px solid #fff;
    }
    .form-person3 .progress-form-box .member-type .payment:checked+.paybox {
        border: 1px solid #0254E8;
    }
    .form-person3 .progress-form-box .member-type .pmbox {
        margin-right: 0;
    }
    .common-box2 .news-container{
        flex-wrap: wrap;
    }
    .common-box2 .news-img-box{
        margin: 40px 45px 0 0;
    }
    .common-box2 .news-img-box:nth-child(3n){
        margin-right: 0;
    }
    .common-box2{
        padding-top: 34px;
    }
    .common-box2 .master-column{
        margin-top: -47px;
    }
    .common-box2 .master-column .news-img-box{
        width: 260px;
        margin: 57px 53px 0 0;
    }
    .common-box2 .master-column .news-img-box:nth-child(4n){
        margin-right: 0;
    }
    .common-box2 .master-column .news-img-box .imgs a{
        width: 260px;
        height: 264px;
    }
    .common-box2 .master-column .news-img-box .conts {
        background: none;
        height: auto;
        padding: 15px 9px 0;
    }
    .common-box2 .master-column .news-img-box .abstract {
        margin: 12px 0 0;
    }
    .common-box2 .master-column .news-img-box .tit{
        text-align: center;
    }
    .directory-list{
        display: flex;
        flex-wrap: wrap;
    }
    .directory-list li{
        width: 580px;
        height: 242px;
        box-sizing: border-box;
        border: 1px solid #DBDBDB;
        padding: 34px 48px 0;
        margin: 40px 40px 0 0;
    }
    .directory-list li:nth-child(2n){
        margin-right: 0;
    }
    .directory-list li .imgs{
        text-align: center;
    }
    .directory-list li .imgs img{
        height: 40px;
    }
    .directory-list li .abstract{
        font-size: 14px;
        line-height: 26px;
        color: #3D3D3D;
        margin: 15px 0 32px;
    }
    .directory-list li .dire-box{
        text-align: center;
    }
    .directory-list li .dire-box a{
        display: inline-block;
        width: 131px;
        height: 36px;
        line-height: 36px;
        background: #E7ECF4;
        font-size: 14px;
        color: #0254E8;
        margin: 0 20px;
    }
    .directory-list li .dire-box a:hover{
        font-weight: bold;
    }
    .keji-box-list li {
        padding-top: 58px;
    }
    .keji-box-list li .imgs, 
    .keji-box-list li .imgs img {
        width: 131px !important;
        height: 131px !important;
    }
    .keji-box-list li .imgs {
        margin-right: 25px;
    }
    .news-box-list2 ul{
        margin-top: -40px;
        padding-bottom:0;
    }
    .standard-entry{
        display: flex;
        flex-wrap: wrap;
    }
    .standard-entry li{
        width: 578px;
        box-sizing: border-box;
        border: 1px solid #E0E5EE;
        padding: 14px 21px 29px;
        margin: 0 36px 53px 0;
    }
    .standard-entry li:nth-child(2n){
        margin-right: 0;
    }
    .standard-entry li .index-title{
        padding: 0;
    }
    .standard-entry li .index-title .box .name{
        font-size: 20px;
    }
    .standard-entry li .index-title .box .more {
        height: 20px;
        line-height: 20px;
        border: 0;
        font-size: 14px;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size: 5.36px 9.31px;
        padding: 0 14px 0 0;
    }
    .standard-entry li .entry-box{
        margin-left: -15px;
    }
    .standard-entry li .entry-box a{
        font-size: 18px;
        color: #3D3D3D;
        margin: 25px 15px  0;
        display: inline-block;
    }
    .standard-entry li .entry-box a.on,
    .standard-entry li .entry-box a:hover{
        color: #0254E8;
    }
    .competition-area{
        display: flex;
        flex-wrap: wrap;
    }
    .competition-area li{
        width: 580px;
        height: 286px;
        box-sizing: border-box;
        border: 1px solid #DBDBDB;
        margin: 40px 40px 0 0;
    }
    .competition-area li:nth-child(2n){
        margin-right: 0;
    }
    .competition-area li .title{
        height: 58px;
        line-height: 58px;
        background: #EEEEEE;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #0254E8;
    }
    .competition-area li .area{
        padding: 0 48px;
    }
    .competition-area li .area .item{
        display: flex;
        padding-top: 34px;
    }
    .competition-area li .area .name{
        font-size: 18px;
        color: #000000;
        min-width: 78px;
        margin-right: 32px;
    }
    .competition-area li .area .cont{
        font-size: 14px;
        line-height: 26px;
        color: #3D3D3D;
    }
    .elegant-demeanour li .index-title.update{
        padding: 50px 0 20px;
    }
    .elegant-demeanour li .index-title.update .box .name:after{
        display: none;
    }
    .elegant-demeanour li .index-title.update .box .name{
        font-size: 24px;
        font-weight: normal;
        color: #000000;
    }
    .elegant-demeanour li .index-title .box .more {
        height: 20px;
        line-height: 20px;
        border: 0;
        font-size: 14px;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size: 5.36px 9.31px;
        padding: 0 14px 0 0;
    }
    .elegant-demeanour li .img-item,
    .elegant-demeanour li .img-item img{
        width: 270px;
        height: 220px;
    }
    .elegant-title{
        font-size: 24px;
        color: #000000;
        text-align: center;
        padding: 54px 0 70px;
    }
    .elegant-imgs{
        display: flex;
        flex-wrap: wrap;
        /* padding-bottom: 16px; */
        margin-top: -60px;
    }
    .elegant-imgs .ele-item{
        margin: 60px 54px 0 0;
        cursor: pointer;
    }
    .elegant-imgs .ele-item:nth-child(3n){
        margin-right: 0;
    }
    .elegant-imgs .ele-item,
    .elegant-imgs .ele-item img{
        width: 364px;
        height: 297px;
    }
    .elegant-alpha{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }
    .elegant-box{
        width: 47%;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 110;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        display: none;
    }
    .elegant-box img{
        width: 100%;
    }
    .ele-close{
        width: 40px;
        height: 40px;
        position: fixed;
        right: 30px;
        top:30px;
        z-index: 110;
        background: url(../images/ele-close.png) no-repeat;
        background-size: cover;
        display: none;
        cursor: pointer;
    }
    .exhibition{
        flex-wrap: wrap;
        padding: 35px 0 0;
        margin-top: -40px;
    }
    .exhibition .news-img-box{
        margin: 40px 45px 0 0;
    }
    .exhibition .news-img-box:nth-child(3n){
        margin-right: 0;
    }
    #file-front,
    #file-back,
    #file-export,
    #file-domestic{
        width: 170px !important;
        height: 110px !important;
        border: 0 !important;
        padding: 0 !important;
    }
    #file-front img,
    #file-back img,
    #file-export img,
    #file-domestic img{
        width: 170px !important;
        height: 110px !important;
    }
    .result{
        color: #000000;
        font-size: 18px;
        padding: 53px 0 57px;
    }
    .result span{
        color: #0254E8;
        font-weight: bold;
    }
    .result-box-list ul{
        display: block;
    }
    .result-box-list li{
        width: auto;
    }
    .result-box-list li:nth-child(2n) {
        margin-left: 0;
    }
    .result-box-list li:first-child{
        padding-top: 0;
    }
    .search-mobile{
        display: none;
    }
    .detection{
        font-size: 14px;
        color: #0254E8;
        width: 360px;
        margin-left: 204px;
        position: relative;
        top: 15px;
        cursor: pointer;
    }
    .tip-layer{
        font-size: 14px;
        color: #FFFFFF;
        position: fixed;
        left: 50%;
        z-index: 200;
        background: rgba(0,0,0,0.5);
        padding: 8px 12px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        border-radius: 4px;
    }
    .tip-layer.shows{
        animation: hideAnimation .5s ease-in 2s forwards;
    }
    @keyframes hideAnimation {
      0% {
        opacity: 0;
        top: -100px;
      }
      20%,40%,60%,80%{
        opacity: 1;
        top: 10px;
      }
      100% {
        opacity: 0;
        top: -100px;
      }
    }
    .popupAlpha{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        background: rgba(0,0,0,0.3);
        display: none;
    }
    .popup{
        width: 441px;
        height: 292px;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 300;
        transform: translate(-50%,-50%);
        background: #FFFFFF;
        padding: 33px 40px 60px;
        box-sizing: border-box;
        display: none;
    }
    .popup .title{
        font-size: 22px;
        color: #3D3D3D;
        text-align: center;
    }
    .popup p{
        font-size: 18px;
        line-height: 28px;
        color: #3D3D3D;
        margin: 35px 0 33px;
    }
    .popup .button{
        width: 360px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        background: #0254E8;
        font-size: 20px;
        color: #FFFFFF;
        display: block;
    }
    .w-dropdown {
        width: 132px;
        margin: 0 12px;
        position: relative;
        z-index: 10000;
        display: inline-block;
    }
    .w-dropdown:before {
        content: "";
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
    }
    .w-dropdown .dropdown-sel {
        width: 132px;
        height: 40px;
        line-height: 40px;
        display: block;
        color: #000000;
        font-size: 18px;
        cursor: pointer;
        font-style: normal;
        padding: 0 15px;
        border: 1px solid #999999;
        outline: line;
        min-width:0;
    }
     
    .w-dropdown .dropdown-sel:focus {
        outline: none;
    }
     
    .w-dropdown .dropdown-sel:hover {
        border: 1px solid #999999;
    }
     
    .w-dropdown ul {
        width: 132px;
        border: 1px solid #999999;
        background-color: #ffffff;
        position: absolute;
        z-index: 20000;
        margin-top: -1px;
        display: none;
    }
     
    .w-dropdown ul li {
        height: 40px;
        line-height: 40px;
    }
     
    .w-dropdown ul li a {
        display: block;
        height: 40px;
        color: #999;
        font-size: 16px;
        text-decoration: none;
        padding: 0 15px;
    }
     
    .w-dropdown ul li a:hover {
        color: #000000;
        background-color: #f0f0f0;
    }
     
    .w-dropdown ul li a.hover {
        color: #000000;
        background-color: #f0f0f0;
    }
    .update-password{
        width: 590px;
        height: 414px;
        background: #FFFFFF;
    }
    .update-password .ele-close{
        width: 14.75px;
        height: 15.02px;
        position: absolute;
        right: 20px;
        top:20px;
        z-index: 110;
        background: url(../images/ele-close2.png) no-repeat;
        background-size: cover;
        display: block;
        cursor: pointer;
    }
    .update-password .ele-title{
        font-size: 20px;
        text-align: center;
        color: #000000;
        line-height: 1;
        padding: 37px 0 14px;
    }
    .update-password .ele-box{
        margin: 0 0 40px 60px;
    }
    .update-password .ele-box .item{
        display: flex;
        align-items: center;
        margin-top: 23px;
    }
    .update-password .ele-box .item:nth-child(1) .title,
    .update-password .ele-box .item:nth-child(2) .title{
        letter-spacing: 8px;
    }
    .update-password .ele-box .title{
        font-size: 16px;
        color: #000000;
        width: 93px;
    }
    .update-password .ele-box .text{
        width: 360px;
        height: 46px;
        line-height: 46px;
        box-sizing: border-box;
        border: 1px solid #999999;
        outline: none;
        padding: 0 20px;
        font-size: 16px;
        color: #000000;
        min-width:0;
    }
    .update-password .ele-btn{
        width: 360px;
        height: 46px;
        line-height: 46px;
        background: #0254E8;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-left: 153px;
        cursor: pointer;
    }
    .form-out-update{
        justify-content: center;
        background: url(../images/form_bgs.png) no-repeat center top;
        background-size: cover;
        padding: 87px 0 142px;
    }
    .form-out-update>div {
        width: 680px;
        height: 642px;
        background: #FFFFFF;
    }
    .form-out-update .form-box .login-box{
        padding: 66px 114px 0;
        width: auto;
    }
    .form-out-update .form-box .login-box .name,
    .form-out-update .form-box .login-box .title{
        width: auto;
        margin-left: 0;
    }
    .form-out-update .form-box .login-box .checkboxOut,
    .form-out-update .form-box .login-box .btn{
        margin-left: 93px;
    }
    .form-out-update .form-box .login-box .admission a span{
        color: #E60012;
    }
    .updateLogin{
        height: 498px;
    }
    .update-password .ele-box .verify-text{
        width: 204px;
    }
    .update-password .ele-box .verify{
        width: 136px;
        height: 46px;
        line-height: 46px;
        background: #0254E8;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-left: 20px;
        cursor: pointer;
    }
    .form-out-application .form-box .register-box .rbox .item{
        width: 210px;
        height: 246px;
        padding-top: 141px;
    }
    .form-out-application .form-box .register-box .rbox .item:nth-child(1){
        background: url(../images/icon-group.png) no-repeat center 67px;
        background-size: 60px 50px;
    }
    .form-out-application .form-box .register-box .rbox .item:nth-child(2){
        background: url(../images/icon-person.png) no-repeat center 67px;
        background-size: 45px 50px;
    }
    .form-out-application .form-box .register-box .rbox .item.on:nth-child(1){
        background: url(../images/icon-group-active.png) no-repeat center 67px  #0254E8;
        background-size: 60px 50px;
    }
    .form-out-application .form-box .register-box .rbox .item.on:nth-child(2){
        background: url(../images/icon-person-active.png) no-repeat center 67px  #0254E8;
        background-size: 45px 50px;
    }
    .form-out-application .form-box .login-box .btn{
        margin: 0 auto;
    }
    .form-out-application .form-box .register-box .rbox {
        padding: 58px 0;
    }
    .form-out-application .form-box .register-box .return {
        display: flex;
        justify-content: space-between;
        width: 360px;
        margin: 0 auto;
    }
    .form-out-application .form-box .register-box .return a{
        color: #E60012;
    }
    .form-out-application .form-box .register-box .return a:nth-child(2){
        background: url(../images/red-arrow.png) no-repeat right center;
        background-size: 6.36px 11.31px;
        padding-right: 10px;
    }
    .form-out-application .form-box .register-box .return a:nth-child(2) span{
        color: #3D3D3D;
    }
    .ele-content{
        padding: 40px 146px 64px 104px;
    }
    .ele-content img{
        width: 100%;
    }
    .ele-content .ele-cont{
        font-size: 16px;
        line-height: 30px;
        color: #3D3D3D;
        margin-top: 29px;
        position: relative;
    }
    .ele-content .ele-cont .copy{
        font-size: 16px;
        color: #0254E8;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .ele-content .ele-cont #orderNum{
        padding-right: 11%;
    }
    .updateAuto{
        width: auto;
        height: auto;
    }
}
@media screen and (max-width:1800px){
    .form-person2 .progress-form-box {
        height: 440px;
    }
}
@media screen and (max-width:1680px){
    .form-box .register-box,
    .form-box .login-box{
        padding: 100px 0 0 73px;
    }
    .form-box .register-box .rbox {
        padding: 60px 0;
    }
    .form-box .login-box .forget{
        width: 360px;
    }
    .ele-content {
        padding: 40px 116px 64px 74px;
    }
}
@media screen and (max-width:1560px){
    .form-person2 .progress-form-box {
        height: 370px;
    }
}
@media screen and (max-width:1480px){
    .form-box .register-box,
    .form-box .login-box{
        padding: 70px 0 0 73px;
    }
    .form-box .register-box .rbox {
        padding: 40px 0;
    }
    .form-box .register-box .rbox .item{
        padding-top: 145px;
        height: 230px;
    }
    .form-box .register-box .rbox .item.on:nth-child(1) {
        background: url(../images/icon-group-active.png) no-repeat center 55px #0254E8;
        background-size: 60px 50px;
    }
    .form-box .register-box .rbox .item.on:nth-child(2) {
        background: url(../images/icon-person-active.png) no-repeat center 55px #0254E8;
        background-size: 45px 50px;
    }
    .form-box .register-box .rbox .item:nth-child(1) {
        background: url(../images/icon-group.png) no-repeat center 55px;
        background-size: 60px 50px;
    }
    .form-box .register-box .rbox .item:nth-child(2) {
        background: url(../images/icon-person.png) no-repeat center 55px;
        background-size: 45px 50px;
    }
    .form-box .register-box .progress-form-box .fbox .item {
        padding-top: 20px;
    }
    .form-person3 .progress-form-box .member-type .pmbox .paybox{
        width: auto;
        padding: 0 10px;
    }
    .form-person2 .progress-form-box .fbox .item:first-child {
        padding-top: 0;
    }
    .form-style .form-person2 .progress-form-group .fbox .label {
        width: 154px;
    }
    .form-style .form-box .register-box .progress-form-box .fbox .item{
        margin-left: 50px;
    }
    .w-dropdown,
    .w-dropdown .dropdown-sel,
    .w-dropdown ul{
        width: 130px;
    }
    .form-person3 .progress-form-box .fbox .item .cont,
    .w-dropdown .dropdown-sel{
        font-size: 16px;
    }
    .w-dropdown{
        margin: 0;
    }
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(1) .paybox, 
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(2) .paybox{
        padding: 0 10px;
    }
    .form-person3 .progress-form-box .pmbox {
        margin-right: 15px;
    }
    #nextThree{
        margin-left: 136px;
    }
    .nextThree{
        margin-left: 91px !important;
    }
    .only-person3{
        margin-left: 0 !important;
    }
    .ele-content {
        padding: 40px 96px 44px 54px;
    }
}
@media screen and (max-width:1360px){
    .form-person2 .progress-form-box {
        height: 319px;
    }
}
@media screen and (max-width:1280px){
    .form-box .register-box,
    .form-box .login-box{
        padding: 50px 0 0 20px;
    }
    .form-box .register-box .progress {
        padding-top: 22px;
    }
    .form-box .register-box .progress-form-box .admission {
        margin: 22px 0 0 95px;
        width: 360px;
    }
    .form-person4 .success img {
        width: 170px;
        height: 170px;
    }
    .form-person4 .success p {
        padding-top: 20px;
    }
    .form-style .form-person2 .progress-form-group .fbox .label {
        width: 104px;
    }
    .form-style .form-box .register-box .progress-form-box .fbox .item{
        margin-left: 100px;
    }
    .form-style .form-person2 .progress-form-group .fbox .precautions {
        margin-left: 105px;
    }
    #nextThree{
        margin-left: 197px;
    }
    .form-person3{
        margin-left: -65px;
    }
}	
@media screen and (max-width:1199px){
    .news-box-swiper{
        position: relative;
        margin: .4rem 0 0;
    }
    .news-box-swiper .flex{
        display: block;
    }
    .news-box-swiper .fl{
        width: 6.9rem;
        height: 2.62rem;
        background: #F1F2F7;
        box-sizing: border-box;
        padding: .84rem .6rem .32rem;
    }
    .news-box-swiper .fl .date{
        font-size: .18rem;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        top: .32rem;
        z-index: 3;
        width: .6rem;
        height: .4rem;
        background: #0254E8;
    }
    .news-box-swiper .fl .date img{
        width: .045rem;
        height: .11rem;
        margin: 0 .02rem;
    }
    .news-box-swiper .fl .title{
        font-size: .3rem;
        font-weight: bold;
        line-height: .34rem;
        color: #000000;
        display: block;
        margin-bottom: .07rem;
    }
    .news-box-swiper .fl .title span{
        display: inline-block;
        height: .2rem;
        line-height: .2rem;
        background: #FF0000;
        font-size: .12rem;
        color: #FFFFFF;
        padding: 0 .07rem;
        margin-right: .17rem;
        position: relative;
        top: -.07rem;
    }
    .news-box-swiper .fl .more{
        font-size: .24rem;
        color: #0254E8;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size: .1186rem .2093rem;
        padding-right: .22rem;
        line-height: 1;
    }
    .news-box-swiper .fr,
    .news-box-swiper .fr a{
        width: 6.9rem;
        height: 2.62rem;
    }
    .news-box-swiper .fr a{
        display: block;
    }
    .news-box-swiper .swiper-pagination{
        text-align: left;
        left: .6rem;
        top: 2.07rem;
    }
    .news-box-swiper .swiper-pagination-bullet {
        width: .16rem;
        height: .16rem;
        border-radius: 0;
        background: rgba(2, 84, 232, 0.2);
        opacity: 1;
        margin-right: .17rem;
    }
    .news-box-swiper .swiper-pagination-bullet-active{
        background: #0254E8;
        position: relative;
    }
    .news-box-swiper .swiper-pagination-bullet-active:after{
        content: "";
        position: absolute;
        left: 1px;
        top: 1px;
        width: .12rem;
        height: .12rem;
        background: #0254E8;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
    }
    .news-box-list ul{
        display: flex;
        flex-wrap: wrap;
    }
    .news-box-list li{
        border-bottom: 1px solid #E0E5EE;
        padding: .4rem 0;
        width: 100%;
    }
    .news-box-list .news-img-box{
        display: flex;
        width: auto;
        position: relative;
    }
    .news-box-list li .imgs{
        margin-right: .2rem;
        overflow: hidden;
    }
    .news-box-list li .imgs,
    .news-box-list li .imgs a{
    	width: 1.84rem;
    	height: 1.54rem;
    }
    .news-box-list li .conts{
    	flex: 1;
        background: none;
        height: auto;
        padding: 0;
        margin-top: -.1rem;
        overflow: hidden;
    }
    .news-box-list li .tit a{
    	font-size: .3rem;
    	font-weight: bold;
    	color: #000000;
    }
    .news-box-list li .abstract{
    	font-size: .26rem;
    	line-height: 1.5;
    	color: #666666;
    	margin: .07rem 0 .18rem;
    }
    .news-box-list li .box p{
    	font-size: .26rem;
    	color: #666666;
    	line-height: 1;
        /* position: absolute;
        left: 0;
        bottom: -.03rem; */
    }
    .news-box-list li .box a{
    	font-size: .24rem;
    	color: #103ED8;
    	background: url(../images/news-arrow.png) no-repeat right center;
    	background-size:.1036rem .1931rem;
    	padding-right: .23rem;
    	line-height: 1;
    }
    .news-box-list li .flex{
        /* justify-content:flex-end; */
    }
    .p-b-100{
        padding-bottom: 100px;
    }
    .detail-box .tops{
        padding: .3rem 0 .24rem;
    }
    .detail-box .tops .title{
        font-size: .3rem;
        color: #000000;
        margin-bottom: .16rem;
    }
    .detail-box .tops .date{
        font-size: .24rem;
        color: #999999;
    }
    .detail-box .detail-cont{
        font-size: .26rem;
        line-height: .4rem;
        color: #000000;
    }
    .detail-box .detail-cont img{
        max-width: 100%;
    }
    .detail-box .detail-box{
        display: flex;
        padding: .5rem 0 .27rem;
    }
    .detail-box .detail-box img{
        width: 2.19rem;
        height: 1.73rem;
    }
    .detail-box .detail-box>div{
        margin: .3rem 0 0 .3rem;
    }
    .detail-box .detail-box>div .title{
        font-size: .26rem;
        color: #3D3D3D;
    }
    .detail-box .detail-box>div .date{
        font-size: .24rem;
        color: #3D3D3D;
        margin-top: .1rem;
    }
    .textCont{
        font-size: .24rem;
        color: #3D3D3D;
        line-height: 1.5;
    }
    .detail-box .pages-box{
        border-top: 1px solid rgba(16, 62, 216, 0.4);
        padding: 0 0 .7rem;
        margin-top: .34rem;
    }
    .detail-box .pages-box .item{
        font-size: .26rem;
        color: #000000;
        padding-top: .26rem;
    }
    .detail-box .pages-box .item a{
        color: #0254E8;
    }
    .detail-box .pages-box .default{
        color: #666666;
    }
    .common-box2{
        padding-top: .3rem;
    }
    .common-box2 .master-column{
        display: flex;
        flex-wrap: wrap;
        margin: -.39rem 0 0 -.29rem;
    }
    .common-box2 .master-column .news-img-box{
        flex:calc(50% - .29rem) 0;
        margin: .39rem 0 0 .29rem;
    }
    .common-box2 .master-column .news-img-box .imgs a{
        width: 100%;
    }
    .common-box2 .master-column .news-img-box .conts {
        background: none;
        height: auto;
        padding: .2rem 0 0;
    }
    .common-box2 .master-column .news-img-box .abstract {
        margin: .2rem 0 0;
    }
    .common-box2 .master-column .news-img-box .tit{
        text-align: center;
    }
    .directory-list{
        display: flex;
        flex-wrap: wrap;
        margin-top: -.3rem;
    }
    .directory-list li{
        box-sizing: border-box;
        border: 1px solid #DBDBDB;
        padding: .4rem .5rem;
        margin: .3rem 0 0;
    }
    .directory-list li .imgs{
        text-align: center;
    }
    .directory-list li .imgs img{
        height: .5rem;
    }
    .directory-list li .abstract{
        font-size: .26rem;
        line-height: .36rem;
        color: #3D3D3D;
        margin: .28rem 0 .35rem;
    }
    .directory-list li .dire-box{
        text-align: center;
    }
    .directory-list li .dire-box a{
        display: inline-block;
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        background: #E7ECF4;
        font-size: .24rem;
        color: #0254E8;
        margin: 0 .2rem;
    }
    .keji-box-list li .imgs, 
    .keji-box-list li .imgs img {
        width: 1.31rem !important;
        height: 1.31rem !important;
    }
    .keji-box-list li .imgs {
        margin-right: .25rem;
    }
    .keji-box-list li .flex {
        justify-content: flex-start;
    }
    .standard-entry{
        display: flex;
        flex-wrap: wrap;
        padding: .4rem 0;
    }
    .standard-entry li{
        box-sizing: border-box;
        border: 1px solid #E0E5EE;
        padding: .22rem .2rem .35rem;
        margin-bottom: .3rem;
    }
    .standard-entry li:last-child{
        margin-bottom: 0;
    }
    .standard-entry li .index-title{
        padding: 0 0 .1rem;
    }
    .standard-entry li .index-title .box .name{
        font-size: .3rem;
    }
    .standard-entry li .index-title .box .more {
        font-size: .24rem;
        color: #103ED8;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size: .1036rem .1931rem;
        padding-right: .23rem;
    }
    .standard-entry li .entry-box{
        margin-left: -.17rem;
    }
    .standard-entry li .entry-box a{
        font-size: .26rem;
        color: #3D3D3D;
        margin: .13rem .17rem  0;
        display: inline-block;
    }
    .standard-entry li .entry-box a.on,
    .standard-entry li .entry-box a:hover{
        color: #0254E8;
    }
    .elegant-demeanour li{
        border-bottom: 1px solid #A4B9FF;
        padding-bottom: .4rem;
    }
    .elegant-demeanour li .index-title.update{
        padding: .32rem 0 .25rem;
    }
    .elegant-demeanour li .index-title.update .box .name:after{
        display: none;
    }
    .elegant-demeanour li .index-title.update .box .name{
        font-size: .3rem;
        font-weight: normal;
        color: #000000;
        width: 76%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .elegant-demeanour li .index-title .box .more {
        font-size: .24rem;
        color: #103ED8;
        background: url(../images/news-arrow.png) no-repeat right center;
        background-size:.1036rem .1931rem;
        padding-right: .23rem;
    }
    .elegant-demeanour li .img-item,
    .elegant-demeanour li .img-item img{
        width: 2.1rem;
        height: 1.71rem;
    }
    .elegant-demeanour li .img-item:last-child{
        display: none;
    }
    .elegant-title{
        font-size: .3rem;
        color: #000000;
        text-align: center;
        padding: .32rem 0 .36rem;
    }
    .elegant-imgs{
        display: flex;
        flex-wrap: wrap;
        margin: -.4rem 0 0 -.46rem;
    }
    .elegant-imgs .ele-item{
        margin: .4rem 0 0 .46rem;
        cursor: pointer;
        flex:calc(50% - .46rem) 0;
    }
    .elegant-imgs .ele-item:nth-child(3n){
        margin-right: 0;
    }
    .elegant-imgs .ele-item,
    .elegant-imgs .ele-item img{
        width: 3.22rem;
        height: 2.62rem;
    }
    .elegant-alpha{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }
    .elegant-box{
        width: 85%;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 110;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        display: none;
    }
    .elegant-box img{
        width: 100%;
    }
    .ele-close{
        width: .45rem;
        height: .45rem;
        position: fixed;
        right: .4rem;
        top:.4rem;
        z-index: 110;
        background: url(../images/ele-close.png) no-repeat;
        background-size: cover;
        display: none;
        cursor: pointer;
    }
    .flex-right,
    .column-box{
        display: none;
    }
    .p-b-100 {
        padding-bottom: .4rem;
    }
    .p-60{
        padding: .4rem 0;
    }
    .content-box {
        font-size: .26rem;
        line-height: 1.5;
        color: #000000;
    }
    .content-box img{
        max-width: 100%;
    }
    .contact-box{
        border: 1px solid #0254E8;
    }
    .contact-box .tact-text{
        padding: .28rem 0 0 .3rem;
    }
    .contact-box .tact-title{
        font-size: .3rem;
        line-height: 1;
        color: #000000;
        position: relative;
        padding-bottom: .11rem;
    }
    .contact-box .tact-title:after{
        content: "";
        width: .3rem;
        height: .02rem;
        background: #E60012;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    .contact-box .tact-item{
        display: flex;
        justify-content: flex-start;
        margin-top: .28rem;
    }
    .contact-box .tact-data p{
        font-size: .26rem;
        line-height: 1.5;
        color: #000000;
    }
    .contact-box .tact-data span{
        font-size: .26rem;
        color: #000000;
        display: inline-block;
        min-width: 1.3rem;
    }
    .contact-box .tact-map{
        position: relative;
        margin-top: .38rem;
    }
    .contact-box .tact-map,
    .contact-box .tact-map img{
        height: 3.33rem;
    }
    .contact-box .tact-map .tact{
        position: absolute;
        left: 50%;
        top: 1.12rem;
        z-index: 2;
        width: 2.6rem;
        height: .69rem;
        line-height: .59rem;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        font-size: .28rem;
        color: #FFFFFF;
        text-align: center;
        background: url(../images/tact-map-address-bg.png) no-repeat;
        background-size: 2.6rem .69rem;
    }
    .contact-box .tact-map .tact:after{
        content: "";
        width: .18rem;
        height: .18rem;
        background: url(../images/drop.png) no-repeat;
        background-size: .18rem .18rem;
        position: absolute;
        left: 50%;
        bottom:-.22rem;
        z-index: 2;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .leader-list{
        /* display: flex;
        flex-wrap: wrap;
        margin: -.3rem 0 0 -.3rem; */
    }
    .leader-list li{
        /* flex:calc(50% - .3rem) 0;
        margin:  .3rem 0 0 .3rem; */
        margin-top: .3rem;
    }
    .leader-list li:first-child{
        margin-top: 0;
    }
    .leader-list li .imgs,
    .leader-list li .imgs img{
        /* width: 3.3rem;
        height: 3.17rem; */
        width: 100%;
    }
    .leader-list li .leader-cont{
        height: 1.43rem;
        text-align: center;
        border: 1px solid #0254E8;
        border-top: 0;
    }
    .leader-list li .name{
        font-size: .3rem;
        color: #3D3D3D;
        line-height: 1;
        padding: .35rem 0 .18rem;
    }
    .leader-list li .type-name{
        font-size: .3rem;
        color: #3D3D3D;
        line-height: 1;
    }
    .distribution-list{
        margin-top: -.3rem;
    }
    .distribution-list li{
        height: 1.2rem;
        border: 1px solid rgba(2, 84, 232, 0.4);
        display: flex;
        align-items: center;
        margin-top: .3rem;
        /* background: url(../images/news-arrow.png) no-repeat 6.17rem center;
        background-size: .13rem .24rem; */
    }
    .distribution-list li .icon{
        background: #0254E8;
        border-radius: 50%;
        margin: 0 .31rem 0 .4rem;
    }
    .distribution-list li .icon,
    .distribution-list li .icon img{
        width: .6rem;
        height: .6rem;
    }
    .distribution-list li .name{
        font-size: .3rem;
        color: #000000;
    }
    .work-committee{
        border-top: 1px solid #0254E8;
    }
    .work-committee li .work-tit{
        height: 1.03rem;
        border-bottom: 1px solid #0254E8;
        position: relative;
        cursor: pointer;
    }
    .work-committee li .work-tit .t-box{
        font-size: .3rem;
        color: #000000;
        display: flex;
        align-items: center;
        padding-left: .3rem;
        width: 87%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .work-committee li .work-tit .blue-arrow{
        width: .1697rem;
        height: .0919rem;
        position: absolute;
        top: 50%;
        right:  .3rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
    }
    .work-committee li.on .work-tit .blue-arrow{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        top: 48%;
    }
    .work-committee li.on .work-tit{
        display: block;
        height: auto;
    }
    .work-committee li.on .work-tit .t-box{
        padding-left:0;
        justify-content: center;
        width: 100%;
        height: .74rem;
        line-height: .74rem;
        background: #0254E8;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .work-committee li .work-box{
        display: none;
        border: 1px solid #0254E8;
    }
    .work-committee li .box-title{
        height: 60px;
        line-height: 60px;
        background: #0254E8;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        display: none;
    }
    .work-committee li.on .work-tit .blue-arrow,
    .work-committee li.on .box-title{
        display: none;
    }
    .work-committee li .box-cont{
        padding: 0 .39rem .36rem .3rem;
    }
    .work-committee li .box-item{
        margin-top: .3rem;
    }
    .work-committee li .box-name{
        font-size: .26rem;
        color: #000000;
        white-space: nowrap;
    }
    .work-committee li .box-tent{
        margin-top: .13rem;
        display: block;
    }
    .work-committee li .box-tent p{
        font-size: .26rem;
        line-height: .36rem;
        color: #3D3D3D;
    }
    .work-committee li .box-tent span{
        min-width: 1.3rem;
        display: inline-block;
        text-align: right;
    }
    .work-committee li .box-tent div+div{
        /* margin-left: .09rem; */
    }
    .work-committee li .box-tent div p{
        /* white-space: nowrap; */
        display: flex;
    }
    .download-list{
        margin-top: -.15rem;
    }
    .download-list li{
        border-bottom: 1px solid #0254E8;
        height: .74rem;
        padding-right: .3rem;
    }
    .download-list li span{
        font-size: .26rem;
        color: #000000;
    }
    .download-list li .download{
        font-size: .26rem;
        color: #000000;
        background: url(../images/download.png) no-repeat left center;
        background-size: .2rem .2rem;
        padding-left: .3rem;
    }
    .material-list{
        margin-top: -.2rem;
    }
    .exclusive-list li:first-child{
        padding-top: 0;
    }
    .material-list li{
        height: .74rem;
        border-bottom: 1px solid #0254E8;
        display: flex;
        align-items: center;
        margin:  0 0 .2rem 0;
        position: relative;
    }
    .material-list li:last-child{
        margin-bottom: 0;
    }
    .material-list li .title{
        font-size: .26rem;
        color: #000000;
        min-width: .56rem;
        margin-right: .4rem;
    }
    .material-list li .cont{
        font-size: .26rem;
        color: #666666;
    }
    .material-list li .text{
        font-size: .26rem;
        color: #666666;
        outline: none;
        min-width: 0;
        border: 0;
        display: none;
        font-family: '微软雅黑';
        position: relative;
        top: -1px;
    }
    .material-list li .password{
        width: 1.5rem;
        height: .5rem;
        line-height: .5rem;
        text-align: center;
        border-radius: .05rem;
        background: #0254E8;
        font-size: .26rem;
        color: #FFFFFF;
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .electronic-card{
        display: block;
    }
    .electronic-card .card-box{
        overflow: hidden;
        border-radius: .05rem;
        position: relative;
    }
    .electronic-card .card-box,
    .electronic-card .card-box img{
        width: 6.9rem;
        height: 4.24rem;
    }
    .electronic-card .card-box .imglogo{
        width: 2.2911rem;
        height: .5776rem;
        position: absolute;
        left: .32rem;
        top: .19rem;
    }
    .electronic-card .card-box .mation-box{
        position: absolute;
        left: .32rem;
        bottom: .36rem;
    }
    .electronic-card .card-box .mation-box span{
        color: #0F0F0F;
        font-size: .26rem;
        line-height: 1;
    }
    .electronic-card .card-box .mation-box h2{
        color: #0F0F0F;
        font-size: .36rem;
        font-weight: bold;
        line-height: 1;
        padding: .08rem 0 .8rem;
    }
    .electronic-card .card-box .mation-box p{
        font-size: .26rem;
        color: #0F0F0F;
        line-height: 1;
        margin-top: .22rem;
    }
    .electronic-card .card-box .label-box{
        height: .45rem;
        line-height: .45rem;
        border-radius: .05rem 0px 0px .05rem;
        background: #E60012;
        font-size: .26rem;
        color: #FFFFFF;
        padding: 0 .25rem;
        position: absolute;
        right: 0;
        top: .36rem;
        z-index: 5;
    }
    .electronic-card .card-tabs{
    }
    .electronic-card .card-tabs .tabs{
        display: flex;
        border-bottom: 1px solid #D8D8D8;
        margin-left: 0;
    }
    .electronic-card .card-tabs .tabs span{
        font-size: .26rem;
        color: #3D3D3D;
        position: relative;
        margin-right: .39rem;
        padding-bottom: .15rem;
        cursor: pointer;
    }
    .electronic-card .card-tabs .tabs span:before{
        content: "";
        display: none;
        width: 100%;
        height: .03rem;
        background: #E60012;
        position: absolute;
        left: 0;
        bottom: -1px;
        z-index: 5;
    }
    .electronic-card .card-tabs .tabs span.on:before{
        display: block;
    }
    .electronic-card .tab-contlist{
        margin-top: .32rem;
        /* height: 2.5rem;
        overflow-y: auto;
        overflow-x: hidden; */
        padding-right: .15rem;
    }
    .electronic-card .tab-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .28rem;
    }
    .electronic-card .tab-item:first-child{
        margin-top: 0;
    }
    .electronic-card .tab-item>span{
        font-size: .26rem;
        color: #3D3D3D;
    }
    .electronic-card .tab-item .boxl span{
        font-size: .26rem;
        color: #999999;
    }
    .electronic-card .tab-item .boxl a{
        font-size: .26rem;
        color: #0254E8;
        margin-left: .28rem;
    }
    .electronic-card .tab-item .label,
    .form-box .login-box .fbox .label{
        font-size: .26rem;
        color: #666666;
        min-width: 1.2rem;
        margin-right: .2rem;
    }
    .electronic-card .tab-item .cont,
    .form-person3 .progress-form-box .fbox .item .cont{
        font-size: .26rem;
        color: #000000;
    }
    .electronic-card .tab-item .cont .year,
    .form-person3 .progress-form-box .fbox .item .cont .year{
        width: 1.42rem;
        height: .6rem;
        line-height: .6rem;
        outline: none;
        min-width: 0;
        box-sizing: border-box;
        border: 1px solid #999999;
        padding: 0 .12rem;
        font-size: .26rem;
        color: #000000;
        margin: 0 .18rem;
    }
    .electronic-card .tab-contlist:nth-child(2) .tab-item{
        justify-content: flex-start;
    }
    .electronic-card .tab-item .cont span{
        color: #E60012;
    }
    .electronic-card .tab-item .payment-box,
    .form-person3 .progress-form-box .payment-box{
        display: flex;
    }
    .electronic-card .tab-item .payment-box .pmbox,
    .form-person3 .progress-form-box .pmbox{
        position: relative;
        margin-right: .21rem;
    }
    .electronic-card .tab-item .payment-box .payment,
    .form-person3 .progress-form-box .payment{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .electronic-card .tab-item .payment-box .paybox,
    .form-person3 .progress-form-box .pmbox .paybox{
        width: 1.68rem;
        height: .6rem;
        line-height: .6rem;
        position: relative;
        cursor: pointer;
        font-size: .24rem;
        color: #000000;
        border: 1px solid #D5DEEE;
        text-align: center;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(1) .paybox {
        padding-left: .55rem;
        text-align: left;
    }
    .electronic-card .tab-item .payment-box .payment:checked+.paybox, 
    .electronic-card .tab-item .payment-box .pmbox.on .paybox {
        border: 1px solid #0254E8;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(1) .paybox:before,
    .form-person3 .progress-form-box .pmbox:nth-child(1) .paybox:before{
        content: "";
        display: block;
        width: .34rem;
        height: .3rem;
        position: absolute;
        left: .12rem;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: url(../images/icon-check-mark.png) no-repeat;
        background-size: .34rem .3rem;
    }
    .electronic-card .tab-item .payment-box .pmbox:nth-child(2) .paybox:before,
    .form-person3 .progress-form-box .pmbox:nth-child(2) .paybox:before{
        content: "";
        display: block;
        width: 1.07rem;
        height: .36rem;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        background: url(../images/icon-alipay.png) no-repeat;
        background-size: 1.07rem .36rem;
    }
    .electronic-card .tab-item .confirm,
    .form-box .register-box #nextThree{
        width: 5.46rem;
        height: .6rem;
        line-height: .6rem;
        background: #0254E8;
        text-align: center;
        font-size: .26rem;
        color: #FFFFFF;
        margin: 0 0 0 1.24rem !important;
        cursor: pointer;
    }
    .electronic-card .tab-item .corporate,
    .form-person3 .progress-form-box .corporate{
        font-size: .24rem;
        line-height: 1.5;
        color: #666666;
        display: none;
    }
    .result{
        color: #000000;
        font-size: .3rem;
        padding-top: .4rem;
    }
    .result span{
        color: #0254E8;
        font-weight: bold;
    }
    .result-box-list li:first-child{
        padding-top: .34rem;
    }
    .search-mobile{
        position: relative;
        margin: .4rem 0 .35rem;
    }
    .search-mobile .text{
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        box-sizing: border-box;
        border: 1px solid #0254E8;
        font-size: .3rem;
        color: #000000;
        padding: 0 1rem 0 .25rem;
        outline: none;
    }
    .search-mobile .search{
        width: .8rem;
        height: .8rem;
        background: url(../images/icon-search-mobile.png) no-repeat center center #0254E8;
        background-size: .54rem .54rem;
        border: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }
    .form-out{
    }
    .form-out .backcloth{
        display: none;
    }
    .backcloth img{
        width: 100%;
    }
    .form-box .login-box{
        padding: .77rem 0 0;
    }
    .form-box .login-box .name{
        font-size: .34rem;
        font-weight: bold;
        text-align: center;
        color: #0F0F0F;
        margin-bottom: .25rem;
    }
    .form-box .login-box .title{
        font-size: .34rem;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        color: #0254E8;
        width: 5.2rem;
    }
    .form-box .login-box .fbox{
        margin-top: -.07rem;
    }
    .form-box .login-box .fbox .item{
        display: flex;
        align-items: center;
        padding-top: .4rem;
    }
    .form-box .login-box .fbox .label{
        font-size: .26rem;
        color: #000000;
        width: 1.04rem;
        margin-right: .2rem;
        text-align: right;
    }
    .form-box .login-box .fbox .text,
    .city-picker-span>.placeholder,
    .form-box .register-box .fbox textarea{
        width: 5.46rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem;
        color: #000000;
        padding: 0 .2rem;
        box-sizing: border-box;
        outline: none;
        border: 1px solid #999999;
        min-width:0;
    }
    .form-box .login-box .checkboxOut{
        margin-left: 1.4rem;
        display: flex;
        align-items: center;
        padding: .3rem 0 .63rem;
    }
    .form-box .login-box .check{
        position: relative;
    }
    .form-box .login-box .checkbox{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
    }
    .form-box .login-box .check span{
        font-size: .24rem;
        color: #222222;
        display: block;
        position: relative;
        padding-left: .43rem;
        cursor: pointer;
    }
    .form-box .login-box .check span:before{
        content: "";
        display: block;
        width: .24rem;
        height: .24rem;
        border: 1px solid #999999;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .form-box .login-box .checkbox:checked+span:before{
        border: 1px solid #0254E8;
        background: url(../images/checked.jpg) no-repeat left center;
        background-size: cover;
    }
    .form-box .login-box .checkboxOut a{
        font-size: .24rem;
        color: #0254E8;
    }
    .form-box .login-box .btn{
        width: 3.6rem;
        height: .6rem;
        line-height: .6rem;
        background: #0254E8;
        text-align: center;
        font-size: .26rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .form-box .login-box .forget{
        text-align: right;
        padding: 11px 0 28px;
        margin-left: 85px;
    }
    .form-box .login-box .forget a{
        font-size: 14px;
        color: #222222;
    }
    .form-box .login-box .admission{
        text-align: center;
        margin-left: 85px;
    }
    .form-box .login-box .admission a{
        font-size: .24rem;
        color: #222222;
        background: url(../images/red-arrow.png) no-repeat right center;
        background-size: .11rem .22rem;
        padding-right: .2rem;
        line-height: 1;
    }
    
    .form-box .register-box,
    .form-out-login{
        padding-bottom: 1.12rem;
    }
    .form-box .register-box .rbox{
        display: flex;
        padding: .6rem 0 .8rem;
    }
    .form-box .register-box .rbox .item{
        width: 2.4rem;
        height: 2.8rem;
        text-align: center;
        font-size: .3rem;
        color: #0254E8;
        padding-top: 1.79rem;
        border: 1px solid #0254E8;
        cursor: pointer;
    }
    .form-box .register-box .rbox .item:nth-child(1){
        background: url(../images/icon-group.png) no-repeat center .85rem;
        background-size: .6rem .5rem;
    }
    .form-box .register-box .rbox .item:nth-child(2){
        background: url(../images/icon-person.png) no-repeat center .85rem;
        background-size: .45rem .5rem;
        margin-left: .4rem;
    }
    .form-box .register-box .rbox .item.on:nth-child(1){
        background: url(../images/icon-group-active.png) no-repeat center .85rem  #0254E8;
        background-size: .6rem .5rem;
    }
    .form-box .register-box .rbox .item.on:nth-child(2){
        background: url(../images/icon-person-active.png) no-repeat center .85rem  #0254E8;
        background-size: .45rem .5rem;
    }
    .form-box .register-box .rbox .item.on{
        color: #FFFFFF;
    }
    .form-box .register-box .next-step{
        display: none;
    }
    .form-box .register-box .next-step.show{
        display: block;
    }
    .form-box .register-box .return{
        padding-top: .3rem;
        margin-left: .8rem;
        width: 3.6rem;
        text-align: center;
    }
    .form-box .register-box .return a{
        font-size: .24rem;
        color: #3D3D3D;
        line-height: 1;
    }
    .form-box .login-box .forget a:hover,
    .form-box .login-box .admission a:hover,
    .form-box .register-box .return a:hover{
        color: #0254E8;
    }
    .form-box .register-box .name,
    .form-box .register-box .title{
        /* width: auto;
        margin-left: 0; */
    }
    .form-box .register-box .btn{
        margin-left: .8rem;
    }
    .form-box .register-box .name span{
        font-size: .34rem;
        font-weight: bold;
        color: #0254E8;
        position: relative;
        padding-left: .21rem;
        margin-left: .19rem;
    }
    .form-box .register-box .name span:after{
        content: "";
        display: block;
        width: 1px;
        height: .3rem;
        background: #D8D8D8;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    #progress{
        display: flex;
        justify-content: center;
    }
    .form-box .register-box .progress{
        display: flex;
        padding-top: .39rem;
    }
    .form-box .register-box .progress .item{
        position: relative;
        margin-right: .58rem;
    }
    .form-box .register-box .progress .item:last-child{
        margin-right: 0;
    }
    .form-box .register-box .progress .item:after{
        content: "";
        display: block;
        width: .8rem;
        height: 1px;
        background: rgba(0, 43, 121, 0.5);
        position: absolute;
        top: .25rem;
        right: -.73rem;
        z-index: 2;
    }
    .form-box .register-box .progress .item:last-child:after{
        display: none;
    }
    .form-box .register-box .progress .num{
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #B8C7E2;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        margin: 0 auto 10px;
    }
    .form-box .register-box .progress .item p{
        font-size: 16px;
        line-height: 24px;
        width: 64px;
        color: #333333;
    }
    .form-box .register-box .progress .item.on .num{
        background: #0254E8;
    }
    .form-box .register-box .progress .item.on p{
        color: #0254E8;
    }
    .form-box .register-box .fbox .verify-text{
        width: 3.5rem;
        min-width:0;
    }
    .form-box .register-box .fbox .verify{
        width: 1.76rem;
        height: .6rem;
        line-height: .6rem;
        background: #0254E8;
        text-align: center;
        font-size: .26rem;
        color: #FFFFFF;
        margin-left: .2rem;
        cursor: pointer;
    }
    .form-box .register-box .progress-form-box .admission{
        margin: .29rem 0 0 1.4rem;
        width: 5.46rem;
    }
    .form-box .register-box .progress-form-box .admission span{
        color: #E60012;
    }
    .form-box .register-box .progress-form-box .fbox .item{
        padding-top: .4rem;
    }
    .form-box .register-box .progress-form-box .fbox{
        /* margin-top: 18px; */
    }
    .form-box .register-box .progress-form-box .checkboxOut{
        /* padding: 26px 0; */
    }
    .form-box .register-box .progress-form-box .admission a:hover{
        color: #222222;
        text-decoration: none;
    }
    .form-box .register-box .progress-form-box .fbox .label{
        text-align: right;
    }
    .form-box .register-box .progress-form-box .fbox .label span{
        color: #ff0000;
        font-size: 14px;
    }
    .form-box .register-box .progress-form-box{
        margin: .2rem 0 0 .4rem;
    }
    .form-box .register-box .progress-form-box #nextOne,
    .form-box .register-box .progress-form-box #nextTwo,
    .form-box .register-box .progress-form-box #nextThree{
        margin-left: 1.4rem !important;
        width: 5.46rem;
    }
    .form-person2,
    .form-person3,
    .form-person4{
        display: none;
    }
    .form-person2{
        padding-top: .6rem;
    }
    .form-person3{
        margin-left: .4rem;
    }
    .form-box .register-box .radio-box{
        display: flex;
    }
    
    .form-box .register-box .rdbox{
        position: relative;
        margin-right: 40px;
    }
    .form-box .register-box .radio{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-box .register-box .rdbox span{
        font-size: 14px;
        color: #666666;
        display: block;
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }
    .form-box .register-box .rdbox span:before{
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: url(../images/icon-radio.png) no-repeat left center;
        background-size: cover;
    }
    .form-box .register-box .radio:checked+span:before{
        background: url(../images/icon-radio-active.png) no-repeat left center;
        background-size: cover;
    }
    .form-box .register-box .fbox .date{
        background: url(../images/icon-date.png) no-repeat 328px center;
        background-size: 15px 15px;
        cursor: pointer;
    }
    .city-picker-span{
        width: 5.46rem !important;
        height: .6rem !important;
        line-height: .6rem !important;
        border: 1px solid #999999 !important;
        padding: 0 .2rem;
        box-sizing: border-box;
    }
    .city-picker-span>.placeholder{
        display: block;
        color: #666666 !important;
        width: 100%;
        border: 0;
        padding: 0;
    }
    .form-box .register-box .fbox textarea{
        height: 1.95rem;
        overflow: auto;
        resize: none;
        line-height: 1.5;
        padding: .2rem;
    }
    .form-box .register-box .fbox .item.ftop{
        align-items: flex-start;
    }
    .form-box .register-box .fbox .item.ftop .label{
        padding-top: .12rem;
    }
    .form-box .register-box .fbox .item .gray{
        color: #666666;
    }
    .form-box .register-box .file-box{
        width: 5.46rem;
    }
    
    .form-box .register-box .lbox{
        position: relative;
    }
    .form-box .register-box .lbox div{
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .form-box .register-box .file{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-box .register-box .lbox span{
        font-size: .26rem;
        color: #000000;
        display: block;
        position: relative;
        cursor: pointer;
        text-align: center;
        margin: .2rem 0 .43rem;
    }
    .form-person2 .progress-form-box{
        margin-top: 33px;
        padding-left: 5px;
    }
    .form-person2 .progress-form-box .fbox .item:first-child{
        padding-top: 0;
    }
    .form-person3 .progress-form-box .fbox .item .cont span{
        color: #E60012;
    }
    
    .form-person3 .progress-form-box .payment-box{
        display: flex;
    }
    
    .form-person3 .progress-form-box .payment:checked+.paybox,
    .form-person3 .progress-form-box .member-type .pmbox.on .paybox{
        border: 1px solid #0254E8;
    }
    .form-person3 .progress-form-box .corporate{
        padding: 0 .25rem .28rem 0;
    }
    .form-person3 .progress-form-box .indicate{
        margin-top: 16px;
    }
    .form-person4 .success{
        text-align: center;
        padding-top: .76rem;
    }
    .form-person4 .success img{
        width: 2rem;
        height: 2rem;
    }
    .form-person4 .success p{
        font-size: .26rem;
        color: #000000;
        padding-top: .4rem;
    }
    #nextThree{
        margin-top: 94px;
    }
    .confirm{
        margin-top: 34px !important;
    }
    .form-person2 .progress-form-group{
        /* margin-left: -69px !important; */
    }
    .form-person2 .progress-form-group .fbox .label{
        width: 1.2rem;
    }
    .form-person2 .progress-form-group .fbox .subordinate{
        font-size: .32rem;
        color: #0254E8;
        font-weight: bold;
        white-space: nowrap;
    }
    .form-person2 .progress-form-group .fbox .trademark-box{
        width: 5.46rem;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox{
        position: relative;
        margin: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox:nth-child(1){
        margin-bottom: .2rem;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox:nth-child(2) span{
        margin-bottom: 0 !important;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .file{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    .form-person2 .progress-form-group .fbox .trademark-box .lbox span{
        font-size: .26rem;
        color: #000000;
        display: block;
        position: relative;
        cursor: pointer;
        text-align: center;
        background:none;
    }
    
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox{
        width: 100%;
        height: .7rem;
        line-height: .7rem;
        padding: 0 .2rem;
        box-sizing: border-box;
        border: 1px dashed #999999;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox:nth-child(1){
        margin-right: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox span{
        font-size: .26rem;
        color: #666666;
        padding-top: 0;
        text-align: left;
        margin: 0;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox span:before{
        display: none;
    }
    .form-person2 .progress-form-group .fbox .trademark-box.alter .lbox .file{
        min-width:0;
    }
    .form-person2 .progress-form-group .fbox .precautions{
        display: flex;
        margin-left: .1rem;
        padding-bottom: .4rem;
    }
    .form-person2 .progress-form-group .fbox .precautions label{
        font-size: 14px;
        color: #666666;
    }
    .form-person2 .progress-form-group .fbox .precautions p{
        font-size: 14px;
        color: #666666;
        margin-left: 24px;
    }
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(1) .paybox,
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(2) .paybox{
        padding-left: .55rem;
        text-align: left;
    }
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(1) .paybox:before,
    .form-person3 .progress-form-box .member-type .pmbox:nth-child(2) .paybox:before{
        display: none;
    }
    .form-person3 .progress-form-box .member-type .pmbox .paybox{
        font-size: .22rem;
    }
    .form-person3 .progress-form-box .pmbox:nth-child(1) .paybox{
        padding-left: .55rem;
        text-align: left;
    }
    .form-person3 .progress-form-box .member-type .pmbox .paybox{
        border:1px solid #fff;
        padding:0 .1rem !important;
        width: auto !important;
        white-space: nowrap;
    }
    .form-person3 .progress-form-box .member-type .payment:checked+.paybox {
        border: 1px solid #0254E8;
    }
    .form-person3 .progress-form-box .member-type .pmbox {
        margin-right: 0;
    }
    /* .common-box2 .news-container{
        flex-wrap: wrap;
    }
    .common-box2 .news-img-box{
        margin: 40px 45px 0 0;
    }
    .common-box2 .news-img-box:nth-child(3n){
        margin-right: 0;
    }
    .common-box2{
        padding-top: 34px;
    }
    .common-box2 .master-column{
        margin-top: -47px;
    }
    .common-box2 .master-column .news-img-box{
        width: 260px;
        margin: 57px 53px 0 0;
    }
    .common-box2 .master-column .news-img-box:nth-child(4n){
        margin-right: 0;
    }
    .common-box2 .master-column .news-img-box .imgs img{
        width: 260px;
        height: 264px;
    }
    .common-box2 .master-column .news-img-box .conts {
        background: none;
        height: auto;
        padding: 15px 9px 0;
    }
    .common-box2 .master-column .news-img-box .abstract {
        margin: 12px 0 0;
    }
    .common-box2 .master-column .news-img-box .tit{
        text-align: center;
    } */
    .form-out-type .form-box .login-box .title{
        width: auto;
    }
    .form-out-type .form-box .types{
        width: 5.2rem;
        margin: 0 auto;
    }
    .form-out-login #loginForm{
        margin: .2rem 0 0 .4rem;
    }
    .form-out-login #loginBtn,
    .form-out-login .form-box .login-box .forget,
    .form-out-login .form-box .login-box .admission{
        margin-left: 1.4rem;
        width: 5.46rem;
    }
    .form-out-login .form-box .login-box .forget{
        padding: .11rem 0 .28rem;
    }
    .form-style .form-person2 .progress-form-group .fbox .label {
        width: 1.2rem;
    }
    .form-style .form-box .register-box .progress-form-box .fbox .item,
    .form-style .form-person2 .progress-form-group .fbox .precautions {
        margin-left: 0;
    }
    .form-person2 .progress-form-box {
        height: auto;
    }
    .detection{
        font-size: .26rem;
        color: #0254E8;
        margin-left: 1.4rem;
        position: relative;
        top: .15rem;
        cursor: pointer;
    }
    .popupAlpha{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        background: rgba(0,0,0,0.3);
        display: none;
    }
    .popup{
        width: 85%;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 300;
        transform: translate(-50%,-50%);
        background: #FFFFFF;
        padding: .33rem .4rem .6rem;
        box-sizing: border-box;
        display: none;
    }
    .popup .title{
        font-size: .3rem;
        color: #3D3D3D;
        text-align: center;
    }
    .popup p{
        font-size: .26rem;
        line-height: 1.5;
        color: #3D3D3D;
        margin: .35rem 0;
    }
    .popup .button{
        width: 100%;
        height: .6rem;
        line-height: .6rem;
        text-align: center;
        background: #0254E8;
        font-size: .26rem;
        color: #FFFFFF;
        display: block;
    }
    .w-dropdown {
        width: 1.62rem;
        margin: 0 .12rem;
        position: relative;
        z-index: 10000;
        display: inline-block;
    }
    .w-dropdown:before {
        content: "";
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
    }
    .w-dropdown .dropdown-sel {
        width: 1.62rem;
        height: .6rem;
        line-height: .6rem;
        display: block;
        color: #000000;
        font-size: .22rem;
        cursor: pointer;
        font-style: normal;
        padding: 0 .15rem;
        border: 1px solid #999999;
        outline: line;
        min-width:0;
    }
     
    .w-dropdown .dropdown-sel:focus {
        outline: none;
    }
     
    .w-dropdown .dropdown-sel:hover {
        border: 1px solid #999999;
    }
     
    .w-dropdown ul {
        width: 1.62rem;
        border: 1px solid #999999;
        background-color: #ffffff;
        position: absolute;
        z-index: 20000;
        margin-top: -1px;
        display: none;
    }
     
    .w-dropdown ul li {
        height: .6rem;
        line-height: .6rem;
    }
     
    .w-dropdown ul li a {
        display: block;
        height: .6rem;
        color: #999;
        font-size: .22rem;
        text-decoration: none;
        padding: 0 .15rem;
    }
     
    .w-dropdown ul li a:hover {
        color: #000000;
        background-color: #f0f0f0;
    }
     
    .w-dropdown ul li a.hover {
        color: #000000;
        background-color: #f0f0f0;
    }
    .skin-red .nav-box-out{
         background: rgba(232, 18, 38, 0.8);
     }
     .skin-red .header .search-box .text,
     .skin-red .pages .pagination li a,
     .skin-red .pages .pagination li a.on, 
     .skin-red .pages .pagination li a.default:hover{
         border: 1px solid #E81226;
     }
     .skin-red .header .search-box .search,
     .skin-red .nav-box,
     .skin-red .news-box-swiper .fl,
     .skin-red .footer .foot-bom,
     .skin-red .pages .pagination li a.on, 
     .skin-red .pages .pagination li a.default:hover,
     .skin-red .pages .pagination li.active span,
     .skin-red .pages .pagination li:hover a{
         background: #E81226;
     }
     .skin-red .news-box-swiper .fl .title span{
         background: #0254E8;
     }
    .skin-red .news-box-list li .box a{
         color: #E81226;
         background: url(../images/news-arrow-red.png) no-repeat right center;
         background-size: 6.36px 11.31px;
     }
     .skin-red .news-img-box .tit a:hover,
     .skin-red .pages .pagination li a{
         color: #E81226;
     }
     .skin-red .news-box-list li .box p {
         color: #9C9C9C;
     }
     .skin-red .news-box-swiper .fl .date{
         background: #A5000D;
     }
     .skin-red .news-box-swiper .fl .title,
     .skin-red .news-box-swiper .fl .more,
     .skin-red .pages a.on, 
     .skin-red .pages a.default:hover,
     .skin-red .pages .pagination li.active span,
     .skin-red .pages .pagination li:hover a{
         color: #FFFFFF;
     }
     .skin-red .news-box-swiper .fl .more{
         background: url(../images/news-arrow-white.png) no-repeat right center;
         background-size: 6.36px 11.31px;
     }
     .skin-red .news-box-swiper .swiper-pagination-bullet{
         background: rgba(255, 255, 255, 0.5);
     }
     .skin-red .news-box-swiper .swiper-pagination-bullet-active {
         background: #FFFFFF;
     }
    .skin-red .news-box-swiper .swiper-pagination-bullet-active:after{
         background: #FFFFFF;
         border: 1px solid #E60012;
     }
     .skin-red .pages .pagination li.active span{
         border: 1px solid #E60012;
     }
     .skin-red .foot-box .address {
         background: url(../images/icon-address-red.png) no-repeat left 4px;
         background-size: 14px 17px;
     }
     .skin-red .foot-box .department {
         background: url(../images/icon-tel-red.png) no-repeat left 6px;
         background-size: 15px 14px;
     }
     .skin-red .pages a:first-child, 
     .skin-red .pages a:last-child{
         border: 0;
     }
     .skin-red .pages a.give {
         color: #999999;
         cursor: auto;
     }
     .competition-area{
         display: flex;
         flex-wrap: wrap;
     }
     .competition-area li{
         box-sizing: border-box;
         border: 1px solid #DBDBDB;
         margin: .3rem 0 0 0;
     }
     .competition-area li .title{
         height: .8rem;
         line-height: .8rem;
         background: #EEEEEE;
         text-align: center;
         font-size: .3rem;
         font-weight: bold;
         color: #0254E8;
     }
     .competition-area li .area{
         padding: 0 .48rem .48rem;
     }
     .competition-area li .area .item{
         display: flex;
         padding-top: .34rem;
     }
     .competition-area li .area .name{
         font-size: .26rem;
         color: #000000;
         min-width: 1.1rem;
         margin-right: .32rem;
     }
     .competition-area li .area .cont{
         font-size: .26rem;
         line-height: 1.5;
         color: #3D3D3D;
     }
     .update-password{
         width: 90%;
         background: #FFFFFF;
         padding-bottom: 0.4rem;
     }
     .update-password .ele-close{
         width: .2rem;
         height: .21rem;
         position: absolute;
         right: .2rem;
         top:.2rem;
         z-index: 110;
         background: url(../images/ele-close2.png) no-repeat;
         background-size: cover;
         display: block;
         cursor: pointer;
     }
     .update-password .ele-title{
         font-size: .3rem;
         text-align: center;
         color: #000000;
         line-height: 1;
         padding: .37rem 0 .14rem;
     }
     .update-password .ele-box{
         margin: 0 0 .4rem .6rem;
     }
     .update-password .ele-box .item{
         display: flex;
         align-items: center;
         margin-top: .23rem;
     }
     .update-password .ele-box .item:nth-child(1) .title,
     .update-password .ele-box .item:nth-child(2) .title{
         letter-spacing: .08rem;
     }
     .update-password .ele-box .title{
         font-size: .26rem;
         color: #000000;
         width: 1.4rem;
     }
     .update-password .ele-box .text{
         width: 4.2rem;
         height: .6rem;
         line-height: .6rem;
         box-sizing: border-box;
         border: 1px solid #999999;
         outline: none;
         padding: 0 .2rem;
         font-size: .24rem;
         color: #000000;
         min-width: 0;
     }
     .update-password .ele-btn{
         width: 4.2rem;
         height: .6rem;
         line-height: .6rem;
         background: #0254E8;
         font-size: .24rem;
         color: #FFFFFF;
         text-align: center;
         margin-left: 2rem;
         cursor: pointer;
     }
     .update-password .ele-box .verify-text{
         width: 2.4rem;
     }
     .update-password .ele-box .verify{
         width: 1.6rem;
         height: .6rem;
         line-height: .6rem;
         background: #0254E8;
         font-size: .24rem;
         color: #FFFFFF;
         text-align: center;
         margin-left: .2rem;
         cursor: pointer;
     }
     .form-out-application .form-box .register-box .return {
         display: flex;
         justify-content: space-between;
         width: 3.6rem;
         margin: 0 auto;
     }
     .form-out-application .form-box .register-box .return a{
         color: #E60012;
     }
     .form-out-application .form-box .register-box .return a:nth-child(2){
         background: url(../images/red-arrow.png) no-repeat right center;
         background-size: .11rem .22rem;
         padding-right: .2rem;
     }
     .form-out-application .form-box .register-box .return a:nth-child(2) span{
         color: #3D3D3D;
     }
     .ele-content{
         padding: .4rem .6rem;
     }
     .ele-content img{
         width: 100%;
     }
     .ele-content .ele-cont{
         font-size: .24rem;
         line-height: 1.5;
         color: #3D3D3D;
         margin-top: .3rem;
         position: relative;
         text-align: center;
     }
     .ele-content .ele-cont .copy{
         font-size: .24rem;
         color: #0254E8;
     }
     .ele-content .ele-cont #orderNum{
         text-align: left;
         padding-bottom: .3rem;
     }
     .updateAuto{
         width: 85%;
         padding-bottom: 0;
     }
}