/* 加速健康术后康复 */
.aftersurgery_first_div {
    background: url('../themes/DST_TCM/assets/image/docteam/bg_yellowbg1.png') no-repeat;
    background-size: 100% 100%;
    padding-bottom: 150px;
}
.aftersurgery_first_width {
    margin: 0 auto;
    width: 60%;
    text-align: center;
}
.aftersurgery_first_title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    padding: 50px 0 10px 0;
    font-weight: bold;
}
.aftersurgery_first_content {
    font-size: 20px;
    margin-bottom: 20px;
}
.aftersurgery_first_img {
    width: 80%;
    margin: 0 auto;
}
.aftersurgery_first_img img{
    width: 100%;
}

/* 二师会诊 */
.aftersurgery_second_div {
    margin-top: -50px;
}
.aftersurgery_second_width {
    margin: 0 auto;
    width: 100%;
    padding: 80px 0 70px;
    background-color: rgb(252, 233, 201);
    /*transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);*/
}
.aftersurgery_second_left {
    width: 26%;
    position: absolute;
    margin-top: -380px;
    /* margin-left: 225px; */
    left: 20%;
    z-index: 5;
}
.aftersurgery_second_left img{
    width: 100%;
}
.aftersurgery_second_right {
    position: relative;
    left: 50%;
    width: 50%;
    transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -o-transform: skewY(3deg);
}
.aftersurgery_second_right_title {
    /* color: rgb(255, 150, 0); */
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: bold;
}
.aftersurgery_second_right_content {
    width: 80%;
    font-size: 20px;
    display: inline-block;
}


