html,body {
    font-family : 'Muli', sans-serif; color :#5d5d5d;
    background :#ecedef;
    height :100%;

}
a{
    text-decoration :none ;
    color:#999999;
}

.top{
    position :fixed ;
    width:100%;
    height :50px;
    z-index :4;
    right:0;
    top:0;
    background-color :#fff;
    border-bottom :1px solid #dcdcdc;
    box-shadow: 0 0 6px #ccc;
}
.menuwrap{
    position :fixed ;
    width:100%;
    height :50px;
    z-index :4;
    right:0;
    bottom:0;
    background-color :#fff;
}
.MenuBar{
    position :relative ;
    z-index :3;
    border-bottom :1px solid #dcdcdc;
    box-shadow: 0 0 6px #ccc;
    display :block ;
    text-align :center ;
}

.option,.option-current{
    height :50px;
    width:25%;
    float :left ;
    position :relative ;
    /*line-height :50px;*/
    /*border-right :1px solid #ccc;*/
    box-sizing :border-box ;
    -webkit-box-sizing :border-box ;
}





.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.option a{
    width:100%;
    height :100%;
    font-size :12px;
    color :#5d5d5d;
    font-weight :bold ;
    text-align :center ;
}

.option-current a{
    width:100%;
    height :100%;
    font-size :12px;
    color :#e72669;
    font-weight :bold ;
    text-align :center ;
}

.bt-name div{
    width :26px;
    height :26px;
    margin-top :5px;
    margin-left :auto ;
    margin-right :auto ;
}
.option #home-pic{

    /*background :url(/icons/home.png) no-repeat;*/
     background :url(/icons/iconfont-home.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;

    /*background-size :50%;*/
    /*background-color :#e72669;*/

   
}

.kiwi{
    fill:#999999;
    width:26px;
    height :26px;
}

.kiwi:hover{
    fill:#e72669;
}

.option-current #home-pic{
    /*background :url(/icons/home_active.png) no-repeat;*/
    /*background-size :50%;*/
         background :url(/icons/iconfont-home-active.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}

.option #mall-pic{
    /*background :url(/icons/shop.png) no-repeat;*/
    /*background :url(/icons/iconfont-shop.svg) no-repeat;*/
             background :url(/icons/iconfont-shop.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}

.option-current #mall-pic{
    /*background :url(/icons/shop_active.png) no-repeat;*/
             background :url(/icons/iconfont-shop.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
    
}
.option #category-pic{
    /*background :url(/icons/category.png) no-repeat;*/
             background :url(/icons/iconfont-category.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}

.option-current #category-pic{
    /*background :url(/icons/category_active.png) no-repeat;*/
             background :url(/icons/iconfont-category-active.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}
.option #user-pic{
    /*background :url(/icons/personal.png) no-repeat;*/
             background :url(/icons/iconfont-personal.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}

.option-current #user-pic{
    /*background :url(/icons/personal_active.png) no-repeat;*/
             background :url(/icons/iconfont-personal-active.svg);
     background-size :26px 26px;
     display:block ;
     width:26px;
     height :26px;
}

.option .active{

}

.searchbar{
    width :17%;
    float :left ;
    /*line-height :50px;*/
    height :40px;
    text-align :center ;
    padding :12px 12px;
         box-sizing :border-box ;
    -webkit-box-sizing :border-box ;   

}
#search-navigator{
    background :url(/icons/iconfont-search.svg) no-repeat;
    /*width :26px;*/
    height :26px;
    /*display :inline-block ;*/
    display :none ;
    /*margin-top :10px;*/
    margin-left :auto ;
    margin-right :auto ;
    margin-top :2px;
    background-size :26px 26px;
    padding-left :26px;
    
}
.top-cate{
    width:83%;
    float :left;
    line-height :50px;
    text-align :center ;
}

.top-cate li{
    width:20%;

    float :left;
        box-sizing :border-box ;
    -webkit-box-sizing :border-box ;
}

.top-cate a{
    color:#5d5d5d;
}

.top-cate  div{
    margin-top :5px;
    height :40px;
    width:30px;
   
}

.selected a{
    /*position :relative ;*/
    color :#e72669;
    /*width:2.5em;
    height :3em;*/
    /*clear :both ;*/
}
.selected div{
    color :#e72669;
    border-bottom :1px solid #e72669;
}

