@charset "utf-8";
@-webkit-keyframes halo { 0% { opacity: 0; -webkit-transform: scale(0.1); }
    50% {opacity: 1; }
    100%{opacity: 0; -webkit-transform: scale(1); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
    50% { opacity: 1; }
    100%{ opacity: 0; -moz-transform: scale(1); } }
@-ms-keyframes halo {0% {  opacity: 0; -webkit-transform: scale(0.1); }
    50% { opacity: 1; }
    100%{ opacity: 0; -webkit-transform: scale(1) } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
    50% {opacity: 1; }
    100%{ opacity: 0;-o-transform: scale(1); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); }
    50% {opacity: 1; }
    100%{ opacity: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } }


.scroll_div::-webkit-scrollbar{
    width:3px; height:0px;
}
.scroll_div::-webkit-scrollbar-thumb{
    border-radius:10px;
    /* -webkit-box-shadow:inset 0 0 5px rgba(15, 170, 145, 1); */
    background:rgba(15, 170, 145, 1);
}
.scroll_div::-webkit-scrollbar-track{
    width: 3px;
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius:50px;
    background:#EDEDED;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
}

html, body{
    width: 100%;
    height: 100%;
}

.pc_node{
    display: none;
}

.oneThing_resultSys_m {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
}

.oneThing_resultSys_m .one_thing{
    width: 100%;
    height: 47vw;
    background: url("ck_one_thing_mobile_bg.jpg") no-repeat;
    background-size: 100%;
    padding: 11vw 0 0 0;
    box-sizing: border-box;
    box-shadow: 0 0 20px #bedaeb;
    display: block;
}


.oneThing_resultSys_m .one_thing h1 {
    height: 20vw;
    font-size: 7.4vw;
    font-weight: bold;
    color: #225676 ;
    text-align: center;

}

.oneThing_resultSys_m .reslut_system{
    width: 100%;
    height: 47vw;
    background: url("ck_resultSystem_mobile_bg.jpg") no-repeat;
    background-size: 100%;
    padding: 11vw 0 0 0;
    box-sizing: border-box;
    margin-top: 4vw;
    box-shadow: 0 0 10px #bedaeb;
    display: none;
}

.reslut_system h1 {
    height: 20vw;
    font-size: 7.4vw;
    font-weight: bold;
    color: #225676 ;
    text-align: center;

}

.reslut_system h1 .cn{
    font-size: 7.4vw;
}

.reslut_system h1 .en{
    font-size: 3.4vw;
}

.wrap {
    width: 92%;
    margin: 0 auto;
}

/* 二级页 */
.one_thing_wrap {
    width: 100%;
    min-height: 12.5rem;
    background: #FFF url("one_thingWarp_bg_m.png") no-repeat center .4rem;
    background-size: 90%;
    padding-top: 3.3rem;
    box-sizing: border-box;
    margin-top: .2rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    /* padding-top: .1rem; */
}

.calendar_btn {
    width: 2.08rem;
    height: .49rem;
    line-height: .49rem;
    background: url("ck_calendarBtn_bg.png") no-repeat;
    background-size: 100% 100%;
    color: #FFF;
    font-size: .3rem;
    position: relative;
    display: block;
    margin: 0 auto;
    padding-left: 26px;
    box-sizing: border-box;
}


.calendar_btn .arrow {
    width: 28px;
    height: 14px;
    background: url("oneT_calendar_arrow.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 12px;
    display: block;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    display: none;
}

/* .calendar_btn.active .arrow{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
} */

/* calendar - start*/

body {
    background: #c6ecf6;
}

.calendar_box {
    width: 94%;
    margin: .2rem auto;
    box-shadow: 0px .02rem .1rem rgba(0, 0, 0, .2);
    z-index: 2;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    padding: .4rem .2rem .2rem .2rem;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    background-image: linear-gradient(rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 4%);
}
.calendar_box .close {
    width: .14rem;
    height: .14rem;
    background: url("oneT_calendar_close.png") no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    cursor: pointer;
}

.calendar_left {
    width: 100%;
    height: 5.4rem;
    padding: 0 .2rem .2rem .2rem;
    box-sizing: border-box;
}

.calendar_top {
    width: 100%;
    height: .9rem;
    /* background-color: red; */
    padding-bottom: .2rem;
    box-sizing: border-box;
    overflow: hidden;
}


.calendar_month{
    font-size: .5rem;
    font-weight: bold;
}

.month_en {
    font-size: .3rem;
}

.proress_tips {
    width: 2.6rem;
    padding-top: .25rem;
    margin-right: .35rem;
}

.proress_tips .icon_start,
.proress_tips .icon_end {
    width: 1.2rem;
    height: .32rem;
    line-height: .32rem;
    position: relative;
    padding-left: .24rem;
    font-size: .2rem;
    float: left;
}

.proress_tips .icon_end {
    margin-left: .2rem;
}

.proress_tips .icon_start::before{
    content: '';
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-left: .15rem solid #01b29d;
    border-bottom: .1rem solid transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
}

.proress_tips .icon_end::before{
    content: '';
    width: 0.18rem;
    height: 0.18rem;
    background-color: #285475;
    display: block;
    position: absolute;
    left: 0;
    top: 0.07rem;
}



#calendar {
    width: 100%;
}
.fc-header {
    display: none;
}