/* Grid*/
.repe2Pain_box { background: #FFEAC8; transform: skewY(-3deg); padding: 10px 60px 50px; margin-top:-50px;}
.repe2Pain_text{ transform: skewY(3deg);}
.grid-table-twosep { display: grid; grid-template-columns: auto auto; padding: 0px; margin-bottom:20px; width:88%; margin:auto;}
.grid-table-twosep h3{ color:#FF9700; text-align:left; font-size: 32px;}
.grid-sep-td { padding: 20px 50px 5px 20px; font-size: 20px; text-align: left;display: table;}
.grid-sep-td:nth-of-type(2) { padding: 20px 0px 5px 0px; }
.grid-sep-td .text h2{font-size:42px;}
.grid-table-twocol {display: grid;grid-template-columns: 1fr 2fr; padding: 0px; margin-bottom:50px; border-top: 0px solid #FF9700;}
.grid-table-td { padding: 20px 50px 5px 50px; font-size: 30px; text-align: left;}
.grid-table-twocol h3{ color:#FF9700;font-size: 42px;}
.grid-table-td{ font-size:20px;line-height: 24px;}
.grid-table-td{ border-bottom: 2px solid #FF9700;}
.grid-table-td:nth-of-type(1),.grid-table-td:nth-of-type(3),.grid-table-td:nth-of-type(5){border-right: 2px solid #FF9700;}
.grid-table-td:nth-of-type(1),.grid-table-td:nth-of-type(2) { border-top: 0px solid #FF9700;}
.grid-table-td:nth-of-type(5),.grid-table-td:nth-of-type(6) { border-bottom: 0px solid #FF9700;}
.box_table{ width: 86%;margin:100px auto 40px auto; border: 2px solid #FD9800;transform: skewY(3deg);}
.box_table:nth-of-type(3) { margin:70px auto 60px auto;}
.box_table>h2{ width: 580px; margin: 0 auto;padding: 10px 0;text-align: center;font-size: 36px;color: #fff;margin-bottom: 30px;background: #FD9800; transform: skew(-20deg); margin-top: -32px;}
.box_table h2 span{transform: skew(20deg);display: block;}
.box_table .container>p,.box_table >p{text-align: center;font-size: 20px;}
.box_table .grid-table-twocol {width: 80%;margin: 40px auto;}
.arrow{text-align:center;padding:10px 0px 20px 0px;transform: skewY(3deg); }
.icon-plus{ width:100px;}
.grid-sep-td .text { display: table-cell; vertical-align: middle; font-size: 24px;}

.tabletwocol{padding:0;margin:0px auto 50px;width:80%}
.tabletwocol td{padding:20px 50px 5px;font-size:30px;text-align:left;font-size:20px}
.tabletwocol h3{color:#FF9700;font-size:32px}
.tabletwocol td{border-top:2px solid #FF9700; vertical-align:middle;}
.tabletwocol td:nth-of-type(1),.tabletwocol td:nth-of-type(3),.tabletwocol td:nth-of-type(5),.tabletwocol td:nth-of-type(7),.tabletwocol td:nth-of-type(9){border-right:2px solid #FF9700;width:35%;}
.tabletwocol td:nth-of-type(9),.tabletwocol td:nth-of-type(10){border-bottom:0 solid #FF9700}
.tabletwocol tr:nth-of-type(1) td{border-top:0px solid #FF9700;}

/* step */
.step_four {
	margin-top:-50px;
    padding-top: 20px;
    background-color: #FFF9F1;
    transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}
/* form */
.form_box{
    transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}

.aftersurgery_bottom_left:hover, .aftersurgery_bottom_right:hover{
    cursor: pointer;
}
.aftersurgery_bottom_left {
    float: left;
    width: 50%;
    text-align: center;
    border-right: 1px solid #ffffff;
    background-color: rgb(235, 235, 235);
    font-size: 36px;
    color: rgb(255, 154, 7);
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.aftersurgery_bottom_right {
    float: right;
    width: 50%;
    text-align: center;
    background-color: rgb(235, 235, 235);
    font-size: 36px;
    color: rgb(255, 154, 7);
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.aftersurgery_bottom {
    margin-top: 4px;
    display: flow-root;
}
.aftersurgery_bottom img {
    margin-left: 10px;
}
.div_mobile {
    display: none;
}

/* banner */
@keyframes slideBanner {
    0%   {opacity: 0; transform: scale(1);}
    50%  {opacity: 1; transform: scale(1.05);}
    100% {opacity: 1; transform: scale(1.05);}
}
.em_box .active{
	animation-name: slideBanner;
	animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count:1;
	animation-fill-mode:forwards;
}

.donly{
    display: block;
}

@media(max-width:1679px){
    .aftersurgery_second_left{
        width: 29%;
        left: 18%;
        margin-top: -370px;
    }
}
@media(max-width:1498px){
    .aftersurgery_second_left{
        width: 31%;
        left: 16%;
        margin-top: -355px;
    }
}

@media(max-width:1200px){
    .aftersurgery_first_title {
        font-size: 26px;
        padding: 0px 0 10px 0;
    }
}

@media (max-width: 768px) {
    .div_mobile {
        display: block;
    }
    .aftersurgery_bottom span {
        font-size: 24px;
        float: left;
        text-align: center;
        margin: 15px 0 0 30px;
    }
    .aftersurgery_bottom img {
        margin: 30px 30px 0 0;
        float: right;
    }
    .aftersurgery_bottom_left, .aftersurgery_bottom_right {
        float: unset;
        width: 100%;
        font-size: unset;
        height: 100px;
        padding: 0;
    }

    /* 术后健康 */
    .aftersurgery_first_width {
        width: 100%;
        padding: 30px 20px;
    }
    .aftersurgery_first_div{
        padding-bottom: 80px;
    }
    .aftersurgery_first_title{
        font-size: 26px;
    }
    .aftersurgery_first_content{
        font-size: 16px;
		
    }

    /* 二师会诊 */
    .aftersurgery_second_width{
        padding-bottom: 280px;
        padding-top: 60px;
    }
    
    .aftersurgery_second_right {
        width: 100%;
        text-align: center;
        left: 0;
    }
    .aftersurgery_second_right_title{
        font-size: 26px;
    }
    .aftersurgery_second_right_content{
        padding: 0 20px;
        width: 100%;
        font-size: 16px;
        letter-spacing: 0;
    }
    .aftersurgery_second_left {
        width: 100%;
        margin-top: -240px;
        left: 0;
        text-align: center;
    }
    .aftersurgery_second_left img {
        width: 80%;
    }

    .donly{
        display: none;
    }

    .aftersurgery_first_img{
        width: 100%;
    }
    /* .aftersurgery_first_img img{
        width: unset;
    } */
	
	.repe2Pain_box{padding:10px 30px 50px}
	.box_table{width:100%;margin: 65px auto 40px auto;}
	.box_table>h2{width:90%;font-size:24px}
	.box_table .container>p,.box_table >p{font-size:17px}
	.box_table .grid-table-twocol{width:90%;margin:20px auto}
	.grid-table-td{padding:20px 10px 5px;font-size:17px}
	.grid-table-twocol h3{font-size:17px}
	.grid-table-twosep{display:block;width:100%}
	.arrow {padding: 0px 0px 40px 0px;}
	.icon-plus {width: 50px;}
	
	.tabletwocol{padding:0;margin-bottom:50px;}
	.tabletwocol td{padding:15px 0px 0px 10px;font-size:16px;text-align:left;}
	.tabletwocol h3{color:#FF9700;font-size:16px}
	.tabletwocol td:nth-of-type(1),.tabletwocol td:nth-of-type(3),.tabletwocol td:nth-of-type(5),.tabletwocol td:nth-of-type(7),.tabletwocol td:nth-of-type(9){width: 34%;padding: 10px 0px 5px;text-align:center;}
	
	.triangle_box .grid-sep-td {
        padding: 0px 5px 5px 10px;
    }
	.triangle_box .grid-sep-td:nth-of-type(2) {
        padding: 10px 5px 5px 5px;
    }
	
	.box_table h2 span {
		letter-spacing:0px;
	}
	
	.tabletwocol tr:nth-of-type(1) td{border-top:0px;}
}