﻿img{max-width:100%;}
p img {max-width:100%;height:auto;}
/*字体通用格式--font-size*/
.z-size-12{font-size:12px !important;}
.z-size-14{font-size:14px !important;}
.z-size-16{font-size:16px !important;}
.z-size-18{font-size:18px !important;}
.z-size-20{font-size:20px !important;}
.z-size-22{font-size:22px !important;}
.z-size-24{font-size:24px !important;}
.z-size-26{font-size:26px !important;}
.z-size-28{font-size:28px !important;}
.z-size-30{font-size:30px !important;}
.z-size-32{font-size:32px !important;}
.z-size-34{font-size:34px !important;}
.z-size-35{font-size:35px !important;}
.z-size-40{font-size:40px !important;}
.z-size-45{font-size:45px !important;}
.z-size-50{font-size:50px !important;}
.z-size-60{font-size:60px !important;}
.z-size-80{font-size:80px !important;}
.z-size-100{font-size:100px !important;}
.z-size-130{font-size:130px !important;}
.z-size-150{font-size:150px !important;}

/*颜色通用格式--color*/
.z-color-white{color:#ffffff !important;}/*白*/
.z-color-lwhite{color:#F7F7F7 !important;}/*浅白*/
.z-color-black{color:#333333 !important;}/*黑*/
.z-color-gray{color:#888888 !important;}/*灰*/
.z-color-yellow{color:#f37d0f !important;}/*黄*/
.z-color-yellow2{color:#F4BF1B !important;}/*黄2*/
.z-color-green{color:#33cc99 !important;}/*绿*/
.z-color-gold{color:#c3a366 !important;}/*金*/
.z-color-deepblue{color:#191b2e !important;}/*深蓝*/
.z-color-blue{color:#0062cc !important;}/*蓝*/
.z-color-red{color:#c01733 !important;}/*红*/
.z-color-lviolet{color:#e66ec6 !important;}/*浅紫色*/
.z-color-violet{color:#993c97 !important;}/*紫色*/

/*背景色通用格式--background-color*/
.z-bg-white{background-color:#ffffff !important;}/*白*/
.z-bg-light-white{background-color:#F7F7F7 !important;}/*浅白*/
.z-bg-black{background-color:#333333 !important;}/*黑*/
.z-bg-gray{background-color:#888888 !important;}/*灰*/
.z-bg-light-gray{background-color:#EFEFF4 !important;}/*浅灰*/
.z-bg-light-gray2{background-color:#e0e0e0 !important;}/*浅灰*/
.z-bg-yellow{background-color:#f37d0f !important;}/*黄*/
.z-bg-green{background-color:#33cc99 !important;}/*绿*/
.z-bg-gold{background-color:#c3a366 !important;}/*金*/
.z-bg-deepblue{background-color:#191b2e !important;}/*深蓝*/
.z-bg-grayblue{background-color:#00CCCC !important;}/*灰蓝*/
.z-bg-blue{background-color:#0a4776 !important;}/*蓝*/
.z-bg-red{background-color:#c01733 !important;}/*红*/
.z-bg-lviolet{background-color:#e66ec6 !important;}/*浅紫色*/
.z-bg-violet{background-color:#993c97 !important;}/*紫色*/

/*边框线通用格式--border*/
.z-bor-none{border:none !important;}
.z-bor-white{border:1px solid #ffffff !important;}/*白*/
	.z-bor-white-r{border-right:1px solid #FFFFFF !important;}
    .z-bor-white-b08{border-bottom:1px solid rgba(255,255,255,.08) !important;}/*白-0.8-上*/
    .z-bor-white-t08{border-top:1px solid rgba(255,255,255,.08) !important;}/*白-0.8-下*/
    .z-bor-white-b{border-bottom:1px solid #FFFFFF !important;}/*白-下*/
.z-bor-lwhite{border:1px solid #f7f7f7 !important;}/*浅白*/
	.z-bor-lwhite-t{border-top:1px solid #F7F7F7 !important;}
.z-bor-black{border:1px solid #333333 !important;}/*黑*/
.z-bor-gray{border:1px solid #888888 !important;}/*灰*/
.z-bor-lgray{border:1px solid #DDDDDD !important;}/*灰2*/
.z-bor-yellow{border:1px solid #f37d0f !important;}/*黄*/
.z-bor-green{border:1px solid #33cc99 !important;}/*绿*/
.z-bor-gold{border:1px solid #c3a366 !important;}/*金*/
.z-bor-blue{border:1px solid #0062cc !important;}/*蓝*/
.z-bor-red{border:1px solid #c01733 !important;}/*红*/
.z-bor-violet{border:1px solid #993C97 !important;}/*紫色*/
.z-bor-light{border:1px solid #efeff4 !important;}/*浅灰*/
    .z-bor-light-t{border-top:1px solid #efeff4 !important;}/*浅灰-上*/
    .z-bor-light-b{border-bottom:1px solid #efeff4 !important;}/*浅灰-下*/
    .z-bor-light-bx{border-bottom:1px dashed #efeff4 !important;}/*浅灰-下*/
    .z-bor-light-l{border-left:1px solid #efeff4 !important;}/*浅灰-左*/
    .z-bor-light-r{border-right:1px solid #efeff4 !important;}/*浅灰-右*/

/*边框圆角通用格式--border-radius*/
.z-bor-r0{border-radius:0px !important;}
.z-bor-r3{border-radius:3px !important;}
.z-bor-r5{border-radius:5px !important;}
.z-bor-r20{border-radius: 20px !important;}
.z-bor-r50b{border-radius:50% !important;}

/*外边距通用格式--margin*/
.z-ma-0{margin:0 !important;}
.z-ma-tb15{margin:15px 0 !important;}
.z-ma-tb50-auto{margin:50px auto !important;}
.z-ma-t0{margin-top:0px !important;}/*外边距-上*/
	.z-ma-t-5{margin-top:-5px !important;}
	.z-ma-t-20{margin-top:-20px !important;}
	.z-ma-t-30{margin-top:-30px !important;}
	.z-ma-t-50{margin-top:-50px !important;}
	.z-ma-t2{margin-top:2px !important;}
    .z-ma-t5{margin-top:5px !important;}
    .z-ma-t10{margin-top:10px !important;}
    .z-ma-t15{margin-top:15px !important;}
    .z-ma-t20{margin-top:20px !important;}
    .z-ma-t30{margin-top:30px !important;}
    .z-ma-t40{margin-top:40px !important;}
    .z-ma-t50{margin-top:50px !important;}
    .z-ma-t55{margin-top:55px !important;}
    .z-ma-t60{margin-top:60px !important;}
    .z-ma-t70{margin-top:70px !important;}
    .z-ma-t80{margin-top:80px !important;}
    .z-ma-t90{margin-top:90px !important;}
    .z-ma-t100{margin-top:100px !important;}
.z-ma-b0{margin-bottom:0px !important;}/*外边距-下*/
    .z-ma-b5{margin-bottom:5px !important;}
    .z-ma-b10{margin-bottom:10px !important;}
    .z-ma-b20{margin-bottom:20px !important;}
    .z-ma-b55{margin-bottom:55px !important;}
    .z-ma-b65{margin-bottom:65px !important;}
    .z-ma-b120{margin-bottom:120px !important;}
.z-ma-l0{margin-left:0px !important;}/*外边距-左*/
    .z-ma-l5{margin-left:5px !important;}
    .z-ma-l10{margin-left:10px !important;}
    .z-ma-l20{margin-left:20px !important;}
.z-ma-r0{margin-right:0px !important;}/*外边距-右*/
    .z-ma-r5{margin-right:5px !important;}
    .z-ma-r10{margin-right:10px !important;}
    .z-ma-r20{margin-right:20px !important;}

/*内边距通用格式--padding*/
.z-pa-0{padding:0 !important;}
.z-pa-10{padding:10px !important;}
.z-pa10{padding:10px !important;}
.z-pa12{padding:12px !important;}
.z-pa-lr10{padding:0 10px !important;}
.z-pa-lr15{padding:0 15px !important;}
.z-pa-tb-5{padding:5px 0 !important;}
.z-pa-tb10{padding:10px 0 !important;}
.z-pa-t20b10{padding:20px 0 10px 0 !important;}
.z-pa-tb10lr15{padding:10px 15px !important;}
.z-pa-tb-30{padding:30px 0 !important;}
.z-pa-tb5-lr10{padding:5px 10px !important;}
.z-pa-tb15-lr10{padding:15px 10px !important;}
.z-pa-t0{padding-top:0px !important;}/*内边距-上*/
    .z-pa-t5{padding-top:5px !important;}
    .z-pa-t10{padding-top:10px !important;}
    .z-pa-t20{padding-top:20px !important;}
.z-pa-b0{padding-bottom:0px !important;}/*内边距-下*/
    .z-pa-b5{padding-bottom:5px !important;}
    .z-pa-b10{padding-bottom:10px !important;}
    .z-pa-b20{padding-bottom:20px !important;}
.z-pa-l0{padding-left:0px !important;}/*内边距-左*/
    .z-pa-l5{padding-left:5px !important;}
    .z-pa-l10{padding-left:10px !important;}
    .z-pa-l20{padding-left:20px !important;}
    .z-pa-l110{padding-left:110px !important;}
.z-pa-r0{padding-right:0px !important;}/*内边距-右*/
    .z-pa-r5{padding-right:5px !important;}
    .z-pa-r10{padding-right:10px !important;}
    .z-pa-r20{padding-right:20px !important;}

/*位置通用格式--vertical-align*/
.z-ve-t{vertical-align:top !important;}
.z-ve-m{vertical-align:middle !important;}
.z-ve-b{vertical-align:bottom !important;}

/*位置通用格式--text-align*/
.z-te-c{text-align:center !important;}
.z-te-l{text-align:left !important;}
.z-te-r{text-align:right !important;}
.z-te-d{text-decoration: line-through !important;}
.z-te-i30{text-indent: 30px !important;}
.z-fw-b{font-weight: bold !important;}
.z-fw-n{font-weight: normal !important;}

/*宽度通用格式--width*/
.z-width-25{width:25px !important;}
.z-width-30{width:30px !important;}
.z-width-35{width:35px !important;}
.z-width-50{width:50px !important;}
.z-width-60{width:60px !important;}
.z-width-80{width:80px !important;}
.z-width-90{width:90px !important;}
.z-width-100{width:100px !important;}
.z-width-150{width:150px !important;}
.z-width-190{width:190px !important;}
.z-width-210{width:210px !important;}
.z-width-300{width:300px !important;}
.z-width-20b{width:20% !important;}
.z-width-40b{width:40% !important;}
.z-width-50b{width:50% !important;}
.z-width-70b{width:70% !important;}
.z-width-80b{width:80% !important;}
.z-width-90b{width:90% !important;}
.z-width-100b{width:100% !important;}

/*最小宽度--min-width*/
.z-miwidth-150{min-width:150px !important;}
.z-miwidth-300{min-width:300px !important;}
.z-miwidth-400{min-width:400px !important;}
.z-miwidth-550{min-width:550px !important;}
.z-miwidth-1000{min-width:1000px !important;}

/*最大宽度--max-width*/
.z-mawidth-300{max-width:300px !important;}

/*高度通用格式--height*/
.z-height-auto{height:auto !important;}
.z-height-30{height:30px !important;}
.z-height-35{height:35px !important;}
.z-height-50{height:50px !important;}
.z-height-100{height:100px !important;}
.z-height-150{height:150px !important;}
.z-height-165{height:165px !important;}
.z-height-225{height:225px !important;}
.z-height-285{height:285px !important;}
.z-height-300{height:300px !important;}

/*最小高度*/
.z-miheight-100{min-height:100px !important;}

/*最大高度*/
.z-maheight-300{max-height:300px !important;}

/*图片长宽通用格式*/
.z-pic-wh40{width:40px !important;height:40px !important;}
.z-pic-wh40 img{display:block;}
.z-pic-wh45{width:45px !important;height:45px !important;}
.z-pic-wh45 img{display:block;}
.z-pic-wh50{width:50px !important;height:50px !important;}
.z-pic-wh50 img{display:block;}
.z-pic-wh65{width:65px !important;height:65px !important;}
.z-pic-wh65 img{display:block;}
.z-pic-wh80{width:80px !important;height:80px !important;}
.z-pic-wh80 img{display: block;}
.z-pic-wh100{width:100px !important;height:100px !important;}
.z-pic-wh100 img{display: block;}

/*隐藏层--display*/
.z-hide{display:none !important;}
.z-dis-in-b{display:inline-block !important;}
.z-dis-b{display:block !important;}

/*浮动*/
.z-pos-ab{position:absolute;}
.z-pos-re{position:relative;}
.z-pos-fi{position:fixed;}

/*位置*/
.z-top2{top:2px !important;}
.z-top10{top:10px !important;}
.z-top15{top:15px !important;}
.z-top10{top:20px !important;}
.z-bottom55{bottom:55px !important;}
.z-bottom95{bottom:95px !important;}
.z-left-10{left:10px !important;}
.z-right-10{right:10px !important;}
.z-right-15{right:15px !important;}
.z-right-20{right:20px !important;}
.z-right-30{right:30px !important;}

.z-index999{z-index: 999 !important;}

.z-line-h16{line-height:16px;}
.z-line-h35{line-height:35px;}
.z-line-h40{line-height:40px;}
.z-line-h50{line-height:50px;}
.z-ico-t-4{position:relative;top:-4px;}
.z-ico-t1{position:relative;top:1px;}
.z-ico-t2{position:relative;top:2px;}
.z-ico-t6{position:relative;top:6px;}
.z-ico-t8{position:relative;top:8px;}

.z-white-space{white-space: normal !important;}
.z-card{margin:10px 0 !important;}
.z-letter-case{text-transform: uppercase;}
.z-overf-v{overflow:visible !important;}
.z-tab{display:table;}
.z-tab-cell{display: table-cell;}
.z-dospan span{margin-right:5px;}
.z-dospan span:last-child{margin-right:0px;}
.z-cz div a{margin-right:5px;}
.z-cz div a:last-child{margin-right:0px;}

/*swipe*/
.swiper-container{width: 100%;height: auto;}
.swiper-slide{text-align: center;font-size: 18px;}
.swiper-slide img{max-width: 100%;}
/*空数据提示*/
.z-emp-data{text-align:center;padding: 50px;}
.z-emp-data span{width:120px;height:120px;line-height:120px;background:#993c97;border-radius:50%;display:inline-block;}
/*底部弹出框*/
.z-pop-tit{position:relative;overflow:hidden;padding:14px 12px;color:#888888;}/*头部标题*/
.z-pop-pro img{width:100px !important; height:100px !important;position: absolute;top:-20px;border:2px solid #fff;}/*产品头部*/
.mui-card-content-inner label{margin-bottom: 5px;font-size:12px;}/*选择器样式*/
/*回到顶部*/
.z-gotop{text-align: center;position: fixed;z-index: 999;bottom: 65px;right:15px;opacity: 0.8;filter: alpha(opacity=80);}
.z-gotop span{width:35px;height:35px;background: #F37D0F;display: block;border-radius: 50%;line-height: 35px;color:#FFFFFF;}
/*返回-中圆格式*/
.z-back-ico{width:100%;display: block;position:absolute;bottom:30px;z-index:998;}
.z-back-ico span{width:50px;height:50px;border-radius:50%;line-height:50px;display:inline-block;text-align:center;}
/*返回-左半圆格式*/
.z-back{display: block;position: fixed;bottom: 90px;z-index: 997;opacity: 0.8;filter: alpha(opacity=80);}
.z-back span{width:40px;height:35px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;line-height: 35px;display: inline-block;text-align: center;}
/*产品左右满屏排列*/
.z-pro-list{padding:0 !important;background:none !important;}
.z-pro-list.mui-grid-view .mui-table-view-cell{width:49.5%;padding: 0;margin:0 0 5px 0;text-align:left;background:#FFFFFF;}
.z-pro-list.mui-grid-view .mui-table-view-cell>a:not(.mui-btn){margin:0 !important;}
.z-pro-list .mui-table-view-cell:nth-child(2n){float:right;}
.z-pro-list.mui-grid-view .mui-table-view-cell .mui-media-body{height:auto;margin-top:0px;margin-bottom: 10px;padding:0 5px;}
/*评论详情*/
.z-overf-v .mui-card-header:after{height:0 !important;}
/*收货*/
.z-sh-radio[type=radio]:before{font-size:20px !important;}
.z-sh-radio{left:0 !important;right:0 !important;top:1px !important;}
.z-sh-label{padding:0px !important;margin-left:22px;}
/*文章内图片*/
.mui-card-content img{max-width: 100%;margin-bottom: 10px;}
.mui-card-content img:last-child{margin-bottom: 0px;}
/*我的二维码*/
.z-mp-wrap{width:80%;height:80%;margin:10% 10%;padding:20px;overflow: hidden;}
/*购物车-数字*/
.z-gwc-sz{position:absolute !important;bottom:10px !important; right:10px !important;}
.z-gwc-sz div{width: 90px !important;height: 25px !important;padding:0 30px !important;}
.z-gwc-sz div button{width:30px !important;}

.z-hover-8>a:not(.mui-btn).mui-active{opacity:0.8 !important;filter:alpha(opacity=80) !important;background:none;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item{border:none;}
/*获取验证码*/
.z-getyzm{background:red;padding:15px !important;width:auto !important;height:50px;position: absolute !important;top:0;right:0;}
/*填写表单*/
.z-input-left{width:35%;float:left;line-height:1;padding:17px 15px;text-align:right;font-size:16px;}
.z-input-right{width:65%;float:right;line-height:1.3;margin-bottom:0;padding-left:0 !important;padding:15px 15px;}
/*内容*/
.z-nr p{margin-bottom: 10px !important;}
.z-nr img{margin-bottom: 10px !important;}
/*新闻格式*/
.z-new h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{margin-top: 0;}
.z-new h4{line-height: 21px;font-weight: 500;}

.z-carfl-none:before{height:0 !important;}

/*图片预览*/
.mui-preview-image.mui-fullscreen {position: fixed;z-index: 99999;background-color: #000;}
.mui-preview-header,.mui-preview-footer {position: absolute;width: 100%;left: 0;z-index: 10;}
.mui-preview-header {height: 44px;bottom: 0;}
.mui-preview-footer {height: 50px;bottom: 0px;}
.mui-preview-header .mui-preview-indicator {display: block;line-height: 25px;color: #fff;text-align: center;margin: 0 auto;width: 70px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;font-size: 16px;}
.mui-preview-image {display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mui-preview-image.mui-preview-in {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.mui-preview-image.mui-preview-out {background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,.mui-preview-image.mui-preview-out .mui-preview-footer {display: none;}
.mui-zoom-scroller {position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.mui-zoom {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {display: table-cell;vertical-align: middle;}
.mui-preview-loading {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.mui-preview-loading.mui-active {display: block;}
.mui-preview-loading .mui-spinner-white {position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;}
.mui-preview-image img.mui-transitioning {-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;transition: transform 0.5s ease, opacity 0.5s ease;}
@-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes fadeIn {0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes fadeOut {0%{opacity: 1;}100%{opacity: 0;}}
@keyframes fadeOut {0%{opacity: 1;}100%{opacity: 0;}}

/*左右单odd/双even动态*/
.z-dt-li li:nth-child(odd){-webkit-animation: moveFromLeft .6s ease both;animation: moveFromLeft .6s ease both;}
.z-dt-li li:nth-child(even){-webkit-animation: moveFromRight .6s ease both;animation: moveFromRight .6s ease both;}
.z-dt-ul>ul:nth-child(odd){-webkit-animation: moveFromLeft .6s ease both;animation: moveFromLeft .6s ease both;}
.z-dt-ul>ul:nth-child(even){-webkit-animation: moveFromRight .6s ease both;animation: moveFromRight .6s ease both;}
.z-dt-div>div:nth-child(odd){-webkit-animation: moveFromLeft .6s ease both;animation: moveFromLeft .6s ease both;}
.z-dt-div>div:nth-child(even){-webkit-animation: moveFromRight .6s ease both;animation: moveFromRight .6s ease both;}
.z-dt-a>a:nth-child(odd){-webkit-animation: moveFromLeft .6s ease both;animation: moveFromLeft .6s ease both;}
.z-dt-a>a:nth-child(even){-webkit-animation: moveFromRight .6s ease both;animation: moveFromRight .6s ease both;}