.fc-grid .fc-day-number {
    text-align: center;
    position: relative;
    font-size: 14px;
    float: inherit !important
}

.fc-border-separate th, .fc-border-separate td {
    height: .7rem;
}

.fc-border-separate th, .fc-border-separate td>div{
    text-align: center;
}
.fc-state-highlight {
    background: none
}
.fc-day-number .point{
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: red;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0px;
}

.fc_day_conent_bg {
    width: 100%;
    height: 17px;
    background-color: #f6e0de;
    margin-top: 0px;
    padding: .08rem;
    box-sizing: border-box;
}

.fc_day_conent_bg .start {
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-left: .15rem solid #ea594f;
    border-bottom: .1rem solid transparent;
    display: block;
    margin: 0 auto;
    margin-top: -.02rem
}

.fc_day_conent_bg .end {
    width: .16rem;
    height: .16rem;
    margin: 0 auto;
    background-color: #ea594f;
    display: block;
    margin-top: 0
}

.fc-border-separate tr.fc-last th{
    height: .6rem;
    font-size: .21rem;
}
.fc-widget-header, .fc-widget-content {
    border: 0;
    height: .7rem;
}

.calendar_right {
    width: 100%;
    margin-top: .5rem;
}

.time_progress_ul {
    width: 100%;
}

.time_progress_ul li{
    width: 100%;
    padding-bottom: .4rem;
}

.proress_top {
    width: 100%;
    line-height: .4rem;
    overflow: hidden;
}

.proress_top .proress_left .hasDate {
    font-size: .24rem;
    font-weight: 200;
}

.proress_center {
    width: 100%;
    text-align: center;
}

.proress_center .time_progress_btn1,
.proress_center .time_progress_btn2 {
    width: 1.57rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    color: #FFF;
    display: inline-block;
    margin-right: 10px;
    opacity: .8;
    font-size: 12px;
}

.proress_center .time_progress_btn1:hover,
.proress_center .time_progress_btn2:hover{
    opacity: 1;
}

.proress_center .time_progress_btn1 {
    background: url("oneT_time_progress_bg1.jpg") no-repeat;
    background-size: 100%;
}

.proress_center .time_progress_btn2 {
    background: url("oneT_time_progress_bg2.jpg") no-repeat;
    background-size: 100%;
}

