/*****************全局修改****************/
body {
    overflow-x:hidden;
}

.navigation-container {
    border:none;
}

.main-container-outer {
    width:100%;
    /*background:rgb(240,240,240);*/
    overflow: hidden;
}

.main-container {
    width:1170px;
    /*height:1184px;*/
    position: relative;;
    margin:0 auto;
}

.container {
    
}

.direction {
    
}

.footer {
    padding-top:20px;
    background:#fff;
}

.right-sort-container {
    width:191px !important;
}



/************代码复用片段*************/



.choice-group-container 
{
    width:1170px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:40px;
}

.choice-group 
{
    width:1170px;
    height:50px;
    transition:height 0.5s ease;
}

.choice-group:first-child {
    line-height: 70px;
    height:70px;
}
.choice-group:first-child .choice-title{
    line-height: 70px;
    height:70px;
}
.choice-group:first-child .choice-container {
    height:70px;
}

.choice-group li
{
    cursor:pointer;
}

.choice-group li:hover 
{
    color:#966;
}

.store-item input
{
    width:0;
    height:0;
    display:none;
}

.store-item img 
{
    width:50px;
    margin:0 23px;
    height:50px;
    cursor:pointer;
}

.choice-option 
{
    float:right;
    width:150px;
    line-height:40px;
}

.multiple
{
    float:right;
    color:#696;
    margin-right:10px;
    cursor:pointer;
}

.more 
{
    color:#696;
    float:right;
    cursor:pointer;
}

.choice-title 
{
    width:200px;
    height:50px;
    background:#eee;
    text-align:center;
    line-height:50px;
    font-size:16px;
    color:#333;
    border:1px solid #ccc;
    border-bottom:none;
    border-right:none;
    box-sizing:border-box;
    float:left;
    transition:height 0.5s ease;
}

.choice-container
{
    width:970px;
    height:50px;
    line-height:50px;
    float:left;
    border:1px solid #ccc;
    border-bottom:none;
    box-sizing:border-box;
    padding:5px;
    padding-left:10px;
    transition:height 0.5s ease;
}

.choice-item-group 
{
    width:800px;
    height:40px;
    line-height:40px;
    float:left;
}

.choice-item-group ul 
{
    height:50px;
    overflow:hidden;
    transition:height 0.5s ease;
}

.choice-item-group:first-child ul {
    margin-top:10px;
    height:70px;
}

.choice-item-group ul li 
{
    float:left;
}

.choice-item-group ul li.store-item
{
    height:50px;
    width:100px;
    margin-bottom:25px;
}


.main-items-container 
{
    width:100%;
    /*height:750px;*/
/*    background:#eee;*/
}

.sorts-container 
{
    width:100%;
    height:30px;
    /*background:#eee;*/
}

.sort-container 
{
    width:1170px;
    height:20px;
    margin:20px auto;
}

.left-sort-container 
{
    float:left;
}

.left-sort-container ul 
{
    height:26px;
}

.left-sort-container ul li.sort-option
{
    float:left;
    height:26px;
    line-height:20px;
    margin-right:5px;
}

.item-sort-option .item-sort 
{
    float:left;
    width:42px;
    /*height:20px;*/
    line-height:20px;
    padding:2px 2px 2px 4px;
    border:1px solid #85cd99;
    font-size:12px;
    text-align:center;
    transition:background 0.3s ease;
    cursor:pointer;
    background:#fff;
}

.item-sort:hover {
    background:#ccc;
    color:#fff;
}




.items-container 
{
    width:1170px;
    margin:0 auto;
}

.item-container 
{
    width:214px;
    height:260px;
    float:left;
    box-sizing:border-box;
    margin:20px 10px;
    text-align:center;
    position:relative;
    overflow:hidden;
    border:1px solid #ddd;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    background:#fff;
}

.item-container:hover
{
    transform:translateY(-3px);
    box-shadow:0 3px 10px rgba(50,50,50,0.6);
}

.item-container:hover .item-info {
    top:230px;
}

.item-pic 
{
    width:214px;
    height:180px;
    position:relative;
    overflow:hidden;
}

.item-pic:nth-of-type(odd) 
{
    background:url("../images/03.png") no-repeat center center;
    background-size:cover;
}

.item-pic:nth-of-type(even) 
{
    background:url("../images/04.png") no-repeat center center;
    background-size:contain;
}

.item-off-tip {
    position:absolute;
    top:-69px;
    left:181px;
    line-height:180px;
    width:100px;
    height:100px;
    background:red;
    color:#fff;
    transform:rotate(45deg);
}

.item-title 
{
    height:30px;
    line-height:30px;
}

.item-pic:hover {
    cursor:pointer;
}

.item-title:hover {
    cursor:pointer;
    color:#333;
}

.item-seller-price 
{
    font-size:12px;
}

.item-price 
{
    height:70px;
    font-size:16px;
    line-height:70px;
}

.item-seller-container 
{
    position:absolute;
    width:100%;
    height:24px;
    line-height:24px;
    border-top:1px solid #ddd;
    bottom:0;
}

.item-seller-container .seller-name 
{
    float:left;
    margin-left:10px;
}

