#nav{

    position:relative;

    z-index:10;

}



.nav-content .logo {

    min-width: 250px;

    height: 80px;

    float: left;

}



.nav-content .logo-info a {

    text-decoration: none;

    color: #fff;

}



.nav-content .logo-info a.logo {

    float: left;

    margin-right: 10px;

    width: 150px;

}

.nav-content .logo-info a.logo img {

    margin-top: 20px;

    max-width: 100%;

    max-height: 40px;

}

.nav-content .logo-info .user-link {

    float: left;

    width: 100px;

}



.nav-content .logo-info .fore2 {

    float: left;

    font-size: 20px;

    font-family: 'Microsoft YaHei';

    margin: 8px 0 0 6px;

}



.nav-content .logo-info .fore3 {

    float: left;

    margin:  0 0;

    color: #fff;

    border: 1px solid #fff;

    height: 18px;

    line-height: 18px;

    font-size:12px;

    padding: 0 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    opacity: .85;

    filter: alpha(opacity=85);

}

.nav-content .navitems {

    float: left;

    height: 36px;

    width: auto;

    line-height: 36px;

    padding: 22px 0;

    margin: 0 0 0 30px;

    font-size: 14px;

}

.nav-content .navitems a {

    color: #fff;

    position: relative;

}

.nav-content .navitems ul {

    display: block;

}

.nav-content .navitems li {

    float: left;

    margin: 0 20px 0 0;

    height: 18px;

    line-height: 18px;

    padding: 9px 16px;

}

.nav-content .navitems li.fore-3 {

    padding: 0px;

}

.nav-content .navitems .dl {

    position: relative;

}

.nav-content .navitems .dl .dt {

    white-space: nowrap;

    height: 18px;

    line-height: 18px;

    width: 74px;

    cursor: pointer;

}

.nav-content .navitems li.fore-3 .dl .dt {

    padding: 9px 16px;

}

.nav-content .navitems .dl .dt span {

    color: #fff;

    cursor: pointer;

}

.nav-content .navitems .dl .dt b {

    display: inline-block;

    vertical-align: middle;

    width: 9px;

    height: 6px;

    overflow: hidden;

    margin-left: 5px;

    background: url(../imgs/user-icon.png) no-repeat;

    background-position: 0 0px;

    -webkit-transition: transform .2s ease-in 0s;

    -moz-transition: transform .2s ease-in 0s;

    transition: transform .2s ease-in 0s;

}

.nav-content .navitems .dl .dd {

    position: absolute;

    top: 34px;

    left: 0;

    display: none;

    background-color: #fff;

    border: 1px solid #ddd;

    border-top: 0;

    font-size: 12px;

}

.nav-content .navitems .dl .dd a {

    display: block;

    text-decoration: none;

    width: 88px;

    padding: 0 0 0 16px;

    line-height: 30px;

}

.nav-content .navitems li.fore-3:hover {

    z-index: 10;

}

.nav-content .navitems li.fore-3:hover .dt {

    background-color: #fff;

    padding: 8px 15px 9px;

    border-width: 1px 1px 0px;

    border-style: solid;

    border-color: #ddd;

}

.nav-content .navitems li.fore-3:hover .dt span {

    color: #333;

}

.nav-content .navitems li.fore-3:hover .dt b {

    background-position: 0 -15px;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    transform: rotate(180deg);

}

.nav-content .navitems li.fore-3:hover .dd {

    display: block;

}

.nav-content .navitems li.fore-3:hover a {

    color: #333;

}

.nav-content .navitems li.fore-3 a:hover {

    background-color: #f5f5f5;

}

.nav-content .header-right {

    float: right;

    height: 36px;

    margin-top: 23px;

    position: relative;

    z-index: 1000;

    font-size:12px

}

.nav-content .header-right .cart-icon {

    width: 96px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #fff;

    padding: 2px 28px 2px 15px;

    background: #F7F7F7;

    text-align: center;

    position: relative;

    cursor: default;

    zoom: 1;

}

.nav-content .header-right .cart-icon i.cart-left {

    width: 14px;

    height: 14px;

    margin-top: -2px;

    margin-right: 5px;

    background-position: -290px -3px;

}

.nav-content .header-right .cart-icon .cart-right {

    display: block;

    position: absolute;

    top: 12px;

    right: 10px;

    width: 7px;

    height: 13px;

    line-height: 13px;

    overflow: hidden;

    font-weidht: 400;

    font-size: 13px;

    font-family: simsun;

    color: #999;

    font-style: normal;

}



.nav-content .header-right .cart-icon .cart-count {

    position: absolute;

    top: 0px;

    left: 102px;

    display: block;

    font-size: 12px;

    line-height: 16px;

    height: 16px;

    color: #fff;

    border-radius: 9px;

    width: 16px;

    font-style: normal;

    text-align: center;

    background-color: #E31939;

}

.nav-content .cartbox{

    position:relative

}

.nav-content .cartbox .cart-box-main{

    display:none;;width:280px;position:absolute;right:0;top:36px;box-shadow:0 3px 5px rgba(0,0,0,0.2)

}

.nav-content .cartbox:hover .cart-box-main{

    display:block

}

