/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/

@import url("fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#fff;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}
body,html a{color:#262626;font-size:.24rem}
.hidden,.none{display:none!important}
.blank44{height:.88rem;width:100%;overflow:hidden}
.f_red{color:red}
.f_blue {color:blue;}
.f_green {color:green;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666;}
.f_price {color:#FF0000;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.lh20 {line-height:200%;}
.px14 {font-size:.28rem;}
.px12 {font-size:.24rem;}
.dsn {display:none;}
.main {background:#F6F6F6;overflow:hidden;clear:both;}
.warn {padding:.32rem;line-height:.32rem;background:#FFFFDD;font-size:.24rem;}
.btns input {width:1.6rem;float:right;margin:.2rem .2rem 0 0;line-height:.56rem;font-size:.28rem;}
.img-circle {border-radius:50%;}
.blank-10 {height:.2rem;clear:both;}
.blank-16 {height:.32rem;clear:both;}
.blank-20 {height:.4rem;clear:both;}
.blank-32 {height:.64rem;clear:both;}
.blank-36 {height:.72rem;clear:both;}
.blank-600 {height:12rem;clear:both;}
.bd-t {border-top:#F0F0F0 .02rem solid;}
.bd-r {border-right:#F0F0F0 .02rem solid;}
.bd-b {border-bottom:#F0F0F0 .02rem solid;}
.bd-l {border-left:#F0F0F0 .02rem solid;}

.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:.36rem;width:100%;line-height:.96rem;border:none;border-radius:.08rem;text-align:center;-webkit-appearance:none;}
.btn {background:#FFFFFF;border:#E4E4E4 .02rem solid;color:#000000;}
.btn:hover {background:#DEDEDE;border:#CDCDCD .02rem solid;}
.btn-green {background:#1AAD19;}
.btn-green:hover {background:#179B16;}
.btn-blue {background:#007AFF;}
.btn-blue:hover {background:#0569D5;}
.btn-orange {background:#FF8800;}
.btn-orange:hover {background:#FF6600;}
.btn-red {background:#E64340;}
.btn-red:hover {background:#CE3C39;}
.input-checkbox {width:.48rem;height:.48rem;background:url('img/icon-check.png') no-repeat;background-size:.48rem .48rem;}
.input-checkbox-checked {width:.48rem;height:.48rem;background:url('img/icon-checked.png') no-repeat;background-size:.48rem .48rem;}

.head-bar-fix {height:.96rem;overflow:hidden;font-size:.24rem;text-align:center;clear:both;color:#D3D3D3;}
.head-bar-fix em {display:inline-block;width:.48rem;height:.48rem;line-height:.48rem;}
.head-bar-fix .rfd em {background:url('img/icon-rfd.png') no-repeat center .08rem;background-size:.48rem .48rem;}
.head-bar-fix .rfu em {background:url('img/icon-rfu.png') no-repeat center .08rem;background-size:.48rem .48rem;}
.head-bar-fix .rfl em {background:url('img/spinner.gif') no-repeat center .12rem;background-size:.4rem .4rem;}
.head-bar {width:100%;height:.96rem;line-height:.96rem;overflow:hidden;background:white;border-bottom:#eee .02rem solid;position:fixed;z-index:9;left:0;top:0;user-select:none;-webkit-user-select:none; color:#333;}
.head-bar img {width:.48rem;height:.48rem;vertical-align:top;padding-top:.24rem;}
.head-bar span {font-size:.32rem;}
.head-bar-title {position:absolute;z-index:10;left:1.6rem;right:1.6rem;font-size:.32rem;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;user-select:none;-webkit-user-select:none;}
.head-bar-left {float:left;padding:0 0 0 .32rem;}
.head-bar-back {float:left;padding:0 0 0 .24rem;}
.head-bar-right {float:right;padding:0 .32rem 0 0;}

.back2top {width:.72rem;height:.72rem;position:fixed;z-index:20;right:.4rem;bottom:2.56rem;background:#000000 url('img/back2top.png') no-repeat center center;background-size:.48rem .48rem;border-radius:50%;display:none;opacity:0.5;filter:alpha(opacity=50);}
.back2top a {display:block;width:100%;height:100%;}

.foot-bar-fix {height:.96rem;clear:both;}
.foot-bar {width:100%;height:.96rem;overflow:hidden;background:#FFFFFF;border-top:#F0F0F0 .02rem solid;position:fixed;z-index:9;left:0;bottom:0;user-select:none;-webkit-user-select:none;}
.foot-bar li {width:20%;height:.96rem;float:left;text-align:center;font-size:.22rem;}
.foot-bar span {display:block;padding-top:.6rem;color:#444444; font-size:.2rem}
.foot-bar i {font-style:normal;font-size:.2rem;position:relative;z-index:10;display:block;width:.12rem;height:.12rem;left:50%;margin:-.76rem 0 0 .16rem;background:#FF0000;border:.02rem solid #F43531;border-radius:.1rem;}
.foot-bar b {font-weight:normal;font-size:.2rem;color:#FFFFFF;z-index:10;position:relative;display:block;width:.32rem;height:.32rem;line-height:.32rem;left:50%;margin:-9.2rem 0 0 .12rem;background:#FF0000;border-radius:50%;text-align:center;}
.foot-bar .icon-home {background:url('img/foot-home.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-home-on {background:url('img/foot-home-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-channel {background:url('img/foot-channel.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-channel-on {background:url('img/foot-channel-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-my {background:url('img/foot-my.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-my-on {background:url('img/foot-my-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-cart {background:url('img/foot-cart.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-cart-on {background:url('img/foot-cart-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-message {background:url('img/foot-message.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-message-on {background:url('img/foot-message-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-more {background:url('img/foot-more.png') no-repeat center .1rem;background-size:.46rem .46rem;}
.foot-bar .icon-more-on {background:url('img/foot-more-on.png') no-repeat center .1rem;background-size:.46rem .46rem;}

.foot-comment {text-align:right;margin:.2rem .2rem 0 0;line-height:.56rem;font-size:.32rem;}
.foot-comment div {position:absolute;z-index:10;left:.2rem;right:1.2rem;text-align:center;background:#FFFFFF;color:#999999;font-size:.28rem;}

.gird-4,.gird-5 {text-align:center;padding:.3rem 0 0;overflow:auto;}
.gird-5 img { padding:.2rem;filter: grayscale(100%) brightness(300%); width:.44rem; height:.44rem;}
.gird-4 span,.gird-5 span {display:block;font-size:.22rem;line-height:.22rem;color:#000; margin-top:.1rem;}
.gird-4 li {width:25%;height:1.8rem;float:left;}
.gird-5 li {width:20%;height:1.5rem;float:left;}



.gird-5 ul li a i { display:inline-block; width:.88rem; height:.88rem; border-radius:50%;}
.gird-5 ul li:nth-child(1) a i { background:#f9760c;}
.gird-5 ul li:nth-child(2) a i { background:#ffa516;}
.gird-5 ul li:nth-child(3) a i { background:#f60;}
.gird-5 ul li:nth-child(4) a i { background:#62c511;}
.gird-5 ul li:nth-child(5) a i { background:#fd3b3b;}
.gird-5 ul li:nth-child(6) a i { background:#ff6000;}
.gird-5 ul li:nth-child(7) a i { background:#8d8bf9;}
.gird-5 ul li:nth-child(8) a i { background:#006983;}
.gird-5 ul li:nth-child(9) a i { background:#fd3b3b;}
.gird-5 ul li:nth-child(10) a i { background:#f60;}
.gird-5 ul li:nth-child(11) a i { background:#f9760c;}
.gird-5 ul li:nth-child(12) a i { background:#ffa516;}
.gird-5 ul li:nth-child(13) a i { background:#f60;}
.gird-5 ul li:nth-child(14) a i { background:#62c511;}
.gird-5 ul li:nth-child(15) a i { background:#fd3b3b;}
.gird-5 ul li:nth-child(16) a i { background:#ff6000;}
.gird-5 ul li:nth-child(17) a i { background:#8d8bf9;}
.gird-5 ul li:nth-child(18) a i { background:#006983;}
.gird-5 ul li:nth-child(19) a i { background:#fd3b3b;}
.gird-5 ul li:nth-child(20) a i { background:#f60;}




.list-set {background:#FFFFFF;border-top:#F0F0F0 .02rem solid;border-bottom:#F0F0F0 .02rem solid;font-size:.32rem;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:.3rem;height:.88rem;line-height:.88rem;padding:0 .72rem 0 0;overflow:hidden;border-top:#F0F0F0 .02rem solid;background:url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.list-set .on {background:none;}
.list-set a {display:block;width:100%;height:.88rem;}
.list-set em {display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;float:right;font-size:.24rem;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:.2rem;margin-top:.28rem;}
.list-set span {float:right;font-size:.28rem;color:#444444;padding-left:.2rem;}
.list-set li:first-child div {border:none;}
.list-set input,.list-set select {border:#F0F0F0 .02rem solid;border-radius:0;-webkit-appearance:none;padding:.08rem;font-size:.28rem;}
.list-set-img div {margin-left:1rem;}
.list-set-img img {width:.48rem;height:.48rem;position:absolute;z-index:8;margin:.2rem 0 0 -.72rem;}

.list-img {height:1.68rem;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 .02rem solid;padding:0 .24rem;}
.list-img img {float:left;margin:.24rem .24rem 0 0;}
.list-img ul {margin:.24rem 0 0 0;}
.list-img li {height:.6rem;line-height:.6rem;overflow:hidden;}
.list-img strong {font-size:.32rem;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:.32rem;}
.list-img em {font-size:.24rem;color:#666666;font-style:normal;}
.list-img i {font-size:.24rem;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:.24rem;color:#666666;}
.list-img .price {font-size:.24rem;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:.28rem .28rem;padding-left:.3rem;}
.list-img .check {float:right;width:.64rem;height:.6rem;background:url('img/icon-check.png') no-repeat center center;background-size:.4rem .4rem;}
.list-img .checked {float:right;width:.64rem;height:.6rem;background:url('img/icon-checked.png') no-repeat center center;background-size:.4rem .4rem;}
.list-img .sheet {float:right;width:.64rem;height:.6rem;background:url('img/icon-sheet.png') no-repeat center center;background-size:.4rem .4rem;}

.list-user {height:.64rem;overflow:hidden;padding:0 .32rem;margin-top:.2rem;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:1.16rem;right:.32rem;}
.list-user li {line-height:.32rem;color:#999999;}
.list-user span {float:right;font-size:.24rem;}
.list-user em {font-size:.22rem;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 .32rem;}
.list-inp div {width:100%;height:.96rem;line-height:.96rem;font-size:.32rem;padding-top:.32rem;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {box-sizing:border-box;width:100%;height:.88rem;line-height:.88rem;border:#F0F0F0 .02rem solid;padding:0px .2rem;border-radius:.08rem;font-size:.32rem;-webkit-appearance:none;}

.list-btn {padding:0 .32rem;}

.list-pay {background:#FFFFFF;border-top:#F0F0F0 .02rem solid;border-bottom:#F0F0F0 .02rem solid;font-size:.36rem;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:1rem;height:.88rem;line-height:.88rem;overflow:hidden;border-top:#F0F0F0 .02rem solid;}
.list-pay em {display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;float:right;font-size:.24rem;margin-top:.14rem;}
.list-pay span {float:right;font-size:.24rem;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:.48rem;height:.48rem;position:absolute;z-index:9;margin:.2rem 0 0 -.72rem;border-radius:.08rem;}
.list-pay .check {width:.64rem;height:.6rem;background:url('img/icon-check.png') no-repeat center center;background-size:.48rem .48rem;}
.list-pay .checked {width:.64rem;height:.6rem;background:url('img/icon-checked.png') no-repeat center center;background-size:.48rem .48rem;}

.list-tab {padding:.32rem;background:#FFFFFF;}
.list-tab ul {border:#444444 .02rem solid;border-radius:.08rem;height:.48rem;line-height:.48rem;font-size:.24rem;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 .02rem solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {background:#FFFFFF url('img/bg-menu.png') repeat-x 0 bottom;height:.88rem;overflow-x:auto;font-size:.32rem;}
.list-menu ul {width:10000px;padding:0 .2rem;}
.list-menu li {height:.84rem;line-height:.84rem;padding:0 .2rem;border-bottom:#EFEFF4 .04rem solid;float:left;}
.list-menu .on {border-bottom:#444444 .04rem solid;color:#444444;}

.list-empty {padding:.96rem .48rem;line-height:200%;color:#999999;font-size:.32rem;text-align:center;}

.member-info {height:2.56rem;background:#3A82F6;}
.member-info-avatar {width:1.92rem;height:1.92rem;text-align:center;float:left;}
.member-info-avatar img {width:1.28rem;height:1.28rem;border-radius:50%;margin-top:.32rem;}
.member-info-user {height:1.92rem;float:left;}
.member-info-user p {color:#FFFFFF;font-size:.36rem;line-height:.64rem;margin:.4rem 0 0 0;}
.member-info-user b {color:#FFFFFF;font-size:.24rem;font-weight:normal;}
.member-info-icon {width:.96rem;height:.96rem;padding-top:.48rem;float:right;}

.member-stats {height:3.84rem;background:#F7F7F7;border-radius:.24rem;position:relative;margin:-.64rem .2rem 0 .2rem;}
.member-stats li {width:50%;padding:.24rem 0;float:left;text-align:center;font-size:.24rem;}
.member-stats li b {font-weight:normal;font-size:.4rem;display:block;padding:0 .2rem;height:.96rem;line-height:.96rem;overflow:hidden;text-overflow:ellipsis;}

.order-t {height:.88rem;line-height:.88rem;padding:0 .64rem 0 .32rem;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:.46rem .26rem;}
.order-t em {font-size:.24rem;font-style:normal;float:right;}
.order-p {height:.88rem;line-height:.88rem;padding:0 .32rem;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#F0F0F0 .02rem solid;padding:.08rem .12rem;border-radius:0;font-size:.28rem;-webkit-appearance:none;}
.order-b {height:1rem;padding:0 .32rem;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:1.44rem;height:.48rem;line-height:.48rem;background:#FFFFFF;border:#F0F0F0 .02rem solid;border-radius:.2rem;margin:.24rem 0 0 .32rem;font-size:.24rem;text-align:center;}

.share_icon {display:none;}

.title {}
.title h1 {font-size:.4rem;line-height:.44rem;padding:.32rem;margin:0;}
.info {font-size:.28rem;padding:0 .2rem .32rem .4rem;color:#666666;border-bottom:#F6F6F6 .2rem solid;}
.content {font-size:.32rem;line-height:180%;padding:.2rem .32rem;}
.content img {max-width:100%;height:auto;}
.content table {max-width:100%;height:auto;}
.content a {color:#007AFF;}
.award {padding:.64rem;text-align:center;}
.award div {width:1.6rem;height:.88rem;line-height:.88rem;font-size:.4rem;font-weight:bold;letter-spacing:.04rem;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 .04rem solid;border-radius:.2rem;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:.32rem;line-height:.64rem;padding:.96rem .32rem;text-align:center;}
.head {height:.88rem;line-height:.88rem;font-size:.32rem;padding:0 .32rem;}
.contact {padding:0 .32rem;font-size:.32rem;line-height:200%;}
.pages {height:.72rem;padding:.48rem 0 .48rem .12rem;text-align:center;background:#F7F7F7;clear:both;}
.pages a {display:inline-block;height:.68rem;line-height:.68rem;background:#FFFFFF;border:#F0F0F0 .02rem solid;border-radius:.08rem;margin-right:.12rem;padding:0 .24rem;font-size:.28rem;text-align:center;}

.tool {padding:.48rem 0;text-align:center;border-top:#F6F6F6 .2rem solid;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.tool div {flex:1;font-style:normal;font-size:.24rem;color:#666666;height:.4rem;line-height:.4rem;padding:.6rem 0 0 0;}
.tool b {font-weight:normal;}
.tool .like {background:url('img/tool-like.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .hate {background:url('img/tool-hate.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .report {background:url('img/tool-report.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .favorite {background:url('img/tool-favorite.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .comment {background:url('img/tool-comment.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .award {background:url('img/tool-award.png') no-repeat center 0;background-size:.48rem .48rem;}
.tool .share {background:url('img/tool-share.png') no-repeat center 0;background-size:.48rem .48rem;}

.ui-load {height:.96rem;line-height:.96rem;background:#FFFFFF;font-size:.24rem;text-align:center;display:none;}
.ui-load i {font-style:normal;display:inline-block;height:.32rem;line-height:.32rem;background:url('img/spinner.gif') no-repeat 0 center;background-size:.32rem .32rem;padding:0 0 0 .48rem;color:#999999;}
.ui-load b {color:#D3D3D3;}

.ui-viewer {position:fixed;z-index:200;top:0;width:100%;height:10000px;background:#000000;color:#FFFFFF;display:none;}
.ui-viewer i {position:fixed;z-index:211;top:0px;left:0px;display:block;width:.48rem;height:.48rem;background:#333333 url('img/icon-close.png') no-repeat center center;background-size:.32rem .32rem;border:#000000 .32rem solid;border-radius:50%;font-size:.2rem;padding:0;}
.ui-viewer b {position:fixed;z-index:211;top:.32rem;right:.32rem;display:inline-block;padding:.08rem .16rem;background:#333333;border-radius:.2rem;font-size:.2rem;font-style:normal;color:#FFFFFF;text-align:center;}
.ui-viewer p {position:fixed;z-index:211;bottom:0;left:0;padding:.32rem .48rem;margin:0;background:#333333;font-size:.24rem;color:#FFFFFF;width:100%;display:none;}
.ui-viewer li {float:left;}
.ui-viewer img {vertical-align:center;}

.ui-album {background:#000000;color:#FFFFFF;}
.ui-album span,.ui-album pre {display:none;}
.ui-album strong {display:block;line-height:.4rem;padding:.4rem;font-size:.24rem;font-weight:normal;}
.ui-album li {float:left;}
.ui-album em {position:absolute;z-index:5;right:0;margin:.48rem .48rem 0 0;display:inline-block;padding:.08rem .16rem;background:#333333;border-radius:.2rem;font-size:.2rem;font-style:normal;color:#FFFFFF;text-align:center;opacity:0.5;filter:alpha(opacity=50);}
.ui-album b {position:absolute;z-index:6;display:block;width:.96rem;height:.96rem;background:#FFFFFF url('img/video-play.png') no-repeat center center;background-size:.96rem .96rem;left:50%;margin:1.6rem 0 0 -.56rem;border-radius:50%;opacity:0.8;filter:alpha(opacity=80);}
.ui-album p {position:absolute;z-index:7;width:100%;background:#000000;text-align:center;margin:0;padding:0;display:none;}
.ui-album i {position:absolute;z-index:8;display:block;width:.48rem;height:.48rem;background:#000000 url('img/icon-close.png') no-repeat center center;background-size:.32rem .32rem;border-radius:50%;font-size:.2rem;padding:0;right:0;margin:.2rem .2rem 0 0;opacity:0.8;filter:alpha(opacity=80);display:none;}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-price,.ui-ico-like,.ui-ico-hate,.ui-ico-sort,.ui-ico-delete,.ui-ico-quote,.ui-ico-report {font-style:normal;font-size:.24rem;color:#999999;display:inline-block;height:.32rem;line-height:.32rem;padding:0 .2rem 0 .36rem;}
.ui-ico-time {background:url('img/ico-time.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-hits {background:url('img/ico-hits.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-info {background:url('img/ico-info.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-play {background:url('img/ico-play.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-pics {background:url('img/ico-pics.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-down {background:url('img/ico-down.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-comm {background:url('img/ico-comm.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-area {background:url('img/ico-area.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-user {background:url('img/ico-user.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-price {color:#FF0000;padding:0;font-size:.28rem;}

.ui-ico-like {background:url('img/ico-like.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-hate {background:url('img/ico-hate.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-sort {background:url('img/ico-sort.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-delete {background:url('img/ico-delete.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-quote {background:url('img/ico-quote.png') no-repeat 0 center;background-size:.28rem .28rem;}
.ui-ico-report {background:url('img/ico-report.png') no-repeat 0 center;background-size:.28rem .28rem;}

.ui-tool {padding:.32rem .12rem;text-align:right;border-bottom:#F6F6F6 .2rem solid;}

.ui-main {background:#F6F6F6;padding:.2rem .2rem 0 0;overflow:hidden;clear:both;}
.ui-list-img {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;}
.ui-list-img div {background:#FFFFFF;margin:0 0 .2rem .2rem;border-radius:.12rem;overflow:hidden;}
.ui-list-img img {width:100%;border-radius:.12rem .12rem 0 0;}
.ui-list-img strong {display:block;line-height:.4rem;height:.8rem;margin:.2rem;font-size:.28rem;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img b {display:block;line-height:.4rem;height:.4rem;margin:.2rem;font-size:.24rem;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:.28rem .28rem;padding-left:.32rem;}
.ui-list-img p {margin:0;padding:.12rem 0 0 .2rem;height:.32rem;line-height:.32rem;font-size:.24rem;color:#999999;}

.ui-list-txt {background:#FFFFFF;margin:0 0 .2rem 0;padding:.2rem;}
.ui-list-txt strong {display:block;line-height:.4rem;margin:.2rem;font-size:.32rem;font-weight:normal;}
.ui-list-txt p {margin:0;padding:.12rem 0 .12rem .2rem;height:.32rem;line-height:.32rem;font-size:.24rem;color:#999999;}
.ui-list-txt div {margin:0;padding:0 .24rem;line-height:.48rem;max-height:.96rem;overflow:hidden;color:#999999;}

.ui-list-mix {background:#FFFFFF;margin:0 0 .2rem 0;padding:.2rem;overflow:hidden;clear:both;}
.ui-list-mix img {float:left;margin-right:.12rem;width:30%;}
.ui-list-mix strong {display:block;line-height:.4rem;margin:.04rem .2rem .2rem .2rem;font-size:.32rem;font-weight:normal;}
.ui-list-mix b {display:block;line-height:.4rem;height:.4rem;margin:0 .2rem;font-size:.24rem;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-mix .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:.28rem .28rem;padding-left:.32rem;}
.ui-list-mix p {margin:0;padding:.12rem 0 .12rem .2rem;height:.32rem;line-height:.32rem;font-size:.24rem;color:#999999;}
.ui-list-mix ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.ui-list-mix div {margin:0;padding:0 .24rem;line-height:.48rem;max-height:.96rem;overflow:hidden;color:#999999;}

.ui-fr {float:right;}
.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center .88rem;background-size:2rem 2rem;padding:3.76rem .32rem .88rem .32rem;text-align:center;}
.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center .88rem;background-size:2rem 2rem;padding:3.76rem .32rem .88rem .32rem;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:.4rem;font-weight:bold;padding-bottom:.88rem;}
.ui-ok div,.ui-ko div {font-size:.32rem;color:#999999;padding-bottom:.88rem;}
.ui-ok input,.ui-ko input {margin-bottom:.32rem;}

.ui-form {background:#FFFFFF;padding:.32rem .48rem;}
.ui-form p {padding:.32rem 0;margin:0;font-size:.32rem;font-weight:bold;clear:both;}
.ui-form div {line-height:.64rem;}
.ui-form em {padding-left:.12rem;font-size:.24rem;color:#FF0000;}
.ui-form b {float:right;font-size:.24rem;color:#FF0000;font-weight:normal;}
.ui-form label {display:inline;margin:0 0 0 .12rem;font-size:.32rem;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:.88rem;line-height:.88rem;border:#F0F0F0 .02rem solid;padding:0 .2rem;border-radius:.08rem;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat .12rem center;background-size:.32rem .32rem;padding:0 .56rem;}
.ui-form input[type="date"] {width:3rem;height:.88rem;line-height:.88rem;border:#F0F0F0 .02rem solid;border-radius:0;padding:0 .2rem;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:3.6rem;height:.88rem;line-height:.88rem;border:#F0F0F0 .02rem solid;border-radius:0;padding:0 .2rem;font-size:.28rem;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#F0F0F0 .02rem solid;}
.ui-form input[type="checkbox"] {border:#F0F0F0 .02rem solid;}
.ui-form select {padding:0 .06rem;font-size:.28rem;height:.88rem;line-height:.88rem;border:#F0F0F0 .02rem solid;margin:0 .2rem .2rem 0;background:#FFFFFF;}
.ui-form textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:1.44rem;line-height:.48rem;padding:.06rem;font-size:.28rem;border:#F0F0F0 .02rem solid;-webkit-appearance:none;}
.ui-form #captcha {width:2rem;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(.02rem .02rem .02rem .02rem);clip: rect(.02rem,.02rem,.02rem,.02rem);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:1.6rem;height:1.6rem;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;filter:alpha(opacity=60);pointer-events:none;}

.ui-form-thumb-show {width:1.6rem;height:1.2rem;border:#EDEEF1 .02rem solid;margin-right:.32rem;float:left;display:none;}
.ui-form-thumb-show img {width:1.6rem;height:1.2rem;border:none;}
.ui-form-thumb-upload {width:1.6rem;height:1.2rem;overflow:hidden;border:#EDEEF1 .02rem solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:.8rem .8rem;}
.ui-form-album-show {width:1.6rem;height:1.6rem;border:#EDEEF1 .02rem solid;margin:0 .32rem .32rem 0;float:left;display:none;}
.ui-form-album-show img {width:1.6rem;height:1.6rem;border:none;}
.ui-form-album-upload {width:1.6rem;height:1.6rem;overflow:hidden;border:#EDEEF1 .02rem solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:.8rem .8rem;}
.ui-form-file-upload {position:relative;width:.64rem;height:.6rem;overflow:hidden;float:right;background:#FFFFFF url('img/upload-file.png') no-repeat center center;background-size:.32rem .32rem;margin:-.72rem .12rem 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:.72rem;line-height:.72rem;padding-left:.2rem;border-top:#F0F0F0 .02rem solid;}
.ui-editor-toolbar li {width:.72rem;height:.72rem;line-height:.72rem;text-align:center;float:left;color:#7F8393;font-size:.4rem;cursor:pointer;font-family:Verdana;}
.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:.4rem .4rem;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#F0F0F0 .02rem solid;background:#FFFFFF;height:4.8rem;padding:.2rem;font-size:.32rem;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#007AFF;}

.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;display:none;}
.ui-toast {height:.64rem;line-height:.64rem;overflow:hidden;display:inline-block;padding:0 .32rem;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:.12rem;position:fixed;z-index:99;top:1.52rem;font-size:.28rem;display:none;}
.ui-sheet {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;background:#F6F6F6;}
.ui-sheet div {background:#FFFFFF;border-top:#F0F0F0 .02rem solid;}
.ui-sheet li {height:.88rem;line-height:.88rem;overflow:hidden;text-align:center;font-size:.4rem;border-top:#F0F0F0 .02rem solid;}
.ui-sheet p {height:.88rem;line-height:.88rem;text-align:center;font-size:.4rem;font-weight:bold;margin:.16rem 0;background:#FFFFFF;}
.ui-sheet em {padding:.2rem;line-height:.48rem;font-size:.28rem;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {display:block;width:100%;}
.ui-pop {position:fixed;z-index:99;top:.72rem;right:.2rem;width:2.56rem;display:none;}
.ui-pop i {display:block;width:0;height:0;border-left:.06rem solid transparent;border-right:.06rem solid transparent;border-bottom:.12rem solid #333333;margin-left:2.16rem;}
.ui-pop div {text-align:center;background:#333333;border-radius:.08rem;padding:.2rem;}
.ui-pop a {display:block;width:100%;height:.88rem;line-height:.88rem;color:#FFFFFF;font-size:.32rem;}
.ui-side {position:fixed;z-index:99;top:0;right:0;width:3.12rem;height:100%;background:#000000;display:none;}

.ui-icon-loading {background:url('img/loading.gif') no-repeat center center;background-size:.8rem .8rem;border-radius:50%;}

.com-bar{position:fixed;z-index:9;bottom:0;background:rgba(0,0,0,.8);width:100%;height:1rem;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:28%; text-align:center}
.com-bar li i{margin: auto;display: block;width:.5rem;height:.5rem;margin-top:.16rem;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("img/fix-back.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar .btn-car i{background-image:url("img/my-cart.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: .24rem; font-weight: bold;text-align: center;}
.com-bar .btn-chat{float:right;color:#fff;background:#ee2e2c;text-align:center;line-height:1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1rem;overflow:hidden;width:100%}