/*头部公共样式*/
/*header*/
.body_background {background: #F6F7FA;}
.container {margin-top: 150px;}
.main_cut{display: none;}
.content{
    position: relative;
    height: 100%;
    max-width: 1303px; /* 最大内容宽度 */
    margin: 0 calc((100vw - 1303px) / 2); /* 水平居中 */
}
.header_top{height: 30px;position: relative;font-size: 12px; line-height: 30px;}
.header_top .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #f5f5f5;z-index: -1;}
.header_top .top_left{float: left;}
.header_top .top_right{float: right;}
.header_top a{color: #000000;vertical-align: middle;margin: 0 5px;}
.header_top a:first-child{margin-left: 0;}
.header_top a:last-child{margin-right: 0;}
.header_top a:hover{text-decoration: underline;}
.header_top b{font-size: 14px;}
#module_nav .module_inner{overflow: unset}
nav ul{width: 100%;height: 100%;}
nav li{float: left;}
.banner{width: 100%;min-width: 1200px;}
.one_text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.two_text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mod_text_list a,.mod_image_text_info a.title,.mod_window_show a.title,.mod_window_show .mask{
    -webkit-transition-property: all;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property:all;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease;
    -ms-transition-property:all;
    -ms-transition-duration: .5s;
    -ms-transition-timing-function: ease;
    -o-transition-property: all;
    -o-transition-duration: .5s;
    -o-transition-timing-function: ease;
    transition-property:all;
    transition-duration: .5s;
    transition-timing-function: ease;
}
/*
 * 每个模块外层有一个div控制布局 它的classname为 module，预先module的宽度，高度定义好
 * module 下面的div clssname为 module_inner
 * module_inner中放置模块
 * 模块命名为  模块类型_CSS；
 * 以下为 模块设置通用基础样式
 */
/*文字列表 mod_text_list
  布局元素：<div class="mod_text_list">
  			<ul>
  				<li>
  					<div class="inner">
  						<a href=""></a>
  					</div>
  				</li>
  			</ul>
  		</div>
 **/
.module{position: relative;width: 100%;}
.module_inner{width: 100%;height: 100%;position: relative;}
.module .module_inner{overflow: hidden;}
.full_column{width: 100%;min-width: 1200px;overflow: hidden;position: relative;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.mod_text_list li{
	width: 100%;
	float: left;
}
.mod_text_list li a{
	overflow: hidden;
    zoom: 1;
    width: 100%;
}
/*文字列表+时间 mod_text_time
  布局元素：<div class="mod_text_time">
  			<ul>
  				<li>
  					<div class="inner">
  						<a href="">  </a>
  						<span>时间</span>
  					</div>
  				</li>
  			</ul>
  		</div>
 **/
.mod_text_time li{
	width: 100%;
	float: left;
}
.mod_text_time .inner {
    margin: 0;
    position: relative;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0;
    padding-right: 80px;
}
.mod_text_time li a{
	overflow: hidden;
    display: inline-block;
    zoom: 1;
    max-width: 100%;
    text-overflow: ellipsis;
}
.mod_text_time li span{
	position: absolute;
    top: 0;
    right: 0;
    color: #888888;
}
/*文字信息 mod_text
  布局元素: <div class="mod_text">
				<div class="mod_text_inner">
					<div class="text">
						<p>文字</p>
					</div>
				</div>
  		  </div>
 **/
.mod_text{
	margin: 0;
    overflow: hidden;
}
.mod_text .mod_text_inner{
	overflow: hidden;
}
.mod_text .mod_text_inner text{
	text-indent: 2em;
    line-height: 24px;
    font-size: 12px;
    word-break: normal;
}
.mod_text .text p {
    color: inherit;
}
/*图文混排 mod_image_text
 * 布局元素<div class="mod_image_text mod_image_text_01">
 * 			<div class="inner">
 * 				<a href="" class="pics">
 * 					<span class="pic">
 * 					
 * 					</span>
 * 				</a>
 * 				<div class="text">
 * 					<p></p>
 * 				</div>
 * 			</div>
 * 		  </div>
 * */
.mod_image_text .inner{
	overflow: hidden;
}
.mod_image_text .text {
    color: #444;
}
.mod_image_text .text {
    text-indent: 2em;
    line-height: 24px;
    font-size: 12px;
    word-break: normal;
}
.mod_image_text .text p {
    color: inherit;
}
.mod_image_text .pic {
    overflow: hidden;
    padding: 0;
    display: inline-block;
    position: relative;
}
.mod_image_text .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.mod_image_text_01 .pics{
	margin: .5em .8em 0 0;
    float: left;
}
.mod_image_text_02 .pics{
	margin: .5em 0 0 .8em;
    float: right;
}
.pic-text-module-3 .pics {
    margin: .5em 0;
}
/*单张图片 mod_image
 * 布局元素<div class="mod_image">
  				<a class="pics">
  					<span class="pic">
  						<img src=""  />
  					</span>
  				</a>
  		  </div>
 **/
.mod_image{
	overflow: hidden;
	position: relative;
}
.mod_image .pics{
	position: relative;
	overflow: hidden;
	display: block;
}
/*橱窗展示
 <div class="mod_window_show">
	<ul>
		<li>
			<div class="img">
				<a href="javascript:void(0)">
					<img src="/show001/cust4.jpg">
				</a>
			</div>
			<span class="price">￥130</span>
			<span class="oldprice"></span>
			<a href="javascript:void(0)" class="title">普陀山特产 冠素堂 观音饼10盒礼袋</a>
		</li>
	</ul>
</div>
 * */
.mod_window_show li{
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.mod_window_show li .price{
	color: red;
    font-size: 14px;
    padding: 0.2em 0;
    line-height: 25px;
    display: inline-block;
}
.mod_window_show li .old_price{
	text-decoration: line-through;
	color: #999999;
}
.mod_window_show li .name{
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.module_add{
    display: none;
    margin: 10px 0;
    border: 1px solid #5f91aa;
    text-align: center;
    line-height: 32px;
    color: #09F;
    font-weight: 700;
    font-size: 14px;
    background: #ecf0f7;
    overflow: hidden;
    white-space: nowrap;
}
.add_module_box{
	width: 100%;
	margin-top: 10px;
	height: 300px;
	position: relative;
	border: 1px solid #CCCCCC;
}
.add_module_box .add_module_title{
	white-space: nowrap;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    height: 35px;
    line-height: 35px;
    position: relative;
    background-color: #F5FFFA;
    font-size: 14px;
}
.add_module_box .add_module_title .name{
	float: left;
	margin-left: 10px;
	width: auto;
	height: auto;
	border: none;
}
.add_module_box .add_module_title .more{
	float: right;
	margin-right: 10px;
}
.mod_window_show .title{
	/*overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; */
}
/*会员登录
 <div class="mod_member_login">
	<h5 class=“name>会员登录</h5>
	<dl>
	    <dd class="item_list">
	       <div class="item_name">帐号：</div>
	       <div class="item_con">
		        <span class="text">
		           <input name="login_name" type="text" class="user-id" placeholder="请填写您的用户名" value="">
		        </span>
	       </div>
	    </dd>
	    <dd class="item_list">
		    <div class="item_name">密码：</div>
		    <div class="item_con">
		        <span class="text">
		          <input type="password" name="login_pwd" class="user_password" placeholder="请填写您的密码" value="">
		       </span>
		    </div>
	    </dd>
	    <dd class="item_list save_password">
	        <div class="item_con">
	            <a class="forget_password" href="javascri:void(0)">忘记密码</a>
	        </div>
	    </dd>
	    <dd class="item-list form-button">
	        <input type="button" class="user_login_but form_but" value="登录">
	    </dd>
	    <dd class="item_list user-register">
	                   还没账号？<a href="###">免费注册</a>
	    </dd>
	</dl>
</div>
 * */
.mod_member_login .name,.mod_member_register .name{
	background-color: #F5FFFA;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	word-wrap: break-word;
	height: 35px;
	position: relative;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 18px;
	text-indent: 10px;
	font-weight: normal;
	text-align: center;
}
.mod_member_login .item_list,.mod_member_register .item_list{
	zoom: 1;
    margin-bottom: 10px;
    width: 100%;
    height: 28px;
}
.mod_member_login .item_list .item_name,.mod_member_register .item_list .item_name{
	width: 100px;
	float: left;
    line-height: 28px;
    padding-left: 1em;
    text-align-last: justify;
}
.mod_member_login .item_list .item_con,.mod_member_register .item_list .item_con{
	float: left;
}
.mod_member_login .item_list .text,.mod_member_register .item_list .text{
	display: inline-block;
    padding: 3px;
	border: 1px solid #DADADA;
}
.mod_member_login .item_list .text input,.mod_member_register .item_list .text input{
	width: 140px;
	border: none;
}

.mod_member_login .save_password .item_con,.mod_member_register .save_password .item_con{
    text-align: right;
    float: none;
}
.mod_member_login .save_password,.mod_member_register .save_password{
	padding-right: 2em;
}

.mod_member_login .form_button,.mod_member_register .form_button {
    text-align: center;
    margin-left: 0;
}
.mod_member_login .form_but,.mod_member_register .form_but{
    display: inline-block;
    width: 95%;
    height: 35px;
    border: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    border:1px solid#006401 ;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 100%;
    box-sizing: border-box;
    background-color: #006401;
    color: #FFF;
}
.mod_member_login .user_register,.mod_member_register .user_login {
    text-align: right;
    padding-right: 2em;
}
/*分类目录*/
.mod_catalog{
	width: 100%;
	height: 100%;
}
.mod_catalog .name{
	white-space: nowrap;
    width: 100%;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
    background: #F5FFFA;
    text-indent: 2em;
    font-weight: normal;
}
.mod_catalog li{
	width: 100%;
	height: auto;
	padding: 4px 0;
}
.mod_catalog .title{
	line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #CCCCCC;
    width: 100%;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
.mod_catalog .open{
	display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    left: 6px;
    bottom: 6px;
    background: url(../images/catalog_bg.png) no-repeat;
}
.mod_catalog .open_two{
	display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    left: 6px;
    bottom: 6px;
    background: url(../images/catalog_bg.png) no-repeat;
}
.mod_catalog .sub_classify{
	margin-left: 20px;
	display: none;
}
.mod_catalog .classify .title.active .open{
    background-position: 0 -20px;
}
.mod_catalog .sub_classify .title.active .open_two{
	background-position: 0 -50px;
}
/*分类目录新增样式*/
.mod_catalog .list.list_one .open,.mod_catalog .list.list_one .open_two{
	width: 13px;
	height: 13px;
	background: url(../images/catalog_bg_01.png) no-repeat;
}
.mod_catalog .list.list_one .open_three{
	width: 13px;
	height: 13px;
	display: inline-block;
	background: url(../images/catalog_bg_07.png) no-repeat;
}
.mod_catalog .list.list_one .classify .title.active .open,.mod_catalog .list.list_one .classify .title.active .open_two{
    background: url(../images/catalog_bg_07.png) no-repeat;
}
.mod_catalog .list_two .open,.mod_catalog .list_two .open_two{
	width: 10px;
	height: 10px;
	background: url(../images/catalog_bg_03.png) no-repeat;
}
.mod_catalog .list_two .open_three{
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(../images/catalog_bg_04.png) no-repeat;
}
.mod_catalog .list_03 .open,.mod_catalog .list_03 .open_two{
	width: 15px;
	height: 15px;
	background: url(../images/catalog_bg_05.png) no-repeat;
}
.mod_catalog .list_03 .open_three{
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../images/catalog_bg_06.png) no-repeat;
}
.mod_catalog .list_two .classify .title.active .open,.mod_catalog .list_two .classify .title.active .open_two{
    background: url(../images/catalog_bg_04.png) no-repeat;
}
.mod_catalog .list_03 .classify .title.active .open,.mod_catalog .list_03 .classify .title.active .open_two{
    background: url(../images/catalog_bg_06.png) no-repeat;
}
/*抽屉分类*/
.mod_catalog_drawer{
	width: 100%;
	height: 100%;
}
.mod_catalog_drawer .name{
	white-space: nowrap;
    width: 100%;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
    background: #F5FFFA;
    text-indent: 2em;
    font-weight: normal;
}
.mod_catalog_drawer ul{
	height: 100%;
	width: 100%;
}
.mod_catalog_drawer li{
	height: 41px;
	width: 100%;
	line-height: 40px;
	border-bottom:1px dashed #CCCCCC ;
	position: relative;
	
}
.mod_catalog_drawer li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.mod_catalog_drawer li:hover{
	background:#F5F5F5;;
	border: 1px solid #27A227;
}
.mod_catalog_drawer li .drawer_hide{
	position: absolute;
	top: 0;
	left: 300px;
	background: white;
	border: 1px solid;
	display: none;
}
.mod_catalog_drawer li  .drawer_hide{
	width: 300px;
}
.mod_catalog_drawer .item:hover .drawer_hide{
	display: block;	
}
/*在线客服*/
.mod_online_service{
	height: 100%;
	width: 100%;
}
.mod_online_service .name{
	background-color: #F5FFFA;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    height: 35px;
    position: relative;
    margin-bottom: 10px;
    line-height: 35px;
    font-size: 16px;
    text-indent: 10px;
    font-weight: normal;
}
.mod_online_service .title{
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 14px;
}
.mod_online_service .service_list,.mod_online_service .work_time{
	border-bottom:1px dashed #CCCCCC ;
}
.mod_online_service li{
	text-indent: 2em;
	padding: 5px 0;
}
.mod_online_service li span{
	margin: 0 5px;
}
/*自定义编辑*/
.mod_custom_edit{
	width: 100%;
	height: 100%;
}
.mod_custom_edit .title{
	background-color: #F5FFFA;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    height: 35px;
    position: relative;
    margin-bottom: 10px;
    line-height: 35px;
    font-size: 16px;
    text-indent: 10px;
    font-weight: normal;
}
/*图文信息*/
/*
	<div class="mod_image_text_info">
		<ul>
			<li>
				<div class="inner">
					<a class='pic' href="">
						<img src/>
					</a>
					<div>
						<a class="title"></a>
						<p class="text"></p>
					</div>
				</div>
			</li>
		</ul>
	</div>
*/
.mod_image_text_info li{
	width: 100%;
	overflow: hidden;
}
/*mod_head定位*/
.mod_head{position: relative;}
.mod_head .mod_more{position: absolute;top:0;right: 10px;}