/*===================================*/
/*===========手机版公共样式==========*/
/*===================================*/
/* href="javascript:history.back();" :first-child  :last-child  :nth-child(2) */
/* @media only screen and (min-width:0px) and (max-width:480px){} @media only screen and (min-width:480px){} */


/*#region ===========全局属性===========*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,textarea,select,optgroup,option,fieldset,legend,p,blockquote,th,td {margin:0;padding:0;}
body{font-size:62.5%;font-family:"Microsoft YaHei","Verdana";background:#f6f6f6; margin:0; padding:0; position:relative;}
ul,li,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6,em,i,b{font-weight:normal; font-style:normal;}
table,tr,td{ padding:0px; margin:0px; vertical-align:middle; border-collapse:collapse; border-spacing:0;}
input,textarea,select{ font-family:"Microsoft YaHei"; padding:0px; margin:0px;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],textarea{ -webkit-appearance:none;}
header, footer, article, section, nav, menu, hgroup{ display:block; margin:0; padding:0;}
img,object{-ms-interpolation-mode:bicubic; max-width:100%;}
img{ border:none; font-style:normal;}
a{ text-decoration:none;outline:none;border:none;color:#333;cursor:pointer;}
a:active{ color:#60F;}
/*常用样式*/
.clear{ clear:both; font-size:0px; height:0px;}
.hidden{display:none !important;}
.left{ float:left !important;}
.right{ float:right !important;}
.center{ text-align:center !important;}
.oh{ overflow:hidden;}
.bai{ background:#fff !important;}
.body{ height:100%; position:relative; max-width:480px; margin:0 auto;}
.mask{ width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1003;}
.layuipage { overflow:hidden; padding:0 0 15px 0; text-align:center;}
/*#endregion */
.hidden{display:none}

/*#region ==========滚动条美化==========*/
::-webkit-scrollbar{ width:5px; height:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-track{ border-radius:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#999;}
/*#endregion */


/*#region ===========头部===========*/
/*首页头部*/
.head_bg{ width:100%; overflow:hidden; position:fixed; top:0; z-index:1000; max-width:480px; margin:0 auto;}
.head_no{ height:50px; overflow:hidden;}
.head{ overflow:hidden; height:50px; position:relative; background:#ff4444;}
.i_search{ height:30px; overflow:hidden; background:#fff; border-radius:30px; margin:10px 50px 0 10px; position:relative; padding:0 0 0 35px;}
.i_search input{ width:100%; height:30px; line-height:30px; border:0 none; outline:none; font-size:12px; color:#666;}
.i_search a{ width:35px; height:30px; line-height:29px; display:block; overflow:hidden; text-align:center; color:#ababab; font-size:18px;
position:absolute; top:0; left:0; z-index:100;}
.menubtn{ width:24px; display:block; overflow:hidden; border-bottom:2px solid #fff; border-top:2px solid #fff;
position:absolute; top:15px; right:14px; z-index:100;}
.menubtn i{ width:100%; height:2px; display:block; overflow:hidden; background:#fff; margin:7px 0;}
body .zt_info p{border-collapse:inherit;white-space: initial;}
/*扫码关注*/
.head_attno{ height:50px; overflow:hidden;}
.head_att{ height:50px; line-height:50px; overflow:hidden; background:#1e1d22; color:#aaa; font-size:12px;}
.head_att i{ float:left; font-size:18px; margin:0 10px;}
.head_att img{ float:left; height:28px; margin:10px; border:1px solid #aaa;}
.head_att p { float:left;}
.head_att h4 { float:left; line-height:20px; padding:5px 0;}
.head_att h4 span{ color:#ffc651;}
.head_att a{ float:right; margin:0 10px 0 0; color:#ddd;}

.attention_bg{ width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:1100; text-align:center;}
.attention_bg a{ float:right; font-size:40px; color:#fff; display:inline-block; overflow:hidden; margin:5px 5px 0 0;}
.attention_bg img{ width:200px; height:200px; display:block; margin:70px auto 0 auto;}
.attention_bg p{ display:inline-block; overflow:hidden; padding:25px 0; color:#fff; font-size:15px;}

/*内页头部*/
.infohead{ overflow:hidden; height:45px; line-height:45px; position:relative; background:#fff; border-bottom:1px solid #e5e5e5;padding:0 10px;}
.infohead p{ text-align:center; font-size:15px; overflow:hidden; display:block; padding:0 45px;}
.infohead a.ico{ width:45px; height:45px; line-height:45px; display:block; overflow:hidden; text-align:center; position:absolute; top:0;
font-size:22px; color:#ff4444;}
.infohead a.ico_back{ left:0;}
.infohead a.ico_sous{ right:0; font-size:18px;}
.infohead a.ico_close{ right:0; font-size:24px;}
.ico_menu{ width:20px; display:block; overflow:hidden; position:absolute; top:14px; right:14px; z-index:100;}
.ico_menu i{ width:100%; height:2px; display:block; overflow:hidden; background:#ff4444; margin:0 0 5px 0;}
/*#endregion */


/*#region ===========底部===========*/
.foot_about{ height:20px; overflow:hidden; padding:5px 0 15px 0; text-align:center; font-size:14px;}
.foot_about i{ height:20px; display:inline-block; overflow:hidden; margin:0 5px 0 0;}
.foot_about img{ height:14px; display:inline-block; overflow:hidden; margin:3px 0 0 0;}
.foot_about span{ height:20px; line-height:20px; display:inline-block; overflow:hidden; color:#ccc;}

.foot_no{ height:50px; overflow:hidden; width:100%;}
.foot{ width:100%; overflow:hidden; position:fixed; bottom:0; z-index:1000; max-width:480px; margin:0 auto; background:#fff; border-top:1px solid #e5e5e5;}
.foot ul{ overflow:hidden;}
.foot ul li{ float:left; width:25%; height:50px; overflow:hidden;}
.foot ul li a{ display:block; overflow:hidden; text-align:center; position:relative; color:#666;}
.foot ul li a.aon{ color:#ff4444;}
.foot ul li span{ display:block; overflow:hidden; text-align:center; line-height:25px; font-size:24px; padding:5px 0 0 0;}
.foot ul li em{ line-height:20px; text-align:center; font-size:12px;}
.foot ul li b{ height:8px; width:8px; display:block; overflow:hidden; background:#ff4d4d; border-radius:100%; 
position:absolute; left:50%; top:5px; z-index:10; margin-left:6px;}
/*#endregion */


/*#region ===========页面菜单===========*/
/*容器*/
.pagemenu{ max-width:320px; width:66%; height:100%; overflow:hidden; background:#fff; position:fixed; right:-66%; top:0; z-index:1006;}
.pagemenu_box{ width:100%; height:100%; overflow:hidden; position:relative;}
/*头部*/
.menu_top{ overflow:hidden; padding:20px 0 10px 0; text-align:center; position:relative;}
.menu_top a.close{ color:#999; font-size:30px; position:absolute; left:5px; top:5px; z-index:10;}
.menu_top a.load{ color:#999; font-size:30px; position:absolute; right:5px; top:5px; z-index:10;}
.menu_top img.img{ width:60px; height:60px; display:block; margin:0 auto 5px auto; border-radius:100%;}
.menu_top a.btn{ line-height:20px; font-size:14px; color:#ff4444;}
/*菜单*/
.menu_listbox{ overflow:hidden; border-bottom:1px solid #e5e5e5; overflow-y:scroll;}
.menu_list{ overflow:hidden; border-top:2px solid #ff4444;}
.menu_list li { overflow:hidden; border-bottom:1px solid #e5e5e5;}
.menu_list li:last-child{ border-bottom:0 none;}
.menu_list a{ height:32px; line-height:32px; padding:0 20px; display:block; overflow:hidden;}
.menu_list a i { float:left; width:32px; line-height:32px; display:inline-block; overflow:hidden; text-align:center; font-size:18px; color:#ff4444;}
.menu_list a span{ float:left; font-size:13px; color:#666666; margin:1px 0 0 5px;}
/*#endregion */





/*#region ===========通用样式===========*/
/*图片垂直居中*/
img.v{ position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
/*banner最大宽度*/
.swiper-slide img{ max-width:100%;}
/*暂无数据*/
.NodataTips{ line-height:30px; display:block; overflow:hidden; padding:30px 10px; text-align:center; font-size:13px; color:#666;}
#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{ display:none;}
/*分享*/
.wxshare{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1005; text-align:center;}
.wxshare img{ width:100%; max-width:480px;}
/*#endregion */


/*#region ===========商品规格属性===========*/
.Attribute{ overflow:hidden; border-bottom:1px solid #ddd; padding:5px 10px 10px 10px;}
.Attribute li{ overflow:hidden; padding:5px 0;}
.Att_title{ display:block; overflow:hidden; line-height:25px; color:#333; font-size:13px;}
.Att_link{ display:block; overflow:hidden;}
.Att_link a{ float:left; line-height:24px; display:block; overflow:hidden; padding:0 10px; margin:5px 10px 0 0; background:#f5f5f5; color:#999; font-size:12px; border-radius:2px;}
.Att_link a:hover{ color:#ff4444;}
.Att_link a.aon{ color:#fff; background:#ff4444;}
/*#endregion */


/*#region ===========商品评价模块===========*/
.AssessPage{ overflow:hidden;}
.Assess_more{ height:45px; line-height:45px; overflow:hidden; padding:0 10px; background:#fff; margin-bottom:10px;}
.Assess_more span{ float:left; font-size:13px; color:#666;}
.Assess_more em{ float:left; font-size:13px; color:#ff8844;}
.Assess_more a{ float:right; font-size:13px; color:#666; display:inline-block; overflow:hidden;}
.Assess_more a i{ float:right; margin-left:3px; font-size:12px;}

.Assess_count{ padding:10px 10px 10px 0; overflow:hidden; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:10px 0;}
.Assess_count li{ overflow:hidden; height:14px; line-height:14px; padding:5px 0;}
.Assess_count li span{ float:left; font-size:12px; color:#666; width:50px; display:inline-block; overflow:hidden; text-align:center;}
.Assess_count li em{ float:right; font-size:12px; color:#ff8844; width:40px; display:inline-block; overflow:hidden; text-align:right;}
.Assess_count li p{ height:12px; overflow:hidden; display:block; background:#fff; border-radius:2px; border:1px solid #eee;}
.Assess_count li p a{ height:12px; overflow:hidden; display:inline-block; background:#ff8844; border-radius:2px;}

.Assess_number{ overflow:hidden; padding:0; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:10px;}
.Assess_number li{ float:left; width:25%; overflow:hidden; padding:15px 0;}
.Assess_number li a{ display:block; overflow:hidden; text-align:center; border-right:1px solid #eee; line-height:20px;}
.Assess_number li:last-child a{ border-right:0 none;}
.Assess_number li.lion{ border-bottom:2px solid #ff8844; padding-bottom:13px;}
.Assess_number li a span{ display:block; overflow:hidden; text-align:center; font-size:14px; color:#666;}
.Assess_number li a em{ color:#ff8844; font-size:15px;}

.Assess_list{ overflow:hidden; padding:0 10px 50px 10px; background:#fff; border-top:1px solid #eee;}
.Assess_list li{ overflow:hidden; position:relative; border-bottom:1px solid #eee; padding:12px 0 7px 0;}
.pl_user{ float:left; overflow:hidden;}
.pl_user img{ float:left; width:40px; height:40px; display:block; margin:0 10px 0 0; border-radius:100%; background:#eee;}
.pl_user span{ float:left; line-height:40px; color:#666; font-size:13px;}
.pl_xing{ float:right; height:20px; line-height:20px; overflow:hidden; margin:10px 0 0 0;}
.pl_xing span{ float:left; color:#666; font-size:12px; line-height:20px; display:inline-block; overflow:hidden; margin-right:2px;}
.pl_xing p{ float:left; display:block; overflow:hidden; width:75px; height:20px; position:relative;}
.pl_xing em{ width:75px; height:20px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.pl_xing em i{ float:left; width:15px; height:20px; line-height:17px; display:block; overflow:hidden; font-size:15px; color:#e5e5e5;}
.pl_xing em.on{ z-index:11;}
.pl_xing em.on i{ color:#ff8844;}
.pl_xing em.lv1{ width:15px;}
.pl_xing em.lv2{ width:30px;}
.pl_xing em.lv3{ width:45px;}
.pl_xing em.lv4{ width:60px;}
.pl_xing em.lv5{ width:75px;}
.pl_conts{ line-height:20px; display:block; overflow:hidden; color:#666; font-size:13px; margin:10px 0 0 0; padding:3px 0;}
.pl_reply{ line-height:20px; display:block; overflow:hidden; color:#999; font-size:12px;}
.pl_time{ line-height:20px; display:block; overflow:hidden; color:#999; font-size:12px;}
.pl_album{ overflow:hidden;}
.pl_album img{ float:left; height:40px; display:block; background:#fff; padding:2px; border:1px solid #ddd; margin:0 5px 5px 0; cursor:pointer;}
/*#endregion */


/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before { content: "\e648"; }
.icon-top:before { content: "\e653"; }
.icon-share:before { content: "\e64a"; }
.icon-favorite:before { content: "\e66e"; }
.icon-gouwuche:before { content: "\e655"; }
.icon-gerenzhongxin:before { content: "\e60f"; }
.icon-shouye:before { content: "\f004a"; }
.icon-fanhui:before { content: "\e608"; }
/*#endregion */


/*#region ===========分页样式===========*/
.aspnetpager{ overflow:hidden; padding:15px 0;}
.paginator{ font-size:15px; line-height:26px; text-align:right; margin:0 auto; text-align:center;}
.paginator a{ padding:0 9px; height:26px; line-height:26px; display:inline-block; overflow:hidden; color:#666; background:#fff; border:1px solid #dadad8; text-decoration:none;}
.paginator a:hover{ text-decoration:none; color:#fff; background:#666;}
.paginator span.cpb{ padding:0 9px; height:26px; line-height:26px; display:inline-block; overflow:hidden; color:#fff; background:#666; border:1px solid #dadad8;}
.paginatordis{ display:none;}
.paginator input[type="text"]{ text-align:center; height:22px; line-height:22px; border:1px solid #dadad8; padding:0;}
.paginator input[type="submit"]{ padding:0 5px; height:24px; line-height:22px; margin-left:3px; border:1px solid #ddd; background:#f7f7f7; color:#666;}
/*#endregion */


/*#region ===========顶部提示===========*/
.WebTopTips{ height:30px; line-height:30px; overflow:hidden; text-align:center; color:#fff; background:rgba(0,0,0,0.6); position:relative;
font-size:14px; padding:0 30px;}
.WebTopTips p{}
.WebTopTips b{ width:30px; height:30px; line-height:30px; display:inline-block; overflow:hidden; position:absolute; top:0; right:0; z-index:100;
font-size:15px; padding:0 3px; cursor:pointer;}
/*#endregion */
.logo {height:44px;display:inline-block;}
.logo img{height:100%;width:auto;}
.foot p{line-height:50px;height:50px;background:#707070;color:#fff;font-size:14px;text-align:center;}
.info_title{padding:10px 10px;background:#fff;}
.info_title h1{font-size:24px;color:#666;font-size:24px;}
.info_base p{font-size:14px;line-height:24px;color:#6a6a6a;}
.info_base{background:#fff;min-height:300px;}
.banner  img{width:100%;height:auto;}
.banner .swiper-pagination-bullet-active{background:#ff4444;}
.jmztd_form {padding:0 10px 10px;background:#fff;}
.jmztd_form .layui-input-block{margin-left:0 !important;}
.jmztd_form h1{font-size:24px;color:#ff4444;margin-bottom:10px;}
.jmztd_form .layui-btn{background:#ff4444;}
.preStyle {
    line-height: 22px;
    background: #f5f5f5;
    padding: 10px;
    height: 515px;
    overflow-y: scroll;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.layui-layer-molv .layui-layer-title {
    background: #ff2200 !important
}

.layui-layer-molv .layui-layer-btn a {
    background: #ff2200 !important;
    border-color: #ff2200 !important;
}
.appimg .img {
    width: 100%;
    height: auto;
}