﻿@charset "utf-8";
/* CSS Document */
img { width: 100%; }

.search_hot { background: #fff; margin-bottom: 10px; }

    .search_hot .hd { font-size: .34rem; margin-bottom: 15px; padding: 10px 20px; border-bottom: 1px solid #f3f3f3; position: relative; }
        .search_hot .hd a { position: absolute; right: 20px; margin-top: -4px; }
        .search_hot .hd .iconfont { font-size:20px!important;  }
        .search_hot .bd { padding-left: 20px; }
        .search_hot .bd a { display: inline-block; border: 1px solid #ddd; border-radius: 5px; height: 30px; line-height: 30px; padding: 0 10px; color: #333; margin-right: 15px; margin-bottom: 15px; font-size: .34rem; }
.sbtn { display: table; padding: 10px 35px; background: #fff; border-radius: 5px; margin: 0 auto; border: 1px solid #ddd; font-size: .34rem; }


.search_tip { background: #fffbea; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
    .search_tip a { padding: 15px; display: block; color: #85736e; }
        .search_tip a span { color: #d50000; border: 1px solid #d50000; border-radius: 5px; padding: 2px 5px; margin-left: 5px; }

.flyball { position: fixed; top: 0; left: 0; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear }
    .flyball .inner { position: absolute; top: 0; left: 0; background-color: #c61e29; border-radius: 50%; width: 0.35rem; height: 0.35rem; }
    .flyball, .flyball .inner { will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0) }
        .flyball .inner { transition: -webkit-transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0),-webkit-transform .5s cubic-bezier(.3,-.2,1,0) }

.search_header { background: #fff; }
    .search_header h3 { border-bottom: 1px solid #f3f3f3; padding: 10px; font-size: .34rem; color: #999; }
        .search_header h3 span { padding: 0 2px; color: #333; }

.search_jr { margin-bottom: 10px; }
.search_jr_bd { background: #fff; overflow: hidden; }
    .search_jr_bd ul { padding: 10px; }
        .search_jr_bd ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
        .search_jr_bd ul li { float: left; width: 1.3rem; margin-right: 20px; text-align: center; font-size: .3rem; }
            .search_jr_bd ul li .pic img { border-radius: 50%; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); }
            .search_jr_bd ul li .pic { margin-bottom: 5px; }
