body {
    font-family: Arial, Helvetica Neue, Helvetica, '宋体', Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    color: #000;
}
a{text-decoration: none;color: #000;}
a:visited {text-decoration: none;color: #000;}
a:active {text-decoration: none;color: #d12258;}
a:hover {text-decoration: none;color: #d12258;}
.tmmain {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    border: 1px solid #fff;
    padding-bottom: 200px;
    background: url("/assets/images/topbg.png") repeat-x;
    background-position-y: 170px;
}
.tmheader {
    display: flex;
    margin: 0px 55px 0px 55px;
    align-items:end;
    justify-content:space-between;
}
.tmheader .tmhleft{
    border: 0px solid #ff0000;
}
.tmheader .logo{
    margin-bottom:50px;
    text-align:left;
    width:147px;
}
.tmmain .cat {
    width: 142px;
    margin-bottom:35px;
}
.tmmain .girl {
    width: 160px;
    margin-right:10px;
    margin-top:55px;
    border: 0px solid #ff0000;
}
.tmmain .tmtit {
    width: 290px;
    color: #fff;
    margin-bottom:50px;
}
@media (max-width: 640px) {
    .tmheader {
        display: flex;
        margin: 0px 30px 0px 30px;
        align-items: end;
        justify-content: space-between;
    }
    .tmheader .logo {
        width: 100px;
        margin-bottom:30px;
    }
    .tmmain .cat {
        width: 80%;
        margin-bottom: 15px;
    }
    .tmmain .girl {
        
    }
    .tmmain .tmtit {
        width:50%;
        margin-bottom:30px;
    }
}
.tmbody {
    width: auto;
}
.searchbox {
    margin:0px 55px 0px 55px;
    background-color: #fff;
    border-radius: 30px;
    padding:60px 60px 0px 60px;
}
.searchbox .stit{
    width:145px;
}
.searchbox .stit2{
    width:331px;
}
.searchbox .sinput{
    margin-top:10px;
}
.searchbox .form-control{
    border:1px solid #939393;
    border-radius:0px;
    padding:12px 16px;
}
.searchbox .sbtnbar{
    width:100%;
    text-align:center;
    margin:30px auto 0px;
    width:141px;
}
.searchbox .sbtnbar img{
    cursor:pointer;
    width:100%;
}
@media (max-width: 640px) {
    .searchbox {
        margin: 0px 35px 0px 35px;
        border-radius: 20px;
        padding: 30px 30px 30px 30px;
    }
    .searchbox .stit{
        font-size:18px;
    }
    .searchbox .form-control{
        padding:8px 12px;
    }
    .searchbox .sbtnbar{
        margin:30px auto 0px;
        width:121px;
    }
}
.resultbox {
    margin: 0px;
    text-align: center;
}
.resultbox .rbicon{
    margin:30px auto 0px;
    width:79px;
}
.resultbox .rbtit1 {
    font-size: 25px;
    color: #b6615e;
    text-align:center;
    margin:10px auto 0px;
    width:366px;
}
.resultbox .rbtit2 {
    text-align:center;
    margin:10px auto 0px;
    width:536px;
}
.resultbox .rblist{
    width:70%;
    margin:20px auto;
}
.resultbox .rbitem{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
@media (max-width: 640px) {
    .resultbox .rbicon {
        width: 65px;
    }
    .resultbox .rbtit1 {
        font-size: 18px;
    }
    .resultbox .rblist {
        width: 100%;
    }
}
.slogan {
    font-size: 15px;
    color: #363636;
    margin: 100px auto 0px;
    text-align:center;
    width:125px;
}
@media (max-width: 640px) {
    .slogan {
        font-size: 18px;
    }
}
.copyright{
    text-align:center;
   
}
.qrcode {
    width: 150px;
    margin: 40px auto 0px;
    padding: 15px;
    border: 1px solid #939393;
    border-radius: 10px;
}
.topgradient {
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, #c38987, #fff);
}
.bottomgradient {
    width: 100%;
    height: 200px;
    /*background: linear-gradient(to bottom, #fff, #92808e);*/
    background: url("/assets/images/bottombg.png") no-repeat;
    background-position:bottom center;
    background-size:100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}