@charset "utf-8";
body{background:#f5f5f5;}
/* === 头部LOGO部分 === */
.user-head{background: #0166b6;height: 80px;line-height: 80px;}
.user-head .user-nav .logos a {display: block;width:236px;height: 48px;margin:0px 0 14px 0;color:#fff;font-size: 28px; font-weight: bold;}
.user-head .user-nav .user-nav-menu{padding-left:50px; width: 838px;}
.user-head .user-nav .user-nav-menu li{float: left;display: inline;text-align: center;padding:0 12px;}
.user-head .user-nav .user-nav-menu li a{color: #fff;font-size: 14px;}
.user-head .user-nav .user-nav-menu .n-dropdown {width:100px;background:#fff;position: absolute;top:96px;display: none;z-index:100;text-align: left;border: 1px solid #eee;*margin-left: -50px;}
.user-head .user-nav .user-nav-menu .with_dropdown:hover .n-dropdown {display: block;}
.user-head .user-nav .user-nav-menu .n-dropdown dl{position: relative;}
.user-head .user-nav .user-nav-menu .n-dropdown dd{display: block;height: 32px;padding-left: 20px;line-height: 32px;}
.user-nav-menu .n-dropdown dd:hover,.user-nav-menu .n-dropdown dd a:hover{background: #ff8e16;color: #fff;}
.user-head .user-nav .user-nav-menu .n-dropdown dd a{color: #5d5d5d;text-decoration: none;display: block;}
.user-head .user-nav .user-nav-menu .n-dropdown dd a:hover{color: #fff;}
.user-head .user-nav .user-search{padding-left:140px;float: right;}
.user-head .user-nav .user-search .form-input {background: #fff;margin-top: 21px;border:none;float: left;width:210px;height: 36px;font: normal 12px/36px "微软雅黑";padding: 0 0 0 10px;}
.user-head .user-nav .user-search .so-btn {width:60px;height: 36px;line-height: 36px;border: none;background: #e7e7e7;cursor: pointer;color: #5D5D5D;padding: 0;border-radius:0;top: 21px;position: relative;border-left: 1px solid #DEDEDE;}
.user-head .user-nav .sl-cart{margin-top: 21px;}

/* === 快捷导航 === */
.user-menu,.app-mobile-down{ border: 1px solid #fff;background: #fff; border-radius: 10px;}
.user-menu .user-hd-title{background: #f7f7f7;font-weight: bold;overflow: hidden;height: 40px;line-height: 40px;border-bottom: 1px solid #DEDEDE;padding-left: 15px;}
.user-menu .user-hd-title span,.user-menu .user-hd-title span a{color: #0f7ace;}
.user-menu .menu-basis .user-linfo{padding: 15px;border-bottom: 1px solid #f1f1f1;background:#f7f7f7;font-size:14px;}
.user-menu .menu-basis .user-hd{padding: 15px;border-bottom: 1px solid #f1f1f1;}
.user-menu .menu-basis .user-hd h3{font-size: 14px;height:28px;line-height:28px;font-weight: bold;cursor: pointer;}
.user-menu .menu-basis .user-hd ul{overflow: hidden;padding-left: 24px;position: relative;top: 2px;}
.user-menu .menu-basis .user-hd ul li{float: left;width:92px;line-height: 24px;}
.user-menu .menu-basis .user-hd ul li a{color: #777;display: block;}
.user-menu .menu-basis .user-hd ul li.current a{font-weight: 600;color: #1288f6;}
.user-menu .security-uc-head{width: 136px;margin: 0 auto;position: relative;padding: 20px 0 20px 0;}
.user-menu .security-uc-head .uc-img{border: 1px solid #DEDEDE;padding: 2px;border-radius: 1000px;}
.user-menu .security-uc-head .uc-img img{width: 130px;height: 130px;display: block;border-radius: 1000px;}
.user-menu .security-uc-head .user-name{line-height:30px;margin-top:2px;text-align: center;}
.user-menu .menu-service ul{padding-left:39px;}
.user-menu .menu-service ul li{height: 30px;line-height: 30px;}
.user-menu .menu-service ul li a{display: block;}
.app-mobile-down .app-code{padding: 15px;overflow: hidden;}
.app-mobile-down .app-code .code-img{margin-right: 19px;}
.app-mobile-down .app-code .code-img img{display: block;}
.app-mobile-down .app-code .code-img a{  width: 75px; height: 75px;display: block; background: #efefef;text-align: center; line-height: 66px;}
.app-mobile-down .app-code .code-img a i{font-size:48px;color:#a5d8ff;top: 6px;left: 2px;}
.app-mobile-down .app-code p {padding-top: 7px;line-height: 24px;}
.app-mobile-down .app-code p a {display: block;width: 96px;height: 29px;line-height: 28px;_line-height: 29px;text-align: center;color: #fff;background: #ffb72f;border-radius: 2px;margin-top: 5px;}
.app-mobile-down .app-code p a:hover {background: #ffc04a;}

/* === 会员主页 === */
.user-main{width: 933px;margin-left: 15px;position: relative;}
.user-main .message{background: #f7f7f7;border: 1px dashed #dedede;height: 40px;line-height: 40px;padding: 0 15px;position: relative;overflow: hidden;}
.user-main .message .tips-icon{background: url(../img/user-icon.png) 0 0 no-repeat;width: 20px;height: 20px;display: inline-block;position: relative;top: 7px;}
.user-main .message .roll_wrap{width:280px; padding-left:25px; position:relative; overflow:hidden;}
.user-main .message .roll_wrap li{float: left;display: inline;height: 38px;line-height:42px;margin-right: 40px;overflow: hidden;white-space: nowrap;}
.user-main .message .roll_wrap li a {color: #3592e2;float: left;margin-right: 5px;}
.user-main .message .message-data{height: 40px;line-height: 40px;}
.user-main .message .message-data a{padding: 0 10px;}

.account-data{position: relative;}
.account-data .account-box{height: 220px;padding: 8px 15px 15px 15px;display: block;float: left;}
.account-data .account-box h3{color: #fff;}
.account-data .my{width: 192px;background: #f97a68;margin-right: 15px;position: relative;}
.account-data .my .head-img{width: 90px;height: 90px;margin:auto;padding-top: 15px;}
.account-data .my .head-img a img{width: 80px;height: 80px;border-radius: 1000px;border:4px solid #fcafa4;display: block;}
.account-data .my .user-name{text-align: center;line-height:34px;overflow: hidden;}
.account-data .my .user-name a:hover{color: #fff;}
.account-data .my .company-info .company-name{text-align: left;height:30px;}
.account-data .my .company-info .v-icon{width: 28px;height: 24px;background: url(../img/user-icon.png) center center no-repeat;display:block;float: left;margin-right: 10px;text-align: center;}
.account-data .my .company-info .validation{background-position:0 -24px;}
.account-data .my .company-info .no-validation{background-position:0 -49px;}
.account-data .my .company-info .pass{background-position:-38px -24px;}
.account-data .my .company-info .no-pass{background-position:-38px -49px;}
.account-data .my .company-info .email{background-position:-69px -24px;;}
.account-data .my .company-info .no-email{background-position:-69px -49px;;}
.account-data .my .company-info .tooltip{width:330px;border:solid 1px #ffbb76;background:#fffcef;margin:30px auto;position: absolute;left: 5px;border-radius: 4px;}
.account-data .my .company-info .tooltip .tipbox{position:relative;height:24px;padding:10px;}
.account-data .my .company-info .tooltip .Close,.account-data .my .company-info .tooltip .tip-arrow{background:url(../img/user-icon.png) no-repeat;}
.account-data .my .company-info .tooltip .tip-content{float:left;margin-left:5px;display:inline;}
.account-data .my .company-info .tooltip .tip-content p{height:34px;line-height:26px;}
.account-data .my .company-info .tooltip .Close{width:14px;height:14px;overflow:hidden;background-position:-63px 0px;position:absolute;top:7px;right:7px;cursor:pointer;}
.account-data .my .company-info .tooltip .tip-arrow{display:block;width:13px;height:7px;overflow:hidden;background-position:-50px -7px;position:absolute;left:15px;top:-7px;}
.account-data .moeny{width: 192px;background: #64b8ef;margin-right: 15px;}
.account-data s{text-decoration:none}
.account-data .moeny .available s{height: 28px;display: block;}
.account-data .moeny .go-avai{width: 188px;height: 42px;line-height: 42px;display: block;border: 2px solid #fff;border-radius: 4px;text-align: center;margin-top:12px;}
.account-data .moeny a:hover{color: #fff;}
.account-data .business{width:429px;background: #44df8a;}
.account-data .business .business-box{line-height: 32px;}
.account-data .business .business-box .d-s{background: #17ce69;border-radius: 4px;display: inline;margin: 0 5px 0 5px;padding: 0 5px 0 5px;}
.account-data .business .bm-day{width: 210px;overflow: hidden;}
.account-data .business .bm-day p{line-height: 36px;overflow: hidden;}
.account-data .business .bm-day .dec{font-size:20px;color: #fff;}
.account-data .business .bm-link{}
.account-data .business .bm-link .pro-btn{width: 140px;height: 38px;line-height:38px;text-align: center;color: #fff;display: block;border: 2px solid #fff;border-radius: 4px;}

.user-mode .br{border: 1px solid #fff; border-radius: 10px; background: #fff;}
.user-mode .content .user-tabs{height: 46px;line-height: 46px;/*background: #f5f5f5;border-bottom: 1px solid #ececec;*/}
.user-mode .content .user-tabs li{float: left;height: 46px;padding: 0 15px;line-height: 46px;cursor: pointer;font-size: 14px;text-align: center;font-weight:700;}
.user-mode .content .user-tabs li.current{border-width: 2px 0 0 0;border-color: #ff6633;border-style:solid;border-right: 1px solid #ececec;height: 40px;background:#fff;}
.user-mode .content .user-tabs .more{padding-right: 10px;}
.user-mode .content .back-list{ position: absolute;top: 10px;left: 110px;border: 1px solid #a5d8ff;padding: 3px 7px;border-radius: 2px;color: #a5d8ff;}
.user-mode .content .title {line-height:40px;background-color: #FFF;padding: 8px 10px;border-bottom: solid 2px #1288f6;overflow: hidden;margin-bottom:10px;}
.user-mode .content .title h3 {font-size: 18px;float: left;}
.user-mode .content .sell-list{padding: 15px;position: relative;}
.user-mode .content .sell-list .li-main{border-bottom: 1px dashed #ececec;height:65px;display: block;padding-bottom: 5px;margin-bottom: 10px;}
.user-mode .content .sell-list .li-main.last{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.user-mode .content .sell-list .product-img{width: 80px;padding-right:15px;}
.user-mode .content .sell-list .product-title{width: 260px;padding:0 10px 0 10px;}
.user-mode .content .sell-list .product-pirce{width: 100px;text-align: center;padding:0 15px 0 15px;}
.user-mode .content .sell-list .product-ht{width: 100px;text-align: center;padding:0 15px 0 15px;position: relative;}
.user-mode .content .sell-list .product-view{width:72px;text-align: right;}
.user-mode .content .sell-list .product-view .item-btn{display: block;background: #ff6633;padding:4px;text-align: center;border-radius: 6px;color: #fff;top: 4px; position: relative;}
.user-mode .content .sell-list .product-view .item-btn:hover{background: #ff6600;}
.user-mode .content .form-item{font-size:14px!important;} 

.box-hd{margin: 15px 15px 2px 15px;}
.box-hd strong{line-height: 16px;display: inline-block;height: 16px;padding-left:8px;border-left: solid 3px #0f7ace;}
.user-mode .prompt .text-desc dl{position: relative;overflow: hidden;}
.user-mode .prompt .text-desc dt{width: 68px;}
.user-mode .prompt .text-desc dd{width:570px;line-height: 22px;color: #777;}
.user-mode .caigou .cg-desc{border-bottom: 1px solid #ECECEC;}
.user-mode .caigou .cg-list{ overflow:hidden; position:relative;} 
.user-mode .caigou .cg-list .hd{ overflow:hidden;position: absolute;width: 97%;top:60px;} 
.user-mode .caigou .cg-list .hd a{width: 20px;height: 34px;display: block;}
.user-mode .caigou .cg-list .hd .prev,.user-mode .caigou .cg-list .hd .next{background: url(../img/qiye/qiye-icon.png);cursor:pointer;} 
.user-mode .caigou .cg-list .hd .next{background-position: -130px -42px;} 
.user-mode .caigou .cg-list .hd .prev{background-position: -149px -42px;}
.user-mode .caigou .cg-list .bd{padding:10px;} 
.user-mode .caigou .cg-list .bd li{width: 130px;margin:0 10px 0 10px;float: left;}
.user-mode .caigou .cg-list .bd{padding-left:22px;}
.user-mode .caigou .cg-list .pic{border: 1px solid #ECECEC;} 
.user-mode .caigou .cg-list .pic img{width: 130px;height: 130px;border: 0;display:block;}
.user-mode .caigou .cg-list li p{text-align:center;margin-top: 5px;} 

.art-help .art-list .art-tabs{border-bottom: 2px solid #ededed;margin-bottom: 8px;padding-bottom: 5px;cursor: pointer;}
.art-help .art-list .art-tabs .current {color: #333;border-bottom: 2px solid #1288f6;padding-bottom: 7px;}
.art-help .art-list .art-tabs span {padding: 0 15px 0 15px;}
.art-help .art-list li{height: 24px;line-height: 24px;overflow: hidden;}

.history .history-list dl{margin-bottom: 15px;overflow: hidden;border-bottom: 1px solid #ECECEC;padding-bottom: 15px;}
.history .history-list dl:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.history .history-list dt{width: 80px;height:60px;}
.history .history-list dt img{display: block;}
.history .history-list dd{width: 100%;}
.history .history-list dd .title{line-height: 20px;overflow: hidden;}


/* === 用户中心布局首页资料 === */
.container { width: 1200px; margin: 0 auto; padding-bottom: 10px;}
.header-top { background-color: #FFF; display: block; height: 158px; border: solid 1px #ececec;}
.member-info { width: 280px; padding: 20px 20px 0 20px; float: left; overflow: hidden;}
.member-info .avatar { width: 100px;float: left; position: relative; z-index: 1;text-align: center;}
.member-info .avatar .frame { background: url(../img/user-icon.png) no-repeat -105px -24px; width: 100px; height: 100px; position: absolute; z-index: 2; top: 0; left: 0;}
.member-info .avatar img { width: 92px; height: 92px; position: absolute; z-index: 1; top: 4px; left: 4px;}
.member-info .img-avatar{overflow: hidden;height: 106px;}
.member-info dl { float: left; margin: 0 0 0 10px;}
.member-info dt { font-size: 18px; font-weight: lighter; line-height: 24px; color: #333; margin-bottom: 5px;}
.member-info dd { line-height: 24px; color: #999; height: 24px;}

.member-info .user-account { display: inline-block; vertical-align: top;}
.member-info .user-account ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.member-info .user-account li { font-size: 14px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline/*IE7*/; width: 16px; height: 16px; margin-right: 5px; *zoom: 1/*IE7*/;}
.member-info .user-account li .icon { background: url(../img/user-icon.png) no-repeat; display: inline-block; *display: inline/*IE7*/; width: 16px; height:16px; margin: 0 auto; *zoom: 1/*IE7*/;}
.member-info .user-account #pre-deposit .icon { background-position: -136px 0;}
.member-info .user-account #points .icon { background-position: -157px 0;}
.member-info .user-account #voucher .icon { background-position: -176px 0;}
.member-info .user-account #envelope .icon { background-position: -195px 0;}
.member-info .user-account .image{position: relative;top: 2px;left: -4px;}

.member-info .SAM { display: inline-block;}
.member-info .SAM-info { height: 20px;}
.member-info .SAM-info strong { margin-left: 6px;}
.member-info #high strong { color: #393;}
.member-info #normal strong { color: #F60;}
.member-info #low strong { color: #ff6633;}
.member-info .SAM-info span { font-size: 0; line-height: 12px; background-color: #EEE; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; width: 80px; height: 12px; position: relative; z-index: 1; *zoom: 1/*IE7*/;}
.member-info .SAM-info em { font-size: 0; line-height: 12px; display: block; height: 12px; position: absolute; z-index: 1; *zoom: 1/*IE7*/;}
.member-info #high span em { background-color: #75BC30; width: 100%;}
.member-info #normal span em { background-color: #1193F3; width: 66.6666%; }
.member-info #low span em { background-color: #ff6633; width: 33.3333%;}

.account-price{position: relative;padding:22px 50px;border-left: 1px solid #f1f1f1;right: 38px;}
.account-price dl dt{font-size: 14px;font-weight: 600;padding-bottom:5px;}
.account-price dl dd{line-height:25px;}
.account-price dl dd .blue-btn{padding: 5px;height: 18px;line-height: 18px;}

.trade-menu {height: 145px;margin:15px 0 15px 0; border-left: dashed 1px #eee; position: relative; z-index: 1;}
.trade-menu dl { position: absolute; z-index: 2; top: 0;}
.trade-menu dl dt { font-size: 14px; line-height: 20px; font-weight: 600; color: #999;}
.trade-menu dl.trade-step-02 { left: 128px;}
.trade-menu ul { font-size: 0; word-spacing:-1em; position: absolute; z-index: 2; top: 58px;}
.trade-menu ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline/*IE7*/; margin-left: 122px; position: relative; z-index: 1; *zoom: 1/*IE7*/;}
.trade-menu ul li a h5 { color: #999;}
.trade-menu ul li a:hover h5 { color: #ff6633;}
.trade-menu ul li a:hover { text-decoration: none;}
.trade-menu ul li sup { font-family: Arial; font-size: 14px; font-weight: 600; line-height: 14px; color: #fff; background-color: #ff6633; text-align: center; min-width: 14px; height: 14px;border: solid 1px #f33; border-radius: 100px; position: absolute; z-index: 1; top: -6px; left: 30px;}
.trade-menu ul li span { background: url(../img/user-icon.png) no-repeat; display: block; width: 44px; height: 44px;margin: 0 auto;}
.trade-menu ul li span.tf01 { background-position: -205px -24px;}
.trade-menu ul li span.tf02 { background-position: -255px -24px;}
.trade-menu ul li span.tf03 { background-position: -305px -24px;}
.trade-menu ul li span.tf04 { background-position: -355px -24px;}
.trade-menu ul li span.tf05 { background-position: -205px -119px;}
.trade-menu ul li span.tf06 { background-position: -255px -119px;}
.trade-menu ul li:hover span.tf01 { background-position: -205px -71px;}
.trade-menu ul li:hover span.tf02 { background-position: -255px -71px;}
.trade-menu ul li:hover span.tf03 { background-position: -305px -71px;}
.trade-menu ul li:hover span.tf04 { background-position: -355px -71px;}
.trade-menu ul li:hover span.tf05 { background-position: -205px -166px;}
.trade-menu ul li:hover span.tf06 { background-position: -255px -166px;}
.trade-menu ul li h5 { font-size: 14px; line-height: 20px; color: #777; margin-top: 5px;}
.grade-mini {font: 600 italic 12px/16px Georgia,Arial;text-shadow: 1px 1px 0 rgba(0,0,0,0.25);color: #FFF4F4;background-color: #ff6633;vertical-align: middle;display: inline-block;height: 16px;padding: 1px 3px;border-radius: 2px;}

/* === 订单管理 ===*/
input[type="text"], input[type="password"], input.text, input.password {font: 12px/30px Arial;color: #777;background-color: #FFF;vertical-align: top;display: inline-block;height: 28px;padding: 4px;border: solid 1px #eee;outline: 0 none;}
.order-search .select{margin-left: 12px;}
.order-search .select select{color: #777;background-color: #FFF;height: 38px;vertical-align: middle;padding: 0 4px;border: solid 1px #eee;}
.order-search{position: relative;padding:10px 15px 15px;}
.order-search .so-icon {width: 12px;height: 12px;position: relative;left:22px;top:13px;background: url(../img/user-icon.png) -88px 0 no-repeat;}
.order-search .form-input {background: #fff;margin: 0;border:1px solid #eee;float: left;width:200px;height: 38px;padding: 0 0 0 30px;}
.order-search .so-btn {width: 58px;height: 38px;border: 1px solid #eee;background: #f5f5f5;cursor: pointer;color: #909090;border-radius: 0px;padding: 0;border-left: 0;line-height: 36px;font-weight: bold;font-size:14px}
.order-search .so-btn:hover{color: #999;}
.order-search .date{line-height: 37px;}
.order-search .m-btn{border: none;height: 38px;line-height: 38px;display: block;width: 64px;text-align: center;padding: 0;position: relative;left: 10px;}
.sell-order .sub-proname{background: #f7f7f7;height: 40px;line-height: 40px;border-bottom: 1px solid #eee;}
.sell-order .sub-proname div{float: left;display: inline;text-align: center;}
.sell-order .sub-proname .d-name{width: 315px;}
.sell-order .sub-proname .d-pirce{width: 100px;}
.sell-order .sub-proname .d-data{width: 100px;}
.sell-order .sub-proname .d-total{width: 150px;}
.sell-order .sub-proname .d-state{width: 122px;}
.sell-order .sub-proname .d-operation{width: 106px;}
.sell-order .order-list dl{margin-bottom: 20px;display: block;}
.sell-order .order-list .time-no{height:36px;line-height: 36px;overflow: hidden;border-bottom: 1px solid #eee;}
.sell-order .order-list .time-no span{text-align: left;display: inline;margin-right: 25px;height: 28px;}
.sell-order .ism{width: 64px;height: 23px;background: url(../img/user-icon.png) no-repeat;display:block;float: left;text-indent: -9999px;margin-right:8px;position: relative;top: 5px;}
.sell-order .im-inside{background-position: 0 -102px;}
.sell-order .im-oline{background-position: 0 -126px;}
.sell-order .order-list{overflow: hidden;}
.sell-order .order-list .order-box{border: 1px solid #eee;}
.sell-order .order-list dd{height: 90px;display: block;padding-top: 15px;margin:-1px 15px 12px 15px;border-top: 1px solid #eee;}
.sell-order .order-list .order-box .title-img{width: 300px;}
.sell-order .order-list dd:last-child{border-bottom: none;}
.sell-order .order-list .product-img{width: 80px;padding-right:15px;}
.sell-order .order-list .product-img img{display: block;}
.sell-order .order-list .product-title{width: 182px;}
.sell-order .order-list .product-title p{margin-top: 4px;}
.sell-order .order-list .product-pirce{width: 120px;text-align: center;}
.sell-order .order-list .product-pirce .o-icon{width: 17px;height: 17px;margin:5px auto;background: url(../img/user-icon.png) no-repeat;display: block;cursor:pointer;}
.sell-order .order-list .product-pirce .penny{background-position: 0 -80px;}
.sell-order .order-list .product-pirce .payment{background-position: -17px -80px;}
.sell-order .order-list .product-num{width:84px;text-align: center;}
.sell-order .order-list .product-total{width: 160px;text-align: center;}
.sell-order .order-list .product-total span{margin:0 auto;display: block;overflow: hidden;width: 40px;padding:5px 0 5px;}
.sell-order .order-list .product-total span i{width: 16px;height: 16px;background: url(../img/user-icon.png) no-repeat;display: block;float: left;margin-right:4px;cursor: pointer;}
.sell-order .order-list .product-total span .ferr-shop{background-position: -63px -80px;}
.sell-order .order-list .product-total span .invoice{background-position: -82px -80px;}
.sell-order .order-list .product-state{width: 112px;text-align: center;position: relative;}
.user-mode .p-arrow{background: url(../img/user-icon.png) -38px -93px no-repeat;width: 10px;height: 6px;display: inline-block;margin:0px 2px;}
.user-mode .hover .p-arrow{background: url(../img/user-icon.png) -47px -93px no-repeat;}
.user-mode .tips-box{width:358px;border:solid 1px #91cb77;background:#fff;top:16px;z-index: 99;position: absolute;left: -130px;border-radius: 4px;display: none;}
.user-mode .hover .tips-box{display: block;}
.user-mode .tips-cont .tip-arrow{background:url(../img/user-icon.png) no-repeat;}
.user-mode .tips-box .tip-content{float:left;margin-left:5px;display:inline;padding: 10px;}
.delivery-list li{position: relative;padding: 4px 6px 6px 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;_zoom: 1;text-align: left;}
.delivery-list li:before{position: absolute;top: 0;left: 3px;width: 1px;height: 30px;content: '';background-color: #e0e0e0;}
.delivery-list li.first:after{background-color: #91cb77;}
.delivery-list li:after{position: absolute;top: 11px;left: 0;width: 7px;height: 7px;border-radius: 7px;content: '';background-color: #e0e0e0;}
.user-mode .tips-box .tip-arrow{display:block;width:13px;height:9px;overflow:hidden;background-position:-66px -103px;position:absolute;top:-8px;left: 180px;}
.sell-order .order-list .product-view{width:116px;text-align: center;}
.sell-order .order-list .product-view a{display: block;line-height: 22px;}
.sell-order .order-list .product-view .buy-confirm{width: 66px;height: 24px;line-height: 24px;background: #ff6633;margin:4px auto;text-align: center;color: #fff;border-radius: 4px;}
.sell-order .img-explain dt{float: left;margin-right: 10px;}
.sell-order .img-explain dd{float: left;margin-right: 15px;}
.sell-order .img-explain dd i{width: 17px;height:17px;background: url(../img/user-icon.png) no-repeat;display: inline-block;vertical-align:middle;margin-right: 3px;}
.sell-order .img-explain dd i.payment{background-position: -17px -80px;}
.sell-order .img-explain dd i.penny{background-position: 0 -80px;}
.sell-order .img-explain dd i.ferr-shop{background-position: -63px -80px;}
.sell-order .img-explain dd i.invoice{background-position: -82px -80px;}
.user-mode .add-on {line-height:36px;background-color: #f7f7f7;vertical-align: top;display: inline-block;text-align: center;width: 28px;height: 36px;border: solid #eee;border-width: 1px 1px 1px 0;}
.user-mode .add-on i {color: #434A54;margin-right: 0!important;}
.pay-price{height: 40px;line-height: 40px;display: block;}
.pay-store-info{}
.pay-store-info p{line-height: 28px;text-align: left;}
.pay-store-info .ok-btn{margin:15px auto;overflow: hidden;}
.pay-store-info .ok-btn span{float: left;margin-right: 15px;}
.pay-store-info strong{color: #FF0000;font-size: 14px;}

/* === 新订单列表20160406 === */
.uc-table-style { line-height:20px; width: 100%; border-collapse: collapse; clear: both;}
.uc-table-style thead th {font: bold 14px/22px "microsoft yahei"; color: #666; background-color:#f5f5f5; text-align:center; height:40px;line-height:40px;border:solid 1px #eee;}
.uc-table-style thead td,.uc-table-style tfoot th { background-color: #FFF; height: 22px; padding: 5px 0; border-bottom: solid 1px #eee;}
.uc-table-style tfoot th { border-top: solid 1px #eee;}
.uc-table-style thead td label, .uc-table-style tfoot th label { color: #555; display: inline; float: left; margin-right: 10px; cursor: pointer; }
.uc-table-style tbody th { background-color: #f8f8f8; border: solid #eee; border-width: 1px; padding:6px 0;}
.uc-table-style tbody th span { display: inline-block; vertical-align: top; margin-right: 10px;line-height: 25px;}
.uc-table-style tbody th span.goods-name { text-overflow: ellipsis; white-space: nowrap; width: 330px; height: 20px; overflow: hidden;}
.uc-table-style tbody th span.xmbm{font-weight:bold!important;color:#555;    line-height: 24px;}
.uc-table-style tbody th span.xmbm em{font-weight:bold;}
.uc-table-style tbody td { color: #999; background-color: #FFF; text-align: center; padding: 10px 0;}
.uc-table-style tbody td strong { color: #666;}
.uc-table-style tfoot td { background-color: #FFF; text-align: center;}
.uc-table-style td .pic-thumb { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 60px; height:60px; border: solid 1px #F5F5F5; overflow: hidden;}
.uc-table-style td .pic-thumb img { max-width: 60px; max-height: 60px; margin-top:expression(32-this.height/2); *margin-top:expression(16-this.height/2)/*IE6,7*/;}
.uc-table-style td .goods-name { border: none; overflow: hidden;padding-left: 10px;}
.uc-table-style td .goods-name dt { font-size:14px line-height: 16px;font-weight:bold; color: #333; text-overflow: ellipsis; display: block; text-align: left; white-space: nowrap; max-width: 380px!important; height: 16px; padding-bottom: 4px; overflow: hidden;}
.uc-table-style td .goods-name dt span { line-height: 16px; color: #FFF; background-color: #DA542E; display: inline-block; *display: inline/*IE7*/; height: 16px; padding: 1px 3px; border-radius: 2px; margin-right: 4px; zoom: 1;}
.uc-table-style td .goods-name dt a {color: #1288f6;}
.uc-table-style td .goods-name dt a:hover {color: #ff6633;}
.uc-table-style td .goods-name dd { line-height: 22px; display: block; height: 22px;}
.uc-table-style td .goods-name dd i{letter-spacing:4px;}
.uc-table-style td .goods-name .sale-type { background-color: #DA542E; padding: 1px 4px;color:#FFFFFF}
.uc-table-style td .has-recommended{background: #ff6633;padding: 2px;border-radius:2px;color: #fff;}
.bd-line td { border-bottom: solid 1px #eee;}
.order tbody tr td.sep-row { height:12px; padding:0; border:0;}
.order tbody tr:hover td.sep-row {background-color: #FFF; border:0; }
.order tbody tr th { color: #999;}
.order tbody tr th h3 { font-size: 14px; line-height: 20px; font-weight: bold; color: #555; vertical-align: middle; display: inline-block; margin: 0 10px;}
.order tbody tr th time { font-size: 11px; line-height: 20px; color: #999; vertical-align: middle; display: inline-block; margin-right: 20px; -webkit-text-size-adjust:none;}
.order tbody tr th time i { font-size: 14px; margin-right: 4px;}
.order tbody tr td { border-bottom: 1px solid #eee; vertical-align: top; }
.order tbody tr td.bdl {border-left: 1px solid #eee; }
.order tbody tr td.bdr {border-right: 1px solid #eee; }
.order .norecord {border-bottom:0 !important;}
.store-order-amount {font: bold 12px/20px Verdana; color: #ff6633;}
.order-top-add {display: block;width: 96px;height:37px;line-height:37px;font-size:14px; text-align: center;color: #fff;background:#0f7ace;border-radius: 2px;font-weight:bold;}
.order-top-add:hover{color:#Fff;}

.uc-table-style .all-account {color: #333;vertical-align: top;display: inline-block;height: 40px;margin-right: 10px;}
.uc-table-style .all-account em {font-size: 22px;line-height: 40px;font-family: Tahoma,arial;color: #ff6633;margin: 0 4px;}
.uc-table-style .pay-store-info h3{text-align: left;height: 25px;}
.uc-table-style .pay-store-info td{margin-left: 15px;padding: 15px;border: none;padding-top: 10px;}
.uc-table-style .pay-store-info p{line-height: 32px;text-align: left;font-size:14px;}
.uc-table-style .pay-store-info p span{width: 86px; display: inline-block;position: relative;text-align: justify; text-align-last: justify;}
.pay-store-info .tk-img{text-align: left;margin-top: 5px;overflow: hidden;display: block;}
.pay-store-info .tk-img a{width: 60px;height: 50px;margin-right: 5px;float: left;}
.pay-store-info .tk-img img{display: block;width: 60px;height: 50px;}
.uc-table-style .pay-store-info .ok-btn{margin:15px auto;overflow: hidden;}
.uc-table-style .pay-store-info .ok-btn span{float: left;margin-right: 15px;}
.uc-table-style .pay-store-info strong{color: #FF0000;font-size: 13px;}
.uc-table-style .other-info{line-height: 40px;}

/*按钮样式*/
a.store-btn {color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 28px; padding: 4px 12px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
a:hover.store-btn { text-decoration: none; color: #333; background-color: #eee; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
a.store-btn-mini { font: normal 12px/20px arial; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 0 10px; margin-right: 2px; border-style: solid; border-width:1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
a:hover.store-btn-mini { text-decoration: none; color: #333; background-color: #eee;border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
a.store-btn-mini i, a.store-btn i { font-size: 13px; vertical-align: middle; margin-right: 4px;}
a.store-btn-blue, a.store-btn-acidblue, a.store-btn-green, a.store-btn-orange, a.store-btn-red, a.store-btn-black, a:hover.store-btn-blue, a:hover.store-btn-acidblue, a:hover.store-btn-green, a:hover.store-btn-orange, a:hover.store-btn-red, a:hover.store-btn-black, .store-table-handle a.btn-orange-current { color: #FFF; /*text-shadow: 0 -1px 0 rgba(0,0,0,0.10);*/    border-radius: 2px;}
a.store-btn-blue,.store-table-handle a:hover.btn-blue  { background-color: #006DCC; border-color: #0062B7 #0062B7 #005299 #0062B7;}
a.store-btn-acidblue,.store-table-handle a:hover.btn-acidblue { background-color: #49AFCD; border-color: #429DB8 #429DB8 #37839A #429DB8;}
a.store-btn-green,.store-table-handle a:hover.btn-green { background-color: #6ec572; border-color: #52A452 #52A452 #448944 #52A452;}
a.store-btn-orange,.store-table-handle a:hover.btn-orange,.store-table-handle a.btn-orange-current { background-color:#fda259; border-style: solid; border-width:1px; border-color: #E1962D #E1962D #BB7D25 #E1962D !important;}
a.store-btn-red,.store-table-handle a:hover.btn-red { background-color: #DA4F49; border-color: #C44742 #C44742 #A33B37 #C44742;}
a.store-btn-black,.store-table-handle a:hover.btn-black { background-color: #363636; border-color: #313131 #313131 #282828 #313131;}
a:hover.store-btn-blue{ background-color: #0044CC; border-color: #003DB7 #003DB7 #003399 #003DB7;}
a:hover.store-btn-acidblue { background-color: #2F96B4; border-color: #2A87A2 #2A87A2 #237087 #2A87A2;}
a:hover.store-btn-green { background-color: #51A351; border-color: #499249 #499249 #3D7A3D #499249;}
a:hover.store-btn-orange { background-color: #F89406; border-color: #DF8505 #DF8505 #BA6F04 #DF8505;}
a:hover.store-btn-red { background-color: #BD362F; border-color: #AA312A #AA312A #8E2823 #AA312A;}
a:hover.store-btn-black { background-color: #222222; border-color: #1F1F1F #1F1F1F #191919 #1F1F1F;}
.store-btn-disable {font: normal 12px/20px arial;color: #bdbdbd;background-color: #f2f2f2;text-align: center;vertical-align: middle;display: inline-block;height: 20px;cursor: default;padding: 0 10px;margin-right: 2px;border-style: solid;border-width: 1px;border-color: #e8e8e8;}
.store-btn-disable:hover{color: #bdbdbd;}

/* 表单属性相关*/
textarea, .textarea { font: 14px/20px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 60px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
select { color: #777; background-color: #FFF; height: 36px; vertical-align: middle; *display: inline; padding: 4px; border: solid 1px #CCC; *zoom:1;}
select option { line-height: 20px; display: block; height: 20px; padding: 4px;}
input[type="file"] { line-height:20px; background-color:#FBFBFB; height: 20px; border: solid 1px #D8D8D8; cursor: default;}

/* === 用户资料 === */
.profile-box{padding:10px 30px;position: relative;overflow: hidden;}
.profile-box .form-t{width: 500px;}
.profile-box .form-h{width: 352px;margin-top: 20px;}
.profile-box .form-h .pro-head{width: 118px;height:36px;line-height: 36px;}
.profile-box .form-h .pro-head:hover{color: #fff;}
.profile-box .form-h .avatar{width: 130px;height: 130px;border: 1px solid #e3e3e3;padding: 3px;}
.profile-box .user-info{margin-bottom: 20px;line-height: 42px;}
.user-data .user-info{margin-bottom: 0;}
.profile-box .user-info label input{vertical-align: middle;}
.profile-box .user-info .item{height:38px;display: inline-block;text-align: right;width: 108px;float: left;padding:0px 1% 0px 0;}
.profile-box .user-info .select{height: 38px;margin-right: 10px;}
.profile-box .user-info .u-sample{height: 170px;padding:0 20px;border:1px solid #DEDEDE;position: relative;left: 116px;top:10px;margin-bottom:30px;}
.profile-box .user-info .checked{margin-right:15px;}
.profile-box .user-info .brand-add{margin-left: 15px;}
.profile-box .user-info .special{background: #f6f6f6;width: 650px;padding: 10px;display: inline-block;border: 1px solid #DEDEDE;vertical-align: top;clear: both;}
.profile-box .user-info .special .special-input{clear: both;margin-bottom:10px;overflow: hidden;}
.profile-box .user-info .special .special-input .shanchu{background: url(../img/foot-icon.png) -56px -320px no-repeat;width: 18px;height: 18px;display: block;margin-top:14px;float: left;cursor: pointer;}
.profile-box .user-info .special .u-input{margin-right: 10px;}
.profile-box .bzj-main p{height: 36px;line-height: 28px;color: #999;}
.profile-box .bzj-help dl{margin-bottom:25px;}
.profile-box .bzj-help dl dt{font-size: 14px;font-weight: 600;height:26px;}
.profile-box .bzj-help dl dd{color: #999;}

/* === 订单详情 === */
.order-title .preview{width: 88px;height: 26px;line-height: 26px;border: 1px solid #DEDEDE;display: block;text-align: center;float: left;margin-left: 10px;border-radius: 20px;}
.order-progress{height: 88px;}
.progress-list {width: 860px;height: 4px;margin: 0 auto;padding: 0;list-style-type: none;border-radius: 20px;font-size: 14px;line-height: 20px;text-align: center;color: #424242;background-color: #eee;}
.progress-list .progress{position: relative;}
.progress-list .progress .t-confirm{width:100px;position: absolute;top: -24px;color: #999;left: 93px;}
.progress-list .step-done {background-color: #83c44e;color: #fff;}
.progress-list .step-first {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.progress-list .step {float: left;width: 143px;}
.progress-list .step-done {color: #fff;height: 4px;}
.progress-list .step-done .text,.progress-list .step-last .text{background: url(../img/user-icon.png) no-repeat;width: 30px;height: 30px;line-height: 30px;display:block;margin:0 auto;text-align: center;position: relative;top:-13px;}
.progress-list .step-done .text{background-position:-0px -177px;}
.progress-list .step-last .text{background-position:-31px -177px;}
.progress-list .step .info {color: #757575;}
.progress-list .step .info .tit{color: #83c44e;}
.progress-list .step-done .info .tit{color: #83c44e;}
.progress-list .step-last .info .tit{color: #5d5d5d;}
.progress-list .step-last {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.progress-list .step-active {border-top-right-radius: 20px;border-bottom-right-radius: 20px;color: #5d5d5d;}
.order-views{border: 1px solid #83c44e;}
.order-views .consignee-sell{padding: 30px;border-right: 1px solid #DEDEDE;margin-right: 24px;}
.order-views .consignee-sell dt{font-weight: 700;height: 28px;}
.order-views .consignee-sell dd{color: #999;line-height: 24px;}
.order-views .log-status{padding: 28px 0;}

/* === 信用评价 === */
.pay-store-info #star{position:relative;margin:0px auto;width: 120px;float:left;}
.pay-store-info #star ul,#star span{float:left;display:inline;height:19px;line-height:19px;}
.pay-store-info #star ul{margin:0px;}
.pay-store-info #star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(../../Index/img/star.png) no-repeat;}
.pay-store-info #star strong{color:#f60;padding-left:10px;}
.pay-store-info #star li.on{background-position:0 -28px;}
.pay-store-info #star p{position:absolute;top:20px;width:159px;height:60px;line-height: 22px;z-index:999; display:none;background:url(../../Index/img/star-ptitbg.gif) no-repeat;padding:7px 10px 0;}
.pay-store-info #star p em{color:#fe6716;display:block;margin-top: 4px;font-style:normal;}
.pay-store-info .user-info{margin-bottom:15px;width:100%;clear:both;}
.pay-store-info .user-info .item{float:left;width:62px;}
.pay-store-info .user-info textarea{float:left;}
.pay-store-info .user-info .data-btn{margin-left: 62px;}

/* === 用户中心内容部分通用tab样式 === */
.tab-menu { background-color: #FFF; width:100%; height: 40px; display: block; margin-bottom: 10px;margin-top: 15px;position: relative; z-index: 1;}
.tab-menu .tab { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #FFF; height: 40px; border-bottom: solid 1px #E7E7E7;}
.tab-menu .tab li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1; margin-right: -1px;}
.tab-menu .tab li a { font-size: 14px; line-height: 20px; color: #5d5d5d; display: block; height: 22px; padding:8px 20px 8px 20px;}
.tab-menu .tab li a:hover {color: #ff6633;}
.tab-menu .tab .active a,.tab-menu .tab .active a:hover {text-decoration: none; color: #1288f6;font-weight: 600;display: block;padding: 7px 19px 9px 19px; border-bottom: solid 2px #1288f6; cursor: default;}
.tab-menu .text-intro { line-height: 20px; color: #999; position: absolute; z-index: 99; top: 5px; right: 5px;}
.tab-menu a.uc-btn { padding: 5px 13px; position: absolute; z-index: 1; top: -4px; right: 12px;}
.tab-menu a.uc-btn:hover{color: #fff;background-color: #0973D5;}

.store-tips{width:780px;margin: 0 auto;text-align: center;padding: 60px;background-color: #FCF8E3;border: 1px solid #FBEED5;margin-bottom: 10px;}
.store-tips p{line-height: 24px;color: #C09853;}
/* === 投诉 === */
.contact-ts .li-item{position: relative;}
    .contact-ts .li-item li {
        margin-bottom: 15px;
        border-bottom: 1px dashed #eee;
        padding-bottom: 15px;
    }
.contact-ts .li-item .head-info{}
    .contact-ts .li-item .head-info .head-icons {
        width: 38px;
        height: 38px;
        line-height: 38px;
        display: inline-block;
        text-align: center;
        color: #fff;
        border-radius: 100px;
        background: #0f7ace;
        font-size: 18px;
        font-weight: bold;
        position: relative;
        margin-right: 10px;
    }
.contact-ts .li-item .head-info .name{width: 500px;text-align: left;}
.contact-ts .li-item .head-info .time{color:#999;}
.contact-ts .li-item .head-info .time .no{
    margin-left:10px;
    border: 1px solid #f3e4dd;
    padding: 2px 6px;
    border-radius: 2px;
    background: #fcf2e9;
    color: #ff9868;}
    .contact-ts .li-item .head-info .time .yes {
        margin-left: 10px;
        border: 1px solid #51b156;
        padding: 2px 6px;
        border-radius: 2px;
        background: #6ec572;
        color: #ffffff;
    }
.contact-ts .li-item .head-info h2{font-weight: bold;margin-top:0px;}
.contact-ts .li-item .head-info h3{color:#999}
    .contact-ts .li-item .txt {
        background-color: #f3f3f3;
        border-radius: 6px;
        padding: 12px;
        box-sizing: border-box;
        color: #85bde8;
        text-align: left;
        margin-top: 8px;
        position:relative;
    }
        .contact-ts .li-item .txt:before {
            content: ' ';
            position: absolute;
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 9px solid #f3f3f3;
            top: -9px;
            left: 72px;
        }

.contact-ts .li-item .txt p{
	line-height: 22px;
	margin: 0;
	padding: 0;
}

/*.footer{background: #373737;width: 100%;overflow: hidden;position:relative;bottom:0px;}
.footer .foot-copy {background: #373737;width: 100%;height: 70px;text-align: center;line-height: 70px;color: #5f5f5f;border-top: 1px solid #666;padding-top: 8px;}
.footer .foot-copy p { line-height: 26px;}*/
.ui-pagination-container input{margin-top: 2px!important;height: 29px!important;}
.layui-cuiform .form .w100b .input-block .reg-input {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px !important;
    border: 1px solid #DCDFE6 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px !important;
    line-height: 40px !important;
    outline: 0;
    padding: 0 15px;
    width: 100%;
}
    .layui-cuiform .form .w100b .input-block .reg-input:focus, .layui-cuiform .form .w100b .input-block .reg-input:hover {
        border-color: #0269f1 !important
    }

    .layui-cuiform .form .w100b .input-block .reg-input:focus {
        border-color: #0269f1 !important
    }
.user-info .down-a {
    margin-left: 100px;
    position: relative;
    top: 1px;
    color: #0f7ace;
    border-radius: 2px;
    border: 1px solid #0f7ace;
    padding: 2px 10px;
}