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; }
.myhead {margin: 30px auto; overflow: hidden;}
.myhead h1 {
    font-size: 26px; 
    font-weight: bold; 
    color: #b8312f;
    text-align: center;
    margin-bottom: 10px;
}
.myhead .rep {
    width: 100%; 
    font-size: 16px; 
    overflow: hidden; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    text-align: center;
}
.myhead .rep img {display: inline-block; width: 18px; height: 24px; float: left;; overflow: hidden;}
.myhead .rep p {display: inline-block; line-height: 16px; color: #999; padding: 0 5px; float: left;}
.myhead .rep span {
    display: inline-block; 
    padding: 2px 8px;
    line-height: 18px;
    border-radius: 5px;
    color: #fff; 
    background-image: linear-gradient(to right, #e6322e , #ff1962);
    float: left;
    overflow: hidden;
}
.mytitle {margin: 30px 0; overflow: hidden;}
.mytitle .main_t {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    overflow: hidden;
}
.mytitle .main_t img {width: 20px; height: 18px; overflow: hidden;}
.mytitle .main_t h1 {
    font-size: 22px; 
    font-weight: bold;
    color: #111;
    padding: 0 5px;
}
.mytitle .main_t h1 span {color: #fba026;}
.mytitle .des {font-size: 14px; color: #111; line-height: 18px; text-align: center; margin-top: 10px; overflow: hidden;}
.mybutt {width: 68%; margin: 30px auto 0 auto; overflow: hidden;}
.mybutt a {display: block; background: #4c55a8; font-size: 16px; color: #fff; text-align: center; line-height: 40px; border-radius: 5px; overflow: hidden;}

/**main css**/
.mybtn .anbtn {
    display: block; 
    width: 100%; 
    line-height: 40px; 
    background-image: linear-gradient(to right, #e6322e , #ff1962);
    color: #fff; 
    font-size: 16px; 
    font-weight: bold;
    text-align: center; 
    border-radius: 5px; 
    overflow: hidden; 
    border: none;
}
.swiper-container-mybm {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    background: url(../images/laba.png) no-repeat 35px center;
    background-size: 25px 20px;
}
.mybmlist {background: #faecec; border-radius: 5px; margin-top: 25px; padding: 10px 0; overflow: hidden;}
.mybmlist .swiper-slide {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.mybmlist .swiper-slide p {display: inline-block; padding: 5px; margin: 0 5px;}
.mybmlist .swiper-slide p:last-child {background: #e6322e; color: #fff; border-radius: 5px; overflow: hidden;}

.myprospect {padding: 0 15px; overflow: hidden;}
.myprospect .main {overflow: hidden;}
.swiper-container-wages {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}
.myprospect .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    border: 5px solid #7f88db; 
    border-radius: 5px;
    /* 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;
}
.myother {font-size: 14px; color: #6c3113; text-align: center;}
.myprospect .swiper-pagination-bullet-active {background: #7f88db;}

.mytrade {padding: 0 15px 30px 15px; overflow: hidden; background: #7f88db; margin-top: 30px;}
.mytrade .main_t h1,
.mytrade .mytitle .des {color: #fff;}
.mytrade .main {width: 95%; margin: 0 auto;}
.teade_list {
    display: table;
    width: 100%;
    padding: 15px; 
    background: #fff; 
    border-radius: 10px; 
    margin-bottom: 15px; 
    overflow: hidden;
}
.teade_list:last-child {margin-bottom: 0;}
.teade_list .img {display: table-cell; width: 20%; text-align: center; vertical-align: middle;}
.teade_list .img img {width: 100%;}
.teade_list .des {display: table-cell; padding-left: 10px; vertical-align: middle;}
.teade_list .des h3 {font-size: 16px; font-weight: bold; overflow: hidden;}
.teade_list .des p {font-size: 14px; color: #111; line-height: 18px; margin-top: 5px; overflow: hidden;}
.mytrade .mybutt a {background: #fff; color: #111;}

.mypattern {padding: 0 15px; overflow: hidden;}
.mypattern .main {overflow: hidden;}
.mypattern .showlist {width: 47%; overflow: hidden;} 
.mypattern .showlist:nth-child(1),
.mypattern .showlist:nth-child(2) {margin-bottom: 15px;}
.mypattern .showlist img {width: 100%; border-radius: 5px; overflow: hidden;}
.mypattern .showlist span {
    display: block; 
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #111;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
}
.mypattern .showlist span:after {
    content: '';
    display: block;
    width: 16%;
    height: 3px;
    background: #7f88db;
    position: absolute;
    left: 42%;
    bottom: 0;
}
.mypattern .showlist p {
    display: block; 
    font-size: 14px; 
    color: #232323; 
    text-align: center; 
    line-height: 18px;
	height: 100px;
    padding-top: 5px;
	overflow: hidden;
}

.page_ad {display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; margin-top: 30px;}
.page_ad img {width: 100%;}

.mychance {background: #e7e9f8; overflow: hidden;}
.mychance .mainbox {padding: 0 15px 15px 15px; overflow: hidden;}
.mychance .showpic {margin-bottom: 15px; overflow: hidden;}
.mychance .showpic:last-child {margin-bottom: 0;}
.mychance .showpic h3 {
    display: block; 
    width: 100%; 
    background: url(../images/chance.png) no-repeat center; 
    background-size: 130% 100%; 
    line-height: 40px; 
    text-align: center; 
    color: #fff; 
    font-size: 14px; 
    font-weight: bold;
}
.mychance .showpic .pic {background: #fff; padding: 20px;}
.mychance .pic p {font-size: 12px; color: #111; line-height: 20px; text-indent: 20px; margin-bottom: 15px;}


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

}