/* CSS Document */
body { background-color:#f5f5f5; margin: 0 auto; padding: 0 0 0 0; width:100%; font-family:'microsoft yahei';}
img { padding:0px; margin:0px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.swiper-wrapper { width:100%; margin:0 auto; font-size:0;}
.swiper-wrapper img { width:100%;}

.content_species { padding:20px 0px 0;}
.content_species ul{display: -moz-box;display: -webkit-box;display: box; }
.content_species ul li{ -webkit-box-flex: 1;  text-align: center;  font-size: 16px;  margin-bottom: 10px;}
.content_species ul li:first-child {border-left:0px}   
.content_species ul li:last-child {border-right:0px}
.content_species ul li img{ width:50%; margin-bottom:5px;}

.content_species ul:after { clear:both;}


.master_list { margin-bottom:20px; border-bottom:1px #dfdfdf solid;}

.dashiimg { overflow:hidden; font-size:0px;}
.dashiimg img{ width:100%; overflow:hidden;}
.detail { display:block; width:100%; height:50px; overflow:hidden; background:#fff; border-bottom:1px #dfdfdf solid; position:relative;}
.detail p{ position: relative; height: 50px;width:50%; display: block;margin-top: 0px;padding: 0px;margin-left: 10px;overflow: hidden;}
.detail p span{  line-height:14px;font-size: 14px;vertical-align: -webkit-baseline-middle;}
.detail .caozuo { display: block; position: absolute; right: 5px; bottom: 4px;  width: 131px;}
.detail .caozuo a{display: inline-block;width: 57px;height: 40px;margin-right: 5px;position: relative;}
.detail .caozuo a em{display: block;position: absolute;width: 16px;height: 16px;background: #c0501f;color: #fff;text-align: center;line-height: 16px;border-radius: 16px;right: -6px;top: 0px;font-size: 10px;}
.detail .caozuo a b{display: inline-block;width: 57px;height: 27px;margin-top: 6px;text-align: center;line-height: 27px;border-radius: 3px;font-size: 12px;color: #444444;font-weight: normal; position: relative}
.detail .caozuo a b:after{content: '';position: absolute;top: 0;left: 0;border: 1px solid #999999;border-radius: 3px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top; }
.detail .caozuo a:hover{background: #dfdfdf;}




.famous_product { width:100%; background:#fff; padding-bottom:10px;}
.famous_product ul {
	overflow: hidden; display: -moz-box;
    display: -webkit-box;
    display:box;
}
.famous_product ul li {	float:left; box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;width: 33%;}
.famous_product ul li div { position:relative; margin:1px; border: 1px solid #dedede;}
.famous_product ul li a.img {display: block; width:100%; height:100%;}
.famous_product ul li a.img img {display: block; width:100%;}
.famous_product ul li div .tag_master1{ position:absolute; top:0px; right:0px; z-index:9999; width:55px; height:55px; display:block; background: url(/images/teamaster/shouzhi.png) center no-repeat;}
.famous_product ul li div .tag_master2{ position:absolute; top:0px; right:0px; z-index:9999; width:55px; height:55px; display:block; background:url(/images/teamaster/zhutui.png) center center no-repeat;}
.famous_product ul li div .tag_master3{ position:absolute; width:90px; height:90px;top:35%;margin-top: -65px;left: 50%;margin-left: -45px; background: url(/images/teamaster/icon_floridian.png) center center no-repeat; background-size: 70%;}

.famous_product ul li p {
	display: block; padding:5px;
}
@media (max-width: 320px) {
    .famous_product ul li p {
	    display: block; padding:0px;
    }
}
.famous_product ul li p.mpdj {background:#b0352f; text-align:center; color:#fff; padding:3px 0;}
.famous_product ul li p.nonempdj { color:#fff; background:#999; text-align:center; padding:3px 0;}

.famous_product ul li a.content {
	display: block;
	color: #444444;
	font-size: 12px;
	margin: 0 auto;
	height: 50px;
	line-height:18px;
	overflow: hidden;
	padding:5px;
}
.famous_product ul li p span.price {
	color: #c0501f;
	font-size: 12px;
}
.famous_product ul li p span.account {
	color: #999999;
	font-size: 12px;
	float: right;
	line-height: 24px;
}
.famous_product ul li p span.price b {
	color: #c0501f;
	font-size: 18px;
	font-weight: normal;
}

.btn_load_more { width: 100%; text-align: center; font-size: 16px; height: 40px; line-height: 40px; background: #fff; display: block; border-bottom: 1px solid #ccc; padding:0px!important; }
.btn_load_more:hover { background: #f9f9f9; }
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 

 loading 
.loading, .no_info{	text-align:center; width:100%; color:#666; padding:12px 0; font-size:16px;}
.loading span{vertical-align:middle;display:inline-block;background:url(/themes/mobile/images/loading.gif) left center no-repeat;background-size:30px 30px;width:30px;height:30px;margin-right:10px;}
.loading{line-height:30px;}
.hide {  display: none;}



.master_product { padding:10px; height:auto; position:relative;border-bottom: 1px #dedede dotted;}
.master_product span{ display:block;}
.master_product span.span_l { width:40%; position:relative;border:1px #dedede solid; float:left;}
.master_product span.span_r { width:60%; position:absolute; right:0px;}
.master_product span.span_l img { width:100%; height:100%; min-height:120px;}
.master_product span.span_l .tag_master1{ position:absolute; top:0px; right:0px; z-index:9999; width:40px; height:40px; display:block; background: url(/images/teamaster/shouzhi.png) center no-repeat;}
.master_product span.span_l .tag_master2{ position:absolute; top:0px; right:0px; z-index:9999; width:40px; height:40px; display:block; background:url(/images/teamaster/zhutui.png) center center no-repeat;}
.master_product span.span_l .tag_master3{ position:absolute; width:90px; height:90px;top: 50%;margin-top: -45px;left: 50%;margin-left: -45px; background:url(/images/teamaster/icon_floridian.png);}

.master_product span.span_r p{ padding-left:20px; padding-right:10px;}
.master_product span.span_r p a {
    display: inline-block;
    margin-top: 3%;
    font-size: 12px;
    color: #b0352f;
    margin-right: 15px;
    width: 60px;
    height:26px;
	line-height:26px;
    border: 2px solid #b0352f;
    border-radius: 3px;
    text-align: center;
}
.master_product span.span_r p a:hover{color: #fff;background: #a0501f; text-decoration:none;}
.master_product p img { width:100%; margin:10px 0px;}
.jg { padding:5px 0;}
.jg b{ font-size:16px; color: #b0352f; margin-right:20px;}




.master_header_mob {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #fff; padding:10px; position:relative;display: flex;}

.master_user_mob { background:#fff; float:left; width:75px; margin-right:5%; font-size:0px;}
.master_user_mob img { border-radius:50%; width:75px; height:75px;}
.master_bname_mob { background:#fff; float:left; -webkit-box-flex: 1;}
.master_bname_mob h3 { font-weight:bold; font-size:16px;}
.master_bname_mob span { font-size:12px;margin-bottom: 5px;}
.master_link_mob {  margin-top: 8px;}
.master_link_mob a em{display: block;position: absolute;width:16px;height: 16px;background: #c0501f;color: #fff;text-align: center;line-height: 16px;border-radius: 16px;right: -5px;top: -8px;font-size: 10px;}
.buy_con { display: inline-block; font-size: 12px; color: #b0352f; margin-right: 15px; width:65px; height:26px; line-height:26px; border: 1px solid #ddd; border-radius: 3px; text-align: center;position: relative;}
.buy_con:hover{color: #fff;background: #a0501f; text-decoration:none;border: 1px solid #a0501f;}

**
.tea_Evaluation_mob { margin:0 auto;}
.tea_Evaluation_mob .titone { text-align:center; font-size:22px; color:#b0352f; margin-bottom:5px;}
.tea_Evaluation_mob .tittwo { text-align:center; margin-bottom:10px; color:#000;}
.tea_Evaluation_mob .titthree { text-align:center; font-size:20px; font-weight:bold; margin-bottom:6px; color:#000;}
.tea_Evaluation_c_mob { background-color: #fff; padding:9px; position:relative; margin-bottom:15px;}
.tea_Evaluation_user_mob { background:#fff; float:left; width:75px; margin-right:5px; font-size:0px;}
.tea_Evaluation_user_mob img { border-radius:50%; width:75px; height:75px;}
.tea_Evaluation_bname_mob { background:#fff; height:65px;}
.tea_Evaluation_bname_mob .titfour { font-weight:bold; font-size:16px; margin-top:10px;}
.tea_Evaluation_bname_mob .titfour small { margin-top:10px; font-weight:normal; padding-left:10px;}
.tea_Evaluation_bname_mob span { font-size:12px; display:block; margin-top:8px;}
.tea_Evaluation_mob p { line-height: 24px; font-size: 15px; position:relative; width:cala(100% - 22px); margin-top:20px; padding:10px; font-size:0.4rem; text-justify:inter-ideograph;text-align:Justify; border:1px solid #ddd;}
.tea_Evaluation_mob p:after, .tea_Evaluation_mob p:before{border: 10px solid transparent;
  border-bottom: 10px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top:-20px;
  left:25px;
  content: ' '
  }
  .tea_Evaluation_mob p:before{border-bottom-color: #ddd;
  top: -21px;
  }

  .s_title { width:100%; max-width:720px; margin:20px auto 20px;display: -webkit-box;}
.s_title span {-webkit-box-flex:1; display:block; border-top:1px #dedede solid; margin:10px 0;}
.s_title b {-webkit-box-flex:1; width:50%; font-size:14px; padding:20px; font-weight:normal;}

.moretag { padding:10px 5px 0 5px; background:#fff; border-top:1px solid #dedede;}
.moretag li{ float:left; display:block; margin: 0 0 10px 0px; background:#fff; width: 25%; text-align:center;}
    .moretag li a { padding: 5px 0; border:1px #dedede solid;width: 90%;display: block;white-space: nowrap;overflow: hidden;margin: 0 5%;}




/*新版样式  2017-02-13*/


.tm_index_header .bdtop { display: -webkit-box; background-color: #b0352f; height: 44px; line-height: 44px;  color: #fff;}
.tm_index_header .bdtop a { display: block; text-align: center; width: 44px; height: 44px; color: #fff; font-size: 18px;}
.tm_index_header .bdtop h3 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 16px; text-align:left;}
.tm_index_header .bd ul{ height:44px; line-height: 44px; display:-webkit-box; background-color:rgba(0,0,0,0.8); position:relative;}
.tm_index_header .bd ul li { display: block; -webkit-box-flex: 1; color:#fff; text-align:center; padding:0 12px; text-align:left;}

.tm_index_header .bd ul li img { width:0.5rem; display: inline-block; margin-right:5px;}
.tm_index_header .bd ul li span { display: inline-block;}
.tm_index_header .bd .xq { background:rgba(0,0,0,0.8); color:#fff; text-align:center;position: absolute;z-index: 2;width: 100%;}
.tm_index_header .bd .xq p { line-height: 2; text-align: left; padding: 10px; text-indent: 28px; text-align: justify; text-justify: inter-ideograph;}

.content_species { padding:15px 0 0; background:#fff;}
.content_species ul {display: -webkit-box;}
.content_species ul li {
    -webkit-box-flex: 1;
    text-align: center;
    font-size: 0.386rem;
    margin-bottom:10px;
}
.content_species ul li svg { padding-bottom:5px;}



.chashi-headlines {
    height:30px;
    padding: 5px 0 5px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 10px;
    border-top: 1px solid #ededed;
}
.chashi-headlines .icon {
    font-weight: 700;
    font-size: .4rem;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 .2rem 0 .2rem;
    color: #000;
}
.chashi-headlines .icon b {
    color: #810015;
}
.chashi-headlines .slide {
    height: 30px;
    overflow: hidden;
    position: relative;
}
.chashi-headlines .slide:before {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 0;
    width: 1px;
    height:20px;
    margin-top: -10px;
    background-color: #e9e9e9;
}
.chashi-headlines .slide li {
    height: 30px;
    line-height: 20px;
	padding:5px 0;
}
.chashi-headlines .slide li a {
    display: block;
    color: #3d4245;
    margin-left:10px;
    font-size: .386rem;
	padding-right:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}



/*状元家茶-------------------------------------------------------------*/
.top-tea { background:#fff;}
.top-tea ul{}
.top-tea ul li{ padding-bottom:10px; border-bottom:1px solid #d0d0d0;}
.top-tea ul li a .img-wrap{margin-bottom:.1rem;}
.top-tea ul li a .img-wrap img{ width:100%;display: block;}
.top-tea ul li a .item-content { position:relative; color: #000; width:6.7rem; margin-left:0.3rem;}
.top-tea ul li a .item-title { font-size:0.4rem; width: 100%; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; padding-bottom: .1rem;}
.top-tea ul li a .item-store { font-size: .32rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: .1rem;}
.top-tea ul li a .item-master { font-size: .4rem; color:#b0352f; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.top-tea ul li a .item-side-box { position: absolute; left: 7rem; top: -.8rem; width:2.5rem; height:2.5rem; background: rgba(129,0,21,.9);  color: #fefefe;}
.top-tea ul li a .item-side-box span.side-desc { height: .6rem; line-height: .7rem;display: block; text-align: center; font-size: .32rem;}
.top-tea ul li a .item-side-box span.side-num { padding-top:10px; display: block;text-align: center; font-size: .5rem;}
.top-tea ul li a .item-side-box span.side-text { padding-top: .2rem; display: block; text-align: center; font-size:14px;}




/*茶师头像列表-------------------------*/
.tm_userimg { overflow: hidden; background:#fff; margin-top:10px; padding:10px 10px 10px 0px;}
.tm_userimg h1 { color:#b0352f; padding-bottom:20px; font-weight:bold;}
.tm_userimg h1 a { float:right; font-weight:normal; color:#333;}
.tm_userimg ul{ transition-duration: 600ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);}
.tm_userimg ul li{float: left; width:80px; text-align:center; padding-left:10px; box-sizing:border-box;}
.tm_userimg ul li a { display:block; }
.tm_userimg ul li img{ width:100%; display:block; border-radius:50%;}
.tm_userimg ul li span { display:block; padding-top:5px;}


/*----------------*/
.tm-tabs-nav {border-top: 1px solid #ddd; margin-top:10px;}
.tm-tabs-nav ul {
    display: -webkit-box;
}
.tm-tabs-nav li {
    -webkit-box-flex: 1;
    padding: 16px 0;
    line-height: 100%;
    text-align: center;
    font-size: 16px;
    background: #fff;
}
.tm-tabs-nav li.active {
    color: #b0352f;
    border-bottom: 2px solid #b0352f;
}
.fix-tabs-nav-fixed {position: fixed;box-shadow: 0px 3px 9px #ABABAB;left: 0px; top:0px; width: 100%;z-index: 99999; margin-top:0px;border-top:0px solid #ddd;}

.tm_product_list { margin:10px auto;}
.tm_product_list h1{ text-align:left; background:#fff; font-size:16px; margin:6px 6px 0; padding:10px 0; box-sizing:border-box;}
.tm_product_list h1 i { color:#b0352f; padding-left:3px;}
.tm_product_list ul{width: 100%;display: flex; flex-wrap: wrap; padding:3px; box-sizing:border-box; }
.tm_product_list ul li{ width:50%; float:left; padding:3px; box-sizing:border-box;}
.tm_product_list ul li a { display:block; background:#fff;}
.tm_product_list ul li a .tm_product_img { position:relative;}
.tm_product_list ul li a .tm_product_img img{ width:100%;}
.tm_product_list ul li a  .tm_product_img .mpdj { width:100%; bottom:0; position:absolute; background:rgba(0,0,0,0.6); color:#fff; text-align:center; padding:2px 0;}
.tm_product_list ul li a p { padding:5px; position:relative;}
.tm_product_list ul li a .title { margin:5px 5px 0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.386rem; height: 1.1rem;}
.tm_product_list ul li a .price { color:#b0352f;}
.tm_product_list ul li a .price b { font-size:0.5rem;}
.tm_product_list ul li a span.account { position:absolute; right:5px; bottom:8px; color: #999999; font-size: 12px; float: right;}
.tm_product_list ul li a p.titlecode { color:#999999;}
.tm_product_list ul li a .tm_product_img .disable_mark { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:2.5rem; height:2.5rem; font-size:0.5rem; text-align: center; line-height:2.5rem; border-radius: 50%; background-color: rgba(0,0,0,.5); color: #fff; z-index:2;}


.tjcs { padding-top:10px;}
.tjcs ul{ background:#fff; padding:3px;}
.tjcs ul li{ float:left; width:50%; padding:3px; box-sizing:border-box;}
.tjcs ul li a  { text-align:center; background:#f3f5f9; color:#fff; padding:10px 0px 0; display:block; border-radius:3px;}
.tjcs ul li a img{ width:50%; border-radius:50%; margin-bottom:5px;}
.tjcs ul li a p { padding-bottom:5px; color:#999;}
.tjcs ul li a p.name{ font-weight:700; font-size:16px; color:#333}
.tjcs ul li a span {  display:block; padding:10px; border-radius:0 0 3px 3px;}
.tjcs ul li a span ins {background:#b0352f; width: 90px;height: 25px;line-height: 25px; text-align: center; border: 1px solid #b0352f; border-radius: 20px; font-size: 0.3rem; box-sizing: border-box; color: #fff; display: inline-block; text-decoration:none;}

.tmtea-warp { box-sizing:border-box; background:#fff;}
.tmtea-bd { background:#fff; margin-bottom: 15px;}
.up { position: relative; width: 100%; height: 97px; background-color: #f3f5f9;}
.up img { position: absolute; top: 18.5px; left: 15px; width: 60px; height: 60px; border-radius: 50%;}
.up .info { position: absolute; top: 20px; left: 88px;}
.up .info .name { color: #999;font-size:12px; width:100%;}
.up .info b { color: #333; font-size:16px; padding-right:5px; display:inline;}
.up .btn-attention {position: absolute; top: 52px; left: 88px;}
.up .btn-attention a { width:90px; height: 25px; line-height:13px; text-align:center; padding:5px 10px; border:1px solid #b0352f; border-radius: 20px; font-size:0.3rem; box-sizing: border-box; color:#b0352f; display:inline-block; margin-right:10px;}
.down {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 42px;
    border: 1px solid #f3f5f9;
    border-top: 0;
    box-sizing: border-box;
}
.down .article-count {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    margin-left: 15px;
}
.down .read-count {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 40px;
    text-align: right;
}
.down .article-count, .down .read-count {
	font-size:14px;
    color: #999;
}
.down .article-count span, .down .read-count span {
    color: #333;
}
.li_third {border: 1px solid #f3f5f9;border-top: 0; margin-top:0px;}
.li_third ul li{ width:33.333333%;}
.li_third ul li a { position:relative;}
.li_third ul li a .title {background-color: #f3f5f9;margin: 0px;padding: 5px 5px 0;}
.li_third ul li a img { width:100%;}
.li_third ul li a .mpdj { background:#b0352f; color:#fff; text-align:center; padding:2px 0;}
.li_third ul li a p { padding: 5px;background-color: #f3f5f9;}
.li_third ul li a .disable_mark { position: absolute; left: 50%; top:1.65rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:2rem; height:2rem; font-size:0.5rem; text-align: center; line-height:2rem; border-radius: 50%; background-color: rgba(0,0,0,.7); color: #fff; z-index:2;}

.li_two {border: 1px solid #f3f5f9;border-top: 0; margin-top:0px;}
.li_two ul li{ width:50%;}
.li_two ul li a { position:relative;}
.li_two ul li a .title {background-color: #f3f5f9;margin: 0px;padding: 5px 5px 0;}
.li_two ul li a img { width:100%;}
.li_two ul li a .mpdj { background:#b0352f; color:#fff; text-align:center; padding:2px 0;}
.li_two ul li a p { padding: 5px;background-color: #f3f5f9;}
.li_two ul li a .disable_mark { position: absolute; left: 50%; top:2.4rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:2.5rem; height:2.5rem; font-size:0.5rem; text-align: center; line-height:2.5rem; border-radius: 50%; background-color: rgba(0,0,0,.7); color: #fff; z-index:2;}



.tmuser_list { padding-top:10px;}
.tmuser_list ul { padding:0 5px 10px;}
.tmuser_list ul li { background:#fff; padding:8px; box-sizing:border-box; position:relative; margin-bottom:10px;}
.tmuser_list ul li:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0; clear:both;}
.tmuser_list ul li .picbox { width:30%; float:left;}
.tmuser_list ul li .picbox img { width: 100%; height: auto; display: block;}
.tmuser_list ul li .textbox { margin-left:30%; padding:0px 10px;}
.tmuser_list ul li .textbox b { font-size:16px; color:#333;}
.tmuser_list ul li .textbox b span { font-size:0.32rem; color:#999; font-weight:normal; padding-left:5px;}
.tmuser_list ul li .textbox p{text-align:justify;text-justify:inter-ideograph; padding-top:5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:0.32rem;}
.tmuser_list ul li .tm-btn { position:absolute; bottom:8px; left:30%; padding-left:10px;}
.tmuser_list ul li .tm-btn a { padding:2px 10px; background:#fff; box-sizing:border-box; border:1px solid #ccc; display:inline-block; border-radius:5px; color:#b0352f;}





/*.p-arrow {
    position: absolute;
    bottom:-15px;
    left: 50%;
    width: 50px;
    height: 15px;
	margin-left:-25px;
    border-radius:0 0 3px 3px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    animation: arrowy 4s ease-in-out both 0.5s;
    -webkit-animation: arrowy 4s ease-in-out both 0.5s;
}
.p-arrow i { color:#fff;animation: arrowv 4s ease-in-out both 0.5s;
	-webkit-animation: arrowv 4s ease-in-out both 0.5s;}

@-webkit-keyframes arrowv {
0% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:0
}
10% {
-webkit-transform:rotate(180deg) translateY(5px);
opacity:1
}
20% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:1
}
30% {
-webkit-transform:rotate(180deg) translateY(5px);
opacity:1
}
40% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:1
}
50% {
-webkit-transform:rotate(180deg) translateY(5px);
opacity:1
}
60% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:1
}
70% {
-webkit-transform:rotate(180deg) translateY(5px);
opacity:1
}
80% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:1
}
90% {
-webkit-transform:rotate(180deg) translateY(5px);
opacity:1
}
100% {
-webkit-transform:rotate(180deg) translateY(0px);
opacity:0
}
}
@-webkit-keyframes arrowy {
100% {
opacity:0
}
}
@keyframes arrowv {
0% {
transform:rotate(180deg) translateY(0px);
opacity:0
}
10% {
transform:rotate(180deg) translateY(5px);
opacity:1
}
20% {
transform:rotate(180deg) translateY(0px);
opacity:1
}
30% {
transform:rotate(180deg) translateY(5px);
opacity:1
}
40% {
transform:rotate(180deg) translateY(0px);
opacity:1
}
50% {
transform:rotate(180deg) translateY(5px);
opacity:1
}
60% {
transform:rotate(180deg) translateY(0px);
opacity:1
}
70% {
transform:rotate(180deg) translateY(5px);
opacity:1
}
80% {
transform:rotate(180deg) translateY(0px);
opacity:1
}
90% {
transform:rotate(180deg) translateY(5px);
opacity:1
}
100% {
transform:rotate(180deg) translateY(0px);
opacity:0
}
}
@keyframes arrowy {
100% {
opacity:0
}
}*/








/*----------------*/
.tm-list-nav { border-bottom: 1px solid #ddd; background:#fff; width:100%; overflow:hidden;}
.tm-list-nav ul { height:40px;transition-property: transform; transform-origin: 0px 0px 0px;
}
.tm-list-nav li { float:left;height:40px; line-height:40px;
    padding:0 15px;
    text-align: center;
    font-size: 16px;
    background: #fff;
}
.tm-list-nav li.active {
    color: #b0352f;
    border-bottom: 2px solid #b0352f;
}
.fix-list-nav-fixed {position: fixed;box-shadow: 0px 3px 9px #ABABAB;left: 0px; top:0px; width: 100%;z-index: 99999; margin-top:0px;border-top:0px solid #ddd;}




/**/
.tmbanner { padding:5px 5px 0; background:#fff;}
.tmbanner a { display:block;}
.tmbanner img { width:100%; padding-bottom:5px;}

.tmbtm-btn { text-align:center; margin:10px 0;}
.tmbtm-btn a { line-height:1.5em; text-align: center; padding: 5px 15px 3px; border: 1px solid #b0352f; border-radius: 20px; font-size: 0.3rem; box-sizing: border-box; color: #b0352f; display: inline-block; margin: 10px;}
.tmbtm-btn svg { width:2em; height:2em;}