@charset "utf-8";
/* Classinfo-CSS Document */

/******************** 首页主体 ********************/
/*****广告位开始*****/
.adfloat{ position:absolute;top:0px; right:0px; width:120px; z-index:999; height:20px; overflow:hidden;}
.adfloat p.divclose{ height:20px; background:url(../img/adfloatbg.png) no-repeat;}
.adfloat p.divshow{ height:20px; background:url(../img/adfloatbg.png) no-repeat 0px -20px; font-size:12px; padding-left:17px; line-height:19px; color:#fff;}

.ad_260x170 {margin:10px auto 0 auto; width:100%; height:170px; overflow: hidden; clear:both; position:relative;}
.ad_260x170 img { width:100%; height:170px;}


/*****轮播*****/
#carousel_box { margin:0;}
#carousel_box img { width:1140px; height:auto;}
.carousel_title { margin-top:3px; width:100%; height:2em; line-height:2em; text-align:center; background-color:#626262; font-size:16px; font-weight:500; color:#FFF;}
.carousel-inner .item img { max-width:860px; max-height:300px;}
@media screen and (max-width: 768px) {
    .carousel_title { font-size:12px; top:5px;}
    .carousel-inner .item img { max-height:150px;}
}


/*****搜索栏*****/
.search-bar { padding:0; margin:10px 0; backgroud-color:#563d7c;}
.search-bar input { background:url(../img/search.png) no-repeat 3px 4px; background-color:#FFF; padding-left:35px; width: 80%; float:left; border-radius:5px 0 0 5px; border:1px #337ab7 solid;}
.search-bar button { width: 20%; float:right; border-radius:0 5px 5px 0;}


/*****选项区开始*****/
.classdiv { position:sticky; overflow:hidden; top:55px; z-index :99;}
.class-nav { line-height:30px; background:#d9edf7; padding:0 10px; border:1px solid #337ab7;}
.class-nav a { margin-right:10px; color:#333; text-decoration:none;}
.class-nav a:hover { color:#f11f11;}
.class-nav em { float:right;}
#class-nav-content2 {display:none; background:#fff; line-height:30px; border:1px solid #dcdcdc; margin-top:5px; padding-left:10px;}  /* 初始状态隐藏 */
#class-nav-content2 a { display:inline-block; margin-right:10px;}
#class-nav-content2 a.selected { color:#DD2727; font-weight:bold;}


/*****风险提示*****/
.tip-url {display:block; border-radius:5px; line-height:30px; background-color:#337ab7; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url:hover { background-color:#187BF3; color:#FFF;}
.tip-url-green {display:block; border-radius:5px; line-height:30px; background-color:#090; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url-green:hover { background-color:#0C3; color:#FFF;}
.tip-red { line-height:30px; background-color:#DD2727; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-green { line-height:30px; background-color:#BFB; margin: 10px 0; padding:3px 10px; color:#060; text-align:center; font-weight:bold; border:1px solid #060;}
@media screen and (max-width: 768px) {
	.tip-red {line-height:20px; text-align:left; font-size:14px;}
	.tip-green {line-height:20px; text-align:left; font-size:14px;}
}


/*****店铺列表*****/
.shop-list { list-style-type:none; padding-left:0;}
.shop-itme { margin-top:10px; border:1px solid #DDDDDD; background-color:#FFFFFF; padding:10px; border-radius:5px;}
.shop-itme:hover { border:1px solid #c4e3f3; background-color:#d9edf7;}

.shop-itme-picbox {
    float:left; margin-right:10px;
    /* 父元素宽高 */
    width: 150px;
    height: 150px;
    overflow: hidden;/*这个属性是关键*/
}
.shop-itme-picbox img { width:150px; height:150px;}
.imgs-hober img{
    /* 过渡配置 */
    transition: all .5s ease .1s;
}
.imgs-hober:hover img {
    /* 放大1.2倍 */
    transform: scale(1.2);
}

.shop-itme-right { width:80%; float:right;}
.shop-itme-right h4 { margin-top:3px;}
.shop-itme-right h4 a { line-height:18px; font-weight:bold; color:#333; text-decoration:none;}
.shop-itme-right h4 a:hover { color: #218BC3;}
.shop-itme-right p { font-size:0.8em;}
.shop-itme-right p span { color:#337ab7; font-weight:bold;}

@media screen and (max-width: 1100px) {
	.shop-itme-right { width:75%;}
}
@media screen and (max-width: 770px) {
	.shop-itme-right { width:68%;}
}
@media screen and (max-width: 610px) {
	.shop-itme-right { width:70%;}
}
@media screen and (max-width: 550px) {
	.shop-itme-right { width:67%;}
}
@media screen and (max-width: 490px) {
	.shop-itme-right h4 { line-height:16px; margin-bottom:5px;}
	.shop-itme-right p { margin-bottom:5px;}
	.shop-itme-picbox { width:130px; height:130px;}
	.shop-itme-picbox img { width:130px; height:130px;}
	.shop-itme-right { width:68%;}
}
@media screen and (max-width: 420px) {
	.shop-itme-right h4 { font-size:14px; line-height:14px; margin-bottom:3px;}
	.shop-itme-right p { font-size:0.6em; margin-bottom:3px;}
	.shop-itme-picbox { width:120px; height:120px;}
	.shop-itme-picbox img { width:120px; height:120px;}
	.shop-itme-right { width:65%;}
}

@media screen and (max-width: 390px) {
	.shop-itme-picbox { width:110px; height:110px;}
	.shop-itme-picbox img { width:110px; height:110px;}
	.shop-itme-right { width:65%;}
}

@media screen and (max-width: 370px) {
	.shop-itme-right { width:63%;}
	.p1_hide { display:none;}
}
@media screen and (max-width: 325px) {
	.shop-itme-picbox { width:90px; height:90px;}
	.shop-itme-picbox img { width:90px; height:90px;}
	.shop-itme-right { width:65%;}
	.p2_hide { display:none;}
}


/*****分页*****/
.pagingbox { text-align:center;}
@media screen and (max-width: 360px) {
    .phonehide { display:none;}
}


/*****右侧边栏*****/
.sidebox { border:solid 1px #DDDDDD; padding:0; background-color:#FFFFFF; width:100%;}
.sidebox .tip { background-color:#DD2727; height:42px; line-height:42px; color:white; padding-left:10px; border-radius:0px;
           font-size:18px; border-top: solid 3px #f7ba01; }
.sidebox ul { list-style:none;  padding:0 10px;}
.sidebox ul li { line-height:25px; padding:5px 10px 5px 20px; background:url(../img/hot18.png) no-repeat 0px 9px; border-bottom:2px solid #DDD;}