@charset "utf-8";
/*初始化*/
html, body, menu, ul, ol, li, p, dl, dt, dd, div, form, h1, h2, h3, h4, h5, h6, img, a img, button, textarea, fieldset{border: 0 none; margin: 0; padding: 0;}
ul, ol, li{list-style: outside none none;}
h1, h3, h4, h5, h6, b, i, em{font-style: normal; font-weight: normal;}
body, input, button, textarea, select{color: #333; font: 12px/1.5 "微软雅黑",helvetica,verdana,san-serif; outline: medium none;}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea{}
a{ text-decoration: none;color:#666;}
strong{color:#f00;}
.img img, video{vertical-align: middle;}
body{background-color: #F0F0F0;margin:0 auto;}

        /* ========== 下拉联想列表 ========== */
        .suggest-list {
            position: absolute;
            top: 90%;               /* 紧贴输入框下方 */
            left: 0;
            right: 0;
            background: #fff;
            border: 1px solid #ddd;
            border-top: none;
            border-radius: 0 0 4px 4px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            list-style: none;
            margin: 0;
            padding: 0;
            max-height: 240px;       /* 最多显示6行左右 */
            overflow-y: auto;
            display: none;           /* 默认隐藏 */
            z-index: 999;

            width: 90%;
  			margin: 0px auto;
        }

        /* 每条建议项 */
        .suggest-item {
            padding-left: 0.5em;
            font-size: 12px;
            color: #333;
            cursor: pointer;
            transition: background 0.15s;

            border-bottom: 1px solid #cbcaca;
        }
        .suggest-item:hover {
            background: #f0f7ff;
        }
        .suggest-item:active {
            background: #e0effc;
        }
        
        /* 关键词高亮（可选） */
        .suggest-item .highlight {
            color: #e4393c;
            font-weight: bold;
        }
        
        /* 无匹配时的提示 */
        .suggest-item.no-match {
            color: #999;
            cursor: default;
            text-align: center;
        }
        .suggest-item.no-match:hover {
            background: #fff;
        }


/*网页主体DIV*/
.content{font-size: 14px;margin:0 auto;}

/*标题头部导航条*/
.header{height: 3em;width: 100%;background:#d46934;text-align: center;color: #fff;line-height: 3em;}
.header p{display: block;font-size: 0.8em;width: 15%;line-height: 0.8em;color: #b8b6b6;}
.header p.le{float:left;}
.header p.ri{float:right;}
.header h2{width: 70%;float: left;}
.header i{ display: block;width: 30px;height: 30px;margin: auto;}
.header .v_4,.v_5{background:url(../m_images/pub_main.png) no-repeat;background-size: auto 400px;}
.header .v_4{background-position:-3px -101px;}
.header .v_5{background-position:0 -133px;}
.glo{position: absolute; top:2px; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:20px; height:12px; line-height:12px; background:#ff2233; border-radius: 50%; }

/*图片轮播*/
.zoom{height:11em;position:relative;overflow:hidden;width: 100%;}
.zoom ul{position:absolute;display:flex;flex: nowrap;}
.zoom ul img{float:left;height:11em;width: 100%;display: block;flex-shrink: 0;}
.zoom ul div{float:left;height:11em;width:402px;}

/*搜索*/
.seek{}
.seek_in{position: relative;}
.seek_in .input_submit{text-align: center; color: #fff; border: none; cursor: pointer; height: 3em; outline: none; background: #d46934; border-top-right-radius: 0.6em; border-bottom-right-radius: 0.6em;}
.seek_in .text{border: none;text-indent:0.7em;height: 3em;width:65%;margin-left:10%;box-sizing: border-box;border-top-left-radius: 0.6em;border: 1px solid #d46934;border-bottom-left-radius: 0.6em;margin:1em 0 1em 10%;}
.seek_in span{font-size: 1.4em; color: #2d7b26; line-height: 2em; height: 2em; margin-left: 0.5em;}


/*配件goodslist*/
.jkn_cont_goodslist {width: 100%;overflow: hidden;}
.jkn_cont_goodslist_left {width: 25%;float: left;}
.jkn_cont_goodslist_left_cat {border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;overflow: hidden auto;}
.jkn_cont_goodslist_left_cat dl {text-align: center;}
.jkn_cont_goodslist_left_cat dl dt {background: url(../m_images/leftmenubg1.png) repeat-x;background-size: 100% 100%;position: relative;font-weight: bold;border-top: 1px solid #ddd;font-size: 1em;height: 3em;line-height: 3em;text-align: left;
  padding-left: 0.5em;position: relative;}
  .jkn_cont_goodslist_left_cat dl dt i{position: absolute;display: none;
  top: 5px;
  color: #f9f6f6;
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #f23;
  border-radius: 35%;
  right: 5px;}
.jkn_cont_goodslist_left_cat dl dd {display: none;font-weight: normal;  height: 2.2em; line-height: 2.2em; text-align: left;
  padding-left: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  
.jkn_cont_goodslist_right {width: 75%;float: right;}
.jkn_cont_goodslist_right_list {overflow: hidden auto;}
.jkn_cont_goodslist_right_list ul {overflow: hidden;padding-top: 0.5em;}
.jkn_cont_goodslist_right_list ul li {width: 88%; padding: 3%;border-radius: 1em; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background: #fff; margin: 0 3% 3%; float: left; }
.jkn_cont_goodslist_right_list ul li .list_s{border-bottom: 1px solid #cecece;margin-bottom: 0.2em;padding-bottom: 0.4em;}
.jkn_cont_goodslist_right_list ul li .list_con h4{color: #06b161;font-size: 1em;font-weight: bold;}
.jkn_cont_goodslist_right_list ul li .list_con h4 span{font-size: 0.71em;font-weight: lighter;color: #333;}
.jkn_cont_goodslist_right_list ul li .list_con{overflow: hidden;padding: 0px 0.8em;padding-right: 0;height: 3em;}
.jkn_cont_goodslist_right_list ul li .list_s img{width: 2.5em;float: left;height: 3em;}
.jkn_cont_goodslist_right_list ul li .list_con p{font-size: 0.92em;}
.jkn_cont_goodslist_right_list ul li .list_con p i{color: #f00;} 
.jkn_cont_goodslist_right_list ul li .list_con p span{padding-left: 1em;cursor: pointer;color: #168f8f;}
.jkn_cont_goodslist_right_list ul li p.list_p{padding-top: 0.3em;font-size: 0.8em;}
.jkn_cont_goodslist_right_list ul li .list_x{overflow: hidden;}
.jkn_cont_goodslist_right_list ul li .list_x span{display: block;cursor: pointer; float: left; padding-right: 0.5em; padding-top: 0.2em;}

/*手机膜goodslist列表*/
.mlist{}
.mlist_list{overflow: hidden;margin: 0 1%;}
.mlist_list_c{width: 25%;float: left;text-align: center;margin-bottom: 0.5em;position: relative;}
.mlist_list_c img{width: 88%;
  height: 8.5em;}
.mlist_list_c i{position: absolute; top: 2px; color: #fff; width: 2.2em; height: 1.6em; line-height: 1.6em; background: #2259ff;border-radius: 10%;} 
.mlist_list_c p{font-size: 0.7em}

/*配件goodslist*/
.slist {width: 100%;overflow: hidden;}
.slist_left {width: 25%;float: left;text-align: center;}
#goods_list_x{display: none;}
.slist_left img{width: 5em;height: 8.5em;}
.slist_left p{font-size: 0.8em;}

.slist_right {width: 74%;float: right;}
.slist_right ul {overflow: hidden;padding-bottom: 5em;}
.slist_right ul li {width: 88%; padding: 3%;border-radius: 1em; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background: #fff; margin: 0 3% 3%; float: left; }
.slist_right ul li .list_s{}
.slist_right ul li .list_con {width: 40%;float: left;padding-left: 0.3em;}
.slist_right ul li .list_con h4{color: #fff;
  width: 3em;
  height: 2em;
  line-height: 2em;
  background: #2259ff;
  text-align: center;
  border-radius: 10%;font-weight: bold;}
.slist_right ul li .list_con p{font-size: 0.8em;
  color: #0040ff;
  margin-top: 0.3em;}

.slist_right ul li .list_c h4 {height: 2em;
  font-weight: bold;}
.slist_right ul li .list_c p {font-size: 0.8em;
  color: #0040ff;}

.slist_right ul li .list_x{overflow: hidden;}
.slist_right ul li .list_x span{display: none;cursor: pointer; float: left; padding-right: 0.5em; padding-top: 0.2em;}


/*手机行情列表*/
.h_list{margin-bottom: 10em;}
.h_list ul{overflow: hidden;
  background: #fff;
  margin: 0 0.8em 0.8em 0.8em;
  padding: 0 0.5em;
  border-radius: 1em;}
.h_list ul p{margin: 0.5em 0;}
.h_list ul li{width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  float: left;}
.h_list ul li img {width: 4.5em;
  height: 4.5em;}
.h_list ul li span{font-size: 0.8em;
  margin: 0.5em 0;}


.hangqin{display: none;
  font-size: 1.1em;
  background: #F0F0F0;
  position: fixed;
  width: 100%;
  height: 90%;
  bottom: 0;
  overflow-y: scroll;
  z-index: 100;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;}
 .hangqin h1{background: #fff;
  text-align: left;
padding: 0.35em;
  border-bottom: 1px solid #ccc;
  font-size: 1em;
  position: fixed;
  width: 100%;}
 .hangqin button{position:fixed;
  background-image: url('../m_images/order2015.jpg');
  background-position: -104px -106px;
  width: 3.8em;
  height: 3em;
  -top: 0px;
  right: 0px;
  border-radius: 0.3em;
  border: 0 none;
  cursor: pointer;}

.jia_list{margin-top: 2.4em;}
.jia_list .p_tame{}
.jia_list h2{text-align: center;margin-bottom: 0.3em;}
.jia_list img.jia_chengs{width: 98%;height: 7em;margin:0 1%;}
.jia_list dl{font-size: 0.6em;margin-bottom: 0.8em;}
.jia_list dl dd{padding: 0.2em;
  background: #1d8a14;
  border-bottom: 1px solid;
  text-align: center;}

 .jia_list_biao{overflow: hidden;
  background: #fff;
margin: 0 0.6em 0.6em 0.6em;
padding: 0 0.5em 0.5em 0.5em;
  border-radius: 1em;}
 .jia_list_biao_li{}
 .jia_list_biao img{width: 2.5em;
  float: left;
  padding: 0.5em 0.5em 0.5em 0;
 height: 3em;padding-bottom: 0;}
 .jia_list_biao p{font-size: 0.6em;}
 .jia_list table{border-collapse: collapse;width: 100%;margin-top: 0.4em;}
  .jia_list table thead{background: #d46934;}
    .jia_list table tbody{font-size: 0.9em;}
 .jia_list table th,tr,td{border: 1px solid #adaaaa;
  text-align: center;}

 #xijiao table th,tr,td{text-align:left;padding: 0.3em;font-size: 10px;}

.cai_list{}
.cai_list ul{overflow: hidden;
  background: #e9e8e8;
padding: 0 0.5em 0.5em 0.5em;
  border-radius: 1em;padding-bottom: 0;margin-bottom: 1em;}
.cai_list ul h2{text-align: center;
  padding-bottom: 0.2em;}
.cai_list ul li{background: #fff;width: 46%;border-radius: 1em;
  float: left;
  margin: 0 2%;margin-bottom: 1em;height: 21em;
  overflow: hidden}
.cai_list ul li p{font-size: 0.7em;
  line-height: 1.4em;}
.cai_list ul li h3{font-size: 0.9em;font-weight: bold;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.cai_list ul li img{float: left;width: 100%;height: 8.35em;
  border-radius: 1em;border-bottom-right-radius: 0em;
  border-bottom-left-radius: 0em;}
  .cai_list_y{padding: 0.4em;overflow: hidden;padding-top: 0em;}

/*goodslist栏目分类*/
.goodslistcat{background: #f5f5f5;width:100%;z-index:110;overflow-y: scroll;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;}
.goodslistcat ul{overflow:hidden;}
.goodslistcat ul#yiji {padding-top: 0.5em;background: #fff;}
.goodslistcat ul#erji{-padding-bottom: 0.7em;}
.goodslistcat ul#erji li{padding: 0.5em 0;width:25%;font-size: 0.8em;}
.goodslistcat ul li{float: left;width: 25%;text-align: center;background: #fff;white-space: nowrap;}
.goodslistcat ul li a{border-radius: 0.5em;width: 85%;background:#F0F0F0;padding: 0.5em 0;margin:0 auto 0.5em;display: block;}
.goodslistcat ul li em{padding:0 0.2em;}
.erji_div{display: none;}
.erji_div p{border-bottom: 1px solid #ccc;-height: 3em;line-height: 3em;padding-left:3em;}
.erji_div p span{float: right;padding-right: 3em;}
/*goodslist主体*/
#container{overflow:hidden;margin:0 auto;}
img.imgjiazai{display: block;padding: 5em 0;width: 100%;margin: auto;}
.grid{width:41%;padding: 0.5em 2%;border:1px solid #ccc; background:#fff;margin: 0.5em 1%;font-size:1em;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid a{color:#6b6767;}
.grid a img{width:100%;}
.grid a p{overflow:hidden;white-space: nowrap;}
.grid a p span.shi{text-decoration:line-through;}
.grid a p span.shop{color:#f00;}
/*goodslist主体加载下一页*/
ul.jiazai{overflow:hidden; margin: 1em auto; width: 92%;}
ul.jiazai li{border-radius: 0.5em; width: 48%; background: #Fff; padding: 1em 0; text-align: center; font-size: 1.2em; color: #f00;}
ul.jiazai li#you{float:right;}
ul.jiazai li#zou{float:left;}

/*相似技术，历史记录*/
.link_title{margin-top:0.8em;height: 2.2em;line-height:2.2em;padding: 0 1.428em 0 0.928em;background:#166E20;}
.link_title b{font-size: 0.9em;color:#fff;font-weight: normal;}
.link_title i{width: 1em;height: 1em;display: inline-block;background-size:contain;background-position:center;vertical-align: middle;margin-right: 0.5em;}
.link_title a{float: right;color:#fff;font-size: 0.8em;}
ul.renmen{overflow:hidden;}
ul.renmen li{width:40.5%;padding:0.5em; height:13em;border:1px solid #ccc; background:#fff;margin:0.5em;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
ul.renmen li img{width:100%;height:8em;}
ul.renmen li p{height:1.5em;overflow:hidden;white-space: nowrap;}
ul.renmen li p i{text-decoration:line-through;}
ul.renmen li p em{color:#f00;}

/*通用底部浮动*/
/*footer_nav1底部悬浮菜单css*/
.v_nav {position: fixed; bottom: 0; width: 100%; background-color:rgba(238,238,238,0.9);border-top: #dcdcdc 1px solid; z-index: 97;margin:0 auto;}
.vf_nav{ width:100%;margin:auto;}
.vf_nav ul li{ width:20%; float:left; text-align:center;}
.vf_nav ul li a{ text-align:center; font-size:1em; color:#333; width:4.5em; display:block; position: relative; margin:auto}
.vf_nav ul li i{ display:block;  width:2em; height:2em; margin:auto; }
.vf_1,.vf_2,.vf_3,.vf_4,.vf_5{background:url(../m_images/pub_main.png) no-repeat;background-size: auto 400px;}
.vf_1{ background-position:0 -1px;}
.vf_2{ background-position:0 -40px; }
.vf_3{ background-position:0 -72px;}
.vf_4{ background-position:-1px -101px;}
.vf_5{  background-position:0 -256px;}
.vf_nav ul li span{ display:block; width:100%; height:1.8em; line-height:1.8em;}
.vf_nav ul li a:active{color: #ff7171;}
.global{position: absolute; top:2px; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:12px; height:12px; line-height:12px; background:#ff2233; border-radius: 50%; }


/*goods头部浮动*/
.floatBox{background:#e2e1e1;overflow:hidden;font-size:1.1em;display:none;top:0;width:100%;}
.float{width:100%;}
.float-left{width:50%;float:left;height:2.5em;line-height:2.5em;}
.float-left li{width:26%;float:right;font-size: 0.8em;}
.float-left li a{display:block;width:100%;text-align:center;margin:0 auto;color:#000;}
.float-right{width:50%;float:right;}
.float-right li{width:50%;float:left;height:2.5em;line-height:2.5em;}
.float-right li a{display:block;width:100%;background:#e30d0d;color:#fff;text-align:center;margin:0 auto;}
.float-right li a.huiyun{background:#0099FF;}
.tuleft{position: absolute;left: 0.8em;top: 0.7em;background: url(../m_images/top_l.png) no-repeat;background-size: 100% 100%;width: 0.8em;height: 1.13em;}

/*goods加入购物车成功提示*/
#xiaotishi{z-index:150;display: none;margin: auto;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;width: 180px;height: 100px;border-radius: 5px;}
#xiaotishi p{text-align: center;height: 65px;line-height: 65px;}
#xiaotishi span{border-top: 1px solid #ccc;display: block;}
#xiaotishi span em{border-right: 1px solid #ccc;width:89px;height: 35px;line-height: 35px;text-align: center;display: block;float: left;}

/*goods属性*/
.item_n{background: #fff;}
.item_n img{width: 98%;margin:0 auto 0.5em;display: block;}
.item_c{padding: 0 0.5em 0.5em 1em;}
.item_c h2{color:#131313;font-size:1.343em;height:1.821em;line-height: 1.821em;overflow:hidden;}
.item_c p{color:#787979;line-height:1.607em;font-size:0.893em;overflow:hidden;}
.item_c p.xian{margin-bottom:0.5em;}
.item_c p.xian .xianspan{color:#ff0000;font-size: 2em;}
.item_c p.yuan{margin-bottom:0.2em;}
.item_c p.yuan .yuanspan{text-decoration:line-through;}
.daili{border-top: 1px solid #ccc;line-height: 2.5em;height: 2.5em;margin-top: 0.5em;}
.daili a{color:#000;}
.daili span{color:#f00;padding-right: 3em;}


/*goods详细介绍*/
.cont{background: #fff;margin-top: 1em;}
.cont .c_title{padding:0.714em 0;}
.cont .c_title span{padding-left:0.714em;border-left:0.357em solid #292929;height:1em;}
.cont .c_title span em{color:#0c0c0c;font-size:1.071em;}
.center_c{color: #474747;}
.center_c img{display: block;width: 98%;margin:0 auto 0.5em;}

/*goods提交订单套餐选择*/
.order_div{white-space: nowrap;overflow:hidden;padding-bottom: 0.4em;}
.order_div select{width:24%;}
.order_annu{border: 0 none;width: 15.07em;height: 2em; border-radius: 10px;background:#e30d0d;color:#fff; margin: 0.5em 0; line-height: 2em;font-size:1.2em;width:100%;}
.wfbdbox{color:#4c78f8;}
.wfbdbox i{color:#f00;}
#order_shop_price{color:#f00;font-size:1.6em;}
/*goods提交会员登录下载*/
.log_biaoti{font-size: 1.5em;text-align: center;padding-bottom: 0.5em;color:#4c78f8;}
.log_name{padding-bottom: 0.5em;}
/*goods提交订单*/
.ying{display:none;}
.ying .taoming{width: 100%;height: 100%;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;left:0;top:0;z-index:99;}
.ying #tishi{margin:auto;width:98%;height:27.851em;background:#fff;position:fixed;margin:auto;top:0;left:0;right: 0;bottom:0;z-index:25555500;border:1px solid #ccc;background:#fff;max-width: 720px;padding: 0 1%;}
.ying #tishi button{position:absolute;background-image: url('../images/order2015.jpg');background-position: -104px -106px;width:3.8em; height: 3em;top:0; right: 0;border-radius:0.3em;border: 0 none; cursor: pointer;}
 /*提示-上部分*/
.ying #tishi #tishi-top{width:98%;height:11em;padding:0.7em 0;}
.ying #tishi #tishi-top .left{height: 35px; width: 35px; background: url(../images/order2015.jpg) no-repeat;background-position: 0px -253px; margin-right: 0.7em;}
.ying #tishi #tishi-top .right{width:81%; color: #666;height:11em;padding-top: 0.7em;}
.ying #tishi #tishi-top .n_r_fl{float:left;}
.ying #tishi #tishi-top .n_r_fl p.tishiadd-p{font-size:1.2em; font-weight: bold; height:3em;font-family: "Microsoft YaHei";line-height:1.2em;}
.ying #tishi #tishi-top .n_r_fl p{height:1.5em;line-height: 1.5em;}
.ying #tishi #tishi-top .n_r_fl p span{padding-right: 1em;vertical-align: bottom;font-weight: normal;color:#f00;}
/*提示-下部分*/
.ying #tishi #tishi-bottom{width:98%;height:13.851em;-border-top:1px solid #ccc;}
/*提示-下部分-加公众号*/
.ying #tishi #tishi-bottom .clearfix{padding:1em;width:98%;height:12.851em;}
.ying #tishi #tishi-bottom .clearfix-left{height:12.851em; width:100%;margin:0 auto;text-align: center;}
.ying #tishi #tishi-bottom .clearfix-left img{height:9em;width:11em;}
.ying #tishi #tishi-bottom .clearfix-left p{color:#f00;font-size:1.1em;}
 /*提示-下部分-在线支付*/
.ying #tishi #tishi-bottom .ca-tabs{height: 2.4em;border-left: #d1d6de 1px solid;background-repeat: repeat-x; background-color: #f9f9f9; zoom: 1; z-index: 5;}
.ying #tishi #tishi-bottom .ca-tabs li{padding: 0 0.5em; _zoom: 1;letter-spacing: 0; float:left;word-spacing: 0; height: 2.4em; line-height: 2.4em; text-align: center;border-right: #d1d6de 1px solid; border-bottom: #d1d6de 1px solid; cursor: pointer;border-top: #d1d6de 1px solid;}
.ying #tishi #tishi-bottom .ca-tabs li.current{border-bottom:0; border-top: #4c9af2 3px solid; color: #4c9af2; font-weight:700; background-color: #fff;}
 /*提示-下部分-支付宝在线支付*/
.alipay-pay-wap{font:20px;color: #f00;padding:50px;}
 /*提示-下部分-微信在线支付*/
.weixin-pay{width:98%;margin:0 auto;text-align: center;}
 /*提示-下部分-银行在线支付*/
.bbs-pay p{font:20px;color: #f00;padding:50px;}

/*通用商品分类-栏目*/
.htmlmov{height: 100%;overflow: hidden;}
.htmlmovtao{display: none;width: 100%;text-align: center;font-size: 2em;color:#f00; height: 100%;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;left:0;top:0;z-index:99;}
#catli{display: none;font-size:1.1em;background:#fff;position:fixed;width:100%;height:85%;bottom:0;overflow-y: scroll;z-index: 100;border-top-left-radius:0.5em;border-top-right-radius:0.5em;}
#catli button{position:absolute;background-image: url('../images/order2015.jpg');background-position: -104px -106px;width: 3.8em; height: 3em;top:2px; right: 10px;border-radius:0.3em;border: 0 none; cursor: pointer;}
#catli ul{overflow:hidden;height:4.4em;padding:1em 0;border-bottom: 1px solid #e7e7e7;margin:auto;width:97%;}
#catli ul p{padding-left: 0.7em;}
#catli ul p i{float:right;padding-right: 1.2em;color: #5662bf;}
#catli ul p em{color:#f00;}
#catli ul li{float:left;width: 25%;text-align: center;}
#catli ul li span{background: #f2f2f2;display:block;width:85%;border-radius: 0.5em;padding:0.4em 0;margin: 0.9em auto 0;}
#catli_bottom{position:fixed;bottom:0;width:100%;}
#catli_zi{width: 50%;height: 3em;background: #FFF;line-height: 3em;float: left;text-align: center;border-top: 1px solid #e7e7e7;}
#catli_ren{width: 50%;height: 3em;line-height: 3em;float: left;text-align: center;border-top: 1px solid #e7e7e7;color: #fff;background: #ff5000;}

/*通用购物车*/
.che{display: none;font-size:1.1em;background: #F0F0F0;position:fixed;width:100%;height:90%;bottom:0;overflow-y: scroll;z-index: 100;border-top-left-radius:0.5em;border-top-right-radius:0.5em;}
.che button{position:absolute;background-image: url('../m_images/order2015.jpg');background-position: -104px -106px;width: 3.8em; height: 3em;top:2px; right: 10px;border-radius:0.3em;border: 0 none; cursor: pointer;}
.che h3{background:#fff;text-align: center;padding: 0.5em;border-bottom: 1px solid #ccc;font-size: 1.2em;position: fixed;width: 100%;}
.empty_cart img{margin: 8em auto 3em;display: block; width:100px;height: 95px;}
.empty_cart p{text-align: center;font-size: 1.4em;}
/*通用购物车主体*/
.che ul{margin: 3.5em 0;}
.che ul li{margin-bottom: 0.5em;padding: 0.5em;background: #fff;overflow: hidden;position: relative;}
.che ul li em.li_em{float: left;width: 30px;height: 30px;margin: 18px 0;background-image: url(../m_images/shop-cart.png);display: block;background-size: 70px;}
.che ul li em.xianno{background-position:-70px 6px;}
.che ul li em.xianyes{background-position:-105px 4px;}
.che ul li img{height: 70px;float: left;}
.che ul li div{float: left;height: 70px;width: 65%;padding-left: 1em;}
.che ul li div p{white-space: nowrap;overflow: hidden;padding-bottom: 0.5em;}
.che ul li div p em{color:#f00;}
.che ul li div p i{text-decoration:line-through;}    
.che ul li div span{background-position: -4px -3px;background-size: 36px;display: block;height: 30px;width: 30px;background-image: url('../m_images/download.jpg');position: absolute;top: 36px;right: 30px;}

/*通用购物车下部浮动*/
.che_xiabu{color: #f00;text-align:center;height: 3em;line-height: 3em;position: fixed;bottom:0;width:100%;background: #fff;}
.che_xiabu span{color: #000;font-size: 1.2em;float: left;padding-left: 3em;}
.che_xiabu span em{width: 2.6em;background-size: 70px;height: 3em;background-image: url('../m_images/shop-cart.png');display: block;position: absolute;left:0;}
.che_xiabu span em.xianno{background-position: -130px 7px;}
.che_xiabu span em.xianyes{background-position: -95px 8px;}
.che_xiabu i{color: #fff;background: #f00;font-size: 1.4em;float: right;padding: 0 0.6em;}

.more{height: 4.821em;color: #fff;background: #f1f1f1;text-align: center;}
.more span{width: 15.07em;height: 2.5em; border-radius: 10px; background: #969696; margin: 1.1em auto 0;display:inline-block; line-height: 2.5em;}


/*手机屏大小切换*/
@media screen and (min-width: 320px) {.content {font-size: 12px}}
@media screen and (min-width: 360px) {.content {font-size: 16px}}
@media screen and (min-width: 480px) {.content {font-size: 22px}}
@media screen and (min-width: 720px) {.content {font-size: 28px}}
@media screen and (min-width: 320px) {input {font-size: 12px}}
@media screen and (min-width: 360px) {input {font-size: 16px}}
@media screen and (min-width: 480px) {input {font-size: 22px}}
@media screen and (min-width: 720px) {input {font-size: 28px}}
@media screen and (min-width: 320px) {select {font-size: 12px}}
@media screen and (min-width: 360px) {select {font-size: 16px}}
@media screen and (min-width: 480px) {select {font-size: 22px}}
@media screen and (min-width: 720px) {select {font-size: 28px}}
@media screen and (min-width: 320px) {textarea {font-size: 12px}}
@media screen and (min-width: 360px) {textarea {font-size: 16px}}
@media screen and (min-width: 480px) {textarea {font-size: 22px}}
@media screen and (min-width: 720px) {textarea {font-size: 28px}}
@media screen and (min-width: 320px) {.list_b li {font-size: 12px}}
@media screen and (min-width: 360px) {.list_b li {font-size: 16px}}
@media screen and (min-width: 720px) {.list_b li {font-size: 28px}}
@media screen and (min-width: 480px) {.list_b li {font-size: 22px}}