a {text-decoration: none;color: #999;}
a:hover {color: #dc19a8; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.mytitle { width: 100%; overflow: hidden;}
.mytitle h1 {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 22px; 
    font-weight: bold;
    color: #111;
    overflow: hidden;
}
.mytitle p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-top: 5px;
    overflow: hidden;
}
.myzx {
    width: 70%; 
    line-height: 50px;
    border-radius: 30px;         
    margin: 25px auto 0 auto;
    overflow: hidden;
}
.myzx a {
    display: block;
    width: 100%;
    background: #4c55a8;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;   
    overflow: hidden;
}

.mycourse {padding: 35px 15px; overflow: hidden;}
.mycourse .mymain { margin-top: 25px; overflow: hidden;}
.swiper-container-course {padding-bottom: 25px;}
.swiper-container-course .swiper-pagination-bullet-active {background:#4c55a8;}
.mycourse .showpic {width: 100%; display: table; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden;}
.mycourse .showpic:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.mycourse .showpic .img {display: table-cell; vertical-align: middle; width: 40%; border-radius: 5px; overflow: hidden;}
.mycourse .showpic .img img {width: 100%;}
.mycourse .showpic .show {display: table-cell; padding-left: 15px; vertical-align: middle;}
.mycourse .showpic h2 {
    font-size: 16px; 
    font-weight: bold;
    color: #4c55a8;
    display: block;
    padding-bottom: 8px;
}
.mycourse .showpic a {
    display: block;
    width: 80%;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #4c55a8;
    border-radius: 15px;
    overflow: hidden;
}
.mycourse .swiper-container { padding-bottom: 25px;}
.mycourse .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0;}
.mycourse .showpic dl {display: block; margin-bottom: 5px; overflow: hidden;}
.mycourse .showpic dl dt { display: inline-block; font-size: 14px; font-weight: bold; color: #3e3e3e;}
.mycourse .showpic .dl1 dt { width: 23%; line-height: 22px; float: left;}
.mycourse .showpic .dl1 dd {width: 77%; line-height: 22px; float: left;}
.mycourse .showpic .dl2 dd {max-height: 54px; overflow: hidden; font-size: 14px; padding-top: 5px;}

.myjobs {padding: 0 15px; overflow: hidden;}
.myjobs .span1 {
    display: block;
    border-left: 5px solid #7f88db;
    line-height: 22px;
    padding-left: 10px;
    margin: 10px 0;
}
.myjobs .showpic {padding: 0 10px 10px 10px; margin-top: 25px; background: #f4f4f4; border-radius: 10px; overflow: hidden;}
.myjobs .showpic img {border-radius: 5px; width: 100%; overflow: hidden;}
.myjobs .showpic ul {margin-top: 10px; overflow: hidden;}
.myjobs .showpic ul li {
    width: 32%;
    float: left;
    background: url(../images/libg.png) no-repeat left center;
    background-size: 10px 10px;
    padding-left: 15px;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 14px;
    overflow: hidden;
}
.myjobs .showpic ul li:nth-child(3n+3) {margin-right: 0;}
.myjobs .showpic p {display: block; font-size: 14px; overflow: hidden;}

.mywhy {padding: 35px 15px 0 15px; overflow: hidden;}
.mywhy .icons {margin-top: 25px; display: flex; justify-content: space-around; overflow: hidden;}
.mywhy .icons li {width: 23%; float: left; overflow: hidden;}
.mywhy .icons li span { 
    display: block; 
    width: 60px; 
    height: 60px; 
    text-align: center; 
    border-radius: 30px; 
    margin: 0 auto; 
    overflow: hidden;
}
.mywhy .icons li span img {width: 100%;}
.mywhy .icons li h3 { 
    display: block;  
    text-align: center; 
    padding-top: 8px; 
    font-size: 14px; 
    color: #111; 
    font-weight: 700;
}
.mywhy .icons li p {display: block; text-align: center; font-size: 12px; color: #666;}
.mywhy .piclist {margin-top: 15px; overflow: hidden;}
.mywhy .piclist div {width: 48%; border-radius: 5px; text-align: center; margin-top: 15px; overflow: hidden;}
.mywhy .piclist img {width: 100%;}

.myls {padding: 35px 15px; overflow: hidden;}
.myls .main {margin-top: 25px;}
.myls .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
.myls .swiper-slide {
    background: #fff;
    padding: 10px 10px 0 10px;
    border-radius: 10px;
    overflow: hidden;
}
.myls .swiper-slide img {width: 100%;}
.myls .swiper-pagination-bullet-active {background: #4c55a8;}
.myls .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;}
.myls .mtt { width: 100%; overflow: hidden;}
.myls .mtt dd {
    width: 10%;
    line-height: 32px;
    text-align: center;
    font-size: 16px; 
    font-weight: bold;
    color: #fff;
    float: left;
    background: url(../images/jt.png) no-repeat;
    background-size: 34px 32px;
}
.myls .mtt dt {
    width: 90%;
    float: left;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #111;
}
.myls_list {padding: 25px 15px; background: #f5f5f5; overflow: hidden;}
.myls_list .mylist {width: 100%; background: #fff; display: table; overflow: hidden;}
.myls_list .mylist .img {display: table-cell; width: 50%; vertical-align: middle;}
.myls_list .mylist .img img {width: 100%;}
.myls_list .mylist .dlbox {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}
.myls_list .mylist .dlbox dd {
    width: 34px; 
    height: 32px; 
    text-align: center;
    line-height: 32px;
    font-size: 16px; 
    font-weight: bold;
    color: #fff;
    background: url(../images/jt.png) no-repeat;
    background-size: 34px 32px;
}
.myls_list .mylist .dlbox dt {
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #111;  
}

.mybottom {background: #70cce1 ; padding: 20px 35px; margin-bottom: 60px; font-size: 14px; overflow: hidden;}
.mybottom span {color: #fff; float: left;}
.mybottom p {color: #fff; float: right;}

.mymmp {padding: 25px 15px 0 15px; overflow: hidden;}
.mymmp .mtt dd {
    width: 10%;
    line-height: 32px;
    text-align: center;
    font-size: 16px; 
    font-weight: bold;
    color: #fff;
    float: left;
    background: url(../images/jt.png) no-repeat;
    background-size: 34px 32px;
}
.mymmp .mtt dt {
    width: 90%;
    float: left;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #111;
}
.mymmp .img { width: 100%; padding-top: 25px; overflow: hidden;}
.mymmp .img img {width:100%;}

.myworks {padding: 0 15px; margin-top: 25px; margin-bottom: 35px; overflow: hidden;}
.myworks ul { margin-top: 25px; margin-bottom: 20px; overflow: hidden;}
.myworks ul li {width: 32%; margin-bottom: 8px; float: left; border-radius: 5px; overflow: hidden;}
.myworks ul li img {width: 100%;}
.myworks ul li:nth-child(3n+2) {margin-left: 2%; margin-right: 2%;}



/*定义mscale*/
@keyframes mscale {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.94);
    }
    100% {
      transform: scale(1);
    }
}

/*大于pad*/
@media only screen and (min-width: 750px) {
}

/*iphone 5*/
@media screen and (min-width: 320px) and (max-width: 374px) {

}