2055 lines
28 KiB
CSS
2055 lines
28 KiB
CSS
|
/*娴溠冩惂閸掓銆<EFBFBD>/
|
|||
|
|
|||
|
/*鐠併垹宕熺拠锔藉剰window*/
|
|||
|
.swipe {
|
|||
|
width: 100%;
|
|||
|
background-color: #fff;
|
|||
|
overflow: hidden;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.swipe-wrap {
|
|||
|
overflow: hidden;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.swipe-wrap .swipe-box {
|
|||
|
float: left;
|
|||
|
width: 100%;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
/*swipe-news*/
|
|||
|
.swipe_news {
|
|||
|
width: 100%;
|
|||
|
height: 3em;
|
|||
|
background: #c5793f;
|
|||
|
}
|
|||
|
|
|||
|
.swipe_news span img {
|
|||
|
margin-left: .25em;
|
|||
|
width: 2.5em;
|
|||
|
height: 2.5em;
|
|||
|
margin-top: .25em;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
.swipe_news_con {
|
|||
|
height: 3em;
|
|||
|
float: left;
|
|||
|
margin-left: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.swipe_news_con font {
|
|||
|
color: #FFF;
|
|||
|
height: 1.5em;
|
|||
|
line-height: 1.5em;
|
|||
|
font-size:1em;
|
|||
|
}
|
|||
|
|
|||
|
.swipe-box img {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
/*swipe-news2*/
|
|||
|
.swipe_news2 {
|
|||
|
width: 100%;
|
|||
|
height: 3em;
|
|||
|
background: #c5793f;
|
|||
|
}
|
|||
|
|
|||
|
.swipe_news2 span img {
|
|||
|
margin-left: .5em;
|
|||
|
height: 2.5em;
|
|||
|
margin-top: .25em;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
/*newgoods*/
|
|||
|
.newgoods{
|
|||
|
width:100%;
|
|||
|
height:20%;
|
|||
|
overflow: hidden;
|
|||
|
background: #f1f1f1;
|
|||
|
position:relative;
|
|||
|
margin:3px 0;
|
|||
|
}
|
|||
|
.newgoods span{
|
|||
|
display:block;
|
|||
|
}
|
|||
|
.icon_new{
|
|||
|
width:100%;
|
|||
|
}
|
|||
|
.icon_new img {
|
|||
|
position:absolute;
|
|||
|
top:0;
|
|||
|
right:0;
|
|||
|
}
|
|||
|
.newgoods_photo{
|
|||
|
width:100%;
|
|||
|
height:6em;
|
|||
|
}
|
|||
|
.newgoods_photo img{
|
|||
|
width:100%;
|
|||
|
height:6em;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/*娴溠冩惂閸氬秶袨 */
|
|||
|
.priceitem-title {
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-title .title-symbol {
|
|||
|
font-size: 18px;
|
|||
|
font-weight: bold;
|
|||
|
color: #666;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-title .buynow {
|
|||
|
background-color: #c5793f;
|
|||
|
color: #fff;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
border-radius: 3px;
|
|||
|
padding: 5px 20px;
|
|||
|
margin-top: 7px;
|
|||
|
}
|
|||
|
/* 娴犻攱鐗搁弽宄扮础 */
|
|||
|
.priceitem-price {
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-price .price {
|
|||
|
font-size: 20px;
|
|||
|
color: #c5793f;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-price .symbol {
|
|||
|
color: #747474;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-price .price1 {
|
|||
|
font-size: 20px;
|
|||
|
color: #c5793f;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem-price .o-price {
|
|||
|
color: #666;
|
|||
|
}
|
|||
|
/*閺堝牓鏀㈤柌锟<E69F8C>*/
|
|||
|
.priceitem {
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
border-bottom: 1px solid #ccc;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem .price {
|
|||
|
font-size: 20px;
|
|||
|
color: #774493;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem .symbol {
|
|||
|
color: #747474;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem .price1 {
|
|||
|
font-size: 20px;
|
|||
|
color: #c5793f;
|
|||
|
}
|
|||
|
|
|||
|
.priceitem .o-price {
|
|||
|
color: #666;
|
|||
|
}
|
|||
|
|
|||
|
/*娴溠冩惂鐠囷附鍎<E99984>*/
|
|||
|
.price_goods {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.goodcomment {
|
|||
|
height: 50px;
|
|||
|
line-height: 50px;
|
|||
|
}
|
|||
|
|
|||
|
.goodcomment a {
|
|||
|
display: block;
|
|||
|
font-size: 16px;
|
|||
|
}
|
|||
|
|
|||
|
.goodcomment img {
|
|||
|
height: 15px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.goodcomment .arrow {
|
|||
|
float: right;
|
|||
|
height: 20px;
|
|||
|
padding-top: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.goodcomment .commentnum {
|
|||
|
color: #666;
|
|||
|
padding-right: 5px;
|
|||
|
float: right;
|
|||
|
}
|
|||
|
|
|||
|
/*娴溠冩惂鐏炴洜銇<E6B49C>*/
|
|||
|
.othertuan {
|
|||
|
height: 50px;
|
|||
|
line-height: 50px;
|
|||
|
}
|
|||
|
|
|||
|
.othertuan .price,.othertuan .symbol {
|
|||
|
color: #6ab494;
|
|||
|
}
|
|||
|
|
|||
|
.othertuan .price {
|
|||
|
font-size: 15px;
|
|||
|
}
|
|||
|
|
|||
|
.othertuan .o-price {
|
|||
|
font-size: 12px;
|
|||
|
color: #666;
|
|||
|
}
|
|||
|
|
|||
|
.othertuan .price01 {
|
|||
|
display: inline-block;
|
|||
|
width: 30%;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
|
|||
|
.othertuan .title {
|
|||
|
width: 50%;
|
|||
|
white-space: nowrap;
|
|||
|
text-overflow: ellipsis;
|
|||
|
word-wrap: normal;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.bb {
|
|||
|
border-bottom: 1px solid #e0e0e0;
|
|||
|
}
|
|||
|
|
|||
|
.presshover {
|
|||
|
background-color: #FAFAFA;
|
|||
|
}
|
|||
|
|
|||
|
.buyhover {
|
|||
|
background: rgba(252, 85, 0, 0.6);
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.arrow-right {
|
|||
|
height: 50px;
|
|||
|
line-height: 50px;
|
|||
|
border-bottom: 1px solid #d8d8d8;
|
|||
|
}
|
|||
|
|
|||
|
.arrow-right a {
|
|||
|
display: block;
|
|||
|
font-size: 16px;
|
|||
|
}
|
|||
|
|
|||
|
.arrow-right img {
|
|||
|
height: 15px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.arrow-right .arrow {
|
|||
|
float: right;
|
|||
|
height: 20px;
|
|||
|
padding-top: 15px;
|
|||
|
}
|
|||
|
|
|||
|
.custorm {
|
|||
|
position: relative;
|
|||
|
background: #fff;
|
|||
|
margin: 1em 0;
|
|||
|
padding: 0 15px;
|
|||
|
border-top: 1px solid #d8d8d8;
|
|||
|
border-bottom: 1px solid #d8d8d8;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail {
|
|||
|
position: relative;
|
|||
|
padding-bottom: 1em;
|
|||
|
border-bottom: 1px solid #d8d8d8;
|
|||
|
margin-bottom: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-title {
|
|||
|
line-height: 30px;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-title span {
|
|||
|
color: #000;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-title span:last-child {
|
|||
|
position: absolute;
|
|||
|
right: 2px;
|
|||
|
top: 2px;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-star {
|
|||
|
width: 100%;
|
|||
|
line-height: 30px;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-star img {
|
|||
|
width: 1em;
|
|||
|
height: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-star span {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-star b {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.custorm-detail-con {
|
|||
|
line-height: 15px;
|
|||
|
font-size: 1em;
|
|||
|
color: #787878;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.details {
|
|||
|
background: #fff;
|
|||
|
width:100%;
|
|||
|
margin: 1em 0;
|
|||
|
border-top: 1px solid #d8d8d8;
|
|||
|
border-bottom: 1px solid #d8d8d8;
|
|||
|
}
|
|||
|
.details-arrow-right{
|
|||
|
width:100%;
|
|||
|
height:1em;
|
|||
|
line-height:1em;
|
|||
|
padding:1em 0;
|
|||
|
}
|
|||
|
.details-arrow-right span{
|
|||
|
|
|||
|
font-weight:bold;
|
|||
|
margin-left:1em;
|
|||
|
}
|
|||
|
.details-swipe-box{
|
|||
|
width:100%;
|
|||
|
height:auto;
|
|||
|
display:inline;
|
|||
|
}
|
|||
|
/*-------------------------------------------------------------------------*/
|
|||
|
.logo {
|
|||
|
position: absolute;
|
|||
|
left: 20px;
|
|||
|
bottom: 13px;
|
|||
|
height: 25px;
|
|||
|
}
|
|||
|
|
|||
|
h1 {
|
|||
|
height: 50px;
|
|||
|
line-height: 50px;
|
|||
|
font-size: 20px;
|
|||
|
color: #000;
|
|||
|
font-weight: normal;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.navbar {
|
|||
|
display: -webkit-box;
|
|||
|
display: -webkit-flex;
|
|||
|
display: flex;
|
|||
|
-webkit-box-orient: horizontal;
|
|||
|
position: relative;
|
|||
|
height: 4em;
|
|||
|
box-sizing: border-box;
|
|||
|
background: #fff;
|
|||
|
border-bottom: 1px solid #e0e0e0;
|
|||
|
}
|
|||
|
|
|||
|
.navbar a {
|
|||
|
display: block;
|
|||
|
width: 50%;
|
|||
|
line-height: 4em;
|
|||
|
font-size: 1em;
|
|||
|
text-align: center;
|
|||
|
color: #c6793f;
|
|||
|
display: block;
|
|||
|
-webkit-box-flex: 1;
|
|||
|
-webkit-flex: 1;
|
|||
|
flex: 1;
|
|||
|
}
|
|||
|
|
|||
|
.navbar a:visited {
|
|||
|
color: #261913;
|
|||
|
border-bottom: 1px solid #261913;
|
|||
|
background-color: rgba(254, 242, 228, 0.7);
|
|||
|
}
|
|||
|
|
|||
|
.navbar a:hover {
|
|||
|
background-color: rgba(254, 242, 228, 0.7);
|
|||
|
}
|
|||
|
|
|||
|
.navbar a:active {
|
|||
|
color: #261913;
|
|||
|
border-bottom: 1px solid #261913;
|
|||
|
}
|
|||
|
|
|||
|
#navmark {
|
|||
|
position: absolute;
|
|||
|
left: 0px;
|
|||
|
bottom: 0px;
|
|||
|
-webkit-transition: 300ms;
|
|||
|
}
|
|||
|
|
|||
|
#navmark img {
|
|||
|
position: absolute;
|
|||
|
bottom: 0;
|
|||
|
height: 8px;
|
|||
|
}
|
|||
|
/*-------------------------------------------------------------------------*/
|
|||
|
/*绾喛顓荤拋銏犲礋*/
|
|||
|
.goods_bg {
|
|||
|
background: rgba(243, 238, 245, 0.5);
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.goods_address,.goods_express,.goods_list {
|
|||
|
background: rgba(255, 255, 255, 0.8);
|
|||
|
overflow: hidden;
|
|||
|
margin: 10px;
|
|||
|
padding: 10px;
|
|||
|
border: 1px solid #ffffff;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.goods_address ul {
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.goods_address ul li,.goods_express ul li {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
font-size: 1em;
|
|||
|
color: #000;
|
|||
|
margin-bottom: .312em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_address ul li label,.goods_express ul li label {
|
|||
|
font-weight: bold;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods_address ul li span {
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods_address ul li div {
|
|||
|
height: 30px;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods_express ul li span {
|
|||
|
line-height: 30px;
|
|||
|
font-size: .75em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_express ul li b input {
|
|||
|
width: 2em;
|
|||
|
height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.wlfs,.smqh {
|
|||
|
width: 50%;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.goods_express ul li p {
|
|||
|
float: left;
|
|||
|
margin-left: 10%;
|
|||
|
font-size: .75em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li font {
|
|||
|
line-height: 30px;
|
|||
|
color: #ccc;
|
|||
|
margin-left: 1em;
|
|||
|
font-size: .75em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li span {
|
|||
|
line-height: 30px;
|
|||
|
color: #f00;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .dd {
|
|||
|
float: left;
|
|||
|
width: 6em;
|
|||
|
height: 2em;
|
|||
|
border-radius: 10px;
|
|||
|
-moz-border-radius: 10px;
|
|||
|
border: 1px solid #969696;
|
|||
|
text-align: center;
|
|||
|
line-height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .price {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li input,.goods_list ul li a {
|
|||
|
float: left;
|
|||
|
width: 2em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
text-align: center;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .goods_list_number {
|
|||
|
float: left;
|
|||
|
width: 2em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
text-align: center;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .icon_subtraction,.goods_list ul li .icon_plus {
|
|||
|
width: 1.75em;
|
|||
|
height: 1.75em;
|
|||
|
display: block;
|
|||
|
margin-top: .25em;
|
|||
|
margin-left: .25em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .icon_subtraction {
|
|||
|
background: url(images/mobile/icon_subtraction.png) no-repeat;
|
|||
|
background-size: 1.5em 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.goods_list ul li .icon_plus {
|
|||
|
background: url(images/mobile/icon_plus.png) no-repeat;
|
|||
|
background-size: 1.5em 1.5em;
|
|||
|
}
|
|||
|
/*鐠愵厾澧块幋鎰妞わ拷*/
|
|||
|
.success {
|
|||
|
overflow: hidden;
|
|||
|
padding-top: 3em;
|
|||
|
margin: 0px auto;
|
|||
|
width: 21em;
|
|||
|
}
|
|||
|
|
|||
|
.success .success_img {
|
|||
|
width: 8em;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.success .success_img img {
|
|||
|
width: 8em;
|
|||
|
height: 7em;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.success .msg {
|
|||
|
display: block;
|
|||
|
width: 100%;
|
|||
|
line-height: 1.5em;
|
|||
|
margin-top: 1em;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.success .msg p {
|
|||
|
text-align: center;
|
|||
|
font-weight: bold;
|
|||
|
font-size: 1em;
|
|||
|
color: #ff0000;
|
|||
|
}
|
|||
|
|
|||
|
.success .msg font {
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
|
|||
|
.success .msg b {
|
|||
|
color: #f00;
|
|||
|
font-weight: bold;
|
|||
|
}
|
|||
|
/*鐠愵厾澧块幋鎰妞ょND*/
|
|||
|
|
|||
|
/*閼辨梻閮撮幋鎴滄粦*/
|
|||
|
.contact {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.contact_top {
|
|||
|
position: fixed;
|
|||
|
left: 0;
|
|||
|
top: 3em;
|
|||
|
}
|
|||
|
|
|||
|
.contact_bottom {
|
|||
|
position: fixed;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
}
|
|||
|
|
|||
|
.contact .msg {
|
|||
|
position: relative;
|
|||
|
top: 20%;
|
|||
|
text-align: center;
|
|||
|
font-size: 1.5em;
|
|||
|
color: #c6793f;
|
|||
|
margin-top: 2em;
|
|||
|
z-index: 2;
|
|||
|
}
|
|||
|
|
|||
|
/*閼辨梻閮撮幋鎴滄粦END*/
|
|||
|
|
|||
|
/*鐠併垹宕熼崚妤勩<E5A6A4>*/
|
|||
|
.order_bg {
|
|||
|
background: rgba(243, 238, 245, 0.5);
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.order_search {
|
|||
|
width: 80%;
|
|||
|
height: 1em;
|
|||
|
margin-top: 1em;
|
|||
|
margin-left: .7em;
|
|||
|
}
|
|||
|
|
|||
|
.order_search ul {
|
|||
|
width: 18.75em;
|
|||
|
height: 3em;
|
|||
|
margin: 0 auto;
|
|||
|
margin-top: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.order_search label {
|
|||
|
float: left;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.order_search input {
|
|||
|
float: left;
|
|||
|
border: 1px solid #ccc;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.order_search .order_search_button {
|
|||
|
float: left;
|
|||
|
padding: 0 .3em;
|
|||
|
background: #6f5d52;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
margin-left: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.order_select {
|
|||
|
width: 90%;
|
|||
|
height: 2em;
|
|||
|
margin-top: 1em;
|
|||
|
margin-left: .7em;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.cur-select {
|
|||
|
width: 100%;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
border: 1px solid #ccc;
|
|||
|
background: #f1f1f1 url(images/mobile/select_button.png) no-repeat
|
|||
|
right;
|
|||
|
background-size: 2em 2em;
|
|||
|
padding-left: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.order_select select {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
opacity: 0;
|
|||
|
filter: alpha(opacity : 0;
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
.order_content {
|
|||
|
background: rgba(255, 255, 255, 0.8);
|
|||
|
overflow: hidden;
|
|||
|
margin: 10px;
|
|||
|
border: 1px solid #ffffff;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.order_content span {
|
|||
|
display: block;
|
|||
|
border-bottom: 1px dashed #beb8b6;
|
|||
|
padding: .75em;
|
|||
|
}
|
|||
|
.order_content b{
|
|||
|
color:#f00;
|
|||
|
font-weight:bold;
|
|||
|
font-size:1.25em;
|
|||
|
}
|
|||
|
.order_content ul a {
|
|||
|
border-bottom: 1px dashed #beb8b6;
|
|||
|
padding: .75em;
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.order_content ul li {
|
|||
|
font-size: 1em;
|
|||
|
color: #000;
|
|||
|
margin-bottom: .312em;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.order_content ul li img {
|
|||
|
width: 6em;
|
|||
|
height: 6em;
|
|||
|
margin-top: .5em;
|
|||
|
margin-left: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.order_content ul li p {
|
|||
|
margin-left: 1em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2.29em;
|
|||
|
}
|
|||
|
|
|||
|
.order_content ul .order_licon {
|
|||
|
float: right;
|
|||
|
padding-top: 2.5em;
|
|||
|
padding-right: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.order_content .order_licon img {
|
|||
|
width: 1em;
|
|||
|
height: 1.2em;
|
|||
|
}
|
|||
|
|
|||
|
.order_button {
|
|||
|
position: absolute;
|
|||
|
right: 20%;
|
|||
|
}
|
|||
|
|
|||
|
.order_gray,.order_red {
|
|||
|
float: left;
|
|||
|
border: 1px solid #ddd;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
margin-left: .5em;
|
|||
|
padding: .5em;
|
|||
|
background: #f1f1f1;
|
|||
|
}
|
|||
|
|
|||
|
.order_gray input {
|
|||
|
color: #bbb;
|
|||
|
}
|
|||
|
|
|||
|
.order_gray a {
|
|||
|
color: #bbb;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.order_red input {
|
|||
|
color: #c6773e;
|
|||
|
}
|
|||
|
|
|||
|
.order_red a {
|
|||
|
color: #c6773e;
|
|||
|
}
|
|||
|
/*鐠併垹宕熼崚妤勩<E5A6A4>END*/
|
|||
|
/*鐠愶箑宕熼妴浣瑰絹閻滐拷*/
|
|||
|
.bill_bg {
|
|||
|
background: rgba(243, 238, 245, 0.5);
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.bill_list {
|
|||
|
background: rgba(255, 255, 255, 0.8);
|
|||
|
overflow: hidden;
|
|||
|
margin: 10px;
|
|||
|
padding: 10px;
|
|||
|
border: 1px solid #ffffff;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.bill_list ul {
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.bill_list ul li {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
font-size: 1em;
|
|||
|
color: #000;
|
|||
|
margin-bottom: .312em;
|
|||
|
}
|
|||
|
|
|||
|
.bill_list ul li label {
|
|||
|
font-weight: bold;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.bill_list ul li span {
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.bill_list ul li span b {
|
|||
|
line-height: 30px;
|
|||
|
color: #c6793f;
|
|||
|
}
|
|||
|
/*鐠愶箑宕熼妴浣瑰絹閻滅檴ND*/
|
|||
|
/*娑擃亙姹夋穱鈩冧紖*/
|
|||
|
.personal {
|
|||
|
width:100%;
|
|||
|
height:auto;
|
|||
|
position: relative;
|
|||
|
top: 5%;
|
|||
|
display: block;
|
|||
|
background: #fff;
|
|||
|
}
|
|||
|
|
|||
|
.personal_hint {
|
|||
|
width: 90%;
|
|||
|
overflow:hidden;
|
|||
|
margin:0 auto;
|
|||
|
line-height: 1em;
|
|||
|
margin-top: 1em;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.personal_hint h3 {
|
|||
|
margin-bottom: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.personal_hint p {
|
|||
|
text-indent: 2em;
|
|||
|
line-height: 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list {
|
|||
|
width: 100%;
|
|||
|
margin: 0 auto;
|
|||
|
margin-top:2em;
|
|||
|
}
|
|||
|
.personal .personal_list b{
|
|||
|
color:#f00;
|
|||
|
font-height:1.25em;
|
|||
|
}
|
|||
|
.personal .personal_list ul {
|
|||
|
|
|||
|
line-height: 1em;
|
|||
|
padding-bottom: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list ul li {
|
|||
|
width: 100%;
|
|||
|
height: 2em;
|
|||
|
margin: 0 auto;
|
|||
|
margin-bottom: .75em;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list label {
|
|||
|
width: 35%;
|
|||
|
font-size: 1em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list span {
|
|||
|
width: 45%;
|
|||
|
font-size: 1em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
border: 1px solid #ccc;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list span .input_text {
|
|||
|
width: 55%;
|
|||
|
font-size: 1em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.personal .personal_list font {
|
|||
|
width: 20%;
|
|||
|
color: #f00;
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
/*娑擃亙姹夋穱鈩冧紖END*/
|
|||
|
/*娑擃亙姹夋稉顓炵妇*/
|
|||
|
.personalcenter {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_set {
|
|||
|
position: absolute;
|
|||
|
right: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_set img {
|
|||
|
width: 1.5em;
|
|||
|
height: 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_top {
|
|||
|
width: 99%;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_top span {
|
|||
|
display: block;
|
|||
|
float: left;
|
|||
|
margin: 0 auto;
|
|||
|
margin-bottom: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_top .prenter_name b {
|
|||
|
height: 2.5em;
|
|||
|
line-height: 2em;
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_top .pcenter_photo img {
|
|||
|
width: 5em;
|
|||
|
height: 5em;
|
|||
|
border: 1px solid #f1f1f1;
|
|||
|
border-radius: 50%;
|
|||
|
-moz-border-radius: 50%; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_top b {
|
|||
|
color: #c6793f;
|
|||
|
font-size: 1.25em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_money {
|
|||
|
width: 100%;
|
|||
|
height: 2.8em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_money span {
|
|||
|
width: 100%;
|
|||
|
display: block;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
margin-bottom: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_money .pcenter_history {
|
|||
|
width: 50%;
|
|||
|
float: left;
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_money .pcenter_withdraw {
|
|||
|
width: 50%;
|
|||
|
float: right;
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_money .pcenter_history b,.pcenter_money .pcenter_withdraw b {
|
|||
|
color: #f00;
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button {
|
|||
|
width: 100%;
|
|||
|
height: 4em;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
background: #fff;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
margin: 0 auto;
|
|||
|
margin-top: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button ul {
|
|||
|
width: 20em;
|
|||
|
margin: 0 auto;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button ul li a {
|
|||
|
float: left;
|
|||
|
color: #000;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button_bg {
|
|||
|
height: 2.5em;
|
|||
|
background: #fff;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
margin: 0 auto;
|
|||
|
float: left;
|
|||
|
text-align: center;
|
|||
|
margin-bottom: 1em;
|
|||
|
padding: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button_bg img {
|
|||
|
width: 1.5em;
|
|||
|
height: 1.5em;
|
|||
|
margin-right: .25em;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button_bg p {
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
font-size: 0.85em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_button_bg a {
|
|||
|
color: #000;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team {
|
|||
|
width: 100%;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
background: #fff;
|
|||
|
margin: 0 auto;
|
|||
|
margin-bottom: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team_bg {
|
|||
|
border-bottom: 1px solid #CCC;
|
|||
|
text-align: center;
|
|||
|
display: block;
|
|||
|
margin: 0px auto;
|
|||
|
line-height: 1.5em;
|
|||
|
padding: .5em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_teamlist {
|
|||
|
width: 43.5em;
|
|||
|
height: 3.8em;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_teamlist img {
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team1 {
|
|||
|
width: 20em;
|
|||
|
height: 7em;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team_bg1 {
|
|||
|
width: 6.66em;
|
|||
|
float: left;
|
|||
|
margin-top: 1em;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team_bg img,.pcenter_team_bg1 img {
|
|||
|
width: 2.6em;
|
|||
|
height: 1.8em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team_bg1 b {
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
color: #f00;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_team_bg1 a {
|
|||
|
display: block;
|
|||
|
color: #000;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_list {
|
|||
|
background: #fff;
|
|||
|
height: 50px;
|
|||
|
line-height: 50px;
|
|||
|
margin-bottom: 1em;
|
|||
|
padding: 0 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_list a {
|
|||
|
display: block;
|
|||
|
font-size: 16px;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_list img {
|
|||
|
height: 15px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_list .arrow {
|
|||
|
float: right;
|
|||
|
height: 20px;
|
|||
|
padding-top: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.pcenter_list .commentnum {
|
|||
|
color: #666;
|
|||
|
padding-right: 5px;
|
|||
|
float: right;
|
|||
|
}
|
|||
|
|
|||
|
/*娑擃亙姹夋稉顓炵妇END*/
|
|||
|
/*---------*/
|
|||
|
.message {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
margin: 0 auto;
|
|||
|
padding: .5em 0;
|
|||
|
}
|
|||
|
|
|||
|
.message .message_button {
|
|||
|
margin-top: 2em;
|
|||
|
height: 3em;
|
|||
|
font-size: 1.25em;
|
|||
|
color: #fff;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.message p {
|
|||
|
line-height: 2em;
|
|||
|
margin-bottom: 2em;
|
|||
|
padding: 0 .5em;
|
|||
|
}
|
|||
|
|
|||
|
.message a {
|
|||
|
width: 4em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
background: #6F5D52;
|
|||
|
border: 1px solid #ccc;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
padding: 0 20%;
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
|
|||
|
.message input {
|
|||
|
margin-top: 3em;
|
|||
|
margin: 0 .5em;
|
|||
|
}
|
|||
|
|
|||
|
.message font {
|
|||
|
color: #888;
|
|||
|
}
|
|||
|
|
|||
|
/*fail success error */
|
|||
|
.w_fail {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.w_fail span {
|
|||
|
width: 5.625em;
|
|||
|
height: 5.625em;
|
|||
|
display: block;
|
|||
|
margin: 2em auto;
|
|||
|
}
|
|||
|
|
|||
|
.w_fail font {
|
|||
|
width: 11.25em;
|
|||
|
height: 1.875em;
|
|||
|
display: block;
|
|||
|
margin: 0 auto;
|
|||
|
color: #f00;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.w_fail p {
|
|||
|
padding: 1em 2em;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/*鎻愮ず椤<E3819A>*/
|
|||
|
.hint {
|
|||
|
width: 100%;
|
|||
|
height: auto;
|
|||
|
background: url(images/hint_bg.png) repeat-x;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.w_hint {
|
|||
|
width: 19.5em;
|
|||
|
overflow: hidden;
|
|||
|
margin: 0 auto;
|
|||
|
padding-top: 2em;
|
|||
|
padding-left:.5em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint span {
|
|||
|
float: left;
|
|||
|
width: 2.8em;
|
|||
|
height: 2.8em;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint span img {
|
|||
|
width: 2.8em;
|
|||
|
height: 2.8em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint font {
|
|||
|
float: left;
|
|||
|
width: 15em;
|
|||
|
height: 2.8em;
|
|||
|
margin: 0 auto;
|
|||
|
color: #f00;
|
|||
|
line-height: 2.8em;
|
|||
|
font-weight: bold;
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint_message {
|
|||
|
width: 19.5em;
|
|||
|
height: 100%;
|
|||
|
margin: 0 auto;
|
|||
|
padding-left:.5em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint_message p {
|
|||
|
width: 15em;
|
|||
|
height: 100%;
|
|||
|
border-left: 1px solid #ddd;
|
|||
|
margin-left: 1.35em;
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint_message p img {
|
|||
|
width: 1.25em;
|
|||
|
height: 1.25em;
|
|||
|
position: relative;
|
|||
|
top: 4em;
|
|||
|
left: -.65em;
|
|||
|
}
|
|||
|
|
|||
|
.w_hint_message p font {
|
|||
|
width: 16em;
|
|||
|
overflow: hidden;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 2em;
|
|||
|
display: block;
|
|||
|
margin-top: 2.45em;
|
|||
|
font-size: 1em;
|
|||
|
color: #aaa;
|
|||
|
}
|
|||
|
.w_hint_link{
|
|||
|
width:100%;
|
|||
|
overflow:hidden;
|
|||
|
position:absolute;
|
|||
|
bottom:-10em;
|
|||
|
left:0;
|
|||
|
margin:0 auto;
|
|||
|
}
|
|||
|
.w_hint_link a{
|
|||
|
width:10em;
|
|||
|
margin:0 auto;
|
|||
|
display:block;
|
|||
|
font-size: 1.5em;
|
|||
|
color:#f00;
|
|||
|
}
|
|||
|
/*璁㈠崟璇︽儏椤<E5848F>*/
|
|||
|
.orderdetails {
|
|||
|
width: 100%;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_state {
|
|||
|
width: 100%;
|
|||
|
height: 3em;
|
|||
|
background: #c5793f;
|
|||
|
margin-bottom: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_state img {
|
|||
|
width: 1em;
|
|||
|
height: 1em;
|
|||
|
margin: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_state span {
|
|||
|
height: 3em;
|
|||
|
line-height: 3em;
|
|||
|
margin-left: 1em;
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_addr {
|
|||
|
width: 100%;
|
|||
|
background: #ffffff;
|
|||
|
margin-bottom: 1em;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_addr ul {
|
|||
|
padding: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_addr span {
|
|||
|
height: 3em;
|
|||
|
line-height: 3em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_goods {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
background: #ffffff;
|
|||
|
margin-bottom: 1em;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_goods img {
|
|||
|
padding: 1em;
|
|||
|
width: 3em;
|
|||
|
height: 3em;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_goods ul {
|
|||
|
padding: 1em;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_goods ul li {
|
|||
|
line-height: 1.5em;
|
|||
|
font-size: 1em;
|
|||
|
height: 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_price {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
background: #ffffff;
|
|||
|
margin-bottom: 1em;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_price ul {
|
|||
|
padding: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_price ul li {
|
|||
|
width: 100%;
|
|||
|
height: 1.5em;
|
|||
|
line-height: 1.5em;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_price ul li span {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_price ul li b {
|
|||
|
float: right;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_order {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
background: #ffffff;
|
|||
|
margin-bottom: 1em;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_order ul {
|
|||
|
padding: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.orderdetails_order ul li {
|
|||
|
width: 100%;
|
|||
|
height: 1.5em;
|
|||
|
line-height: 1.5em;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.wachatpay {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
margin: 0 auto;
|
|||
|
padding: .5em 0;
|
|||
|
}
|
|||
|
|
|||
|
.wachatpay h2 {
|
|||
|
width: 100%;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
height: 3em;
|
|||
|
line-height: 3em;
|
|||
|
margin-bottom: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.wachatpay h2 span {
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.wachatpay img {
|
|||
|
width: 95%;
|
|||
|
margin: 0 auto;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.wachatpay p {
|
|||
|
text-indent: 1em;
|
|||
|
line-height: 2em;
|
|||
|
}
|
|||
|
|
|||
|
/*多商品*/
|
|||
|
.allgoods{
|
|||
|
width:100%;
|
|||
|
height:auto;
|
|||
|
overflow: hidden;
|
|||
|
background: #ddd;
|
|||
|
}
|
|||
|
.allgoods ul{}
|
|||
|
|
|||
|
.allgoods ul li{
|
|||
|
width:47%;
|
|||
|
height:30%;
|
|||
|
background: #fff;
|
|||
|
margin-top:10px;
|
|||
|
margin-left:2%;
|
|||
|
margin-right:1%;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
.allgoods ul li img{
|
|||
|
width:95%;
|
|||
|
height:20%;
|
|||
|
margin:10px 2.5%;
|
|||
|
|
|||
|
}
|
|||
|
.allgoods ul li p{
|
|||
|
font-size:1em;
|
|||
|
white-space: nowrap;
|
|||
|
overflow:hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
.allgoods ul li p b{
|
|||
|
color:#f00;
|
|||
|
}
|
|||
|
|
|||
|
/*allgoods2*/
|
|||
|
.allgoods2{
|
|||
|
width:100%;
|
|||
|
height:auto;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.allgoods2 ul{}
|
|||
|
|
|||
|
.allgoods2 ul li{
|
|||
|
width:100%;
|
|||
|
height:10em;
|
|||
|
background: #fff;
|
|||
|
margin-top:3px;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
.allgoods2 ul li img{
|
|||
|
width:100%;
|
|||
|
height:10em;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.goods2_bg {
|
|||
|
background: rgba(243, 238, 245, 0.5);
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_address{
|
|||
|
background: rgb(255, 255, 255);
|
|||
|
overflow: hidden;
|
|||
|
border: 1px solid #ffffff;
|
|||
|
margin-bottom:10px;
|
|||
|
}
|
|||
|
.goods2_address ul {
|
|||
|
overflow: hidden;
|
|||
|
margin: 10px;
|
|||
|
padding: 10px;
|
|||
|
border: 1px solid #ccc;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px; /* Old Firefox */
|
|||
|
}
|
|||
|
|
|||
|
.goods2_address ul li {
|
|||
|
width: 100%;
|
|||
|
overflow: hidden;
|
|||
|
font-size: 1em;
|
|||
|
color: #000;
|
|||
|
margin-bottom: .312em;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_address ul li label,.goods2_express ul li label {
|
|||
|
font-weight: bold;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_address ul li span {
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_address ul li div {
|
|||
|
height: 30px;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_list {
|
|||
|
background: rgb(255, 255, 255);
|
|||
|
overflow: hidden;
|
|||
|
border: 1px solid #ffffff;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_list ul{
|
|||
|
width: 100%;
|
|||
|
height:6em;
|
|||
|
float:left;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_list ul li{
|
|||
|
float:left;
|
|||
|
height:6em;
|
|||
|
border-right: 1px dashed #ddd;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_radio{
|
|||
|
width:10%;
|
|||
|
height:100%;
|
|||
|
margin:0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_radio input{
|
|||
|
margin:0 auto;
|
|||
|
margin-top:2.5em;
|
|||
|
margin-left:30%;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_img{
|
|||
|
width:30%;
|
|||
|
height:100%;
|
|||
|
margin:0 auto;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.goods2_img img{
|
|||
|
width:90%;
|
|||
|
height:5em;
|
|||
|
margin:.5em auto;
|
|||
|
margin-left:5%;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name{
|
|||
|
width:45%;
|
|||
|
height:100%;
|
|||
|
margin:0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name p{
|
|||
|
width:90%;
|
|||
|
height:1.7em;
|
|||
|
line-height:1.7em;
|
|||
|
white-space: nowrap;
|
|||
|
overflow:hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
margin:0 auto;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name .dd {
|
|||
|
float: left;
|
|||
|
width: 6em;
|
|||
|
height: 1.9em;
|
|||
|
border-radius: 10px;
|
|||
|
-moz-border-radius: 10px;
|
|||
|
border: 1px solid #969696;
|
|||
|
text-align: center;
|
|||
|
line-height: 1.9em;
|
|||
|
margin-left:5%;
|
|||
|
}
|
|||
|
.goods2_name .price {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name input,.goods2_name a {
|
|||
|
float: left;
|
|||
|
width: 2em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
text-align: center;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name .goods_list_number {
|
|||
|
float: left;
|
|||
|
width: 2em;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
text-align: center;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name .icon_subtraction,.goods2_name .icon_plus {
|
|||
|
width: 1.75em;
|
|||
|
height: 1.75em;
|
|||
|
display: block;
|
|||
|
margin-top: .25em;
|
|||
|
margin-left: .25em;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name .icon_subtraction {
|
|||
|
background: url(images/mobile/icon_subtraction.png) no-repeat;
|
|||
|
background-size: 1.5em 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_name .icon_plus {
|
|||
|
background: url(images/mobile/icon_plus.png) no-repeat;
|
|||
|
background-size: 1.5em 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_delet{
|
|||
|
width:13%;
|
|||
|
height:100%;
|
|||
|
margin:0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_delet img{
|
|||
|
width:1.5em;
|
|||
|
height:1.5em;
|
|||
|
margin:0 auto;
|
|||
|
margin-top:2em;
|
|||
|
margin-left:30%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-footer {
|
|||
|
background-color: #dddddd;
|
|||
|
width: 100%;
|
|||
|
height: 4em;
|
|||
|
border-top: 1px solid #f1f1f1;
|
|||
|
position: relative;
|
|||
|
bottom:0;
|
|||
|
left:0;
|
|||
|
}
|
|||
|
|
|||
|
.p-all {
|
|||
|
height: 4em;
|
|||
|
cursor: pointer;
|
|||
|
float: left;
|
|||
|
}
|
|||
|
.p-all .i {
|
|||
|
margin: 1.5em 0 0 0.5em;
|
|||
|
}
|
|||
|
.p-all .i img {
|
|||
|
float: left;
|
|||
|
width: 1.285em;
|
|||
|
height: 1.285em;
|
|||
|
border-radius: 1.285em;
|
|||
|
background-color: #f3f3f3;
|
|||
|
display: inline-block;
|
|||
|
}
|
|||
|
.p-all .i font {
|
|||
|
float: left;
|
|||
|
line-height: 1.2em;
|
|||
|
margin-left: 0.6em;
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
.total {
|
|||
|
float: left;
|
|||
|
margin-top: .8em;
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
.total span {
|
|||
|
font-size: 1em;
|
|||
|
color: #000000;
|
|||
|
}
|
|||
|
.total font {
|
|||
|
font-size: 1em;
|
|||
|
color: #fa6501;
|
|||
|
}
|
|||
|
|
|||
|
.total-zj {
|
|||
|
float: left;
|
|||
|
margin-top: 1.5em;
|
|||
|
margin-left: 1em;
|
|||
|
}
|
|||
|
.total-zj span {
|
|||
|
font-size: 1em;
|
|||
|
color: #000000;
|
|||
|
}
|
|||
|
.total-zj font {
|
|||
|
font-size: 1em;
|
|||
|
color: #fa6501;
|
|||
|
}
|
|||
|
|
|||
|
.settle {
|
|||
|
float: right;
|
|||
|
background-color: #fa6501;
|
|||
|
height: 4em;
|
|||
|
}
|
|||
|
.settle .ui-link {
|
|||
|
line-height: 3.8em;
|
|||
|
padding: 0 0.5em;
|
|||
|
font-size: 1em;
|
|||
|
color: #ffffff;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.search_list {
|
|||
|
width:100%;
|
|||
|
background: #fff;
|
|||
|
height: 3em;
|
|||
|
line-height: 3em;
|
|||
|
border-bottom:1px solid #ddd;
|
|||
|
}
|
|||
|
|
|||
|
.search_s{
|
|||
|
width:80%;
|
|||
|
height:2em;
|
|||
|
border: 1px solid #ccc;
|
|||
|
border-radius: 5px;
|
|||
|
-moz-border-radius: 5px;
|
|||
|
margin-top:.5em;
|
|||
|
margin-left:5%;
|
|||
|
float: left;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.search_list span{
|
|||
|
width:2em;
|
|||
|
height:2em;
|
|||
|
position: relative;
|
|||
|
left:5%;
|
|||
|
top:7.9%;
|
|||
|
float:left;
|
|||
|
}
|
|||
|
|
|||
|
.search_list input{
|
|||
|
width:80%;
|
|||
|
height:2em;
|
|||
|
line-height:2em;
|
|||
|
position: relative;
|
|||
|
top:8.5%;
|
|||
|
float:left;
|
|||
|
margin-left:1em;
|
|||
|
}
|
|||
|
|
|||
|
.search_list label{
|
|||
|
padding-left:1em;
|
|||
|
font-weight:bold;
|
|||
|
}
|
|||
|
|
|||
|
.search_list a {
|
|||
|
display: block;
|
|||
|
font-size: 16px;
|
|||
|
}
|
|||
|
|
|||
|
.search_list img {
|
|||
|
height: 15px;
|
|||
|
padding-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.search_list .arrow {
|
|||
|
float: right;
|
|||
|
height: 20px;
|
|||
|
padding-top: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.search_list .commentnum {
|
|||
|
color: #666;
|
|||
|
padding-right: 5px;
|
|||
|
float: right;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
.logistics {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
|
|||
|
}
|
|||
|
.logistics h3{
|
|||
|
width:100%;
|
|||
|
height:2em;
|
|||
|
line-height:2em;
|
|||
|
border-bottom:1px solid #ccc;
|
|||
|
text-indent:1em;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes{
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
margin: 0 auto;
|
|||
|
margin-bottom:1em;
|
|||
|
display:block;
|
|||
|
border-top:1px solid #ccc;
|
|||
|
border-bottom:1px solid #ccc;
|
|||
|
background:#fff;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes span{
|
|||
|
height:5em;
|
|||
|
overflow:hidden;
|
|||
|
display:block;
|
|||
|
float:left;
|
|||
|
background:#fff;
|
|||
|
}
|
|||
|
.logistics_mes .logis_mes_img{
|
|||
|
width:30%;
|
|||
|
height:5em;
|
|||
|
overflow:hidden;
|
|||
|
display:block;
|
|||
|
margin:0 auto;
|
|||
|
text-align:center;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes .logis_mes_img img{
|
|||
|
margin-top:.5em;
|
|||
|
width:4em;
|
|||
|
height:4em;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes .logis_mes_title{
|
|||
|
width:40%;
|
|||
|
height:5em;
|
|||
|
overflow:hidden;
|
|||
|
display:block;
|
|||
|
margin:0 auto;
|
|||
|
text-align:left;
|
|||
|
line-height:2em;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes .logis_mes_price{
|
|||
|
width:30%;
|
|||
|
height:5em;
|
|||
|
overflow:hidden;
|
|||
|
display:block;
|
|||
|
margin:0 auto;
|
|||
|
text-align:left;
|
|||
|
line-height:2em;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_mes .logis_mes_price b{
|
|||
|
font-weight:none;
|
|||
|
color:#f00;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
margin: 0 auto;
|
|||
|
display:block;
|
|||
|
position: relative;
|
|||
|
border-top:1px solid #ccc;
|
|||
|
border-bottom:1px solid #ccc;
|
|||
|
background:#fff;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list span{
|
|||
|
width: 92%;
|
|||
|
border-left: 1px solid #ddd;
|
|||
|
font-size: 1em;
|
|||
|
margin-top:1em;
|
|||
|
margin-left:5%;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list span img{
|
|||
|
width: 1.25em;
|
|||
|
height: 1.25em;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: -.65em;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list span font {
|
|||
|
width: 95%;
|
|||
|
overflow: hidden;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 1.5em;
|
|||
|
display: block;
|
|||
|
margin-top: -1.5em;
|
|||
|
font-size: 1em;
|
|||
|
color: #008000;
|
|||
|
padding-bottom:1em;
|
|||
|
border-bottom:1px solid #ddd;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list p {
|
|||
|
width: 92%;
|
|||
|
border-left: 1px solid #ddd;
|
|||
|
font-size: 1em;
|
|||
|
margin-left:5%;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list p img {
|
|||
|
width: .5em;
|
|||
|
height: .5em;
|
|||
|
position: relative;
|
|||
|
top: 2em;
|
|||
|
left: -.3em;
|
|||
|
}
|
|||
|
|
|||
|
.logistics_list p font {
|
|||
|
width: 95%;
|
|||
|
overflow: hidden;
|
|||
|
position: relative;
|
|||
|
top: 0;
|
|||
|
left: 1.5em;
|
|||
|
display: block;
|
|||
|
margin-top: 1em;
|
|||
|
font-size: 1em;
|
|||
|
color: #aaa;
|
|||
|
padding-bottom:1em;
|
|||
|
border-bottom:1px solid #ddd;
|
|||
|
}
|
|||
|
.w_hint_link{
|
|||
|
width:100%;
|
|||
|
overflow:hidden;
|
|||
|
position:absolute;
|
|||
|
bottom:-10em;
|
|||
|
left:0;
|
|||
|
margin:0 auto;
|
|||
|
}
|
|||
|
.w_hint_link a{
|
|||
|
width:10em;
|
|||
|
margin:0 auto;
|
|||
|
display:block;
|
|||
|
font-size: 1.5em;
|
|||
|
color:#f00;
|
|||
|
}
|
|||
|
.error {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
.error_img {
|
|||
|
width: 4em;
|
|||
|
height: 4em;
|
|||
|
margin: 2em auto;
|
|||
|
text-align: center;
|
|||
|
|
|||
|
|
|||
|
}
|
|||
|
.error_img img {
|
|||
|
width: 4em;
|
|||
|
height: 4em;
|
|||
|
border: 1px solid #ddd;
|
|||
|
border-radius:50%;
|
|||
|
-moz-border-radius:50%;
|
|||
|
-webkit-border-radius:50%;
|
|||
|
-o-border-radius:50%;
|
|||
|
}
|
|||
|
.error_content {
|
|||
|
width: 50%;
|
|||
|
margin: 0 auto;
|
|||
|
text-align: center;
|
|||
|
margin-bottom: 2em;
|
|||
|
}
|
|||
|
.error_button {
|
|||
|
width: 80%;
|
|||
|
height: 2em;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.error_button1 {
|
|||
|
margin: 0 auto;
|
|||
|
width: 8em;
|
|||
|
margin-bottom:.5em;
|
|||
|
}
|
|||
|
.error_button1 li {
|
|||
|
width: 4em;
|
|||
|
height: 2em;
|
|||
|
text-align: center;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.error_button1 li input {
|
|||
|
width: 4em;
|
|||
|
height: 2em;
|
|||
|
border: 1px solid #ccc;
|
|||
|
padding: 0 .5em;
|
|||
|
text-align: center;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
|
|||
|
.error_button2 {
|
|||
|
margin: 0 auto;
|
|||
|
width: 10em;
|
|||
|
margin-bottom:.5em;
|
|||
|
}
|
|||
|
.error_button2 li {
|
|||
|
width: 4em;
|
|||
|
height: 2em;
|
|||
|
text-align: center;
|
|||
|
margin: 0 auto;
|
|||
|
float: left;
|
|||
|
margin-left:.5em;
|
|||
|
margin-right:.5em
|
|||
|
}
|
|||
|
.error_button2 li input{
|
|||
|
width: 4em;
|
|||
|
height: 2em;
|
|||
|
border: 1px solid #ccc;
|
|||
|
padding: 0 .5em;
|
|||
|
text-align: center;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.goods2_select {
|
|||
|
width: 50%;
|
|||
|
height: 2em;
|
|||
|
margin-left: 0.7em;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.goods2_select select {
|
|||
|
position: absolute;
|
|||
|
top: 0px;
|
|||
|
left: 0px;
|
|||
|
width: 100%;
|
|||
|
height: 2em;
|
|||
|
line-height: 2em;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
/*多商品END*/
|