.item-seller-container .seller-place 
{
    float:right;
    margin-right:10px;
}

.item-info 
{
    position:absolute;
    top:300px;
    width:100%;
    height:170px;
    background:#eee;
    transition:top 0.5s ease;
    box-shadow: 0 -3px 5px rgba(50,50,50,0.1);
}

.commit-container 
{
    height:30px;
    line-height:30px;
}

.pay-amount
{
    /*float:left;*/
    margin:5px;
}

.commit-amount
{
    /*float:right;*/
    margin:5px;
}

.cart-container 
{
    position:relative;
}

.follow
{
    width:60px;
    height:20px;
    line-height:20px;
    position:absolute;
    left:15px;
    top:5px;
    text-align:center;
    border:1px solid #333;
    border-radius:3px;
    padding:3px;
    cursor:pointer;
    transition:background 0.3s ease;
}

.follow i {
    font-size:14px;
    margin-right:2px;
}

.cart
{
    width:100px;
    height:20px;
    line-height:20px;
    position:absolute;
    left:95px;
    top:5px;
    text-align:center;
    border:1px solid #333;
    padding:3px;
    border-radius:3px;
    cursor:pointer;
    color:#990000;
    transition:background 0.3s ease;
}

.cart i {
    font-size:14px;
    margin-right:2px;
}

.follow:hover, .cart:hover 
{
    background:#fff;
}






























/****************provide-store-service****************/

.provice-store-service {

}




.page-navigation {
    width:1170px;
    margin:0 auto;
}

.provide-store-service {
	width:100%;
	height:auto;
    position: relative;
    margin-top:30px;
    transition:left 1s ease
	/*background:#eee;*/
}

#provide {
    /*position:absolute;*/
    top:0;
    left:0;
}

#new-store {
    position: absolute;
    top:0;
    left:-200%;
}

#service {
    position:absolute;
    top:0;
    left:200%;
}

.provide-container {
    
}

.provide-title {
    width:100px;
    margin:0 auto;
    text-align:center;
    font-size:20px;
    padding-top:20px;
    padding-bottom:3px;
    border-bottom:1px solid #333;
}

.provide-container {
	width:1170px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:40px;
}

.choice-type-all {
    width:100%;
    height:50px;
    border:1px solid #ccc;
}

.service-navigation {
    width:400px;
    height:50px;
    margin:0 auto;
    text-align:center;
}

.service-navigation li {
    float:left;
    height:20px;
    font-size:20px;
    margin-right:26px;
    border-right:1px solid #333;
    margin-top:25px;
    padding-right:26px;
    cursor:pointer;
}

.service-navigation li:hover {
    color:#999;
}

.service-navigation li:last-child {
    border:none;
    margin-right:0;
}

.service-navigation-focus {
    font-weight:bold;
}

.brand-container .choice-item-group {
    width:750px;
    line-height:30px;
    margin-left:20px;
}

.brand-container .store-list {
    margin-left:20px;
}

.meterial-container .store-list {
    margin-top:0 !important;
    margin-left:20px;
}

.meterial-container i {
    margin-left:2px;
    font-size:14px;
}

.brand-container .choice-item-group p{
    font-size:16px;
    line-height: 40px;
    color:#999;
}



.new-store-container {
    width: 1170px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

.service-container {
    width: 1170px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
}




/*new-store*/

.new-store-container {

}

.thumb-store-items {

}

.thumb-store-item {
    width:260px;
    height:260px;
    position: relative;
    float:left;
    margin:10px;
    background:#999;
}

.thumb-store-item:nth-of-type(4n+1) {
    margin-left:30px;
}

.thumb-store-item:nth-child(-n+4) {
    margin-top:30px;
}

.store-detail {
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    position: absolute;;
    top:0;
    left:0;
    opacity:0;
    transition:opacity 0.3s ease;
    cursor:pointer;
}

.store-detail:hover {
    opacity:1;
}

.store-detail-icon {
    display: inline-block;
    width:260px;
    height:260px;
    line-height: 260px;
    text-align: center;
    color:#eee;
    font-size:100px !important;
}

.more-store {
    width:100px;
    float:right;
    font-size:18px;
    margin-top:20px;
    margin-right:30px;
    cursor:pointer;
}

.more-store:hover {
    color:#666;
}

.more-store-icon {
    margin-left:3px;
    font-size:14px !important;
    width:14px;
    height:14px;
    border:1px solid #999;
    border-radius:50%;
    background:#ccc;
    padding:2px;
}

.service-target-items {
    width:1100px;
    margin:0 auto;
    margin-top:30px;
}

.service-target-item {
    width:180px;
    margin:20px;
    float:left;
    height:50px;
    line-height: 40px;
    text-align:center;
    background:#fff;
    border-top:5px solid #3fe;
    font-weight: 500;
    font-size:17px;
    transition:all 0.2s ease-out;
    cursor:pointer;
    box-sizing:border-box;
}

.service-target-item:hover {
    box-shadow: 0 3px 5px #777;
    color:#3366f8;
    border-top-width:7px;
}

.store-group-container {

}