video {max-width: 100%;}
audio {width: 100%;}

* {word-break:break-all;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}

body {margin:0;font-size:14px;color:#333333;background:#EFEFF4;-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:#F5BA31;}

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_green {color:green;}

.f_orange {color:#FF6600;}

.f_gray {color:#666666;}

.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;}

.px11 {font-size:11px;}

.px10 {font-size:10px;}

.img-circle {border-radius:50%;}

.blank-10 {height:10px;clear:both;}

.blank-20 {height:20px;clear:both;}

.blank-35 {height:35px;clear:both;}

.main {background:#FFFFFF;clear:both;}

.bd-t {border-top:#fffdfd 1px solid;}

.bd-r {border-right:#fffdfd 1px solid;}

.bd-b {border-bottom:#fffdfd 1px solid;}

.bd-l {border-left:#fffdfd 1px solid;}



.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:18px;width:100%;line-height:36px;border:none;border-radius:4px;text-align:center;}

.btn-green {background:#838388;}

.btn-blue {background:#F5BA31;}

.btn-orange {background:#FFC233;}

.input-checkbox {width:24px;height:24px;background:url('img/icon-checkbox.png') no-repeat;background-size:24px 24px;}

.input-checkbox-checked {width:24px;height:24px;background:url('img/icon-checkbox-checked.png') no-repeat;background-size:24px 24px;}



.head-bar-fix {height:48px;clear:both;}

.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:#F8F8F800;border-bottom:#B2B2B200 1px solid;position:fixed;z-index:9;left:0;top:0;}

.head-bar img {width:24px;height:24px;vertical-align:top;padding-top:12px;}

.head-bar span {color:#F5BA31;font-size:18px;}

.head-bar-title {position:absolute;z-index:9;left:80px;right:80px;font-size:18px;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.head-bar-left {float:left;padding:0 0 0 10px;}

.head-bar-back {float:left;padding:0 0 0 5px;}

.head-bar-right {float:right;padding:0 10px 0 0;}



.foot-bar-fix {height:48px;clear:both;}

.foot-bar {width:100%;height:48px;overflow:hidden;background:#FFFDFD00;border-top:#fffdfd00 1px solid;position:fixed;z-index:9;left:0;bottom:0;}

.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('img/icon-home.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-more {background:url('img/icon-more.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-more-on {background:url('img/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:#F5BA31;}



.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('img/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 0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}



.user-info {height:84px;border-bottom:#D9D9D9 1px solid;border-top:#D9D9D9 1px solid;background:#FFFFFF url('img/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;border-bottom:#D9D9D9 1px solid;font-size:18px;}

.list-set li {background:#FFFFFF;}

.list-set div {margin-left:15px;height:44px;line-height:44px;padding:0 35px 0 0;overflow:hidden;border-top:#D9D9D9 1px solid;background:url('img/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 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-img div {margin-left:50px;}

.list-set-img img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -35px;}



.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;border-bottom:#D9D9D9 1px solid;background:#FFFFFF url('img/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 {width:100%;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#fffdfd 1px solid;padding:0 10px;}

.list-img img {float:left;margin:10px 10px 10px 0;}

.list-img ul {margin:10px 0 0 0;}

.list-img li {height:20px;line-height:20px;overflow:hidden;}

.list-img strong {font-size:14px;display:block;width:100%;font-weight:normal;}

.list-img em {font-size:12px;color:#666666;font-style:normal;}

.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:15px;}





.sell-img {height:200px;background:#fff;width:100%;float:left}

.sell-img img {margin:10px 10px 0px 0;}

.sell-img ul {margin:0;float:left;width:50%;background:#fff;}

.sell-img li {line-height:20px;overflow:hidden;width:130px;padding-left:10px;background:#fff;}

.pages{clear:both;width:100%;}





.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-tab {padding:16px;background:#FFFFFF;}

.list-tab ul {border:#F5BA31 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 {color:#F5BA31;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}

.list-tab li:first-child {border-right:#F5BA31 1px solid;}

.list-tab li:last-child {border-left:#F5BA31 1px solid;}

.list-tab span {color:#828288;display:block;width:100%;height:100%;}

.list-tab .on {background:#F5BA31;color:#FFFFFF;}

.list-tab .on span {color:#FFFFFF;}



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



.title {font-size:20px;line-height:22px;padding:16px;}

.info {font-size:14px;padding:0 16px 16px 16px;color:#666666;border-bottom:#fffdfd 1px solid;}

.content {font-size:16px;line-height:180%;padding:10px 16px;border-bottom:#fffdfd 1px solid;}

.content img {max-width:98%;width:480px;height:auto;}

.content table {max-width:98%;height:auto;}

.content-msg {font-size:16px;line-height:30px;padding:44px 15px 44px 10px;text-align:center;}

.head {height:44px;line-height:44px;font-size:18px;padding:0 16px;}

.contact {padding:10px 16px;font-size:16px;line-height:200%;}

.pages {height:76px;line-height:50px;text-align:center;background:#FFFDFD;clear:both;font-size:16px;}

.pages a {padding-left:10px;}



.album {padding:10px 0;text-align:center;}

.album_o {display:inline-block;width:10px;height:10px;margin:5px;background:#FFFFFF;border:1px solid #F5BA31;border-radius:10px;}

.album_c {display:inline-block;width:10px;height:10px;margin:5px;background:#F5BA31;border:1px solid #F5BA31;border-radius:10px;}



.share_icon {display:none;}



.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:#F5BA31;border-top:#D9D9D9 1px solid;}

.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;color:#F5BA31;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:#F5BA31;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('lib/jquery/images/ajax-loader.gif');background-size:2.875em 2.875em;}

.module-16{padding:1% 2%;

    width: 46%;

    float: left;

    clear: none;

    display: inline-table;}

.module-16 img{width:100%;display:block;float:none;margin:0;height:180px;}

.module-16 ul{display: block;width:100%;}

.module-16 .list-title{height:40px;line-height:20px;overflow:hidden;}



.tel{background:url('img/tel.jpg') no-repeat 0 4px;}

.tel a{padding-left:18px;color:blue}



.top-search-bar { position:fixed;width:100%; background: #EFEFF400; z-index:97;}

.top-search-bar .icon-left img {position:absolute; padding-top:15px;left:10px;width:20px;height:20px;}

.top-search {position:relative;width:86%;height:32px;border-radius:50px;overflow:hidden;border:1px solid #d7d7d7;margin:8px 3% 7px 11%; background-color:#FFFFFFC7;}

.top-search .icon-sear img {position:absolute; padding-top:6px;left:10px;width:20px;height:20px;}

.top-search .icon-right img {position:absolute; padding-top:6px;right:10px;width:20px;height:20px;}

.top-search input {position:absolute;top:0;left:35px;width:80%;height:32px;line-height:32px;overflow:hidden;border:none;outline:none;font-size:14px;background:none;

}

.top-search input::-webkit-input-placeholder{ color: #CCC;}



.show-next { padding:10px 16px;}

.show-next ul { border: 0; border-radius: 0; height: 24px; line-height: 24px;}

.show-next li { width:100%; border:0 !important; color:#000; font-size:14px;}



.list-newstxt {border-top:#D9D9D9 1px solid;font-size:16px;}

.list-newstxt li { position:relative; padding: 0 15px; overflow: hidden; border-bottom: #D9D9D9 1px solid; background: #FFFFFF;

}

.list-newstxt-head { height:50px; line-height:50px;}

.list-newstitle { float:left; position:relative; width:100%; margin:0; }

.list-newsavatar { float:left; margin:8px 5px 0 0; height:30px;}

.list-newsavatar img { border-radius:50%;}

.list-newstitle a { float:left; width:80%; display:inline-block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.list-newstxt .list-newsdate { position:absolute; right:10px; top:0; width:35px; font-size:11px;color:#6D6D72;}	

.dt-img-fill { object-fit:fill;}

.dt-img-contain { object-fit: contain; }

.dt-img-cover { object-fit: cover; }