.item {
    background-color :#ffffff;
    /*width :150px;*/
    width:auto;
    float :left;
    height :410px;
    /*border :1px #C0C0C0 solid ;*/
    box-shadow: 0 0 6px #ccc;
    /*border-radius :0 10px 0 10px;*/
    border-radius :5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    /*font-family:STXihei ;*/
    color :#808080;
     text-decoration :none;
     align-content :center ; 
     /*padding :5px 5px;*/
     margin :5px 0px 5px 0px;
     padding-bottom :5px;
}

.coverImg img{
    display :inline-block ;
    /*max-width :150px;*/
    width:100%;
    /*height :auto;margin-left :auto ;margin-right :auto ;*/
    height :267px;margin-left :auto ;margin-right :auto ;
    border-radius :5px 5px 0 0;
}

/*@media screen and (min-width: 180px){
    .item{
        width:80px;
    }
}

@media screen and (min-width: 240px){
    .item{
        width:110px;
    }
}

@media screen and (min-width: 280px){
    .item{
        width:130px;
    }
}

@media screen and (min-width: 320px){
    .item{
        width:150px;
    }
}
@media screen and (min-width: 340px){
    .item{
        width:160px;
    }
}
@media screen and (min-width: 355px){
    .item{
        width:165px;
    }
}
@media screen and (min-width: 365px){
    .item{
        width:170px;
    }
}
@media screen and (min-width: 375px){
    .item{
        width:175px;
    }
}
@media screen and (min-width: 390px){
    .item{
        width:180px;
    }
}
@media screen and (min-width: 414px){
    .item{
        width:198px;
    }
}
@media screen and (min-width: 935px){
    .item{
        width:222px;
    }


}
@media screen and (min-width: 1150px){
    .item{
        width:240px;
    }
}*/
.coverImg{
    text-align :center ;

}


.Description{
    padding :5px 5px;
}



.h-desc{
  /*height: 40px;*/
  /*padding: 14px 15px 0 55px;*/
  /*line-height: 22px;*/
  /*width: 210px;
  color: #8a8a8a;*/
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin :0;
}

.other-info{
    box-sizing :border-box ;
    -webkit-box-sizing :border-box ;
    padding :0px 5px;
    margin-bottom :10px;
}

.other-info div{
    width:33.333%;
    float :left ;
}

.chain{
     background :url(/icons/iconfont-link.svg) no-repeat ;
     background-size :12px 12px;
     display:block ;
     width:12px;
     height :12px;
     
}

/*.chain span{
    font-size :8px;
}*/


/*itemsInCollection*/

.CollectionInfo{
    width :95%;
    border-radius :5px 5px;
    background :#fff;
    text-align :center ;
    /*margin :10px 10px 10px 10px;*/
    margin-left :auto ;
    margin-right :auto ;
    margin-top :30px;

}

.smallImg{
    /*height :50px;*/
    padding-top :10px;
    width:100%;
    
     background :#fff;
      /*box-shadow: 0 0 6px #ccc;*/
    /*position :absolute ;*/
    /*margin :0;*/
    margin-top :10px;
    margin-bottom :70px;
    margin-left :0;
    margin-right :0;
     
}

.smallImg .type-box{
    width:95%;
    margin-left :auto;
    /*height :40px;*/
    /*line-height :40px;*/
    /*margin-top :5px;*/
    margin-right :auto ;
    overflow :auto ;
}
.CollectionInfo img{
    border-radius :5px 5px 0 0;
    display :inline-block ;
    width:100%;
    height :auto ;
}

#clt-desc{
    padding :5px 5px 5px 5px;
    text-align :left;
}

#clt-desc p{
    font-size :13px;
    color:#808080;
}

.relateItem{
    overflow :auto ;
}
.ItemType {
    /*float :left ;*/
    margin-left :10px;
    /*width:10%;*/
    font-weight :bold ;
}

#return{
    height :36px;
    width:36px;
    background :url(/icons/iconfont-return.svg) no-repeat ;
    background-size :36px 36px;
    position :fixed ;
    display :block ;
    top:40px;
}

/*#return2{
    background :url(/icons/return.png) no-repeat;
    position :fixed ;
    top:320px;
    left:100px;
    height :26px;
    width:26px;
}

#return3{
    height :44px;
    width:44px;
    background :url(/icons/sprite.png) no-repeat 0 -108px;
    position :fixed ;
    top:320px; left:200px;
}*/

