﻿

/*-   深灰  #3A3839                        -*/
/*-   中灰  #515151                        -*/
/*-   浅灰  #eeeeee                        -*/
/*-   文本框默认边框颜色 #ddd              -*/
/*-   文本框获取焦点的边框颜色 #FF6D39     -*/
/*-                                        -*/
/*-      102, 175, 233                     -*/








/*------------------------------------------------------------*/
/*                 报价特殊样式                               */
/*------------------------------------------------------------*/
.quoteprice{background-color:#FA7C4F;border-radius: 8px 8px 8px 8px;padding-left:2px;padding-right:2px;text-shadow: 0 1px 0 red;}
    .quoteprice .label {color:#f8f8f8;}
    .quoteprice .price {color:#fff;font-weight:bold;}


.bgAA{width:100%;margin:auto;overflow:hidden;margin-left:1px;margin-top:5px;border:solid 3px #e2e2e2;}
.bgAAs{width:100%;margin:auto;overflow:hidden;margin-left:1px;margin-top:5px;background-color:#F5DBCA;border:solid 3px #FF716F;}

.bgBB{width:100%;margin:auto;overflow:hidden;margin-left:1px;margin-top:2px;border:solid 1px #e2e2e2;}
.bgBBs{width:100%;margin:auto;overflow:hidden;margin-left:1px;margin-top:2px;background-color:#F5DBCA;border:solid 1px #FF716F;}

.ico_find{width:20px;height:20px;background:url('images/dftimg/search.png') no-repeat;}
.ico_feedback{background:url('images/menubar/back.png') no-repeat center center;}
.ico_gousermain{width:15%;height:35px;background:url('images/menubar/gohome.png') no-repeat center center;}
.ico_gohome{width:15%;height:35px;background:url('images/menubar/gousermain.png') no-repeat center center;}


/* 订单伸缩 */
.switch_odr{background:url(images/dftimg/switch_odr.png) no-repeat center center;}
.switch_odrs{background:url(images/dftimg/switch_odrs.png) no-repeat center center;}




/*------------------------------------------------------------*/
/*                     通用文本输入框样式                     */
/*    适用: [input]  [textarea]    [filename]                 */
/*------------------------------------------------------------*/
input, textarea,select filename { 
	border: solid 1px #eeeeee;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
}
input[type="file"] {
  display: block;
}
.input-control {
  display: block;
  height: 25px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #515151;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-control:focus {
  border-color: #FF6D39;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
}
.input-control[disabled],
.input-control[readonly],
fieldset[disabled] .input-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/*---------------------------end------------------------------*/



/*------------------------------------------------------------*/
/*                     搜索文本输入框样式                     */
/*------------------------------------------------------------*/
.input-search{
  display: block;
  height: 25px;
  padding:4px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #515151;
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-search:focus{
  border-color: #FF6D39;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
}

.input-search-simple{
  display: block;
  height: 22px;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #515151;
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px solid #ddd;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-search-simple:focus{
  border-color: #FF6D39;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
}

/*------------------------------------------------------------*/
/*                     数据输入框样式                         */
/*------------------------------------------------------------*/
input[type="number"],
input[type="search"]{
  display: inline-block;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #515151;
}
/*隐藏数据框的上下箭头*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

input[type="number"]:focus,
input[type="search"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.input-box {
  margin-bottom: 3px;
}
.input-box .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align:top;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-box .add-on .issue_grey {width:22px;height:22px;background:url('images/dftimg/issue_grey.png') no-repeat 0px 0px;cursor:pointer;}
.input-box .add-on .add_grey {width:22px;height:22px;background:url('images/dftimg/add_grey.png') no-repeat 0px 0px;cursor:pointer;}
/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                 带特殊边框的文本输入框                     */
/*------------------------------------------------------------*/
.input-textbox{margin:auto;width:98%;height:35px;background-color:#fff;border:solid 1px #FF6D39;text-align:center;border-radius: 15px 15px 15px 15px;overflow:hidden;}
.input-textbox .txtbar{float:left;width:76%;margin-left:10px;height:35px;background-color:#fff;}
.input-textbox .usrico{float:left;width:20px;height:32px;background:url('images/dftimg/user.gif') no-repeat 3px 10px;}
.input-textbox .pwdico{float:left;width:20px;height:32px;background:url('images/dftimg/lock.gif') no-repeat 3px 10px;}
/*---------------------------end------------------------------*/





/*------------------------------------------------------------*/
/*                     下拉列表                               */
/*------------------------------------------------------------*/
.selector{
	float: left;
	border:1px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.selector:focus {
  border-color: #FF6D39;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
}
/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                *Check 复选框效果按钮                       */
/*------------------------------------------------------------*/


.checkbox {
  display: block;
  min-height: 25px;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.checkbox label{margin-left:5px;height:30px;line-height:28px;}
.checkbox input[type="checkbox"]{-webkit-appearance:none;outline: none;}
.checkbox input.check{background:url(images/dftimg/check_uncheck.png) no-repeat center left;background-size:18px 18px;position:relative;width:20px;height:30px;}
.checkbox input.check:checked{background:url(images/dftimg/check_check.png) no-repeat center left;background-size:18px 18px;}
.checkbox input.goodsCheck:checked{background:url(images/dftimg/check_check.png) no-repeat center left;background-size:18px 18px;}
.checkbox input.check:checked{background:url(images/dftimg/check_check.png) no-repeat center left;background-size:18px 18px;}
.checkbox .checked{background:url(images/dftimg/check_check.png) no-repeat left center;background-size:18px 18px;position:relative;width:20px;height:30px;}
/*---------------------------end------------------------------*/

/*------------------------------------------------------------*/
/*                *Radio 复选框效果按钮                       */
/*------------------------------------------------------------*/


.radiobox {
  display: block;
  min-height: 25px;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.radiobox label{margin-left:5px;height:30px;line-height:28px;}
.radiobox input[type="radio"]{-webkit-appearance:none;outline: none;}
.radiobox input.check{background:url(images/dftimg/radio_uncheck.png) no-repeat center left;background-size:18px 18px;position:relative;width:20px;height:30px;}
.radiobox input.check:checked{background:url(images/dftimg/radio_check.png) no-repeat center left;background-size:18px 18px;}
.radiobox input.goodsCheck:checked{background:url(images/dftimg/radio_check.png) no-repeat center left;background-size:18px 18px;}
.radiobox input.check:checked{background:url(images/dftimg/radio_check.png) no-repeat center left;background-size:18px 18px;}
.radiobox .checked{background:url(images/dftimg/radio_check.png) no-repeat left center;background-size:18px 18px;position:relative;width:20px;height:30px;}


/*---------------------------end------------------------------*/



/*------------------------------------------------------------*/
/*                多页切换框样式                              */
/*------------------------------------------------------------*/
.horizontal-tabs {
 height:auto;
 min-height:100px;
 border-left:solid 0px #eeeeee;	
}
.horizontal-tabs .tabs 
{
	float:left;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    color: #515151 !important;
    cursor: pointer;
    border: 1px solid #ddd;
    padding:5px;
    position:relative;
    z-Index:691;
	-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-image: linear-gradient(top, rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
    background: -webkit-linear-gradient(#f8f8f8,#ddd);
    background: -moz-linear-gradient(#f8f8f8,#ddd);
    background: -o-linear-gradient(#f8f8f8,#ddd);
    background: -ms-linear-gradient(#f8f8f8,#ddd);
    background: linear-gradient(#f8f8f8,#ddd);
}
.horizontal-tabs .tabs-focus 
{
	float:left;
	font-weight:bold;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    color: #3A3839 !important;
    background-color:#fff;
    cursor: pointer;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    padding:5px;
    position:relative;
    z-Index:691;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
}
.horizontal-tabs .contents{
 clear:both;
 width:100%;
 height:90%;
 min-height:100px;
 top:-1px;
 border:solid 1px #ddd;
 position:relative;
 z-Index:690;		
}

.horizontal-tabs .contents .showdt{
 margin:5px;
}



/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                     按钮样式                               */
/*                                                            */
/*  btn-mini    微型按钮      btn-grey  灰度                  */
/*  btn-small   小型按钮      btn-blue  蓝色                  */
/*  btn-normal  常规按钮      btn-yellow 金黄色               */
/*  btn-large   大按钮                                        */
/*                                                            */
/*------------------------------------------------------------*/
.btn-mini {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding:2px 10px;
}

.btn-small {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 15px;
}

.btn-normal {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding: 8px 20px;
}

.btn-large {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    padding: 12px 30px;
}


.btn-grey {
    color: #515151 !important;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #515151;
	-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-image: linear-gradient(top, rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
}
.btn-grey:hover {
    background: -webkit-linear-gradient(#f8f8f8,#ddd);
    background: -moz-linear-gradient(#f8f8f8,#ddd);
    background: -o-linear-gradient(#f8f8f8,#ddd);
    background: -ms-linear-gradient(#f8f8f8,#ddd);
    background: linear-gradient(#f8f8f8,#ddd);
}

.btn-red {
	background: -webkit-linear-gradient(#FA7C4F,#F65015);
	background: -moz-linear-gradient(#FA7C4F,#F65015);
	background: -o-linear-gradient(#FA7C4F,#F65015);
	background: -ms-linear-gradient(#FA7C4F,#F65015);
	background: linear-gradient(#FA7C4F,#F65015);
	border: 1px solid #2f7295;
	-webkit-box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn-red:hover {
	background: -webkit-linear-gradient(#F65015,#FA7C4F);
	background: -moz-linear-gradient(#F65015,#FA7C4F);
	background: -o-linear-gradient(#F65015,#FA7C4F);
	background: -ms-linear-gradient(#F65015,#FA7C4F);
	background: linear-gradient(#F65015,#FA7C4F);
}
.btn-red {
    color: #fff !important;
    text-shadow: 0 1px #555 !important;
}


.btn-blue {
	background: -webkit-linear-gradient(#2eaef0,#0488cd);
	background: -moz-linear-gradient(#2eaef0,#0488cd);
	background: -o-linear-gradient(#2eaef0,#0488cd);
	background: -ms-linear-gradient(#2eaef0,#0488cd);
	background: linear-gradient(#2eaef0,#0488cd);
	border: 1px solid #2f7295;
	-webkit-box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn-blue:hover {
	background: -webkit-linear-gradient(#0488cd,#2eaef0);
	background: -moz-linear-gradient(#0488cd,#2eaef0);
	background: -o-linear-gradient(#0488cd,#2eaef0);
	background: -ms-linear-gradient(#0488cd,#2eaef0);
	background: linear-gradient(#0488cd,#2eaef0);
}
.btn-blue {
    color: #fff !important;
    text-shadow: 0 1px #555 !important;
}

.btn-yellow {
	background: -webkit-linear-gradient(#FF6D39,#CF3A05);
	background: -moz-linear-gradient(#FF6D39,#CF3A05);
	background: -o-linear-gradient(#FF6D39,#CF3A05);
	background: -ms-linear-gradient(#FF6D39,#CF3A05);
	background: linear-gradient(#FF6D39,#CF3A05);
	border: 1px solid #95812F;
	-webkit-box-shadow: inset 0 1px 1px 0 #E7DA9F, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #E7DA9F, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn-yellow:hover {
	background: -webkit-linear-gradient(#CF3A05,#FF6D39);
	background: -moz-linear-gradient(#CF3A05,#FF6D39);
	background: -o-linear-gradient(#CF3A05,#FF6D39);
	background: -ms-linear-gradient(#CF3A05,#FF6D39);
	background: linear-gradient(#CF3A05,#FF6D39);
}
.btn-yellow {
    color: #fff !important;
    text-shadow: 0 1px #555 !important;
}

.btn-blue,.btn-yellow,.btn-grey {
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    -o-transition: all .5s ease-in-out !important;
    -ms-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}



/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                 带搜索按钮的文本框                         */
/*------------------------------------------------------------*/
.h_search{
	float: left;
	position: relative;
	border: 1px solid rgb(216, 216, 216);
	margin: 0;
	min-width: 250px;
}
.h_search input[type="text"]{
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
	padding:10px 16px;
	outline: none;
	color: #312c3c;
	background: #ffffff;
	border: none;
	width: 75%;
	line-height: 1.5em;
	position: relative;
	font-size: 0.8725em;
	text-transform: capitalize;	
}
.h_search input[type="submit"]{
	-webkit-appearance: none;
	background:url('images/dftimg/search.png') no-repeat 10px 10px;
	padding: 10px 0px;
	border: none;
	cursor: pointer;
	width: 15%;
	line-height: 1.5em;
	outline: none;
	position: absolute;
	right:0px;
}
.h_search input[type="submit"]:hover {
	background: url('images/dftimg/search_h.png') no-repeat 10px 10px;
}
/*---------------------------end------------------------------*/




.switchcss .cls1{float:left;padding:5px;margin-left:5px;margin-top:3px;height:25px;line-height:24px;border:solid 1px #e2e2e2;color:#4d4d4d;font-weight:bolder;cursor:pointer;border-radius: 3px 3px 3px 3px;}
.switchcss .cls2{float:left;padding:5px;margin-left:5px;margin-top:3px;height:25px;line-height:24px;border:solid 1px #FA8E19;color:#fff;font-weight:bolder;background-color:#FA8E19;cursor:pointer;border-radius: 3px 3px 3px 3px;}
.switchcss .cls2 a{color:#fff;}




/*------------------------------------------------------------*/
/*                 商品状态显示样式                           */
/*------------------------------------------------------------*/
.prditemstatus{float:right;margin-right:2px;background-color:red;color:#fff;font-size:9pt;text-align:center;padding:2px;border-radius: 3px 3px 3px 3px;}
.prditemstatus-small{float:right;margin-right:1px;background-color:red;color:#fff;font-size:8.5pt;text-align:center;padding:1px;border-radius: 2px 2px 2px 2px;}
/*------------------------------------------------------------*/
/*                 划线价样式                                 */
/*------------------------------------------------------------*/
.product-oldprice{
	color: gray;
	text-decoration:line-through;
    font-size: 15px;
    display: block;
    padding: 0 4px;
    position: relative;
    top: 1px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}

/*------------------------------------------------------------*/
/*                 图片详情样式                               */
/*------------------------------------------------------------*/
.fullimg-box{width:100%;margin-left:5px;margin-top:10px;}
.fullimg-box span img{width: 100%;display: block;}


/*------------------------------------------------------------*/
/*                 收货地址框                                 */
/*------------------------------------------------------------*/
.exprecbox{width:100%;height:70px;border-radius: 5px 5px 5px 5px;}
.exprecbox .ico_guide{float:left;width:10%;height:60px;background:url('images/menubar/exprec.png') no-repeat center center;}
.exprecbox .addressbox{float:left;width:80%;height:65px;}
.exprecbox .addressbox .expname{width:100%;height:22px;line-height:20px;}
.exprecbox .addressbox .expaddress{width:100%;height:42px;}
.exprecbox .ico_sel{float:right;width:10%;height:60px;background:url('images/menubar/expsel.png') no-repeat center center;}