.nav-content .cartbox:hover .cart-icon{background-color:#fff}









.user_center{

    padding:10px 0;

    background-color:#f6f6f6

}

.con-left {

    width: 210px;

    background-color: #fff;

}

.con-left .nav-list {

    width: 210px;

    height: auto;

    padding: 15px 0px;

}

.con-left .nav-list .func {

    margin-left: 30px;

    clear: both;

    height: auto;

}

.con-left .nav-list .func .title {

    height: 22px;

    width: 168px;

    margin: 11px 0;

}

.con-left .nav-list .func .title i {

    margin-top: 2px;

    margin-right: 11px;

    width: 22px;

    height: 20px;

    display: inline-block;

    vertical-align: middle;

    background: url(../imgs/user-icon.png) no-repeat;

}



.con-left .nav-list .func.func1 .title i {

    background-position: 0px -30px;

}

.con-left .nav-list .func.func2 .title i {

    background-position: 0px -50px;

}

.con-left .nav-list .func.func3 .title i {

    background-position: 0px -70px;

}

.con-left .nav-list .func.func4 .title i {

    background-position: 0px -90px;

}



.con-left .nav-list .func .title span {

    font-size: 15px;

    color: #555;

    display: inline-block;

    vertical-align: middle;

}

.con-left .nav-list .func .item {

    width: 120px;

    height: 30px;

    display: block;

    padding: 0 10px 0 31px;

    line-height: 30px;

    cursor: pointer;

    text-decoration: none;

}

.con-left .nav-list .func .item span {

    float: left;

    display: inline-block;

    font-size:12px;

}

.con-left .nav-list .func .item i {

    color: #ddd;

    float: right;

    display: block;

    line-height:30px;

    font-family:'simsun';

    font-style:normal

}

.con-left .nav-list .func .item.curs {

    color: #E31939;

}

.con-left .nav-list .func .item.curs i{

    color: #E31939;

}



.con-right {

    width: 980px;

}

.con-right .set-password {

    width: 100%;

    border: 1px solid #F5D8A7;

    background: #FFF6DB;

    text-align: center;

    margin-bottom: 10px;

    line-height:38px;

    color: #999;

    font-size: 14px;

}

.con-right .set-password a {

    color: #E31939;

    margin: 0px 3px;

}

.con-right .con-right-left {

    width: 770px;

}

.con-right .con-right-left .user-info {

    width: 100%;

    overflow: hidden;

    position: relative;

    padding-top: 5px;

    margin-bottom: 10px;

}

.myInfo {

    z-index: 3;

    width: 248px;

    height: 227px;

    float: left;

    position: relative;

}



.myInfo .myInfoFront {

    position: absolute;

    padding-top: 8px;

    width: 240px;

    height: 225px;

    top: -5px;

    left: 0;

    font-size:12px;

    background: url(../imgs/user-info.png) no-repeat;

}

.myInfo .myInfoFront .imgHeaderBox {

    width: 76px;

    height: 76px;

    margin: 0 auto;

    position: relative;

    border-radius: 50%;

}

.myInfo .myInfoFront .headerImg {

    padding-top: 2px;

    border-radius: 50%;

    width: 76px;

    height: 74px;

    display: block;

    background-color: #fff;

    box-shadow: 0 0 5px grey;

}

.myInfo .myInfoFront .headerImg img {

    border-radius: 50%;

    width: 72px;

    height: 72px;

    display: block;

    margin: 0 auto;

}

.myInfo .myInfoFront .imgHeaderBox .updateInfo {

    display: none;

    width: 72px;

    height: 72px;

    position: absolute;

    overflow: hidden;

    border-radius: 50%;

    left: 2px;

    top: 2px;

}

.myInfo .myInfoFront .imgHeaderBox .updateInfo .opacityBox {

    width: 100%;

    height: 100%;

    background-color: #999;

    opacity: .9;

    filter: alpha(opacity=90);

}

.myInfo .myInfoFront .imgHeaderBox .updateInfo .realBox {

    width: 76px;

    height: 76px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    color: #fff;

    line-height: 76px;

    text-align: center;

}



.myInfo .myInfoFront .imgHeaderBox:hover .updateInfo{

    display:block

}

.myInfo .myInfoFront .name {

    text-align: center;

    width: 166px;

    margin: 8px auto 0;

    height: 15px;

    overflow: hidden;

    line-height: 15px;

    text-overflow: ellipsis;

}

.myInfo .myInfoFront .name a {

    color: white;

    font-family: "Tahoma";

    font-weight: bold;

}

.myInfo .myInfoFront .VIP {

    width: 220px;

    height: 20px;

    text-align: center;

    margin: 7px auto 0;

}

.myInfo .myInfoFront .VIP .imgVip {

    display: inline-block;

    max-width: 100px;

    vertical-align: top;

    margin-left: 3px;

}

.myInfo .myInfoFront .VIP .imgVip img {

    max-width: 100px;

    max-height: 20px;

}

.myInfo .myInfoFront .VIP .txtExplain {

    display: inline-block;

    max-width: 100px;

    vertical-align: middle;

    color: #fff;

    margin-left: 5px;

}

.myInfo .myInfoFront .safeText {

    position: absolute;

    color: #fff;

    left: 20px;

    top: 160px;

    line-height:18px;

}

.myInfo .myInfoFront .safeGrade {

    display: block;

    width: 50px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    position: absolute;

    left: 87px;

    top: 160px;

    border: 1px solid #ffb2b2;

    color: #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}



.myInfo .myInfoFront .progressBar {

    width: 190px;

    height: 8px;

    background: url(../imgs/user-icon.png) no-repeat;

    background-position: -1px -120px;

    top: 190px;

    overflow: hidden;

    border-radius: 5px;

    left: 20px;

    position: absolute;

}

.myInfo .myInfoFront .progressBar .progress {

    width: 190px;

    height: 8px;

    position: absolute;

    left: -190px;

    top: 0;

    background-color: #ffeb68;

    border-radius: 5px;

}

.myInfo .myInfoFront .progressBar .progress0 {

    left: -190px;

}

.myInfo .myInfoFront .progressBar .progress1 {

    left: -135px;

}

.myInfo .myInfoFront .progressBar .progress2 {

    left: -95px;

}

.myInfo .myInfoFront .progressBar .progress3 {

    left: -55px;

}

.myInfo .myInfoFront .progressBar .progress4 {

    left: 0;

}

.myInfo .myInfoFront .safe-grade-info {

    height: 25px;

    line-height: 25px;

    position: absolute;

    left: 0px;

    bottom: 3px;

}

.myInfo .myInfoFront .safe-grade-info span {

    height: 25px;

    line-height: 25px;

    float: left;

    margin: 0px 0px 0px 13px;

}

.myInfo .myInfoFront .safe-grade-info span a {

    color: #fff;

}

.myInfo .myInfoFront .safe-grade-info span a i {

    margin: 3px 3px 0px 0;

    float: left;

    width:18px;

    height:18px;

    background:url(../imgs/user-icon.png) no-repeat center;

}

.myInfo .myInfoFront .safe-grade-info span a i.ico1{

    background-position:-22px -66px;

}

.myInfo .myInfoFront .safe-grade-info span a i.ico2{

    background-position:-22px -84px;

}

.myInfo .myInfoFront .safe-grade-info span a i.ico3{

    background-position:-22px -101px;

}





.myInfo .tipsBox {

    border: 1px solid #e4e4e4;

    border-radius: 3px;

    box-shadow: 0 0 2px #d5d5d5;

    padding: 10px 25px;

    width: 485px;

    height: 200px;

    position: absolute;

    background-color: white;

    top: 0;

    left: -298px;

    font-size:12px;

    overflow: hidden;

    -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease

}



.myInfo .tipsBox .myGrade {

    padding-bottom: 10px;

    border-bottom: 1px #999 dotted;

}

.con-right h3 {

    height: 20px;

    line-height: 20px;

    margin-bottom: 10px;

    font-size: 16px;

    color: #666;

    font-weight: normal;

}

.myInfo .tipsBox p {

    height: 25px;

    line-height: 25px;

    color: #999;

}

.myInfo .tipsBox p {

    height: 25px;

    line-height: 25px;

    color: #999;

}

.myInfo .tipsBox p span {

    margin-right: 15px;

}



.myInfo .tipsBox p span a {

    margin: 0px 5px;

    color: #E31939;

}

.myInfo .tipsBox .myAccount {

    padding-top: 5px;

}

.myInfo .tipsBox p span a {

    color: #06C;

    margin: 0px 5px;

}



.myInfo:hover .tipsBox{

    left:230px

}



.myCapital {

    float: left;

    margin-left: 10px;

    background: #fff;

    width:510px;

}

.myCapital .money {

    width: 510px;

    height: 121px;

    padding: 20px 0 18px 0;

    border-bottom: 1px solid #e4e4e4;

    overflow: hidden;

}

.myCapital .money ul {

    display: inline-block;

}

.myCapital .money li {

    width: 169px;

    height: 127px;

    border-left: 1px dotted #e4e4e4;

    float: left;

    display: inline-block;

    text-align: center;

    cursor: pointer;

}

.myCapital .money li.first {

    border-left: none;

}

.myCapital .money li .title {

    height: 24px;

    margin-bottom: 8px;

}

.myCapital .money li .title span {

    margin-top: 2px;

    font-size: 14px;

    display: inline-block;

}

.myCapital .money li .pic {

    width: 64px;

    height: 64px;

    margin-bottom:8px;

    display: inline-block;

}



.myCapital .money li .pic i {

    width: 64px;

    height: 64px;

    margin-top: 2px;

    display: inline-block;

    background: url(../imgs/user-icon.png) no-repeat;

}

.myCapital .money li.first .pic i {

    background-position: -80px 0px;

}

.myCapital .money li.second .pic i {

    background-position: -144px 0px;

}

.myCapital .money li.third .pic i {

    background-position: -208px 0px;

}

.myCapital .money li p {

    text-align: center;

    color: #333;

    font-family: "Microsoft Yahei";

}

.myCapital .money li p a {

    font-size: 12px;

    display: inline-block;

    padding: 0 10px;

    color: #E31939;

    border: 1px dashed #E31939;

    background: #fffae7;

    line-height: 20px;

}

.myCapital .money li p span {

    font-size: 14px;

    display: inline-block;

}

.myCapital .pending {

    width: 510px;

    height: 60px;

    overflow: hidden;

    font-size:12px;

}

.myCapital .pending ul {

    width: 100%;

    height: 60px;

    padding: 20px 0px;

    display: inline-block;

}

.myCapital .pending ul li {

    width: 101px;

    height: 20px;

    line-height: 20px;

    float: left;

    border-left: 1px solid #e4e4e4;

    text-align: center;

}

.myCapital .pending li.first {

    border-left: none;

}

.myCapital .pending li a font {

    margin-left: 5px;

    color:#e31939

}







.con-right .container {

    background: #fff;

    padding: 15px 0px 0px;

    margin-bottom: 10px;

    position: relative;

}

.con-right .container a.more {

    float: right;

    font-size: 12px;

    color: #999;

    position: absolute;

    right: 20px;

    top: 20px;

}

.con-right .container .tabs {

    width: 100%;

    height: 30px;

    line-height: 30px;

    display: inline-block;

}

.con-right .container .tabs li {

    height: 30px;

    line-height: 30px;

    float: left;

    margin-left: 15px;

    cursor: pointer;

    display: inline-block;

}

.con-right .container .tabs li.active {

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-color: #E31939;

}



.con-right .model {

    margin-bottom: 10px;

    padding: 15px 15px 10px;

    background: #fff;

}

.con-right .container .model {

    padding: 15px;

}



.con-right .model .model-con {

    width: 100%;

    height: auto;

    display: inline-block;

}

.con-right .model .model-con ul {

    width: 100%;

    display: inline-block;

}



.con-right .model.collect-goods .model-con ul li {

    width: 130px;

    height: 150px;

    text-align: center;

    float: left;

    padding: 0px 9px;

}

.con-right .model.collect-goods .model-con ul li .img {

    width: 100px;

    height: 100px;

    display: block;

    margin:auto;

    padding:4px;

    border:1px solid #eee;

}

.con-right .model.collect-goods .model-con ul li .img img {

    width: 100px;

    height: 100px;

}

.con-right .model.collect-goods .model-con ul li .name {

    width: 130px;

    height: 15px;

    line-height: 15px;

    margin-top:5px;

    color: #999;

    display: block;

    text-align: center;

    font-size:12px;

    overflow: hidden;

}

.con-right .model.collect-goods .model-con ul li p {

    width: 130px;

    height: 15px;

    line-height: 15px;

    color: #999;

    display: block;

    text-align: center;

    font-size:12px;

    overflow: hidden;

}





.con-right .con-right-right {

    width: 200px;

    height: auto;

    padding-top: 5px;

}



.con-right .model {

    margin-bottom: 10px;

    padding: 15px 15px 10px;

    background: #fff;

}

.con-right h3 {

    height: 20px;

    line-height: 20px;

    margin-bottom: 10px;

    font-size: 16px;

    color: #666;

    font-weight: normal;

}

.con-right h3>i {

    width: 3px;

    height: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 7px;

    float: left;

}

.con-right h3 span {

    height: 20px;

    line-height: 20px;

    vertical-align: middle;

    float: left;

}

.con-right .con-right-right .shop-notice .notice-con {

    text-indent: 24px;

    line-height: 2em;

    color: #999;

    font-size:12px

}



.con-right .model {

    margin-bottom: 10px;

    padding: 15px 15px 10px;

    background: #fff;

}

.con-right .model .model-con {

    width: 100%;

    height: auto;

    display: inline-block;

}

.con-right .model .model-con .empty {

    width: 100%;

    height: auto;

    margin: 10px auto 30px;

    text-align: center;

}



.con-right .model .model-con .empty i {

    width: 56px;

    height: 56px;

    display: inline-block;

        background: url(../imgs/user-icon.png) no-repeat;

}

.con-right .model .model-con .empty i.cart-bg {

    width: 45px;

    height: 45px;

    background-position: -218px -64px;

}

.con-right .model .model-con .empty i.history-bg {

    width: 45px;

    height: 45px;

    background-position: -318px -64px;

}

.con-right .model .model-con .empty span {

    width: 100%;

    text-align: center;

    color: #999;

    font-size: 12px;

    display: inline-block;

}

.con-right .model .model-con .empty span a {

    color: #DD997F;

}



.con-right .model .model-con ul {

    width: 100%;

    display: block;

    font-size:12px;

}

.con-right .model.model-spe .model-con ul li {

    width: 72px;

    margin: 0px 0px 10px 10px;

    text-align: center;

    float: left;

}

.con-right .model.model-spe .model-con ul li .img {

    display: block;

    width: 60px;

    height: 60px;

    overflow: hidden;

    margin-bottom: 5px;

    padding: 5px;

    border: 1px solid #eee;

}

.con-right .model.model-spe .model-con ul li .img img {

    width: 60px;

    height: 60px;

}

.con-right .model.model-spe .model-con ul li .img:hover {

    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);

}

.con-right .model.model-spe .model-con ul li .price {

    color: #999;

}

.con-right .model.model-spe .model-con .see-all {

    text-align: center;

    line-height:1

}

.con-right .model.model-spe .model-con .see-all a {

    color: #999;

    font-size:12px;

}



.con-right .con-right-text {

    width: 920px;

    height: auto;

    min-height: 810px;

    padding: 20px 30px;

    background: #fff;

}

.con-right-text .tabmenu {

    background-color: #FFF;

    width: 100%;

    height: 38px;

    display: block;

    margin-bottom: 10px;

    position: relative;

    z-index: 1;

}



.user-status {

    position: relative;

    font-size: 16px;

    border-bottom: 1px solid #E7E7E7;

    height: 32px;

}



.user-status>span {

    padding-right: 20px;

    padding-bottom: 12px;

    padding-left: 20px;

    position: relative;

    display: inline-block;

    height: 18px;

    line-height: 18px;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-color: #E7E7E7;

    bottom: -2px;

    cursor: pointer;

    float: left;

}

.user-status>span.active {

    border-color: #E31939;

    border-bottom-width: 2px;

}

.user-status>span.active a {

    color: #E31939;

}

.user-status>span .tag-em {

    margin-left: 5px;

}

.user-status>span .vertical-line {

    background-color: #E8E8E8;

    width: 1px;

    height: 14px;

    top: 2px;

    right: 0px;

    font-size: 0px;

    color: #E8E8E8;

    position: absolute;

}

.user-tab-right {

    position: absolute;

    top: 0;

    right: 0;

}

.user-tab-right a {

    width: auto;

    height: 28px;

    border-radius: 2px;

    background: #ffaa45;

    padding: 0 14px;

    line-height: 28px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

    margin-left: 5px;

}



.con-right-text .content-info {

    margin: 15px 0;

    position: relative;

}

.content-info .operat-tips {

    color: #666;

    background: rgba(93,178,255,.1);

    border: 1px solid #BCE8F1;

    padding: 20px;

    margin: 50px auto 10px;

}

.content-info .operat-tips h4 {

    font-size: 14px;

    font-weight: normal;

    line-height: 20px;

    height: 20px;

    margin-top: 5px;

}



.content-info .operat-tips ul.operat-panel {

    padding: 10px 0px 0px 20px;

}

.content-info .operat-tips ul.operat-panel li {

    line-height: 20px;

    margin-bottom: 2px;

    list-style-type: disc;

    padding-left: 3px;

    list-style-position: outside;

    font-size: 8px;

}

.content-info .operat-tips ul.operat-panel li span {

    font-size: 12px;

    color: #999;

}



.form-horizontal .form-group {

    clear: both;

    font-size:12px;

}

.form-horizontal .form-group-spe {

    margin: 10px 0 20px;

}

.form-horizontal .form-group label.input-left {

    float: left;

    width: 250px;

    text-align: right;

    margin-right: 20px;

    line-height: 30px;

    color: #666;

}

.form-horizontal .form-group label.input-left .spark {

    margin-right: 5px;

    text-align: right;

    background: url(../imgs/joinin_pic.png) no-repeat -310px -225px;

    width: 7px;

    height: 7px;

    text-indent: 9999px;

    display: inline-block;

    overflow: hidden;

}

.form-horizontal .form-group .profile-avatar {

    position: relative;

    width: 110px;

    height: 110px;

    border: 5px solid #e3e3e3;

    border-radius: 50%;

    overflow: hidden;

}

.form-horizontal .form-group .profile-avatar img {

    position: relative;

    top: -5px;

    left: -5px;

    display: block;

    border-radius: 50%;

}

.form-horizontal .form-group .input-none {

    line-height: 30px;

    height: 30px;

    vertical-align: middle;

    display: inline-block;

}

.form-horizontal .form-group .input-none span {

    margin-left: 15px;

}

.form-horizontal .form-group .form-control-box {

    margin-right: 10px;

    position: relative;

    display: inline-block;

    line-height: 30px;

}

.form-horizontal .form-group input[type="text"],

.form-horizontal .form-group input[type="password"] {

    width: 250px;

    max-width: 600px;

    line-height: 20px;

    height: 20px;

    padding: 5px;

    font-size:12px;

    border-radius: 2px;

    border: 1px solid #ccc;

    box-shadow: 0 1px 2px 0 #f0f0f0 inset;

    background: #fff;

    vertical-align: middle;

}

.form-horizontal span.hint {

    display: block;

    margin-top: 10px;

    color: #999;

    clear: both;

    margin-left: 270px;

    line-height:1.2

}

.form-horizontal .form-group input[type="radio"]{

    margin-top:-2px;

}

.form-horizontal .form-group .control-label{

    margin-right:10px;

}

.form-horizontal .form-group .radio, .form-horizontal .form-group .checkbox, .form-horizontal .form-group select {

    line-height: 30px;

    height: 30px;

    vertical-align: middle;

    display: inline-block;

    font-size:12px;

}

.form-horizontal .form-group textarea {

    width: 350px;

    height: 62px;

    border: 1px solid #ccc;

    padding: 5px;

    border-radius: 2px;

    box-shadow: 0 1px 2px 0 #f0f0f0 inset;

    font-size:12px;

    resize: none;

    vertical-align:top;

}

.form-horizontal .act {

    margin: 10px 0 0 270px;

    clear: both;

}

.form-horizontal .act input {

    display: inline-block;

    text-align: center;

    font-size: 14px;

    cursor: pointer;

    padding: 5px 15px;

    color: #fff;

    border-radius: 2px;

    border: none;

    line-height: 18px;

    margin-right: 10px;

    background: #E31939;

}

.addr-alias {

    display: inline-block;

    margin-top: -5px;

    height: 25px;

    margin-left: 10px;

    vertical-align: middle;

}

.addr-alias a {

    display: inline-block;

    height: 23px;

    padding: 0 15px;

    border: 1px solid #ddd;

    margin-right: 3px;

    font-size: 12px;

    line-height: 23px;

    color: #333;

    border-radius: 2px;

}

.addr-alias a:hover {

    border: 1px solid rgb(237, 85, 100);

    color: rgb(237, 85, 100);

}

















.con-right-text .content-info {

    margin: 15px 0;

    position: relative;

}

.content-list {

    margin-top: 5px;

}

.order-list .order-screen-term {

    padding-top: 20px;

    font-size:12px;

}

.order-list .order-screen-term label {

    display: block;

    margin: 0px 0px 16px;

    float: left;

    height:28px;

}

.order-list .order-screen-term label input {

    padding: 0 5px;

    height:26px;

    line-height:26px;

    border-radius: 2px;

    border: 1px solid #ccc;

    box-shadow: 0 1px 2px 0 #f0f0f0 inset;

    background: #fff;

}

.order-list .order-screen-term label select {

    min-width: 146px;

    height:28px;

    line-height:28px;

    border: 1px #ccc solid;

    border-radius: 2px;

    font-size:12px;

}

.order-list .order-screen-term label input.search {

    background: #27A9E3;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    height: 28px;

    padding: 0 15px;

    color: #fff;

    border-radius: 2px;

    border: none;

    box-shadow: none;

}





.order-list .table {

    width: 100%;

    border-spacing: 0;

    border-collapse: collapse;

    border: none;

    margin-top: 20px;

    background: #FFF none repeat scroll 0% 0%;

    font-size: 12px;

}

.order-list .table thead th {

    background-color: #F5F5F5;

    text-align: center;

    padding: 13px 8px;

    font-weight: normal;

    border: none;

    color: #333;

}

.order-list .table tbody th {

    border: none;

    padding: 10px 8px;

}

.order-list .table tbody th label.input-label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: normal;

    cursor: pointer;

}

