﻿/*飞驰cms手机版商城专用样式 本样式依赖手机版基础样式表*/

/* 全局基础容器定义*/
*{padding:0;margin:0;margin:0 auto;text-align:left; font-weight:normal;}
html,body{font-family:Tahoma,Arial,Helvetica,"微软雅黑";font-size:1em;color:#333333;height:100%;box-sizing:border-box;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,ol,ul,li,table,th,td,p,span,a,img{border:0;}
html{overflow-y:scroll;}
ul,ol,li{list-style-type:none; margin:0; padding:0}
h3{font-size:12px;}
input,textarea,select{border:1px solid #cccccc;font-size:12px; font-family:"微软雅黑"}
 
.left {float:left}
.right {float:right}
.center {margin-left: auto;margin-right: auto;}
.border {border:1px solid #d9d9d9;}

A {text-decoration:none;font-size:1em;color:#333333;}
A:hover {text-decoration:none;color:#FF0000;}
A:visited {text-decoration:none;color:#333333;}



.bgc {
  background: -webkit-linear-gradient(#f6f3ee, #f4eae8); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f6f3ee, #f4eae8); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f6f3ee, #f4eae8); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f6f3ee, #f4eae8); /* 标准的语法 */
}

/*商品导航专用*/
.sidebar{margin:0;padding-top:1em;color:white;background-color:#b0120a;box-shadow: 0px 0px 3px 3px #333333;}
.sidebar li{margin:.5em 0;padding:0 1em;line-height:32px;}
.sidebar li:hover{background-color:#e84e40;}
.sidebar li:hover a {color:#ffffff;}
.sidebar h1{ width:90%; text-align:center; margin-bottom:10px; font-weight:normal;}

/*主要样式*/
.subNav{cursor:pointer;border-bottom:1px solid #c83939;width:90%; font-size:1em; line-height:2.5em; color:#e3b2b2;}
.subNav i { margin:0px 10px 0px 10px;}
.subNav a {color:#e3b2b2}

.navContent{display:none;color:#ffffff;width:90%; margin-left:5% }
.navContent li { text-indent:18px;}
.navContent li a {font-size:1em;color:#ce7979}



/*首页主要样式*/


.ShopList {width:100%; padding-bottom:10px; margin-bottom:10px;}
.ShopList header { height:40px; padding-top:10px;}
.ShopList header h3 { display:block; width:120px; background:#ffffff; height:30px; line-height:30px; font-size:1.2em; color:#087a7a; margin-bottom:-16px; position:relative; z-index:1 }
.ShopList header hr { width:90%;height:0px; border-top:1px solid #9cdbd3; border-right:0px; border-bottom:0px; border-left:0px;}

.ShopList footer { width:200px; height:30px; border:1px solid #f1f1f1; margin:10px auto;}
.ShopList footer a { font-size:0.8em; color:#cccccc; line-height:30px;}

.ShopList * {text-align:center;}
.ShopList article { width:98%; text-align:center;}
.ShopList article ul {vertical-align:middle; }
.ShopList article ul li { display:inline-block; width:45%;  vertical-align:top;  margin-bottom:10px;border:1px solid #f1f1f1;}
.ShopList article ul li a { display:block; width:100%;height:170px; padding:10px; overflow:hidden;}
.ShopList article ul li a img { display:block;width:100%; }
.ShopList article ul li .a {display:block;width:90%; height:20px;padding:0; font-size:12px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; }
.ShopList article ul li span {display:block;width:90%; color:#cd0000; margin-bottom:10px;}
.ShopList article ul li:nth-child(odd) { margin-right:10px;} 



.home_box {width:90%; padding-bottom:100px;}
.Article  { width:95%; height:auto; margin-top:10px; margin-bottom:10px; padding-bottom:100px;}
.Article h1{ font-size:1.2em; line-height:1.5em;border-bottom:1px solid #d9d9d9;margin-bottom:0.5em; text-align:left; font-weight:normal; color:#cd0000;}
.Article h1 a { float:right; font-size:0.6em}



.hot_pic {width:100%; overflow:hidden; margin-bottom:10px;}
.bit {width:100%; margin-bottom:10px;}

.lt {width:100%;height:40px;background-color:#ececec;line-height:40px; margin-bottom:10px;}
.lt h3 {font-size:1.2em;color:#015e9f; text-indent:5px;line-height:40px;}
.lt span {float:right;margin-right:5px;}



/*图文列表*/
.mage_pic {}
.mage_pic ul {}
.mage_pic ul li{height:4.5em;border-bottom:1px solid #d9d9d9; padding-top:0.5em; }
.mage_pic ul li a img {width:60px;height:60px;float:left;margin-left:10px;margin-right:10px;border:1px solid #d9d9d9;}
.mage_pic ul li .a {display:inline-block;width:70%; height:2.5em; overflow:hidden;margin:0;text-decoration:none; }
.mage_pic ul li p {margin:0;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#858585}
.mage_pic ul li span {color:#cd0000}




/*内容页样式*/

.show_box{ width:100%; height:100%; padding-bottom:100px;}
.show_HotPic {width:100%;margin-bottom:10px;border-bottom:1px solid #d9d9d9;box-shadow: 0px 0px 1px 0px #333333;}
.show_label {width:100%; margin-bottom:10px;}
.show_label ul {margin-bottom:10px;}
.show_label ul li { line-height:30px;}
.show_label ul li h1 {font-size:1em; margin:10px 0;line-height:20px;}
.show_label ul li h1 span { font-weight:normal; margin-left:10px;font-size:0.5em;background-color:#e8390e; color:#ffffff; text-align:center; padding:0px 5px 0px 5px;}
.show_label ul li span {margin-right:5px;}
.show_label ul li b {margin-right:10px; display:inline-block; min-width:50px;}
.show_label ul li p {margin-bottom:10px; color:#666666;line-height:20px; font-size:0.8em;}
.show_label ul li #show_num {width:50px; height:30px; text-align:center;}
.show_label ul li i { width:30px; height:30px; font-size:30px; color:#058ce2}

/*规格标签群*/
.show_label .chk {border:1px solid #f1f1f1; text-align:left; padding-bottom:10px}
.show_label .chk label { display:inline-block; margin:10px 0px 0px 10px}



/*切换卡栏目*/
.bit .lt_tab  {padding:0; overflow:hidden;background:#f1f1f1;height: 30px;margin-bottom:10px;border-bottom:1px solid #d9d9d9;}
.bit .lt_tab li { width:100px; float:left; text-align:center; height:30px; line-height:30px;color:#ffffff; background:#333333;margin-right:1px}
.bit .lt_tab .hover {background:#e8390e;color:#ffffff;cursor:pointer;font-weight:bold;}
.show_box .bit p { width:98%}
.show_box .bit img {width:95%;  margin:10px;}
.show_box .bit div ul { width:90%; margin-bottom:10px;}
.show_box .bit div ul li { line-height:30px; text-indent:1em;}





/*====================分类栏目页==========================*/
.sort_box { width:95%; min-height:500px;  background-color:#ffffff; overflow:hidden;border: 0px solid #d9d9d9; margin-bottom:10px; margin-top:10px; padding-bottom:100px;}
.sort_box .map {}
.sort_box .main { width:918px;border:1px solid #d9d9d9;}
.sort_box .list {}
.sort_box .list ul {}
.sort_box .list ul li { width:100%; height:90px;margin:5px 10px 0px 0px;border-bottom: 1px solid #e6e1dd;}
.sort_box .list ul li img {width:30%;height:70px; max-width:100px; margin-right:10px; float:left;border: 1px solid #d9d9d9; margin:10px 10px 10px 10px;}
.sort_box .list ul li .a { display:block; width:60%; height:3em; font-size:0.8em; line-height:1.5em;overflow:hidden;float:left; margin-top:10px;}
.sort_box .list ul li span {display:block; width:60%;font-size:1em;line-height:1.5em; color:#cd0000; float:left;}
.sort_box .sel_info { text-align:right;}


/*二级分类导航*/
#menu2_tree {min-height:40px;border: 1px solid #f1f1f1; margin-bottom:10px;}
#menu2_tree ul {}
#menu2_tree ul li {display:inline-block; min-width:70px; line-height:40px;text-align:center; font-size:0.8em;}
#menu2_tree ul li:hover {background-color:#f1f1f1; color:#ffffff} 
#menu2_tree ul li:first-child {background-color:#cd0000;margin:0; width:90px; color:#ffffff; font-weight:bold; text-align:center; font-size:18px; font-weight:normal} 
#menu2_tree ul li:first-child:hover {background-color:#cd0000;}
#menu2_tree ul li:first-child a {font-size:18px; font-weight:normal;color:#ffffff;}
#menu2_tree ul li:first-child a:hover {color:#fde200;}
#menu2_tree ul li .sel {background-color:#cd0000; padding:5px;border-radius:5px; color:#ffffff;}


/*三级分类导航*/
#menu3_tree {min-height:40px;border: 1px solid #f1f1f1;}
#menu3_tree ul {}
#menu3_tree ul li {display:inline-block; min-width:124px; line-height:40px;text-align:center; }
#menu3_tree ul li:hover {background-color:#f1f1f1; color:#ffffff} 
#menu3_tree ul li:first-child {background-color:#cd0000;margin:0; width:90px; color:#ffffff; font-weight:bold; text-align:center; font-size:18px; font-weight:normal} 
#menu3_tree ul li:first-child:hover {background-color:#cd0000;}
#menu3_tree ul li .sel {background-color:#0566b9; padding:5px;border-radius:5px; color:#ffffff;}



.num { width:100%; margin-top:1em;}
.num ul { text-align:center;background-color:#f1f1f1;}
.num ul li { display:inline-block; line-height:50px; margin-right:0.5em; text-align:center;}


/*搜索框*/
.search { width:90%; height:25px; border:	1px solid #f1f1f1; margin-top:20px; margin-bottom:20px; padding:10px 0px 10px 0px;border-radius:10px;box-shadow: 0px 0px 5px 1px #d9d9d9 inset;}
.search i {color:#a8a8a8; font-size:1.5em;float:left; line-height:25px; margin:0px 10px 0px 10px;}
.search #key { border:0; width:80%; height:25px; float:left; text-indent:5px; font-size:1em;}
.search #But_scr {width:0;border:0; display:none;}


/*全局用户登录层遮罩*/
#lock_bg { width:100%; height:100%; position: absolute; top: 0px; left: 0px; background:rgba(0,0,0,0.5);z-index:9999; display:none; } 
#user_login {display:none; width:300px; height:230px; position: fixed; border:10px solid #ffffff; top:20%; left:50%; margin-left:-150px; background-color:#f1f1f1;box-shadow: 0px 0px 0px 1px #d9d9d9;z-index:99999;}
#user_login h3 { width:100%; line-height:30px; font-size:1em;  background:#40b003; margin-bottom:20px; color:#ffffff; text-indent:10px;}
#user_login h3 i{ float:right;line-height:30px; margin-right:10px;cursor:pointer}
#user_login .form { width:90%; height:160px; text-align:center;}
#user_login .form li { height:40px;text-align:left;}
#user_login .form input { width:100%; height:30px; text-indent:0.2em;}
#user_login .form #top_u_code { width:90px; margin-right:20px;}
#user_login .form .but{ display:inline-block; width:80px; height:30px; margin:0; text-align:center; border:0; font-size:0.8em; background:#40b003; color:#ffffff;border-radius:4px;}
#user_login .form .but_a { display:inline-block;width:80px; height:30px; line-height:30px; background:#40b003; text-align:center;  font-size:0.8em;color:#ffffff;border-radius:4px;}

#user_login ul li img { width:60px; height:30px; cursor:pointer;vertical-align:middle }
#user_login p { width:90%; text-align:right; font-size:0.5em;}
#user_login p a { }

/*用户中心遮罩*/
#user_center {display:none; width:300px; height:150px; position: fixed; border:10px solid #ffffff; top:20%; left:50%; margin-left:-150px; background-color:#f1f1f1;box-shadow: 0px 0px 0px 1px #d9d9d9;z-index:99999; text-align:center;}
#user_center h3 { width:100%; line-height:30px; font-size:1em;  background:#40b003; margin-bottom:20px; color:#ffffff; text-indent:10px;}
#user_center h3 i{ float:right;line-height:30px; margin-right:10px;cursor:pointer}
#user_center ul { display:block; width:100%; margin:0 aoto; padding-left:0.5em}
#user_center ul li { display:inline-block; width:47%; line-height:2em; text-align:left; background:#cbeaba; margin-bottom:0.3em; border-radius:4px;} 
#user_center ul li a { display:block; margin-left:1em; color:#40b003; font-size:0.8em;}
#user_center ul li i { margin-right:0.5em;font-size:1.5em;}