@media only screen and (min-width:768px){
.section1{padding-top:30px;display:flex;justify-content:space-between;align-items:center}
section>.title{height:66px;display:flex;justify-content:space-between;align-items:center;font-size:20px}
section>.title>a{color:#999;font-size:14px}
section>.title>h2{display:flex;align-items:center;font-size:20px;font-weight:400}
.section2>.surname li{display:inline-block;height:60px;width:60px;background:url(/uploads/image/tmimg/tian.png) no-repeat;background-size:100% 100%;line-height:60px;text-align:center;font-weight:700;font-size:30px;margin-right:13px;margin-bottom:20px}
.section2>.surname li:nth-of-type(13n){margin-right:0}
section>.article{padding-top:20px;display:flex}
section>.article .left{width:328px;border-right:1px solid #ebebeb;min-height:100px;flex-shrink:0;padding-right:10px}
section>.article .right{display:inline-block;width:658px;padding-left:10px;flex-shrink:0}
section>.article .right>.warp{display:inline-block;width:320px;vertical-align:top;}
section>.article .right>.warp:nth-of-type(n 3){border-bottom:0;margin-bottom: 0;}
section>.article .tap{height:24px;border-radius:6px;color:#7090a8;text-align:center;line-height:24px;margin-bottom:10px;font-size:12px;display:inline-block;padding:0 8px;font-size: 16px;font-weight: 700;}
.article .tap .iconfont{display:none}
section>.article ul{padding-bottom:10px}
section>.article .left .grapic{display:flex;margin-bottom:10px}
section>.article .left .grapic>a{margin-right:5px}
section>.article .left .grapic>div{display:flex;flex-direction:column}
section>.article .left .grapic img{width:120px;height:82px;display:inline-block}
section>.article .left .grapic>div>a{color:#7a59c2;font-weight:700;margin-bottom:6px}
section>.article .left .grapic>div>span{color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:30px;width:190px;height:60px}
section>.article .left .up li,section>.article .right>.warp li{width:47%;display:inline-block;overflow:hidden;color:#666;font-size:14px;white-space:nowrap;padding-left:10px;position:relative;line-height:30px}
section>.article .right>.warp li{width:100%;line-height:30px;font-size: 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section>.article .left .down li{line-height:30px;margin-bottom: 4px;color:#666;display:flex;align-items:center}
section>.article .left .down li i{width:32px;display:inline-block;height:32px;background:#d1d1d1;border-radius:50%;line-height:32px;text-align:center;color:#fff;font-size:24px;transform:scale(.5);flex-shrink:0}
section>.article .left .down li:nth-of-type(1) i{background:#c083ec}
section>.article .left .down li:nth-of-type(2) i{background:#e878a5}
section>.article .left .down li:nth-of-type(3) i{background:#71b5de}
section>.article .left .down li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;font-size: 16px;}
section>.article li a:hover{color:#2c74ab;text-decoration:underline}
.baby-icon,.book-icon{display:inline-block;width:30px;height:30px;background:url(/uploads/image/tmimg/fenghuang.png) no-repeat;background-size:30px 30px;overflow:hidden;margin-right:10px}
#qiming-form input{background:#f3f3f3}
#qiming-form>p{text-align:center}
#qiming-form>p span{color:#ba4a57}
.a-warp,.b-warp,.c-warp{display:flex;height:45px;width:100%;background:#f3f3f3;margin-bottom:10px;border-radius:6px;align-items:center;padding:0 10px;font-size:16px}
.a-warp label>span,.b-warp label>span,.c-warp label>span{display:none}
.a-warp>label{width:140px}
.a-warp>div{display:flex}
.a-warp>div>label i{padding-left:18px;margin-right:10px;position:relative}
.a-warp>div>label i::before{content:'';width:16px;height:16px;position:absolute;left:0;top:50%;transform:translatey(-50%);background:#cecece;border-radius:50%}
.a-warp>div>label input:checked i::before{content:'✓';background:#2f3a65;color:#fff;text-align:center;line-height:16px;font-size:12px}
.x-warp{width:100%;height:52px;background:url(/uploads/image/tmimg/subbg.png) no-repeat;background-size:100% 100%;text-align:center;line-height:52px;font-size:18px;color:#fff;cursor:pointer;margin-bottom:10px}
.friend_link{background:#282828;height:30px;padding:0 10%;color:#a5a5a5;display:flex;line-height:30px;width:100%}
.friend_link a{color:#a5a5a5}
.friend_link>*{margin-right:10px}
.swiper-slide{position:relative}
.swiper-slide .text{position:absolute;top:0;left:0;height:30px;background:rgba(0,0,0,.4);color:#fff;text-align:center;width:100%;line-height:30px;font-size:16px}
.index-ceming-red .tit{line-height: 40px;font-size: 16px;}
.qmz{width: 320px;height: 220px;flex-shrink: 0;overflow: hidden;}
.qmz a{color: #999;font-size: 18px;}
.qmz a:hover,.qmz a:hover .iconfont{color: #7090a8;}
.qmz a .iconfont{margin-right: 6px;font-size: 18px;color: #e4b06d;}
.qmz .qmz-tit a{color: #333;margin-bottom: 0;}
.section1 .swiper-container{margin-left:0;margin-right:0;}
.qmz-tit{height: 40px;width: 100%;line-height: 40px;padding: 0 10px;display: flex;justify-content: space-between;}
.qmz .qmz-tit .fright{font-size: 14px;color: #999;}
.surname-list{display: flex;flex-wrap: wrap;overflow: hidden;}
.surname-list a{
    width: 35px;
    height: 30px;
    line-height: 30px;
    flex-shrink: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.tools{
    width: 320px;
    height: 220px;
    border: 1px solid #7090a8;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}
.article.map ul{
display: flex;
font-size: 16px;
color: #ba4a57;
}
.article.map ul li{
    margin-right: 20px;
}
}
@media only screen and (max-width:768px){
.qmz-tit{display: flex;justify-content: space-between;height: 30px;line-height: 30px;padding: 0 8px;}
.qmz .qmz-tit .fright{font-size: 14px;color: #999;}
.qmz{border: 1px solid #7090a8;flex-shrink: 0;padding: 20px;margin-bottom: 10px;max-height: 260px;overflow: hidden;}
.qmz .qmz-tit a{text-align: center;font-size: 18px;}
.qmz .surname-list{display: flex;flex-wrap: wrap;}
.qmz .surname-list a{color: #666;width: 10%;height: 30px;line-height: 30px;text-align: center;flex-shrink: 0;font-size: 16px;font-weight: 400;}
.swiper-container{margin-bottom:12px}
.swiper-slide{position:relative}
.swiper-slide .text{position:absolute;bottom:0;left:0;color:#fff;text-align:center;width:100%;line-height:20px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;height:28%;font-size:16px;background-image:linear-gradient(-180deg,transparent,rgba(0,0,0,.8))}
section{padding:0 10px;border-bottom:8px solid #f8f8f8}
section a{color:#666;font-size:16px;}
.section1{padding-top:10px}
.section1 .swiper-container{width:100%;height:160px;    border-radius: 4px;
    overflow: hidden;display:none;}
.section1 .swiper-container img{height:100%;width:100%}
.section1 .form{overflow:hidden}
.container section>.title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f8f8f8;height:46px;font-size:16px}
.container section>.title h2{font-size:18px;font-weight:400;display: flex;align-items: center;color: #caa456;}
.container section>.title>a{color:#caa456}
.section2>.surname{padding:10px 0;display:flex;justify-content:flex-start;flex-wrap:wrap}
.section2>.surname li{display:inline-block;height:40px;width:40px;background:url(/uploads/image/tmimg/tian.png) no-repeat;background-size:100% 100%;line-height:40px;text-align:center;margin-right:10px;margin-bottom:10px}
.section2>.surname li a{color:#666;font-size:20px}
.section3 .line{display:none}
.container .section3>.title{display: none;}
.article .tap{font-size:18px;height:40px;line-height:40px;color: #caa456;font-weight:400;    border-bottom: 1px solid #efe2c8;}
.article .tap .iconfont{font-size:18px;margin-right:5px;color:#caa456}
.article .tap a{    color: #c49d4d;
    font-weight: 700;
    font-size: 18px;}
.article li{height:50px;line-height:50px;border-bottom:1px dotted #ebebeb;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;}
.article li:last-of-type{border-bottom: none;}
.grapic{display:flex}
.grapic>a img{width:90px;height:auto;margin-right:10px;border-radius: 4px;}
.grapic>div{padding-bottom:10px}
.grapic>div>a{display:block}
.grapic>div>span{color:#c1c1c1;font-size:14px;line-height:18px;display:inline-block;height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.friend_link{display:none}
.index-ceming-red .tit{line-height: 30px;font-size: 16px;}
.right .warp{position: relative;margin-top: 8px;}
.right .warp::before{content:'';position: absolute;top: -8px;left: -10px;right: -10px;height: 8px;background-color: #f8f8f8;}
}