.order-list .table tbody th label.input-label .checkBox {

    margin: 4px 0 0;

    line-height: normal;

    vertical-align: sub;

    margin-right: 5px;

    cursor: pointer;

}

.order-list .btn-default {

    font-size: 12px;

    padding: 0px 16px;

    height: 28px;

    line-height: 26px;

    border-radius: 2px;

    color: #666;

    border: 1px solid #DDD;

    background-color: #F7F7F7;

    margin-left: 10px;

    cursor: pointer;

}



.trade-order {

    border: 1px solid #e8e8e8;

    margin-bottom: 15px;

    font-size: 12px;

}

.trade-order:hover{

    border-color:#bfbfbf

}

.trade-order-goods {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0px;

}

.trade-order-goods tr{

    border-top: 1px solid #e8e8e8;

}

.trade-order-goods .trade-order-info {

    background-color: #F9FAFA;

    border-top:0;

}

.trade-order-info td {

    padding: 10px 20px;

    text-align: left;

}

.trade-order-info td label,

.trade-order-box td label {

    margin-right: 10px;

}

.trade-order-info td label input {

    vertical-align: middle;

    margin: -2px 5px 0px 0px;

    cursor: pointer;

}

.trade-order-info td label span {

    margin-right: 5px;

    vertical-align: middle;

}

