@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#222;background:#fff;width:100%;line-height:1.6;word-wrap:break-word;overflow-x: hidden;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color:#222;}
img{vertical-align: middle;}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}
.fix::after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
img{max-width: 100%; height: auto; }
.coll{color: #ff0000}.ti2{text-indent: 2em;}
.mr10{margin-right: 10px}.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt20{margin-top: 20px}


.container,.top{width: 1200px;margin-left: auto;margin-right: auto}
.container h2{border-bottom: 1px solid #DDD;margin: 20px 0;text-align: center;}
.container h2 span{font-weight: 400;border-bottom:3px solid #0596BE; font-size: 20px; line-height: 38px; display: inline-block; }
.head { padding: 12px}
.top-btn {padding-right: 15px;margin-top: 15px;float: right;}
.top-btn a {display: inline-block;width: 110px;  line-height: 32px; border-radius: 4px; text-align: center; color: #fff; font-size: 14px;margin-left: 15px;background: #FF5306;}
.top-btn a:first-child {background-color: #C42124;}

.content{line-height: 30px}
.range li{float: left;width: 18%;margin: 1%;box-shadow: 0 0 0 1px #DDD;text-align: center;line-height: 38px}
.range li a{display: block;}
.range li a:hover{color: #FB422A}
.ksfw li{float:left;text-align:center;width:200px;margin:10px 0;line-height:35px;}

.clickbtn a{display: inline-block;background: #FF5306;color: #fff;padding: 3px 25px;border-radius: 5px;margin: 15px 4px}
.clickbtn a:last-child{background: #FB422A}
.siedL,.siedR{width: 580px}
.kp_list li{float: left;margin: 0 10px;width: 270px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height: 34px;border-bottom: 1px dashed #ccc;padding:5px 0;}
.kp_list li a:hover{color: #C31E37}
.wap_tl{display: none;}
.hj_pic li{float: left;margin: 10px;width: 280px}
.hj_pic li img{max-width: 100%}
.friend-link{margin-bottom: 20px}
.friend-link li{float: left;width: 276px;line-height: 30px;margin: 8px;background:#eee;text-align: center;padding: 4px}


@media(max-width:900px){
  .top{width: 100%}
  .container{width: 96%;}
  .head{padding: 10px}
  .head>img{width:50%;}
  .top-btn{padding-right: 0;margin-top: 2px}
  .top-btn   a:first-child{display: none;}
  .clickbtn a{margin: 15px 4px 0}
  .content img{margin-bottom: 10px}
  .hotlist li{float: none;width: auto;}
  .scroll_bottom_left{display: none}
  .range li{width: 48%}
  .ksfw li{width:23%;margin:1%;font-size:13px}
  .ksfw li img{width:50px}
  .shop_list li{width:48%;margin: 1%;}
  .shop_list li a span{height: auto;}
  .shop_list li a h4{height: 26px;overflow: hidden;}
  .hj_pic li{width: 48%;margin: 1%;}
  .friend-link li{width: 46%;margin: 1%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding:1%}
  .kp_list li{width: 100%;margin: 1px 0}
  .siedL,.siedR{width: auto;float: none;}
  .wap_tl{display: block;}
  .pc_tl{display: none;}

}