/*
* @ description: 筷云所有结构基础样式+公用样式，每个页面必须引用
* @ author: Spring
* @ update: Spring(2015.12.10)
*/

/*=============================================================== base CSS ===============================================================*/
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
/* img {vertical-align:bottom;} */

input[type=submit],botton,input[type=botton]{cursor: pointer;}
/*fonts*/
.fb{font-weight:bold}.fn{font-weight:normal}.f18{font-size: 18px;}.f16{font-size: 16px;}.f14{font-size: 14px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}
.t2{text-indent:2em}.lh150{line-height:1.5}.lh180{line-height:1.8}.lh200{line-height:2}
/*position*/
.pr{position:relative}.pa{position:absolute}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}.fr{float:right;display:inline}
.cb{clear:both}.cl{clear:left}.cr{clear:right}
.vm{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.none{display:none}.hidden{visibility:hidden}.zoom{zoom:1}.bn{border: none;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*margin 5~100px*/
.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}.m50{margin:50px}.m100{margin:100px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr50{margin-right:50px}.mr100{margin-right:100px}
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml50{margin-left:50px}.ml100{margin-left:100px}
/*padding 3~100px*/
.ph3{padding:0 3px;}.ph5{padding:0 5px;}.ph10{padding:0 10px;}.ph15{padding:0 15px;}.ph20{padding:0 20px;}.ph30{padding:0 30px;}.ph50{padding:0 50px;}.ph100{padding:0 100px;}
.pv3{padding:3px 0;}.pv5{padding:5px 0;}.pv10{padding:10px 0;}.pv15{padding:15px 0;}.pv20{padding:20px 0;}.pv30{padding:30px 0;}.pv50{padding:50px 0;}.pv100{padding:100px 0;}
/*color*/
.gray{color:#999999;}
.blue{color:#005ea7;}
.green{color:green;}
.red{color:#f96639;}
.orange{color: #ea5c08;}
.black{color: #333333;}

/*font-color*/
.font-gray{color:#999;}
.font-blue{color:#005ea7;}
.font-green{color:green;}
.font-red{color:red;}
.font-orange{color: #ea5c08;}
.font-black{color: #333;}

.font-default{color: #666;}
.font-primary{color: #337ab7;}
.font-success{color: #5cb85c;}
.font-info{color: #5bc0de;}
.font-warning{color: #f0ad4e;}
.font-danger{color: #c9302c;}
/*--other-*/

/*form elements*/
.select{margin: 0;}
.select,
.texts,
.texts5,
.textm,
.textl,
.textarea{border: 1px solid #dcdcdc;padding: 4px;}
.texts,
.texts5,
.textm,
.textl{height: 18px;padding: 6px 5px;line-height: 18px;}
.texts{width: 100px;}
.texts5{width: 150px;}
.textm{width: 200px;}
.textl{width: 300px;}

.selects{width: 112px;height: 32px;}
.selectm{width: 212px;height: 32px;}
.selectl{width: 312px;height: 32px;}

/*form 表单元素*/
.form{}
.form dl{display:inline-block;margin-bottom: 10px;line-height: 24px;}
.form dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .form dl{height:1%}
.form dl{display:block}
.form dt,
.form dd{float: left;width: 547px;}
.form dt{clear: left;width: 100px; padding-right: 2px; line-height: 32px; text-align: right;font-size: 14px;}
.form .error{display: none; padding: 0 5px;}


/*=============================================================== layout CSS ===============================================================*/
.w,
.content,
.container,
.ws{width:1210px;margin-left:auto;margin-right:auto;}
.header,
.mainner,
.containner,
.footer,
.wf,
/* .row{width:100%; min-width:1210px;} */
/* .warp{width: 100%} */
/* .warp:after{content:".";display:block;height:0;clear:both;visibility:hidden} */
/*box 列布局*/
.box{}
.box .hd{border-bottom: 1px solid #dcdcdc;padding: 0 10px; height: 38px;color:#333;}
.box .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.box .bd{display:block}
/*row 行布局*/
.container:after,
.content:after,
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.content .section{width: 100%; float: left;}
.content .aside{float: right;}

.row .hd{}
.row .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.row .title{float: left;}
.row .title .cn{margin-right: 5px;font-size: 18px; color: #333333;}
.row .title .en{color: #999999;}
.row .more{float: right;color: #333;}
.row .more a{display: inline-block;}

/*nodata-box 数据为空*/
.nodata-box{display: block; padding: 100px 0 150px; margin: 20px auto; border: 1px solid #dcdcdc; overflow: hidden;}
.nodata-box .nodata-desc{position: relative; min-height: 38px;}
.nodata-box .nodata-desc .layout-outer{position: absolute;left: 50%; float: left;}
.nodata-box .nodata-desc .layout-inner{position: relative;left: -50%; float: left;}
.nodata-box .nodata-desc-content{display: block; min-width: 200px; margin: auto; padding-left: 40px; background: url(../../common/img/icon_wonder.png) no-repeat 0 50%; text-align: left;line-height: 1.4; color: #333;font-size: 14px; overflow: hidden;}

@media (max-width: 1023px){
  .nodata-box{padding: 80px 0;}
}

@media (max-width: 767px){
  .nodata-box{padding: 60px 0;}
}

@media (max-width: 639px){
  .nodata-box{padding: 40px 0;}
  .nodata-box .nodata-desc-content{max-width: 300px;}
}

/*item*/
.items:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*IE低版本提示*/
.ie6_box{background:#ffffff;border:5px solid #000000;width:600px;height:350px;padding:30px;position:absolute;z-index:9999;top:50%;left:50%;margin-left:-300px; margin-top:-150px;}
.ie6_box h6{border-bottom:1px solid #d4d4d4;font-size:24px;padding-bottom:10px;}
.ie6_box p{height:70px;line-height:60px;}
.ie6_box li{float: left;}
.ie6_box li a{float: left; display:block;width:148px;background-position: 180px 180px;border:1px solid #ffffff;text-align:center; padding:120px 0px 20px 0px;}
.ie6_box li a:hover{border:1px solid #d4d4d4;}
.ie6_box .chrome{background-position:0px 0px;}
.ie6_box .safari{background-position:-150px 0px;}
.ie6_box .firefox{background-position:-300px 0px;}
.ie6_box .ie89{background-position:-450px 0px;}
.ie6_box span{text-align:center;display:inline-block;width:100%;margin-top:30px;}


/*=============================================================== state CSS ===============================================================*/
/*mask，alert 遮罩层，弹出层*/
.mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:#ffffff;opacity: .5;filter: alpha(opacity=50);z-index:998;}
.ui-mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:#000000;opacity: .2;filter: alpha(opacity=20);z-index:98;}

.alert{position:fixed;top:50%;left:50%;display:none;margin: -125px 0 0 -325px; width: 650px; padding: 1px;background-color: #ffffff;box-shadow: 0 0 5px 2px rgba(0,0,0,.3);z-index:999;}
.alert .hd{height: 38px;line-height: 38px;background-color: #eee;}
.alert .btn-close{position: absolute;top: 10px;right: 10px; padding: 3px;width: 16px;height: 16px; line-height: 0;}
.alert .btn-close .icon{margin: 0;padding: 0;}
.alert .bd{padding: 10px; /*max-height: 300px;*/ overflow-y: auto;}
.alert .desc{padding: 44px;line-height: 22px;text-align: center;font-size: 14px;color: #ea5c08；}
.alert .action{padding: 20px 0;background-color: #f7f7f7; text-align: center;}
.alert .action .btns{margin: 0 20px;}

/*ui-alert-msg 消息提示窗*/
.ui-alert-msg{position: fixed;left: 50%;top: 30%;z-index: 99999999; max-width: 500px;min-width: 140px; height: 60px; margin: -80px 0 0 -85px; background-color: rgba(0,0,0,.8);background-color: #000\9; border-radius: 3px; opacity: 0;
	transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
}
.ui-alert-msg .text{display: block; padding: 20px 16px;line-height: 16px;text-align: center; font-size: 16px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;color: #fff;}
.ui-alert-msg .fa{font-size: 20px;color: #ff2832;}
.ui-alert-msg.show{margin-top: -60px; opacity: 1;}

/*ui-confrim 消息确认窗*/
.ui-confrim{position: fixed;left: 50%;top: 50%;z-index: 10001; max-width: 500px;width: 260px; border: 1px solid #bbb; margin: -200px 0 0 -131px; background-color: #fff; border-radius: 3px; opacity: 0; overflow: hidden;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
}
.ui-confrim .text{display: block; padding: 26px 16px;line-height: 1.4;text-align: center; font-size: 16px;}
.ui-confrim .btn-group{display: block;}
.ui-confrim .btn-group .btn{float: left;width: 50%;height: 44px; border: none; border-radius: 0; padding: 0;margin: 0; line-height: 44px;text-align: center; font-size: 14px;}
.ui-confrim .btn-group .btn-confrim-cancel{background-color: #ddd;color: #666;}
.ui-confrim .btn-group .btn-confrim-sure{background-color: #f59524;color: #fff;}
.ui-confrim.show{opacity: 1;}

.ui-test-product-note{position:fixed;top:0;left:0;display:none;margin: 0; width: 100%;height: 100%; padding: 0;z-index:999;}
.ui-test-product-note-mask{position:absolute;top:0;left:0; width: 100%;height: 100%; padding: 0;background-color: #fff; opacity: .7;}
.ui-test-product-note-alert{position:absolute;top:50%;left:50%; width: 470px;height: 234px; border-radius: 2px; padding: 0;margin: -117px 0 0 -235px;background-color: rgba(0,0,0,.7);background-color: rgb(0,0,0)\9;}
.ui-test-product-note-alert .msg-desc{padding: 40px 55px 30px; line-height: 1.8;text-align: center;font-size: 18px;color: #fff;}
.ui-test-product-note-alert .action{text-align: center;}
.ui-test-product-note-alert .btnf{display: inline-block; height: 46px;padding: 0 35px; line-height: 46px; font-size: 18px;}

/*=============================================================== other CSS ===============================================================*/
/*一些 CSS 3.0 的样式、帮助说明信息、浏览器兼容样式以及一些BUG处理代码*/
.transition{
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
/*
1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
6、cubic-bezier：（该值允许你去自定义一个时间曲线）， 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内，否则无效。
*/
}
.shadow{box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);}/**box-shadow: h v 模糊值 长度 color inset;*/
.shadow1{box-shadow: 0 4px 6px -2px rgba(0,0,0,.5);-moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5);}
.textShadow{text-shadow: 0 1px 1px #000;}

/*----------------- BUG ---------------*/
.jb{
	fifter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ 
	background:-moz-linear-gradient(left,#b8c4cb,#f6f6f8);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ 
/*S 版本2
	background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#201F1F));
	background: -moz-linear-gradient(top, #555454, #201F1F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F)";
	background: -ms-linear-gradient(top, #555454, #201F1F);
	background: -o-linear-gradient(top, #555454, #201F1F);
版本2 */
}
.opacity{
	opacity: 0.8; /*Chrome、Safari、Firefox、Opera */ 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6/IE7/8 */ 
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*  IE8 */
 }
.transparent{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
  filter: alpha(opacity=50);/* IE 5-7 */
  -moz-opacity: 0.5;/* Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity: 0.5;/* Good browsers */
}
/*jquery datepicker*/
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button{font-family: "Microsoft yahei", Arial, Sans-serif;}
.ui-widget-content{border-color: #d8dbe4!important;}
.ui-widget-header{color: #fb9800!important; background: #ececec!important;border:none!important;}
.ui-widget-header .ui-icon{background: url(../img/icons-query-datepicker.png) no-repeat!important;}
.ui-datepicker-calendar .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-content .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-content .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-header .ui-state-focus{border: none!important;background: none!important;}
.ui-datepicker-next .ui-icon,
.ui-widget-content .ui-datepicker-next .ui-icon,
.ui-widget-header .ui-datepicker-next .ui-icon{background-position: -16px 0!important;}
.ui-state-hover .ui-icon, 
.ui-widget-content .ui-state-hover .ui-icon, 
.ui-widget-header .ui-state-hover .ui-icon{background-position: 0 -16px!important;}
.ui-datepicker-next-hover .ui-icon,
.ui-widget-content .ui-datepicker-next-hover .ui-icon,
.ui-widget-header .ui-datepicker-next-hover .ui-icon{background-position: -16px -16px!important;}
.ui-datepicker th{color: #fb9800!important;}
.ui-datepicker-calendar .ui-state-default, 
.ui-datepicker-calendar .ui-widget-content .ui-state-default, 
.ui-datepicker-calendar .ui-widget-header .ui-state-default{background: #ececec!important;border:none!important;text-align: center;}
.ui-datepicker-calendar .ui-state-active, 
.ui-datepicker-calendar .ui-widget-content .ui-state-active, 
.ui-datepicker-calendar .ui-widget-header .ui-state-active{color: #fff!important; background: #fb9800!important;border:none!important;}
.ui-datepicker-calendar .ui-datepicker td span, 
.ui-datepicker-calendar .ui-datepicker td a{text-align: center!important;}
.widget-date .group-input .date-from{position: relative;}
.widget-date .group-input .date-from:before{position: absolute;right: 1px;top: 1px;z-index: 2; display: block; width: 23px;height: 23px;content: "";
background-image:url(../img/icon-datepicker-gray.png);background-repeat: no-repeat;}
/*SKU SKU属性*/
.SKU{margin-top: 10px;}
.SKU-ul{margin: 0 0 -6px -6px;overflow: hidden;}
.SKU-li{float: left;width: 52px;height: 28px;padding: 1px;border: 1px solid #d8dadd; margin: 0 0 6px 6px; line-height: 28px;text-align: center; white-space: nowrap;overflow: hidden;}
.SKU-li.on{padding: 0;border: 2px solid #f47564;background: url(../img/icon-sdk-on.png) no-repeat 100% 100%; color: #f57d6d;}
.SKU-li:hover{color: #f57d6d;}
/*SKU-radio*/
.SKU-radio .SKU-ul{margin: 0 0 -9px -9px;}
.SKU-radio .SKU-li{width: 72px; margin: 0 0 9px 9px; color: #3c4454;}
.SKU-radio .SKU-li.on{border-color: #fb9800;background-image: url(../img/icon-radioSKU.png); color: #fb9800;}
.SKU-radio .SKU-li:hover{color: #fb9800;}
.sec-mc dl dt{line-height: 32px;}
.sec-mc .express-address-list .item{line-height: 32px;}
.sec-mc .ui-form-notes p{line-height: 32px;}