.time_progress_ul li .month {
    width: 100%;
    height: .23rem;
    margin-top: .1rem;
    padding-left: .03rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.time_progress_ul li .proress_left {
    font-size: .24rem;
    font-weight: bold;
    float: left;
}
.time_progress_ul li .month .day::before{
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    float: left;
}

.time_progress_ul li .month .day span{
    width: 1px;
    height: .14rem;
    display: block;
    margin-top: .05rem;
    float: left;
    margin-left: 1px;
}

.time_progress_ul li .month .day{
    height: .23rem;
    width: 25px;
    float: left;
    overflow: hidden;
}

.time_progress_ul li .date{
    width: 100%;
    height: .4rem;
    position: relative;
}

.time_progress_ul li .date span{
    line-height: 20px;
    position: absolute;
}

.time_progress_ul li .date .firstDay{
    left: 0;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

.time_progress_ul li .date .lastDay{
    right: 10px;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

.time_progress_ul li .date .setDay {
    font-size: 12px;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

.time_progress_ul li .date .setDay::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
}


.time_progress_ul li .month .today::before,
.time_progress_ul li .month .today span,
.time_progress_ul li .month .today::after {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    animation: halo 2.4s 0s infinite ease-in;
    -webkit-animation: halo 2.4s 0s infinite ease-in;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 0;
    margin-top: -19px;
    opacity: 0;
}

.time_progress_ul li .month .today span{
    width: 42px;
    height: 42px;
}

.time_progress_ul li .month .today::before {
    content: '';
    animation-delay: 0.7s;
}
.time_progress_ul li .month .today::after {
    content: '';
    animation-delay: 1s;
    
}

.time_progress_ul li .month .today {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    top: 4px;
    left: 0;
    margin-left: 1px;
}


/* 颜色分类 - 红色 */
.red_pro .proress_left {
    color:#dd6558;
}
.red_pro .month .day::before{
    background-color: #f19a9a;
}
.red_pro .month .day span{
    background-color: #f19a9a ;
    opacity: .3;
}
.red_pro .month .today {
    background-color: #dd6558;
}
.red_pro .month .today::before,
.red_pro .month .today span,
.red_pro .month .today::after {
    border: 1px solid #dd6558;
}
.red_pro .date {
    color: #dd6558;
}
.red_pro .date .setDay::before {
    background-color: #dd6558;
}


/* 颜色分类 - 蓝色 */
.blue_pro .proress_left {
    color:#274d88;
}
.blue_pro .month .day::before{
    background-color: #274d88;
}
.blue_pro .month .day span{
    background-color: #274d88 ;
    opacity: .3;
}
.blue_pro .month .today {
    background-color: #274d88;
}
.blue_pro .month .today::before,
.blue_pro .month .today span,
.blue_pro .month .today::after {
    border: 1px solid #274d88;
}
.blue_pro .date {
    color: #274d88;
}
.blue_pro .date .setDay::before {
    background-color: #274d88;
}


/* 颜色分类 - 浅绿色 */
.linghtGreen_pro .proress_left {
    color:#5dd0c5;
}
.linghtGreen_pro .month .day::before{
    background-color: #5dd0c5;
}
.linghtGreen_pro .month .day span{
    background-color: #5dd0c5 ;
    opacity: .3;
}
.linghtGreen_pro .month .today {
    background-color: #5dd0c5;
}
.linghtGreen_pro .month .today::before,
.linghtGreen_pro .month .today span,
.linghtGreen_pro .month .today::after {
    border: 1px solid #5dd0c5;
}
.linghtGreen_pro .date {
    color: #5dd0c5;
}
.linghtGreen_pro .date .setDay::before {
    background-color: #5dd0c5;
}



/* 颜色分类 - 深绿色 */
.darkGreen_pro .proress_left {
    color:#79a794;
}
.darkGreen_pro .month .day::before{
    background-color: #79a794;
}
.darkGreen_pro .month .day span{
    background-color: #79a794 ;
    opacity: .3;
}
.darkGreen_pro .month .today {
    background-color: #79a794;
}
.darkGreen_pro .month .today::before,
.darkGreen_pro .month .today span,
.darkGreen_pro .month .today::after {
    border: 1px solid #79a794;
}
.darkGreen_pro .date {
    color: #79a794;
}
.darkGreen_pro .date .setDay::before {
    background-color: #79a794;
}


/* 颜色分类 - 绿色 */
.green_pro .proress_left {
    color:#01b29d;
}
.green_pro .month .day::before{
    background-color: #01b29d;
}
.green_pro .month .day span{
    background-color: #01b29d ;
    opacity: .3;
}
.green_pro .month .today {
    background-color: #01b29d;
}
.green_pro .month .today::before,
.green_pro .month .today span,
.green_pro .month .today::after {
    border: 1px solid #01b29d;
}
.green_pro .date {
    color: #01b29d;
}
.green_pro .date .setDay::before {
    background-color: #01b29d;
}


 /* calendar - end*/


.card_ul{
    width: 100%;
    margin-top: .4rem
}

.card_ul li{
    width: 1.6rem;
    height: 3.89rem;
    float: left;
    margin-left: .1rem;
    border-radius: 10px 30px 10px 10px;
    -webkit-border-radius: 10px 30px 10px 10px;
    -moz-border-radius: 10px 30px 10px 10px;
    -ms-border-radius: 10px 30px 10px 10px;
    -o-border-radius: 10px 30px 10px 10px;
    overflow: hidden;
    position: relative;
}

.card_ul li:nth-child(5) {
    margin-top: .2rem;
    margin-left: 1rem;
}

.card_ul li:nth-child(6),
.card_ul li:nth-child(7) {
    margin-top: .2rem;
}

.card_ul li h1{
    width: 100%;
    font-size: .19rem;
    line-height: .25rem;
    color: #FFF;
    text-align: center;
    position: absolute;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.card_bottom{
    width: 100%;
    height: 2.3rem;
    position: absolute;
    top: 1.69rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.card_bottom::before{
    content: '';
    height: 2px;
    width: 100%;
    background-color:rgba(255, 255, 255, .2) ;
    position: absolute;
    top: 0;
    left: 0;
}

.card_btn {
    width: 100%;
    height: .63rem;
    display: block;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.card_btn .apply_obj,
.card_btn .help_power{
    width: 50%;
    height: 100%;
    line-height: 14px;
    display: block;
    text-align: center;
    padding-top: 2px;
    font-size: 12px;
    color: #FFF;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.card_ul li .card_btn .apply_obj {
    text-decoration: underline;
}

.card_ul li.active .card_btn .apply_obj{
    text-decoration: none;
}

.card_ul li.active .card_btn .help_power{
    text-decoration: underline;
}

.card_btn .btn_arrow{
    width: .28rem;
    height: .13rem;
    background: url("oneT_cardBtn_arrow.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: .28rem;
    left: 50%;
    margin-left: -.14rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
}

.bottom_text {
    width: 150%;
    font-size: .12rem;
    line-height: .3rem;
    color: #FFF;
    text-align: center;
    position: absolute;
    text-decoration: underline;
    margin-left: -25%;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
}

.hide_text{
    width: 102%;
    font-size: .16rem;
    line-height: .22rem;
    color: #FFF;
    position: absolute;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform: scale(.79);
    -webkit-transform: scale(.79);
    -moz-transform: scale(.79);
    -ms-transform: scale(.79);
    -o-transform: scale(.79);
}

/* .card_bottom{
    opacity: .1;
} */

.hide_text {
    top: 1.7rem;
}


.card_ul li.active .card_bottom{
    top: 3.25rem;
}

.card_ul li.active .btn_arrow{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.card_ul li .h1_btn{
    width: 1.4rem;
    height: 1.09rem;
    left: .1rem;
}


/* 红色card */
.red_card {
    background-color: #ce3631;
}

.red_card .h1_btn {
    background: url("oneT_cardTitle1.png") no-repeat center;
    background-size: 100%;
}

.red_card .card_bottom {
    background-color: #dd6558;
}

.red_card h1 {
    top: .35rem;
}

.red_card .bottom_text{
    top: 1.1rem;
}

.red_card.active h1{
    top: -20%;
}

.red_card.active .hide_text{
    top: .6rem
}




/* 蓝色card */
.blue_card {
    background-color: #02458e;
}

.blue_card .h1_btn {
    background: url("oneT_cardTitle2.png") no-repeat center;
    background-size: 100%;
}

.blue_card .card_bottom {
    background-color: #0871a4;
}

.blue_card h1 {
    top: .35rem;
}

.blue_card .bottom_text{
    top: 1.1rem;
}

.blue_card.active h1{
    top: -30%;
}

.blue_card.active .hide_text{
    top: -.05rem;
}


/* 深绿色card */
.darkGreen_card {
    background-color: #3f8c7a;
}
.darkGreen_card .h1_btn {
    background: url("oneT_cardTitle3.png") no-repeat center;
    background-size: 100%;
}
.darkGreen_card .card_bottom {
    background-color: #79a794;
}
.darkGreen_card h1 {
    top: .3rem;
}
.darkGreen_card .bottom_text{
    top: 1.1rem;
}
.darkGreen_card.active h1{
    top: -40%;
}
.darkGreen_card.active .hide_text{
    
    top: -.1rem;
}

/* 绿色card */

.green_card {
    background-color: #009a86;
}
.green_card .h1_btn {
    background: url("oneT_cardTitle4.png") no-repeat center;
    background-size: 100%;
}
.green_card .card_bottom {
    background-color: #01b29d;
}
.green_card h1 {
    top: .3rem;
}
.green_card .bottom_text{
    top: .93rem;
}
.green_card.active h1{
    top: -40%;
}
.green_card.active .hide_text{
    top: -.1rem;
}

/* 浅绿色card */
.linghtGreen_card {
    background-color: #17c2b7;
}
.linghtGreen_card .h1_btn {
    background: url("oneT_cardTitle5.png") no-repeat center;
    background-size: 100%;
}
.linghtGreen_card .card_bottom {
    background-color: #5dd0c5;
}
.linghtGreen_card h1{
    top: .35rem;
}
.linghtGreen_card .bottom_text{
    top: .93rem;
}
.linghtGreen_card.active h1{
    top: -30%;
}
.linghtGreen_card.active .hide_text{
    top: 68px;
}



/* 紫色card */
.purple_card {
    background-color: #673ba6;
}
.purple_card .h1_btn {
    background: url("oneT_cardTitle6.png") no-repeat center;
    background-size: 100%;
}
.purple_card .card_bottom {
    background-color: #9569b7;
}
.purple_card h1{
    top: .35rem;
}
.purple_card .bottom_text{
    top: .93rem;
}
.purple_card.active h1{
    top: -30%;
}
.purple_card.active .hide_text{
    top: 68px;
}


/* 褐色card */
.brown_card {
    background-color: #ad8071;
}
.brown_card .h1_btn {
    background: url("oneT_cardTitle7.png") no-repeat center;
    background-size: 100%;
}
.brown_card .card_bottom {
    background-color: #c69e8c;
}
.brown_card h1{
    top: .35rem;
}
.brown_card .bottom_text{
    top: 1.1rem;
}
.brown_card.active h1{
    top: -40%;
}
.brown_card.active .hide_text{
    top: -6px;
}




.card_tabs_wrap {
    width: 100%;
    min-height: 1000px;
    margin-top: 20px;
    background-color: #FFF;
    border-radius: 10px 10px 0 0 ;
    -webkit-border-radius: 10px 10px 0 0 ;
    -moz-border-radius: 10px 10px 0 0 ;
    -ms-border-radius: 10px 10px 0 0 ;
    -o-border-radius: 10px 10px 0 0 ;
}

.tab_top_line{
    width: 100%;
    height: 10px;
    border-radius: 60px 60px 0 0 ;
    -webkit-border-radius: 60px 60px 0 0 ;
    -moz-border-radius: 60px 60px 0 0 ;
    -ms-border-radius: 60px 60px 0 0 ;
    -o-border-radius: 60px 60px 0 0 ;
}



.red_tab .tab_top_line{
    background-color: #ce3631;
}

.blue_tab .tab_top_line{
    background-color: #02458e;
}

.darkGreen_tab .tab_top_line{
    background-color: #3f8c7a;
}

.green_tab .tab_top_line{
    background-color: #009a86;
}

.linghtGreen_tab .tab_top_line{
    background-color: #17c2b7;
}

.purple_tab .tab_top_line{
    background-color: #673ba6;
}

.brown_tab .tab_top_line {
    background-color: #ad8071;
}

.card_content{
    width: 100%;
    padding: .3rem;
    box-sizing: border-box;
}

.card_content .tab_top{
    width: 100%;
}

.card_content .tab_top h2{
    font-size: .42rem;
    font-weight: bold;
    line-height: 40px;
    color: #004165;
    text-align: center;
}

.card_content .tab_top p {
    width: 100%;
    color: #0065a4;
    font-size: .2rem;
    margin-top: .1rem;
}

.tab_title{
    width: 100%;
    height: .6rem;
    line-height:.6rem;
    font-size: .3rem;
    color: #004165;
    position: relative;
    font-weight: bold;
    margin: .3rem 0;
}
.tab_title::before {
    content: '';
    width: .77rem;
    height: .04rem;
    background-color: #004165;
    position: absolute;
    left: 0;
    bottom: 0pc;
}

.regist_process{
    width: 100%;
    height: 2.2rem;
    
    position: relative;
}

.red_tab .regist_process {
    background: url("oneT_applypic_m1.png") no-repeat top center;
    background-size: 100%;
}

.blue_tab .regist_process {
    background: url("oneT_applypic_m2.png") no-repeat top center;
    background-size: 100%;
}

.darkGreen_tab .regist_process {
    background: url("oneT_applypic_m3.png") no-repeat top center;
    background-size: 100%;
}

.green_tab .regist_process {
    background: url("oneT_applypic_m4.png") no-repeat top center;
    background-size: 100%;
}

.linghtGreen_tab .regist_process {
    background: url("oneT_applypic_m5.png") no-repeat top center;
    background-size: 100%;
}

.purple_tab .regist_process {
    background: url("oneT_applypic_m6.png") no-repeat top center;
    background-size: 100%;
}

.brown_tab .regist_process {
    background: url("oneT_applypic_m7.png") no-repeat top center;
    background-size: 100%;
}


.regist_process .regist_btn1,
.regist_process .regist_btn2 {
    width:1.83rem;
    height: .51rem;
    line-height: .51rem;
    text-align: center;
    font-size: .2rem;
    color: #FFF;
    display: block;
    position: absolute;
    top: 1.6rem;
}

.regist_process .regist_btn1{
    background: url("oneT_regist_btn1_bg.png") no-repeat;
    background-size: 100%;
    left: 16%;
}

.regist_process .regist_btn1.cxj-sbrk{
    left: 36%;
}

.regist_process .regist_btn2{
    background: url("oneT_regist_btn2_bg.png") no-repeat;
    background-size: 100%;
    left: 54%;
}


/* 申报指南 */
.regist_guide {
    width: 100%;
}

.guide_tabs {
    /* width: 546px; */
    height: .52rem;
    margin: 0 auto;
    overflow: hidden;
}

.guide_tabs div{
    width: 1.47rem;
    height: .42rem;
    line-height: .42rem;
    background: url("oneT_guide_tabs_link_bg.jpg") no-repeat;
    background-size: 100%;
    position: relative;
    font-size: .14rem;
    text-align: center;
    color: #004165;
    float: left;
    margin-left: .14rem;
    cursor: pointer;
}

.guide_tabs div:nth-child(1) {
    margin-left: 0px;
}

.guide_tabs div .guide_arrow {
    width: .19rem;
    height: .09rem;
    background: url("oneT_guide_tabs_arrow_bg.jpg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -.07rem;
    left: 50%;
    margin-left: -.09rem;
    display: none;
}

.guide_tabs div.active,
.guide_tabs div:hover{
    background: url("oneT_guide_tabs_hover_bg.jpg") no-repeat;
    color: #FFF;
}

.guide_tabs div.active .guide_arrow{
    display: block;
}

.guide_list_ul {
    width: 100%;
    height: 6.71rem;
    margin: 0 auto;
    background-color: #f7f8f9;
    margin-top: 22px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.1);
}

.guide_list_ul li{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: .6rem .1rem .3rem .3rem;
}

.guide_list_ul li .scroll_div{
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding-right: .3rem;
}

.guide_list_ul li .file_download{
    text-decoration: none;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    padding-left: .2rem;
    box-sizing: border-box;
    background: #56839c url("oneT_downLoad_moblie.png") no-repeat left center;
    background-size: .4rem;
    border-radius: .05rem;
    color: #FFF;
    font-size: .12rem;
    display: block;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    float: right;
    margin-right: .2rem;
    position: absolute;
    right: .1rem;
    top: .2rem;
}

.guide_list_ul li .file_download:nth-of-type(2){
        right: 1.7rem;
    }


.guide_list_ul li p {
    font-size: 14px;
    color: #004165;
    line-height: 30px;
}

.guide_list_ul li:nth-child(1) {
    display: block;
}

/* 政策依据 */

.policy_table{
    width: 100%;
    border: 1px solid #a5b8c5;
}

.policy_table td{
    padding: .12rem 0;
    padding-left: .14rem;
    color: #004165;
    font-size: .24rem;
}

.policy_table thead tr {
    background-color: #e1edf5;
    
}

.policy_table thead tr td {
    font-size: .24rem;
    font-weight: bold;
}

.policy_table tr td:nth-child(1) {
    text-align: center;
    width: 12%;
}

.policy_table tbody tr td:nth-child(2) {
    width: 40%;
}

.policy_table tbody tr td:nth-child(3) {
    color: #8598a8;
}

.policy_table tbody tr td:nth-child(4) {
    color: #8598a8;
}

.policy_table tr td:nth-child(4) {
    width: 20%;
}

.policy_table tbody tr:nth-child(even) {
    background-color: #f4f8fa;
}

/* 常见问题 */
.question {
    width: 100%;
    height: 560px;
    background-color: #f7f8f9;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.1);
    padding: .1rem;
    box-sizing: border-box;
}

.question .scroll_div {
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding: .3rem
}

.question p {
    font-size: 14px;
    color: #004165;
    line-height: 30px;
    word-break: break-all;
}


/* 资质对比 */
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 30;
    display: none;
}
.personal_box{
    width: 95%;
    max-height: 10rem;
	background: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    z-index: 31;
    display: none;
    overflow-x: scroll;
}
.legal {
	overflow-y: scroll;
}
.personal_box>.title{
    padding: 0 .3rem;
	background: url("kc_perBg_bg.png") center;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    color: #FFFFFF;
    font-size: .3rem;
    box-sizing: border-box;
}
.personal_box>.title img{
	float: right;
    margin-top: .3rem;
    cursor: pointer;
}
.personal_box .personal_content{
    padding: 0 .3rem .5rem;
	font-size: .28rem;
	color: #004165;
	overflow: hidden;
}
.kcfwWindow .personal_content{
}
.per_top{
	border-bottom: 1px dashed #cfdae1;
}
.personal .per_top{
	height: auto;
    padding: 0.3rem 0;
}
.legal .per_top{
	height: auto;
    padding: 0.3rem 0;
}
.kcfwWindow .per_top{
    border: none;
}
.per_top .per_item{
    position: relative;
}
.knowledge .per_item .arrow{
	position: absolute;
    width: 35px;
    height: 36px;
    right: 1%;
    top: 0;
    border-left: 1px solid #a5b8c5;
}
.knowledge .per_item .arrow p{
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}
.knowledge .per_item .arrow p img{
	margin-top: -3px;
}
.knowledge .per_item .arrow p:first-child{
    border-bottom: 1px solid #a5b8c5;
}
.legal .per_top .per_item{
	margin-right: 0;
    margin-bottom: .1rem;
}
.kcfwWindow .per_top .per_item{
    width: 100%;
    margin-right: 0;
}
.personal .per_top .per_item:nth-child(3){
	margin-right: 0;
}
.legal  .per_top .per_item:nth-child(2n){
	margin-right: 0;
}
.personal .per_top .per_item:nth-child(4){
	margin-bottom: 0.15rem;
}
.per_top .per_item label{
	display: inline-block;
    text-align: right;
    float: left;
    line-height: 36px;
    width: 43%;
}
.personal .per_top .per_item:first-child label{
    width: 43%;
}
.legal .per_top .per_item label{
	width: 54%;
}
.kcfwWindow .per_top .per_item label{
    width: 100% !important;
    float: none;
    text-align: left;
}
.kcfwWindow .per_top .per_item label em{
    color: #DD6558;
}
/*.legal .per_top .per_item:nth-child(2) label,.legal .per_top .per_item:nth-child(4) label,.legal .per_top .per_item:nth-child(6) label{
	width: 187px;
}*/
.per_top .per_item input{
	border: 1px solid #a5b8c5;
    width: 140px;
    line-height: 36px;
    height: 36px;
    border-radius: 4px;
    color: #8598a8;
    padding-left: 10px;
    font-size: 16px;
    box-sizing: border-box;
    width: 57%;
}
.per_top .per_check{
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #a5b8c5;
    width: 140px;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    color: #8598a8;
    padding-left: 10px;
   	background: #f3f6f8;
   	border-radius: 4px;
    position: relative;
    padding-right: 20px;
    width: 57%;
}
.legal .per_top .per_item input,.legal .per_top .per_check{
	width: 46%;
}
.kcfwWindow .per_top .per_item input,.kcfwWindow .per_top .per_check{
	width: 100%;
}
.per_top .per_check .per_checked,.per_top .per_check i{
	display: block;
    overflow: hidden;
    height: 36px;
}
.per_top .per_check i{
    width: 140px;
    height: 36px;
    background: url("policy_check_bg.png") no-repeat 90%;
    position: absolute;
    right: 0;
    top: 0;
}
.per_top .per_check ul{
	position: absolute;
    left: -1px;
    top: 35px;
    width: 140px;
    border: 1px solid #a5b8c5;
    background: #fff;
    padding: 8px 0;
    z-index: 99;
    display: none;
}
.legal .per_top .per_check ul{
	width: 170px;
}
.kcfwWindow .per_top .per_check ul{
	width: 100%;
}
.charge .per_check ul{
	width: 140px !important;
}
.per_top .per_check.on ul{
	display: block;
}
.per_top .per_check ul li{
	padding-left: 10px;
}
.per_top .per_check ul li:hover{
	background: #f3f6f8;
}
.per_bottom>.title{
	margin-top: 25px;
	color: #004165;
	margin-bottom: 20px;
	clear: both;
}
.legal .per_bottom>.title{
	margin-top: 0;
}
.behavior{
	margin-bottom: 6px !important;
	margin-right: 0 !important;
}
.per_bottom>.title span:first-child{
	font-size: 16px;
	font-weight: 700;
	margin-right: 5px;
}
.legal .per_bottom>.title span:first-child{
    display: inline-block;
    width: 155px;
    text-align: right;
    margin-right: 0;
    font-weight: 400;
}
.legal .per_checkbox{
	padding-left: 155px;
}
.per_bottom>.title span:last-child{
	font-size: 14px;
	color: #8598A8;
}
.per_bottom .per_checkbox img{
    float: left;
    margin-top: 2px;
    margin-right: 6px;
}
.per_bottom .per_checkbox>span{
	display: inline-block;
	width: 49%;
    margin-right: 0;
    margin-bottom: 18px;
    cursor: pointer;
}
.legal .per_bottom .per_checkbox>span{
	width: 170px;
	margin-right: 34px;
}
.legal .per_bottom .per_checkbox>span:nth-child(3n){
	margin-right: 0;
}
.per_bottom .per_checkbox span span{
	float: left;
}
.per_checkbox span span.on{
	color: #0065a4;
}
.per_btn{
	text-align: center;
	margin-top: 2.8rem;
	clear: both;
}
.per_btn span{
    display: inline-block;
    width: 2rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: 4px;
    font-size: .28rem;
    cursor: pointer;
}
.per_btn span.reset{
	border: 1px solid #bdcbdd;
	color: #6e8da9;
	margin-right: 20px;
}
.per_btn span.submit{
	border: 1px solid #0065a4;
	background: #0065a4;
	color: #FFFFFF;
}
.knowledge .per_item input,.charge .per_item input,.charge .per_item .per_check{
	width: 50% !important;
}
.knowledge .per_item:first-child input{
	padding-right: 36px;
}
.charge .per_bottom>.title span:first-child{
    width: 96px;
}
.charge .per_checkbox{
	padding-left: 96px;
}
.charge .per_bottom .per_checkbox>span,.charge .per_bottom .per_checkbox>span:nth-child(3n){
	width: 138px !important;
	margin-right: 9px;
}
.charge .per_bottom .per_checkbox>span:nth-child(4n){
	margin-right: 0 !important;
}
.per_title{
	font-weight: 700;
    font-size: .3rem;
    margin: .3rem 0;
}
.per_title span{
    float: right;
    color: #0065A4;
}
.knowledge .per_item:nth-child(3n){
	margin-right: 0;	
}
.knowledge .per_item,.charge .per_item{
    margin-right: 7px !important;
}
.structure{
	border-bottom: 0;
    height: 175px !important;
}
.per_top .per_item_subhead{
    color: #000;
    margin-bottom: 0;
}
.per_item_subhead h4{
    display: inline-block;
    font-size: 18px;
    margin-right: 30px;
    font-weight: normal;
}
.per_item_subhead span{
    font-size: 16px;
}
.per_item_subhead span em{
    color: #0065a4;
}
.per_itemCheck{
    margin-top: .3rem;
}
.per_itemCheckRadio:nth-child(odd){
    margin-right: .5rem;
}
.per_itemCheckRadio img,.per_itemCheckRadio span,.per_itemCheck_title{
    vertical-align: middle;
}
.per_itemCheck_title{
    color: #004165;
    min-width: 60%;
    display: inline-block;
    /* text-align: right; */
}
.per_itemCheck_title em{
    color: #DD6558;
}



/*资质对比弹出层*/
.condition_box {
    width: 92%;
    position: absolute;
    border: 2px solid #dd6558;
    background: #fcfdfd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 1.8rem;
    left: 4%;
}
/* 结束 */