a {text-decoration: none;color: #999;}
a:hover {color: #fff; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.mytop {height: 50px; background: #05a6a2; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; color: #fff;}
.mytop img {width: 14%; margin-right: 4px;}

.mytitle {overflow: hidden; margin: 20px auto;}
.mytitle .title {display: flex; justify-content: center; align-items: center; text-align: center;}
.mytitle img {width: 28px; height: 21px;}
.mytitle h1 {font-size: 26px; font-weight: bold; color: #111; padding: 0 5px;}
.mytitle h1 span {color: #ef3838;}
.mytitle .describe {width: 90%; margin: 10px auto 0 auto; text-align: center;}

.myzx { width: 80%; margin: 0 auto 30px; overflow: hidden;}
.myzx a {
    display: block; 
    width: 100%; 
    line-height: 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    background-image: -webkit-linear-gradient(45deg, #ef3838, #f05050); 
    color: #fff; 
    overflow: hidden;
}

.mycourse {padding: 0 15px; overflow: hidden;}
.mycourse .mytitle {margin-bottom: 5px;}
.mycourse .showpic { width: 47%; margin-top: 25px; overflow: hidden; }
.mycourse .showpic .imgs { text-align: center; border-radius: 5px; overflow: hidden;}
.mycourse .showpic .imgs img {width: 100%;}
.mycourse .showpic h3 a {
    display: block; 
    padding-top: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ef3838;
}
.mycourse .showpic p {
    display: block;
    height: 56px;
    padding-top: 8px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    padding-left: 25px;
    overflow: hidden;
}
.mycourse .showpic .p1 {
    background: url(../images/c_icon1.png) no-repeat left center;
    background-size: 18px 18px;
}
.mycourse .showpic .p2 {
    background: url(../images/c_icon2.png) no-repeat left center;
    background-size: 18px 18px;
}

.mycollect {background: #fff; padding: 0 15px;}
.mycollect .mybox {background: #fff; padding: 30px 15px; border-radius: 5px;}
.mycollect h1 {font-size: 26px; font-weight: bold; display: block; width: 100%; text-align: center; color: #ef3838;}
.mycollect img {display:block; width: 80%; margin: 10px auto;}
.myinput {overflow: hidden; margin-top: 15px;}
.myinput .inputbox {margin-bottom: 15px; line-height: 35px; overflow: hidden; font-size: 14px;}
.myinput .inputs {width: 100%; line-height: 40px; border-radius: 5px; padding-left: 8px; border: 1px solid #d4d4d4; overflow: hidden;}
.mybtn .anbtn {
    display: block; 
    width: 100%; 
    line-height: 40px; 
    background-image: -webkit-linear-gradient(45deg, #ef3838, #f05050); 
    color: #fff; 
    font-size: 16px; 
    text-align: center; 
    border-radius: 8px; 
    overflow: hidden; 
    border: none;
    animation: mscale 1s infinite;
    /*Safari and Chrome*/
    -webkit-animation:mscale 1s infinite;  
}

.mywages {overflow: hidden;}
.mywages .mybox {padding: 0 15px; overflow: hidden;}
.mywages .side1 {background: url(../images/zqimg.jpg) no-repeat center; background-size: 100% 100%; padding: 15px; position: relative;}
.mywages .side1:after {
    content: ''; 
    display: block; 
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
    border-top: 15px solid #05a6a2;
    position: absolute;
    bottom: -15px;
    left: 45%;
    z-index: 2;

}
.mywages .side1 h2 {font-size: 20px; font-weight: bold; color: #fff; display: block; text-align: center;}
.mywages .side1 p {font-size: 14px; color: #fff; display: block; text-align: center; margin-top: 10px;}
.mywages .side2 {margin-top: 30px; overflow: hidden; margin-bottom: 30px;}
.mywages .shead {display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; font-weight: bold;}
.mywages .shead span {display: inline-block; padding: 0 8px; background: #05a6a2; color: #fff; border-radius: 5px; overflow: hidden; margin-right: 5px;}
.mywages .side2 p {display: block; text-align: center; font-size: 14px; color: #111; margin: 15px;}
.mywages .side2 img {width: 90%; margin: 0 10%;}

.mybmh {background: #eaeaea; padding: 0 15px; overflow: hidden;}
.mybmh .main {width: 100%; margin: 0 auto 30px auto; overflow: hidden;}

.mysxrq {overflow: hidden;}
.mysxrq .main {padding: 0 15px; overflow: hidden;}
.mysxrq .main li {width: 49%; float: left; margin-bottom: 15px; padding-bottom: 50px; position: relative;}
.mysxrq .main li:nth-child(2n+2) {float: right;}
.mysxrq .main li img {width: 100%; border-radius: 5px; overflow: hidden;}
.mysxrq .main .text {width: 80%; background: #fff6f6; border-radius: 5px; position: absolute; left: 10%; bottom: 5px; z-index: 2;}
.mysxrq .main .text span {display:block; font-size: 14px; font-weight: bold; color: #333; text-align: center; line-height: 30px;}
.mysxrq .main .text p {display: block; padding: 0 5px 5px 5px; text-align: center; font-size: 14px;}

.mycouse {background: #eaeaea; padding: 0 15px; overflow: hidden;}
.mycouse .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}
.mycouse .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.myshizi {overflow: hidden;}
.myshizi .main {padding: 0 15px; overflow: hidden;}
.myshizi .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
.myshizi .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    border-radius: 10px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.myshizi .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;}
.myshizi .swiper-pagination-bullet-active {background: #fb5a5a;}
.myshizi .myzx {margin-top: 25px;}

.myjiaox {background: #eaeaea; overflow: hidden;}
.myjiaox .main {margin: 0 15px; overflow: hidden;}
.myjiaox li {margin-bottom: 25px; overflow: hidden;}
.myjiaox .main h2 {display: block; background: url(../images/jiaox-bg.png) no-repeat center; background-size: 100% 100%; line-height: 35px; text-align: center; font-size: 18px; font-weight: bold; color: #fff;}
.myjiaox li div {padding: 8px; background: #fff;}
.myjiaox li p {font-size: 14px; color: #111; text-align: center; margin-bottom: 15px;}

.myjxhj { padding-bottom: 30px; overflow: hidden;}
.myjxhj .main {padding: 0 15px; overflow: hidden;}
.myjxhj .main li {
    width: 48%;
    float: left;
    border-radius: 5px;
    background: #fff4f2;
    text-align: center;
    margin-top: 15px;
    overflow: hidden;
}
.myjxhj .main li:nth-child(2n+2) {float: right;}
.myjxhj .main li p {display: block; line-height: 30px; color: #111;}


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

.myzuopin {overflow: hidden;}
.myzuopin .main {padding: 0 15px 25px 15px; overflow: hidden;}
.myzuopin .main li {width: 32%; float: left; margin-right: 1%; margin-bottom: 5px; overflow: hidden; text-align: center;}
.myzuopin .main li:nth-child(3n+3) {margin-right: 0;}

.myhzdw {overflow: hidden; background: #eaeaea;}
.myhzdw .main {margin: 0 15px; margin-bottom: 25px; background: #fff; border-radius: 5px; padding: 25px 15px; overflow: hidden;}
.myhzdw .main img {width: 100%;}
.myhzdw .main p {font-size: 12px; color: #111; margin-top: 15px;}

.myzs {overflow: hidden;}
.myzs .main {padding: 0 15px ; overflow: hidden;}
.myzs .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}
.myzs .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.myzs .swiper-slide img {width: 100%; overflow: hidden;}
.myzs .swiper-slide p {font-size: 12px; line-height: 30px; text-align: center; color: #111;}

.mydbbd {overflow: hidden;}
.mydbbd .myinput {padding: 0 15px 30px 15px;}


/*底部导航*/
.nav_list {
    width: 100%;
    height: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    overflow: hidden;
}
.nav_list i {font-size: 20px; color: #ef3838;}
.nav_list  p {
    display: block; 
    font-size: 12px; 
    line-height: 18px;
    padding-top: 5px;
}
.nav_list .nav_xf,
.nav_list .nav_dh{
    width: 22%; 
    height: 100%;
    float: left; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
 }
.nav_list .nav_lq {
    width: 56%; 
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    
}
.nav_list .nav_lq a {
    display: block; 
    width: 90%; 
    line-height: 35px;
    height: 35px; 
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    background-image: -webkit-linear-gradient(45deg, #ef3838, #f05050); 
    overflow: hidden;
    animation: mscale 1s infinite;
    /*Safari and Chrome*/
    -webkit-animation:mscale 1s infinite;    
}


/*定义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) {

}