﻿@charset "utf-8";
/*慧一科技 www.destoon.info 3292628658*/
* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}
body {margin:0;font-size:14px;color:#333333;background:#fff;}/*-webkit-user-select:none;*/
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:14px;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}
.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:14px;}
.px12 {font-size:12px;}
.dsn {display:none;}
.img-circle {border-radius:50%;}
.b10 {height:10px;clear:both;overflow:hidden;width:100%}
.b52 {height:52px;clear:both;overflow:hidden;width:100%}
.main {background:#FFFFFF;clear:both;}

.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:18px;width:100%;line-height:44px;border:none;border-radius:4px;text-align:center;-webkit-appearance:none;}
.btn {background:#FFFFFF;border:#E4E4E4 1px solid;color:#000000;}
.btn:hover {background:#DEDEDE;border:#CDCDCD 1px solid;}
.btn-green {background:#1AAD19;}
.btn-green:hover {background:#179B16;}
.btn-blue {background:#ff8450;}
.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:24px;height:24px;background:url('../images/icon-check.png') no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background:url('../images/icon-checked.png') no-repeat;background-size:24px 24px;}
.list-sell{background:white;overflow:hidden}
.list-sell dl{padding:15px 15px;overflow:hidden;border-bottom:#efefef 1px solid;margin:0}
.list-sell dl img{float:left;margin-right:10px;height:75px;width:95px;margin-top:3px}
.list-sell ul{overflow:hidden}
.list-sell ul h3{line-height:20px;;font-size:14px;padding:0;margin:0;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;margin-bottom:5px;}
.list-sell ul h4{line-height:20px;;font-size:16px;padding:0;margin:0;font-weight:normal;overflow: hidden;font-weight: 400;margin-bottom:5px;}

.list-sell ul p{line-height:25px;font-size:14px;padding:0;margin:0;color:#666}
.list-sell ul p.f_red{color:#f46;margin-bottom:6px;font-size:18px}
.list-sell ul p span{float:right}

.nav{line-height:30px;padding:5px 15px;font-size:14px; background:white;border-bottom:#efefef 1px solid}

.s-title{font-size:16px;height:40px;line-height:40px;border-bottom:#e3e3e3 1px solid;border-top:#e3e3e3 1px solid;color:#1a57a2;padding:0px 15px;background:#f7f7f7}
.s-title:before{content: "";width: 2px;height: 16px;background: #1a57a2;float: left;margin: 12px 8px 0 0;}
.s-title a{color:#1a57a2}
.com-bar{position:fixed;z-index:9;bottom:0;background:#1a57a2;width:100%;height:55px;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; text-align:center}
.com-bar li i{margin: auto;display: block;width:25px;height:25px;margin-top:8px;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("../images/fix-back.png")}
.com-bar .btn-sell i{background-image:url("../images/icon-action.png")}
.com-bar .btn-tel i{background-image:url("../images/fix-tel.png")}
.com-bar .btn-qq i{background-image:url("../images/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("../images/fix-tel.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: 14px;text-align: center;}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:55px;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:16px;}
.com-bar-blank{height:55px;overflow:hidden;width:100%}

.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{	display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none }
.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:8px;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 5px;width:12px;height:12px;background:rgba(0,0,0,0.4);}
.swiper-pagination-bullet-active {opacity: 1;background:rgba(0,0,0,0.9);width:12px;height:12px;}

.op-nav-out{width:100%;height:52px;position:relative;top:0;left:0;z-index:199}
.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}
.op-nav{height:32px;z-index:109;width:100%;font-size:16px;width:100%;padding:10px 0 10px 0px;background:#1a57a2;color: #fff;position:fixed;top:0;left:0;}

.op-nav .left{float:left;width:25px;padding-left:5px;position:absolute;top:0;left:0;padding-top:15px;}
.op-nav .center{margin:0px 50px 0px 30px; text-align:center;line-height:32px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.op-nav a{color:#fff}
.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}

.icon_box {
	width:20px;
	height:20px;
	cursor:pointer;
}
.icon_box span {
	width:20px;
	height:2px;
	background:white;
	display:block;
	margin-top:5px;
	transition:all .1s;
	-webkit-transition:all 1s;
	transform-origin:0px center;
}
.icon1 {
	transform:rotate(45deg)!important;
}
.icon2 {
	width:0!important;
	margin-left:3px!important;
}
.icon3 {
	transform:rotate(-45deg)!important;
}



.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}
.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.8);left:0;top:52px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;overflow:hidden}
.menu-pop-n-ati{width:100%;height:auto;transition:width .2s,height .2s;}
.menu-nav-n{overflow:hidden}
.menu-nav-n ul{overflow:hidden;margin:-1px -1px 0 0;z-index:2000}
.menu-nav-n li{float:left;width:100%;height:48px;line-height:48px;text-indent:20px; font-size:14px;}
.menu-nav-n a{color:#fff;display:block;border-top:1px solid #999; position:relative}
.menu-nav-n a:after{
content: '';
    border: 2px solid #fff;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 18px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: none;
    border-right: none;
    right: 25px;
}



.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:105; display:none}
.op-nav .logo{float: left;width:80%;padding:0 10px;height:32px;overflow:hidden}
.op-nav .logo img{height:32px;}
.op-nav .logo em{float:left;margin-right:10px;}
.op-nav .logo span{overflow:hidden}
.op-nav .logo h1{font-size:16px;line-height:32px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;margin:0}
.op-nav .logo a{display:block}





.float-tel{position:fixed;z-index:9;bottom:90px;width:45px;height:45px;display:block;right:10px;}
.float-tel a{display:block;background:#1a57a2 url(../images/tel.png) no-repeat center;background-size:50% 50%;height:45px;width:45px;border-radius:50%;font-size:0;}

.footer{background:white;padding:15px; text-align:center;border-bottom:#e3e3e3 1px solid}
.copyright{background:white;padding:15px; text-align:center;line-height:25px}
.footer a{padding:0px 5px}

.selectList { background: white;margin:0;padding:0}
.selectList dl { position: relative; padding: 10px 80px 10px 0px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; z-index:1}
.selectList dl: last-child { border-bottom: #fff 0px solid; }
.selectList dl dt { position: absolute; width: 50px; left: 10px; top: 10px; text-align: left; margin: 0; font-size: 14px; }
.selectList dl dd a { color: #266eab; line-height: 30px; margin-left: 20px; display: inline-block;font-size:14px; }
.selectList dl dd a:hover{ text-decoration:underline}
.selectList dl dd { height: 30px;overflow:hidden  }
.selectList dl dd.showMore { position: absolute; top: 0px; right: 10px; cursor: pointer; z-index:1000 ;height:40px;}
.selectList dl dd.showMore h3 { line-height: normal; padding: 3px 8px; background: #f7f7f7; border: 1px solid #eee;font-size:12px; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: 3px; z-index:10}
.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: 12px;}
.selectList dl dd.showMore h3:hover { color: white; border: #1a57a2 solid 1px; background: #1a57a2; }
.selectList dl dd a.on{font-weight:bold}

/*全部左右布局样式*/
.box{overflow:hidden;padding:10px 0px;}
.box .ch-title {width: 50px;height: 2px;background:#1a57a2;margin: 0px auto;}
.white{background:white;overflow:hidden;padding:10px 0;margin-bottom:10px;padding:0px 12px;}
.f7f7f7{overflow:hidden;background:white;margin-bottom:10px;padding:0px 12px;}

.en-title{font-size:24px;font-weight:bold;text-transform : uppercase;padding-top:5px;color:#147b47;position:relative;margin-bottom:5px;}
.en-title:before{content:"";background:#ea5534;height:5px;width:60px;position:absolute;top:0}
.intro{font-size:14px;line-height:28px;overflow:hidden}
.intro p{text-indent:30px}
.intro img{width:100%;height:auto}
.more a{width: 120px;height: 30px;border: 1px solid #848484;color: #666;font-size: 14px;display: block;text-align: center;line-height: 31px;margin-bottom:15px;margin-top: 10px;transition: .5s;border-radius:2px;}
.more a:hover {background: #147b47;color: #fff;transition: .5s;}
.more{width:120px;margin:0px auto 0px;}
.box h3{text-align:center;font-size: 18px;color: #333;display: block;text-transform : uppercase;overflow:hidden;padding:5px 0;margin:0px;font-weight:300;}
.box h3 em {font-style: normal;color: #5a5a5a;display:block;font-size:12px;font-weight:normal;}
.news-list-box ul {overflow:hidden;}
.news-list-box ul li img{width:100px;border-radius:3px}
.news-list-box ul li{position: relative;background:white;padding:15px 0;overflow:hidden;border-bottom:#eee 1px solid}
.news-list-box ul li:nth-child(1){border-top:#eee 1px solid}
.news-list-box ul li h5{font-size:18px;font-weight:600;font-weight:normal;margin:0px;}
.news-list-box ul li em{font-size:14px;line-height:20px;color:#777;text-align:left; font-style:normal}
.news-list-box ul li .left{width:100px; float:right;margin-left:15px;}
.news-list-box ul li .right{overflow:hidden;font-size:16px;}

/*产品样式*/
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.s-box{overflow:hidden;position:relative;}
.s-box h3{font-size:18px;line-height:45px;height:45px;padding:0px 15px 0px 0px;font-weight:normal; border-bottom:#eee 1px solid;margin:0;}
.s-box h3:before{content: "";width: 4px;height: 16px;background: #1a57a2;float: left;margin: 14px 8px 0 0;}
.s-box h3 span{float:right;font-weight:normal;font-size:14px}
.s-box ul{width:100%}
.s-box ul.p10{width:100%;padding:10px 0; overflow:hidden}
.s-box li a{display:block;overflow:hidden}
.s-box li{width:48%;overflow:hidden;}
.s-box ul li:nth-child(odd){float:left;padding:1% 1% 1% 1.5%}
.s-box ul li:nth-child(even){float:right;padding:1% 0 1% 1%}
.s-box li img{width:100%;}
.s-box li p{line-height:25px;margin:0px}
.s-box li p.price{line-height:25px;margin:0px;color:red;}

.contact-us{ background:#eee;padding:15px;line-height:25px; text-align:center;overflow:hidden}
.contact-us p{margin:0}




.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#f5f5f5;position:fixed;z-index:9;left:0;bottom:0;-webkit-user-select:none;}
.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;}
.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .icon-home {background:url('../images/icon-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('../images/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('../images/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('../images/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('../images/icon-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('../images/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('../images/icon-more.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('../images/icon-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}

.foot-comment {text-align:right;margin:10px 10px 0 0;line-height:28px;font-size:16px;}
.foot-comment div {position:absolute;z-index:10;left:10px;right:60px;text-align:center;background:#FFFFFF;color:#999999;font-size:14px;}

.my-cart {width:46px;height:46px;background:url('../images/home-cart.png') no-repeat center center;background-size:46px 46px;opacity:0.9;position:fixed;z-index:10;right:10px;bottom:60px;}
.my-cart em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}

.user-info {height:84px;border-top:#D9D9D9 1px solid;background:#FFFFFF url('../images/list-set.png') no-repeat right center;background-size:23px 13px;}
.user-info img {float:left;border-radius:50%;margin:10px 16px 0 16px;}
.user-info div {float:left;line-height:26px;margin:16px 0 0 0;}
.user-info strong {font-size:18px;font-weight:normal;}

.list-set {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:18px;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:15px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#D9D9D9 1px solid;background:url('../images/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-set a {display:block;width:100%;height:44px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#333333;padding-left:10px;}
.list-set li:first-child div {border:none;}

.list-set input,.list-set select {border:#EEEEEE 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}

.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-txt {border-top:#D9D9D9 1px solid;font-size:16px;}
.list-txt li {height:44px;line-height:44px;padding:0 30px 0 15px;overflow:hidden;background:#FFFFFF url('../images/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-txt a {display:block;width:100%;height:44px;}
.list-txt span {float:right;font-size:11px;color:#6D6D72;padding-left:10px;}

.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#e3e3e3 1px solid;padding:0 12px;}
.list-img img {float:left;margin:12px 12px 0 0;}
.list-img ul {margin:12px 0 0 0; overflow:hidden}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('../images/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:15px;}
.list-img .check {float:right;width:32px;height:30px;background:url('../images/icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background:url('../images/icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background:url('../images/icon-sheet.png') no-repeat center center;background-size:20px 20px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;height:44px;line-height:44px;font-size:16px;}
.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"] {width:98%;height:24px;line-height:24px;border:none;padding:0;margin:10px 0 0 0;font-size:16px;}

.list-btn {padding:0 16px;}

.list-pay {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#D9D9D9 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('../images/icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('../images/icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px 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('../images/bg-menu.png') repeat-x 0 bottom;height:44px;overflow-x:auto;font-size:16px;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {height:42px;line-height:42px;padding:0 10px;border-bottom:#EFEFF4 2px solid;float:left;}
.list-menu .on {border-bottom:#007AFF 2px solid;color:#007AFF;}

.list-empty {padding:40px 20px;line-height:200%;background:#FFFFFF;text-align:center;}

.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#FFFFFF url('../images/list-set.png') no-repeat right center;background-size:23px 13px;}
.order-t em {font-size:12px;font-style:normal;float:right;}
.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#B2B2B2 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {height:50px;padding:0 16px;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:72px;height:24px;line-height:24px;background:#FFFFFF;border:#D9D9D9 1px solid;border-radius:10px;margin:12px 0 0 16px;font-size:12px;text-align:center;}

.title {font-size:18px;line-height:22px;padding:15px 0;}
.info {font-size:14px;padding:0 16px 16px 0px;color:#666666;border-bottom:#efefef 1px solid}
.content {font-size:16px;line-height:180%;padding:10px 0px;}
.content img {max-width:100%;height:auto;}
.content table {max-width:98%;height:auto;}
.content a {color:#007AFF;}
.main{padding:0px 12px; overflow:hidden}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:16px;line-height:30px;padding:44px 15px 44px 10px;text-align:center;}
.head {height:44px;line-height:44px;font-size:16px;padding:0 16px;}
.contact {padding:10px 16px;font-size:16px;line-height:200%;}
.pages {height:44px;line-height:44px;text-align:center;background:#F7F7F7;clear:both;font-size:16px;}
.pages a {padding-left:10px;}

.album {padding:0px 0;text-align:center;}
.album_o {display:inline-block;width:10px;height:10px;margin:5px;background:#FFFFFF;border:1px solid #007AFF;border-radius:10px;}
.album_c {display:inline-block;width:10px;height:10px;margin:5px;background:#007AFF;border:1px solid #007AFF;border-radius:10px;}

.share_icon {display:none;}

.ui-ok {background:#FFFFFF url('../images/icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#FFFFFF url('../images/icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:20px;font-weight:bold;padding-bottom:44px;}
.ui-ok div,.ui-ko div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input {margin-bottom:16px;}

.ui-form {background:#FFFFFF;padding:0 16px;}
.ui-form p {padding:16px 0;margin:0;font-size:16px;font-weight:bold;clear:both;}
.ui-form div {line-height:32px;}
.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;}
.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}
.ui-form label {display:inline;margin:0 0 0 6px;font-size:16px;}
.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:44px;line-height:44px;border:#B2B2B2 1px solid;padding:0 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('../images/ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#B2B2B2 1px solid;}
.ui-form input[type="checkbox"] {border:#B2B2B2 1px solid;}
.ui-form select {padding:0 3px;font-size:14px;height:32px;line-height:32px;border:#B2B2B2 1px solid;margin:0 10px 10px 0;background:#FFFFFF;}
.ui-form textarea {box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#B2B2B2 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:80px;height:80px;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;pointer-events:none;}

.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('../images/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('../images/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('../images/upload-file.png') no-repeat center center;background-size:16px 16px;margin:-36px 6px 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;border-top:#B2B2B2 1px solid;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}
.ui-editor-img {background:url('../images/editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#B2B2B2 1px solid;background:#FFFFFF;height:240px;padding:10px;font-size:16px;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#007AFF;}

.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;display:none;}
.ui-sheet {opacity:0.9;position:fixed;z-index:99;left:8px;right:8px;bottom:0;display:none;}
.ui-sheet div {background:#FFFFFF;border-radius:4px;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;color:#007AFF;border-top:#D9D9D9 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;color:#007AFF;font-weight:bold;margin:8px 0;background:#FFFFFF;border-radius:4px;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {color:#007AFF;display:block;width:100%;}
.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0.5;display:none;}
.ui-icon-loading {background:url('../images/ajax-loader.gif');background-size:2.875em 2.875em;}


/*new+*/
.head-bar-fix {overflow:hidden;font-size:12px;text-align:center;clear:both;color:#D3D3D3;}
.head-bar-fix em {display:inline-block;width:24px;height:24px;line-height:24px;}
.head-bar-fix .rfd em {background:url('img/icon-rfd.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfu em {background:url('img/icon-rfu.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfl em {background:url('img/spinner.gif') no-repeat center 6px;background-size:20px 20px;}
.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:#F7F7F7;border-bottom:#F0F0F0 1px solid;position:fixed;z-index:9;left:0;top:0;user-select:none;-webkit-user-select:none;}
.head-bar img {width:24px;height:24px;vertical-align:top;padding-top:12px;}
.head-bar span {font-size:16px;}
.head-bar-title {position:absolute;z-index:10;left:60px;right:60px;font-size:18px;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-title input[type="search"] {box-sizing:border-box;width:100%;height:30px;line-height:30px;color:#8B8B8B;background:#EEEEEE url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;border:none;padding:0 28px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.head-bar-left {float:left;padding:0 0 0 16px;}
.head-bar-back {float:left;padding:0 0 0 12px;}
.head-bar-right {float:right;padding:0 16px 0 0;}
.head-tab {position:relative;z-index:10;width:180px;height:49px;left:50%;margin:0 0 0 -90px;}
.head-tab i {font-style:normal;font-weight:normal;font-size:10px;color:#FFFFFF;z-index:11;position:relative;display:block;width:20px;height:20px;line-height:20px;left:50%;margin:-34px 0 0 24px;background:#FF0000;border-radius:50%;text-align:center;}
.head-tab-on {width:50px;height:45px;float:left;margin:0 16px;border-bottom:#444444 4px solid;}
.head-tab-tb {width:50px;height:45px;float:left;margin:0 16px;}
.head-tab-tb b {color:#666666;}

.gird-4,.gird-5 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-4 img,.gird-5 img {margin:0 0 6px 0;}
.gird-4 span,.gird-5 span {display:block;font-size:12px;line-height:12px;}
.gird-4 li {width:25%;height:90px;float:left;}
.gird-5 li {width:20%;height:80px;float:left;}

.list-set {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:16px;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:16px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#F0F0F0 1px solid;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-set .on {background:none;}
.list-set a {display:block;width:100%;height:44px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#444444;padding-left:10px;}
.list-set li:first-child div {border:none;}
.list-set input,.list-set select {border:#F0F0F0 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}
.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 1px solid;padding:0 12px;}
.list-img img {float:left;padding:0px 12px 0 0;}
.list-img ul {margin:12px 0 0 0;}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.list-img .check {float:right;width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background:url('img/icon-sheet.png') no-repeat center center;background-size:20px 20px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;height:48px;line-height:48px;font-size:16px;padding-top:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="tel"],.list-inp input[type="number"],.list-inp input[type="email"],.list-inp input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#F0F0F0 1px solid;padding:10px;border-radius:4px;font-size:16px;-webkit-appearance:none;}

.list-btn {padding:0 16px;}

.list-pay {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#F0F0F0 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px 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:44px;overflow-x:auto;font-size:16px;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {height:42px;line-height:42px;padding:0 10px;border-bottom:#EFEFF4 2px solid;float:left;}
.list-menu .on {border-bottom:#444444 2px solid;color:#444444;}

.list-empty {padding:48px 24px;line-height:200%;color:#999999;font-size:16px;text-align:center;}

.member-info {height:128px;background:#3A82F6;}
.member-info-avatar {width:96px;height:96px;text-align:center;float:left;}
.member-info-avatar img {width:64px;height:64px;border-radius:50%;margin-top:16px;}
.member-info-user {height:96px;float:left;}
.member-info-user p {color:#FFFFFF;font-size:18px;line-height:32px;margin:20px 0 0 0;}
.member-info-user b {color:#FFFFFF;font-size:12px;font-weight:normal;}
.member-info-icon {width:48px;height:48px;padding-top:24px;float:right;}

.member-stats {height:192px;background:#F7F7F7;border-radius:12px;position:relative;margin:-32px 10px 0 10px;}
.member-stats li {width:50%;padding:12px 0;float:left;text-align:center;font-size:12px;}
.member-stats li b {font-weight:normal;font-size:20px;display:block;padding:0 10px;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;}

.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.order-t em {font-size:12px;font-style:normal;float:right;}
.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#F0F0F0 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {height:50px;padding:0 16px;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:72px;height:24px;line-height:24px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:10px;margin:12px 0 0 16px;font-size:12px;text-align:center;}

.share_icon {display:none;}

.title {}
.title h1 {font-size:20px;line-height:22px;padding:16px;margin:0;}
.info {font-size:14px;padding:0 10px 16px 20px;color:#666666;}
.content {font-size:16px;line-height:180%;padding:10px 16px;}
.content img {max-width:100%;height:auto;}
.content table {max-width:100%;height:auto;}
.content a {color:#007AFF;}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:16px;line-height:32px;padding:48px 16px;text-align:center;}
.contact {padding:0 16px;font-size:16px;line-height:200%;}
.pages {height:36px;padding:24px 0 24px 6px;text-align:center;background:#F7F7F7;clear:both;}
.pages a {display:inline-block;height:34px;line-height:34px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:4px;margin-right:6px;padding:0 12px;font-size:14px;text-align:center;}

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

.ui-head {height:44px;line-height:44px;font-size:16px;padding:0 0 0 20px;background:#F6F6F6;}
.ui-head span {float:right;display:inline-block;font-size:12px;color:#666666;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;padding-right:28px;}
.ui-head i {display:inline-block;height:4px;width:30px;background:#FF6600;border-radius:2px;position:absolute;z-index:8;margin:40px 0 0 0;}

.ui-load {height:48px;line-height:48px;background:#FFFFFF;font-size:12px;text-align:center;display:none;}
.ui-load i {font-style:normal;display:inline-block;height:16px;line-height:16px;background:url('img/spinner.gif') no-repeat 0 center;background-size:16px 16px;padding:0 0 0 24px;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:24px;height:24px;background:#333333 url('img/icon-close.png') no-repeat center center;background-size:16px 16px;border:#000000 16px solid;border-radius:50%;font-size:10px;padding:0;}
.ui-viewer b {position:fixed;z-index:211;top:16px;right:16px;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#FFFFFF;text-align:center;}
.ui-viewer p {position:fixed;z-index:211;bottom:0;left:0;padding:16px 24px;margin:0;background:#333333;font-size:12px;color:#FFFFFF;width:100%;display:none;}
.ui-viewer em {position:fixed;z-index:211;top:16px;left:50%;margin-left:-30px;font-size:12px;color:#F6F6F6;width:60px;height:22px;line-height:22px;background:#333333;border-radius:4px;font-style:normal;text-align:center;display:none;}
.ui-viewer li {float:left;}

.ui-album {background:#000000;color:#FFFFFF;}
.ui-album span,.ui-album pre {display:none;}
.ui-album strong {display:block;line-height:20px;padding:20px;font-size:12px;font-weight:normal;}
.ui-album li {float:left;}
.ui-album em {position:absolute;z-index:5;right:0;margin:24px 24px 0 0;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;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:48px;height:48px;background:#FFFFFF url('img/video-play.png') no-repeat center center;background-size:48px 48px;left:50%;margin:80px 0 0 -28px;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:24px;height:24px;background:#000000 url('img/icon-close.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;right:0;margin:10px 10px 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:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 18px;}
.ui-ico-time {background:url('img/ico-time.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hits {background:url('img/ico-hits.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-comm {background:url('img/ico-comm.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-info {background:url('img/ico-info.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-play {background:url('img/ico-play.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-pics {background:url('img/ico-pics.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-down {background:url('img/ico-down.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-area {background:url('img/ico-area.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-user {background:url('img/ico-user.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-price {color:#FF0000;padding:0;font-size:14px;}

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

.ui-tool {padding:16px 6px;text-align:right;border-bottom:#F6F6F6 10px solid;}
.ui-main {background:#F6F6F6;padding:0 10px 0 0;overflow:hidden;clear:both;}

.ui-filter {padding:0 0 0 16px;height:48px;line-height:48px;background:#F6F6F6;}
.ui-filter b {display:inline-block;font-weight:normal;margin-right:16px;}
.ui-filter .on {color:#FF6600;}
.ui-filter i {display:inline-block;font-style:normal;padding:0 16px;}
.ui-filter-ord {background:url('img/filter-ord.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-dsc {background:url('img/filter-dsc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-asc {background:url('img/filter-asc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-box {background:url('img/filter-box.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-ckd {background:url('img/filter-ckd.png') no-repeat 0 center;background-size:12px 12px;color:#FF6600;}
.ui-filter-key {padding:0 16px 16px 16px;background:#F6F6F6;}
.ui-filter-key i {display:inline-block;font-style:normal;padding-right:16px;margin-right:16px;background:url('img/filter-del.png') no-repeat right center;background-size:12px 12px;}

.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 10px 10px;border-radius:6px;overflow:hidden;}
.ui-list-img img {width:100%;border-radius:6px 6px 0 0;}
.ui-list-img strong {display:block;line-height:20px;height:40px;margin:10px;font-size:14px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img b {display:block;line-height:20px;height:20px;margin:10px;font-size:12px;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:14px 14px;padding-left:16px;}
.ui-list-img p {margin:0;padding:6px 0 0 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}

.ui-list-txt {background:#FFFFFF;margin:0 0 10px 0;padding:10px;}
.ui-list-txt strong {display:block;line-height:20px;margin:10px;font-size:16px;font-weight:normal;}
.ui-list-txt p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-txt div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-list-mix {background:#FFFFFF;margin:0 0 10px 0;padding:10px;overflow:hidden;clear:both;}
.ui-list-mix img {float:left;margin-right:6px;width:30%;}
.ui-list-mix strong {display:block;line-height:20px;margin:2px 10px 10px 10px;font-size:16px;font-weight:normal;}
.ui-list-mix b {display:block;line-height:20px;height:20px;margin:0 10px;font-size:12px;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:14px 14px;padding-left:16px;}
.ui-list-mix p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;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 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-fr {float:right;}
.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:20px;font-weight:bold;padding-bottom:44px;}
.ui-ok div,.ui-ko div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input {margin-bottom:16px;}

.ui-form {background:#FFFFFF;padding:16px 24px;}
.ui-form p {padding:16px 0;margin:0;font-size:16px;font-weight:bold;clear:both;}
.ui-form div {line-height:32px;}
.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;}
.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}
.ui-form label {display:inline;margin:0 0 0 6px;font-size:16px;}
.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:44px;line-height:24px;border:#F0F0F0 1px solid;padding:10px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#F0F0F0 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#F0F0F0 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#F0F0F0 1px solid;}
.ui-form input[type="checkbox"] {border:#F0F0F0 1px solid;}
.ui-form select {padding:0 3px;font-size:14px;height:44px;line-height:44px;border:#F0F0F0 1px solid;margin:0 10px 10px 0;background:#FFFFFF;}
.ui-form textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#F0F0F0 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

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

.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin:0 16px 16px 0;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/icon-upload.png') no-repeat center center;background-size:24px 24px;margin:-36px 6px 0 0;}
.ui-form-scan {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/icon-scan.png') no-repeat center center;background-size:24px 24px;margin:-36px 6px 0 0;}
.limit {padding:0 16px;line-height:48px;font-size:12px;}

.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;border-top:#F0F0F0 1px solid;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}
.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#F0F0F0 1px solid;background:#FFFFFF;height:180px;padding:10px;font-size:16px;}
.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;opacity:0.8;filter:alpha(opacity=80);display:none;}
.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;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 1px solid;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;border-top:#F0F0F0 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;font-weight:bold;margin:8px 0;background:#FFFFFF;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;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:36px;right:10px;width:128px;display:none;}
.ui-pop i {display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #333333;margin-left:108px;}
.ui-pop div {text-align:center;background:#333333;border-radius:4px;padding:10px;}
.ui-pop a {display:block;width:100%;height:44px;line-height:44px;color:#FFFFFF;font-size:16px;}
.ui-side {position:fixed;z-index:99;top:0;right:0;width:256px;height:100%;background:#000000;display:none;}
.ui-frame {position:fixed;z-index:99;bottom:0;left:0;width:100%;background:#F6F6F6;display:none;}
.ui-frame p {height:48px;line-height:48px;margin:0;padding:0 16px;text-align:right;font-size:16px;}

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



.relate_1,.relate_2 {display:inline-block;height:32px;float:left;margin:0 10px 10px 0;}
.relate_1 img,.relate_2 img {width:32px;height:32px;float:left;}
.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:320px;height:32px;line-height:32px;overflow:hidden;font-weight:normal;padding:0 10px;}
.relate_2 em {display:block;width:16px;height:16px;background:url('img/relate_on.gif') no-repeat;z-index:1;position:absolute;margin:32px 0 0 32px;}
.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height:32px;border:#CCCCCC 1px solid;}
.relate_1 a:hover {border:#C90000 1px solid;}
.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height:32px;color:#333333;border:#C90000 1px solid;background:url('img/relate_on.gif') no-repeat right bottom;}

.nv_1,.nv_2,.nv_3 {float:left;padding:4px 10px;margin:0 10px 10px 0;cursor:pointer;}
.nv_1 {border:#CCCCCC 1px solid;}
.nv_1:hover {border:#C90000 1px solid;}
.nv_2 {border:#C90000 1px solid;background:url('img/relate_on.gif') no-repeat right bottom;}

.promos {}
.promos span {display:block;float:left;padding:2px 6px;margin-right:10px;background:#FFDEDF;color:#DF3033;border-left:#DF3033 1px dotted;border-right:#DF3033 1px dotted;border-top:#DF3033 1px solid;border-bottom:#DF3033 1px solid;}
.promos span:hover {background:#FFFFFF;}

.mall-info {padding:6px 0;}
.mall-info .tl {width:48px;text-align:center;line-height:35px;}
.mall-text {line-height:18px;font-size:12px;padding:0 16px 16px 16px;margin:0;color:#E4393C;}
.mall-text span {color:#005EA7;}
.mall-price {font-weight:bold;font-family:Arial;color:#FF0000;}
.mall-price span {font-size:24px;}
.mall-alter {width:128px;height:32px;border:#CCCCCC 1px solid;float:left;}
.mall-alter input{width:62px;height:32px;line-height:32px;border:none;text-align:center;padding:0;float:left;font-size:14px;}
.mall-alter b,.mall-alter i {display:block;width:32px;height:32px;line-height:32px;background:#F2F2F2;text-align:center;float:left;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;user-select:none;}
.mall-alter b {border-left:#CCCCCC 1px solid;font-size:18px;}
.mall-alter i {border-right:#CCCCCC 1px solid;font-style:normal;font-size:22px;}
.mall-alter b:hover,.mall-alter i:hover {background:#E2E2E2;}
.mall-amount {display:inline-block;height:32px;line-height:32px;float:left;margin-left:24px;color:#666666;}
.mall-foot {height:48px;}
.mall-foot table,.mall-foot td {height:48px;}
.mall-foot img {width:24px;height:24px;}
.mall-foot span {display:block;padding-top:0px;color:#7A7E83;font-size:11px;}
.mall-foot b {font-weight:normal;font-size:10px;color:#FFFFFF;z-index:10;position:absolute;display:block;width:16px;height:16px;line-height:16px;left:0;margin:-44px 0 0 128px;background:#FF0000;border-radius:50%;text-align:center;}

.btn-buy,.btn-cart {font-size:14px;width:100%;height:38px;line-height:38px;border:none;border-radius:20px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn-buy {background:#F2AC3C;color:#FFFFFF;}
.btn-buy:disabled {background:#CCCCCC;cursor:not-allowed;}
.btn-cart {background:#EA4125;color:#FFFFFF;}
.btn-cart:disabled {background:#CCCCCC;cursor:not-allowed;}

.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}

.comment-filter {background:#F3F3F3;padding:12px 16px;line-height:20px;}
.comment-filter label {display:inline-block;}
.comment-reply {font-size:12px;line-height:24px;color:#FF6600;margin:10px;padding:16px;background:#FAFAFA;border-radius:6px;clear:both;}
.comment-reply span {float:right;color:#999999;font-size:12px;}
.comment-r {overflow:hidden;}
.comment-r ul {margin:12px 16px 0 16px;overflow:hidden;}
.comment-r li {width:84px;height:84px;float:left;}
.comment-r li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}
.comment-r p {margin:0;overflow:hidden;clear:both;display:none;}
.comment-r p img {max-width:100%;cursor:pointer;}