@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0}

ul li{ list-style:none}

.clear{ clear:both}

a{ text-decoration:none; color:#666}

img{ border:0}

html,body{ font-size:100%;width:100%; height:100%}

body{ width:100%; max-width:768px; margin:0 auto;color:#666;background:#f7f7f7;font-size:13px; overflow-x:hidden;font-family:arial,"微軟正黑體"; }

p{text-align:justify}

.kbox{ width:100%; background:#f7f7f7; height:0.4rem}



.find_btn{ background-image: url(../images/ss.png);width:39px;height:36px; cursor: pointer; float:none;}



/*banner*/

.d1{width:100%;height:auto;overflow:hidden;position:relative;}

.loading{width:100%;text-align:center;}

.d2 img{width:100%;}

.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;overflow:hidden;}

.num_list span{display:inline-block;}

#fade_focus ul{display:none;}

.button{position:absolute;z-index:1000;right:0.6rem;bottom:0.6rem;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

.b1,.b2{background:rgba(255,255,255,0.4);display:block;float:left;width:0.5rem; height:0.5rem;margin-right:0.3rem;color:#FFFFFF;text-decoration:none; cursor:pointer; border-radius:100%}

.b2{background-color:#fff;}

.button a{color:transparent}





/*typeNav*/

.typeNav{overflow: hidden;background: #fff;padding:0 0 1rem 0;}

.typeNav ul{ overflow:hidden}

.typeNav ul li{width:25%;float: left;text-align: center; margin-top:0.7rem}

.typeNav ul li img{width:55%;display: block;margin: 5px auto;}

.typeNav ul li p{color: #666666;font-size:0.8rem; text-align:center; padding-top:0.3rem; font-family:"PingFang SC Regular";}



/*热门资讯*/

.hotTit{ border-bottom:1px solid #eee; border-top:1px solid #eee;background: #fff; padding:0.7rem}

.hotTit .hotTitL{ float:left}

.hotTit .hotTitL img{ height:2rem}

.hotTitR{display: flex;font-size:0.8rem; line-height:2rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-left:0.1rem}



/*限时抢购*/

.timeBuy{border-bottom:1px solid #eee;background: #fff; border-top:1px solid #eee;}

.timeBuy .Buybox{ padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}

.timeBuy .Buybox p{font-size:0.875rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333}

.timeBuy .Buybox p span{ color:#ff2150}

.timeBuy .Buybox a.btn{ display:block; float:right; padding:0 0.3rem; box-sizing:border-box; border:1px solid #ff2150;border-radius:4px;height:1.6rem; line-height:1.6rem; margin-top:0.1rem;font-size:0.75rem; color:#ff2150}

.timeBuy .Buybox a.more{ float:right;height: 1.5rem;width: 1rem;margin-top: 0.25rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:center center; background-size:contain}

.timeBuy ul{ overflow:hidden; width:100%}

.timeBuy ul li{ float:left; width:25%; text-align:center; padding:0.5rem 0; overflow:hidden; border-right:1px solid #eee;box-sizing:border-box;}

.timeBuy ul li:nth-child(4n){ border-right:0}

.timeBuy ul li img{ width:80%;}

.timeBuy ul li p{ text-align:center; font-size:0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}





.w100{ width:100%; display:block}

.w100 img{ width:100%; display:block}



/*热门市场*/

.hotMarket{background: #fff;border-top:1px solid #eee;}

.hotM_1{border-bottom:1px solid #eee;height:7rem; overflow:hidden}

.hotM_1L{border-right:1px solid #eee;box-sizing:border-box; width:50%; height:7rem; float:left}

.hotM_1C{border-right:1px solid #eee;box-sizing:border-box; width:25%; height:7rem; float:left}

.hotM_1R{width:25%; height:7rem; float:left}



.hotM_2{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}

.hotM_2 p{font-size:0.875rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333}

.hotM_2 p span{ color:#ff2150}

.hotM_2 i{ font-style:normal; font-size:0.75rem; padding-left:0.5rem;height:1.8rem; line-height:1.8rem; max-width:50%; float:left; overflow:hidden}

.hotM_2 a.more{ float:right;height:1.8rem; line-height:1.8rem;font-size:0.75rem; padding-right:1rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:right center; background-size:40% 70%}



.hotM_3{height:10rem; overflow:hidden}

.hotM_3 .hotM_3L{ width:50%; height:10rem;border-bottom:1px solid #eee;float:left;border-right:1px solid #eee;box-sizing:border-box; overflow:hidden}

.hotM_3 .hotM_3R{width:50%; height:10rem; float:left; overflow:hidden}

.hotM_3R_1{float:left;height:5rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:50%;border-right:1px solid #eee}

.hotM_3R_1.br{ border-right:0}



.hotM_4{height:12rem; overflow:hidden}

.hotM_4 .hotM_4L{ width:50%; height:12rem;border-bottom:1px solid #eee;float:left;border-right:1px solid #eee;box-sizing:border-box; overflow:hidden}

.hotM_4 .hotM_4R{width:50%; height:12rem; float:left; overflow:hidden}

.hotM_4R_1{float:left;height:6rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:50%;border-right:1px solid #eee}

.hotM_4R_1.br{ border-right:0}



.hotM_5{height:6rem; overflow:hidden}

.hotM_5L{float:left;height:6rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:25%;border-right:1px solid #eee}

.hotM_5L.br{ border-right:0}





/*çŒœä½ å–œæ¬¢*/

.likebox{background: #fff;border-top:1px solid #eee;}

.likeTit{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}

.likeTit img{ height:0.8rem; vertical-align:middle}

.likeTit span{ line-height:1.8rem; height:1.8rem; padding-left:0.5rem;font-size:0.875rem;overflow:hidden; color:#333}



.likeTit .more{ float: right;

height: 1.8rem;

line-height: 1.8rem;

font-size: 0.75rem;

padding-right: 1rem;

background-image: url(../images/more.png);

background-repeat: no-repeat;

background-position: right center;

background-size: 40% 70%;}

.likebox ul{ overflow:hidden;}

.likebox ul li{ float:left; width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;}

.likebox ul li:nth-child(2n){ border-right:1px solid #fff}

.likebox ul li a{ display:block; padding:0.5rem}

.likebox ul li img.proimg{ width:100%;}

.likebox ul li p.tit{  font-size:0.8rem; padding-top:0.5rem; color:#333; line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.likebox ul li p.price{ color:coral;padding-top:0.5rem; height:1rem; line-height:1rem;font-size:0.875rem;}

.likebox ul li p.price span{ padding-left:1rem; color:#999; text-decoration:line-through;font-size:0.7rem; height:1rem;line-height:1rem}

.likebox ul li p.price img{ float:right}





/*footer*/

.fbox2{ width:100%; height:2.8rem}

.fbox1{ width:100%; height:5.5rem}

.fbox{ width:100%; height:2.7rem}

.footbox{width:100%; max-width:768px; margin:0 auto; }

.footer{ position:fixed;width:100%;max-width:768px;bottom:0;background:#fff;z-index:99999;padding-top:0.2rem;border-top:1px solid #eee;height:2.6rem;}

.footer ul{ overflow:hidden;}

.footer ul li{ float:left; width:25%; text-align:center}

.footer ul li img{ height:1.2rem;} 

.footer ul li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:1.2rem}

.footer ul li.on p{ color:#D78644}



/*headerbox*/

.headerbox{width:100%; max-width:768px; margin:0 auto; }

.headerbox .header{padding: 0.5rem 0;height: 1.8rem;position:fixed;width:100%;max-width:768px;top:0;background:#fff;z-index:9999;border-bottom:1px solid #eee;}

.headerbox .header .headerL{ position:absolute; left:0; top:0; height:1.8rem; padding-left:0.6rem;}

.headerbox .header .headerL img{ display:block;height: 1.1rem;padding-top: 0.9rem;}

.headerbox .header .headerC{ width:100%; height:1.8rem; line-height:1.8rem; text-align:center}

.headerbox .header .headerC p{ text-align:center; font-size:1.1rem; color:#333}

.headerbox .header .headerR{position:absolute; right:0; top:0; height:1.8rem; padding-right:0.6rem;}

.headerbox .header .headerR a{ color:#333; font-size:0.8rem; line-height:2.8rem}

.headerbox .header .headerR a.c9{ color:#999}

.headerbox .header .headerR img{ height: 0.6rem; margin-top: 1rem;}



.container{width:96%;margin:0 auto;}



.dpsubL{width:96%;margin:0 auto;padding-bottom:10px;}

.shopdi{background:#141414;  background-size: cover; }

.xqdp{ border-bottom: 1px solid #eee; bbackground-color:#fff;background:transparent;border-radius:20px 20px 0px 0px;position:relative;background-image:url(../images/bgindex2.png);}

.xqbtn{ width:100%; padding:0.7rem 0 0.2rem 0;}

.xqbtn a{display: inline-block;height: 1.5rem;width: 6rem;text-align: center;line-height: 1.5rem;border: 1px solid #ddd;background: #fff;font-size: 0.75rem;color: #333;border-radius: 3px; }

.xqdp_1{ width:100%; height:2.5rem}

.xqdp_1 .xqdp1_1{ float:left; width:70%; overflow:hidden;margin-left:100px;}

.xqdp_1 .xqdp1_1 .dpimg{position:absolute;top:-20px;left:20px;}

.xqdp_1 .xqdp1_1 .dpimg img{width: 70px;height: 70px; border-radius:10px;border:solid 1px #DCDCDC;}

.xqdp_1 .xqdp1_1 .dptxt{flex: 1;height: 3.5rem;}

.xqdp_1 .xqdp1_1 .dptxt .p1{color: #000;font-size:18px; padding-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:border;}

.xqdp_1 .xqdp1_1 .dptxt .p2{ color:#999; padding-top:3px; font-size: 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:18px;}

.xqdp_1 .xqdp1_2{ float:right; width:30%; overflow:hidden;}

.xqdp_1 .xqdp1_2 .scbox{width:70%; color:#666; float:right; text-align: center; }

.xqdp_1 .xqdp1_2 .scbox span{ display:inline-block; text-align:center; font-size:13px; line-height:18px; -webkit-text-size-adjust: none;background-color:coral ;color:#fff;margin-top:3px;padding-left:3px;padding-right:4px;border-radius:3px;padding-top:3px;padding-bottom:3px;}







.pager{ margin-top:20px; text-align:center}



.pager p{text-align:center;font-size:15px;}



.pager span{ background-color:#DFEDF8; padding:5px 8px 5px 8px ;  color:#000; margin-left:2px; margin-right:2px; display:inline-block; }



.pager a{  padding:5px 8px 5px 8px ; color:#000; margin-left:2px; margin-right:2px; display:inline-block; }



.pager strong{ background-color:#FF2150; padding:5px 10px 5px 10px ; color:#fff;}







.xgg{width:100%; background-color: #fff;padding-top:10px; padding-bottom:10px;margin:0 auto; }



.spxx{margin:10px;margin-top:0px;}



.spxx2{ float: left;margin-left:10px;}

.spxx2 h4{color:#000; font-size:17px;}

.spxx2 span{ display: block; margin-top:1px;color:#888;}

.spxx2  p{color:#D6171C; font-size: 20px; font-weight: bold; font-family: 'Times New Roman', Times, serif;}



.shuliang{float: right; }

.shuliang img{width:30px; cursor: pointer; vertical-align: middle;}

.num{width:30px; text-align: center; font-size: 18px; border:none;}



.suxinglist{margin:10px;margin-top:20px;}

.shuxing{margin-top:10px}

.shuxing h5{ font-size: 15px;}

.shuxing a{ cursor: pointer;margin-right:10px; background-color:#F8F8F8; padding:5px 6.5px;border-radius: 5px;margin-top:10px; display:inline-block;width:45px; text-align: center;color:#333;}

.shuxing a:hover{background-color:#F5E8D5; color:#9A6310;}

.shuxing a:focus { color:#9A6310;}

#cattsel{  background-color:#F5E8D5; color:#9A6310}



.dpsub1{padding-top:8px;}



.hbox1{ width:100%; height:3.4rem; overflow:hidden}



/*搜索*/

.headerbox .header .headerC0{ width:75%; margin:0 auto; height:1.8rem; line-height:1.8rem; text-align:center; background:#f7f7f7; border:1px solid #f7f7f7; box-sizing:border-box; border-radius:4px;}

.headerbox .header .headerC0 .ssdiv{ display:block; width:100%; height:100%}

.headerbox .header .headerC0 .ssdiv input{ float:left; width:80%; border:0; outline:none; height:1.8rem; line-height:1.8rem; color:#999; font-size:0.8rem; background:none; padding-left:0.3rem}

.headerbox .header .headerC0 .ssdiv img{ float:right; height:1.8rem}



.hbox{ width:100%; height:2.85rem; overflow:hidden}

.hdbox0{ height:2.8rem;position: fixed;width: 100%;max-width:768px;top: 0;background: #fff;z-index: 9999;border-bottom: 1px solid #eee;}

.hdbox_1{ position:absolute; top:0;left:0.6rem; height:2.8rem;}

.hdbox_1 img{ height:1.1rem;padding-top:0.8rem}

.hdbox_2{ width:50%; margin:0 auto; height:2.8rem}

.hdbox_2 ul{ overflow:hidden; width:100%;height:2.8rem}

.hdbox_2 ul li{ float:left; width:50%; overflow:hidden; height:2.8rem; line-height:2.8rem}

.hdbox_2 ul li a{ display:block; color:#333; font-size:0.8rem; text-align:center}

.hdbox_2 ul li.on{ border-bottom:1px solid #ff2150; height:2.8rem;box-sizing: border-box;}

.hdbox_2 ul li.on a{ color:#ff2150}



.zjssbox{ padding:0.5rem 0.6rem; overflow:hidden; height:1.8rem}

.zjssbox img.i1{ float:left; display:block;height: 1.1rem;margin-top: 0.2rem;}

.zjssbox .sstxt{ height:1.8rem; line-height:1.8rem; float:left}

.zjssbox img.i2{ float:right; display:block;height: 1.1rem;margin-top: 0.2rem;}



.ssbox{ overflow:hidden; padding:0 0.6rem}

.ssbox a{ border:1px solid #ddd; display:block; float:left; height:1.4rem; line-height:1.4rem; padding:0 0.5rem; font-size:0.75rem; margin-right:0.5rem; margin-bottom:0.5rem; border-radius:4px}

.linebox{ padding:0 0.6rem; height:1px; padding-top:0.5rem}

.linebox .line0{width:100%; height:1px; background:#ddd}



.goback{cursor: pointer;}



.xqtab{ width:100%;background:#fff; border-top:1px solid #eee;}

.xqtab .Menubox{ width:100%; height:2.5rem;border-bottom:1px solid #eee}

.xqtab .Menubox ul{ overflow:hidden}

.xqtab .Menubox ul li{ float:left; width:50%; font-size:15px; height:2.5rem; line-height:2.5rem; text-align:center}

.xqtab .Menubox ul li.hover{ border-bottom:1px solid #ff2150; color:#ff2150}

.xqtab .Contentbox{ width:100%;}





/*购物车*/

.gwcbox{background:#fff}

.gwcbox_1{ border-top:1px solid #eee; border-bottom:1px solid #eee;background:#fff;margin-top:37px;}

.gwcbox_1 .gwc1_1{padding:0.8rem 0.5rem; height:1.2rem; line-height:1.2rem;border-bottom:1px solid #eee}

.gwcbox_1 .gwc1_1 .g1{ float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem;}

.gwccheck{width:100%; height:100%;background-image:url(../images/line/checkno.png); background-repeat:no-repeat; background-position:center center; background-size:contain}

.gwccheck.on{background-image:url(../images/line/checkon.png); background-repeat:no-repeat; background-position:center center; background-size:contain}

.gwcbox_1 .gwc1_1 .g2{ float:left; width:60%; overflow:hidden; height:1.2rem}

.gwcbox_1 .gwc1_1 .g2 span{ display:block;font-size:0.9rem; color:#000; font-size:15px; max-width:50%; float:left; height:1.2rem; line-height:1.2rem; vertical-align:middle; overflow:hidden}

.gwcbox_1 .gwc1_1 .g2 img{ padding-left:0.2rem}

.gwcbox_1 .gwc1_1 .g3{ float:right}

.gwcbox_1 .gwc1_1 .g3 img{ height:1rem; padding-top:0.1rem}



.gwcbox_1 .gwc1_2{padding:0 0.5rem;}

.gwcbox_1 .gwc1_2 .gwcone{border-bottom:1px solid #eee; padding:0.5rem 0; height:4.5rem; overflow:hidden}

.gwcbox_1 .gwc1_2 .gwcone:last-child{ border-bottom:0}

.gwcbox_1 .gwc1_2 .gwcone .go1{float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem; margin-top:1.7rem}

.gwcbox_1 .gwc1_2 .gwcone .go2{ float:left; width:4.5rem; height:4.5rem; overflow:hidden;padding-right:0.5rem;}

.gwcbox_1 .gwc1_2 .gwcone .go2 img{width:60px; height:60px; overflow:hidden;border:solid 1px #ccc;}

.gwcbox_1 .gwc1_2 .gwcone .go3{ flex:1; height:60px;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1{ height:20px; overflow:hidden}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p1{width:70%;float: left;  text-overflow:ellipsis;overflow: hidden;white-space: nowrap; color:#333; font-size:13px; line-height: 20px;  white-space:nowrap;text-overflow:ellipsis; }

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p2{float:right; color:#ff2150; font-size:13px;}



.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2{height:15px; overflow:hidden;line-height:13px;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 p.p3{float:left; color:#999; font-size:0.8rem; width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 p.p4{ font-size:1rem}



.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3{height:24px; overflow:hidden;margin-top:3px;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num1{ float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem;cursor: pointer;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num2{ float:left;width:2.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; line-height:1.5rem;}



.num2_1{width:100%; border:none; background:#f7f7f7; text-align: center;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num3{float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7;font-size:0.9rem ;color:#ff2150;cursor: pointer;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del{ float:right}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del img{ height:1.1rem;margin-top: 0.1rem;cursor: pointer;}







.qwzf{ text-align: center;margin-top:10px;}

.zxzf{width:80%; margin:0 auto; display: block; background-color:#FF6600; color:#fff; padding-top:7px; padding-bottom:7px; border-radius: 5px;border:none;cursor: pointer;}



/*我的會員*/





.my_head { width: 100%;padding-top:20px;color:#fff;font-size:17x; background-color: #292522;min-height:60px; background-image: url(../images/line/user_bg.jpg); font-weight: bold;}



.my_head  p{width:90%;margin:0 auto;}

.sc_k{

	position: relative;

	height: 1px	;

}

.sc_k>div{

    position: absolute;

    background: #fff;

    overflow: hidden;

    border-radius: 10px;

    box-shadow: 0 1px 5px #e2e2e2;

    width: 90%;

    padding: .2rem 0;

    top: -.6rem;

    left: 0;

    right: 0;

    margin: auto;z-index: 99;

}

.sc_k>div ul{

	text-align: center;

	justify-content : space-around;

	display: flex; 

}

.sc_k>div ul li {

    padding-top:5px;

    padding-bottom:5px;

}

.sc_k>div ul li img{

	width: 35px;

	height: 35px;

}



.sc_k>div ul li a{

	font-size: 15px;

	color: #828282;

}

.list_index_my{

    margin-top:90px;

	background:#fff;

}

.list_index_my a{

	display: block;

}

.list_index_my .my_dind{

	/* margin-bottom: 1px; */

    padding: 2%;

    background: #fff;

    border-bottom: solid 1px #f6f6f6;

}

.list_index_my .my_dind .bt {

	border-bottom: none;

	position: relative;

}

.list_index_my .my_dind .bt a{

	display: flex;

	justify-content: space-between;

    width: 100%;

    color:#666;

    font-size:13px;

}



.list_index_my .my_dind .bt a .right{

	align-items : center;

	display: flex;

}



.list_index_my .my_dind .bt a .right img{

	width:9px;

}

.list_index_my .my_dind .bt h3{

	font-weight: unset;

	align-items : center;

	display: flex;

	position: relative;



}



.list_index_my .my_dind .bt h3 img{

	width: 16px;

	height: 16px; 

	margin-right:5px;

	

}

.list_index_my .my_dind .bt b{

	color: #ff2e26;

}



.list_index_my .my_dind .bt .dian{

	width: 2px;

	height: 2px;

	border-radius: 50%;

	position: absolute;

	background: #ff2e26;

	top: 5px;

	right: 0px;

}

.ziye_toub {

    position: fixed;

    top: 0px;

    left: 0px;

    height: 30px;

    width: 100%;

    line-height: 30px;

    text-align: center;

    box-shadow: 0 0 3px #ababab;

    z-index: 999;

    background: #fff;

}



.ziye_toub .left {

    width: 10px;

    height: 17px;

    position: absolute;

    top: 6px;

    left:5px;

    background: url(../images/back_jt.png) no-repeat center;

    cursor: pointer;

}

.ziye_toub p {

	font-size: 15px;

    color: #333333;

    text-align: center;

}



.my_wode_ziliao{

	margin: 10px 0 0 0; 

}







.my_wode_ziliao .my_dind .bt h3 p{

	width: 20%;

	text-align: left;

    color: #544e4c;

    float: left;

    font-size:13px;

   

   

}



.my_wode_ziliao .my_dind .bt h3 input{

	width:78%;

	border:none;

	color: #999;

    outline: none;

  

    float: right;

    

}



.queding_wq {

    background: #AC9454;

   background-image: url(../images/bgallbtn.png);

    width: 100%;

    display: block;

    color:#fff;

    margin-top:6px;

    border:none;

    padding-top:10px;

    padding-bottom:10px;

    cursor: pointer;

    

}



.wjmm{ font-size:13px; color:red;}



.vip_user_order{margin-top:32px;}

 

.vip_user_order .order_nav {

    background-color: #fff; 

    padding-top: 1%;

}



.vip_user_order .order_nav a {

    opacity: 1;

    width: auto;

    height: auto;

    background: none;

    font-size: 15px;

    color: #666;

    line-height: 150%;

    padding: 2% 0;

    border-radius: 0;

    border-bottom: rgba(0,0,0,.0) solid 2px;

	display: block;

	outline: none;

}

.vip_user_order .order_nav .swiper-pagination-bullet-active {

    border-bottom: chocolate solid 2px;

	color: chocolate;

	

}

.vip_user_order .order_nav.dis_flex {

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: flex;

    flex-wrap: nowrap;

    -webkit-box-pack: justify;

    -moz-justify-content: space-around;

    -webkit-justify-content: space-around;

    justify-content: space-around;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}

  



.orderlist{margin:0 auto;width:96%;}

.orderlist li{margin-top:10px; background-color: #fff;width:94%;padding:3%;border: 1px solid #eee;

    border-radius: 4px;}

.dingdan{font-size: 15px;color:#000;  font-size:13px;}

.dingdan span{ float: right;color:#888;font-size:13px;} 

.ddprice{margin-top:10px;}

.ddprice strong{ float: left;width:20%; color:#D6171C;font-size:13px;font-weight: lighter; }

.ddprice a{width:30%; float: right; display: inline-block;width:80px;height: 24px; border-radius: 3px; background-color:#D6171C;color:#fff; text-align: center;font-size:12px;line-height: 24px;}

.ddprice span{float: left; width:50%; color:#6E3722; text-align: center; font-size:13px;}







.pager{ margin-top:20px; text-align:center}



.pager span{ background-color:#DFEDF8; padding:5px 8px 5px 8px ;  color:#000; margin-left:2px; margin-right:2px; display:inline-block; }



.pager a{  padding:5px 8px 5px 8px ; color:#000; margin-left:2px; margin-right:2px; display:inline-block; }



.pager strong{ background-color:#000; padding:5px 10px 5px 10px ; color:#fff;}





.dingdannav{ background-color: #fff;margin-top:32px; height:30px;line-height: 30px; font-size: 14px;}

.dingdannav li{width:33.3333%; float: left; text-align: center;}

.dingdannav li a{ display: block; color:#666;}

.ddxz{ border-bottom: solid 1px #E53935;}





.dddetail{background-image: url(../images/line/order_bg.jpg);padding-top:10px; padding-bottom:10px;margin-top:30px; background-color:#333; }

.dddetail1{width:96%; margin:0 auto; color:#fff; font-size: 15px;line-height:26px;}





.shnobox2{padding:10px;border-bottom: 1px solid #eee;overflow: hidden;position: relative;}

.shnobox2 .shnobox2_L{float: left;width: 3rem;height: 3rem;overflow: hidden;padding-right: 0.5rem;}

.shnobox2 .shnobox2_L .img{width: 50px;height: 3rem}

.shnobox2 .shnobox2_R{flex: 1;height: 3rem;}

.shnobox2_R_1{ height:1rem; overflow:hidden}

.shnobox2_R_1 .le{float:left;font-size:13px;color:#333;line-height:1rem;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.shnobox2_R_1 .ri{position: absolute; right:10px;font-size:13px;}

.shnobox2_R_2{ height:2rem; overflow:hidden}

.shnobox2_R_2 .lef{ float:left; width:70%; overflow:hidden}

.shnobox2_R_2 .lef .p1{ color:#999; font-size:13px;line-height:1rem; padding-top:0.2rem}

.shnobox2_R_2 .lef .p2{ width:100%; text-align:right;}

.shnobox2_R_2 .rig{ float:right; width:30%; overflow:hidden}

.shnobox2_R_2 .rig a{display: block;border: 1px solid #ff2150;color: #ff2150;font-size: 0.75rem;padding: 0 0.6rem;height: 1.2rem;line-height: 1.2rem;border-radius: 3px;box-sizing: border-box; float:right; margin-top:0.5rem}



.dddetail2{background-color: #fff;padding-top:10px; padding-bottom:10px;}

.dphjbox{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #eee;}

.dphjbox .p5{ color:#999; font-size:0.75rem; text-align:right}

.dphjbox .p5 span{color:#ff2150; font-size:0.9rem; font-weight:500}





/*** 中间导航开始 **/

.content{ position:relative; padding-bottom:5px;}

.tab-nav-over{ width: 80%; overflow: hidden; height: 50px;}

.tab-nav { -webkit-overflow-scrolling: touch; position: relative;top: 0;left: 0;overflow-x: auto; overflow-y: hidden;padding-left: 15px;height: 60px;font-size: 14px;color: #333;white-space: nowrap;padding-right:10px;line-height:45px;}

.tab-nav:after {content: ''; position: absolute;z-index: 0; bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5);

transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}

.tab-nav-item {-webkit-box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; display: inline-block; height: 30px; line-height: 30px;

    position: relative; text-align: center;padding:0 10px; margin:0 5px;

}

.tab-nav-item.tab-active { background-color: #fff;border:none; border-bottom:solid 1px #F2580D

}

/*

.tab-nav-item.tab-active:before {content: ''; width: 50%; height: 2px;position: absolute;left: 50%; bottom: 0;margin-left: -25%; z-index: 4; background-color:#37c188;}*/

.tab-nav-item.tab-active a {color: #F2580D;font-weight:bold;}

.tab-nav-item a {display: inherit;font-size: 0.85rem; color: #666666;}



.fbgg{ position:absolute; right:0px;top:10px; background-color:#fff; padding-left:10px; border-left:solid 1px #EFF1F3;}

.fbgg a{ background-color:#F2580D; color:#fff; display:inline-block; padding:5px 10px 5px 10px; border-radius:20px; margin-right:10px;}



/** 列表**/

.favor-list.swiper-container{width:100%;}

.favor-list dl{overflow:hidden; padding:0.8rem;border-bottom: 1px solid #EFF1F3;background-color: #fff;height:150px;}



.favor-list dl:last-child{border-bottom:none;}

.favor-list dt,.favor-list dd{float: left;}

.favor-list dt,.favor-list dd p{line-height:20px;height:60px;}

.favor-list dt{width:30%;}

.divimg{width:100%; max-width:150px;border-radius: 8px;background-size: cover;  background-position: center; background-repeat: no-repeat;width:150px;height:150px;}



 

@media screen and (max-width:500px){

    .favor-list dl{height:130px;}

    .divimg{ max-width:130px;width:130px;height:130px;}

    .favor-list dt,.favor-list dd p{line-height:20px;height:20px;}

}

@media screen and (max-width:427px){

    .favor-list dl{height:100px;}

    .divimg{ max-width:100px;width:100px;height:100px;}

}

@media screen and (max-width:350px){

    .favor-list dl{height:90px;}

     .divimg{ max-width:90px;width:90px;height:90px;}

}

.favor-list dd{width:64%;margin-left:1rem;line-height:100%; position:relative;}

.favor-list dd small{display: block; position:absolute; right:20px; bottom:-10px;}

.favor-list dd p{color:#666;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin:0; margin-top:10px; font-size:12px; color:#9A9BA3}

.favor-list dd h2{font-weight: normal;color:#222225; font-size:15px; line-height:20px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.favor-list dd h2 a{color:#222225}

.favor-list dd h2 a:hover{color:#0099FF}

#share{display: block;width: 100%;  color:#AC9454; padding:8px 10px ;  border-radius:20px; text-align:center; font-size:14px;color:#fff; background-color: #AC9454;}

.jiagenew{display: block; font-size:15px; color:#AC9454; font-weight: bold;margin-top:20px;}





.hejiBox{width:100%;  margin:0 auto;background:#fff;max-width: 768px;}

.hejiBox .heji{max-width: 768px;height:2.8rem;position:fixed;width:100%;bottom:45px;background:#fff;z-index:99999; border-top:1px solid #eee; border-bottom:1px solid #eee}

.hejiBox .heji .heji_1{float:left; width:1.2rem; height:1.2rem;padding:0.8rem 0.5rem; }

.hejiBox .heji .heji_2{ float:left; color:#333; line-height:1.2rem; font-size:0.9rem;padding:0.8rem 0; padding-right:0.5rem}

.hejiBox .heji .heji_3{ float:left;padding:0.8rem 0;padding-left: 0.5rem;}

.hejiBox .heji .heji_3 p{ color:#ff2150;line-height:1.2rem; font-size:0.75rem}

.hejiBox .heji .heji_3 p span{ font-size:1rem; font-size:0.9rem}

.hejiBox .heji .heji_4{ float:left;padding:0.8rem 0;line-height:1.2rem; padding-left:0.5rem; color:#999; font-size:0.75rem}

.hejiBox .heji .heji_5{ float:right; width:5rem; height:2.8rem; overflow:hidden }

.hejiBox .heji  #heji_5_btn{ display:block;background:#ED5722;border:none; cursor: pointer; color:#fff; text-align:center; line-height:2.8rem;width:5rem; height:2.8rem; font-size:0.875rem;}



.fenxiang{width:100%;  margin:0 auto;background:#fff;max-width: 768px;}

.fenxiang .fx{max-width: 768px;height:2.8rem;position:fixed;width:100%;bottom:0px;background:#fff;z-index:99999; border-top:1px solid #eee;}

#sharehaoyou{ display:block;background:#AC9454; font-size:0.875rem;height:2.8rem;color:#fff; text-align:center;line-height:2.8rem;}



.massegeBox{ padding:0 0.6rem; background:#fff}

.message_1{ width:100%; padding:0.6rem 0; height:2.7rem; border-bottom:1px solid #eee;}

.message_1 .meL{ float:left; width:3.2rem; height:2.7rem; overflow:hidden}

.message_1 .meL img{ width:2.7rem; height:2.7rem; overflow:hidden;border-radius:50%;}

.message_1 .meR{flex: 1;height:3rem;}

.message_1 .meR .meR_1{color:#999;overflow:hidden;height:1.4rem; padding-top:0.2rem }

.message_1 .meR .meR_1 p{ color:#333; float:left; font-size:0.9rem;  max-width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.message_1 .meR .meR_1 span{ display:block; float:right; font-size:0.75rem}

.message_1 .meR .meR_2{color:#999;font-size:0.8rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}



.myhonglilist{border-bottom:dotted 1px #ccc; background-color: #fff;margin-top:5px;padding:10px 8px 10px 8px;position: relative;color:#aaa}

.myhonglilist span{position: absolute;right:10px;color:red;font-size:20px;top:5px;font-family: 'Times New Roman', Times, serif;}

.hlinfo{margin-top:5px;color:#666;line-height:20px;}

.atmtable{margin-top:20px; text-align:center;line-height: 24px;background-color:#fff;color:#000;padding:10px;}
.atmtable table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.atmtable table th{background-color:#efefef;width:100px;border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px; text-align:right;}
.atmtable table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px; text-align:left;}
.atmtable  table td a{ color:#333;}

.kuaidifuradio{border:solid 1px #ccc;padding-top:10px; background-color: #fff;cursor: pointer;display:block;margin-bottom:15px;width:100%; text-align: left;padding-bottom:10px; text-indent: 10px;}