.trade-order-info td span {

    vertical-align: middle;

}

.trade-order-info td.order-recycle-bin {

    text-align: right;

    padding-left: 0px;

}

.trade-order-info td.order-recycle-bin a {

    font-size: 12px;

}

.trade-order-info td.order-recycle-bin a i{

    vertical-align: middle;

    cursor: pointer;

    margin-top: 1px;

    display: inline-block;

    width:13px;

    height:13px;

    background:url(../imgs/user-icon.png) no-repeat -47px -226px

}

.trade-order-info td.order-recycle-bin a span{

    vertical-align: middle;

    display: inline-block;

}

.goods-info {

    text-align: left;

    vertical-align: top;

    padding: 15px 10px ;

}



.goods-info .goods-img {

    float: left;

    width: 27%;

    margin-right: 2%;

    text-align: center;

}

.goods-info .goods-img img {

    border: 1px solid #eee;

    max-width: 100%;

}

.goods-info .item-con {

    float: left;

    width: 71%;

    word-wrap: break-word;

}

.goods-info .item-con .item-icons{

    margin-top:8px;

    line-height:16px;

    height:48px;

    overflow:hidden;

}

.goods-price {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

}



.goods-num {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

}

.goods-operate {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

    border-right: 1px #E8E8E8 solid;

}

.trade-order-goods td.goods-payment {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

    border-right: 1px #E8E8E8 solid;

}

.goods-payment p {

    margin-bottom: 3px;

    line-height:1.5;

}

.goods-payment p strong {

    font-size: 14px;

}

.trading-status {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

    border-right: 1px #E8E8E8 solid;

}

.trading-status .operate {

    margin-bottom: 3px;

}

.trading-operate {

    text-align: center;

    vertical-align: top;

    padding: 15px 10px ;

}

.trading-operate .operate {

    margin-bottom: 3px;

}

.trading-operate .operate a {

    height: 25px;

    line-height: 25px;

    display: inline-block;

}

.trading-operate .operate a.on-payment {

    background: #ff4401;

    color: #fff;

    border-radius: 2px;

    padding: 0px 10px;

}

.trading-operate .operate p.confirm-receipt-time {

    margin-bottom: 8px;

}

.tip-box {

    width: 300px;

    height: 300px;

    margin: 50px auto 0;

    text-align: center;

}

.tip-box .tip-icon {

    display: block;

    max-width: 100%;

    max-height: 100%;

    margin: 0 auto;

}

.tip-box .tip-text {

    line-height: 20px;

    padding: 10px;

    font-size: 14px;

}



.con-right-text .tabmenu {

    background-color: #FFF;

    width: 100%;

    height: 38px;

    display: block;

    margin-bottom: 10px;

    position: relative;

    z-index: 1;

}

.con-right-text .tabmenu .tab {

    font-size: 0;

    background-color: #FFF;

    height: 36px;

    border-bottom: solid 1px #E7E7E7;

}

.con-right-text .tabmenu .tab li {

    font-size: 16px;

    line-height: 20px;

    color: #333;

    display: block;

    height: 20px;

    padding: 7px 19px 8px 19px;

    margin-right: 15px;

    cursor: pointer;

    display: inline-block;

}

.con-right-text .tabmenu .tab .active,

.tabmenu .tab .active:hover {

    text-decoration: none;

    padding: 7px 19px 9px 19px;

    border-bottom-style: solid;

    border-bottom-width: 2px;

    cursor: pointer;

}

.con-right-text .tabmenu .tab .active, .tabmenu .tab .active:hover {

    color: #E31939;

    border-color: #E31939;

}



.order-step {

    font-size: 0px;

    position: relative;

    z-index: 1;

    text-align: center;

    width: 100%;

}

.order-step dl, .order-step dl dd.step-bg {

    background: url(../imgs/combine_img.png) no-repeat;

}

.order-step dl {

    font-size: 12px;

    line-height: 20px;

    background-position: -209px -4px;

    vertical-align: top;

    letter-spacing: normal;

    word-spacing: normal;

    display: inline-block;

    width: 156px;

    height: 36px;

    margin: 50px 1px 60px -1px;

    position: relative;

}

.order-step dl.step-first {

    background-position: -130px -4px;

    width: 36px;

}



