/*初始样式*/
html { font-size : 18 px ; font-family : Helvetica , Tahoma , Arial , "Hiragino Sans GB" , "Hiragino Sans GB W3" , STXihei , STHeiti , "Microsoft YaHei" , Heiti , SimSun , sans-serif ;
-webkit-font-smoothing : antialiased ; }
body { }
body ,
ul ,
ol ,
li ,
p ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
form ,
fieldset ,
td ,
img ,
div ,
dl ,
dt ,
dd { margin : 0 ; padding : 0 ; border : 0 ; list-style : none ; font-weight : normal ; }
body { background : #F6F6F9 ; color : #333 ; margin : 0 auto ; font-size : 18 px ; font-weight : normal ; }
a ,
a : link { color : #333 ; text-decoration : none ; }
a : active ,
a : hover { text-decoration : none ; }
* { -webkit- appearance : none ; -webkit- tap-highlight-color : rgba ( 255 , 255 , 255 , 0 ) ; }
input : required ,
input : valid ,
input : invalid { border : 0 none ; outline : 0 none ; -webkit- box-shadow : none ; -moz- box-shadow : none ; -ms- box-shadow : none ; -o- box-shadow : none ; box-shadow : none ; -webkit- appearance : none ; -webkit- tap-highlight-color : rgba ( 255 , 255 , 255 , 0 ) ; } /* 重置文本格式元素 */
input [ type = "number" ] :: -webkit-outer-spin-button ,
input [ type = "number" ] :: -webkit-inner-spin-button {
-webkit-appearance : none ! important ;
margin : 0 ;
}
input [ type = "number" ] { -moz- appearance : textfield ; }
address ,
cite ,
dfn ,
em ,
var { font-style : normal ; } /* 将斜体扶正 */
code ,
kbd ,
pre ,
samp { } /* 统一等宽字体 */
del { color : #aaa ; font-size : 1.2 rem ; }
@ media only screen and ( max-width : 310px ) and ( min-width : 300px ) { html { font-size : 9 px } }
@ media only screen and ( max-width : 320px ) and ( min-width : 310px ) { html { font-size : 9 px } }
@ media only screen and ( max-width : 360px ) and ( min-width : 320px ) { html { font-size : 9 px } . filter-menu-list ul li i { margin-top : -.1 rem ; } . filter-menu-list ul li em { margin-top : -.4 rem ; } }
@ media only screen and ( max-width : 360px ) and ( min-width : 350px ) { html { font-size : 10 px } }
@ media only screen and ( max-width : 480px ) and ( min-width : 360px ) { html { font-size : 10 px } . filter-menu-list ul li i { margin-top : -.1 rem ; } . filter-menu-list ul li em { margin-top : 0 rem ; } }
@ media only screen and ( max-width : 480px ) and ( min-width : 470px ) { html { font-size : 13.33333 px } }
@ media only screen and ( max-width : 560px ) and ( min-width : 480px ) { html { font-size : 13.33333 px } }
@ media only screen and ( max-width : 570px ) and ( min-width : 560px ) { html { font-size : 15.83333 px } }
@ media only screen and ( max-width : 640px ) and ( min-width : 570px ) { html { font-size : 15.83333 px } }
@ media only screen and ( max-width : 640px ) and ( min-width : 630px ) { html { font-size : 17.77778 px } }
@ media only screen and ( max-width : 710px ) and ( min-width : 640px ) { html { font-size : 17.77778 px } }
/*动画*/
. swiper-scrollbar { display : none ; }
/*chang - star*/
html { }
. ect-header-banner { background : rgba ( 0 , 0 , 0 , .9 ) ; height : 5 rem ; line-height : 5 rem ; width : 100 % ; color : #fff ; }
. ect-header-banner i { color : #fff ; font-size : 2 rem ; margin-left : 1 rem ; }
. ect-header-banner img { width : 3 rem ; height : auto ; margin-left : 1 rem ; margin-top : 1 rem ; }
. ect-header-banner . ect-header-text { padding-left : 1.1 rem ; margin-top : 1.2 rem ; }
. ect-header-banner h4 { font-size : 1.3 rem ; line-height : 1.2 ; }
. ect-header-banner p { font-size : 1.1 rem ; color : #ccc ; line-height : 1.2 ; }
. ect-header-banner . btn-submit1 { padding : .4 rem ; margin-top : -.3 rem ; font-size : 1.2 rem ; margin-right : 1 rem ; color : #fff ; border-color : #fff ; }
. ect-header-banner . btn-submit1 : hover { border-color : #fff ; }
html , body , . con {
overflow-x : hidden ;
max-width : 100 % ;
min-width : 320px ;
min-height : 100vh ;
}
. shopping-list { min-height : 100 % ; }
. br-5 {
border-radius : 5px ;
}
. br-half {
border-radius : 50 % ;
}
. box {
width : 100 % ;
box-sizing : border-box ;
overflow : hidden ;
}
. half-box {
width : 50 % ;
box-sizing : border-box ;
overflow : hidden ;
}
. text-c {
text-align : center ;
}
. img {
width : 100 % ;
height : auto ;
display : block ;
}
/*背景颜色*/
. bg-white {
background : # fff ;
}
/*红色*/
. bg-like {
background : # ff5241 ;
}
/*紫色*/
. bg-cart {
background : # ff53a4 ;
}
/*玫红色*/
. bg-brand {
background : # ff306a ;
}
/*淡红色*/
. bg-brand-second {
background : # ff7d69 ;
}
/*橙黄色*/
. bg-discount {
background : # ff9a1f ;
}
/*深紫色*/
. bg-wholesale {
background : # 9430f9 ;
}
/*浅绿色*/
. bg-user {
background : # 4adb6d ;
}
/*淡蓝色*/
. bg-exchange {
background : # 2cb4ff ;
}
/*深黄色*/
. bg-more {
background : # ff6410 ;
}
/*深玫红*/
. bg-shop {
background : # f03170 ;
}
/*浅黄色*/
. bg-duobao {
background : # ffa940 ;
}
/*浅红色*/
. bg-sale {
background : # e86255 ;
}
/*淡紫色*/
. bg-auction {
background : # ec5b9f ;
}
/*微深紫色*/
. bg-shop {
background : # f03170 ;
}
/*大深紫色*/
. bg-topic {
background : # a64dff ;
}
/*浅蓝色*/
. bg-article {
background : # 2cb4ff ;
}
/*字体颜色*/
. color-red {
color : # ec5151 ;
}
. color-whie {
color : # fff ;
}
. color-dark {
color : # 4f4f4f ;
}
. color-42 {
color : # 424242 ;
}
. color-red {
color : # ec5151 ;
}
. con . color-red {
color : # ec5151 ;
}
. color-money {
color : # ed5d5d ;
}
/*定位*/
. position-rel {
position : relative ;
}
. position-abo {
position : absolute ;
}
/*padding,margin*/
. ptb-1 {
padding : 1rem 0 ;
}
. pt-1 {
padding-top : 1rem ;
}
. pb-1 {
padding-bottom : 1rem ;
}
. pb-2 {
padding-bottom : 2rem ;
}
. padding-1 {
padding : 1rem ;
}
. mb-1 {
margin-bottom : 1rem ;
}
. mb-2 {
margin-bottom : 2 . 5rem ;
}
. mr-small {
margin-right : 0 . 5rem ;
}
. padding-tb {
padding : 1 . 3rem 0 ;
}
/*ul-li*/
. ul-4 li {
width : 25 % ;
float : left ;
}
. ul-2 li {
display : block ;
box-sizing : border-box ;
overflow : hidden ;
width : 50 % ;
float : left ;
}
. ul-3 li {
display : block ;
box-sizing : border-box ;
overflow : hidden ;
width : 33 . 3 % ;
float : left ;
}
. ul-4 li a , . ul-2 li a , . ul-3 li a {
text-decoration : none ;
width : 100 % ;
display : block ;
height : auto ;
box-sizing : border-box ;
overflow : hidden ;
}
/*border*/
. bd {
border : 1px solid # F6F6F9 ;
}
. bd-left-none {
border-left : none ;
}
. bd-top-none {
border-top : none ;
}
. wallet-bt {
border-bottom : 1px solid # F6F6F9 ;
}
. bd-bottom-none {
border-bottom : none ;
}
/*chang - end*/
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
共用样式
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
# loading , . loading { position : fixed ; left : 0 ; top : 0 ; right : 0 ; bottom : 0 ; background : rgba ( 255 , 255 , 255 , 1 ) ; margin-left : -2.5 rem ; margin-top : -1 rem ; z-index : 111 ; }
# loading img , . loading img { position : absolute ; width : 5 rem ; height : auto ; left : 50 % ; top : 50 % ; margin-left : -2 rem ; margin-top : -3 rem ; }
. loading { left : 11.1 rem ; top : 6.7 rem ; }
/*通用*/
. no-div-message { text-align : center ; padding-top : 6 rem ; color : #999 }
. no-div-message . icon-biaoqingleiben { font-size : 7 rem ; color : #a6a6a6 ; }
. no-div-message p { margin-top : 1.8 rem ; font-size : 1.6 rem ; }
. no-div-message a { font-size : 1.5 rem ; margin-top : .5 rem ; display : block ; color : #EC5151 }
/*分页器样式*/
. swiper-container-horizontal > . swiper-pagination { bottom : .6 rem ; }
. swiper-pagination-bullet { width : 1 rem ; height : 1 rem ; border-radius : 100 % ; background : #fff ; opacity : .8 ; }
. swiper-pagination-bullet-active { background : #ec5151 ; opacity : 1 ; }
/*垂直水平居中*/
. tb-lr-center { display : -webkit- box ; display : -ms- flexbox ; display : -webkit- flex ; display : flex !important ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
-webkit-justify-content : center ;
justify-content : center ;
-webkit-box-align : center ;
-ms-flex-align : center ;
-webkit-align-items : center ;
align-items : center ; }
/*评价按钮*/
. evaluation-all { }
. evaluation-star { margin-right : .1 rem ; padding : .1 rem ; height : 2 rem ; width : 2 rem ; display : inline-block ; line-height : 2 rem ; box-sizing : border-box ; position : relative ; }
. evaluation-star i { color : #ccc ; font-size : 1.6 rem ; position : absolute ; top : 50 % ; left : 50 % ; margin-top : -1 rem ; margin-left : -.8 rem ; }
. evaluation-star . active i { color : #EC5151 }
. evaluation-all-r { position : absolute ; }
/*文字超出一行隐藏*/
. onelist-hidden { white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; }
. clear { clear : both }
. of-hidden { overflow : hidden ; }
. div-messages { background : rgba ( 0 , 0 , 0 , 0.6 ) ; position : fixed ; -webkit- transition : all .5 s ; -moz- transition : all .5 s ; -o- transition : all .5 s ; transition : all .5 s ; visibility : hidden ; opacity : 0 ; padding : .6 rem 1.8 rem ; box-sizing : content-box ; right : 0 ; bottom : 1.6 rem ; max-width : 86 % ; line-height : 1.5 ; font-size : 1.6 rem ; color : #fff ; border-radius : 1.8 rem ; z-index : 100 ; } /*此为弹出层消息并且层级应最高,内容js动态替换,默认无内容,左右居中js*/
. div-messages . active { visibility : visible ; opacity : 1 ; -webkit- transition : opacity .5 s ; -moz- transition : opacity .5 s ; -o- transition : opacity .5 s ; transition : opacity .5 s ; }
. fl { float : left ; }
. fr { float : right ; }
. m-top02 { margin-top : .2 rem ; }
. m-top04 { margin-top : .4 rem ; }
. m-top06 { margin-top : .6 rem ; }
. m-top08 { margin-top : .8 rem ; }
. m-top10 { margin-top : 1 rem ; }
. m-top12 { margin-top : 1.2 rem ; }
. m-top1px { margin-top : 1 px ; }
. margin-lr { margin : 0 1.3 rem ; }
. mt-22 {
margin-top : 2 . 2rem ;
}
. padding-lr { padding : 0 1.3 rem ; box-sizing : content-box ; }
. padding-all { padding : 1.3 rem }
. bodyfff { background : #fff ; }
. ellipsis-one { white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; }
/*滚动条样式*/
. scrollbar-none :: -webkit-scrollbar { /*滚动条宽度设置*/
width : 0px ; height : 0 ;
}
/*并排不换行*/
. w-space { white-space : nowrap }
. dis-i-block { display : inline-block }
/*dis-flex*/
. dis-flex { display : flex !important ; display : -webkit- flex !important ; }
. dis-flex : before { display : flex !important ; display : -webkit- flex !important ; }
. dis-block { display : block ; }
. dis-i-flex { display : inline-flex ; display : -webkit- inline-flex ; }
/*link-abs*/
. link-abs { position : absolute ; left : 0 ; right : 0 ; bottom : 0 ; top : 0 ; z-index : 1 ; }
/*字体颜色*/
label . admin-text { color : #999 ; }
. t-first { color : #EC5151 } /*主字体颜色*/
. t-two { color : #f4a213 } /*黄色 - 与购物车按钮背景色一致*/
. t-remark ,
. t-remark : link ,
. t-remark a : link , . t-remark a { color : #777 ; font-size : 1.5 rem ; } /*文本备注文字颜色*/
. t-remark2 { color : #444 ; font-size : 1.6 rem ; } /*主要文本连接*/
. a-first : link { color : #EC5151 } /*主连接*/
. a-first : visited { color : #EC5151 }
. t-center { color : #f447c9 ; }
. t-low { color : #13ab53 ; }
. t-remark3 { font-size : 1.3 rem ; color : #888 ; }
/*背景颜色*/
. b-color { background : #EC5151 } /*主要背景颜色*/
. b-color-f { background : #fff ; }
. b-color-1 { background : #F6F6F9 }
/*过渡时间*/
. ts-1 { -webkit- transition : all .1 s ; -moz- transition : all .1 s ; -o- transition : all .1 s ; transition : all .1 s ; }
. ts-2 { -webkit- transition : all .2 s ; -moz- transition : all .2 s ; -o- transition : all .2 s ; transition : all .2 s ; }
. ts-3 { -webkit- transition : all .3 s ; -moz- transition : all .3 s ; -o- transition : all .3 s ; transition : all .3 s ; }
. ts-5 { -webkit- transition : all .5 s ; -moz- transition : all .5 s ; -o- transition : all .5 s ; transition : all .5 s ; }
/*旋转*/
. tf-180 { -moz- transform : rotate ( -180 deg ) ; -webkit- transform : rotate ( -180 deg ) ; -ms- transform : rotate ( -180 deg ) ; -o- transform : rotate ( -180 deg ) ; transform : rotate ( -180 deg ) ; }
/*促销图标*/
. em-promotion { font-size : 1.2 rem ; vertical-align : middle ; padding : .1 rem .4 rem ; background : #EC5151 ; border-radius : 1.2 rem ; color : #fff ; }
. em-p-center { background : #f447c9 ; }
. em-p-low { background : #13ab53 ; }
/*display盒子*/
. dis-box { display : -webkit- box ; display : -moz- box ; display : -ms- box ; display : box ; }
. box-flex { -webkit- box-flex : 1 ; -moz- box-flex : 1 ; -ms- box-flex : 1 ; box-flex : 1 ; display : block ; width : 100 % ; }
/*字体位置*/
. text-left { text-align : left ; }
. text-center { text-align : center ; }
. text-right { text-align : right ; }
/*多个一行三个*/
. w-3 { width : 33.33 % ; float : left ; padding : .6 rem .4 rem ; box-sizing : border-box ; position : relative ; }
. w-3 : nth-child ( 3n + 1 ) { padding-left : 0 ; padding-right : .8 rem }
. w-3 : nth-child ( 3n ) { padding-left : .8 rem ; padding-right : 0 ; }
/*按钮色调*/
. btn-submit ,
. btn-submit1 ,
. btn-disab ,
. btn-cart ,
. btn-reset ,
. btn-default ,
. btn-alipay ,
. btn-wechat { font-size : 1.7 rem ; color : #fff ; border : 0 ; text-align : center ; padding : .84 rem 0 ; border-radius : 4 px ; width : 100 % ; }
a . btn-submit ,
a . btn-disab ,
a . btn-cart ,
a . btn-alipay ,
a . btn-wechat { color : #fff ; }
a . btn-reset , a . btn-default { color : #555 ; }
. btn-submit { background : #EC5151 ; border : 1 px solid #df4141 ; } /*主提交按钮*/
. btn-submit : active ,
. btn-submit : hover { border : 1 px solid #df4141 } /*主提交按钮按下颜色*/
. btn-submit1 , a . btn-submit1 { color : #ec5151 ; background : none ; border : 1 px solid #EC5151 } /*主提交按钮1*/
. btn-submit1 : active ,
. btn-submit1 : hover { background : none ; border : 1 px solid #EC5151 } /*主提交按钮按下颜色1*/
. btn-cart { background : #f4a213 ; border : 1 px solid #e19511 } /*加入购物车*/
. btn-cart : active ,
. btn-cart : hover { background : #e19511 ; border : 1 px solid #e19511 } /*按下颜色*/
. btn-reset { background : #fff ; color : #555 ; border : 1 px solid #efefef } /*清空按钮*/
. btn-reset : active ,
. btn-reset : hover { background : #fbfbfb ; border : 1 px solid #fbfbfb } /*按下颜色*/
. btn-default { background : #fff ; color : #555 ; border : 1 px solid #efefef } /*默认*/
. btn-default : active ,
. btn-default : hover { color : #666 } /*按下颜色*/
. btn-alipay { background : #43afea ; border : 1 px solid #35a0db } /*支付宝按钮*/
. btn-alipay : active ,
. btn-alipay : hover { background : #35a0db ; border : 1 px solid #329cd6 } /*支付宝按钮按下颜色*/
. btn-wechat { background : #1dbc20 ; border : 1 px solid #1dbc20 } /*微信按钮*/
. btn-wechat : active ,
. btn-wechat : hover { background : #1BA91D ; border : 1 px solid #1BA91D } /*微信按钮按下颜色*/
. btn-disab { background : #bbb ; border : 1 px solid #bbb } /*禁用按钮*/
a . btn-disab { background : #bbb ; border : 1 px solid #bbb }
. ect-button-more a , . ect-button-more button { margin-right : .6 rem ; }
. ect-button-more a : last-child , . ect-button-more button : last-child { margin-right : 0 ; }
/*文本框*/
. text-all { border-bottom : 1 px solid #F6F6F9 ; padding : 1 rem 0 ; width : 100 % ; overflow : hidden ; }
. text-all . active { border-bottom : 1 px solid #EC5151 ; }
. text-all label { font-size : 1.65 rem ; display : block ; height : 3 rem ; line-height : 3 rem ; margin-right : 0.8 rem ; vertical-align : middle ; }
. text-all . text-all-span { height : 3 rem ; line-height : 3 rem ; font-size : 1.6 rem ; color : #666 ; }
. text-all span . t-jiantou { margin-top : .8 rem ; }
. text-all-back . a-icon-back { display : -webkit- box ; display : box ; display : -moz- box ; position : relative ; width : 2.6 rem ; }
. text-all-back . icon-back { font-size : 2.6 rem ; margin-left : -.4 rem ; margin-right : .4 rem ; color : #999 ; position : absolute ; top : 50 % ; margin-top : -1.53 rem ; }
. input-text { position : relative ; }
. input-text input { border : 0 ; height : 3 rem ; line-height : 2 rem ; padding : .5 rem 0 ; box-sizing : border-box ; width : 100 % ; color : #555 ; font-size : 1.6 rem ; padding-right : 3 rem ; }
. text-area1 { border-bottom : 1 px solid #f6f6f9 ; position : relative ; padding-bottom : 1.6 rem ; }
. text-area1 textarea { width : 100 % ; border : 0 ; font-size : 1.6 rem ; min-height : 3 rem ; line-height : 2 rem ; padding : .5 rem 0 ; color : #555 ; }
. text-area1 span { color : #bbb ; position : absolute ; bottom : .8 rem ; right : .8 rem ; display : block ; font-size : 1.4 rem ; }
/*文本下拉*/
. text-all-select { position : relative ; }
. text-all-select-div { background : #fafafa ; position : absolute ; left : 0 ; right : 0 ; display : none ; font-size : 1.5 rem ; z-index : 11 ; }
. text-all-select-div ul li { border-bottom : 1 px solid #efefef ; padding : 1.3 rem 0 ; color : #444 ; }
. text-all-select-div ul li : first-of-type { padding-top : 0 ; }
. text-all-select-div ul li : last-of-type { border-bottom : none ; padding-bottom : 0 ; }
/*清空图标*/
. is-null { font-size : 2.1 rem ; color : #ddd ; top : 50 % ;
transition : all 0 . 2s ; margin-top : -1 . 2rem ; z-index : 10 ; position : absolute ; right : 0 . 2rem ; visibility : hidden ; opacity : 0 ; -webkit-transition : all 0 . 1s ;
-moz-transition : all 0 . 1s ;
-o-transition : all 0 . 1s ;
transition : all 0 . 1s ; }
. is-null . active { visibility : visible ; opacity : 1 ; }
/*后面带按钮文本框*/
. ipt-check-btn : link { padding : 0 1.4 rem ; height : 2 rem ; line-height : 2 rem ; margin : .5 rem 0 ; text-align : center ; color : #555 ; display : block ; border-left : 1 px solid #F3F4F9 ; margin-left : 1.2 rem }
. ipt-check-btn : visited , . ip-check-btn : active , . ip-check-btn : hover { color : #555 ; border-left : 1 px solid #F3F4F9 ; }
. ipt-check-btn : link . disabled { color : #999 }
. ipt-check-btn : visited . disabled , . ip-check-btn : active . disabled , . ip-check-btn : hover . disabled { color : #999 }
/*后带显示隐藏密码按钮*/
. is-yanjing { font-size : 2.4 rem ; padding : 0 .2 rem ; color : #EC5151 ; height : 3 rem ; line-height : 3 rem ; margin-left : 1 rem ; -webkit- transition : all 0.1 s ;
-moz-transition : all 0 . 1s ;
-o-transition : all 0 . 1s ;
transition : all 0 . 1s ; }
. is-yanjing . disabled { color : #ddd ; }
/*搜索框*/
. search { padding : 0 1 rem ; position : relative ; }
. search a . a-search-input { display : block ; position : absolute ; left : 0 ; bottom : 0 ; right : 0 ; top : 0 ; z-index : 2 ; }
. search . text-all { border-bottom : 0 ; }
. search . input-text { padding : .3 rem 0 ; border-bottom : 0 ; background : #fff ; background : #FFFFFF ; border-radius : 4 px ; overflow : hidden ; position : relative ; }
. search . input-text input { padding-left : 6.4 rem ; }
. search . is-null { right : .6 rem ; }
. search . search-check { position : absolute ; box-sizing : border-box ; line-height : 2 rem ; padding : .5 rem 0 ; padding-left : 1 rem ; color : #666 ; }
. search . search-check span { display : block ; float : left ; }
. search-check i . icon-xiajiantou { position : absolute ; font-size : 1.2 rem ; }
a . s-filter { display : block ; font-size : 1.6 rem ; text-align : center ; padding : .8 rem 0 ; line-height : 2 rem ; box-sizing : border-box ; padding-left : 1.2 rem ; } /*搜索筛选*/
. search . btn-submit { display : block ; width : 6 rem ; height : 3.6 rem ; line-height : 1.8 rem ; box-sizing : border-box ; border-radius : 0 px 4 px 4 px 0 ; }
. search . n-input-text . i-search-input input { padding-left : 3.7 rem ; }
. i-search-input i . icon-sousuo { position : absolute ; font-size : 2 rem ; color : #999 ; left : 1 rem ; top : 50 % ; margin-top : -1.22 rem ; }
/*span靠边对齐带箭头*/
span . t-jiantou { position : relative ; font-size : 1.4 rem ; padding-right : 1.3 rem ; margin-top : 0.1 rem ; color : #555 ; }
span . t-jiantou . active { color : #EC5151 ; }
span . t-jiantou i . icon-jiantou { position : absolute ; }
span . t-jiantou i . icon-jiantou : before { font-size : 1.4 rem ; color : #888 ; }
span . t-jiantou em { width : 16 rem ; margin-right : .4 rem ; box-sizing : border-box ; text-align : right ; overflow : hidden ; text-overflow : ellipsis ; display : -webkit- box ; -webkit- line-clamp : 1 ; -webkit- box-orient : vertical ; }
/*title-hrbg*/
h4 . title-hrbg { font-size : 1.3 rem ; position : relative ; z-index : 1 ; height : 4 rem ; line-height : 4 rem ; overflow : hidden ; color : #888 ; text-align : center ; margin-top : 4 rem ; }
h4 . title-hrbg span { background : #fff ; padding : 1 rem .6 rem ; font-size : 1.4 rem ; z-index : 10 ; }
h4 . title-hrbg hr { background : #f6f6f9 ; height : 1 px ; border : 0 ; position : absolute ; left : 0 ; right : 0 ; top : 50 % ; margin-top : 1 px ; z-index : -1 ; }
/*加减文本*/
. div-num { border : 1 px solid #ededed ; border-radius : 4 px ; width : 12 rem ; }
. div-num input { border : 0 ; border-left : 1 px solid #ededed ; border-right : 1 px solid #ededed ; border-radius : 0 ; height : 2 rem ; padding : .5 rem ; font-size : 1.2 rem ; text-align : center ; }
. div-num a { display : block ; width : 3 rem ; height : 3 rem ; position : relative ; }
. div-num a . num-less : before , . div-num a . num-plus : before , . div-num a . num-plus : after { content : " " ; display : block ; border-bottom : 1 px solid #888 ; width : 1.6 rem ; position : absolute ; left : 50 % ; margin-left : -.8 rem ; top : 50 % ; margin-top : -1 px ; }
. div-num a . num-plus : after { -moz- transform : rotate ( -90 deg ) ; -webkit- transform : rotate ( -90 deg ) ; -ms- transform : rotate ( -90 deg ) ; -o- transform : rotate ( -90 deg ) ; transform : rotate ( -90 deg ) ; }
. div-num . div-num-disabled { border : 1 px solid #f6f6f6 ; }
. div-num . div-num-disabled input { color : #999 ; border-color : #f6f6f6 ; }
. div-num . div-num-disabled a . num-less : before , . div-num . div-num-disabled a . num-plus : before , . div-num . div-num-disabled a . num-plus : after { border-color : #f1f1f1 }
/ *
* 单选复选通用
*
* /
/*单选复选通用样式 - 1 方形显示*/
. select-one { background : #fff ; overflow : hidden ; }
. select-one . ect-select { font-size : 1.5 rem ; margin : 0 .6 rem ; }
. select-one . ect-select : first-child { margin-left : 0 ; }
. select-one . ect-select : last-child { margin-right : 0 ; }
. select-one . ect-select label { padding : .6 rem 1 rem ; display : block ; text-align : center ; border : 1 px solid #efefef ; border-radius : 4 px ; color : #666 ; }
. select-one . ect-select label . active { border-color : #EC5151 ; color : #EC5151 ; }
/*单选复选通用样式 - 2 列表打勾显示*/
. select-two { background : #fff ; overflow : hidden ; padding-top : 0 ; padding-bottom : 0 ; }
. select-two . select-title { overflow : hidden ; display : block ; font-size : 1.7 rem ; border-top : 1 px solid #e7e8ef ; }
. select-two . select-title : first-child { border-top : 0 ; }
. select-two . select-title span { margin-top : .2 rem ; }
. select-two . select-title . active i { -webkit- transform : rotate ( -90 deg ) ;
-moz-transform : rotate ( -90deg ) ;
-ms-transform : rotate ( -90deg ) ;
-o-transform : rotate ( -90deg ) ;
transform : rotate ( -90deg ) ; }
. select-two ul { padding-top : 0 ; padding-bottom : 0 ; border-top : 1 px solid #e7e8ef ; }
. select-two . ect-select { font-size : 1.5 rem ; border-bottom : 1 px solid #F6F6F9 ; }
. select-two . ect-select : last-child { border-bottom : none ; }
. select-two . ect-select label { padding : 1.6 rem 0 ; text-align : left ; display : block ; color : #666 ; position : relative ; }
. select-two . ect-select label i . icon-gou { visibility : hidden ; color : #EC5151 ; opacity : 0 ; font-size : 2.2 rem ; position : absolute ; top : 50 % ; margin-top : -1.2 rem ; right : 0 rem }
. select-two . ect-select label . active { color : #EC5151 ; }
. select-two . ect-select label . active i . icon-gou { visibility : visible ; opacity : 1 ; }
/*单选复选按钮 - 3 前置圆形按钮*/
. select-three . ect-select label { height : 2.2 rem ; line-height : 2.2 rem ; font-size : 1.6 rem ; }
. select-three . ect-select label span { font-size : 1.7 rem ; margin-left : .6 rem ; margin-top : .1 rem ; }
. select-three . ect-select i { display : block ; width : 2.1 rem ; height : 2.1 rem ; border : 1 px solid #ddd ; border-radius : 100 % ; }
. select-three . ect-select label . active i { border : 1 px solid #ec5151 ; color : #fff ; text-align : center ; background : #ec5151 url ( ../img/iconfont-gou.png ) center center no-repeat ; background-size : 70 % ; }
/ *
* a链接样式1
* /
. a-text-more a { display : block ; width : 100 % ; text-align : center ; box-sizing : border-box ; }
. a-text-more span { height : 2.6 rem ; line-height : 2.6 rem ; font-size : 1.5 rem ; display : block ; border : 1 px solid #efefef ; border-radius : 4 px ; }
/*a链接样式2-横向,一行一个*/
. a-text-one a { text-align : left ; }
. a-text-one span { border : 0 ; border-radius : 0 ; border-bottom : 1 px solid #efefef ; padding : .8 rem 0 ; }
. a-text-one li : last-child span { border-bottom : 0 ; }
/*价格区间*/
. price-range { font-size : 1.6 rem ; background : #fff ; }
. price-slider { padding : 1 rem 1.3 rem ; margin-top : 3.6 rem ; position : relative ; }
. slider-info { position : absolute ; z-index : 2 ; background : #fff ; font-size : 1.4 rem ; left : 34 % ; top : -3.6 rem ; border : 1 px solid #efefef ; color : #666 ; padding : .6 rem 1.2 rem ; border-radius : 4 px ; }
. slider-info : before { content : " " ; width : 1 rem ; height : 1 rem ; display : block ; position : absolute ; border-top : 1 px solid #efefef ; border-right : 1 px solid #efefef ;
-webkit-transform : rotate ( 135deg ) ;
-moz-transform : rotate ( 135deg ) ;
-ms-transform : rotate ( 135deg ) ;
-o-transform : rotate ( 135deg ) ;
transform : rotate ( 135deg ) ; background : # fff ; bottom : - . 6rem ; z-index : -1 ; left : 50 % ; margin-left : - . 5em ; }
. ui-slider . ui-slider-handle { height : 2.6 rem ; width : 2.6 rem ; top : -1 rem ; margin-left : -1.3 rem ; border-radius : 50 % ; border : 1 px solid #efefef ; background : #fff }
. ui-state-hover , . ui-widget-content . ui-state-hover , . ui-widget-header . ui-state-hover , . ui-state-focus , . ui-widget-content . ui-state-focus , . ui-widget-header . ui-state-focus { border : 1 px solid #EC5151 ; background : #FDDADA }
. ui-slider-range { background : #EC5151 }
. ui-widget-content { background : #efefef ; border-radius : 0 ; height : .8 rem ; border : 0 ; }
/ *
* 侧滑弹出层 - 商品筛选
*
* /
. filter-div , . filter-city-div , . mask-filter-div , . mask-search-div , . filter-depot-div { position : fixed ; width : 100 % ; left : 100 % ; right : 0 ; top : 0 ; bottom : 0 ; z-index : 12 ; background : rgba ( 0 , 0 , 0 , 0.4 ) }
. mask-filter-div , . mask-search-div { z-index : 10 ; display : none ; left : 0 ; }
. close-filter-div , . con-filter-div { position : absolute ; top : 0 ; bottom : 0 ; z-index : 11 ; overflow-y : scroll ; }
. close-filter-div { width : 3.8 rem ; left : 3.9 rem ; background : rgba ( 0 , 0 , 0 , 0.6 ) ; }
. con-filter-div { left : 3.8 rem ; top : 0 ; right : 0 ; background : rgba ( 246 , 246 , 249 , 1 ) ; overflow-y : scroll ; }
. con-filter-div . select-two . ect-select { font-size : 1.4 rem ; }
. show-city-div . cate-filter-city { left : 3.8 rem ; }
. close-filter-div { color : #fff ; font-size : 1.4 rem ; text-align : center ; }
. close-filter-div i . icon-fanhui { font-size : 2 rem ; display : block ;
-webkit-transform : rotate ( 180deg ) ;
-moz-transform : rotate ( 180deg ) ;
-ms-transform : rotate ( 180deg ) ;
-o-transform : rotate ( 180deg ) ;
transform : rotate ( 180deg ) ; margin-bottom : . 4rem ; }
. close-f-btn { position : absolute ; top : 50 % ; left : 50 % ; margin-top : -2 rem ; margin-left : -1.4 rem ; }
/*点击滑动进入筛选*/
. show-filter-div . mask-filter-div ,
. show-city-div . mask-filter-div ,
. show-depot-div . mask-filter-div ,
. show-site-div . mask-filter-div
{ display : inherit ; }
. show-filter-div . filter-div ,
. show-city-div . filter-city-div ,
. show-depot-div . filter-depot-div ,
. show-site-div . filter-site-div ,
. show-receipt-div . filter-receipt-div ,
. show-coupon-div . filter-coupon-div
{ left : 0 ; }
. show-filter-div . close-filter-div ,
. show-city-div . close-filter-div ,
. show-depot-div . close-filter-div ,
. show-site-div . close-filter-div { left : 0 ; -webkit- transition : all .2 s ;
-moz-transition : all . 2s ;
-o-transition : all . 2s ;
transition : all . 2s ; transition-delay : . 2s ;
-moz-transition-delay : . 2s ;
-webkit-transition-delay : . 2s ;
-o-transition-delay : . 2s ; }
. show-city-div . cate-filter-city { left : 3.8 rem ; right : 0 ; width : inherit ; }
. show-city-div . cate-filter-city . con-filter-div { left : 0 ; }
. show-depot-div , . show-city-div { position : fixed ; top : 0 ; bottom : 0 ; left : 0 ; right : 0 ; overflow : hidden ; }
/ *
* 弹出搜索框
* /
. show-search-div . search-div { top : 0 ; visibility : visible ; }
. show-search-div . mask-search-div { display : inherit ; }
. search-div { background : #fff ; position : fixed ; height : 100 % ; width : 100 % ; left : 0 ; top : 100 % ; right : 0 ; bottom : 0 ; z-index : 112 ; visibility : hidden ; }
. search-div . search { background : #F6F6F9 ; }
. search-con { padding : 2 rem 1 rem ; padding-bottom : 0 ; background : #fff ; }
. search-con ul { overflow : hidden ; color : #555 }
. search-con ul a { color : #666 ; }
. search-con p { overflow : hidden ; font-size : 1.5 rem ; padding : .8 rem 0 ; padding-top : 0 ; clear : both ; color : #999 ; }
. search-con p . hos-search { margin-top : 1.3 rem ; }
. search-con p . hos-search i . icon-xiao10 { font-size : 1.8 rem ; }
. close-search { height : 4.6 rem ; line-height : 4.6 rem ; color : #777 ; position : absolute ; bottom : 0 ; font-size : 1.7 rem ; text-align : center ; width : 100 % ; }
. history-search { position : absolute !important ; bottom : 5 rem ; overflow : hidden ; left : 0 ; top : 6.8 rem ; right : 0 ; padding : 0 1.3 rem ; }
/ *
* 切换样式
* /
. radio-switching { font-size : 1.6 rem ; overflow : hidden ; background : #fff ; }
. radio-switching span { display : inline-block ; width : 5.4 rem ; position : relative ; margin-top : .23 rem ; }
. radio-switching em { width : 2.7 rem ; height : 2.7 rem ; right : 50 % ; border-radius : 50 % ; display : block ; top : 50 % ; margin-top : -1.3 rem ; background : #e7e8ef ; position : absolute ; }
. radio-switching hr { background : #e7e8ef ; height : 1 px ; border : 0 ; }
. radio-switching . active em { background : #EC5151 ; right : 0 }
. radio-switching . active hr { background : #EC5151 ; height : 1 px ; border : 0 ; }
/ *
* 城市筛选链接样式
* /
. filter-city { background : #fff ; overflow : hidden ; font-size : 1.6 rem ; }
. filter-city span { }
/ *
* 三种模式商品列表
* [ 备注 : ] 库存销量 , 加入购物车按钮 , 市场价默认全部显示 , 如需隐藏 / 显示在对应图片列表代码中设置即可
* /
. product-list { }
. product-list ul { overflow : hidden ; width : 100 % ; }
. product-list ul li { box-sizing : border-box ; }
. product-div { background : #fff ; position : relative ; overflow : hidden ; }
. product-div-link { position : absolute ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; z-index : 1 ; }
/*商品列表购物车按钮*/
. icon-flow-cart { background : #EC5151 ; border-radius : 50 % ; text-align : center ; position : absolute ; z-index : 3 ; }
. icon-flow-cart i . icon-gouwuche { color : #fff ; }
. product-div img { width : 100 % ; display : block ; }
. product-text h4 { display : block ; overflow : hidden ; }
. product-text p { padding-top : .6 rem ; padding-bottom : .4 rem ; }
. product-text . p-t-remark { color : #999 ; padding-bottom : 0 rem ; }
/ *
* 商品列表1 - 最大化图片浏览
* 在 . product-list处加入 . product-list-big即可实现
* /
. product-list-big { padding : 0.5 rem 1 rem ; }
. product-list-big ul li { width : 100 % ; padding : .5 rem 0 ; }
. product-list-big . product-text { padding : 1.4 rem ; }
. product-list-big h4 { font-size : 1.8 rem ; height : 4.4 rem ; line-height : 2.3 rem ; }
. product-list-big . p-t-remark { padding-top : .8 rem ; font-size : 1.5 rem ; display : none ; /*隐藏库存销量*/ }
. product-list-big . p-price { font-size : 2.3 rem ; }
. product-list-big . p-price del { font-size : 1.6 rem ; margin-left : 1 rem }
. product-list-big . icon-flow-cart { right : 1.4 rem ; bottom : 1.4 rem ; width : 3.6 rem ; height : 3.6 rem ; line-height : 3.6 rem ; }
. product-list-big . icon-flow-cart i . icon-gouwuche { font-size : 2.4 rem ; }
/*small与medium h4参数一致*/
. product-list-medium h4 , . product-list-small h4 { font-size : 1.5 rem ; height : 3.8 rem ; line-height : 1.9 rem ; }
/*商品列表2-中等图片浏览默认*/
. product-list-medium { padding : .2 rem .4 rem ; }
. product-list-medium ul li { float : left ; width : 50 % ; padding : .2 rem 0 ; }
. product-list-medium ul li : nth-child ( 2n-1 ) { padding-right : 0.2 rem ; }
. product-list-medium ul li : nth-child ( 2n ) { padding-left : 0.2 rem ; }
. product-list-medium . product-text { padding : .8 rem ; }
. product-list-medium . p-t-remark { font-size : 1.2 rem ; padding-top : .2 rem ; display : none ; /*隐藏库存销量*/ }
. product-list-medium . p-price { font-size : 1.8 rem ; }
. product-list-medium . p-price small { margin-left : .6 rem ; display : none ; /*隐藏市场价*/ }
. product-list-medium . icon-flow-cart { right : .6 rem ; bottom : .6 rem ; width : 2.8 rem ; height : 2.8 rem ; line-height : 2.8 rem ; display : none ; /*隐藏商品列表购物按钮*/ }
. product-list-medium . icon-flow-cart i . icon-gouwuche { font-size : 1.8 rem ; }
/ *
* 商品列表3 - 最小化图片浏览
* 在 . product-list处加入 . product-list-small即可实现
* /
. product-list-small ul li { width : 100 % ; padding-bottom : 1 px ; }
. product-list-small . product-div { padding : .8 rem ; }
. product-list-small . product-div img { border : 1 px solid #F6F6F9 ; }
. product-list-small . product-list-img { width : 9.6 rem ; height : auto ; float : left ; }
. product-list-small . product-text { margin-left : 11 rem ; height : 9.2 rem ; padding : .2 rem 0 ; }
. product-list-small . p-t-remark { padding-top : .6 rem ; font-size : 1.3 rem ; height : 1.6 rem ; }
. product-list-small . p-price { font-size : 2 rem ; }
. product-list-small . p-price small { margin-left : .6 rem ; font-size : 1.4 rem ; }
. product-list-small . icon-flow-cart { right : 1.3 rem ; bottom : 1.3 rem ; width : 2.8 rem ; height : 2.8 rem ; line-height : 2.8 rem ; }
. product-list-small . icon-flow-cart i . icon-gouwuche { font-size : 1.8 rem ; }
/ *
* 商品列表一行多列显示
* /
. product-one-list { width : 100 % ; position : relative ; }
. product-one-list li { width : 36 % ; margin-right : .8 rem ; float : left ; }
. product-one-list li : last-of-type { margin-right : 0 ; }
. product-one-list li h4 { font-size : 1.4 rem ; height : 2.9 rem ; line-height : 1.5 rem ; overflow : hidden ; }
. product-one-list li . p-price { font-size : 1.5 rem ; }
/*排序栏*/
. product-sequence { text-align : center ; height : 4.6 rem ; line-height : 4.6 rem ; font-size : 1.5 rem ; background : #fff ; width : 100 % ; border-bottom : 1 px solid #F6F6F9 ; }
. product-sequence a : hover , . product-sequence a { text-decoration : none ; color : #444 }
. product-sequence a . active { color : #EC5151 ; }
. product-sequence . icon-xiajiantou { margin-left : .1 rem ; position : relative ; font-size : 1.2 rem ; transition : 0.2 s ease ; }
. product-sequence . icon-xiajiantou : before { position : absolute }
. product-sequence a . a-change . icon-xiajiantou : before { -webkit- transform : rotate ( -180 deg ) ;
-moz-transform : rotate ( -180deg ) ;
-ms-transform : rotate ( -180deg ) ;
-o-transform : rotate ( -180deg ) ;
transform : rotate ( -180deg ) ; }
a . a-sequence { width : 6.6 rem ; height : 4.6 rem ; line-height : 4.6 rem ; display : block ; color : #666 ; position : relative ; }
a . a-sequence . iconfont : before { font-size : 2.8 rem ; color : #888 ; }
a . a-sequence . iconfont . icon-icon-square : before { font-size : 3.2 rem ; }
/ *
* 商品详情页 - 共用样式
* * /
/*共用*/
. goods , . flow-have-cart , . flow-checkout , . flow-consignee-list , . user-evaluation { margin-bottom : 6.4 rem ; }
. show-goods-img { position : fixed ; left : 0 ; top : 0 ; right : 0 ; bottom : 0 ; }
. show-goods-img . j-show-goods-img { background : rgba ( 0 , 0 , 0 , 1 ) ; z-index : 111 ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; position : fixed !important ; }
. goods-min-icon { font-size : 1.5 rem ; color : #bbb ; padding-left : .4 rem ; }
. g-t-temark { margin : 0 ; margin-right : 1.2 rem ; display : inherit ; }
. remark-all { font-size : 1.4 rem ; padding : .6 rem ; text-align : center ; color : #fff ; display : block ; white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ;
}
. big-remark-all { margin-bottom : 1.3 rem ; }
. big-remark-all . remark-all { padding : 1.3 rem ; box-sizing : border-box ; }
. big-remark-all p { overflow : hidden ; clear : both ; position : relative ; }
. big-remark-all . b-r-a-price { font-size : 3.4 rem ; }
. big-remark-all . b-r-a-price sup { font-size : 1.8 rem ; }
. big-remark-all . b-r-a-con { margin-left : 1 rem ; margin-top : .4 rem ; font-size : 1.1 rem ; }
. big-remark-all . b-r-a-con em { display : block ; }
. big-remark-all . b-r-a-con em : first-of-type { font-size : 1.2 rem ; margin-bottom : .3 rem ; }
. big-remark-all . b-r-a-time { font-size : 1.1 rem ; }
. big-remark-all . b-r-a-btn { font-size : 1.8 rem ; width : 7 rem ; text-align : center ; }
. temark-1 { background : #f47575 ; }
. temark-2 { background : #4fd2e5 ; }
. temark-3 { background : #ffab3e ; }
. temark-4 { background : #ddd ; }
. temark-1-text , a . temark-1-text { color : #f47575 ; }
. temark-2-text , a . temark-2-text { color : #4fd2e5 ; }
. temark-3-text , a . temark-3-text { color : #ffab3e ; }
. temark-4-text , a . temark-4-text { color : #aaa ; }
. t-goods1 { font-size : 1.5 rem ; }
. goods . j-goodsinfo-div { color : #888 ; display : block ; font-size : 1.6 rem ; }
/*弹出层中关闭*/
. show-div-guanbi { font-size : 2.1 rem ; color : #999 ; margin-left : 1 rem ; }
. product-text . show-div-guanbi { margin-top : -1 rem ; position : absolute ; top : .7 rem ; right : 0 rem ; }
. product-text h4 { padding-right : 2.3 rem ; }
/*评价列表*/
. evaluation-list . t-remark { font-size : 1.3 rem ; }
. evaluation-list em . t-remark { margin-left : .8 rem ; display : inline-block ; width : 6.4 rem ; overflow : hidden ; white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; }
. evaluation-list . t-goods1 { font-size : 1.3 rem ; word-break : break-all ; }
. grade-star { display : inline-block ; position : relative ; width : 9 rem ; height : 1.3 rem ; background : url ( ../img/grade_star.png ) no-repeat ; background-position-y : 100 % ; background-size : 9 rem auto ; }
. grade-star : before { position : absolute ; content : " " ; display : block ; left : 0 ; top : 0 ; right : 0 ; bottom : 0 ; background : url ( ../img/grade_star.png ) no-repeat ; background-size : 9 rem auto ; }
. grade-star . g-star-1 : before { left : -7.6 rem ; }
. grade-star . g-star-2 : before { left : -5.7 rem ; }
. grade-star . g-star-3 : before { left : -3.8 rem ; }
. grade-star . g-star-4 : before { left : -1.9 rem ; }
. grade-star . g-star-5 : before { left : 0 ; }
/*店铺信息*/
. g-s-i-img { width : 7 rem ; height : 7 rem ; vertical-align : middle ; display : table-cell ; padding : .2 rem ; border : 1 px solid #efefef ; }
. g-s-i-img img { width : 100 % ; vertical-align : middle ; }
. g-s-i-title { margin-left : 1.3 rem ; margin-top : 1.6 rem ; }
. g-s-i-title h3 { font-size : 1.7 rem ; }
. no-shopping-title . goods-shop { padding-top : 0 ; }
. no-shopping-title . goods-shop hr { display : none ; }
. no-shopping-title . goods-shop h4 . title-hrbg { text-align : left ; margin-top : 0 ; height : auto ; line-height : initial ; padding : 1.3 rem 0 ; }
. no-shopping-title . goods-shop h4 . title-hrbg span { font-size : 1.6 rem ; padding : 0 ; color : #333 ; }
. goods-shop-score { font-size : 1.36 rem ; color : #666 }
. goods-shop-score . margin-lr { margin : 0 .2 rem ; }
. goods-shop-score . em-promotion { font-size : 1 rem ; padding : .1 rem .4 rem }
. goods-shop-pic . title-hrbg { margin-top : .4 rem ; }
. goods-shop-btn i . iconfont { font-size : 1.9 rem ; margin-right : .6 rem ; }
/*商品图片滑动*/
. goods-photo { position : relative ; width : 100 % ; height : auto ; overflow : hidden ; }
. goods-photo img { width : 100 % ; height : auto ; display : block ; }
. goods-photo . goods-num { position : absolute ; font-size : 1.5 rem ; color : #fff ; height : 2.6 rem ; line-height : 2.6 rem ; padding : 0 1 rem ; border-radius : 1.3 rem ; right : 1.3 rem ; bottom : 1.3 rem ; background : rgba ( 0 , 0 , 0 , 0.5 ) ; z-index : 5 ; }
. goods-photo li { width : 3 rem ; }
/*标题*/
. goods-title { padding-bottom : .8 rem ; }
. goods-title h3 { font-size : 1.8 rem ; height : 4.3 rem ; overflow : hidden ; line-height : 1.3 ; padding-right : 1.3 rem ; border-right : 1 px solid #efefef ; }
. heart { display : block ; width : 4 rem ; height : 4 rem ; padding-left : 1.3 rem ; }
. heart i { display : block ; width : 2.8 rem ; height : 2.8 rem ; margin : 0 auto ; background : url ( ../img/heart_03.png ) 0 100 % no-repeat ; background-size : 2.7 rem 5.4 rem ; }
. heart em { font-size : 1.3 rem ; display : block ; text-align : center ; margin-top : .2 rem ; color : #555 ; }
. heart . active em { color : #EC5151 }
. heart . active i { background : url ( ../img/heart_03.png ) 0 0 no-repeat ; background-size : 2.7 rem 5.4 rem ; }
/*价格*/
. goods-price { padding-top : 0 ; }
. g-p-tthree { font-size : 1.4 rem ; color : #999 ; }
. p-price { clear : both ; overflow : hidden ; }
. p-price span { font-size : 2.1 rem ; vertical-align : middle ; }
. p-price . em-promotion { margin-left : .6 rem ; margin-top : .2 rem }
. p-market { color : #888 ; font-size : 1.6 rem ; clear : both ; margin-top : .6 rem ; }
. p-market del { font-size : 1.6 rem ; margin-left : .6 rem ; }
/*促销*/
. g-promotion-con p { margin-bottom : .6 rem ; clear : both ; padding : .3 rem 0 ; font-size : 1.4 rem ; color : #777 ; }
. g-promotion-con p : first-of-type { padding-top : 0 ; }
. g-promotion-con p : last-of-type { margin-bottom : 0 ; }
. g-promotion-con p span { font-size : 1.4 rem ; vertical-align : middle ; }
. g-promotion-con . em-promotion { margin-right : .6 rem }
/*优惠券*/
. g-coupon-con li { padding : 0 .2 rem ; }
. goods-coupon . g-t-temark { padding-top : .6 rem ; }
/*服务信息*/
. goods-service . goods-min-icon { display : box ; display : -webkit- box ; margin-top : .2 rem ; }
. g-r-rule . em-promotion { border-radius : 100 % ; vertical-align : middle ; padding : 0 ; width : 1.8 rem ; height : 1.8 rem ; line-height : 1.8 rem ; text-align : center ; margin-right : .4 rem ; }
. g-r-rule . em-promotion i { font-size : 1.2 rem ; }
. g-r-rule span { display : inline-block ; font-size : 1.4 rem ; height : 1.8 rem ; line-height : 2 rem ; }
/*评价*/
. g-evaluation-title . t-first { margin-left : .6 rem ; margin-right : .6 rem ; }
/*评价 - 店铺信息button*/
. goods-evaluation . btn-default , . goods-shop . btn-default { font-size : 1.5 rem ; }
/*商品上滑弹出层*/
. show-goods-attr ,
. show-goods-coupon ,
. show-goods-service ,
. show-goods-dist ,
. show-time-con { position : fixed ; left : 0 ; bottom : -100 % ; right : 0 ; z-index : 13 ; visibility : hidden ; }
. show-goods-attr . product-div { padding : 1.3 rem ; }
. mask-filter-div . show { display : inherit ; }
. show-goods-coupon . show ,
. show-goods-attr . show ,
. show-goods-service . show ,
. show-goods-dist . show ,
. show-time-con . show { bottom : 0 ; visibility : visible ; }
. s-g-attr-con { max-height : 14 rem ; overflow : hidden ; }
. s-g-attr-con . ect-select { margin : 0 ; margin-right : 1 rem ; margin-bottom : 1 rem ; width : auto }
. goods-big-service em . em-promotion { width : 4 rem ; height : 4 rem ; display : block ; padding : 0 ; line-height : 4 rem ; text-align : center ; border-radius : 2 rem ; margin-right : 1 rem ; }
. goods-big-service em . em-promotion i { font-size : 2.2 rem ; }
. goods-big-service span { font-size : 1.7 rem ; color : #444 ; line-height : 4 rem ; }
. g-b-s-con { font-size : 1.4 rem ; color : #777 ; }
/*优惠券上滑动*/
. goods-show-title { height : 2.2 rem ; line-height : 2.2 rem ; }
. g-c-title-h3 { font-size : 1.6 rem ; color : #333 ; }
. goods-show-con { max-height : 26 rem ; min-height : 10 rem ; overflow-y : hidden ; }
/*商品详情页 - tab*/
. tab-con img { max-width : 100 % ; height : auto ; display : block ; }
. goods-info { padding-top : 5.2 rem ; }
. goods-info . tab-title , . flow-coupon . tab-title { font-size : 1.4 rem ; position : fixed ; left : 0 ; right : 0 ; top : 0 ; z-index : 11 ; text-align : center ; border-bottom : 1 px solid #F3F4F9 ; }
. goods-info . tab-title , . flow-coupon . tab-title { padding : 1.4 rem 0 ; }
. goods-info . tab-title li , . flow-coupon . tab-title li { height : 1.8 rem ; line-height : 1.8 rem ; box-sizing : border-box ; }
. tab-title . active , . tab-title . active a { color : #EC5151 ; }
. tab-title li { border-right : 1 px solid #F3F4F9 ; }
. tab-title li : last-of-type { border-right : 0 ; }
. goods-info img { max-width : 100 % ; height : auto ; display : block ; }
. goods-info table { max-width : 100 % ; }
. goods-info-attr li { margin : 0 1.3 rem ; padding : 1.5 rem 0 ; border-bottom : 1 px solid #f3f4f9 }
. goods-info-attr li : last-of-type { border-bottom : 0 ; }
. goods-info-attr li span : first-of-type { max-width : 30 % ; }
. goods-info-attr li span : last-of-type { max-width : 66 % ; }
. ect-tab . active . tab-title { position : fixed ; z-index : 11 ; border-bottom : 1 px solid #F6F6FF ; top : 0 ; left : 0 ; right : 0 ; }
/*评价页*/
. goods-evaluation-page . tab-title { border-bottom : 1 px solid #F3F4F9 ; position : fixed ; left : 0 ; right : 0 ; top : 0 ; z-index : 11 ; }
. goods-evaluation-page . tab-title ul { padding : 1.2 rem 0 ; }
. goods-evaluation-page . tab-title ul li { font-size : 1.5 rem ; text-align : center ; border-right : 0 ; }
. goods-evaluation-page . tab-title ul li em { font-size : 1.2 rem ; }
. goods-evaluation-page . tab-title . active { color : #EC5151 ; }
. goods-evaluation-page . tab-con { margin-top : 6.4 rem ; }
. goods-evaluation-page . evaluation-list { border-bottom : 1 px solid #F6F6F9 ; box-sizing : border-box ; width : 100 % ; }
. goods-evaluation-page . g-e-p-pic li { width : 30 % ; margin-right : .4 rem ; }
. goods-evaluation-page . g-e-p-pic li : last-of-type { margin-right : 0 ; }
. goods-evaluation-page . g-e-p-pic img { width : 100 % ; }
/*悬浮btn*/
. filter-btn { position : fixed ; width : 100 % ; left : 0 ; right : 0 ; bottom : 0 ; box-sizing : border-box ; padding : .8 rem ; z-index : 6 ; background : #fafafc ; border-top : 1 px solid #efefef ; }
. filter-btn . filter-btn-a { padding : 0 .4 rem ; display : block ; text-align : center ; position : relative ; }
. filter-btn . filter-btn-a i { font-size : 2.2 rem ; color : #777 ; display : block ; color : #636363 }
. filter-btn . filter-btn-flow sup { position : absolute ; top : -.3 rem ; right : .4 rem ; height : 1.4 rem ; min-width : 1.4 rem ; line-height : 1.4 rem ; padding : 0 .2 rem ; box-sizing : border-box ; font-size : 1.2 rem ; color : #fff ; border-radius : .7 rem ; }
. filter-btn . filter-btn-a i . icon-gouwuche em { position : absolute ; top : 0 ; right : 0 ; display : block ; min-width : 1.3 rem ; height : 1.3 rem ; line-height : 1.3 rem ; padding : .1 rem .3 rem ; font-size : 1.1 rem ; border-radius : .8 rem ; box-sizing : border-box ; color : #fff ; }
. filter-btn . filter-btn-a em { display : block ; font-size : 1.1 rem ; margin-top : .1 rem ; color : #666 ; }
. filter-btn a . box-flex { margin : 0 .8 rem ; }
. filter-btn a . box-flex : last-of-type { margin-right : 0 ; margin-left : 0 ; }
/*筛选 - 三级菜单*/
. chilren-two label . active { color : #666 !important ; }
. chilren-two ul { background : #F6F6F9 ; }
. chilren-two ul li { padding : 1.3 rem ; border-bottom : 1 px solid #efefef ; }
. chilren-two ul li : last-of-type { border-bottom : 0 ; }
. chilren-two ul li a { display : block ; }
/*头部*/
. header-menu { height : 5 rem ; line-height : 5 rem ; padding-right : 2.6 rem ; }
. header-menu a { color : #fff ; }
. header-menu i { font-size : 2.6 rem ; }
. header-menu i . icon-back { padding-left : .3 rem ; font-size : 3.2 rem }
. header-menu i . icon-13caidan { }
. header-menu h3 { font-size : 2.2 rem ; text-align : center ; }
/*============================================================================================================================================================*/
/*首页-更多分类页*/
/*网页chang - end*/
. linear {
position : absolute ;
top : 0 ;
left : 0 ;
width : 100 % ;
height : 3rem ;
background : linear-gradient ( # 111 , transparent ) ;
opacity : 0 . 4 ;
z-index : 9 ;
}
. index-banner img {
width : 100 % ;
display : block ;
height : auto ;
}
. banner-search {
top : 0 ;
left : 0 ;
z-index : 999 ;
position : absolute ;
}
. search-left {
margin-left : 1rem ;
text-align : center ;
position : relative ;
font-size : 1rem ;
}
. search-left i {
font-size : 1 . 8rem ;
}
. search-left p , . search-left i {
color : # fff ;
}
. search-logo { overflow : hidden ; height : 2 rem ; width : 6.6 rem ; }
. search-logo img { height : 2 rem ; width : auto ; margin-right : 1 rem ; position : absolute ; top : 50 % ; margin-top : -1 rem ; }
. index-nav { padding-bottom : 1.6 rem ; padding-top : .6 rem ; }
. index-nav ul li { padding : 1.2 rem ; padding-top : 1 rem ; padding-bottom : 0 ; box-sizing : border-box ; }
. index-nav ul li img { width : 80 % ; height : auto ; }
. index-nav ul li p { height : 1.6 rem ; line-height : 1.6 rem ; }
. index-nav ul li a {
color : # 222222 ;
font-size : 1 . 2rem ;
}
. title h3 {
font-weight : normal ;
font-size : 1 . 7rem ;
}
. title h3 i {
font-size : 1 . 7rem ;
}
. title h3 em : first-of-type {
margin-left : 0 . 5rem ;
}
. title h3 em {
vertical-align : middle ;
font-size : 1 . 2rem ;
padding : 0 . 25rem ;
border-radius : 50 % ;
background : # 4f4f4f ;
}
. index-discount li {
border-right : 1px solid # F6F6F9 ;
border-bottom : 1px solid # F6F6F9 ;
padding : . 2rem ;
}
. index-discount img {
width : 100 % ;
height : auto ;
}
. index-discount p {
font-size : 1 . 3rem ;
text-align : center ;
color : # EC5151
}
. index-discount p del {
font-size : 1 . 1rem ;
color : # 888 ;
}
. recom-title {
line-height : 2rem ;
font-weight : 900 ;
font-size : 1 . 7rem ;
position : relative ;
}
. recom-title span {
font-size : 1 . 4rem ;
color : # 888 ;
font-weight : normal ;
}
. recom-title span . t-jiantou , . inx-ms span . t-jiantou { color : #999 ; top : 50 % ; position : absolute ; right : 0 ; margin-top : -.9 rem ; line-height : 2 rem ; }
. recom-title span . t-jiantou i , . inx-ms span . t-jiantou i { position : absolute ; width : 2 rem ; height : 2 rem ; line-height : 2 rem ; font-size : 2 rem ; }
. inx-ms-time { padding-top : .2 rem ; }
. inx-ms { position : relative ; }
. recom-list { padding : .4 rem ; box-sizing : border-box ; }
. recom-list li img {
width : 100 % ;
height : auto ;
}
. recom-list li {
border : 1px solid # F6F6F9 ;
text-align : center ;
margin : 0 . 3 % ;
width : 32 . 7 % ;
float : Left ;
display : inline-block ;
box-sizing : border-box ;
}
. index-name {
text-align : left ;
padding : 0 . 6rem ;
padding-top : 0 . 5rem ;
color : # 333 ;
font-size : 1 . 3rem ;
line-height : 1 . 6rem ;
height : 3 . 2rem ;
display : -webkit-box ;
-webkit-box-orient : vertical ;
-webkit-line-clamp : 2 ;
text-overflow : ellipsis ;
overflow : hidden ;
}
. index-price {
padding : 0 . 6rem ;
padding-top : 0 . 5rem ;
color : # ec5151 ;
font-size : 1 . 3rem ;
text-align : left ;
margin-bottom : 1rem ;
}
. index-price del {
font-size : 1 . 2rem ;
color : # 888 ;
padding-left : . 4rem ;
}
. recom-container , . brand-container {
border-top : 1px solid # F6F6F9 ;
overflow : inherit ;
}
. recom-container . swiper-container-horizontal > . swiper-pagination , . brand-container . swiper-container-horizontal > . swiper-pagination {
bottom : -1 . 8rem ;
}
. recom-container . swiper-pagination-bullet , . brand-container . swiper-pagination-bullet {
background : # ccc ;
opacity : 1 ;
}
. recom-container . swiper-pagination-bullet-active , . brand-container . swiper-pagination-bullet-active {
background : # ec5151 ;
opacity : 1 ;
}
. hot-container-div { padding : 0 1.8 rem ; position : relative ; }
. hot-container-div i { color : #bbb ; font-size : 1.4 rem ; position : absolute ; top : 50 % ; margin-top : -.7 rem ; left : .7 rem ; }
. hot-container-div i . icon-more { left : inherit ; right : .7 rem ; }
. hot-container . swiper-button-next , . hot-container . swiper-button-prev {
position : absolute ;
top : 50 % ;
color : # 444 ;
width : auto ;
opacity : . 3 ;
height : auto ;
margin-top : - . 9rem ;
text-align : center ;
background : none ;
}
. swiper-button-next . swiper-button-disabled , . swiper-button-prev . swiper-button-disabled { opacity : .2 ; }
. hot-container . swiper-button-next i , . hot-container . swiper-button-prev i { font-size : 1.6 rem ; }
. hot-container { padding : 0 .4 rem ; }
. hot-container . swiper-wrapper {
padding : 1rem 0 ;
box-sizing : border-box ;
height : 100 % ;
}
. hot-container { box-sizing : border-box ; }
. hot-container img {
width : 100 % ;
display : block ;
height : auto ;
}
. hot-container li . swiper-slide { box-sizing : border-box ; padding : .4 rem ; padding-right : 0 ; }
. brand-container { border-top : 1 px solid #F6F6F9 ; }
. brand-list { padding : 1 % ; box-sizing : border-box ; }
. brand-list > li {
box-sizing : border-box ;
padding : . 2rem ;
border : 1px solid # F6F6F9 ;
height : 100 % ;
margin : 0 . 3 % ;
float : left ;
width : 32 . 7 % ;
display : inline-block ;
}
. brand-list > li img { width : 100 % ; display : block }
. brand-list . ul-3 li { padding : .2 rem .1 rem ; box-sizing : border-box ; }
. brand-list > li . brand-logo {
box-sizing : border-box ;
padding : . 3rem ;
background : # fff ;
position : absolute ;
bottom : 5 % ;
left : 5 % ;
width : 50 % ;
height : 2 . 4rem ;
display : table-cell ;
}
. brand-list > li . brand-logo img { display : block ;
max-width : 100 % ;
max-height : 100 % ;
margin : 0 auto ;
width : initial ;
vertical-align : middle ;
}
. brand-list li . swiper-slide : first-child {
border : 1px solid # F6F6F9 ;
}
. brand-list li . box-flex { padding : .4 rem ; padding-right : 0 ; padding-bottom : 0 ; text-align : center ; }
. brand-list li . box-flex : first-of-type { padding-left : 0 ; }
. brand-list li . box-flex : last-of-type { padding-right : 0 ; }
. brand-img {
position : relative ;
}
. index-title {
color : # 333333 ;
font-size : 1 . 6rem ;
}
. index-more {
color : # 888 ;
font-size : 1 . 5rem ;
}
. index-more i {
color : # 888 ;
}
/*more*/
. menu-nav {
padding : 3rem 0 ;
background : # fff ;
position : fixed ;
width : 100 % ;
height : 100 % ;
overflow-y : scroll ;
top : 0 ;
left : 0 ;
bottom : 0 ;
}
. menu-nav li {
padding-bottom : 1rem ;
}
/*chang - end*/
. idx-padding { padding-bottom : 4 rem ; }
. idx-padding . recom-container . swiper-container-horizontal > . swiper-pagination , . brand-container . swiper-container-horizontal > . swiper-pagination { bottom : -2.6 rem ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
用户登录页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. user-center { margin-top : 2 rem ; font-size : 1.6 rem ; }
. user-center . t-remark { margin-top : 1.6 rem ; }
. user-center . btn-submit { margin-top : 2.2 rem }
. u-l-register { font-size : 1.6 rem ; text-align : center ; margin-top : 2.2 rem ; display : block ; }
/*第三方登录*/
. other-login ul { margin : 1 rem ; margin-top : 2 rem ; }
. other-login ul li { text-align : center ; }
. other-login ul li a { font-size : 1.4 rem ; color : #888 }
. other-login ul li span { display : block ; width : 5 rem ; height : 5 rem ; line-height : 5 rem ; border-radius : 50 % ; margin : 0 auto ; margin-bottom : .4 rem ; }
. other-login ul li span . qq { background : #36aaf4 }
. other-login ul li span . weixin { background : #2cbf19 ; }
. other-login ul li span . xinlang { background : #ec4353 ; }
. other-login ul li i { display : block ; color : #fff ; font-size : 3.4 rem ; }
. other-login ul li a : link { text-decoration : none !important ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
用户密码找回页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. user-forget-tel . t-remark2 , . user-forget-email . t-remark2 { margin-bottom : .4 rem }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
用户注册页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. user-register . swiper-slide { padding : 0 1.3 rem ; box-sizing : border-box ; }
. user-register . hd { padding : 0 3 rem ; margin-bottom : 1 rem ; font-size : 1.7 rem ; text-align : center ; border-bottom : 1 px solid #F3F4F9 ; }
. user-register . hd li { padding : 1 rem 0 ; height : 2.6 rem ; line-height : 2.6 rem ; display : block ; margin-bottom : -1 px ; position : relative ; }
. user-register . hd . active { color : #EC5151 ; border-bottom : 1 px solid #EC5151 ; }
. user-register . hd . active : after { content : " " ; position : absolute ; display : block ; width : 1 rem ; height : 1 rem ; border : 1 px solid #EC5151 ; border-right : 0 ; border-bottom : 0 ; -webkit- transform : rotate ( 45 deg ) ;
-moz-transform : rotate ( 45deg ) ;
-ms-transform : rotate ( 45deg ) ;
-o-transform : rotate ( 45deg ) ;
transform : rotate ( 45deg ) ; background : # fff ; left : 50 % ; margin-left : - . 5rem ; top : 50 % ; margin-top : 1 . 8rem ; }
. user-register . bd { padding-bottom : 1 rem !important ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
商品列表页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/*弹出层部分共用样式重写*/
. c-filter-div . filter-city { margin-top : 1 px ; }
. c-filter-div . select-one , . c-filter-div . select-two { margin-top : .7 rem ; }
. c-filter-div . price-range { padding-top : 0 ; }
/*商品分类页*/
. category-top . search { border-bottom : 1 px solid #e8e8e8 ; position : fixed ; left : 0 ; top : 0 ; right : 0 ; z-index : 1 ; background : #F6F6F9 }
. menu-right { position : fixed ; left : 0 ; top : 5.7 rem ; bottom : 0 ; overflow-y : scroll ; }
. menu-right # loading { left : 11 rem ; top : 6.7 rem ; }
. menu-left { background : #F6F6F9 ; position : fixed ; left : 0 ; top : 5.7 rem ; bottom : 0 ; }
. menu-left . swiper-scroll , . menu-right . swiper-scroll { min-height : 100 % ; max-height : 100 % ; width : 100 % ; overflow : hidden ; }
. menu-left ul li { padding : 1.3 rem .8 rem ; box-sizing : border-box ; font-size : 1.5 rem ; width : 8.6 rem ; text-align : center ; }
. menu-left ul li . active { background : #fff ; position : relative ; }
. menu-left ul li . active : before { content : " " ; position : absolute ; display : block ; width : 2 px ; height : 100 % ; background : #EC5151 ; top : 0 ; left : 0 ; }
. menu-right { background : #fff ; position : inherit ; margin-left : 8.6 rem ; margin-top : 5.7 rem ; right : 0 ; bottom : 0 ; left : 8.6 rem }
. menu-right h5 { font-size : 1.5 rem ; color : #666 ; margin-top : 1 rem ; margin-bottom : .4 rem ; }
. menu-right h5 : first-child { margin-top : 0 ; }
. menu-right ul { overflow : hidden ; }
. menu-right ul li { text-align : center ; }
. menu-right ul li a { display : block ; position : absolute ; left : .3 rem ; top : .7 rem ; bottom : .7 rem ; right : .3 rem ; }
. menu-right ul li : nth-child ( 3n + 1 ) a { left : 0 ; right : .7 rem ; }
. menu-right ul li : nth-child ( 3n ) a { right : 0 ; left : .7 rem ; }
. menu-right ul li span { display : block ; height : 2.6 rem ; line-height : 2.6 rem ; overflow : hidden ; text-align : center ; font-size : 1.4 rem }
. menu-right ul li img { width : 100 % ; height : auto ; }
. mune-no-img img { display : none }
. mune-no-img span { border : 1 px solid #efefef ; color : #555 ; border-radius : 4 px ; }
. category-top . menu-right { position : fixed ; left : 0 ; top : 0 ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
购物车页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. flow-no-cart . gwc-bg { height : 12 rem ; width : 12 rem ; line-height : 12 rem ; text-align : center ; display : block ; background : #DFE0E8 ; border-radius : 100 % ; margin : 0 auto ; margin-top : 6 rem }
. flow-no-cart i { font-size : 7 rem ; color : #fff ; }
. flow-no-cart p . t-remark { margin-top : 1.6 rem ; }
. flow-no-cart . btn-default { width : 30 % ; display : block ; margin : 0 auto ; margin-top : 1.6 rem ; }
. flow-no-cart . f-n-c-prolist { margin-top : 6 rem ; }
. flow-no-cart . f-n-c-prolist . swiper-slide { padding-top : .8 rem ; }
. flow-no-cart . f-n-c-prolist . swiper-slide : first-of-type { padding-left : .8 rem }
. flow-no-cart . f-n-c-prolist . swiper-slide : last-of-type { padding-right : .8 rem }
. flow-no-cart . f-n-c-prolist h3 . g-c-title-h3 { width : 100 % ; background : #fff ; border-bottom : 1 px solid #F6F6F9 }
. flow-have-cart . product-list-medium a . icon-flow-cart { display : block ; }
. flow-have-cart header em { font-size : 1.7 rem ; margin-top : .2 rem ; display : block ; padding-left : 1 rem ; }
. flow-have-cart . product-list-small { padding : 0 1.3 rem ; }
. flow-have-cart . product-list-small . p-t-remark { padding-top : .4 rem }
. flow-have-cart . product-list-small li { box-sizing : border-box ; border-bottom : 1 px solid #F6F6F9 }
. flow-have-cart . product-list-small li : last-of-type { border-bottom : none ; }
. flow-have-cart . product-list-small li > . dis-box { width : 100 % ; }
. flow-have-cart . product-list-small . ect-select { padding : 1.3 rem padding-left : 0 ; padding-top : 1.8 rem ; }
. flow-have-cart . product-list-small . product-div { padding : 1.3 rem 1 rem ; padding-top : 0 ; padding-right : 0 ; }
. flow-have-cart . product-list-small . product-div i . icon-xiao10 { position : absolute ; font-size : 1.8 rem ; color : #888 ; right : -.1 rem ; bottom : 1.3 rem ; }
. flow-have-cart . product-list-small . product-div : first-of-type { padding-top : 1.3 rem ; }
. flow-have-cart . product-list-small . product-div . p-d-img { position : relative ; overflow : hidden ; width : 9 rem ; height : 9 rem ; }
. flow-have-cart . product-list-small . product-div . p-d-img span { position : absolute ; font-size : 1.4 rem ; left : 1 px ; right : 0 ; bottom : 0 ; padding : .4 rem 0 ; text-align : center ; display : block ; background : rgba ( 0 , 0 , 0 , 0.6 ) ; color : #fff ; }
. flow-have-cart . product-list-small . product-div img { width : 100 % ; height : auto ; }
. flow-have-cart . product-list-small . product-text { margin-left : 10 rem ; height : auto ; padding-top : 0 ; }
. flow-have-cart . product-list-small . product-text h4 { position : relative ; height : 2 rem ; line-height : 2 rem ; display : block ; }
. flow-have-cart . product-list-small . product-text . t-first { font-size : 1.5 rem ; display : block ; margin-top : .2 rem ; }
. flow-have-cart . product-list-small . product-div-link { left : 1.3 rem }
. flow-have-cart . product-list-small . div-num { position : absolute ; z-index : 4 ; width : 8.6 rem ; }
. flow-have-cart . product-list-small . div-num a { width : 2.6 rem ; height : 2.6 rem ; }
. flow-have-cart . product-list-small . div-num input { height : 1.6 rem ; }
. flow-have-cart . div-num a . num-less : before , . flow-have-cart . div-num a . num-plus : before , . flow-have-cart . div-num a . num-plus : after { width : 1.2 rem ; margin-left : -.65 rem ; }
. flow-have-cart . g-promotion-con { padding-left : 3.4 rem ; clear : both ; padding-top : 1.3 rem ; margin-bottom : .4 rem ; box-sizing : border-box ; }
. flow-have-cart . g-promotion-con p span { line-height : 1.1 ; color : #555 }
. flow-have-cart . g-promotion-con . g-promotion-con-sh p { float : left ; clear : inherit ; display : inline-block ; }
. flow-have-cart . g-promotion-con . g-promotion-con-sh p : first-of-type { padding : .3 rem 0 ; }
. flow-have-cart . g-promotion-con . g-promotion-con-sh span { display : none ; }
. flow-have-cart . g-promotion-con p { margin-bottom : 0 ; }
. flow-have-cart . g-promotion-con i . icon-jiantou { margin-bottom : .4 rem ; }
. flow-have-cart . g-promotion-con span . g-p-c-promotion { display : none ; font-size : 1.6 rem ; }
. flow-have-cart . g-promotion-con . g-promotion-con-sh p : first-of-type { display : none ; }
. flow-have-cart . g-promotion-con . active span . g-p-c-promotion { display : inherit }
. flow-have-cart . g-promotion-con . active em . ec-promotion1 , . flow-have-cart . g-promotion-con . active span . g-p-c-text { display : none }
. flow-have-cart . g-promotion-con . active . g-promotion-con-sh p { float : inherit ; display : inherit ; }
. flow-have-cart . g-promotion-con . active . g-promotion-con-sh p : first-of-type { display : inherit ; }
. flow-have-cart . g-promotion-con . active . g-promotion-con-sh span { display : initial ; }
. flow-have-cart . g-promotion-con . active . g-promotion-con-sh i . icon-jiantou { -webkit- transform : rotate ( -180 deg ) ;
-moz-transform : rotate ( -180deg ) ;
-ms-transform : rotate ( -180deg ) ;
-o-transform : rotate ( -180deg ) ;
transform : rotate ( -180deg ) ; }
. flow-have-cart . g-promotion-con . active i . icon-jiantou { -webkit- transform : rotate ( -90 deg ) ;
-moz-transform : rotate ( -90deg ) ;
-ms-transform : rotate ( -90deg ) ;
-o-transform : rotate ( -90deg ) ;
transform : rotate ( -90deg ) ; }
a . a-accessories { color : #666 ; margin-top : .2 rem ; font-size : 1.7 rem ; display : block ; border-radius : 4 px ; }
. f-cart-filter-btn { font-size : 1.4 rem ; color : #666 ; }
. f-cart-filter-btn . btn-submit , . f-cart-filter-btn . btn-default { padding : .84 rem 1.2 rem ; width : auto ; }
. f-cart-filter-btn . ect-select { position : absolute ; top : 50 % ; margin-top : -1.1 rem ; }
. f-cart-filter-btn . heart { margin-right : 1.8 rem ; position : absolute ; top : 50 % ; margin-top : -1.8 rem ; right : 16 rem ; width : auto ; display : initial ; }
. f-cart-filter-btn . heart i { width : 2.2 rem ; height : 2.2 rem ; }
. f-cart-filter-btn . heart i { background-size : 100 % 4.4 rem ; }
. f-cart-filter-btn . heart em { font-size : 1.2 rem ; margin-top : 0 ; color : #999 ; }
. f-cart-filter-btn . heart . active em { color : #ec5151 }
. g-cart-filter-price { left : 7 rem ; right : 13 rem ; font-size : 1.5 rem ; top : 50 % ; margin-top : -1.6 rem ; position : absolute ; }
. g-cart-filter-price em , . g-cart-filter-price . t-first { line-height : 2 rem ; }
. g-cart-filter-price . t-remark { font-size : 1.3 rem ; }
. f-cart-filter-btn . ect-select label span { font-size : 1.4 rem ; margin-left : .4 rem }
. f-cart-filter-btn . span-bianji { width : 3 rem ; color : #999 ; display : block ; text-align : center ; margin-right : .9 rem ; margin-top : .2 rem ; }
. f-cart-filter-btn . span-bianji i . icon-bianji1 : before { font-size : 1.8 rem ; }
. f-cart-filter-btn . span-bianji em { display : block ; font-size : 1.2 rem ; margin-top : .2 rem ; }
. f-cart-filter-btn . g-cart-filter-bj { display : none ; }
. f-cart-filter-btn . active . g-cart-filter-price ,
. f-cart-filter-btn . active . g-cart-filter-sb { display : none ; }
. f-cart-filter-btn . active . g-cart-filter-bj { display : initial }
. f-cart-filter-btn . active . btn-submit ,
. f-cart-filter-btn . active . btn-default { padding : .84 rem 2 rem ; width : auto ; }
. f-cart-filter-btn . active . btn-default { margin-right : 1 rem ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
订单提交页
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. flow-checkout-adr { background : #fff url ( ../img/flow_check_03.png ) bottom left repeat-x ; background-size : 8 rem auto ; font-size : 1.7 rem ; position : relative ; padding-top : 1.6 rem ; padding-bottom : 2 rem ; padding-right : 3 rem ; position : relative ; }
. flow-checkout-adr a { position : absolute ; left : 0 ; top : 0 ; right : 0 ; bottom : 0 ; }
. flow-checkout-adr . t-jiantou { position : absolute ; right : 1.3 rem ; top : 50 % ; margin-top : -.8 rem ; }
. flow-no-adr i . icon-dingwei { margin-right : .6 rem ; font-size : 1.8 rem ; }
. flow-have-adr . f-h-adr-title p { margin-right : 1 rem ; font-size : 1.8 rem ; }
. flow-have-adr . f-h-adr-title em { font-size : 1.6 rem ; }
. flow-checkout-pro . product-list-small . p-t-remark { margin-top : 0 ; padding-top : 0 ; height : initial ; }
. flow-checkout-pro . product-list-small . p-price { font-size : 1.5 rem ; }
. flow-checkout-pro . product-text p { padding : 0 ; }
. flow-checkout-pro . g-r-rule { margin-top : .4 rem ; }
. flow-checkout-pro header , . flow-checkout-pro-1 header , . flow-checkout-pro footer { font-size : 1.8 rem ; }
. flow-checkout-pro . product-list-small { padding : 0 1.3 rem ; }
. flow-checkout-pro . product-list-small ul li { padding-bottom : 0 ; }
. flow-checkout-pro . product-list-small . product-div { padding : 1.3 rem 0 ; border-bottom : 1 px solid #F6F6F9 }
. flow-checkout-pro . product-list-small ul li : last-of-type . product-div { border-bottom : 0 ; }
. flow-checkout-pro . f-c-p-orderid { padding-bottom : 0 ; position : relative ; }
. flow-checkout-pro . f-c-p-orderid . t-jiantou { display : initial ; padding-left : 0 ; }
. flow-checkout-smallpic { overflow : hidden ; padding-top : 1.3 rem ; margin-bottom : 1.3 rem }
. flow-checkout-smallpic li { margin-left : 1 rem ; float : left ; width : 29 % !important ; text-align : center ; }
. flow-checkout-smallpic li img { width : 100 % !important ; }
. flow-checkout-smallpic li : first-of-type { margin-left : 0 ; }
. f-c-sp-more { font-size : 1.4 rem ; position : relative ; box-sizing : border-box ; }
. flow-checkout-pro . flow-checkout-bigpic { display : none ; }
. flow-checkout-pro span . t-jiantou { display : block ; padding-left : 1 rem ; margin-top : 3.3 rem ; }
. flow-checkout-pro . active span . t-jiantou i { -moz- transform : rotate ( -90 deg ) ;
-webkit-transform : rotate ( -90deg ) ;
-ms-transform : rotate ( -90deg ) ;
-o-transform : rotate ( -90deg ) ;
transform : rotate ( -90deg ) ; }
. flow-checkout-pro . active . f-c-a-count { display : none ; }
. flow-checkout-pro . active . flow-checkout-smallpic { display : none ; }
. flow-checkout-pro . active . flow-checkout-bigpic { display : block }
. flow-checkout-pro footer h4 { margin-top : .37 rem ; }
. flow-checkout-pro footer . ect-button-more button , . flow-checkout-pro footer . ect-button-more a { padding : .3 rem .8 rem ; font-size : 1.6 rem ; width : auto ; }
. flow-checkout . product-list-small . product-text { overflow : auto ; height : auto ; }
. f-checkout-filter-btn . order-checkout-text { text-align : center ; font-size : 1.7 rem ; height : 4 rem ; width : 100 % ; display : block ; }
/*配送时间*/
. distribution-time { padding : 0 ; position : relative ; }
. distribution-time-con { font-size : 1.4 rem ; position : relative ; }
. distribution-time-con i . icon-rili { font-size : 2.4 rem ; position : absolute ; right : 0 ; top : 50 % ; margin-top : -1.3 rem ; }
. distribution-time label , . distribution-time span { margin-right : .6 rem ; }
. distribution-time # txt_area2 { width : 100 % ; border : 0 ; text-align : right ; padding-right : 3 rem ; box-sizing : border-box ; color : #333 ; font-size : 1.5 rem ; }
. distribution-time . icon-rili { position : absolute ; font-size : 3 rem ; right : 0 ; left : 0 ; top : 50 % ; margin-top : -2 rem ; }
/*选择*/
. flow-checkout-select { padding-top : 0 ; padding : 0 1.3 rem ; }
. flow-checkout-select > ul { border-top : 1 px solid #F6F6F9 ; }
. flow-checkout-select > ul > li { padding : 1.3 rem 0 ; border-bottom : 1 px solid #F6F6F9 ; }
. flow-checkout-select > ul > li . f-c-select-msg { border-bottom : 0 ; padding-bottom : 0 ; }
. f-c-select-price { padding-top : .6 rem ; padding-bottom : 1.5 rem ; font-size : 1.6 rem ; }
/*总价*/
. flow-checkout-tprice ul li { padding-bottom : 0 ; font-size : 1.5 rem ; }
. flow-checkout-tprice ul li : last-of-type { padding-bottom : 1.3 rem ; }
. flow-checkout-tprice header { font-size : 1.7 rem ; }
/*悬浮菜单*/
. f-checkout-filter-btn span { margin-right : 1 rem ; font-size : 1.6 rem ; box-sizing : border-box ; padding-top : .8 rem ; }
. f-checkout-filter-btn span em { font-size : 1.9 rem ; }
. f-checkout-filter-btn . btn-submit , . f-checkout-filter-btn . btn-default { width : auto ; padding : .84 rem 1.2 rem ; display : inline-block ; }
. s-g-list-con { overflow : hidden ; max-height : 20 rem ; }
. s-g-list-con ul li { padding : 0 ; }
. swiper-scroll { position : relative ; }
. s-g-attr-con . swiper-wrapper , . goods-big-service . swiper-wrapper , . s-g-list-con . swiper-wrapper , . goods-show-con . swiper-wrapper , . menu-left . swiper-wrapper { display : block ; }
. menu-right . swiper-wrapper , . menu-right . swiper-slide { }
. f-c-s-coupon { position : relative ; }
. f-c-s-coupon a { position : absolute ; left : 0 ; top : 0 ; bottom : 0 ; right : 0 ; }
/*弹出时间层*/
. show-time-con . ect-select label span { font-size : 1.5 rem ; }
. s-time-con-btn a { margin-left : 1 rem ; font-size : 1.5 rem ; }
. s-time-con-btn a . s-time-clsoe { color : #777 ; }
/*订单提交优惠券页面*/
. flow-coupon { overflow : hidden ; }
. flow-coupon . flow-couon-list { padding-bottom : 0 ; position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
bottom : 8rem ; }
. flow-coupon . ect-button-more { position : absolute ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : # fff ;
border-top : 1px solid # efefef ; }
. big-remark-all { position : relative ; }
. big-remark-all h4 { font-size : 1.3 rem ; }
. big-remark-all p { font-size : 1.1 rem ; }
. big-remark-all . remark-all { width : 10 rem ; /*display:table-cell; vertical-align: middle; height:100%;*/ }
. big-remark-all . b-r-a-price { font-size : 2.6 rem ; }
. big-remark-all . ect-select , . big-remark-all . t-jiantou { position : absolute ; right : 1 rem ; top : 50 % ; margin-top : -1.2 rem ; }
. big-remark-all . t-jiantou { margin-top : .7 rem ; }
. big-remark-all . dis-box . padding-all { padding-right : 2.6 rem ; }
. big-remark-all . remark-out { height : 0 ; color : #fff ; position : absolute ; line-height : 1.5 rem ;
right : -1 . 5rem ; top : . 6rem ; z-index : 1 ;
-webkit-transform : rotate ( 45deg ) ;
-moz-transform : rotate ( 45deg ) ;
-ms-transform : rotate ( 45deg ) ;
-o-transform : rotate ( 45deg ) ;
transform : rotate ( 45deg ) ;
font-size : . 8rem ;
text-align : center ;
width : 2 . 4rem ;
border-bottom : 1 . 5rem solid # ec5151 ;
border-left : 1 . 5rem solid transparent ;
border-right : 1 . 5rem solid transparent ; }
/*收货地址列表*/
. flow-consignee-list . flow-checkout-adr { background : #fff ; padding-bottom : 1.6 rem ; }
. flow-consignee-list . flow-checkout-adr { padding : 0 ; }
. flow-consignee-list . flow-checkout-adr a { position : static ; font-size : 1.5 rem ; color : #777 ; margin-left : 1 rem ; }
. flow-consignee-list . flow-checkout-adr a i { font-size : 1.9 rem ; margin-right : .8 rem ; }
. flow-consignee-list . flow-have-adr { padding : 2 rem 1.6 rem ; }
. flow-set-adr { border-bottom : 1 px solid #F6F6F9 ; font-size : 1.3 rem ; }
. flow-set-adr . ect-select label span { font-size : 1.5 rem ; color : #666 }
/*填写-修改收货人信息*/
. flow-consignee { margin-top : 2 rem ; }
/*选择收货人信息*/
. flow-get-consignee . flow-checkout-adr { position : relative ; }
. flow-get-consignee . flow-checkout-adr i . icon-gou { font-size : 2.2 rem ; color : #ec5151 ; position : absolute ; top : 50 % ; right : 1.3 rem ; margin-top : -1.4 rem ; display : none ; }
. flow-get-consignee . flow-checkout-adr . active { padding-right : 3.4 rem ; }
. flow-get-consignee . flow-checkout-adr . active i . icon-gou { display : initial }
. c-city-div . con-filter-div . filter-btn { left : 100 % ; }
. show-city-div . c-city-div . con-filter-div . filter-btn { left : 0 ; }
. c-city-div . menu-left { position : absolute ; top : 0 ; overflow-y : scroll ; }
. c-city-div . menu-right { position : absolute ; left : 8.6 rem ; top : 0 ; right : 0 ; bottom : 0 ; overflow-y : scroll ; margin : 0 ; }
. c-city-div . menu-right . select-title { font-size : 1.5 rem ; }
. c-city-div . menu-right . ect-select label { padding : 1.2 rem 0 ; }
. c-city-div . menu-right . j-menu-select { border-top : 1 px solid #F6F6F9 ; }
. j-get-city-one { border-bottom : 1 px solid #F6F6F9 ; margin-top : 0 !important ; }
/*发票*/
. filter-receipt-div . con-filter-div , . filter-coupon-div . con-filter-div { left : 0 ; }
. flow-receipt-type header , . flow-receipt-title header , . flow-receipt-cont header { font-size : 1.7 rem ; }
. flow-receipt-type-con , . flow-receipt-cont-con { padding : 0 1.3 rem ; font-size : 1.5 rem ; }
. flow-receipt-type-con ul , . flow-receipt-cont-con ul { border-top : 0 ; }
. flow-receipt-type-con ul li { background : #fff ; border-bottom : 1 px solid #F6F6F9 ; padding-left : 0 ; padding-right : 0 ; }
. flow-receipt-title header { padding-bottom : 0 ; }
. flow-receipt-title-con { padding : 0 1.3 rem ; }
. flow-receipt-title-con . text-all { border-bottom : 0 ; }
. f-c-receipt . t-jiantou { margin-top : 1 rem ; display : block ; }
. f-c-receipt label { padding-top : .8 rem ; }
. f-c-receipt p . receipt-title { font-size : 1.5 rem ; }
. f-c-receipt p . receipt-name { font-size : 1.4 rem ; color : #666 ; }
/*自提点*/
. flow-site { bottom : 0 ; left : 0 ; right : 0 ; top : 0 ; position : absolute ; overflow-y : hidden }
. flow-site . filter-btn { position : static ; }
. flow-site ul li . ect-select label { position : relative ; padding-right : 3.4 rem ; }
. flow-site ul li h4 { font-size : 1.8 rem ; color : #444 ; }
. flow-site . active h4 { color : #ec5151 }
. flow-site ul li label i . icon-gou { position : absolute ; right : 0 ; top : 50 % ; margin-top : -.7 rem ; }
/**/
. flow-done-con { margin-top : 5 rem ; text-align : center ; }
. flow-done-con i { color : #ec5151 ; display : block ; font-size : 12 rem ; }
. flow-done-con i . icon-qian { color : #EFCE0C ; }
. flow-done-con i . icon-hookring2 { color : #3ec074 ; }
. message . flow-done-con p { font-size : 1.7 rem ; color : #777 ; margin-top : 1.7 rem ; }
. flow-done-con { color : #555 ; font-size : 1.7 rem ; }
. flow-done-con . flow-done-price { font-size : 3 rem ; }
. flow-done-id { margin-top : 1 px ; }
. flow-done-all { margin-top : 3 rem ; }
. flow-done-id i . icon-more { font-size : 1.7 rem ; color : #999 ; }
. flow-done-id label , . flow-done-id span { height : 2 rem ; line-height : 2 rem ; font-size : 1.6 rem ; }
. flow-done-other { text-align : center ; }
. flow-done-other a { color : #888 ; font-size : 1.6 rem ; }
. message-a { text-align : center ; font-size : 1.6 rem ; color : #888 ; }
. message-a a { color : #999 ; margin-left : 2 rem ; }
. message-a a : first-of-type { margin-left : 0 ; }
/*悬浮菜单*/
. filter-menu , . filter-top { position : fixed ; right : 1.6 rem ; bottom : 6.6 rem ; z-index : 10 ; }
. filter-top { display : none ; }
. filter-menu . active { left : 1.6 rem ; }
. filter-menu-title { width : 4.6 rem ; height : 4.6 rem ; border-radius : 100 % ; background : #ec5151 ; opacity : .8 ; position : relative ; float : right ; }
. filter-menu-title : before ,
. filter-menu-title : after { content : " " ; display : block ; width : 1 px ; height : 2.6 rem ; background : #fff ; position : absolute ; left : 50 % ; margin-left : -1 px ; top : 50 % ; margin-top : -1.3 rem ; -webkit- transition : all .5 s ; -moz- transition : all .5 s ; -o- transition : all .5 s ; transition : all .5 s ; }
. filter-menu-title : after { -moz- transform : rotate ( -90 deg ) ; -webkit- transform : rotate ( -90 deg ) ; -ms- transform : rotate ( -90 deg ) ; -o- transform : rotate ( -90 deg ) ; transform : rotate ( -90 deg ) ; }
. filter-menu-list { background : rgba ( 0 , 0 , 0 , 0.8 ) ; height : 4.6 rem ; border-radius : 2.3 rem ; position : absolute ; right : 0 ; width : 0 ; opacity : 0 ; }
. filter-menu-list ul { height : 4.6 rem ; margin-left : .8 rem ; }
. filter-menu-list ul li { margin : 0 .2 rem ; padding : 0 .4 rem ; color : #fff ; text-align : center ; padding : .3 rem 0 ; }
. filter-menu-list ul li i { font-size : 1.6 rem ; }
. filter-menu-list ul li em { display : block ; font-size : 1.2 rem ; }
. filter-menu-list ul li . w { width : 4.6 rem ; }
. filter-nenu-cart { position : relative ; }
. filter-nenu-cart span { position : absolute ;
top : . 3rem ;
left : 50 % ;
margin-left : - . 2rem ;
height : 1 . 2rem ;
min-width : 1 . 2rem ;
line-height : 1 . 2rem ;
padding : 0 . 2rem ;
box-sizing : border-box ;
font-size : 1rem ;
color : # fff ;
background : # EC5151 ;
border-radius : 6rem ; }
. filter-menu . active . filter-menu-title { opacity : 1 ; }
. filter-menu . active . filter-menu-list { left : 0 ; right : 0 ; width : inherit ; opacity : 1 ; }
. filter-menu . active . filter-menu-title : before , . filter-top : before { -moz- transform : rotate ( -45 deg ) ; -webkit- transform : rotate ( -45 deg ) ; -ms- transform : rotate ( -45 deg ) ; -o- transform : rotate ( -45 deg ) ; transform : rotate ( -45 deg ) ; }
. filter-menu . active . filter-menu-title : after , . filter-top : after { -moz- transform : rotate ( -135 deg ) ; -webkit- transform : rotate ( -135 deg ) ; -ms- transform : rotate ( -135 deg ) ; -o- transform : rotate ( -135 deg ) ; transform : rotate ( -135 deg ) ; }
. filter-top { width : 4.6 rem ; height : 4.6 rem ; text-align : center ; line-height : 4.6 rem ; background : rgba ( 0 , 0 , 0 , 0.5 ) ; border-radius : 100 % ; bottom : 12 rem ; right : 1.6 rem ; left : inherit }
. filter-top . icon-jiantou { position : absolute ; left : 0 ; right : 0 ; font-size : 2 rem ; color : #fff ; -moz- transform : rotate ( 90 deg ) ; -webkit- transform : rotate ( 90 deg ) ; -ms- transform : rotate ( 90 deg ) ; -o- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
店铺街
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/*店铺街首页*/
. goods-shop-info { position : relative ; }
. g-s-info-add { margin-top : 1.6 rem ; margin-left : .8 rem ; }
. g-s-info-add a { padding : .3 rem .8 rem ; border : 1 px solid #ec5151 ; font-size : 1.4 rem ; color : #ec5151 ; border-radius : 4 px ; position : relative ; z-index : 2 ; }
. g-s-info-add a . active { background : #ec5151 ; color : #fff ; }
. goods-photo-auto { height : auto ; }
. shopping-list-nav { padding : 1.4 rem 0 ; box-sizing : border-box ; overflow : hidden ; z-index : 12 ; }
. shopping-list-nav ul li { padding : 0 1.4 rem ; color : #666 ; font-size : 1.6 rem ; width : auto ; }
. shopping-list-nav ul li . active { color : #ec5151 ; position : relative ; }
. shopping-list-nav ul li . active : after { content : " " ; position : absolute ; left : 0 ; right : 0 ; bottom : -1.4 rem ; height : 1 px ; background : #ec5151 ; z-index : 2 ; }
. shopping-nav-select { width : 4.6 rem ; text-align : center ; position : relative ; }
. shopping-nav-select i . icon-jiantou : before { -webkit- transform : rotate ( -90 deg ) ;
-moz-transform : rotate ( -90deg ) ;
-ms-transform : rotate ( -90deg ) ;
-o-transform : rotate ( -90deg ) ;
transform : rotate ( -90deg ) ; font-size : 2rem ; position : absolute ; color : # 777 ; left : 50 % ; margin-left : -1 . 1rem ; margin-top : 1 . 2rem ; }
. shopping-menu { position : relative ; top : 0 ; left : 0 ; right : 0 ; z-index : 10 ; border-bottom : 1 px solid #efefef ; }
. shopping-abs { position : absolute ; overflow : hidden ; top : 4.8 rem ; visibility : hidden ; padding : 1.3 rem ; min-height : 10 rem ; max-height : 20 rem ; left : 0 ; right : 0 ; border-top : 1 px solid #efefef ; background : #F6F6F9 ; z-index : 10 ; }
. shopping-abs . swiper-scroll { min-height : 10 rem ; max-height : 20 rem ; /*overflow: hidden;*/ }
. shopping-abs a { float : left ; display : block ; padding : .5 rem .8 rem ; font-size : 1.4 rem ; color : #555 ; background : #fff ; border-radius : 4 px ; margin : 0 1.3 rem 1.3 rem 0 ; }
. shopping-abs a . active { background : #ec5151 ; color : #fff ; }
. shopping-menu . active . shopping-abs { visibility : visible ; }
. shopping-menu . active . shopping-menu-close { position : absolute ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; z-index : 13 ; }
. shopping-menu . active . shopping-nav-select . icon-jiantou : before { -webkit- transform : rotate ( 90 deg ) ;
-moz-transform : rotate ( 90deg ) ;
-ms-transform : rotate ( 90deg ) ;
-o-transform : rotate ( 90deg ) ;
transform : rotate ( 90deg ) ; }
. j-shopping-list . active . j-shopping-menu { position : fixed ; z-index : 18 ; top : 0 ; }
/*店铺街详情*/
. shopping-info { margin-bottom : 5.2 rem ; }
. shopping-info-nums { padding : 1.2 rem 0 ; }
. shopping-info-nums h4 { font-size : 2 rem ; }
. search . n-input-text input { padding-left : 1 rem ; }
. shopping-info-title { height : 13 rem ; position : relative ; }
. shopping-info-title . g-s-i-img { background : #fff ; box-sizing : border-box ; }
. shopping-info-title img . bg { height : 13 rem ; width : 100 % ; }
. s-i-title-con { position : absolute ; padding : 0 1.3 rem ; height : 7 rem ; left : 0 ; right : 0 ; top : 50 % ; margin-top : -3.5 rem ; }
. s-i-title-con . g-s-info-add { margin-top : 1.3 rem ; }
. s-i-title-con . g-s-i-title { color : #fff ; margin-top : 1.3 rem ; }
. s-i-title-con . g-s-i-title . t-remark { color : #eee ; }
. s-i-title-img { width : 7 rem ; height : 7 rem ; padding : .4 rem ; box-sizing : border-box ; background : #fff ; }
. s-i-title-img img { width : 100 % ; height : auto ; }
. shopping-info-hot h3 { font-size : 1.8 rem ; padding : 1.3 rem ; }
. shopping-list-more { text-align : center ; border-top : 1 px solid #F6F6F9 ; }
. shopping-list-more a { font-size : 1.6 rem ; color : #888 ; display : block ; }
. b-menu-fixed { background : #fff ; position : fixed ; bottom : 0 ; left : 0 ; right : 0 ; border-top : 1 px solid #F6F6F9 ; color : #444 ; font-size : 1.6 rem ; z-index : 11 ; }
. b-menu-fixed ul li { padding : 1.4 rem 0 ; border-right : 1 px solid #F6F6F9 ; position : relative ; }
. b-menu-fixed ul li . icon-caidan { color : #999 ; margin-right : .4 rem ; font-size : 1.6 rem ; }
. b-menu-fixed ul li : last-of-type { border-right : 0 ; }
. b-menu-fixed ul li . active . children-ul { display : block }
. b-menu-fixed . children-ul { position : absolute ; bottom : 100 % ; margin-bottom : 1 px ; border : 1 px solid #F6F6F9 ; border-bottom : 0 ; left : -1 px ; right : -1 px ; background : #fff ; z-index : 12 ; display : none ; }
. b-menu-fixed . children-ul li { padding : 0 ; border-bottom : 1 px solid #F6F6F9 ; border-right : 0 ; }
. b-menu-fixed . children-ul li : last-of-type { border-bottom : 0 ; }
. b-menu-fixed . children-ul a { display : block ; height : 4.5 rem ; line-height : 4.5 rem ; box-sizing : border-box ; color : #666 ; padding : 0 .6 rem ; }
. shopping-about-icon . p-top { padding-top : .4 rem ; }
. shopping-about-icon span . t-jiantou { padding-right : 0 ; }
. shopping-about-icon span . t-jiantou . iconfont { font-size : 2.4 rem ; position : relative ; color : #888 }
. show-temark-div { display : none ; }
. show-temark-div img { width : 14 rem ; height : 14 rem ; position : fixed ; display : block ; left : 50 % ; top : 50 % ; margin-left : -7 rem ; margin-top : -7 rem ; height : auto ; z-index : 12 ; }
. show-temark-div . show { display : inherit ; }
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
* 用户中心
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/*shi - star*/
/*用户中心*/
. my-user-box { padding-bottom : 1.6 rem ; padding-top : 1.6 rem ; }
. user-admin-size { font-size : #555 ; font-size : 1.9 rem }
. g-s-i-title-a { margin-left : 1.3 rem ; margin-top : 1.35 rem ; }
. user-right-maxbox , . my-user-box , . user-ing-list li { position : relative ; z-index : 1 ; }
. my-dingdan li { position : relative ; }
. user-bg2-box { position : absolute ; z-index : -1 ; }
. email-box , . user-bg-box , . user-list-num { position : absolute ; }
. my-user-box , . my-bottom { border-bottom : 1 px solid #F6F6F9 ; }
. my-admin-header-box { background : url ( ../img/uer_header_bg.png ) ; background-repeat : no-repeat ; background-size : cover ; }
. user-head-img-box img , . user-bg-box img , . user-bg2-box , . user-bg-box-1 img , . user-bg2-box-1 img { width : 100 % ; height : auto ; display : block ; border-radius : 100 % ; }
. is-shezi , . my-dingdan-color { color : #EC5151 ; }
. user-head-img-box { width : 6.25 rem ; height : 6.25 rem ; border-radius : 4 rem ; overflow : hidden ; border : 3 px solid #eeeeee ; }
. is-youxiang , . my-img-size { font-size : 2.4 rem ; color : #555 ; }
. is-youxiang { padding : 0.2 rem ; color : #999999 ; height : 3 rem ; line-height : 3 rem ; float : right ; }
. my-user-right-cont { float : left ; margin-left : 0.3 rem ; }
. user-right-box { padding-top : 4.6 rem ; }
. is-shezi { font-size : 1.8 rem ; padding-top : 0.15 rem ; }
. my-t-remark { font-size : 1.5 rem ; }
. user-nav-box a { border-left : 1 px solid #F6F6F9 ; }
. user-nav-box a : first-child { border : none ; }
. g-s-i-title-1 h4 { font-size : 2 rem ; color : #555555 ; }
. g-s-i-title-1 { padding : 1.2 rem 0 }
. email-box { width : 0.8 rem ; height : 0.8 rem ; background : #EC5151 ; border-radius : 0.4 rem ; right : 0 rem ; top : 0.6 rem ; }
. user-ing-list { padding : 1.8 rem 1.3 rem ; }
. user-list-num { background : #EC5151 ; box-sizing : border-box ; border-radius : .9 rem ; left : 50 % ; margin-left : .2 rem ; top : -0.35 rem ; color : #fff ; font-size : 1.3 rem ; min-width : 1.8 rem ; padding : 0 .4 rem ; height : 1.8 rem ; line-height : 1.8 rem ; }
. is-user-size { font-size : 2.1 rem ; margin-right : 0.6 rem ; }
. my-title-size h3 { font-size : 1.7 rem }
. my-u-title-size { font-size : 1.7 rem ; color : #333 ; }
. my-qianbao-color { color : #f6d036 ; }
. my-fengxiang-color { color : #28aefb ; }
. my-shijian-color { color : #2be27d ; }
. is-xiao10 { font-size : 1.7 rem ; color : #888 ; padding-right : 0.5 rem ; }
. my-record { padding-top : 1.3 rem ; }
. jian-top { margin-top : 0.3 rem ; color : #777 ; }
. q-title { color : #888 ; ; font-size : 1.4 rem }
. user-bg-box { right : 0 rem ; width : 4.8 rem ; top : 2.4 rem ; }
. user-bg2-box { left : 1 rem ; bottom : 1 rem ; width : 2.8 rem ; }
. user-reg-top { padding-top : 0.25 rem }
. g-s-i-title-2 { padding : 1.8 rem 0 ; }
/*聊天*/
. user-consult { margin-bottom : 8 rem ; }
. user-consult span { font-size : 1.2 rem ; color : #888 ; margin-left : .8 rem ; }
. my-cons-box { padding-bottom : 6 rem ; }
. cons-head-img-box { background : #e7e8ef ; border-radius : 100 % ; width : 4.6 rem ; height : 4.6 rem ; overflow : hidden ; margin-right : 1 rem ; }
. cons-head-img-boxr { margin-right : 0 ; margin-left : 1 rem ; }
. cons-head-img-box img { width : 100 % ; }
. c-kefu-size { line-height : 4.6 rem ; color : #a6a6a6 ; font-size : 2.6 rem ; }
. box-flex-1 , . box-flex-2 { width : 4.87 rem ; }
. cons-admin { color : #666 ; font-size : 1.3 rem ; }
. cons-cont , . cons-cont-1 { border-radius : 0.5 rem ; padding : 1 rem ; word-break : break-all ; font-size : 1.5 rem ; position : relative ; }
. cons-cont { background : #ec5151 ; color : #fff ; }
. cons-cont-1 { background : #e7e8ef ; color : #333 ; }
. cons-cont : before , . cons-cont-1 : after { content : " " ; display : block ; position : absolute ; width : .8 rem ; height : .8 rem ; top : .6 rem ;
transform : rotate ( 45deg ) ; -ms-transform : rotate ( 45deg ) ; -webkit-transform : rotate ( 45deg ) ; -o-transform : rotate ( 45deg ) ; -moz-transform : rotate ( 45deg ) ; }
. cons-cont : before { left : -.4 rem ; background : #EC5151 ; }
. cons-cont-1 : after { right : -.4 rem ; background : #e7e8ef ; }
. cons-list li { position : relative ; }
. cons-zhisi-img { left : -0.3 rem ; background : #ec5151 ; }
. cons-zhisi-img , . cons-zhisi-img-2 { width : 0.8 rem ; height : 0.8 rem ; position : absolute ; top : 2.8 rem ; transform : rotate ( 45 deg ) ; -ms- transform : rotate ( 45 deg ) ; -webkit- transform : rotate ( 45 deg ) ; -o- transform : rotate ( 45 deg ) ; -moz- transform : rotate ( 45 deg ) ; }
. cons-zhisi-img-2 { right : -0.3 rem ; background : #e7e8ef ; }
. cons-list { margin-top : 2 rem ; }
. fooer-box { background : #e7e8ef ; position : fixed ; width : 100 % ; bottom : 0 ; padding : 1 rem 1 rem ; }
. cons-input-box { background : #fff ; height : 3 rem ; border-radius : 0.6 rem ; }
. box-flex-3 { width : 5 rem ; }
. user-cons-input-cont input { margin-top : 0.6 rem ; font-size : 1.7 rem ; text-align : left ; float : left ; padding-left : 0.5 rem ; }
. user-top12 { padding-top : 2 rem ; }
. consult-filter-btn { background : #fff ; }
. consult-filter-btn . text-all { padding : 0 ; }
. consult-filter-btn . box-flex { border-radius : 4 px ; overflow : hidden ; background : #fff ; }
. consult-filter-btn input { width : 100 % ; padding : 0.8 rem 1 rem ; height : 2 rem ; font-size : 1.4 rem ; }
. consult-filter-btn . btn-submit { height : 3.6 rem ; line-height : 3.6 rem ; padding : 0 .8 rem ; display : block ; width : 5.6 rem ; border-radius : 4 px ; margin-left : .8 rem ; }
/*用户订单*/
. flow-checkout-pro . active span . n-t-jiantou i { -moz- transform : rotate ( -180 deg ) ;
-webkit-transform : rotate ( -180deg ) ;
-ms-transform : rotate ( -180deg ) ;
-o-transform : rotate ( -180deg ) ;
transform : rotate ( -180deg ) ; }
. user-order . flow-checkout-smallpic { padding-top : 0 ; margin-bottom : 0 ; }
. user-order . tab-title { position : fixed ; top : 0 ; left : 0 ; right : 0 ; z-index : 11 ; }
/*资料设置*/
. user-head-img-box-1 img { width : 4.5 rem ; height : 4.5 rem ; border-radius : 2.5 rem ; border : 2 px solid #eee ; }
. s-user-img { line-height : 5.2 rem ; }
. s-xian-box { border-bottom : 1 px solid #F6F6F9 ; }
. s-user-top-1 { padding : 1.3 rem 0 }
. s-user-top { padding : 0 1.3 rem ; position : relative ; }
. jian-top-1 { position : absolute ; top : 1.5 rem ; }
. user-bg-box-1 , . user-bg2-box-1 { position : absolute ; width : 3.8 rem ; }
. user-bg-box-1 { right : 0 ; top : 1 rem ; }
. user-bg2-box-1 { bottom : 0 ; left : 1 rem ; }
. updata-top { padding-top : 3 rem ; }
. g-s-i-title-3 . active { color : #3fc6ff ; }
. g-s-i-title-3 . sex-nv . active { color : #f36ab7 ; }
. my-sex-size { font-size : 6.5 rem ; }
. g-s-i-title-3 { padding : 2.8 rem 0 ; }
. sex-default-color a { color : #b2b2b2 ; position : relative ; }
. sex-default-color input { position : absolute ; top : -4.5 rem ; left : -16 % ; width : 9 rem ; height : 12 rem ; opacity : 0 }
/*修改用户名*/
. a-bg-box { position : fixed ; width : 100 % ; background : #fff ; z-index : 5 ; top : 0 ; right : -110 % ; bottom : 0 ; -moz- transition : 0.5 s ease ; -o- transition : 0.5 s ease ; -webkit- transition : 0.5 s ease ; }
. a-bg-box . current { right : 0 % ; box-sizing : border-box ; }
. my-sex-box { position : fixed ; width : 100 % ; background : #fff ; z-index : 5 ; top : 0 ; right : -110 % ; bottom : 0 ; -moz- transition : 0.5 s ease ; -o- transition : 0.5 s ease ; -webkit- transition : 0.5 s ease ; }
. my-sex-box . current { right : 0 % ; box-sizing : border-box ; }
/*银行卡*/
. card-list { width : 100 % ; position : relative }
. card-list . icon-xiao10 { position : absolute ; font-size : 1.8 rem ; right : 0 ; bottom : 0 ; color : #888 ; }
/*shi - end*/
/*chang star*/
. main {
width : 100 % ;
box-sizing : border-box ;
overflow : hidden ;
margin : 0 auto ;
min-width : 320px ;
}
. wallet-input {
width : 100 % ;
height : 100 % ;
}
. card-div {
line-height : 2rem ;
padding-right : 1 . 6rem ;
}
. card-div : last-of-type { border-bottom : 0 ; }
. card-div p {
font-size : 1 . 7rem ;
line-height : 2 . 2rem ;
color : # 333333 ;
}
. card-div p span {
margin-left : 0 . 5rem ;
}
. card-div span {
color : # 999999 ;
font-size : 1 . 4rem ;
}
. card-div span . t-jiantou {
position : absolute ;
right : 1 . 3rem ;
top : 50 % ;
margin-top : -1 . 6rem ;
color : # 999999 ;
font-size : 1 . 6rem ;
}
. card-div span . t-remark { font-size : 1.6 rem ; color : #666 }
. half-btn button {
margin-top : 2 . 2rem ;
width : 47 % ;
}
. con em . color-money {
width : auto ;
display : inline-block ;
box-sizing : inherit ;
overflow : inherit ;
}
/*chang end*/
/*物流详情*/
. user-order-id header { font-size : 1.7 rem ; }
. order-id-list . t-remark { color : #333 ; font-size : 1.4 rem ; }
. order-id-list ul li { position : relative ; padding-left : 2 rem ; }
. order-id-list ul li : first-of-type . t-remark { color : #EC5151 }
. order-id-list ul li : before { content : " " ; display : block ; width : 1 rem ; height : 1 rem ; position : absolute ; background : #ec5151 ; border-radius : 100 % ; border : 2 px solid #fff ; left : -.2 rem ; top : 1.3 rem ; z-index : 2 ; }
. order-id-list ul li : after { content : " " ; width : 1 px ; top : 0 ; bottom : 0 ; position : absolute ; background : #ddd ; display : block ; left : 0.5 rem ; z-index : 1 ; }
/*评价嗮单*/
. user-evaluation . btn-submit1 { width : auto ; padding : .3 rem .8 rem ; font-size : 1.5 rem ; position : relative ; z-index : 2 ; margin-top : 2.5 rem ; }
/*我的钱包-首页shi*/
. purse-f { color : #fff }
. purse-header-box { background : #ec5151 ; width : 100 % ; position : relative ; }
. purse-header-box img { width : 100 % ; position : absolute ; bottom : 0 ; left : 0 ; right : 0 ; z-index : 1 ; }
. purse-header-box h2 { font-size : 4.2 rem ; padding : 0.5 rem 0 }
. purse-header-box p { padding-top : 5.2 rem ; font-size : 1.5 rem ; }
. purse-header-box h5 { font-size : 1.4 rem ; }
. user-pur-box { border-top : 1 px solid rgba ( 255 , 255 , 255 , 0.3 ) ; margin-top : 2 rem ; margin-top : 5.2 rem ; position : relative ; z-index : 2 }
. g-s-i-title-2 h4 { font-size : 1.5 rem ; }
. purse-ts-box { position : absolute ; width : 0.9 rem ; height : 0.9 rem ; background : #EC5151 ; border-radius : 0.45 rem ; right : 12 % ; top : 7 % ; }
. user-nav-1-box a { border-left : 1 px solid rgba ( 255 , 255 , 255 , 0.3 ) ; }
. user-nav-1-box a : first-child { border : none ; }
. is-money-color { font-size : 1.8 rem ; padding-right : 0.5 rem ; }
. user-money-list a { position : relative ; padding : 0 1.3 rem ; border-right : 1 px solid #F6F6F9 ; }
. user-money-list a : last-child { border : none ; }
/*红包*/
. user-coupon { margin-bottom : 4.6 rem ; margin-top : 5 rem ; }
. user-coupon-add . btn-submit { width : 100 % ; display : block ; }
. coupon-add-top img { width : 100 % ; height : auto ; }
. coupon-add-text . text-all { border-bottom : 1 px #ed8989 solid ; }
. coupon-add-text . text-all input { background : none ; color : #fff ; }
. coupon-add-text . text-all input :: -webkit-input-placeholder { color : #fac9c9 }
. coupon-add-text . text-all . is-null { color : #ffb7b7 }
. user-coupon-add-div . btn-submit { background : #ffd118 ; }
. user-coupon . big-remark-all . dis-box . padding-all { padding-right : 1.3 rem ; }
/*充值提现*/
. user-recharge . f-c-select-msg label { font-size : 1.65 rem ; display : block ; height : 3 rem ; line-height : 3 rem ; margin-right : 0.8 rem ; vertical-align : middle ; }
. user-recharge . text-all span . t-jiantou i { margin-top : .4 rem ; }
. user-recharge . t-goods1 { margin-top : .4 rem ; }
/*缺货登记*/
. shortage-list-left { margin-right : .6 rem ; }
. shortage-list . card-div {
position : relative ;
}
. shortage-list i . iconfont {
display : block ;
position : absolute ;
font-size : 1 . 8rem ;
color : # 888 ;
right : 1 . 5rem ;
bottom : 1rem ;
}
. shortage-list . card-div p : last-of-type {
font-size : 1 . 5rem ;
color : # 666666 ;
}
/*404*/
. error img { display : block ; width : 70 % ; height : auto ; margin : 0 auto ; margin-top : 8 rem ; }
. error a { display : block ; text-align : center ; margin-top : 2 rem ; }
. goods-no-pro . no-div-message { margin-bottom : 6 rem ; }
/*修正商品详情页面加入购物车flex兼容问题 BY:winder*/
. con . filter-btn . add-to-cart {
-webkit-text-size-adjust : none ;
}
/*优惠活动*/
. act-header-box , . act-header-box img { width : 100 % ; display : block ; }
. padding-all-1 { padding : 0.5 rem 1 rem 1.2 rem 1 rem ; }
. act-cont { font-size : 1.4 rem ; color : #737373 ; padding : 0.1 rem ; }
/*优惠活动列表页*/
. act-header-box-list , . act-header-box-list img { width : 100 % ; background : #fff ; position : relative ; display : block ; }
. act-right-box { background-color : rgba ( 236 , 81 , 81 , 0.8 ) ; padding : 0.6 rem 0.8 rem ; position : absolute ; right : 0 ; top : 0 ; z-index : 1 ; color : #fff ; font-size : 1.4 rem }
/*品牌街*/
. brand-img-box , . brand-img-box img { width : 100 % ; display : block ; position : relative ; }
. brand-right-box { height : 13 rem ; overflow : hidden ; margin : 2 rem 1.1 rem 0 rem ; }
. brand-header-box { background : #fff ; overflow : hidden ; border-bottom : 1 px solid #F6F6F9 ; }
. brand-right-box h2 { font-size : 2.8 rem ; padding-bottom : 1 rem ; }
. brand-right-box p { font-size : 1.2 rem ; color : #666 ; }
. brand-header-box li { float : left ; width : 50 % }
. my-brand-login { background : #fff ; overflow : hidden ; }
. my-brand-login li { border-bottom : 1 px solid #F6F6F9 ; border-right : 1 px solid #F6F6F9 ; text-align : center ; height : 6 rem ; line-height : 6 rem ; padding : 1 rem ; color : #fff ; width : 25 % ; float : left ; box-sizing : border-box ; }
. my-brand-login li img { max-width : 100 % ; max-height : 100 % ; }
. my-brand-login li . my-brand-text { background : #ec5151 ; line-height : 4 rem ; font-size : 1.4 rem ; }
. my-brand-login li . my-brand-text a { color : #FFFFFF ; display : block ; }
. my-brand-login li : nth-child ( 4n ) { border-right : 0 ; }
. brand-bg { background : #ec5151 ; }
. my-brand-login div , . my-brand-login div img { width : 100 % ; display : block ; }
. hot-brand_street . swiper-pagination { bottom : -.1 rem ; }
. hot-brand_street . swiper-pagination-bullet { background : #999 ; }
. hot-brand_street . swiper-pagination-bullet-active { background : #ec5151 ; }
. hot-brand_street-div i { font-size : 4 rem ; }
. brand-name-box-1 { height : 15 rem ; }
. brand-name-list-box { background : #fff ; border-radius : .4 rem ; overflow : hidden ; }
. brand-cont-header { width : auto ; position : relative ; border-radius : .4 rem .4 rem 0 0 ; overflow : hidden ; }
. brand-cont-header . g-s-info-add a { color : #fff ; background : #ec5151 ; }
. brand-list-box { width : 100 % ; box-sizing : border-box ; }
. brand-left-list-box { width : 67 % ; padding : .3 rem ; box-sizing : border-box ; }
. brand-left-list-box img { width : 100 % ; height : auto ; display : block ; }
. brand-right-list-box { width : 33 % ; box-sizing : border-box ; box-sizing : border-box ; }
. brand-right-list-box . brand-right-box-1 { padding : .3 rem .3 rem 0 0 ; box-sizing : border-box ; }
. brand-right-list-box img { width : 100 % ; display : block ; }
. my-left-width { width : 7 rem ; }
. my-brand-header h4 { color : #fff ; font-size : 1.6 rem ; margin-top : 7 % ; }
. my-brand-header p { font-size : 1.2 rem ; color : #fff ; padding-top : 0.25 rem ; }
. bottom-box-brand { background : #ec5151 ; padding : 0.5 rem 0.8 rem ; color : #fff ; text-align : center ; border-radius : 0.5 rem ; width : 5 rem ; float : right ;
margin-top : 14 % ; font-size : 1 . 2rem ; }
. right-n-box { width : 33 % ; }
. pb-2-1 { padding : 1 rem 0 3 rem 1 rem ; }
. brand-list-info-bch { border-radius : 0 ; }
/*店铺*/
. swiper-pagination-clickable { padding-bottom : 1 rem ; }
. brand-n-box-pos { position : absolute ; bottom : 0 ; width : 100 % ; background-color : rgba ( 365 , 365 , 365 , 0.8 ) ; padding : .4 rem 0 }
. brand-n-box-pos h2 { text-align : center ; c o l o r ; # 7 a 7 a 7 a ; font-size : 1.7 rem ; font-weight : bold ; }
. brand-n-box-pos p { text-align : center ; font-size : 1.4 rem ; color : #555 ; }
. brend-day-box { background-color : rgba ( 365 , 365 , 365 , 0.8 ) ; position : absolute ; top : 0 ; width : 4 rem ; height : 4 rem ; left : 0 ; line-height : 4 rem ; text-align : center ; }
. brend-day-box em { font-size : 1.5 rem ; color : #444 ; }
. brend-day-box span { font-size : 1.2 rem ; color : #ec5151 ; }
/*品牌列表*/
. brand-list-page { }
. brand-list-page . b-l-a-id { font-size : 1.3 rem ; padding : .6 rem ; display : block ; }
. brand-list-page ul li { background : #fff ; margin-top : 1 px ; clear : both ; height : 6 rem ; }
. brand-list-page ul li a { display : block ; padding : 1 rem ; height : 6 rem ; box-sizing : border-box ; vertical-align : middle ; }
. brand-list-page ul li img { max-height : 4 rem ; float : left ; margin-right : 1 rem ; }
. brand-list-page ul li a span { font-size : 1.4 rem ; color : #666 ; line-height : 4 rem ; }
. b-l-page-pos { position : fixed ; right : 0 ; background : #efefef ; top : 0 ; bottom : 0 ; padding-top : .1 rem ; }
. b-l-page-pos ul li a { font-size : 1.2 rem ; color : #777 ; padding : 0 .4 rem ; text-align : center ; }
. b-l-page-pos ul li . active a { color : #ec5151 ; }
. brand-info-banner img { width : 100 % ; height : auto ; }
/*团购*/
. new-group { margin-left : -5 rem ; font-size : 1.8 rem ; }
. user-center-1 { margin-top : 0 rem ; font-size : 1.6 rem ; }
. user-register-1 . hd-1 { font-size : 1.7 rem ; text-align : center ; background : #fff ; }
. user-register-1 . hd-1 li { margin : 1 rem 0 rem ; border-left : 1 px solid #eee ; font-size : 1.6 rem ; color : #333333 }
. user-register-1 . hd-1 . active { color : #EC5151 ; }
. user-register-1 . swiper-slide { box-sizing : border-box ; }
. group-bq-box { position : absolute ; right : 0 ; top : 0 ; background-color : rgba ( 236 , 81 , 81 , 1 ) ; padding : 0.3 rem ; 0 . 5 r e m ; color : #fff ; font-size : 1.6 rem ; z-index : 2 ; }
. group-bq-box span { font-size : 1 rem ; padding-left : 0.2 rem ; margin-top : -0.5 rem ; }
. group-cont { font-size : 1 rem ; color : #666666 ; position : absolute ; right : 0 ; }
. group-num-box { font-size : 1.2 rem ; color : #333333 ; position : absolute ; right : 0 ; bottom : -2.9 rem ; }
. my-sousou { font-size : 2.3 rem ; }
. group-over-box { background-color : rgba ( 0 , 0 , 0 , 0.6 ) ; position : absolute ; right : 0 ; left : 0 ; bottom : 0 ; top : 0 ; z-index : 3 }
. group-over-box div { border-radius : 100 % ; height : 50 % ; width : 50 % ; background-color : rgba ( 255 , 255 , 255 , 0.8 ) ; position : absolute ; left : 25 % ; top : 25 % ; display : table ; }
. group-cont-box { text-align : center ; display : table-cell ; vertical-align : middle ; font-size : 2.4 rem ; color : #535353 ; width : 100 % ; height : 100 % ; }
. group-img-box { position : relative ; }
. group-right-box { position : absolute ; right : 0.9 rem ; bottom : 3.4 rem ; width : 4 rem ; }
. product-list-medium . product-text-group { padding : .8 rem ; }
. product-text-group h4 { padding-right : 0 rem ; display : block ; overflow : hidden ; }
. product-text-group p { padding-top : .6 rem ; padding-bottom : .4 rem ; }
/*团购详情*/
. group-time-box { background-color : rgba ( 0 , 0 , 0 , 0.5 ) ; padding : 0 rem 1.5 rem ; position : absolute ; bottom : 1.3 rem ; z-index : 2 ; color : #fff ; left : 1.3 rem ; border-radius : 1.3 rem ; font-size : 1.5 rem ; height : 2.6 rem ;
line-height : 2 . 6rem ; }
/*拍卖活动*/
. auction-cont-box { padding-top : 0.15 rem ; font-size : 1.6 rem ; }
. my-auction-small { color : #777777 ; margin-left : 0.5 rem ; font-size : 1.1 rem ; }
. product-text-auction h4 { padding-right : 0 rem ; margin-top : -0.2 rem ; overflow : hidden ; }
. product-list-small . product-text-auction { margin-left : 11 rem ; height : 9.2 rem ; padding : 0 ; }
. auction-but-cont { border-radius : 0.2 rem ; color : #fff ; font-size : 1 rem ; padding : 0.2 rem 0.5 rem ; }
. a-col-red { background : #ec5151 ; }
. a-col-hs { background : #adadad ; }
. my-auction-img { width : 10 rem ; height : auto ; float : left ; }
. my-auction-paimai { font-size : 1.2 rem ; padding-right : 0.35 rem ; }
/*拍卖详情*/
. new-auction-cont h4 { font-size : 1.6 rem ; }
. new-auction-cont { padding : 0.2 rem 0 ; }
. auction-padd { padding : 1 rem ; }
. new-auction-bor { border-top : 1 px solid #F6F6F9 ; }
. aut-cont { font-size : 1.4 rem ; color : #737373 ; padding : 0.35 rem 0 ; }
. recom-title-1 { line-height : 2 rem ; font-weight : 400 ; font-size : 1.7 rem ; position : relative ; }
. act-new-box { color : #fff ; padding : 0.1 rem 0.6 rem ; border-radius : 1 rem ; font-size : 1.3 rem ; }
. evaluation-list p { padding-top : 0.7 rem ; }
. aut-admin { color : #777 ; margin-left : 0.6 rem ; font-weight : 400 ; font-size : 1.6 rem ; }
. aut-left { margin-left : 1 rem ; }
. aut-left-num { line-height : 3 rem ; }
. act-gengduo { font-size : 1.4 rem ; text-align : center ; color : #737373 ; padding : 1 rem ; }
/*#myarticle{height:16.8rem;overflow-y:hidden;}*/
. padding-all-3 { padding : 0.5 rem 1 rem 0 rem 1 rem ; }
. my-bz { color : #ec5151 ; }
/*积分*/
. in-new { margin-left : 0.5 rem ; }
/*超值礼包*/
. int-nav-box , . int-nav-box-1 { font-size : 1.62 rem ; }
. int-nav-box span , . int-nav-box-1 span { color : #ec5151 ; }
. int-max-tit { padding-bottom : 0.6 rem ; }
. int-cont li , . int-cont , . int-title , . int-cont-1 li , . int-cont-1 { font-size : 1.4 rem ; color : #737373 ; padding : 0.12 rem 0 ; }
. int-jt-box { margin-top : 1.6 rem ; }
. int-but-top { margin-top : 1.5 rem ; }
span . t-jiantou i . icon-jiantou . current {
transform : rotate ( -90deg ) ;
-ms-transform : rotate ( -90deg ) ;
-moz-transform : rotate ( -90deg ) ;
-webkit-transform : rotate ( -90deg ) ;
-o-transform : rotate ( -90deg ) ;
position : absolute ;
}
/*预售*/
. mb-6 { margin-bottom : 5.1 rem ; }
. presell-right { width : 35.32 % }
. presell-right span img { width : 100 % }
. my-u-title-size-pre { font-size : 1.7 rem ; color : #777 }
. search . btn-submit-1 { display : block ; width : 4.2 rem ; height : 3.6 rem ; line-height : 1.8 rem ; box-sizing : border-box ; border-radius : 0 px 4 px 4 px 0 }
a . btn-submit-1 { color : #fff }
. btn-submit-1 { background : #EC5151 ; border : 1 px solid #df4141 }
. btn-submit-1 { color : #fff ; border : 0 ; text-align : center ; padding : .84 rem 0 ; border-radius : 4 px ; width : 100 % }
. select-one-1 { background : #fff ; overflow : hidden ; }
. select-one-1 . ect-select label { padding : .6 rem 0.3 rem ; display : block ; text-align : center ; border : 1 px solid #efefef ; border-radius : 4 px ; color : #666 }
. select-one-1 . ect-select { font-size : 1.5 rem ; margin : 0 .3 rem }
. select-one-1 . ect-select label . active { border-color : #EC5151 ; color : #EC5151 }
. new-f label { font-size : 1.7 rem }
/*社区-user*/
. mb-7 { margin-bottom : 5.6 rem ; }
. mb-8 { margin-bottom : 6.5 rem ; }
. com-bg { background-image : url ( ../img/com-user_02.png ) ; background-repeat : no-repeat ; background-position : center ; background-size : cover ; }
. com-bg , . com-bg img { width : 100 % ; }
. com-header-img { margin : 0 auto ; padding : 5.2 rem ; }
. com-admin { text-align : center ; color : #fff ; font-size : 1.7 rem ; }
. com-bs { color : #fff ; }
. user-com-img-box { width : 6.25 rem ; height : 6.25 rem ; border-radius : 4 rem ; overflow : hidden ; border : 3 px solid #eeeeee ; margin : 0 auto ; }
. com-list h4 { font-size : 1.6 rem ; }
. com-list { padding : 1.2 rem 0 ; border-top : 1 px solid #F6F6F9 ; }
. com-list . active { color : #EC5151 }
. oncle-color-1 . active { color : #EC5151 }
. com-nav { border-bottom : 1 px solid #F6F6F9 ; background : #fff ; }
/*列表*/
. com-left { width : 4.3 rem ; }
. com-left-box { width : 4.8 rem ; height : 4.8 rem ; border-radius : 100 % ; overflow : hidden ; box-sizing : content-box ; border : 1 px solid #eeeeee ; margin : 0 auto ; }
. com-left-box img { width : 100 % ; height : auto ; border-radius : 100 % ; display : block ; }
. com-adm-box { margin-left : 1.5 rem ; margin-top : 0.2 rem ; }
. com-adm-box h4 { font-size : 1.7 rem ; color : #333333 ; }
. com-adm-box p { font-size : 1.3 rem ; color : #999999 ; }
. my-com-size { color : #999999 ; font-size : 1.75 rem ; }
. em-promotion-1 { font-size : 1.3 rem ; vertical-align : middle ; padding : .08 rem .65 rem ; background : #723ab0 ; border-radius : 1.2 rem ; color : #fff }
. com-min-tit { padding-bottom : 1.3 rem ; padding-left : 0.3 rem ; }
. com-min-tit span { margin-left : 0.7 rem ; font-size : 1.5 rem ; color : #555 ; }
. com-icon { font-size : 1.6 rem ; }
. com-icon span { margin-left : 0.4 rem ; }
. padding-al-2 { padding : 1.3 rem 1.3 rem 0.3 rem ; 1 . 3 r e m ; }
. com-icon i { font-size : 1.8 rem ; }
/*尾部导航*/
. com-nav-footer { position : fixed ; bottom : 0 ; width : 100 % ; background : #ebe9e9 ; }
. com-list-footer p { font-size : 1.2 rem ; }
. tm-icon-size { font-size : 2.6 rem ; }
. foot-paizhao { background : #EC5151 ; }
. foot-paizhao p { color : #fff ; height : 100 % ; }
/*添加关联*/
. tm-zs { background : #723bb0 ; line-height : 5.2 rem ; }
. tm-ls { background : #3abf95 ; line-height : 6 rem ; }
. tm-ns { background : #3a77be ; line-height : 5.4 rem ; }
. tm-hs { background : #eb4f50 ; line-height : 5.2 rem ; }
. tm-hs-1 { background : #eb4f50 ; }
. theme-box { border-radius : 0.5 rem ; width : 5.5 rem ; height : 5.5 rem ; }
. theme-left { width : 6.5 rem ; }
. theme-box i { color : #fff ; font-size : 4 rem ; text-align : center ; margin-left : 0.8 rem ; }
. t-s-i-title-1 ul { padding : 1.3 rem ; border-right : 1 px solid #F6F6F9 ; border-bottom : 1 px solid #F6F6F9 ; }
. t-s-i-title-1 h4 { padding-top : 0.8 rem ; font-size : 1.6 rem ; color : #555555 ; }
. new-t h4 , . t-time { margin-top : 1.5 rem ; }
. t-time i { font-size : 1.45 rem }
. t-time span { font-size : 1.2 rem ; color : #999 ; margin-left : 0.5 rem ; }
. t-shai { margin : 0 auto ; width : 70 % ; }
. t-shai img { width : 100 % ; padding : 2.5 rem 0 ; }
. index-nav-1 ul li . my-com-nav1 { margin : 1.5 rem auto ; display : block ; width : 6.8 rem ; height : 6.8 rem ; border-radius : 0.5 rem ; line-height : 4 rem ; color : #fff ; font-size : 2 rem ; overflow : hidden ; background : #fff ; }
. index-nav-1 ul li . my-com-nav1 img { width : 100 % }
. index-nav-1 ul li { position : relative ; }
. tm-img-paizhao i { font-size : 4.2 rem ; }
. com-nav-footer . active { color : #EC5151 }
. tm-cont-col { color : #888 ; }
. com-textarea textarea { height : 15 rem ; }
. com-textarea-1 textarea { }
. com-textarea-1 { border-top : 1 px solid #F6F6F9 ; }
. text-area2 { border : none ; }
/*添加晒单*/
. write-sd span { padding : 0.8 rem 1.4 rem ; border : 1 px solid #EC5151 ; text-align : center ; font-size : 1.6 rem ; color : #EC5151 ; border-radius : 0.54 rem ; display : block ; width : 40 % ; margin : 0 auto ; }
. write-sd { width : 100 % ; margin : 0 auto ; }
. write-add-img { width : 7 rem ; height : 7 rem ; border : 1 px solid #F6F6F9 ; }
. write-add-img img { width : 100 % ; }
/*选择框样式*/
. com-post-box-1 { margin-bottom : 6.4 rem ; }
. select-com . ect-select label { height : 2.2 rem ; line-height : 2.2 rem ; font-size : 1.6 rem ; }
. select-com . ect-select label span { font-size : 1.7 rem ; margin-left : .6 rem ; margin-top : .1 rem ; }
. select-com . ect-select i { display : block ; width : 2.1 rem ; height : 2.1 rem ; border-radius : 100 % ; position : absolute ; right : 0.1 rem ; top : 0.4 rem ; z-index : 2 }
. select-com . ect-select label . active i { border : 1 px solid #ec5151 ; color : #fff ; text-align : center ; background : #ec5151 url ( ../img/iconfont-gou.png ) center center no-repeat ; background-size : 70 % ; }
/*评论详情*/
. com-deta-img img { width : 100 % }
. com-cont-box { color : #333333 ; font-size : 1.6 rem ; line-height : 2.2 rem ; }
. my-dete-box { width : 1 rem ; }
. gl-com p { font-size : 1.6 rem ; color : #333 ; padding : 1.3 rem 0 0 1 rem ; display : -webkit- box ; -webkit- box-orient : vertical ; -webkit- line-clamp : 2 ; overflow : hidden ; }
. int-jt1-box { top : 1.9 rem ; font-size : 3 rem ; }
. fx-deta-box { width : 50 % ; margin : 0 auto ; padding-bottom : 3 rem ; }
. fx-deta-box . yuan { border : 1 px solid #F6F6F9 ; border-radius : 100 % ; height : 6 rem ; width : 6 rem ; margin : 0 auto ; }
. fx-deta-box . yuan i , . fx-deta-box . yuan p { text-align : center ; display : block ; }
. fx-deta-box . yuan i { font-size : 1.8 rem ; margin-top : 1.2 rem ; }
. fx-deta-box . yuan p { font-size : 1.2 rem ; }
. com-data-right { float : right ; }
. my-com-max-box { overflow : hidden ; border-bottom : 1 px solid #F6F6F9 ; }
. com-img-left , . com-con-right { float : left ; }
. com-img-left { width : 17 % ; }
. com-con-right { width : 83 % ; }
. com-con-m { font-size : 1.3 rem ; color : #444444 ; margin-left : 1.5 rem ; margin-top : 0.7 rem ; }
. com-data-right span { font-size : 1.4 rem ; }
. com-data-right i { padding-left : 0.2 rem ; }
. my-right1 { margin-left : 0.5 rem ; }
. pl-hf-box { background : #f7f8fc ; border-radius : 1 rem ; margin-left : 1.5 rem ; margin-top : 1 rem ; position : relative ; }
. pl-hf-box p { font-size : 1.3 rem ; color : #636363 ; }
. pl-hf-box p span { color : #b4b4b4 ; }
. x-jiant { width : 1.5 rem ; height : 1.5 rem ; background : #f7f8fc ; position : absolute ; top : -0.3 rem ; transform : rotate ( 45 deg ) ; }
. new-com-box { width : 8 rem ; }
. write-sd input { background : none ; border : none ; color : #ec5151 ; font-size : 1.4 rem ; }
. fileInput { width : 102 px ; height : 34 px ; background : url ( http://images.cnblogs.com/cnblogs_com/dreamback/upFileBtn.png ) ; overflow : hidden ; position : relative ; }
. upfile { position : absolute ; top : -100 px ; }
. upFileBtn { width : 102 px ; height : 34 px ; opacity : 0 ; filter : alpha ( opacity = 0 ) ; cursor : pointer ; }
. t-remark4 { font-size : 1.3 rem ; }
. com-list a { color : #888 ; }
. com-list a . active { color : #ec5151 ; }
. com-list-1 a { color : #888 ; }
. com-list-1 a . active { color : #ec5151 ; }
/*分享*/
. fengxiang-box { width : 4 rem ; margin : 0 auto ; padding : 1 rem 0 0 0 ; }
. fengxiang-box img { width : 100 % ; }
. is-over { overflow : hidden ; margin-bottom : 2 rem ; }
. is-over p { font-size : 1.2 rem ; text-align : center ; }
. new-win i , . new-win span , . new-color i , . new-color p { color : #888 ; }
. new-but { background : none ; border : none ; }
. ne-bot { padding-bottom : 0 rem ; }
. ne-bot textarea { min-height : 0 rem ; }
/*文章*/
. article-list small { font-size : 1.5 rem ; color : #888 ; line-height : 2.7 rem ; }
. article-list small span { font-size : 1.4 rem ; color : #888 ; margin-left : 1.5 rem ; }
. art-img-box , . art-img-box img { width : 100 % ; margin-bottom : 0.4 rem ; }
. art-cont-box { display : -webkit- box ; -webkit- box-orient : vertical ; -webkit- line-clamp : 2 ; overflow : hidden ; }
. my-u-title-size-1 { font-size : 1.8 rem ; }
. t-time-1 { color : #888 ; font-size : 1.2 rem ; }
. t-time-1 i { font-size : 1.2 rem ; }
. t-time-1 span { padding-left : 0.5 rem ; }
. com-adm-box label { color : #888 ; font-size : 1.45 rem ; padding-top : 0.2 rem ; display : -webkit- box ; -webkit- box-orient : vertical ; -webkit- line-clamp : 2 ; overflow : hidden ; }
. padding-alla { padding : 1.3 rem 1.3 rem 0.5 rem 1.3 rem ; }
. padding-allb { padding : 0.2 rem 1 rem 0.5 rem 1 rem ; background : #F6F6F9 ; border-radius : 0.5 rem ; margin-left : 5.7 rem ; text-overflow : ellipsis ; white-space : nowrap ; overflow : hidden ; }
. padding-allc { padding : 0.3 rem 1.3 rem 1.3 rem 1.3 rem ; }
. reply-bg { border-top : 1 px solid #F6F6F9 ; }
. reply-bg span { color : #999 ; padding-right : 0.5 rem ; }
. new-box-time { display : inline-block ; }
. n-font-box span { margin-left : 0.7 rem ; font-size : 1.3 rem ; }
. n-font-box em { font-size : 1 rem }
. n-f-s h4 { font-size : 1.75 rem ; }
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* 分销
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/*共用背景颜色*/
. red-bg { background : #ec5151 ; }
. hs-bg { background : #999 ; }
. col-3 { color : #333 ; }
. col-4 { color : #444 ; }
. col-7 { color : #777 ; }
. col-6 { color : #666 ; }
. col-8 { color : #888 ; }
. col-9 { color : #999 ; }
. f-02 { font-size : 1.2 rem }
. f-03 { font-size : 1.3 rem }
. f-04 { font-size : 1.4 rem }
. f-06 { font-size : 1.6 rem }
. f-05 { font-size : 1.5 rem }
. f-07 { font-size : 1.7 rem }
. f-08 { font-size : 1.8 rem }
. f-2 { font-size : 2 rem }
. o-h { overflow : hidden ; width : 100 % ; }
. p-a { position : absolute ; }
. p-r { position : relative ; }
. p-t { padding-bottom : 0.5 rem }
. a-bg-box-1 { position : fixed ; width : 100 % ; background : #fff ; z-index : 5 ; top : 0 ; right : -110 % ; bottom : 0 ; -moz- transition : 0.5 s ease ; -o- transition : 0.5 s ease ; -webkit- transition : 0.5 s ease ; }
. a-bg-box-1 . current { right : 0 % ; box-sizing : border-box ; }
. dis-j-bg { background : -webkit- linear-gradient ( #f84d4d , #fe5b64 ) ; /* Safari 5.1 - 6.0 */
background : -o-linear-gradient ( # f84d4d , # fe5b64 ) ; /* Opera 11.1 - 12.0 */
background : -moz-linear-gradient ( # f84d4d , # fe5b64 ) ; /* Firefox 3.6 - 15 */
background : linear-gradient ( # f84d4d , # fe5b64 ) ; /* 标准的语法 */ }
/*订单详情*/
. flow-checkout-pro-1 . product-text p { padding : 0 ; }
. dis-col . d-n { margin-right : 2 rem ; }
. dis-deta-box p { padding : 2.8 rem 1.3 rem 0 1.3 rem ; }
. dis-deta-box h2 { padding : 0.3 rem 1.3 rem 2.8 rem 1.3 rem ; font-size : 3.5 rem ; font-weight : 100 ; }
. mar-r { margin-right : 3 rem ; }
/*分销排行榜*/
. header-dis-p-img { position : absolute ; top : 0 ; z-index : 5 ; width : 100 % ; }
. n-dis-box { width : 100 % ; background : #ffe454 ; height : 10.2 rem ; position : absolute ; top : 0 ; z-index : 4 }
. rank-bg { background : #ffbd2a ; }
. rank-img-box { position : relative ; z-index : 6 }
. rank-img-box , . rank-img-box img { width : 100 % ; }
. rank-cont-box { margin : 0 auto ; }
. ranklist { width : 2.5 rem ; padding : 30 % 0 0 12 % ; }
. ranklist img { width : 100 % ; }
. rank-cont { background : #fff9df ; border-radius : 0.5 rem ; margin-bottom : 2.05 % ; }
. rank-cont : last-child { margin-bottom : 0 ; }
. rank-one { width : 4.1 rem ; }
. rank-two { width : 5.9 rem ; }
. rank-stree { width : 3 rem ; }
. r-headerimg { width : 4.7 rem ; height : 4.7 rem ; border-radius : 100 % ; overflow : hidden ; border : 2 px solid #ffd079 ; }
. r-headerimg img { width : 100 % ; height : 100 % ; }
. rank-cont ul li h2 { font-size : 1.7 rem ; padding-top : 1.5 % ; color : #525252 ; }
. rank-cont ul li p { font-size : 1.3 rem ; color : #767676 ; }
. rank-cont ul li { padding : 0.5 rem 0 ; }
. rank-jt { width : 2.2 rem ; margin-top : 50 % ; }
. rank-jt img { width : 100 % }
. hsse-bg { background : #cf4700 ; width : 89.5 % ; border-radius : 0.5 rem ; padding : 0.7 rem ; margin : 0 auto ; margin-top : 0.3 rem ; position : relative ; }
. huangse-bg { padding : 0.7 rem ; border-radius : 0.5 rem ; background : #ffa637 ; margin : 0 auto ; }
. huangse-bg-1 { border-radius : 0.5 rem ; background : #6bb490 ; padding : 0.7 rem ; z-index : 1 ; }
. ranklist span { font-size : 2.5 rem ; color : #e0a810 ; margin-left : 25 % ; }
. rank-xian1 { width : 2 % ; height : 5 rem ; background : #ffa637 ; z-index : 5555 ; position : absolute ; left : 12 % ; top : 10 % ; }
. rank-height { height : 33.3 rem ; overflow : hidden ; overflow-y : scroll ; }
. rank-list-cont { text-align : center ; color : #790303 ; margin-top : -2.7 rem ; }
. rank-list-cont span { font-weight : 700 ; font-size : 2 rem ; padding : 0 0.3 rem ; }
. rank-list { position : absolute ; right : 1 % ; top : -15 % ; width : 5.5 rem ; z-index : 7 ; }
. rank-list img { width : 100 % ; }
. rank-cont span { color : #ec5151 ; }
. l-line { top : 1 rem ; bottom : 1 rem ; left : 2.2 rem ; width : .5 rem ; background : #ffb251 ; z-index : -1 ; }
. l-line-1 { top : 1 rem ; bottom : 1 rem ; right : 2.2 rem ; width : .5 rem ; background : #ffb251 ; z-index : -1 ; }
. rank-cont ul li h2 { font-size : 1.7 rem ; padding-top : 1.5 % ; color : #525252 ; }
@ media only screen and ( max-width : 360px ) and ( min-width : 310px ) {
. rank-height { height : 24 rem ; }
. r-headerimg { width : 4.3 rem ; height : 4.3 rem ; }
. rank-cont ul li h2 { font-size : 1.7 rem ; padding-top : 1 % ; color : #525252 ; }
. ranklist { width : 2.5 rem ; padding : 25 % 0 0 12 % ; }
. rank-two { width : 5 rem ; }
. rank-jt { width : 2.2 rem ; margin-top : 42 % ; }
}
@ media only screen and ( max-width : 480px ) and ( min-width : 360px ) {
. rank-height { height : 33.3 rem ; }
. r-headerimg { width : 4.7 rem ; height : 4.7 rem ; }
. rank-cont ul li h2 { font-size : 1.7 rem ; padding-top : 1.5 % ; color : #525252 ; }
. ranklist { width : 2.5 rem ; padding : 30 % 0 0 12 % ; }
. rank-two { width : 5.9 rem ; }
. rank-jt { width : 2.2 rem ; margin-top : 50 % ; }
}
/*分销中心*/
. d-img { border : 2 px solid #d6494f ; }
. dis-time time { padding : 0 rem 1.3 rem 0 rem 0 ; }
. padding-mr { padding : 1.3 rem 1.3 rem 0 1.3 rem ; }
. dis-set { width : 2.8 rem ; height : 2.8 rem ; background : #d24245 ; border-radius : 100 % ; margin-top : -1.2 rem ; }
. dis-set i { display : block ; line-height : 2.8 rem ; }
. dis-s h4 { font-size : 2.7 rem ; }
. padding-t-1 { padding : 1.3 rem 0 rem 0 rem 0 rem ; }
. padding-t { padding : 0.8 rem 1.3 rem 1.3 rem 1.3 rem ; }
. padding-t-2 { padding : 0 rem 1.3 rem 1.3 rem 1.3 rem ; }
. dis-nav li { border-right : 1 px solid #F6F6F9 ; box-sizing : border-box ; border-bottom : 1 px solid #F6F6F9 ; padding : 1.6 rem 0 }
. is-dis-size { font-size : 3.1 rem ; }
. n-dis-s { font-size : 2.8 rem ; line-height : 3.8 rem ; }
. n-dis-t { margin-top : 0.5 rem ; }
. dis-index-left { width : 4.2 rem ; }
. dis-tit1 { margin-left : 1 rem ; line-height : 3.8 rem ; }
. dis-index-right li { border-bottom : 1 px solid #F6F6F9 ; position : relative ; }
. dis-index-right li . dis-i-box { height : 4.4 rem ; width : 4.4 rem ; box-sizing : border-box ; }
. dis-index-right li . dis-i-box img { width : 100 % ; height : auto ; display : block ; float : left ; }
. dis-index-right li . dis-i-box label { line-height : 4.4 rem ; }
. dis-index-right li span { position : absolute ; top : 50 % ; margin-top : -1.3 rem ; right : 1.3 rem ; display : block ; height : 2.6 rem ; line-height : 2.6 rem ; padding : 0 .6 rem ; border-radius : 4 px ; }
. is-jt { font-size : 1.2 rem ; top : 0.365 rem ; }
. d-r { right : 7 % ; }
. pt-2 { padding-top : 1.5 rem ; }
. dis-user-list { margin : 0 auto ; width : 3 rem ; height : 3 rem ; margin-bottom : 0.5 rem ; }
. n-dis-l { line-height : 3 rem ; font-size : 2.9 rem }
/*我的团队*/
. pt-05 { padding-top : 0.5 rem ; }
. p-t3 { line-height : 4.8 rem ; }
. m-r { right : 1.3 rem ; }
. dis-team-list ul { border-bottom : 1 px solid #F6F6F9 ; }
. dis-team-list ul : last-child { border-bottom : none ; }
. n-top { margin-top : 1 rem ; }
/*我的名片*/
. card-bg { position : relative ; }
. padding-alle { padding : 0.5 rem 0 }
. card-bg , . card-bg img { width : 100 % ; }
. red2-bg { background : #ec5151 }
. ewm-box { top : 10 % ; left : 25 % ; width : 50 % ; border-radius : 0.5 rem }
. ewm-box-1 { width : 89 % ; margin : 0 auto ; margin-top : 1 rem }
. ewm-box-1 img , . zhiwen img , . qian img { width : 100 % }
. yuan-bg { width : 100 % ; height : 1.8 rem ; margin-top : 1 rem }
. xian-f { border-top : 1 px solid #ccc ; top : 1 rem ; width : 100 % ; z-index : 2 }
. ewm-left , . ewm-right { width : 1.7 rem }
. yuan-1 { border-radius : 0 2 rem 2 rem 0 ; width : 2 rem ; height : 2 rem ; margin-left : -1 rem }
. yuan-2 { border-radius : 2 rem 0 0 2 rem ; width : 2 rem ; height : 2 rem ; margin-left : 0.6 rem }
. ewm-c { z-index : 3 ; width : 100 % }
. ewm-c-box { position : relative }
. card-tit { text-align : center ; background : #fff ; width : 80 % ; margin : 0 auto ; display : block ; margin-top : 0.3 rem }
. zhiwen { width : 30 % ; margin : 0 auto ; margin-top : 1 rem ; margin-bottom : 1 rem }
. qian { width : 25 % ; bottom : -3 % ; right : -15 % }
. header-card { width : 70 % ; margin : 0 auto }
. card-n-img-box { position : fixed ; bottom : -0.3 rem ; width : 100 % ; }
. card-n-img-box img , . card-fa-box-2 img { width : 100 % ; }
. card-fa-box-2 { position : absolute ; top : 2 rem ; width : 100 % ; }
/*我的佣金*/
. right-jt { width : 2 rem ; }
. shop-t { top : 35 % ; right : 1.3 rem ; }
. dis-shop-list { border-bottom : 1 px solid #F6F6F9 ; }
/*开店流程*/
. open-header-bg . o-hs { color : #d3d4dc ; }
. open-header-bg . o-hs-bg { background : #d3d4dc ; }
. open-header-bg . o-hs-x { border-bottom : 2 px solid #d3d4dc ; }
. open-header-bg . o-hs . active { color : #EC5151 ; }
. open-header-bg . o-hs-bg . active { background : #EC5151 ; }
. open-header-bg . o-hs-x . active { border-bottom : 2 px solid #EC5151 ; }
. open-header-bg { background : #fcfcfd ; border-bottom : 1 px solid #F6F6F9 ; }
. open-header-bg label { text-align : center ; display : block ; font-size : 1.5 rem ; }
. header-left-box { height : 3 rem ; top : 0.5 rem ; }
. header-x { width : 100 % ; top : 1 rem ; }
. header-y { width : 2 rem ; height : 2 rem ; border-radius : 100 % ; margin : 0 auto ; left : 42 % ; }
. header-y span { display : block ; line-height : 2 rem ; }
. op-no { margin : 5 rem 0 2 rem 0 ; }
. open-two-box h4 { color : #d28710 ; }
. open-two-box p { color : #df9d35 ; }
. open-boxx ul li . my-com-nav2 { border : 1 px solid #F6F6F9 ; margin : 0 auto ; margin-top : 1.5 rem ; margin-bottom : 0.5 rem ; }
. open-sun i { font-size : 12 rem ; display : block }
. open-sun { margin : 5 rem 0 7 rem 0 ; }
. open-two-box { background : #fffbe6 ; margin : 1.3 rem ; }
. index-nav-1 ul li . my-com-nav2 { margin : 0 rem auto ; display : block ; width : 6.8 rem ; height : 6.8 rem ; border-radius : 0.5 rem ; line-height : 4 rem ; color : #fff ; font-size : 2 rem ; overflow : hidden ; background : #fff ; margin-top : 1.8 rem ; margin-bottom : 0.5 rem }
. index-nav-1 ul li . my-com-nav2 img { width : 100 % }
/*版权*/
. n-footer-box { padding : 1.6 rem 0 1 rem 0 ; border-bottom : 1 px solid #ddd ; }
. n-footer-minbox { overflow : hidden ; width : 70 % ; margin : 0 auto ; }
. n-footer-minbox li { float : left ; width : 33 % ; }
. n-footer-img-box { width : 3.8 rem ; height : 3.8 rem ; margin : 0 auto ; position : relative ; }
. n-footer-minbox . footer-tit , . n-footer-minbox . footer-tit1 { text-align : center ; font-size : 1.3 rem ; padding-top : 1 rem ; }
. n-footer-minbox . footer-tit1 { color : #999 ; }
. n-footer-minbox . footer-tit { color : #666 ; }
. is-ban-fize { font-size : 4.3 rem ; color : #999 }
. is-ban-fize . active { color : #666 ; }
. jian-top-2 { position : absolute ; margin-top : -0.4 rem ; }
/*我的微店*/
. user-shop-img-box { max-height : 11 rem ; overflow : hidden ; }
. span-file { display : block ; width : 100 % ; position : relative ; }
. span-file . t-jiantou { right : 0.4 rem ; position : absolute ; top : 0 rem ; }
. span-file input [ type = file ] { opacity : 0 ; position : absolute ; width : 100 % ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; }
. user-open-set-nimg { padding-bottom : 0 ; }
. user-open-set-nimg . text-all : last-of-type { border-bottom : 0 ; }
. user-shop-img-box , . user-shop-img-box img { width : 100 % ; display : block ; }
. user-shop-cont { position : absolute ; height : 8 rem ; bottom : -6 rem ; }
. shop-user-max { position : relative ; }
. user-shop-left-img { width : 8 rem }
. user-shop-left-img1 { margin-left : 9 rem }
. user-shop-nav-box { padding-top : 1.3 rem ; padding-bottom : 1.3 rem ; width : 100 % ; }
. user-shop-nav p { font-size : 1.3 rem ; color : #888 ; text-align : center ; }
. user-shop-nav h4 { font-size : 2 rem ; color : #EC5151 ; text-align : center ; }
. user-shop-nav li { border-right : 1 px solid #f6f6f9 ; }
. user-shop-nav li : last-child { border : none ; }
. user-shop-shoucang { padding : .3 rem .8 rem ; font-size : 1.4 rem ; background : #EC5151 ; bottom : 11 % ; right : 1.3 rem ; border-radius : 0.4 rem ; }
. user-head-img-box-2 { width : 6.5 rem ; height : 6.5 rem ; border-radius : 4 rem ; overflow : hidden ; border : 3 px solid #eeeeee }
. user-head-img-box-2 img { width : 100 % ; height : 100 % }
. user-shop-box2 { top : 1 rem ; right : 1.3 rem ; border-radius : 100 % ; background : rgba ( 0 , 0 , 0 , 0.2 ) ; width : 2.8 rem ; height : 2.8 rem }
. user-shop-box2 i { color : #fff ; font-size : 1.25 rem ; text-align : center ; display : block ; line-height : 2.8 rem }
. n-user-shop { padding : 0 }
. user-shop-tit2 { font-size : 1.7 rem ; }
. n-user-shop1 { height : 3 rem ; }
. padding-allr { padding : 1.3 rem 0 1.3 rem 1.3 rem ; }
. user-shop-name { position : absolute ; left : 10 rem ; bottom : 0.5 rem ; font-size : 1.62 rem ; width : 55 % ; }
. n-new-cont { font-size : 1.7 rem ; }
. shopping-prompt { position : fixed ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; background : rgba ( 0 , 0 , 0 , .9 ) ; display : none ; z-index : 10000 ; }
. shopping-prompt img { width : 60 % ; height : auto ; position : absolute ; right : 2.4 rem ; top : 2 rem ; }
. shopping-prompt . active { display : block ; }
/*红包*/
. red-packet { background : #d83b3f }
. red-pack-but { background : #fcd82f }
. pack-col { color : #a04c0d }
. pack-input { background : #682329 ; border : 0 ; text-align : center ; padding : .4 rem 0 0.7 rem 0 ; border-radius : 4 px ; width : 100 % ; margin-bottom : 2 rem }
. pack-input { }
. pack-input input { width : 100 % ; background : none ; border : none ; text-align : center ; font-size : 1.7 rem ; color : #fff }
. pack-cont-box { margin-top : 4 rem }
. pack-tit-one { width : 95 % ; margin : 0 auto ; padding : 5 rem 0 1 rem 0 }
. pack-tit-one img { width : 100 % }
. pack-tishi-con p { font-size : 1.3 rem ; color : #ffe7d5 }
. pack-tishi-con { padding : 0.8 rem }
. pack-money-left { width : 10 rem ; color : #ec5151 ; padding : 1.5 rem 0 1.5 rem 1.5 rem }
. pack-left-cont { border-right : 1 px dashed #ccc ; font-size : 1.3 rem ; padding-right : 0.5 rem }
. pack-min-box { margin : 1 rem }
. pack-money-left span { color : #ec5151 ; font-size : 3.6 rem }
. new-bg { background : #b43134 ; border-radius : 0.5 rem }
. pack-money-right label { padding : 0.2 rem 0.5 rem ; color : #fff ; background : #EC5151 ; margin-left : 1 rem ; margin-top : 1.4 rem ; font-size : 1.5 rem ; }
. pack-money-right p { color : #888 ; padding-left : 1 rem ; font-size : 1.4 rem ; margin-top : 0.7 rem }
. pack-money-right label , . pack-money-right p { float : left }
. pack-bian-box , . pack-bian-box1 , . pack-bian-box2 , . pack-bian-box3 , . pack-bian-box4 , . pack-bian-box5 , . pack-bian-box-1 , . pack-bian-box1-1 , . pack-bian-box2-1 , . pack-bian-box3-1 , . pack-bian-box4-1 , . pack-bian-box5-1 { width : 1 rem ; height : 1 rem ; background : #b43134 ; border-radius : 100 % ; position : absolute }
. pack-bian-box { top : 0.1 rem ; left : -0.5 rem }
. pack-bian-box1 { top : 1.4 rem ; left : -0.5 rem }
. pack-bian-box2 { top : 2.7 rem ; left : -0.5 rem }
. pack-bian-box3 { top : 4 rem ; left : -0.5 rem }
. pack-bian-box4 { top : 5.3 rem ; left : -0.5 rem }
. pack-bian-box5 { top : 6.6 rem ; left : -0.5 rem }
. pack-bian-box-1 { top : 0.1 rem ; right : -0.5 rem }
. pack-bian-box1-1 { top : 1.4 rem ; right : -0.5 rem }
. pack-bian-box2-1 { top : 2.7 rem ; right : -0.5 rem }
. pack-bian-box3-1 { top : 4 rem ; right : -0.5 rem }
. pack-bian-box4-1 { top : 5.3 rem ; right : -0.5 rem }
. pack-bian-box5-1 { top : 6.6 rem ; right : -0.5 rem }
. com-adm-box-1 h4 { font-size : 1.7 rem ; color : #fff }
. com-left-box-1 img { width : 100 % }
. com-left-box-1 { width : 4.8 rem ; height : 4.8 rem ; border-radius : 100 % ; overflow : hidden ; margin : 0 auto }
. com-adm-box-1 p { font-size : 1.3 rem ; color : #fcdbcb }
. com-adm-box-1 { margin-left : 1.5 rem }
. n-hs , . pack-jt-col { color : #fcd82f }
. pack-cont-2 { color : #ff9597 ; font-size : 1.4 rem ; text-align : left ; padding-left : 1 rem }
/*派发红包*/
. park-float-box { width : 6 rem ; }
. park-float-box img { width : 100 % ; }
. park-fix { width : 6.5 rem ; position : fixed ; right : 0.5 rem ; bottom : 8.6 rem ; background : rgba ( 255 , 255 , 255 , 0.8 ) ; padding : 1 rem ; }
. park-icon-close { color : #999 ; font-size : 1.6 rem ; }
. distribution-new ul li h2 { padding-right : 2.6 rem ; font-size : 1.7 rem ; position : relative ; border-bottom : 1 px solid #e3e3e3 ; }
/*成为分销商*/
. is-prompt-icon { font-size : 15 rem ; color : #a2a1a8 ; text-align : center ; display : block ; margin-top : 3 rem ; }
. prompt-tit { color : #7f7f7f ; font-size : 1.6 rem ; padding-bottom : 7 rem ; }
. close-pro { text-align : center ; display : block ; color : #7f7f7f ; margin-top : 1.5 rem ; }
. distributor-box img { width : 100 % ; }
. distributor-cont-box h4 { font-size : 1.6 rem ; color : #333 ; ; padding-bottom : 1.6 rem ; }
. distributor-cont-box p { font-size : 1.34 rem ; color : #777 ; padding-bottom : 0.8 rem ; line-height : 2.2 rem ; }
. distributor-cont2-box h4 { font-size : 1.6 rem ; color : #333 ; padding-bottom : 1.6 rem ; }
. dis-left-box { width : 6.2 rem ; }
. dis-cont-1 . dis-list { border-left : 1 px solid #e6e6e9 ; border-right : 1 px solid #e6e6e9 ; border-top : 1 px solid #e6e6e9 ; }
. distributor-cont2-box ul : last-child { border-bottom : 1 px solid #e6e6e9 ; }
. dis-cont-1 li h5 { font-size : 1.6 rem ; color : #333 ; padding-top : 2.2 rem ; }
. dis-cont-1 li p { font-size : 1.22 rem ; color : #848484 }
. dis-header { height : 6 rem ; width : 6 rem ; border-radius : 100 % ; }
. dis-headerred { background : #ed5b5f }
. dis-headerhs { background : #f9b421 }
. is-icon-box { font-size : 3.8 rem ; color : #fff ; line-height : 6 rem ; text-align : center ; display : block ; }
. dis-money { font-size : 2 rem ; padding : 1 rem 0 ; line-height : 3.9 rem ; color : #EC5151 ; padding-right : 1 rem ; }
. dis-money span { font-size : 1.5 rem ; color : #777 ; }
. dis-logo { position : absolute ; left : 1.3 rem ; top : 1.3 rem ; width : 13 rem ; }
/*购买成为分销商*/
. new-not { border-bottom : none ; }
. filter-btn . n-but-box em { display : inline-block ; margin-top : 0 rem ; margin-right : 0.5 rem ; }
. shopping-prompt { position : fixed ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; background : rgba ( 0 , 0 , 0 , .9 ) ; display : none ; z-index : 10000 ; }
. shopping-prompt img { width : 60 % ; height : auto ; position : absolute ; right : 2.4 rem ; top : 2 rem ; }
. shopping-prompt . active { display : block ; }
/*新手必看*/
. distribution-new ul li { background : #fff ; }
. distribution-new ul li h2 { padding-right : 2.6 rem ; font-size : 1.7 rem ; position : relative ; border-bottom : 1 px solid #e3e3e3 ; }
. distribution-new . t-jiantou { position : absolute ; right : -1 rem ; top : .7 rem ; }
. distribution-new . t-jiantou i { font-size : 2.8 rem ; color : #aaa ; }
. distribution-new ul li div { background : #F6F6F9 ; font-size : 1.4 rem ; display : none ; }
. distribution-new ul li . active h2 . t-jiantou i { display : block ; -moz- transform : rotate ( 90 deg ) ; -webkit- transform : rotate ( 90 deg ) ; -ms- transform : rotate ( 90 deg ) ; -o- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) ; }
. distribution-new ul li . active div { display : block ; }
/*修复*/
. j-money-divided { width : 100 % ; }