@import url(base.css);

body{
    background:#FFFCE7;
    font-size:18px;
    line-height: 30px;
}
.container{
    width:1200px;
    margin:0 auto;
}
.detail_title{ height:62px; width:100%; background:#192332;overflow: hidden;}

.detail_title {}
.detail_title h1 a{ display:block; height:52px; width:161px; background:url(../images/logo.png) center top no-repeat; float:left; margin:5px 0 0 0;}
.detail_submit{ float:left; width:420px; background:#474f5b; float:left; border-radius:20px; height:40px; line-height:40px; margin:11px 0 0 50px; position:relative}
.detail_submit input[type="text"]{border:0px;display:block;height:40px;line-height:40px;width:360px;padding-left:15px;border-bottom-left-radius:20px;border-top-left-radius:20px;font-size:14px;color:#999;background:#474f5b;outline: none;}
.detail_submit input[type="submit"]{ border:0px;height:21px; width:21px; background:url(../images/submit.png) no-repeat center; position:absolute; right:15px; top:10px; cursor:pointer}
.detail_title ul{ position:relative;}
.detail_title ul li{ float:left; margin-right:5px;}
.detail_title ul li a{ color:#FFF; font-size:14px; line-height:62px;}
.detail_title ul li input{height:40px;line-height:40px;background:#FFF;color:#999;font-size:14px;padding-left:10px;border-radius:5px;margin:10px 0 0 0;outline: none;}
.detail_title ul li input[type="button"]{ width:90px; color:#FFF; text-align:center; padding:0; cursor:pointer;}
.detail_title ul li:nth-child(3) input{ background:#05a7ff; width:60px;}
.detail_title ul li:nth-child(4) input{ background:#ff5970;}
.detail_title .link{
    float:left;margin-left:30px;margin-top:5px;
    width:532px;
}
.detail_title .link .btn-red{
    min-width: 90px;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 25px;
    background-color: #ff8901;
    border: 1px solid #ff8901;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    display: block;
    font-family: "Microsoft YaHei", sans-serif;
    cursor: pointer;
    float:right;
    margin: 8px 15px 0 0;
    box-shadow: none;
    box-sizing: border-box;
    min-width: auto;
}
.detail_title .link .btn-red:hover{
    background:#ff8901;
}
.detail_title img{
    vertical-align: top;
}

.footer{ padding:40px 0; background:#202d40;  overflow:hidden;}
.footer_logo{ height:156px; border-right:1px solid #516787; float:left; padding:0 40px;}
.footer_logo a{ display:block; width:238px; height:77px; background:url(../images/logo_footer.png) no-repeat center; margin-top:50px;}
.footer_cet{ float:left; padding:0 40px; height:156px;border-right:1px solid #516787;}
.footer_cet_qq{ width:350px; float:left; text-align:center; color:#fff; font-size:15px; margin:40px 30px 0;}
.footer_cet ul{ float:left}
.footer_cet ul li{ font-size:14px; color:#FFF; height:30px; line-height:30px; margin-top:15px;}
.footer_cet ul li a{ display:inline-block; width:120px; height:32px; background:url(../img/QQ.png) no-repeat center; vertical-align:middle; margin-left:10px;}
.footer_cet ul li:last-child{ color:#f0ff00;}
.footer_code{ float:left; margin-left:30px;}
.footer_code img{ height:93px; width:93px; display:block; float:left; margin-top:40px;}
.footer_code p{ float:left; margin:40px 0 0 30px;}
.footer_code p span{ display:block; font-size:15px; color:#FFF; margin-top:10px;}


.av_list{
    padding-top:20px;
}
.av_list a{
    display:inline-block;
    width:220px;
    height:320px;
    text-align: center;
    position: relative;
    margin:0px 10px;
    padding-top:20px;
    vertical-align: top;
    color:#45320E;
    float:left;
}
.av_list .ihot{
    position: absolute;
    left:10px;
    top:15px;
    display: block;
    height:80px;
    line-height: 50px;
    width:80px;
    background-size: 100% auto;
    font-style:normal;
    color:#DC3CAD;
    font-size:18px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -oz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.av_list span{
    display:block;
    vertical-align: middle;
}
.av_list .block{
   width:220px;
    height:220px;  
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -oz-border-radius: 50%;
    -ms-border-radius: 50%;
    overflow: hidden;  
}
.av_list .avator{
   width:220px;
    height:220px;
    background:#00AAFF;
}
.av_list .avator_img{
    position: absolute;
    width: 180px;
    height:250px;
    background:gray;
    top:0px;
    display: none;
    left:50%;
    margin-left:-94px;
    border:4px solid #fff;
    border-top-width: 8px;
    border-bottom-width: 8px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -oz-border-radius: 4px;
    -ms-border-radius: 4px;
    overflow: hidden;
}
.av_list a:hover .avator img{
    display:none;
}
.av_list a:hover .avator_img{
    display:block;
}
.av_list a:hover .ihot{
    display:none;
}
.av_list .name{
    height:30px;
    line-height: 26px;
    margin-top: 30px;
    font-size:14px;

}
.av_list .name b{
    display:block;
    font-size:18px;
}

.btn_more {
    text-align:center;
    cursor:pointer;
    background:url(../images/avMore.png) center top no-repeat;
    width:1200px;
    height:80px;
    margin: 0 auto;
}
.btn_more:hover{
    background-image:url(../images/avMore_hover.png);
}


.right{
    float:right;
}
.left{
    float:left;
}