.order-step dl dt {

    font-weight: 400;

    text-align: center;

    width: 120px;

    position: absolute;

    z-index: 1;

    top: -30px;

    right: -42px;

}

.order-step dl dd.step-bg {

    background-position: -204px -254px;

    width: 63px;

    height: 36px;

    position: absolute;

    z-index: 1;

    top: 0px;

    right: 0px;

    width: 161px;

    display: none;

}



.order-step dl.step-first dd.step-bg {

    background-position: -130px -124px;

    width: 36px;

}



.order-step dl dd.date {

    font: 12px/20px Tahoma,Arial;

    color: #999;

    text-align: center;

    width: 120px;

    position: absolute;

    z-index: 2;

    bottom: -40px;

    right: -42px;

    display: none;

}



.order-step dl.current > dt {

    color: #fa4862;

}

.order-step dl.current > dd.step-bg {

    display: block;

}

.order-step dl.current > dd.date {

    display: block;

}



.order-step dl.done > dt {

    color: #fa4862;

}

.order-step dl.done > dd.step-bg {

    display: block;

}

.order-step dl.done.step-first dd.step-bg {

    background-position: -130px -84px;

}

.order-step dl.done > dd.date {

    display: block;

}











.logistics-details{

    margin-bottom:20px

}

.logistics-details h4{

    border-bottom:1px solid #ddd;

    padding-bottom:5px

}

.logistics-details ul{margin-top:10px;}

.logistics-details li:after{

    content:".";display:block;height:0;clear:both;visibility:hidden

}

.logistics-details li{font-size:12px}

.logistics-details li dt{float: left;}

.logistics-details li dd{margin-left:65px;}