.TItem{
    width:150px;
    float :left;
    margin:5px 5px;
}

.TItem img{
    border-radius :5px 5px 5px 5px;
    max-height :150px;
    max-width :150px;
}

.Price{
    color:#5d5d5d;
}


/*itemsInCollection*/

/*BuyPage*/

/*BuyPage*/

/*User*/
.opt-btn{
  min-width: 72px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #FE4E8E;
  color: #ffffff;
  /*font-family: STXihei;
  font-weight: bold;
  font-size: 14px;
      display: none;
  float: left;
  margin-top: 7px;

  border: 1px solid #DDDDDD;*/
  border-radius: 5px 5px 5px 5px;
  position:relative ;
 margin :0 auto ;
 font-family :微软雅黑;
 padding-left: 5px;
 padding-right: 5px;
 display:inline-block  ;

}

h2{
    text-align :center ;
    height :50px;
    line-height :50px;
    font-size :18px;
    margin-top :0;
}

.logbox{
    /*border :1px solid #000;*/
    height :240px;
    line-height :240px;
    width :100%;
    background-image  :url(/icons/bg.jpg) ;
     background-size :100%,100%;
     /*margin-top :0px;*/
     padding-top :50px;
     /*margin-top :50px;*/
     /*display :inline-block ;*/
     z-index :2;
     text-align :center ;
}

.logboxinner{
    /*top:50%;*/
    display :inline-block ;
    width :100%;
    /*margin-left :auto ;
    margin-right :auto ;*/
    z-index :2;
    /*padding-top :50px;*/

}

.bgdiv{
    /*position :fixed ;*/
    top:0;
    left :0;
    right:0;
    /*bottom:50px;*/
    z-index :-1;
    /*margin-bottom :50px;*/
    padding-bottom :70px;

}

.bgdiv img{
    height:100%; 
width:100%; 
border:0;
z-index :-1;
}
/*User*/



.externalpage-header{
    width:100%;
    background-color :#e72669;
    height :50px;
}

.externalpage-content{
    width:100%;
    background-color :#fff;
}

.externalpage-iframe{
    border :0;
    width:100%;
    overflow :auto ;
    height :100%;
    
}

.back{
    z-index :2;
    height :50px;
    width:50px;
    
    position :fixed ;
    top :0;
    left:0;
    text-align :center ;
    line-height :50px;
   
}
.back::after{
     content:'\21E6';
     color:#000;
     font-size :28px;
     font-weight :bold ;
}

.textboxdiv{
    border-radius :5px 5px;
    background-color :#f2f2f2;
    margin-left :auto ;
    margin-right :auto ;
    width:80%;
    height :30px;
    line-height :30px;
    vertical-align:text-top   ;
    margin-top :10px;
    font-size :14px;
    
}



.boxwrapper{
    height :50px;
    line-height :50px;
    text-align :center ;
    /*display :table-cell;*/
    
}

.menueLeft{
    background-color :#f2f2f2;
    width :25%;
    float :left ;
    top :0;
    left:0;
    box-sizing :border-box ;
    height :100%;
    position :fixed   ;
    overflow-y:auto ;
    z-index :1;
    /*z-index :1;*/
    /*position :fixed ;*/
}


.menueRight{
    background-color :#fff;
    width :75%;
    /*float :right;*/
    top :0;
    left:25%;
    box-sizing :border-box ;
    /*height :100%;*/
    position :absolute ;
    padding-left :5px;
    padding-right :5px;
    padding-top :60px;
    padding-bottom :60px;
    /*z-index :3;*/
    /*z-index :1;*/
   
}
.menueLeft ul{
    list-style :none ;
    text-align:center ;
   
    /*width :100%;
    float :left;*/
}

.menueLeft ul li{
    height :80px;
     margin :0px;
     
}

.menueRight>div{
    width:49%;
    float:left;
    /*margin :5px 5px;*/
    padding :5px 5px;
    box-sizing :border-box ;
}

.menulist{
    width:100%;
    height :auto;
    margin-left :auto ;
    margin-right :auto ;
    background-color :#f2f2f2;
   /* z-index :2;
    position :relative ;
    overflow :scroll ;*/
}

.menulist div{
    width:100%;
    height :50px;
    line-height :50px;
    display :block ;
    color :#5d5d5d;
    text-align :center ;
    /*vertical-align :central ;*/
}

.cate-selected{
    background-color :#fff;
}

