grgw_old_java/heatsupply2/WebContent/static/indexcss/all.css

2055 lines
28 KiB
CSS
Raw Normal View History

2025-07-01 14:56:45 +08:00
/*娴溠冩惂閸掓<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*/