.logistics-details li .active{color:#e31939}



.trade-details {

    position: relative;

    border: 1px solid #ddd;

    border-right: 0;

    height: auto!important;

}

.trade-details-table{

    font-size:12px;

}

.trade-details-table .table-td {

    border-right: 1px solid #ddd;

    vertical-align: top;

    height: 228px;

}

.trade-details-table .table-td.trade-imfor {

    width: 266px;

    color: #666;

    background-color: #fbfbfb;

}

.trade-details-table .trade-imfor-title {

    height: 34px;

    border-bottom: 1px solid #DDD;

    background-color: #F5F5F5;

    line-height: 34px;

    width: 326px;

    color: #333;

    font-size: 12px;

    font-weight: 700;

}

.trade-details-table .trade-imfor-title h3 {

    height: 34px;

    line-height: 34px;

    margin-left: 20px;

    font-size: 12px;

}

.trade-details-table .table-td.trade-imfor ul {

    padding-bottom: 15px;

}

.trade-details-table .table-list {

    width: 290px;

    line-height: 1.5;

    margin: 10px 8px 0 20px;

}

.trade-details-table .separate-top {

    padding-top: 10px;

    border-top: 1px dotted #ddd;

}

.trade-details-table .trade-imfor-dt {

    width: 62px;

    display: inline-block;

    vertical-align: top;

    color: #999;

}

.trade-details-table .trade-imfor-dd {

    width: 222px;

    display: inline-block;

    color: #666;

}



.user-status-imfor {

    margin-top: 50px;

    width: 591px;

    height: 36px;

}



.user-status-imfor .imfor-icon {

    margin: 0 10px 0 45px;

    display: inline-block;

}

.user-status-imfor .imfor-icon img {

    width: 36px;

    height: 36px;

    vertical-align: middle;

}

.user-status-imfor .imfor-title {

    vertical-align: middle;

    margin: 5px 12px 0px 0px;

    font-size: 14px;

    font-weight: bolder;

    display: inline-block;

}

.user-status-imfor .imfor-title h3 {

    color: #333;

}

.user-status-prompt {

    margin: 15px 20px 0 90px;

}

.user-status-prompt li {

    margin-left: 3px;

}

.user-status-prompt li span {

    height: 25px;

    line-height: 25px;

    font-size: 12px;

    margin-left: 5px;

}

.user-status-prompt li span strong {

    margin: 0px 5px;

    color:#e31939

}

.user-status-operate {

    margin: 35px 8px 20px 90px;

}

.user-status-operate dt, .user-status-operate dd {

    margin-right: 12px;

    display: inline-block;

}

.user-status-operate dd a {

    height: 25px;

    line-height: 25px;

    font-size: 12px;

    display: inline-block;

}

.user-status-operate dd a.on-payment {

    background: #ff4401;

    color: #fff;

    border-radius: 2px;

    padding: 0px 10px;

}



.bought-listform {

    margin-top: 20px;

    font-size:12px;

}

.bought-listform .bought-listform-header {

    border: 1px solid #ddd;

    text-align: center;

    height: 40px;

    line-height: 40px;

}

.bought-listform .bought-listform-header dd {

    float: left;

}



.bought-listform .header-item {

    width: 343px;

}

.bought-listform .header-price {

    width: 100px;

}

.bought-listform .header-count {

    width: 100px;

}

.bought-listform .header-favorable {

    width: 120px;

}

.bought-listform .header-status {

    width: 135px;

}

.bought-listform .header-logistics {

    width: 120px;

}

.bought-goods-list {

    border-right: 1px solid #DDD;

    border-left: 1px solid #ddd;

}

.bought-goods-list .header-content-detail {

    border-right: 1px solid #ddd;

}

.bought-listform-content {

    width: 800px;

    *display: inline;

}

.content-package {

    height: 45px;

    line-height: 45px;

    text-align: left;

    padding-left: 15px;

    background-color: #E3EEFF;

    color: #666;

    border-bottom: 1px solid #ddd;

}

.content-package>span {

    float: left;

}

.content-package .package-header {

    margin-right: 15px;

}

.bought-listform-content table {

    width: 100%;

}

.bought-listform-content td {

    border-bottom: 1px solid #ddd;

}

.bought-listform .header-item {

    width: 343px;

}

.bought-listform .header-item .item-container {

    margin: 14px 0;

}

.bought-listform .header-item .item-img {

    margin: 0 10px 0 25px;

    display: inline-block;

    zoom: 1;

    vertical-align: top;

    float: left;

    width: 50px;

    height: 50px;

    border: 1px solid #E9E9E9;

}

.bought-listform .header-item .item-img img {

    width: 50px;

    height: 50px;

}

.bought-listform .header-item .item-meta {

    display: inline-block;

    zoom: 1;

    text-align: left;

    vertical-align: top;

    width: 237px;

}

.bought-listform .header-item .item-meta .item-link {

    display: inline-block;

    zoom: 1;

    height: 18px;

    line-height: 18px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: top;

    width: 245px;

}

.bought-listform .header-item .item-meta .icon-lists {

    line-height: 1;

    margin-top: 5px;

    display: inline-block;

}

.item-props {

    margin-top: 5px;

    margin-bottom: 0;

    color: #999;

}

.item-props .sku {

    margin-right: 5px;

}

.bought-listform .header-price {

    width: 100px;

}

.bought-listform .font-high-light {

    text-align: center;

    color: #666;

}

.bought-listform .bought-listform-content .header-status {

    border-left: 1px solid #ddd;

}

.bought-goods-list .header-content-logistics {

    border-left: 0;

    border-bottom: 1px solid #ddd;

    width: 120px;

}

.order-total {

    background-color: #F3F3F3;

    width: 920px;

    font-size:12px

}

.total-count {

    text-align: right;

    padding: 10px;

}

.total-count .total-count-pay .total-count-pay-info {

    height: 30px;

    line-height: 30px;

    width: 100%;

    text-align: right;

}

.total-count .total-count-pay .total-count-pay-info span {

    height: 30px;

    line-height: 30px;

    width: auto;

}

.total-count .total-count-pay .total-count-pay-info em {

    margin: 0px 5px;

}

.total-count .total-count-pay .total-count-pay-info span.end {

    font-size: 14px;

    font-weight: bold;

    color:#E31939

}





.region-chooser {

    position: relative;

    height: 25px;

    line-height: 25px;

    padding: 7px 0 6px;

    border-bottom: none;

    display: inline-block;

    width: auto;

    vertical-align: middle;

    float: left;

    z-index: 3;

}

.region-chooser-selected {

    z-index: 3;

    position: relative;

    display: inline-block;

}

.region-chooser-selected .region, .region-chooser-selected .active {

    float: left;

    cursor: pointer;

    margin: 0 ;

    width: auto;

    padding: 0 10px;

    height: 23px;

    line-height: 23px;

    border: 1px solid #CCC;

    background: #fff;

}

.region-chooser:hover .region-chooser-selected .region{border-bottom:1px solid #ffffff}

.region-chooser-selected .region i, .region-chooser-selected .active i {

    width: 10px;

    height: 6px;

    background-position: -297px -150px;

    margin-left: 5px;

    display: inline-block;

}

.region-chooser-box {

    float: left;

    width: 400px;

    position: absolute;

    z-index: 1;

    top: 30px;

    left: -25px;

    background: #fff;

    border: 1px solid #CCC;

    padding: 15px 14px 20px 14px;

    line-height: 18px;

    height: auto;

    display:none

}

.region-chooser:hover .region-chooser-box{display:block}



.region-chooser-close {

    position: absolute;

    top: -8px;

    right: -8px;

    background: url(../imgs/goods-icon.png) no-repeat;

    background-position: -20px -113px;

    width: 20px;

    height: 20px;

    line-height: 15px;

    font-size: 15px;

    font-weight: bold;

    cursor: pointer;

}

.region-tabs {

    width: 100%;

    border: none;

    background: none;

    overflow: hidden;

}

.region-tabs .region-tab {

    float: left;

    padding: 5px 17px 0 10px;

    height: 20px;

    text-align: center;

    border: 1px solid #ddd;

    border-bottom: none;

    margin-right: 8px;

    background: #fff;

    cursor: pointer;

    color: #666;

}



.region-tabs .region-tab, .region-tabs .selected {

    position: relative;

}

.region-tabs .region-tab i, .region-tabs .selected i {

    position: absolute;

    right: 5px;

    top: 12px;

    display: block;

    width: 7px;

    height: 4px;

    background-position: 0 -81px;

}

.region-tabs .selected {

    text-align: center;

    float: left;

    padding: 5px 17px 0 10px;

    height: 20px;

    border-left: 2px solid #ffb84e;

    border-right: 2px solid #ffb84e;

    border-top: 2px solid #ffb84e;

    margin-right: 5px;

    background: #fff;

    position: relative;

    z-index: 99999;

}

.region-items {

    float: left;

    width: 97%;

    display: inline;

    position: relative;

    left: 0;

    top: -2px;

    z-index: 99;

    overflow: hidden;

    border-top: 2px solid #ffb84e;

    padding: 15px 5px 5px 5px;

    display:none;

}





.region-chooser-box a {

    float: left;

    margin-right: 10px;

    text-decoration: none;

}

.region-items a {

    text-decoration: none;

    word-break: break-all;

    white-space: nowrap;

    overflow: normal;

    padding: 2px 5px;

}





.address-info h2 {

    margin: 15px 7px;

    font-size: 14px;

    font-weight: normal;

    overflow: hidden;

}

.address-info h2 a {

    width: auto;

    height: 28px;

    display: inline-block;

    border-radius: 2px;

    background: #ffaa45;

    padding: 0 14px;

    line-height: 28px;

    font-size: 14px;

    color: #fff;

    display: inline-block;

}

.address-info .form-horizontal {

    width: 510px;

    margin-left: 0px;

    float: left;

}

.address-info .form-horizontal .form-group-spe {

    margin: 0px 0px 30px;

    position: relative;

}

.address-info .form-horizontal .form-group label.input-left {

    width: 90px;

}

.address-info .form-horizontal .form-group .form-control-box {

    margin-right: 0px;

    max-width: 390px;

}



.address-info .address-picker {

    width: 400px;

    height: 390px;

    border: 1px solid #ccc;

    float: right;

    position: relative;

    overflow: hidden;

}



.address-info table {

    width: 918px;

    font-size:12px;

    border: 1px #ddd solid;

    box-shadow: 0 1px 2px 0 #f0f0f0 inset;

}

.address-info table th {

    background: #f2f2f2;

    height: 25px;

    padding: 10px;

    font-weight: 400;

}

.address-info table td {

    font-size: 12px;

    line-height: 22px;

    border-top: 1px #ddd solid;

    padding: 10px;

    color: #888;

    word-break: break-all;

}

.address-info table td span.line {

    color: #999;

    margin: 0px 5px;

    font-size:12px;

}

.address-info table td a:hover {

    color: #E31939;

}

.address-info table tr td a.note, .address-info table tr td span.note {

    height: 16px;

    line-height: 16px;

    padding: 2px 5px;

    border: 1px #E31939 solid;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #E31939;

    color: #fff;

    display: none;

}

.address-info table tr.address-default td span.note {

    background: #ffd6cc;

    color: #E31939;

    display: inline-block;

}



.refund-return-list .table {

    width: 100%;

    border-spacing: 0;

    border-collapse: collapse;

    border: none;

    margin-top: 10px;

    background: #FFF none repeat scroll 0% 0%;

    font-size: 12px;

}

.screen-term {

    width: 100%;

    padding-top: 20px;

    display: inline-block;

    font-size: 12px;

}

.screen-term label {

    display: block;

    margin: 0px;

    float: left;

}

.screen-term label input {

    padding: 0 5px;

    height: 26px;

}

.screen-term label input[type='text'] {

    width: 210px;

    border-radius: 2px;

    border: 1px solid #ccc;

    box-shadow: 0 1px 2px 0 #f0f0f0 inset;

    background: #fff;

}

.refund-return-list .screen-term label input[type='text'] {

    width: 150px;

}

.screen-term label select {

    min-width: 146px;

    height: 27px;

    border: 1px #ccc solid;

    border-radius: 2px;

}

.screen-term label input.search {

    background: #27A9E3;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    padding: 1px 15px;

    color: #fff;

    border-radius: 2px;

    border: none;

}

.refund-return-list .table{ width: 100%; border-spacing: 0; border-collapse: collapse; border: none; margin-top: 10px; background: #FFF none repeat scroll 0% 0%;font-size:12px;}

.refund-return-list .table tr{ border: 1px solid #e8e8e8;}

.refund-return-list .table thead th{ background-color: #F5F5F5; text-align: center; padding: 13px 8px; font-weight: normal; border: none; color: #333;}

.refund-return-list .table tbody td{ padding: 13px 8px;}

.refund-return-list .table tbody td a{ text-decoration: none;}

.refund-return-list .table tbody td p.shop-info{ max-width: 132px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.refund-return-list .table tbody td.no-data{ padding: 50px 8px;}

.refund-return-list .table tbody td .service-btn img { vertical-align: top;}



.after-sales-goods{ text-align: left; vertical-align: top; padding: 10px 0 10px 10px;}

.after-sales-goods .goods-img{ float: left; width: 27%; margin-right: 2%; text-align: center;}

.after-sales-goods .goods-img img{ border: 1px solid #E8E8E8; max-width: 50px;}

.after-sales-goods .item-name{ height: 17px; overflow: hidden;}







.floatbar {

    margin-bottom: 15px;

    position: relative;

}

.floatbar .bar-float {

    height: 31px;

    line-height: 30px;

    border-bottom: #ddd 1px solid;

}

.floatbar .select {

    float: left;

    position: absolute;

    z-index: 9;

}

.floatbar .select li {

    float: left;

}

.floatbar .select .sel-link {

    padding: 0 20px;

    color: #333;

    font-size: 14px;

    display: block;

    text-decoration: none;

}



.floatbar .select .sel-link {

    padding: 0 20px;

    color: #333;

    font-size: 14px;

    display: block;

    text-decoration: none;

}

.floatbar .select .sel-select {

    color: #f40;

    background: #fff;

    border-width: 1px;

    border-style: solid;

    border-color: #ddd #ddd #fff;

}



#fav-list {

    position: relative;

    z-index: 3;

    overflow: hidden;

}

.img-item-list {

    margin-right: -30px;

}

.fav-item {

    width: 170px;

    height: 246px;

    float: left;

    text-align: center;

    position: relative;

    margin-bottom: 14px;

    margin-right: 17px;

    font-size:12px;

}

.fav-item .controller-box {

    border: #eee 1px solid;

    margin-bottom: 11px;

    height: 168px;

    overflow: hidden;

    position: relative;

}

.fav-item .controller-box .controller-img-link {

    width: 168px;

    height: 168px;

    display: block;

}

.fav-item .controller-box .controller-img-link .controller-img {

    vertical-align: middle;

    display: inline-block;

    max-width: 100%;

    max-height: 100%;

}



.fav-item .add-cat-btn {

    width: 49.5%;

    height: 25px;

    line-height: 25px;

    font-style: 14px;

    position: absolute;

    left: 0;

    bottom: 0;

    cursor: pointer;

    display: block;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');

    background: rgba(0,0,0,.5);

    color: #fff;

    display:none

}

.fav-item .add-cat-btn:hover{

    background:#ffaa45

}

.fav-item .del-btn {

    width: 49.5%;

    height: 25px;

    line-height: 25px;

    font-style: 14px;

    position: absolute;

    right: 0;

    bottom: 0;

    cursor: pointer;

    display: block;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');

    background: rgba(0,0,0,.5);

    color: #fff;

    display:none

}

.fav-item .del-btn:hover{

    background:#ffaa45

}

.fav-item .controller-box:hover .add-cat-btn{

    display:block

}

.fav-item .controller-box:hover .del-btn{

    display:block

}

.fav-item .item-title {

    height: 23px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.price-container {

    word-wrap: break-word;

    word-break: normal;

    height: 23px;

    line-height: 23px;

    overflow: hidden;

}

.price-container .price {

    margin: 0 2px;

    font-family: arial;

}

.price-container .price-box div {

    display: inline;

    color: #E31939;

    font-weight: 700;

    font-family: verdana,arial;

}





.content-evaluate{

    margin-top:50px;

    font-size:12px;

}

.content-evaluate .goods-pic{

    float: left;

    width:202px;

    text-align:center

}

.content-evaluate .goods-pic img{

    width:200px;

    border:1px solid #ddd;

}

.content-evaluate .goods-pic .goods-tit{

    color:#e31939;

    margin-top:10px

}

.content-evaluate .goods-pic .goods-txt{

    color:#999999;

    line-height:1.2

}

.content-evaluate .goods-evaluate{

    float: right;

    width:650px;

    padding:10px;

    background:#f1f1f1;

    overflow:hidden

}

.content-evaluate .goods-evaluate textarea{

    width:638px;

    height:100px;

    border:1px solid #dddddd;

    line-height:20px;

    padding:5px;

    vertical-align:top

}







.evaluate-photos{

    margin-top:10px;

}



.evaluate-photos #uploads{

    float: left;

    width:80px;

    height:80px;

    border:1px dashed #e5e5e5;

    background:#ffffff

}



.evaluate-photos #uploads dt{

    width:40px;

    margin:auto;

    margin-top:10px

}

.evaluate-photos #uploads dt img{

    width:40px

}



.evaluate-photos #uploads dd{

    text-align:center;

    margin-top:5px;

    color:#999999

}



.evaluate-photos .pic-li{

    float: left;

    margin-left:10px;

    width:80px;

    height:80px;

    border:1px solid #e5e5e5;

}

.evaluate-photos .pic-li dt{

    display: table-cell;

    width:80px;

    height:80px;

    text-align:center;

    vertical-align:middle

}



.evaluate-photos .pic-li dt img{

    display: inline;

    max-width:100%;

    max-height:100%

}









.order-refund-box{float: left;width:655px;border-right:1px solid #ddd}



.refund-dl{padding:0;line-height:30px;min-height:30px;position:relative;margin-top:20px}



.refund-dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}



.refund-dl span{float: left;font-size:14px;width:80px;}



.refund-dd{float: left;font-size:14px;width:500px}



.refund-dd .refund-select {min-width: 200px;height: 28px;line-height:28px;border: 1px #ccc solid;border-radius: 2px;color:#999999;font-size:14px;padding:0 10px;}

.refund-dd .refund-input {min-width: 178px;height: 28px;line-height:28px;border: 1px #ccc solid;border-radius: 2px;color:#999999;font-size:14px;padding:0 10px;}



.refund-dd .goods img{float: left;width:78px;border:1px solid #ccc}

.refund-dd .goods .tit{line-height:25px;margin-left:90px}

.refund-dd .goods .txt{line-height:25px;margin-left:90px;color:#999}





.refund-dl .textarea_box{display:block;width:500px;min-height:100px;line-height:25px;padding:10px 20px;margin:0;border:0;background-color:#ffffff;border-radius: 2px;border:1px solid #ccc}



.refund-dl-photos{}



.refund-dl-photos #uploads{float: left;width:80px;height:80px;border:1px dashed #e5e5e5}



.refund-dl-photos #uploads dt{width:50px;margin:auto;margin-top:5px}



.refund-dl-photos #uploads dd{text-align:center;margin-top:8px;line-height:1;color:#999999}



.refund-dl-photos .pic-li{float: left;margin-left:10px;width:80px;height:80px;border:1px solid #e5e5e5;}



.refund-dl-photos .pic-li dt{display: table-cell;width:80px;height:80px;text-align:center;vertical-align:middle}



.refund-dl-photos img{display: inline;max-width:100%;max-height:100%}





.refund-order-detail{float: right;width:230px}

.refund-order-detail .goods{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0;margin-top:15px}

.refund-order-detail .goods img{float: left;width:50px;border:1px solid #ddd}

.refund-order-detail .goods .tit{font-size:12px;padding-left:60px;line-height:1.2}

.refund-order-detail .goods .txt{font-size:12px;padding-left:60px;line-height:1.2;color:#999;margin-top:5px}

.refund-order-detail .lis{margin-top:10px}

.refund-order-detail .lis p{margin-top:5px;font-size:12px;color:#999}

.refund-order-detail .lis p b{color:#666666}

.refund-order-detail .lis p span{text-indent:2em;display:inline-block}



.refund-info {float: left;width:625px;padding-right:30px;border-right:1px solid #ddd}

.refund-info-tit{color:#333;font-size:18px;font-weight:700;line-height:30px;}

.refund-info-tit span{margin-left:20px;padding-left:30px;color:#c00;font-size:16px;font-weight:400;background:url(../imgs/clock.png) no-repeat left center;}

.refund-info-tips{margin-top:8px;color:#666;padding-bottom:8px;border-bottom:1px solid #ddd;}

.refund-info-logistics{margin-top:10px;}

.refund-info-logistics dt{color:#333;font-weight:700}

.refund-info-logistics dt a{font-weight:400;color:#c00;margin-left:20px}

.refund-info-logistics dd{color:#666;font-size:14px;line-height:20px;margin-top:10px}

.refund-info-address{margin-top:10px;}

.refund-info-address h4{background:url(../imgs/dz.png) no-repeat left center;line-height:30px;padding-left:30px;font-size:18px;color:#333}

.refund-info-address p{margin-top:5px}

.refund-info-content{margin-top:10px;}

.refund-info-pay{margin-top:10px;border:1px solid #ddd;padding:10px;}

.refund-info-txt{margin-top:10px;color:#999;}

.refund-info-txt p{padding-left:10px;position:relative;line-height:24px;}

.refund-info-txt p:after{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;background:#999;border-radius:100%}

.refund-info-txt a{background:#c00;display:block;width:200px;margin-top:10px;line-height:30px;border-radius:3px;color:#fff;text-align:center}

.refund-info-edit{margin-top:10px;}

.refund-info-edit a{color:#c00;margin-right:20px}







.refund-history{padding:0;margin-top:50px;}

.refund-history h3{padding:0;padding-top:20px;font-size:18px;border-top:1px solid #eee;font-weight:700;color:#333}

.refund-history dl{padding:15px 0;min-height:40px;line-height:18px;border-bottom:1px solid #eee}

.refund-history dl:last-child{border:none}

.refund-history dl .head_img{float: left;width:40px;height:40px;border-radius:100%;overflow:hidden}

.refund-history dl .head_img img{float: left;width:40px;height:40px;}

.refund-history dl dt{margin-left:60px;font-size:14px}

.refund-history dl dt span{float: right;font-size:12px;color:#999999}

.refund-history dl dd{margin-left:60px;margin-top:4px;font-size:14px;line-height:18px}





















/*取消订单*/



.order-cancel{background: #fff;margin-top:20px;padding:0}



.order-cancel-tips{background: #fcf6ed;color:#de8c17;padding:10px 20px;font-size:14px;line-height:2}



.order-cancel-tit{margin-top:20px;padding:10px 0; font-size:20px;border-bottom:1px solid #eee}



.cancel-li{position:relative;padding:10px 0;padding-left:30px;border-bottom:1px solid #eee}



.cancel-li .check-div{position: absolute;top: 50%;left: 0;margin-top: -10px;margin-left: 5px;height: 20px;width: 20px;overflow: hidden}



.cancel-li .check-div>label {position: relative;vertical-align: middle;display: block;width: 20px;height: 20px;background: url(../imgs/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto;}



.cancel-li .cancel-checkbox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0;border: none;z-index: 2;-webkit-appearance: none;}



.cancel-li .cancel-checkbox:checked {background: none;}



.cancel-li .cancel-checkbox:checked+.check-div>label {background-position: -25px 1px;}



.cancel-sub{margin-top:20px}



.cancel-sub a.qx{float: left;width:130px;line-height:40px;border:1px solid #ccc;border-radius:3px;text-align:center;margin-right:20px}



.cancel-sub a.qd{float: left;width:130px;line-height:40px;border:1px solid #c00;border-radius:3px;text-align:center;background-color:#c00;color:#fff}



.cancel-textarea{display:none;}



.cancel-textarea>.textarea_box{display:block;width:898px;line-height:25px;height:100px;padding:5px 10px;margin-top:20px;border:0;background-color:#ffffff;border:1px solid #ddd}











/*login*/

#UpdatePanel1{background:url(../imgs/login.jpg) no-repeat center bottom; height:500px;}

#UpdatePanel1 .right-box{margin-top:70px;float:right;width:340px;height:340px;background:#fff; position:relative}

#UpdatePanel1 .right-box .login-change{position:absolute;right:5px;top:5px;width:200px;height:50px}

#UpdatePanel1 .right-box .login-change .por{width:100%}

#UpdatePanel1 .right-box .login-change span{display:block;width:135px;height:28px;line-height:28px;background:url(../imgs/ico_login.png) no-repeat -100px 0;color:#de3e37;padding-left:15px;font-size:12px;}

#UpdatePanel1 .right-box .login-change1 i.icon_pc{ position:absolute;width:50px;height:50px;background:url(../imgs/ico_login.png) no-repeat 0 -40px;right:0;top:0; cursor:pointer}

#UpdatePanel1 .right-box .login-change2 i.icon_weixin{ position:absolute;width:50px;height:50px;background:url(../imgs/ico_login.png) no-repeat -50px -40px;right:0;top:0; cursor:pointer}

.loginBox-weixin{width:295px;height:240px;margin:45px auto 0}

.loginBox-weixin .tips{font-size:18px;font-weight:bold;height:30px;}

.loginBox-weixin .input-group{height:140px;}

.loginBox-weixin .desc-group {margin-top:20px;text-align:center;}

.loginBox-weixin .desc-group i{font-style:normal;font-weight:bold;color:#de3e37}

.loginBox-weixin .desc-group span{display:inline-block;background:url(../imgs/ico_login.png) no-repeat 0 -90px;text-align:left;height:32px;line-height:16px;font-size:12px;padding-left:40px;}

.loginBox-password{width:295px;height:240px;margin:45px auto 0}

.loginBox-password .tips{font-size:18px;font-weight:bold;height:30px;margin-bottom:20px;}

.loginBox-password .tips span{display:block;height:28px;line-height:28px;border:1px solid #dd514c;width:260px;padding-left:33px;color:#dd514c;font-weight:400;font-size:12px;background:url(../imgs/error.png) no-repeat 10px center}

.loginBox-password .input-group{margin:10px auto;text-align:center;width:293px;height:40px;border:1px solid #ddd;background:#fff}

.loginBox-password .input-group .cd-user{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat 0 0 #ddd}

.loginBox-password .input-group .cd-password{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -40px 0 #ddd}

.loginBox-password .input-group input{float:left;background:none;border:none;width:223px;height:40px;line-height:40px;padding:0 15px}

.loginBox-password .btn-group .btn-login{margin-top:10px;width:100%;height:45px;line-height:45px;background:#de3e37;color:#fff;text-align:center;font-size:17px; letter-spacing:5px;border:none; cursor:pointer}



#UpdatePanel1 .btn-signup{font-size:12px;color:#666;float:right;margin-right:30px}

.login-change1{display:none}

.login-change2{display:block}

.loginBox-weixin{display:none}

.loginBox-password{display:block}









/*register*/

.register {padding-bottom:100px;padding-top:1px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}

.register h3{margin-top:80px;font-size:30px;text-align:center; letter-spacing:5px;font-weight:normal}

.register .regBox{width:600px;margin:40px auto 0}

.register .regBox .input-group {height:42px;line-height:42px;margin-top:15px}

.register .regBox .input-group .input-name{float:left;width:150px;padding-right:10px;height:42px;text-align:center;font-size:16px;color:#545454;text-align:right;}

.register .regBox .input-group .input-text{float:left;width:210px;padding:0 15px;height:40px;border:solid 1px #ddd;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}

.register .regBox .input-group .input-text:hover{border:solid 1px #de3e37}

.register .regBox .input-group .input-text:focus{border:solid 1px #de3e37 \9;border-color:rgba(222,62,55,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(222, 62, 55, 0.3)}

.register .regBox .input-group .input-group-user{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat 0 -140px;border: solid 1px #ddd;border-left:0}

.register .regBox .input-group .input-group-email{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -40px -140px;border: solid 1px #ddd;border-left:0}

.register .regBox .input-group .input-group-password{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -80px -140px;border: solid 1px #ddd;border-left:0}

.register .regBox .input-group .tips{float:right;width:130px;height:42px;color:orangered;font-size:12px;}

.register .regBox .input-group .btn-reg{margin-left:160px;float:left;width:283px;height:42px;color:#fff;text-align:center;font-size:16px; letter-spacing:5px;background:#de3e37;border:none;cursor:pointer}





.register .regBox .input-group .reset-btn{float: right;width: 130px;height: 42px;}















/*评论*/

.user-evaluate{margin-top:50px;font-size:12px;}

.user-evaluate .goods-pic{float: left;width:242px;}

.user-evaluate .goods-pic img{width:240px;border:1px solid #ddd;}

.user-evaluate .goods-pic .goods-tit{color:#333333;margin-top:10px;line-height:18px;height:36px;overflow:hidden;width:242px;}

.user-evaluate .goods-pic .goods-txt{color:#999999;line-height:18px;margin-top:3px;width:242px;}

.user-evaluate .goods-evaluate{float: right;width:630px;padding:10px;background:#f1f1f1;overflow:hidden}

.user-evaluate .star-bar{font-size:0; line-height:0}

.user-evaluate .star-bar .star{display:inline-block;text-align:center}

.user-evaluate .star-evaluate {margin-top:5px;}

.user-evaluate .star-evaluate img{ width:24px;height:24px}

.user-evaluate .star-evaluate span{float: left;font-size:14px;line-height:24px;font-size:12px}

.user-evaluate .radio-box {margin-top:5px;display: inline-block;box-sizing: border-box;cursor: pointer;position: relative;padding-right: 20px;overflow:hidden}

.user-evaluate .radio-box input {display: block;margin: 0;padding: 0;width: 18px;height: 18px;border: 0;cursor: pointer;position:absolute;left:-9999px;top:-9999px;}

.user-evaluate .radio-box label{position:relative;padding-left:25px;font-size:14px;color:#666666;line-height:20px;display:block}

.user-evaluate .radio-box label:after{position:absolute;left:0;top:0;width:20px;height:20px;content:'';background: url(../imgs/blue.png) no-repeat;background-position: -99px 1px;}

.user-evaluate .radio-box input:checked+label:after{background-position: -139px 1px;}

.user-evaluate .goods-evaluate textarea{width:618px;height:100px;border:1px solid #dddddd;line-height:20px;padding:2px 5px;vertical-align:top;margin-top:10px}

.user-evaluate .evaluate-photos{margin-top:10px;}

.user-evaluate .evaluate-photos #uploads{float: left;width:80px;height:80px;border:1px dashed #e5e5e5;background:#ffffff}

.user-evaluate .evaluate-photos #uploads dt{width:40px;margin:auto;margin-top:10px}

.user-evaluate .evaluate-photos #uploads dt img{width:40px}

.user-evaluate .evaluate-photos #uploads dd{text-align:center;margin-top:5px;color:#999999}

.user-evaluate .evaluate-photos .pic-li{float: left;margin-left:10px;width:80px;height:80px;border:1px solid #e5e5e5;}

.user-evaluate .evaluate-photos .pic-li dt{display: table-cell;width:80px;height:80px;text-align:center;vertical-align:middle}

.user-evaluate .evaluate-photos .pic-li dt img{display: inline;max-width:100%;max-height:100%}