.wrapperbox{
    padding-top :50px;
}

.boxdiv{
    /*background-color :#fff;*/
    /*width:500px;
    height :600px;*/
    margin-left :20px ;
    margin-right :20px ;
    /*border :1px solid #000;*/
    padding-top :40px;
    margin-top :20px;
}

@media screen and (min-width: 600px){
    .boxdiv{
        width:350px;
        margin-left :auto ;
        margin-right :auto ;
        padding-top :60px;
    }
}

.textbox{
    width:100%;
    height :30px;
    /*border-radius :5px 5px 5px 5px;*/
    font-family :微软雅黑;
    /*color :#e4e4e4;*/
    margin-left :auto ;
    margin-right :auto;
    margin-top :20px;
    line-height :30px;
    border :0px;
    /*box-shadow: 0 0 8px #ccc;*/
    /*background-color :#fff;*/
    /*padding-left :10px;*/
    text-indent :10px;
     border-bottom :1px solid #dcdcdc;
     background :none;
}

    .textbox:focus {
        background-color :none ;
        box-shadow :none ;
        -webkit-box-shadow:none;

    }

    .textbox:-webkit-autofill{
        background-color :none ;
    }

.btndiv {
    width: 100%;
    /*border-radius :4px 4px;*/
    text-align: center;
    color: #fff;
    background-color: #02336E;
    margin-left: auto;
    margin-right: auto;
    font-family: 微软雅黑;
    margin-top: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 6px 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .btndiv:focus {
        background-color: #02336E;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .message{
        /*display :none ;*/
        color :red ;
        position :absolute ;
       top:45%;
       left:45%;
        font-family :微软雅黑;
        background-color :#000;
        border-radius :5px 5px;
        height :30px;
        z-index :2;
        /*width:120px;*/
        /*opacity :0;*/
         padding-left  :5px;
         padding-right:5px;
        color :#fff;
        font-size :12px;
        line-height :30px;
        opacity :0;
    }



    .step-active{
        height :100%;
        background-color :#FE4E8E;
        line-height :30px;
        text-align :center ;
        color :#fff;
        width:33.333%;
    }

        .step-inactive{
        height :100%;
        background-color :#e0e0e0;
        line-height :30px;
        text-align :center ;
        width :33.333%;
    }

.step-now{
    height :24px;
    width:40px;
    background-size :40px 24px;
    background:url(/icons/arrow_pg.svg) ;

}

.step-next{
    height :40px;
    width:40px;
    background-size :40px 40px;
    background:url(/icons/arrow_gray.svg) ;

}
    .step-bar{
        width:100%;
        height :30px;
       position :absolute ;
        overflow :hidden ;
        margin-top :20px;

    }

     .step-bar div{
         /*margin-top :20px;*/
         float :left;
          box-sizing :border-box ;
     }

     .tips{
         font-size :12px;
         margin-top :10px;
     }

.loginoption{
    width :100%;
    margin-top :15px;
}

.optionlinks {
    width: 50%;
    box-sizing: border-box;
    float: left;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #02336E;
    font-family: 微软雅黑;
}

.cateItem{
    width:33.33%;
    min-height  :90px;
    float :left ;
    text-align :center ;
}

.cateItem img{
    
    margin-left :auto ;
    margin-right :auto ;
    width:100%;
    height :100%;
}

.cateItem p{
    margin :0;
    font-size :10px;
}

.cateItem p:nth-child(3) {
    font-size :8px;
}

.itemInCate{
    /*width:50%;*/
    min-height  :90px;
    float :left ;
    text-align :center ;
    border-radius :5px;
}

.itemInCate img{
    border-radius :5px;
    margin-left :auto ;
    margin-right :auto ;
    width:100%;
    height :100%;
    /*width:120px;
    height :120px;*/

}

.itemInCate p{
    margin :0;
    font-size :10px;
}

.uploader{
    width:100%;
    height :40px;
    line-height :40px;
    margin-top :10px;
}
.uploader .usericon{
    width:30px;
    height:30px;
    border-radius :30px;
    background-color :#ccc;
    float :left;
    margin-top :5px;
    margin-left:20px;
    background-image :url(/icons/profile.png);
    background-size :30px 30px;
    /*background :#ccc url(/icons/profile.png)*/
}

.uploader .usertxt{
    float:left;
    height :30px;
    margin-top :5px;
    margin-left :10px;
    font-size :10px;
    padding-top :0;
}

.uploader .usertxt div{
    padding :0;
    margin :0;
    height :15px;
    box-sizing :border-box ;
}
.uploader .usertxt p{
    padding :0;
    margin :0;
    height :100%;
    box-sizing :border-box ;
}

.uploader .usertxt div:nth-child(1) {
    color :#FE4E8E;
    font-size :12px;
}

.userinfobar{
    width:100%;
    /*margin-top :240px;*/
}

.optionbar{
    height :40px;
    background-color :#fff;
    margin-top :10px;
    line-height :40px;
    text-indent :40px;
}

.optionbar:after {
    content :'>';
    line-height :40px;
    font-weight :bold ;
    /*right:0;*/
    float :right ;
    margin-right :20px;
    color :#999999;
}

.textcenterbar{
    text-align :center ;
    height :40px;
    background-color :#fff;
    margin-top :10px;
    line-height :40px;
}

#trans{
    height :80px;
    margin-top :0px;
}

