﻿/* CSS Document */
*{
	margin:0;
	padding:0;
	
}

li{
	list-style:none;
}
img{
	max-width:100%;
	height: auto;
	width:auto\9;
}
body
{
    background-color:#fff; 
    font-size:1.1em;
	color:#232323;
	text-decoration:none;
	 line-height:180%;
}
.top{
	background:#21292c;
	height:35px;
	font-size:18px;
	font-family:"微软雅黑";
	color:#fff;
	position:relative;
}
.top p{
	line-height:35px;
	padding:0 5px;
	position:absolute;
}
.main{
	background:#fff;
	/*border:10px #e5e5e5 solid;
	padding:8px;*/
	min-height:100px;
	/*margin-bottom:45px;
	border-radius:15px;*/
}
.mian div.wall{
	position:relative;
}
.main p.btn{
	position:absolute;
	left:10%;
	top:50%;
}
.main div.nav{
	margin-top:10px;
	border-top:1px solid #f1f1f1;
}
.main div.nav ul{
	width:33%;
	border-right:1px solid #f1f1f1;
	margin:10px 0;
	float:left;
	 height:116px;
}
.main div.nav ul li{
	text-align:center;
}
.main div.nav ul li a{
	font-size:12px;
	color:#232323;
	text-decoration:none;
}
.main div.tel{
	background:url(../images/tel.png) 5px 20px no-repeat;
	margin-top:15px;
	text-align:center;
	border-top:1px solid #f1f1f1;
	color:#007f85;
	height:30px;
	line-height:30px;
	padding-top:15px;
	font-size:16px;
	
}
.main div.tel a{ padding:5px 8px 5px 8px; border:1px solid #e5e5e5; color:#333; background:#f8f8f8;text-decoration:none;  font-weight:normal;}
.main div.tel2{
	text-align:center;
	padding:5px;
	font-size:12px;
	color:#6a6a6a; 
}

a{ text-decoration:none; color:#232323;}
.ui-overlay-a  .ui-bar-inherit{ font-weight:normal;}
.ui-overlay-a .ui-page-theme-a{ background-color:#e5e5e5;}
.footer .footer_content{ width:100%; height:100%; overflow:hidden; font-weight:normal; }
.footer .footer_content a{ text-decoration:none; margin:0px; padding:0px;font-weight:normal;}
.footer .footer_content a
{
  width:33.3%;  
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center; 
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
position:absolute; left:0px; top:0px; font-weight:normal;  height:100%;color:#585858; overflow:hidden;text-align:center; border-right:1px solid #C3C3C3;  font-size:16px;}
.footer .footer_content a.left1{ left:33.3%}
.footer .footer_content a.left2{ left:66.6%}
.footer .footer_content a span
{
  background:url(../images/tuoyuan.png);
  background-repeat:no-repeat;
  background-position:center left;
  height:12px;
}

.head_ico{ background-size:220px 132px; background-image:url(../images/icon_bar.png); background-repeat:no-repeat;}
.good_head{top:0px;border-top:1px solid #C3C3C3;  line-height:45px; border-bottom:1px solid #C3C3C3;overflow:hidden;  text-align:center;}
.good_head{ font-size:16px;}
.good_head .r_message{position:absolute; height:100%;width:40px; right:2px;background-position:-88px -44px; top:0px;}
.good_head .returns_goods{position:absolute; height:100%; width:40px; border:0px solid red;  background-position:-88px -0px; left:0px; }
/*商品详情手滑特效*/
.box_swipe {
  overflow: hidden;
  position: relative;
}
.box_swipe ul {
  overflow: hidden;
  position: relative;
}
.box_swipe ul > li {
  float:left;
  width:100%;
   height:200px;
  position: relative;
}
.box_swipe ul > li a{
	color:#FFF;
	text-decoration:none;
}
.box_swipe ul > li .title{
	position: absolute;
	bottom: 6px;
	display: block;
	width: 70%;
	height:20px;
	padding:0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color:#FFF;
	z-index:100;
}
.box_swipe>ol{
	height:20px;
	position: relative;
	z-index:10;
	margin-top:-25px;
	text-align:center;
	padding-right:15px;
	background-color:rgba(0,0,0,0);
    
}
.box_swipe>ol>li{
	display:inline-block;
	margin-bottom:1px;
	width:8px;
	height:8px;
	background-color:#757575;
	border-radius: 8px;
    margin:0px;
}
.box_swipe>ol>li.on{
	background-color:#67B0E3;
}
/*公用样式*/
/* fixed闪屏 */
.ico_list{background:url(../images/ico_list.png); background-repeat:no-repeat;}
.ico_jiantou{background:url(../images/jiantou.png); background-repeat:no-repeat;}
.ui-page { 
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; /* Chrome and Safari */ 
    -moz-backface-visibility: hidden; /* Firefox */ 
}
.in, .out {  
    -webkit-animation-timing-function: ease-in-out;  
    -webkit-animation-duration: 340ms;  
 } 
input,textarea{-webkit-appearance:none;border-radius:0;}
.l{ float:left;}
.r{ float:right;}
.main .logo{ background:url(../images/logo.png); background-repeat:no-repeat;background-size:75%; width:100%; height:70px; background-position:center;}
.bottom_line{ border-bottom:1px solid #E5E5E5;}
.comm_border{ border:1px solid #E5E5E5;}
.comm_backcolor{ background-color:#F9F9F9;}
.comm_width{overflow:hidden; margin:0 auto;}
span.arrow_bottom{ background:url(../images/jt_bottom.png);background-repeat:no-repeat;background-position:center left;height:12px; padding-left:30px;}
span.arrow_right{background:url(../images/jt_right.jpg);background-repeat:no-repeat;background-position:center left;height:15px; padding-left:30px; width:2px;}

span.arrow_left{background:url(../images/jiantou.png);background-repeat:no-repeat;background-position:0px -35px;height:15px; padding-left:20px; width:2px;}
.clear{ clear:both;}
.fillet_four{border-radius:15px;}
.box{ background:#fff;border:10px #e5e5e5 solid;padding:8px;border-radius:15px;width:90%; margin:0 auto; overflow:hidden;}
.spec_line{ width:100%; clear:both; height:45px;}
.ui-overlay-a .ui-input-text{ height:34px; padding-top:4px; border-radius:0;}
.ui-overlay-a .ui-btn,.btn_com{ background-color:#00ACBA; color:#fff;text-shadow:none; font-size:1.2em; font-weight:bold;border-color: #00ACBA;}
.btn_com:visited,.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
  background-color:#00ACBA;
  border-color: #00ACBA;
  color:#fff;
  text-shadow:none;
}
.btn_com:hover,.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover {
    background-color:#00ACBA;
     border-color: #00ACBA;
    color:#fff;
    text-shadow:none;
}
.btn_com:active, .ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head + body .ui-btn.ui-btn-a:active {
    background-color: #21D1E0;
    border-color: #00ACBA;
    color: #fff;
    text-shadow:none;
}

.user_center .ico_list,.page_title h3 span.ico_list{ display:inline-block; height:50px; width:40px; float:left;}
.user_center span.order{ background-position:-15px -15px;}
.user_center span.myorder,.page_title h3 span.myorder{background-position:-250px -15px;}
.user_center span.account{background-position:-75px -13px;}
.user_center span.distribution{background-position:-135px -13px;}
.user_center span.data{background-position:-195px -13px;}

.user_center_head .sztx{ text-align:center;}
.user_center_head .sztx a{ text-decoration:none; color:#00AABB;}
.user_center_head .right .title{ color:#00AABB; border-bottom:1px solid #E5E5E5;}
.user_center_head { border:none; }

.user_max_menu .ico_list{ display:inline-block; height:20px; width:23px; float:left; border:0px solid red;}
span.zh{background-position:-272px -94px;}
span.dfk{background-position:-302px -94px;}
span.wdmessage{background-position:-334px -94px;}

.user_max_menu{ position:relative;}
.user_max_menu .min_box{ width:33%; overflow:hidden; float:left; border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; padding:8px 0 8px 0;}
.user_max_menu .price{ text-align:center;}
.user_max_menu .price span{ color:#FD4401; font-size:20px; font-weight:bold;}
.user_max_menu .right_none{ border-right:none;}
.user_max_menu .min_box .title{ text-align:left; margin:0 auto; width:89px; overflow:hidden;}

.user_table{ position:relative; height:40px; overflow:hidden;}
.user_table div{ height:40px; line-height:40px; display:inline-block; width:46%; text-align:center; font-size:16px;}
.user_table div.current a{ color:#00ACBA;}
.user_table div.split_line{ position:absolute; left:47%; top:20px; height:20px; width:1px; border-left:1px solid #E5E5E5;}

.user_table .ico_list{ display:inline-block; height:25px; width:20px; border:0px solid red;background-position:-470px -17px;}
.user_table span.current{background-position:-512px -17px;}
/*修改密码*/
.page_title h3 span.ico_list{height:22px;background-position:-250px -28px;}
.user_pwd .page_title h3{ padding-bottom:4px;}
input.none_border{border:none;}

.user_more{background-color:#ffffff; width:95%; margin:0 auto;border-radius:4px; margin-bottom:10px; text-align:center;}
.user_more a{ text-decoration:none; color:#4E4E4E; font-size:16px;}
.user_more span{ font-size:16px;}
.btn_com{ width:100%; height:35px; background-color:#00ACBA; color:#fff; border:1px solid #00ACBA;border-radius:4px; font-size:16px;}

.user_list_btn .btn_com{ width:30%;}
.user_list_btn{ padding-top:6px; padding-bottom:2px;}
/*表单美化*/
label {
    display: inline;
}
.regular-checkbox {
    display: none;
}
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    padding: 9px;
    position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}
.regular-checkbox:checked + label:after {
    color: #99a1a7;
    content: "✔";
    font-size: 14px;
    left: 3px;
    position: absolute;
    top: 0;
}
.big-checkbox + label {
    padding: 18px;
}
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}
.tag {
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    top: 5px;
    width: 200px;
}
.radio-1 {
    width: 193px;
}
.button-holder {
    float: left; position:relative; width:100%;
}
.radio_text{display:inline-block; width:90%; float:right; padding-top:4px;}
.radio_text img{ height:25px;}
.regular-radio {
    display: none;
}
.regular-radio + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    border-radius: 50px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    padding: 9px;
    top:5px;
    position: relative;
}
.regular-radio:checked + label:after {
    background: none repeat scroll 0 0 #99a1a7;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    content: " ";
    font-size: 32px;
    height: 12px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 12px;
}
.regular-radio:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.big-radio + label {
    padding: 16px;
}
.big-radio:checked + label:after {
    height: 24px;
    left: 4px;
    top: 4px;
    width: 24px;
}
/*美化下拉框*/
.container {
   
   float:left;
   width:32%;
    margin-right:4px;
}

.dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)) repeat scroll 0 0 #f2f2f2;
    border-color: white #f7f7f7 whitesmoke;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    display: inline-block;
    height: 28px;
    overflow: hidden;
    position: relative;
    width:100%;
     
}
.dropdown:before, .dropdown:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #888888 transparent;
    border-image: none;
    border-style: dashed;
    border-width: 4px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 0;
    z-index: 2;
}
.dropdown:before {
    border-bottom-style: solid;
    border-top: medium none;
}
.dropdown:after {
    border-bottom: medium none;
    border-top-style: solid;
    margin-top: 7px;
}
.dropdown-select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    border-radius: 0;
    color: #62717a;
    font-size: 12px;
    height: 28px;
    line-height: 14px;
    margin: 0;
    padding: 6px 8px 6px 10px;
    position: relative;
    text-shadow: 0 1px white;
    width: 130%;
}
.dropdown-select:focus {
    color: #394349;
    outline: 2px solid #00AABB;
    outline-offset: -2px;
    width: 100%;
    z-index: 3;
}
.dropdown-select > option {
    background: none repeat scroll 0 0 #f2f2f2;
    border-radius: 3px;
    cursor: pointer;
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
}
.lt-ie9 .dropdown {
    z-index: 1;
}
.lt-ie9 .dropdown-select {
    z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
    z-index: 3;
}
@-moz-document url-prefix("") {
.dropdown-select {
    padding-left: 6px;
}
}
.dropdown-dark {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)) repeat scroll 0 0 #444;
    border-color: #111111 #0a0a0a black;
    box-shadow: 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
}
.dropdown-dark:before {
    border-bottom-color: #aaa;
}
.dropdown-dark:after {
    border-top-color: #aaa;
}
.dropdown-dark .dropdown-select {
    background: none repeat scroll 0 0 #444;
    color: #aaa;
    text-shadow: 0 1px black;
}
.dropdown-dark .dropdown-select:focus {
    color: #ccc;
}
.dropdown-dark .dropdown-select > option {
    background: none repeat scroll 0 0 #444;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}

.com_select{float:right; width:74%; position:relative;}
.com_select .container{ width:98%; position:absolute; top:-3px; left:-2px;}







/*微信*/
.max_bg,.min_bg{ background-image:url('../images/bg_03.jpg');  background-repeat:no-repeat; background-position:right; background-color:#F3F7F7;}

.com_title{ height:60px; width:100%; overflow:hidden;}
.left_border,.min_left_border{ display:inline-block; height:100%; width:6px; background-color:#1892E7;}
.min_left_border{ background-color:#FE7A18;}
.h134{ height:60px; background-position:right bottom;}

.min_bg{background-image:url('../images/bg2.jpg'); background-repeat:no-repeat; background-position:right -10px; height:50px}
._title,._min_title{ font-size:1.2em; position:absolute; font-weight:bold; min-height:60px; padding-left:4px; display:inline-block; padding:0px 0 0 6px;overflow:hidden;}

._title{ position:static;width:100%; padding:0.5em 8px 0.5em 12px;display:table-cell; }
._title a{display:inline-block; font-size:1.05em; vertical-align:middle}
.main .index_title{ min-height:60px; height:auto; position:relative;}
.main .index_title .left_border{height:100%; position:absolute;}
.l{ float:left;}
._min_title a{background-position:right 20px; height:50px; line-height:50px;  color:#1892E7;}
.box_com{ overflow:hidden; width:100%; /*max-height:150px;*/  border-top:1px solid #ECECEC;}
.box_com .txt{ padding:20px;}

.adv_title{ width:100%; height:50px; line-height:50px; background-color:#0379CC; background-image:url('../images/bg4.png'); background-repeat:no-repeat;}
.adv_title h3{ color:#fff; font-size:18px; text-align:center;}

.none_border{ border:none;}

.w_list{ margin:0 auto; width:90%; padding:15px 0 15px 0;}
.w_list li{ padding:2px; padding-top:0px; padding-bottom:0px; text-overflow:ellipsis; width:100%;white-space:nowrap; overflow:hidden;}
.w_list li a{ font-size:0.9em; color:#232323;}

.news_title{ position:relative; background-color:#1392E9; background-image:url('../images/infro_02.png'); background-repeat:no-repeat; min-height:150px; width:100%; overflow:hidden;}
.news_title .time .h2{ color:#fff; padding-left:6px; font-size:1.5em; font-weight:bold; display:inline-block;}
.time{ position:absolute; width:100%;height: 50%;color:#fff; font-size:16px; margin:auto;top:0px;left:0;bottom:0;right:0; }
.time span.ico_date{ height:20px; width:40px;}
.time .title{ padding-left:6px; padding-top:10px;}
/*底部*/
.footer
{
    background-color:#F3F7F7; padding:15px 0 15px 0; text-align:center;
}
.footer p a,.footer p{ font-size:0.94em;}
.message{ background-color:#F3F7F7; padding:10px;  padding:25px 10px 25px 10px;}
.mess_title{ position:absolute; left:72px; top:4px; width:50px; font-size:16px;}
.test_triangle{
    width:60px;
    position:relative;
}
.popup{
    background:#0489E6;
    padding:4px 8px;
    color:#fff; 
    border-radius:4px;
    top:0px;
    text-align:center;
     font-size:20px; font-weight:bold;
}
.popup span
{
  position:absolute;
 
  width:0px; 
  height:0px; 
  border-bottom:6px solid transparent;  /* left arrow slant */
  border-top:6px solid transparent; /* right arrow slant */
  border-left:6px solid #0489E6; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin:auto;top:0;bottom:0;right:-6px;
 
}


.message_list{ background-color:#fff; width:95%; margin:0 auto;}
.message_list .list{ padding-top:10px;}
.message_list .list dl dt{ float:left;}
.message_list .list dl dt img{ height:58px; width:58px; padding-right:6px;}

.message_list .list dl dd.title_date{ padding-left:50px; padding-top:0px; }
.message_list .list dl dd.txt{ padding:4px 0 0 0;}
.message_list .list dl{ border-bottom:1px solid #D8D8D8; padding:4px 0 4px 0; margin-bottom:15px;}
.message_list .more{ display:block; height:40px; line-height:40px; width:50%; margin:0 auto;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#D8D8D8)); border:1px solid #D8D8D8; margin-bottom:15px; font-weight:bold; font-size:16px; text-align:center;}
.message_list .more img{ padding-top:6px;}
.message_list .com_title span{ color:#0489E6; font-size:18px; font-weight:bold;}
.message_list .com_title{ height:35px; line-height:35px; border-bottom:2px solid #D8D8D8; }

.message_box{ border:2px solid #C6C6C6; margin-top:8px; height:130px; overflow:hidden;}

.message_box textarea{ border:none; width:100%; height:90px; padding:2px;}
.message_box  .send{ background-color:#F6F6F6; border-top:1px solid #DEDEDE; text-align:right; height:40px;}
.message_box .send a._btn{ border:none;  height:40px; line-height:40px; display:inline-block; text-align:center; width:90px;  background-color:#0489E6; color:#fff; font-size:18px; }


.reply{ margin-left:6px; border:1px solid #D8D8D8; padding-left:4px;}