/*public*/
html{ font-size: 16px; }
body{-webkit-overflow-scrolling: touch; background: #eee; }
blockquote,body,dd,dl,h1,h2,h3,h4,h5,h6,p,pre{margin:0;-webkit-text-size-adjust:100%;font-family:Helvetica,sans-serif;}
ol,ul{margin:0;padding:0;list-style:none}
fieldset{margin:0;padding:0}
legend,td,th{padding:0}
button,input,textarea{padding:0;border:none;outline:0}
img{border:none;vertical-align:middle; color: #999; font-size: 0.6rem;}
a{text-decoration:none}
a,button,input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:0}
.clearfix{zoom:1}
.clearfix:after{content:"";display:table;clear:both}
i,strong{font-style:normal;font-weight:400}
ol,ul{list-style:none}
.icon{width:18px;height:18px;vertical-align:-3px;fill:currentColor;overflow:hidden}
#dialogBg{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:9999;display:none}
#Popup{display:none;position:fixed;top:40%;left:20%;width:60%;border-radius:.2rem;z-index:10000;text-align:center;line-height:1.8rem;background:#fff}
#Popup h3{font-size:.7rem;line-height:2.5rem;color:#555;border-bottom:1px solid #f6f6f6}
.p_con{font-size:.65rem;color:#6495ed}
.p_con span{display:block;width:50%;float:left;border-right:1px solid #f6f6f6;box-sizing:border-box}
#yes{border:none}
::-webkit-input-placeholder { color: #aaa; }
.thr_wrap { max-width: 780px; margin: 0 auto; background: #fff; }
/*header*/
#thr_header{width:100%;position:fixed;top:0;left:0;right:0;background:#84190b;z-index:999;height: 2rem; max-width: 780px; margin: 0 auto;}
#thr_header .logo{position: absolute;left: .3rem;top: .3rem}
#thr_header .logo img{width:1.4rem;height:1.4rem;}
#thr_header .return{position: absolute;left: .3rem;top: .4rem}
#thr_header .jd_tit_l a { padding:0 0 0 10px; font-size: 17px; color: #e2b126; }  /*20200227*/
#thr_header .return svg{width:1.2rem;height:1.2rem;color:#fff}
#thr_header .search{width:70%;height:1.4rem;background:#fff;border-radius:6px;line-height: 2rem;margin: .3rem auto;position: relative}
#thr_header .search svg{position:absolute;left:.35rem;top:.35rem;color:#999;width:0.8rem;height:0.8rem;}
#thr_header .search input{font-size:.7rem;float:right;width:85%;height:100%;border-radius:6px;padding: 0 .2rem}
#thr_header .search input::-webkit-input-placeholder{font-size:.6rem}
#thr_header .spCar{position:absolute;right: .6rem;top: .4rem}
#thr_header .spCar svg{color:#fff;width:1rem;height:1rem;}
#thr_header h3 { float: left; font-size: 1.2rem; color: #fff; text-align: center; font-weight: normal; width:100%; line-height: 2rem; }
#thr_header .subMit{ position:absolute;right: .6rem;top: 0 }
#thr_header .subMit a{ color: #fff;font-size: .6rem;line-height: 2rem; }
/*footer*/
.footer{height: 56px;width:100%;border-top:1px solid #f1e2e0;background:#f3f3f3;position:fixed;left:0;right:0;bottom:0;z-index:9999;max-width: 780px;margin: 0 auto;}
.footer li{float:left;text-align:center;width:20%}
.footer li a{/*width: 30px;*/height: 30px;display:block;border-radius:50%;/*padding: 0 16px;*/margin: 5px 6px;}
.footer li a svg{width:24px; height:24px;color:#666;}
.footer li a p {font-size: 12px;color:#666;}
/*.footer{height:2.25rem;width:100%;border-top:1px solid #f1e2e0;background:#f3f3f3;position:fixed;left:0; right:0; bottom:0;z-index:9999; max-width: 640px; margin: 0 auto; }*/
/*.footer li{float:left;text-align:center;width:20%}*/
/*.footer li a{width:1.25rem;height:1.25rem;display:block;border-radius:50%;padding:0 1rem;margin:.2rem .5rem 0 .15rem}*/
/*.footer li a svg{color:#666}*/
/*.footer li a p {font-size:.5rem; color:#333}*/
.footer li a img{width:100%}
.f_current a svg {color:#dd811a!important;}
.f_current a p {color:#dd811a!important;}


.footer_bar {height:2rem;width:100%;border-top:1px solid #f1e2e0;background:#f3f3f3;position:fixed;left:0; right:0; bottom:0;z-index:9999; max-width: 780px; margin: 0 auto; display: none; }
.footer_bar a { width: 50%; height:2rem; line-height: 2rem; text-align: center; color: #333; float: left;}
.footer_bar a.ft_bar_i1 { background:#f6f6f6; color: #555; display: block; }
.footer_bar a.ft_bar_i2 { background:#ec9432; color: #fff; display: block; }
.footer_bar a em { font-size: 0.75rem; font-style: normal; padding-left: 0.1rem; }
.footer_bar a.ft_bar_i1 i { color: #dd801a; }
.footer_bar a.ft_bar_i2 i { color: #fff2cc; }


.top{position: fixed; bottom: 92px; right:0.5rem;text-align: center;z-index: 9999;}
.top li{width:1.5rem;height:1.5rem;line-height: 1.5rem;text-align: center;margin-bottom: .2rem;border-radius: .3rem; }
.top li:first-child {background: rgba(221,128,26,.7);}
.top li:first-child svg{color: #fff;}
.top #top{ background: rgba(160,160,160,.7);display: none;}
.top li svg{font-size: 1rem;}
.top #top{color: #fff;}




/*style*/
.pro_content{padding:0 .2rem; display:block; overflow:hidden; clear: both; }
.pro_content dl{width:47.2%; float:left;margin:.225rem 1%; border-radius:.1rem; display:block; overflow:hidden;position:relative; /*background: #f7f7f7;*/ border: 1px solid #f6f6f6;}
/*.pro_content dl dt { height:4.888rem }*/
.pro_content dl dt { width:100%; position:relative; padding-bottom:66.666%; height:0; overflow: hidden; background: #fff; }
/*.pro_content dl dt img { width:100%; }*/
.pro_content dl dt img { width:auto; max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto; }
.pro_content dl dt .label{position:absolute; top: 2%;right: 2%;width:1.3rem;height:1.3rem;}
.pro_content dl dt .label img{width:100%;position:absolute}
.pro_content dl .good_name{text-align:center;font-size:.85rem;line-height:1.45rem;width:92%;height:1.3rem;overflow: hidden; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis;}
.pro_content dl .good_name a{color:#333}
.pro_content dl .good_con{line-height:.775rem;width:100%;color:#666}
.pro_content dl .good_con span{display:block;width:100%;text-align:center;font-size:.6rem;overflow:hidden;height:.9rem;color: #888;}
.pro_content dl .good_spCar{text-align:center;padding:0 0 .45rem 0}
.pro_content .goods1 .good_spCar a{display:inline-block;width:4rem;border-radius:.525rem;/*background:#dd801a;color:#fff;*/ color:#dd801a; border: 1px solid #dd801a; font-size:.5rem;line-height:1.1rem; height:1rem;text-align:center}
.pro_content .goods2 .good_spCar a{display:inline-block;width:4rem;border-radius:.525rem;background:#919191;color:#fff;font-size:.5rem;line-height:1.1rem; height:1rem;text-align:center}
/*dropload*/
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:0.6rem;-webkit-transform:translateZ(0);transform:translateZ(0);color: #999;}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
/*点赞*/
.zan{ color:#dd801a; }
/*分页*/

.xt_page { width: 100%; font-size: 0.6rem; margin: 0.4rem auto 1rem auto; padding: 0.5rem 0.8rem; background: #fff; box-sizing: border-box; text-align: center; }
.pg_list { display: inline-block; margin: 0 auto; padding-left: 0; border-radius: 6px; background: none; position: relative; }
.xt_page ul li { display: block; float: left; border: 1px solid #eee; margin-left: -1px; height: 1.3rem !important; line-height:1.3rem !important; padding: 0 0.5rem !important; }
.xt_page ul li a { display: block; color: #888;}
.xt_page ul li:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.xt_page ul li:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

/*首页底部弹出咨询框*/
.ft_ask_box { width:100%; max-width:780px; margin: 0 auto; font-size:.6rem; background:#f1f1f1; border-top:3px solid #bb4334; position:fixed;left:0;right:0;bottom:0;z-index:99999; display: none; }
.ft_ask_box .ft_ask_close { float: right; }
.ft_ask_box .ft_ask_close img { width: 0.6rem; height: 0.6rem; padding:0.5rem 0.6rem; }
.ft_ask_box .a_title{width:92%; font-weight:normal; color: #555; margin:0.5rem auto 0 auto;}
.ft_ask_box .a_title span{color:#dd801a;line-height:2rem;font-size:.8rem}
.ft_ask_box .form{ width:96%; margin:0 auto; padding-top:0.4rem; }
.ft_ask_box .form li {margin:0.3rem 0;}
.ft_ask_box .form li p { padding: 3px 0 0 12px; font-size: 15px; color: #666; }
.ft_ask_box .form li p a { padding: 3px 0 13px 0; color: #e05918; display: block; }
.ft_ask_box label{display:block;width:16%; padding-right: 2%; float: left; color:#888; text-align:right; line-height:1rem}
.ft_ask_box .tex{border:1px solid #ddd;}
.ft_ask_box input{line-height:.8rem;display:block;width:64%;padding:.2rem}
.ft_ask_box textarea{width:64%;display:block;height:3rem;padding:.2rem}
.ft_ask_box #btn { display:block;width:6rem;line-height:1.3rem;background:#bb4334;text-align:center;color:#fff;margin: 0 0 1rem 18%;border-radius:.2rem;font-size:.6rem}
#error{width:60%;margin:0 auto;color:red;font-size:.5rem}


/*@media screen and (width: 375px) and (height: 812px){*/
     /*body { padding-bottom: 34px; }*/
    /*.ft_iphonex { padding-bottom: 34px; }*/
/*}*/


.thr_app { left:0;right:0;margin:0 auto;width: 100%; max-width: 780px; height:58px; background: #000; opacity: 0.88; position: fixed; bottom: 0; z-index: 999; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; }
.thr_app .thr_app_logo { width:42px; height: 42px; margin: 5px 12px; }
.thr_app .thr_app_text { flex: 1; }
.thr_app .thr_app_text p:nth-child(1) { font-size:16px; color: #ff9933; }
.thr_app .thr_app_text p:nth-child(2) { font-size:13px; color: #ddd; }
.thr_app .thr_app_btn { background: #dd801a; height: 38px; padding: 0 15px; font-size: 14px; line-height: 38px; border-radius: 4px; color: #fff; margin-right:10px; }

.iphone_x { padding-bottom: 34px; }
.iphone_x .footer_bar2, .iphone_x .footer, .iphone_x { padding-bottom: 34px; }
.iphone_x .thr_app { padding-bottom: 20px; }