/*
Template Name: 优易软件优质精品模板
Template URI: http://www.uuecs.com/
Description: 选模板当然去优易软件(uuecs.com) 
Version: 2.73
Author: 更多解决方案
Author URI: http://www.uuecs.com/
Logo filename: logo.gif
*/
@charset "utf-8";
/*
	index css
*/

/**************头部和底部响应式 start**************/
/*页面统一宽度*/
.container { width: 1230px; margin: 0 auto; position: relative; padding-right: 30px;}
@media (max-width:1260px) {
    .container{width: 982px;padding-right: 0;}
	.hide-982{ display: none!important;}
}
.body-1260 .container{width: 982px;padding-right: 0;}
.body-1260 .hide-982{ display: none!important;}

/*top-ad*/
.top-ad img{ width: 1920px; margin-left: -360px; *margin-right: -35px;}
@media (max-width:1260px) {
	.top-ad img{margin-left: -458px;}
}
.body-1260 .top-ad img{margin-left: -458px;}

/*quick-menu*/
.ul-quick-menu{position: absolute; right: 30px; top: 0;} 
@media (max-width:1260px) {
	.ul-quick-menu{ right: 0;}
}
.body-1260 .ul-quick-menu{ right: 0;}

/*sitemap*/
.li-sitemap .site-market {width: 375px; border-left: 1px solid #F5F5F5;}
.li-sitemap .site-brand {width: 270px; border-left: 1px solid #F5F5F5;}
@media (max-width:1260px) {
	.li-sitemap .site-market {width: 275px;}
	.li-sitemap .site-brand {width: 170px;}
}
.body-1260 .li-sitemap .site-market {width: 275px;}
.body-1260 .li-sitemap .site-brand {width: 170px;}

/*mall-search*/
.mall-search{ margin-left: 150px;  width: 550px; padding-top: 25px;}
.mallSearch-input{width: 399px!important; color: #999; margin: 0; *margin-top: -1px; position: relative; z-index: 2; width: 289px; height: 22px; line-height: 20px; padding: 5px 3px 5px 5px; outline: 0; border: 0; font-weight: 900; background: transparent url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 ; font: 16px/22px arial;}
.fixed-topbar .mall-search{ width: 790px; margin-left: 230px;}
.fixed-topbar .mallSearch-input{ width: 639px!important; }
@media (max-width:1260px) {
	.mall-search{ width: 390px; margin-left: 314px; }
	.mallSearch-input{ width: 239px!important;}
	.fixed-topbar .mall-search{ width: 600px; margin-left: 230px;}
	.fixed-topbar .mallSearch-input{ width: 499px!important; }
}
.body-1260 .mall-search{ width: 390px; margin-left: 314px; }
.body-1260 .mallSearch-input{ width: 289px!important;}
.body-1260 .fixed-topbar .mall-search{ width: 600px; margin-left: 230px;}
.body-1260 .fixed-topbar .mallSearch-input{ width: 499px!important; }

.main-nav-list{ margin-left: 205px;}
@media (max-width:1260px) {
	.main-nav-list{ margin-left: 190px;}
}
.body-1260 .main-nav-list{ margin-left: 190px;}

/*footer*/
@media (max-width:1260px) {
	.footer-ensure{width: 990px; background-image: url('../images/footer_ensure_990.jpg');}
	.footer-ensure a{width: 247px;}
	.footer-desc{width: 990px;}
	.footer-desc dl{padding-left: 15px; width: 150px;}
	.footer-desc .qr-code{ width: 110px;}
	.footer-copyright .container{ width: 990px;}
}
.body-1260 .footer-ensure{width: 990px; background-image: url('../images/footer_ensure_990.jpg');}
.body-1260 .footer-ensure a{width: 247px;}
.body-1260 .footer-desc{width: 990px;}
.body-1260 .footer-desc dl{padding-left: 15px; width: 150px;}
.body-1260 .footer-desc .qr-code{ width: 110px;}
.body-1260 .footer-copyright .container{ width: 990px;}
/**************头部和底部响应式 end**************/

/*main banner*/
.main-banner-wp{ overflow: hidden; height: 500px; position: relative;}
.main-banner{ position: relative; z-index: 2; top:0; left: 0; margin-left: -338px; width: 1920px;}
.main-banner-bd{ position: relative; z-index: 2;}
.main-banner-bd li{height: 500px;}
.main-banner-bd li img{ width: 1920px; height: 500px;}
.main-banner-hd{ position: absolute; z-index: 3; bottom: 20px; left: 0; width: 100%; text-align: center;}
.main-banner-hd li{background: url('../images/banner_pointer.png') no-repeat; width: 18px; height: 18px; border-radius: 11px; display: inline-block; *zoom:1; *display: inline; padding: 2px; overflow: hidden; margin-left: 10px; cursor: pointer; }
.main-banner-hd li.on{background: url('../images/banner_pointer_on.png') no-repeat;}
@media (max-width:1260px) {
	.main-banner{margin-left: -458px;}
}
.body-1260 .main-banner{margin-left: -458px;}

.main-banner-extra{position: absolute; z-index: 3; right: 0; top: 0;}
.main-banner-extra .vip-con{  background-color: rgba(0,0,0,.5); background-color: #797979\9; transition: background-color .2s; color: #fff; z-index: 100; position: absolute; right: 30px; width: 100px; height: 480px; top: 9px;}
.main-banner-extra .vip-con:hover{background-color: rgba(0,0,0,.8);}
.vip-con .avatar-con {width: 100%; height: 90px; overflow: hidden; }
.vip-con .avatar-con .avatar-default {background: url(../images/avatar_default.png) no-repeat; width: 70px; height: 70px; margin: 12px auto; }
.vip-con .avatar-con .avatar {display: block; width: 70px; height: 70px; border-radius: 35px; margin: 12px auto; }
.vip-con .login-info {margin: 0 auto; text-align: center; width: 80px; height: 83px; font-size: 12px; }
.vip-con .login-info .user-name {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vip-con a {display: block; line-height: 22px; height: 22px; color: #fff; }
.vip-con .login-info .login-button {margin: 9px auto 6px; background-color: #DD2727; border-radius: 12px; height: 24px; }
.vip-con .seprate {border-bottom: 1px dashed rgba(0,0,0,.3); width: 80px; margin: 0 auto; height: 0; }
.vip-con .more-info-con {height: 147px; overflow: hidden; }
.vip-con .more-info-con .more-info {margin-top: 20px; text-align: center; }
.vip-con .more-info-con .more-info li {line-height: 22px; height: 22px; }
.vip-con .more-info-con .more-info .iconfont {overflow: hidden; display: inline-block; font-size: 20px; margin-right: 5px; height: 22px; line-height: 22px; }
.vip-con .more-info-con .more-info span {overflow: hidden; display: inline-block; height: 22px; line-height: 22px; }
.vip-con .more-info-con .more-info .get-more {margin-top: 10px; }
.vip-con .more-info-con .point-con, .vip-con .more-info-con .coupon-con {height: 63px; text-align: center; }
.vip-con .more-info-con .point-con .title, .vip-con .more-info-con .coupon-con .title {margin: 10px auto 5px; }
.vip-con .more-info-con .point-con .title .iconfont, .vip-con .more-info-con .coupon-con .title .iconfont{margin-right: 3px;}
.vip-con .more-info-con .point-con .number, .vip-con .more-info-con .coupon-con .number {display: inline-block; *display: inline; font-size: 22px; height: 22px; line-height: 22px; color: gold; overflow: hidden; margin-right: 5px; }
.vip-con .more-info-con .point-con .unit, .vip-con .more-info-con .coupon-con .unit {display: inline-block; *display: inline; overflow: hidden; }
.vip-con .recommends-con {height: 154px; }
.vip-con .recommends-con .con-title {background-color: rgba(0,0,0,.15); height: 24px; line-height: 24px; text-align: center; }
.vip-con .recommends-con a {text-decoration: none; }
.vip-con .recommends-con .pic {height: 57px; width: 57px; margin: 17px auto 7px; display: block; border-radius: 28px;}
.vip-con .recommends-con .title, .vip-con .recommends-con .sub-title {text-align: center; }

.small-banner{position: absolute; right: 140px; top:9px;}
.small-banner a{display: block; width: 230px; height: 235px; margin-bottom: 10px; background-color: rgba(255,255,255,.7); -webkit-transition: background-color .4s; -ms-transition: background-color .4s; -o-transition: background-color .4s; -moz-transition: background-color .4s; transition: background-color .4s; filter: alpha(opacity=90); *background-color: #fff; *zoom:1;}
.small-banner a:hover{background-color: rgba(255,255,255,1);}

/*main-content*/
.main-content{font-family: "Microsoft YaHei"; background-color: #F5F5F5; color: #999; font-size: 12px;}

/*full-banner*/
.full-banner {margin-top: 10px; height: 90px; overflow: hidden; position: relative;}
.full-banner img{width: 1230px; height: 90px;margin-left: -0px;}
/*@media (max-width:1260px) {*/
	/*.full-banner img{ margin-left: -308px;}*/
/*}*/
/*.body-1260 .full-banner img{ margin-left: -308px;}*/

/*interact*/
.interact-hd{ text-align: center; padding-top: 0px; }
.interact{ padding-top: 15px; margin-right: -10px; height: 280px; overflow: hidden;}
.interact a{float: left; display: block; width: 238px; height: 280px; margin: 0 10px 10px 0;}
.interact a.last{ margin-right: 0;}
.interact a img{ width: 100%; height: 100%;}

/*areavip*/
.areavip-hd{ text-align: center; padding-top: 30px; font-size: 18px; color: #DD2727;}
.areavip-hd i{font-size: 18px;}
.areavip{ padding-top: 15px; margin-right: -10px; height: 130px; overflow: hidden;}
.areavip a{float: left; display: block; width: 238px; height: 130px; margin: 0 10px 10px 0;}
.areavip a.last{ margin-right: 0;}
.areavip a img{ width: 100%; height: 100%;}

/*floor*/
.floor-title{display: block; height: 45px; line-height: 50px; font-size: 17px; font-weight: 700;color: #000; padding-left: 5px; width: 220px; padding-top: 10px; position: relative;}
.floor-title b{background: url('../images/tmall_spirit2.png') no-repeat; display: block; position: absolute; width: 0px; height: 19px; bottom: 5px; left: 78px; background-position: -9999px -9999px;}
.floor-body{ background: #fff;}
/*floor-channel*/
.floor-channel{height: 360px;}
.floor-channel .floor-title b{background-position: -505px -100px;  width: 212px;}
.floor-channel .floor-body{height: 318px;}
.floor-channel .big-channel{ float: left; width: 25%; height: 100%;}
.floor-channel .big-channel img{width: 100%; height: 100%;}
.floor-channel .small-channel-wp{width: 75%; height: 100%; line-height: 50%; float: left;}
.floor-channel .small-channel{width: 33%; height: 50%; float: left; overflow: hidden;}
.floor-channel .small-channel img{ width: 100%; height: 100%;}
.floor-channel .small-channel-wp .sep{height: 115px; width: 1px; margin-top: 35px; float: left; display: block; background-color: #E7E7E7;}
@media (max-width:1260px) {
	.floor-channel{height: 402px;}
	.floor-channel .floor-body{ height: 351px;}
	.floor-channel .big-channel{ width: 33%;}
	.floor-channel .small-channel-wp{width: 67%;}
	.floor-channel .small-channel{ width: 49%; height: 50%;}
}
.body-1260 .floor-channel{height: 402px;}
.body-1260 .floor-channel .floor-body{ height: 351px;}
.body-1260 .floor-channel .big-channel{ width: 33%;}
.body-1260 .floor-channel .small-channel-wp{width: 67%;}
.body-1260 .floor-channel .small-channel{ width: 49%; height: 50%;}

/*floor-brand*/
/*.floor-brand{ height: 360px;}*/
.floor-brand .floor-title b{background-position: -505px -117px; width: 160px; height: 18px;}
.floor-brand .floor-body{height: 318px;    width: 1230px;}
.floor-brand .big-brand{float: left; height: 100%; width: 300px;}
.floor-brand .big-brand img{ width: 100%; height: 100%;}
.floor-brand .small-brand-wp{width: 930px; float: left; position: relative;}
.floor-brand .brand-nav{position: absolute; top: -27px; right: 0;}
.floor-brand .brand-nav li{font-size: 14px; display: inline-block; *zoom:1; *display: inline; height: 18px; line-height: 18px; margin: 0 15px; cursor: pointer; color: #666;}
.floor-brand .brand-nav li.on{color: #2F2F2F; font-weight: 700; border-bottom: 2px solid #000;}
.floor-brand .brand-list{height: 318px; overflow: hidden; position: relative;}
.floor-brand .brand-list li{height: 318px;}
.floor-brand .small-brand{border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; float: left; position: relative; text-align: center; display: block; width: 154px; height: 79px; line-height: 140px;}
.floor-brand .small-brand img{width: 100px; height: 40px; padding-top: 20px; margin: 0 auto; display: block;}
.floor-brand .small-brand .brand-love{display: none; position: absolute; font-size: 12px; top: 8px; right: 8px; width: 20px; height: 20px; background: #FFF; color: #C40000; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: .8; cursor: pointer; z-index: 20;}
.floor-brand .small-brand.hover .brand-love{ display: block;}
@media (max-width:1260px) {
	.floor-brand{height: 393px;}
	.floor-brand .floor-body{height: 351px;}
	.floor-brand .big-brand{width: 331px;}
	.floor-brand .small-brand-wp{width: 651px;}
	.floor-brand .brand-list,.floor-brand .brand-list li{height: 351px;}
	.floor-brand .small-brand{ width: 161px; height: 87px;}
	.floor-brand .small-brand img{ width: 90px; height: 45px; padding-top: 18px;}
}
.body-1260 .floor-brand{height: 393px;}
.body-1260 .floor-brand .floor-body{height: 351px;}
.body-1260 .floor-brand .big-brand{width: 331px;}
.body-1260 .floor-brand .small-brand-wp{width: 651px;}
.body-1260 .floor-brand .brand-list,.floor-brand .brand-list li{height: 351px;}
.body-1260 .floor-brand .small-brand{ width: 161px; height: 87px;}
.body-1260 .floor-brand .small-brand img{ width: 90px; height: 45px; padding-top: 18px;}

/*floor-market*/
.floor-market{ min-height: 1000px;}
.floor-market .floor-title b{background-position: -505px -133px; height: 20px; width: 160px;}
.floor-market .market-row{height: 590px; overflow: hidden; -webkit-transition: height .3s; -moz-transition: height .3s; -o-transition: height .3s; transition: height .3s; margin: 10px 0; *margin: 15px 0;}
.floor-market .market-item{overflow: hidden; width: 297px; height: 100%; position: relative; float: left; background-color: #FFF; margin-right: 8px; border: 2px solid #FFF;}
.floor-market .market-item.last{margin-right: 0;}
.floor-market .market-item.market-ad img{width: 100%; height: 100%;}
.floor-market .market-item .market-name{display: block; padding: 5px 0 0 10px; z-index: 10; position: absolute; color: #FFF; width: 90px; height: 95px; font-size: 14px; background: url('../images/tmall_spirit2.png') no-repeat;}
.floor-market .market-item-1 .market-name{background-position: 0 0;}
.floor-market .market-item-2 .market-name{background-position: -102px 0;}
.floor-market .market-item-3 .market-name{background-position: -204px 0;}
.floor-market .market-item-4 .market-name{background-position: -306px 0;}
.floor-market .market-item-5 .market-name{background-position: -408px 0;}
.floor-market .market-item-6 .market-name{background-position: -510px 0;}
.floor-market .market-item-7 .market-name{background-position: -612px 0;}
.floor-market .market-item-8 .market-name{background-position: -714px 0;}
.floor-market .market-item-9 .market-name{background-position: -816px 0;}
.floor-market .market-item-10 .market-name{background-position: -918px 0;}
.floor-market .market-item-11 .market-name{background-position: -1020px 0;}
.floor-market .market-item-12 .market-name{background-position: -1122px 0;}
.floor-market .market-item-13 .market-name{background-position: -1224px 0;}
.floor-market .market-item-14 .market-name{background-position: -1326px 0;}
.floor-market .market-item-15 .market-name{background-position: -1428px 0;}
.floor-market .market-item-16 .market-name{background-position: -1530px 0;}
.floor-market .market-item-17 .market-name{background-position: -1632px 0;}
.floor-market .market-item-18 .market-name{background-position: -1734px 0;}
.floor-market .market-item-19 .market-name{background-position: -1836px 0;}
.floor-market .market-item .market-name i{font-size: 19px; display: block;}
.floor-market .market-item .market-pic{width: 100%; height: 308px; position: relative; display: block;}
.floor-market .market-item .market-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 308px;}
.floor-market .market-item .market-intro{height: 112px; width: 214px; margin: 0 auto; background: url('../images/floor_market_intro_bg_2.png') no-repeat; position: relative; top: 170px; padding: 10px; text-align: center;}
.floor-market .market-item .market-intro .title{color: #2F2F2F; margin: 10px auto 0; font-size: 16px; width: 200px; overflow: hidden; white-space: nowrap;}
.floor-market .market-item .market-intro .sep{width: 80%; margin: 6px auto; height: 1px; border-bottom: 1px dashed #2F2F2F; display: block;}
.floor-market .market-item .market-intro .sub-title{white-space: nowrap; width: 200px; margin: 0 auto; overflow: hidden; color: #2F2F2F; font-size: 20px;}
.floor-market .market-item .market-channel{display: block; width: 280px; margin: 15px auto; margin-top: 10px; height: 70px; overflow: hidden;}
.floor-market .market-item .market-channel img{width: 70px; height: 70px; float: left;}
.floor-market .market-item .market-channel .intro{overflow: hidden; width: 180px; padding: 10px;}
.floor-market .market-item .market-channel .title{color: #2F2F2F; font-size: 16px; height: 24px; overflow: hidden; margin: 0;}
.floor-market .market-item .market-channel .subtitle{color: #c40000; font-size: 13px; height: 24px; overflow: hidden;}
.floor-market .market-more{ height: 0!important;}
.floor-market .market-more .market-item{ border: 0 none;}
.floor-market .market-more-show{width: 200px; height: 48px; text-align: center; border-radius: 22px; margin: 0 auto 20px; line-height: 44px; cursor: pointer; background: url('../images/tmall_spirit2.png') no-repeat; background-position: -131px -102px;}
@media (max-width:1260px) {
	.floor-market .market-row{ height: 474px;}
	.floor-market .market-item{ width: 235px; margin-right: 8px;}
	.floor-market .market-item .market-pic,.floor-market .market-item .market-pic img{ height: 256px;}
	.floor-market .market-item .market-intro{width: 214px; height: 112px; background: url('../images/floor_market_intro_bg_2.png') no-repeat; top: 120px;}
	.floor-market .market-item .market-intro .title{ margin: 10px auto 0;}
	.floor-market .market-item .market-channel{margin-top: 10px; width: 220px; height: 55px;}
	.floor-market .market-item .market-channel img{ width: 55px; height: 55px;}
	.floor-market .market-item .market-channel .intro{ width: 145px; padding: 10px;}
}
.body-1260 .floor-market .market-row{ height: 474px;}
.body-1260 .floor-market .market-item{ width: 235px; margin-right: 6px;}
.body-1260 .floor-market .market-item .market-pic,.body-1260 .floor-market .market-item .market-pic img{ height: 256px;}
.body-1260 .floor-market .market-item .market-intro{width: 214px; height: 112px; background: url('../images/floor_market_intro_bg_2.png') no-repeat; top: 120px;}
.body-1260 .floor-market .market-item .market-intro .title{ margin: 10px auto 0;}
.body-1260 .floor-market .market-item .market-channel{margin-top: 10px; width: 220px; height: 55px;}
.body-1260 .floor-market .market-item .market-channel img{ width: 55px; height: 55px;}
.body-1260 .floor-market .market-item .market-channel .intro{ width: 145px; padding: 10px;}

/*floor-nice*/
.floor-nice{}
.floor-nice .nice-title{color: #999; font-size: 28px; text-align: center; height: 43px; line-height: 43px; font-weight: 100; background: url('../images/tmall_spirit2.png') no-repeat; background-position: -726px -100px; width: 200px; margin: 10px auto 0;}
.floor-nice .nice-row{margin-right: -11px;}
.floor-nice .nice-item{float: left;}
.floor-nice .nice-item a{display: block; height: 100%; width: 232px; border: 2px solid #FFF; position: relative; background-color: #FFF; overflow: hidden; margin-right: 12px; margin-bottom: 12px;}
.floor-nice .nice-item.last a{ margin-right: 0!important;}
.floor-nice .nice-item a:hover{ border-color:#f0189d}
.floor-nice .nice-item .item-pic{display: block; width: 100%; height: 230px; overflow: hidden;}
.floor-nice .nice-item .item-pic img{display: block; position: relative; top: 50%; left: 50%; top: 0\9; left: 0\9; top: 50%\9\0; left: 50%\9\0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%;}
.floor-nice .nice-item .item-info{display: block; padding: 14px 12px 8px; text-align: left;}
.floor-nice .nice-item .item-info .item-desc{display: block; height: 34px; line-height: 14px; overflow: hidden;}
.floor-nice .nice-item .item-info .item-desc .item-name{font-size: 13px; line-height: 18px; color: #666;}
.floor-nice .nice-item .item-info .item-detail{text-align: center;position: relative; display: block; height: 33px; line-height: 22px; margin-top: 2px;}
.floor-nice .nice-item .item-info .item-detail .item-price{line-height: 32px; color: #F00;    font-size: 16px;}
.floor-nice .nice-item .item-info .item-detail .item-tag{position: absolute; top: 5px; right: 0;}
.floor-nice .nice-item .item-info .item-detail .item-tag img{height: 18px;}
.tmall-end{background: url('../images/tmall_spirit2.png') no-repeat; position: relative; content: '\20'; text-align: center; width: 130px; height: 72px; margin: 0 auto 10px; background-position: 0 -103px; z-index: 9;}
@media (max-width:1260px) {
	.floor-nice .nice-item a{ width: 183px; margin-right: 11px; margin-right: 9px\9; margin-bottom: 12px;}
	.floor-nice .nice-item .item-pic{ height: 190px;}
}
.body-1260 .floor-nice .nice-row{ height: 299px;}
.body-1260 .floor-nice .nice-item a{ width: 183px; margin-right: 11px; margin-right: 9px\9; margin-bottom: 12px;}
.body-1260 .floor-nice .nice-item .item-pic{ height: 190px;}