html{
    -webkit-overflow-scrolling:touch;
    overflow:scroll;
    overflow-x:hidden;
    min-width: 320px;
    height: 100%;
}
body {
    background-color: #f8f8f8;
    font-family: "Microsoft YaHei",Arial,Arimo,sans-serif;
    color: #333;
    font-size: 14px;
    -webkit-overflow-scrolling:touch;
    overflow:scroll;
    overflow-x:hidden;
}
ol,ul,li {padding-left: 0;list-style: none}
h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
.am-dimmer-active{overflow-x: hidden;width: 100%;height: 100%;}
input {outline: none;}
.am-with-fixed-navbar{padding-bottom: 49px !important;}
.am-modal-alert .am-modal-hd{font-size: 14px;}
#amz-toolbar{-webkit-overflow-scrolling:touch;}
.red{color: red !important;}
.blue{color: rgba(0,132,255,1) !important;}
.yellow{color: yellow !important;}
.green{color: green !important;}
.gray{color: gray !important;}
.grey{color: grey !important;}
.purple{color: purple !important;}
.pink{color: pink !important;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.none{display: none;}
.tb-header{
    /* 针对于谷歌苹果浏览器Safari 5.1 - 6.0 */
    background: -webkit-linear-gradient(left, rgba(0,132,255,1) , rgba(0,102,255,1));
    /* 针对于欧鹏浏览器Opera 11.1 - 12.0 */
    background: -o-linear-gradient(right, rgba(0,132,255,1) , rgba(0,102,255,1));
    /* 针对于火狐浏览器Firefox 3.6 - 15 */
    background: -moz-linear-gradient(right, rgba(0,132,255,1) , rgba(0,102,255,1));
    /* 标准语法ie9 */
    background: linear-gradient(to right, rgba(0,132,255,1) , rgba(0,102,255,1));
    position: relative;
}
.tb-header .goback,.tb-header .regedit{ color: #FFFFFF; }
.tb-header .goback i{font-size: 1.2em;}
.header-title{ position:relative; text-align: center;}
.header-title p{ color: #FFFFFF; font-size: 16px; }
.header-title p i{ vertical-align: bottom; }
.header-serach{right: 10px;}
.header-serach i{font-size: 20px;color: #f1f1f1;}
.am-header .am-header-nav{z-index: 100;}
.am-slider-default{ margin: 0;}
.am-slider-default .am-control-nav{ bottom: 10px;}
.am-slider-default .am-control-nav li a.am-active{ background: #FE5400;}
.tb-nav ul{ overflow: hidden;}
.tb-nav{ overflow: hidden; background: #fff; padding: 1rem 0 1rem 0;}
.tb-nav p{ color: #666666; font-size: 1.4rem;}
.tb-nav li{ width: 25%; float: left; text-align: center;}
.tb-nav li a{ color: #000;}
.tb-nav .am-gallery-item img {width: 60%; display: block; margin: 5px auto;}
.tb-list{padding: 0 1rem; border-top: 1px solid #c8c8c8; overflow: hidden; background: #fff;}
.tb-list span{ height: 30px; line-height: 30px; border-right:1px solid #c8c8c8 ; float: left; width: 25%; color: red; font-weight: 900;}
#divgundong{width: 75%; text-indent: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; line-height: 30px; height: 30px; float: left;}
#divgundong a{ color: #333; font-size: 1.2rem;}
#divgundong p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.am-gallery-bordered>li, .am-gallery-default>li, .am-gallery-imgbordered>li, .am-gallery-overlay>li{ padding: 0;}
.am-gallery{ padding: 0;}
.title{ margin-top: 1rem; background: #fff; color: #fe5400; font-weight: normal; text-indent: 1rem; font-size: 1.5rem; line-height: 40px; border-bottom: 1px solid #ddd;}
.text img{ width: 100%;}
.product {padding: 0 0.3rem;margin-bottom: 10px;}
.product li{ padding: 0.6rem 0.3rem;}
.product li .am-gallery-item{ border-radius: 6px;overflow: hidden;background: #FFFFFF; }
.product li .am-gallery-title{ padding: 0.6rem 0.6rem 0;margin: 0;white-space:initial;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.product .am-gallery-desc{ color: red;line-height: 1.2rem;padding: 0.3rem 0.6rem 0.6rem;font-size: 1.4rem;}
.product .am-gallery-desc .line-through{ color: #9e9e9e;text-decoration: line-through;margin-right: 2px; }
.product .am-gallery-desc i{float: right;color: #333;}
.am-navbar{height: initial !important;}
.sq-foot{background: #ffffff; color: #a4a4a4;overflow: hidden; border-top: 1px solid #eee;line-height: initial !important;position: fixed;bottom: 0;z-index: 2222;height: 49px;width: 100%;}
.am-navbar-default .am-navbar-nav{background: #ffffff;}
.sq-foot a{color: #a4a4a4;}
.sq-foot a .am-navbar-label{font-size: 1.4rem;padding-top: 0 !important;}
.sq-foot a [class*="am-icon"]::before {font-size: 1.6rem !important;}
.am-navbar-nav .curr {color: rgba(0,102,255,1);}
.am-sticky-placeholder{z-index: 100;position: relative;}
.scrollspy-nav{top: 0;width: 100%;padding: 0 1rem;display: flex;align-items: center;position: fixed;background: transparent;transition: all 1s ease;}
.scrollspy-nav.am-sticky{background: rgba(0,102,255,1);}
.scrollspy-nav .goback{position: absolute;left: 10px;z-index: 100;}
.scrollspy-nav ul {margin: 0;padding: 0;text-align: center;width: 100%;opacity: 0;transition: all 1s ease;}
.scrollspy-nav.am-sticky ul{opacity: 1;}
.scrollspy-nav li {display: inline-block;list-style: none;padding: 1.5rem 0;}
.scrollspy-nav a {color: #eee;}
.scrollspy-nav li a{margin-right: 1rem;padding-bottom: 0.6rem;border-bottom: 2px solid transparent;}
.scrollspy-nav a.am-active {border-color: #eee;}
.am-panel {margin-bottom: 10px;position: relative;}

.checkbox-fire{
    -webkit-appearance: none;
    width: 16px!important;
    height: 16px!important;
    margin: -2px 5px 0 0 !important;
    cursor: pointer;
    vertical-align: middle;
    border: 0;
    outline: none;
    background: url(../images/checkbox-uncheck.png) no-repeat;
    background-size: 100% 100%;
}
.checkbox-fire:checked{
    background: url(../images/checkbox-check.png) no-repeat;
    background-size: 100% 100%;
}

/*九宫格*/
.boxes{background: #ffffff;border-radius: 4px;margin: 1em 5% 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);overflow: hidden;}
.boxes .boxed-title{background: #ffffff;padding: 0.5em 1em;}
.boxes .boxed-content > li{text-align: center;padding-bottom: 0;width: 33.3333333%;border: 1px solid #e5e5e5;margin: 0 0 -1px 0;border-right-width:0;position: relative;}
.boxes .boxed-content > li:nth-child(3n-2){margin-left: -1px;}

.boxes .boxed-content > li a{display: flex;align-items: center;flex-direction:column;text-align: center;width: 100%;height: 100%;vertical-align: middle;justify-content: center;}
.boxes .boxed-content > li a img{width: 32px;height: 32px;display: block;margin: 0 auto 7px;}
.boxes .boxed-content > li a span{color: #333333;font-size: 14px;}
.boxes .boxed-content > li a > em{position: absolute;right: 15px;top: 15px;display: block;background:url("../images/hint_bg.png") no-repeat;background-size: 100% 100%;text-align: center;color: #ffffff;width: 20px;height: 20px;line-height: 18px;font-size: 8px;font-style: normal;}
.boxes .boxed-content > li .new{color: #ff0000;margin-left: 2px;position: absolute;}


/*大方式九宫格*/
.pboxes{background: #ffffff;border-radius: 4px;margin: 10px 10px 0;overflow: hidden;padding: 1em;}
.pboxes .boxed-title{background: #ffffff;padding: 0.5em 1em;}
.pboxes .boxed-content > li{text-align: center;width: 33.3333333%;border-right: 1px solid #f8f8f8;position: relative;}
.pboxes .boxed-content > li:nth-child(3n){border-right: 0;}

.pboxes .boxed-content > li a{display: flex;align-items: center;flex-direction:column;text-align: center;width: 100%;height: 100%;vertical-align: middle;justify-content: center;}
.pboxes .boxed-content > li a img{width: 32px;height: 32px;display: block;margin: 0 auto 7px;}
.pboxes .boxed-content > li a span{color: #333333;font-size: 14px;}
.pboxes .boxed-content > li a em{position: absolute;right: 15px;top: 15px;display: block;background:url("../images/hint_bg.png") no-repeat;background-size: 100% 100%;text-align: center;color: #ffffff;width: 20px;height: 20px;line-height: 18px;font-size: 8px;font-style: normal;}


/*十二宫格*/
.tboxes{background: #ffffff;width: 100%;overflow: hidden;}
.tboxes .boxed-content{display: flex;align-items: center;flex-wrap: wrap;}
.tboxes .boxed-content > li{width: 25%;position: relative;padding: 1em 0;text-align: center;border: 1px solid #f2f2f2;margin: 0 0 -1px 0;border-right-width:0;border-top-width: 0;}
/*.tboxes .boxed-content > li:nth-child(3n-2){margin-left: -1px;}*/

.tboxes .boxed-content > li a{display: flex;align-items: center;flex-direction:column;text-align: center;width: 100%;height: 100%;vertical-align: middle;justify-content: center;}
.tboxes .boxed-content > li a img{width: 32px;height: 32px;display: block;margin: 0 auto 7px;}
.tboxes .boxed-content > li a span{color: #333333;font-size: 14px;}
.tboxes .boxed-content > li a > em{position: absolute;right: 10px;top: 5px;display: block;background:url("../images/hint_bg.png") no-repeat;background-size: 100% 100%;text-align: center;color: #ffffff;width: 20px;height: 20px;line-height: 18px;font-size: 8px;font-style: normal;}
.tboxes .boxed-content > li .new{color: #ff0000;margin-left: 3px;position: absolute;}

/*商品详情*/
.am-slider-desc {right: 0 !important;background: none !important;}
.am-slider-desc .am-slider-counter{float: right;}

.price-panel .price{color: #ff522a;font-size: 2.5rem;line-height: 1;}
.price-panel .price .price-unit{font-size: 2rem;margin-right: 0.3rem;}
.price-panel .price small{font-size: 1.2rem;margin-left: 0.3rem;background: rgba(255,82,42,0.1);border-radius: 6px;padding: 0.1rem 0.6rem;text-align: center;}
.price-panel .m-price{margin: 0;line-height: 2rem;font-size: 1.2rem;color: #666;font-weight: 400;}
.price-panel .m-price span{text-decoration: line-through;}
.price-panel .goods-name{color: #000000;}
.price-panel .logistic{display: flex;margin-top: 0.4rem;}
.price-panel .logistic span{font-size: 1.2rem;color: #666;width: 33.333333333%;text-align: center;}
.price-panel .logistic .logistic-name{text-align: left;}
.price-panel .logistic .address{text-align: right;}

.am-list{margin: 0 !important;}
.params-label,.service-label,.userguide-label{border:none !important;}
.service-label{margin: 1rem 0 !important;}
.params-label a,.service-label a,.userguide-label a{display: flex !important;align-items: center;width: 100%;padding: 0 !important;}
.params-title{color: #989898;margin-right: 2rem;}
.params-name{white-space: nowrap;text-overflow: ellipsis;max-width: 70%;overflow: hidden;color: #333333;}
.params-icon{position: absolute;right: 0;color: #989898;}

.param-actions{max-height: 90%;border-radius: 10px 10px 0 0;overflow: hidden;bottom: 0; top: auto !important;}
.param-actions .am-popup-inner{padding-bottom: 44px;}
.param-actions .am-popup-icon{position: absolute;right: 10px;color: #333;height: 20px;line-height:20px;display: block;top: 50%;margin-top: -10px;font-size: 14px;}
.param-actions .am-popup-fd {position: absolute;bottom: 0;z-index: 1000;width: 100%;height: 43px;background-color: #fff;text-align: center;}

.param-actions .main-scroll{position: absolute;bottom: 44px;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;width: 100%;top:44px;background: transparent;height: 100%;}
.hidden-fd{overflow: hidden !important;}
.hidden-fd .main-scroll{bottom: 0 !important;}
.param-actions .am-btn{border-radius: 20px;width: calc(100% - 2em) !important;}
.am-popup-frame{width: 100%;height: 100%;margin-bottom: 20px;}
.main-scroll ul{padding: 0 0 15px 0;}
.main-scroll ul > li:first-child{border-top: none !important;}
.main-scroll ul > li{display: flex;display: -webkit-flex;}
.main-scroll ul > li .am-fl{width: 35%;text-align: left;}
.main-scroll ul > li .am-fr{width: 65%;text-align: right;color: #000;}
#product{border: none !important;}
#detail .am-panel-bd img{max-width: 100%;}

.pdt-foot{background: #fff; color: #a4a4a4;overflow: hidden; border-top: 1px solid #ddd;display: flex;align-items: center;padding:10px;min-height: env(safe-area-inset-bottom);}
.store {float: left;width: 60px;text-align: center;color: #888;line-height: 22px;}
.store img{display:block;margin: 0 auto;width:20px;height: 20px;}
.collect {float: left;width: 60px;text-align: center;color: #888;line-height: 22px;}
.collect i{display: block;width: 20px;height: 20px;margin: 0 auto;font-size: 20px;}
.collect i:before{display: block !important;}
.buy{text-align: center;width: calc(100% - 160px);border-radius: 20px;color: #FFFFFF;position:absolute;right: 1rem;}
.collect i,.buy i{vertical-align: center;}

.collect.active,.collect.active i{color: #f64000;}
.collect i.am-icon-star-o,.collect.active i.am-icon-star{display: block;}
.collect i.am-icon-star,.collect.active i.am-icon-star-o{display: none;}

/*弹窗优化*/
.am-modal-loading{opacity: 1 !important;}
.am-modal-loading .am-modal-dialog{border-radius:6px;background: rgba(0,0,0,0.6);width: auto;padding: 10px;}
.am-modal-loading .am-modal-dialog .am-modal-bd{height: 100%;color: #ffffff;padding: 0;}
.am-modal-loading .am-modal-dialog .am-modal-bd .am-icon-spinner{font-size: 16px;}
.am-modal-loading .am-modal-dialog .am-modal-fd{margin: 0;padding: 0;color: #ffffff;font-size: 12px;}

.filter select,.monitor-select{
    width: calc(100% - 70px);
    padding: 0.3em 0.5em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/arrow-down.png') no-repeat scroll right center transparent;
    background-size:24px 24px;
    border: 1px solid #eeeeee;
    border-radius: 0;
}

.am-modal-toast .am-modal-dialog{
    background: none;
}
.am-modal-toast .message-text{
    width: 270px;
    margin: 5px auto;
    padding: 5px;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    font-size: 14px;
}

.view-all{color: #f64000;}

.am-comments-list > li:first-child{margin-top: 0;}
.am-comments-list .am-comment .am-comment-hd{display: flex;align-items: center;font-size: 14px;position: relative;background: #ffffff;border: none;}
.am-comments-list .am-comment .am-comment-hd .am-comment-author img{border-radius: 50%;width: 30px;height: 30px;margin-right: 5px;}
.am-comments-list .am-comment .am-comment-hd .am-fr{color: #9e9e9e;margin-left: auto;}
.am-comments-list .am-comment .am-comment-bd{padding: 5px 0;font-size: 12px;}
.am-comments-list .am-comment .tb-r-act-bar{display: flex;align-items: center;margin-top: 10px;margin-bottom: 0;}

.am-comments-list .am-comment .tb-r-act-bar{display: flex;align-items: center;margin-bottom: 10px;}
.am-comments-list .am-comment .tb-r-act-bar ul{text-align: justify;font-size: 0;}
.am-comments-list .am-comment .tb-r-act-bar ul li{display: inline-block;text-align:center;margin-right: 10px;position: relative;width: auto;border: none;clear: none !important;}
.am-comments-list .am-comment .tb-r-act-bar ul li a{position: relative;width: 60px;height: 60px;margin: 0;padding: 0;font-size: 0;text-align: center;overflow:hidden ;display: flex;justify-content: center;align-items: center;}
.am-comments-list .am-comment .tb-r-act-bar ul li img{height:100%;width: auto;border:none;text-shadow: none;box-shadow: none;}

/*列表*/
.ui-listview li.nodata{
    text-align: center;
    justify-content: center;
    color: #666666;
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.ui-listview li.nodata a{
    color: #666666;
    text-align: center;
    justify-content: center;
}
.load-more{
    padding: 0.8em 0.4em;
    text-align: center;
}
.load-more a{
    color: rgba(0,102,255,1);
}

.investment,.investment > li{margin: 0;padding: 0;list-style: none;}
.investment li {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    position: relative;
    overflow: visible;
}
.investment > li.ui-li-has-alt > .ui-btn {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.investment > li.ui-li-has-alt > .ui-btn {
    margin-right: 2.5em;
    border-right-width: 0;
}
.investment > .ui-li-has-thumb > .ui-btn, .investment > .ui-li-static.ui-li-has-thumb {
    min-height: 3.625em;
    padding-left: 6.25em;
}
.investment > .ui-li-static, .investment > .ui-li-divider, .investment > li > .ui-btn {
    border-width: 1px 0 0;
    border-style: solid;
}
.investment > .ui-li-static, .investment > .ui-li-divider, .investment > li > .ui-btn {
    margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.investment li .ui-btn {
    border: none !important;
    background: #ffffff;
    padding-left: 4.25em !important;
}
.ui-btn {
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-btn {
    text-decoration: none !important;
}
.ui-btn, label.ui-btn {
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
}
.investment li .device-type {
    position: absolute;
    left: 0.6em;
    border-radius: 50%;
    text-align: center;
    height: 3em;
    width: 3em;
    padding: 0.2em;
    top: 50%;
    margin-top: -1.5em;
    display: table;
}
.investment li .device-type p {
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    white-space: pre-wrap;
    font-size: 0.7em !important;
}
.investment li p {
    color: #888888;
    font-size: 0.9em !important;
    margin: 0;
}
.investment > li p {
    font-size: .75em;
    font-weight: 400;
    display: block;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.investment li .device-type p img {
    width: 3.4em;
    height: 3.4em;
    border-radius: 50%;
    display: block;
    border: none;
}
.investment li h2 {
    color: #000000;
    font-size: 0.9em !important;
    font-weight: 500 !important;
    margin: 0;
}
.investment > li h1, .investment > li h2, .investment > li h3, .investment > li h4, .investment > li h5, .investment > li h6 {
    font-size: 1em;
    font-weight: 700;
    display: block;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.amz-toolbar{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1em;
    bottom: 1em;
    z-index: 9999;
}
.amz-toolbar a{
    margin-left: 5px;
    padding: 0;
}