#trans:after {
    content :none;
}

/*.search-navigator{
    background :url(/icons/iconfont-search.svg) no-repeat 
}*/

        #dataloading{
            width:32px;
            height :32px;
            position :absolute ;
            z-index :4;
            left:49%;
            top:50%;
            background-image :url(../icons/loadingdata.gif);
        }

#like{
    height :40px;
    width:80px;
    position:absolute ;
    float:right;
    right:0;
    top:300px;
    background-color :rgba(0,0,0,.8);
    line-height :40px;
    border-radius :5px 0 0 5px;
    color :#fff;
    cursor:pointer  ;
}
#like::before{
    content :'\2764';
    color :#fff;
    font-size :26px;
    font-weight :bold ;
}
    #like.special::before {
        color: #FF8870;
    }
.editionbox{
    width:100%;
    height :200px;
}

.xcConfirm .pop-layer{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height :100%;
    background-color:#666666;
    opacity:0.5;
    z-index:4;
}

.xcConfirm .popBox{
    position:fixed;
    top:50%;
    left:50%;background-color :#fff;
    z-index:5;
    height:100px;
    width:280px;
    margin-left:-140px;
    margin-top :-50px;
    border-radius:5px;
}

.popBox .btnBox > div{
    float :left;
    width:100px;
    height :40px;
    border-radius :5px;
    line-height :40px;
    text-align :center ;
    font-size :18px;
    box-sizing :border-box ;
    border :1px solid transparent;
}
.popBox .btnBox{
    margin-left :auto ;
    margin-right :auto ;
    width:230px;
}
.popBox p{
    text-align :center ;
    margin-top :20px;
    font-size :14px;
}

.popBox .btnBox :nth-child(1){
    background-color :#dcdcdc;
    /*color:;*/
}

.popBox .btnBox :nth-child(2){
    background-color:#FE4E8E;
    color:#fff;
    margin-left :30px;
}
.xcConfirm{
    display :none ;
}
/***mycollection**/
.topBox{
    width:100%;
    z-index :99999;
}

.topBox .top2{
    position :fixed ;
    width:100%;
    height :50px;
    z-index :4;
    right:0;
    top:0;
    background-color :#fff;
    border-bottom :1px solid #dcdcdc;
    /*box-shadow: 0 0 6px #ccc;*/    
}

.collectionmenu{
    height :60px;
    width:100%;
    background-color :#fff;
    top :50px;
    position :fixed ;
    left:0;
    z-index :2;
}

.collectionmenu ul{
    /*float :left;*/
    width:100%;
    height :100%;
    float :none ;
    margin :0;
    padding:0;
}
.collectionmenu ul li{
    float :left ;
    list-style-type :none ;
    width:33.33%;
    box-sizing :border-box ;
}
.collectionmenu ul li div{
    height :25px;
    line-height :25px;
    text-align :center ;
    width:60px;
    margin-left :auto ;
    margin-right :auto ;
}
.mc-selected{
    color :#FE4E8E;
}
.mc-selected div:nth-child(2){
    border-bottom :2px solid #FE4E8E;
}

        #infscr-loading {
            bottom: -20px;
            left: 42%;
            margin-left :auto ;
            margin-right :auto;
            position: absolute;
            text-align: center;
            height: 32px;
            line-height: 32px;
            z-index: 100;
            width: 100px;
        }
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu:hover {
        background: #e2e1e1;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
}