.case-content-page{max-width: 1280px; margin: 0 auto; padding: 10px 40px}
.case-content {max-width: 1200px;width: 100%;}
.case-content-image.pc-content-image {max-width: 1200px;margin: 0 auto;}
.case-content-image.pc-content-image img {max-width: 1200px;}

.case-content-page .inside-top{
line-height: 30px;
    height: 30px;
    margin-bottom: 20px;
}



.case-content-page .inside-top .back.resumeback a{
    color: #888;
    margin-right: 20px;    font-size: 14px;
} 
.case-content-page .inside-top .back.resumeback a span{font-family:"宋体";margin-right:5px; 
    color: #888;}


.case-content-page .inside-top .back.resumeback a:hover{
color:#4a63e7;
}

.case-content-page .inside-top .back.resumeback a:hover span{color:#4a63e7;}


/*作品详情页*/
/* .case-content-page { width:100%; height:auto; padding:0; margin:0;background:#f5f5f5; min-height:900px;}
.case-content-page .case-content { width:1030px; margin:0 auto; padding:30px 0;} */
.case-content-page .case-content h4 { margin:0 auto;border-left:solid 3px #4a63e7; padding-left:8px; font-size:14px; line-height:14px; margin-bottom:20px; font-weight: bold}
.case-content-page .case-content h6 { font-size:12px; color:#888; margin-bottom:20px; line-height:30px;color: #888;}
.case-content-page .case-content h6 span { font-size:18px; 
    color: #000;
    margin-right: 40px;
    font-family: "Poppins",sans-serif;
    font-weight: bold;}
.case-content-page .case-content p { color:#333; font-weight:bold; background: url(../images/bq.png) no-repeat 65px 6px;    font-size: 14px;}
.case-content-page .case-content p span { background:#4a63e7; margin-left:8px;    padding: 0px 5px 1px 4px; color:#fff; font-weight:normal;}
.case-content-page .case-content .case-content-image { width:1030px;min-height:700px; margin:0px auto;
     /* border:#fff solid 15px;  */
     text-align:center; background:#fff; padding:30px 0;}
.case-content-page .case-content .btn{margin-bottom: 30px;
    color: #FFF;
    background: #4a63e7;
    border-radius: 100px;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    padding: 8.5px 20px;
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.case-content-page .case-content .btn:hover {
    color: #FFF;
    background: #ff5959;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 8px 15px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 8px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / 20%);
}
.case-content-page .case-content .pc-content-image {     max-width: 1280px;
    overflow: hidden;
    width: 100%;}
.case-content-page .case-content .pc-content-image img{ max-width:1280px;width: 100%;    margin-bottom: 15px;}
.case-content-page .case-content .app-content-image img{ width:600px;width: 100%;}
.case-content-page .case-content .plane-content-image img{max-width:800px;width: 100%;}
.case-content-page .case-content .paint-content-image img{width:500px;width: 100%;}
.case-content-page .case-content .pc-content-image.paint img{ max-width:1030px;width: 100%;  margin-bottom:0px;}


#return-to-top  i.fa-chevron-up:before {
        content: " ";
}

.mobile-header {display: block}
main.content{width: 100%}
#casePage {padding: 80px;}
#casePage .case-content-image.pc-content-image img {
    max-width: 100%;
}
#casePage .section-title, #casePage p {margin-bottom: 40px;}


@media screen and (max-width: 768px) {
    #casePage {padding: 50px 40px;}
}