.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropup, .dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none;  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
@media (min-width: 768px) {
 .navbar-right .dropdown-menu {
 left: auto;
 right: 0;
}
 .navbar-right .dropdown-menu-left {
 left: 0;
 right: auto;
}
}


.tooltip { position: absolute; z-index: 1030; display: block; padding: 5px 20px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.tooltip.top { margin-top: -3px; }
.tooltip.right { margin-left: 3px; }
.tooltip.bottom { margin-top: 3px; }
.tooltip.left { margin-left: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px 20px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }


.mlr5{margin:0px 5px}
.mlr10{margin:0px 10px}


/*业务定制*/
.btn-more { width:360px }
.btn_add{ line-height:60px; font-size:18px}


/*公共按钮样式*/
.btn_green {
	background: #2d8931;
	color: #FFF !important;
	height: 32px;
	padding:0px 20px;
	line-height:32px;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	border:1px solid #2d8931 !important;
	border-radius:4px
}
.btn_green:hover {
	background: #429545;
	border: 1px #429545 solid;
	color:#fff !important;
}
.btn_gray {
	border: 1px #DDD solid;
	color: #777 !important;
	background: #FFF;
	padding:0px 20px;
	cursor:pointer;
	height:32px;
	line-height:32px;
	display:inline-block;
	font-size:12px;
	border-radius:4px
}
.btn_gray:hover {
	border: 1px #CCC solid;
	color: #555 !important;
	background: #f8f8f8;
}

/*Table*/
table { background-color: transparent }
th { text-align: left }
.table { width: 100%; max-width: 100% }
.table>thead>tr>th { background:#fff; font-weight:normal; color:#222 }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 10px 9px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #eee; }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #eee; }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0; }
/*带边框的表格*/
.table-bordered { border-top: 1px solid #ddd }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #eee; }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 1px }
.table-nowrap { table-layout:fixed; }
.table-nowrap>thead>tr>th, .table-nowrap>tbody>tr>th, .table-nowrap>tfoot>tr>th, .table-nowrap>thead>tr>td, .table-nowrap>tbody>tr>td, .table-nowrap>tfoot>tr>td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.table-lrnoborder>tbody>tr>td:first-child, .table-lrnoborder>thead>tr>th:first-child { border-left:1px solid #fff }
.table-lrnoborder>tbody>tr>td:last-child, .table-lrnoborder>tbody>tr>td.last, .table-lrnoborder>thead>tr>th:last-child, .table-lrnoborder>thead>tr>th.last { border-right:1px solid #fff }
/*无边框的表格*/
.table-noborder { border-top:none;border-bottom:1px solid #ddd }
.table-noborder>thead>tr>th, .table-noborder>tbody>tr>th, .table-noborder>tfoot>tr>th, .table-noborder>thead>tr>td, .table-noborder>tbody>tr>td, .table-noborder>tfoot>tr>td { border:none; }
.table-noborder>thead:first-child>tr:first-child>th { border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #f5f5f5 }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #f5f6f7
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px }
/*单元格左右无边框的表格*/
.table-tlrnobor { border:none;}
.table-tlrnobor>thead>tr>th, .table-tlrnobor>tbody>tr>th, .table-tlrnobor>tfoot>tr>th, .table-tlrnobor>thead>tr>td, .table-tlrnobor>tbody>tr>td, .table-tlrnobor>tfoot>tr>td { border:none;border-bottom:1px solid #eee }
.table-tlrnobor>thead:first-child>tr:first-child>th { border-top:1px solid #ddd; border-bottom:1px solid #ddd }


.table-nothbor>thead>tr>th{height:0;padding:0;}


.table>tbody>tr.even { background-color: #f8f8f8 }
.table .check { padding-left:20px}
.table>tbody>tr{ cursor:pointer}
.table>tbody>tr:hover{ background:#e5e5e5;color: #222;}



/*Icon*/
[class^="icon-"], [class*=" icon-"] {display: inline-block;vertical-align: text-top;background-image: url(../img/bg.png);background-repeat: no-repeat}
.icon-trash { width:13px; height:15px; line-height:15px; background-position:-42px -385px }
.icon-radio { width:20px; height:20px; line-height:20px; background-position:-72px -230px }
.icon-radio-selected { width:20px; height:20px; line-height:20px; background-position:-50px -230px }
.icon-tip { width:16px; height:16px; line-height:16px; background-position:-222px -178px }
.icon-home{width:16px;height:14px; line-height:14px; background:url(../images/common/icon-home.png) 0 0 no-repeat}
.icon-delete{ width:16px;height:16px; background:url(../images/common/icon-delete.png) 0 0 no-repeat}
.icon-deleted{ width:13px;height:15px; background:url(../images/common/icon-delete.png) 0 0 no-repeat;}
.icon-share{width:17px;height:18px; background:url(../images/common/icon-share.png) 0 0 no-repeat}
.icon-round2{width:10px;height:10px; background:#37c;border-radius:50%}
.icon-check{width:16px;height:16px; background:url(../images/common/ic__06.png) 0 0 no-repeat}
.icon-clock{width:16px;height:16px; background:url(../images/common/ic__12.png) 0 0 no-repeat}
.icon-error{width:16px;height:16px; background:url(../images/common/ic__14.png) 0 0 no-repeat}
.icon-add-little{width: 16px;height: 16px;background: url(../images/newcommon/ic-add-little.png) 0 0 no-repeat;}

.icon-edit{width:16px;height:16px; line-height:16px; background:url(../images/common/icon_07.png) 0 0 no-repeat}
.icon-bookmark{width:18px;height:17px; line-height:17px; background:url(../images/common/icon-_03.png) 0 0 no-repeat}
.icon-all{width:18px;height:14px; line-height:14px; background:url(../images/common/icon-_07.png) 0 0 no-repeat}
.icon-phone{width:36px;height:23px; line-height:23px; background:url(../images/common/icon-_14.png) 0 0 no-repeat}
.icon-email{width:34px;height:24px; background:url(../images/common/icon-_11.png) 0 0 no-repeat}
.icon-tip{width:16px;height:16px; line-height:16px; background:url(../images/common/icon-tip.png) 0 0 no-repeat}
.icon-delete-bl{width:30px;height:30px; line-height:30px;background: url(../images/bg.png) -92px -258px no-repeat;}


.icon-add{width:16px;height:16px; line-height:16px; background:url(../images/common/ic_add.png) 0 0 no-repeat;}
.icon-check{width:16px;height:16px; line-height:16px; background:url(../images/bg.png) -222px -160px no-repeat;}
.icon-chevron-up{width:14px;height:14px;line-height:14px;background:url(../images/bg.png) -99px -144px no-repeat;}
.icon-chevron-down{width:14px;height:14px;line-height:14px;background:url(../images/bg.png) -126px -145px no-repeat;}

/*圆形图标*/
.icon-round-delete{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -92px -258px no-repeat; vertical-align:top}
.icon-round-add{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -195px -258px no-repeat; vertical-align:top}
.icon-round-edit{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -253px -258px no-repeat; vertical-align:top}
.icon-round-export{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -10px -258px no-repeat; vertical-align:top}
.icon-round-print{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -50px -258px no-repeat; vertical-align:top}
.icon-round-email{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -135px -258px no-repeat; vertical-align:top}
.icon-round-fwd{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -166px -258px no-repeat; vertical-align:top}
.icon-round-upload{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -224px -258px no-repeat; vertical-align:top}
.icon-round-move{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -168px -330px no-repeat; vertical-align:top}
.icon-round-attachment{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -84px -330px no-repeat; vertical-align:top}
.icon-round-download{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -140px -330px no-repeat; vertical-align:top}


/*White Round Icon*/
.icon-round-white-export{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) 0px -330px no-repeat; vertical-align:top}
.icon-round-white-print{width:28px;height:28px; line-height:28px; background:url(../images/bg.png) -28px -330px no-repeat; vertical-align:top}



.btn [class^="icon-"], .btn [class*=" icon-"], .help-inline [class^="icon-"], .help-inline [class*=" icon-"],.help-block [class^="icon-"], .help-block [class*=" icon-"] {margin-right: 8px}






/*附件*/
.attachment{padding-bottom:10px}
.attachment .hd { line-height:30px;}
.attachment .hd .name{color:#000; font-weight:normal;}
.attachment .CommentAttachment{max-height:120px; overflow:auto;border:1px solid #ddd;border-radius:3px}
.attachment .CommentAttachment p { line-height:38px;padding:0px 10px;border-top:1px solid #ddd}
.attachment .CommentAttachment p:first-child{border-top:none}



/*spinner*/
.ui-spinner button { height: 14px; position: absolute; background: none; border: none; width: 18px; padding: 0; background: url(../images/common/spinner_arrows.gif) no-repeat 0 -100px; cursor: pointer; }
.ui-spinner .ui-spinner-up { top: 0; right: 0; background-position: 0 0; }
.ui-spinner .ui-spinner-down { top: 14px; right: 0; background-position: 0 -14px; }
.ui-spinner .ui-spinner-up:hover { background-position: -18px 0; }
.ui-spinner .ui-spinner-down:hover { background-position: -18px -14px; }
.ui-spinner input, .ui-spinner input:focus { margin-top: 0px; display: block !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; outline: none !important; border:none; font-size:13px }
.ui-spinner ul { margin: 0; }
.ui-spinner li { line-height: 28px; }
.ui-spinner { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); position: relative; font-size: 13px; height: 30px; line-height: 30px; color: #555; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.ui-spinner .ui-spinner-box { background: none; border: none !important; }
.ui-spinner .ui-state-default .ui-icon { background-image:url(../images/common/spinner_arrows.gif) }
.ui-icon-triangle-1-n { background-position:-2px 0 }
.ui-state-default .ui-icon-triangle-1-s { background-position:-2px -14px }


/*栅格宽度*/
/*.col19{width:750px}
.col20{width:790px}
.col5{width:190px}
.col10{width:390px}*/
.col-20{width:790px}
.col-19{width:750px}
.col-18{width:710px}
.col-8{width:310px}
.col-10{width:390px}
.col-6{width:230px}
.col-5{width:190px}
.col12 { width:480px; }
.col6 { width:240px; }
.col14 { width:550px; }


.ui-widget-content a.btn-primary{ color:#fff}


/*自定义弹出层样式*/
.modal-dialog { background:#fff; font-size:13px }
.modal-dialog { border:none !important; border-radius:4px }
.modal-dialog .ui-dialog-titlebar { display:none }
.modal-dialog .ui-dialog-content { padding:0 }
.modal-dialog .btn-close { cursor:pointer; width:20px; height:20px; display:inline-block; position:absolute; right:10px; top:10px; z-index:11 }
.modal-dialog .icon-close { width:20px; height:20px; display:inline-block; background:url(../images/common/close.png) 0 0 no-repeat; }
.modal-dialog .title { font-size:13px; color:#222; line-height:20px;padding:15px 20px; text-align:left }


/*Tab*/
/*
.tabs { overflow:hidden }
.tabs li { float:left; border:1px solid #37c; text-align:center; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left:-1px; line-height:30px; position:relative }
.tabs li a { color:#37c; display:block; }
.tabs li.current { background:#37c; color:#fff }
.tabs li:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.tabs li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:0 }
.tabs li.current a { color:#fff }
.tabs li.col-md-3 { width:33.333333% }
.tabs li.col-md-5 { width:20% }
.tabs-square li:last-child{border-top-right-radius: 0px; border-bottom-right-radius: 0px}
.tabs-square li:first-child{border-top-left-radius: 0px; border-bottom-left-radius: 0px}*/


/*用户中心自定义弹出层*/
.user-dialog{border-radius:0}
.user-dialog .title{height:180px;padding:60px 0px 0px 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:30px}
.user-dialog .title h2{ color:#fff; font-size:36px}
.user-dialog .title small{ font-size:15px}
.user-dialog .icon-close{ background:url(../images/trace/ic-close.png) center center no-repeat;}
.user-dialog .btn-close{top:16px;right:16px}
.user-dialog .bd{padding:20px 60px 50px 60px}
.user-dialog .form-item{padding-left:80px}
.user-dialog .form-item .form-label{width:70px;margin-left:-80px; color:#222}


.dialog-login .form-text{height:40px; line-height:1.31}
.dialog-login .btn{ height:40px; line-height:40px;}
.dialog-login .form-group li{margin-bottom:10px}
.dialog-login .form-group .action{padding-top:20px}
.dialog-login .form-group .action a{ color:#385}

.dialog-login .title{ background:url(../images/trace/login-bg.jpg) 0 0 no-repeat}
.dialog-contact .title,.dialog-field .title{ background:url(../images/trace/contact-bg.jpg) 0 0 no-repeat}
.dialog-company .title{ background:url(../images/trace/company-bg.jpg) 0 0 no-repeat}
.dialog-authentication .title{ background:url(../images/trace/authentication-bg.jpg) 0 0 no-repeat}

/*上传剪裁图片弹出层样式*/
.uploadPic-Modal .mc { padding-right:240px; }
.uploadPic-Modal .col-left { border-right:1px solid #ddd;padding-right:20px; }
.uploadPic-Modal .pic { border:1px solid #ddd; width:500px; height:350px; overflow:hidden; text-align:center; line-height:350px; }
.uploadPic-Modal .pic img { max-width:500px;display:inline-block; vertical-align:middle }
.uploadPic-Modal .col-right { width:220px; float:right; margin-right:-240px }
.uploadPic-Modal .col-right .hd { padding:10px 0px }
.uploadPic-Modal .col-right .hd h4 { color:#555; margin-bottom:5px; }
.uploadPic-Modal .col-right .thumbnail{width:198px;height:198px;border:1px solid #ddd;}
.uploadPic-Modal .col-right .thumbnail img{ vertical-align:middle}
.jcrop-holder{margin:0 auto; display:inline-block; vertical-align:middle}



.switch{ display:inline-block;line-height:20px;height:20px;padding-left:20px;font-size:12px}
.switch .text{display:inline-block;padding-right:10px;color:#888}
.switch .icon-switch{ display:inline-block;width:40px;height:20px;background:url(../images/common/switch-off.png) 0 0 no-repeat; vertical-align:top}
.switch.switch-on .icon-switch{background:url(../images/common/switch-on.png) 0 0 no-repeat;}
.switch.switch-on .text{color:#333}


html{ overflow-y:scroll}
body { background:#f5f6f7; font-size:12px; }
.w1200 { width:1200px; margin:0 auto }
.w1030 { width:1030px; margin:0 auto }
.mr10{margin-right:10px;}
.mr40{margin-right:40px;}
.mt40{margin-top:40px}
.pd30{padding:30px}
.f18{ font-size:18px}
.f15{ font-size:15px}

.topbar{height:40px;line-height:40px;background:#274; }
.topbar .line{margin:0px 10px}
.topbar .login{ background:#385; display:inline-block;width:250px;color:#fff; text-align:center;height: 40px;}
.topbar .login a{ color:#fff;width:120px; display:inline-block}
.topbar .ic-topbar-notifications{ display:inline-block;width:20px;height:20px; vertical-align:top; background:url(../Images/trace/ic_topbar_notifications.png) 0 0 no-repeat;margin-top:10px;margin-right:40px}
.login-dropdown{width:250px; background:#385;}
.login-dropdown .dropdown-toggle{ color:#fff; display:block;padding:0px 20px}
.login-dropdown .dropdown-toggle .caret{margin-left:10px; float:right;margin-top:18px}
.login-dropdown .dropdown-menu{width:248px;border-radius:0}

.header { height:79px; border-bottom:1px solid #116633; background:#385;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); overflow:hidden;}
.header .logo { font-size:24px; color:#fff; margin-right:60px;}
.header .logo a{ display:block; color:#fff;padding:15px 0px}
.header .logo .logo_tcloudit { display:inline-block; width:150px; height:50px; background:url(../images/trace/ic_logo.png) 0 0 no-repeat; line-height:50px; vertical-align:top;}
.header .logo .text-green { color:#227744 }
.header .nav{padding-top:10px}
.header .nav li{ float:left;width:100px;border-bottom:4px solid #385; text-align:center; line-height:66px}
.header .nav a{ display:block; font-size:15px; color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.header .nav li.active,.header .nav li:hover{border-bottom:4px solid #fff;}
.header .nav li.active a,.header .nav li:hover a{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

.header .search {position:relative; margin-top:20px }
.header .search .s-input { height: 40px; width:250px; line-height:1.51; color: #fff; border: 1px solid #274; background:#274; outline: none; padding:12px 52px 12px 12px; display:block;border-radius:2px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .search .btn-search { width: 40px; height: 40px;display: inline-block; cursor: pointer; position:absolute; right:0px; top:0px; text-align:center;}
.header .search .icon-search { display:inline-block; width:40px; height:40px; background:url(../images/trace/ic_search.png) center center no-repeat; vertical-align:top; line-height:40px;}
.header .search .dropdown{ color:#fff; position:absolute;left:0px;top:0px;}
.header .search .dropdown .dropdown-toggle{width:50px; display:inline-block;height:40px; line-height:40px;padding-left:17px; color:#fff;}
.header .search .dropdown .arrow{ display:inline-block;width:14px;height:14px; background:url(../images/trace/arrow-down.png) 0 0 no-repeat; float:right;margin-top:13px}
.header .search .dropdown .dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 80px;padding: 5px 0;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.header .search .dropdown-menu>li>a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap}
.header .search .dropdown.open .caret{ background:url(../images/trace/arrow-up.png) 0 0 no-repeat}
.header .search .dropdown.open .dropdown-menu{ display:block}
.header .search .watermark { color: #fff}
.header .search .watermark2 { color: #fff; font-style: italic; }
.header .search .watermark3 { color: #fff; }
.header .search ::-webkit-input-placeholder {color:#fff;}
.header .search :-moz-placeholder {color:#fff;}
.header .search ::-moz-placeholder {color:#fff;}
.header .search :-ms-input-placeholder {color:#fff;}


.nav-right{padding-top:22px;padding-right:10px}
.nav-right a{ display:inline-block; color:#fff; line-height:36px;padding-right:20px}
.nav-right .icon{ display:inline-block;width:36px;height:36px; line-height:36px; background:url(../images/trace/ic_about.png) 0 0 no-repeat; float:left;margin-right:10px;}
.nav-right .icon-apply{ background:url(../images/trace/ic_how.png) 0 0 no-repeat}
.nav-right a:first-child{margin-right:30px}

.section-first .slide{border:1px solid #ddd; float:left;width:778px;height:398px;position:relative; background:#fff;}
.section-first .slide .slidesjs-pagination { position:absolute; bottom:23px; left:41%; z-index:100 }
.section-first .slide .slidesjs-pagination li { float: left; margin: 0 5px; }
.section-first .slide .slidesjs-pagination li a { display: block; width: 18px; height: 18px; background-color:#fff; float: left; overflow: hidden;border:1px solid #ddd; text-align:center;border-radius:10px; font-size:14px; line-height:18px}
.section-first .slide .slidesjs-pagination li a.active,.section-first .slide .slidesjs-pagination li a:hover.active {background-color:#274;border:1px solid #274; color:#fff }


.section-first .extra{width:250px;height:400px; background:#385; float:right; position:relative}
.section-first .extra .mc{padding:40px 20px 0px 20px}
.section-first .extra .title{ font-size:28px; color:#fff; line-height:28px;padding-bottom:30px;}
.section-first .extra .form-text{height:40px; line-height:1.51; padding:12px 10px;border:1px solid #fff;border-radius:2px; font-size:14px}
.section-first .extra .btn-search{height:40px; line-height:40px;border:1px solid #5a7; background:#5a7;border-radius:2px; font-size:14px; color:#fff}
.section-first .extra .ft{ position:absolute;bottom:0;height:50px; background:#274;left:0;width:100%; line-height:50px; font-size:14px;padding-right:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section-first .extra .ft a{color:#fff}
.section-first .extra .ft .icon-arrow-right{ display:inline-block;width:10px;height:15px; background:url(../images/trace/arrow_right.png) 0 0 no-repeat; line-height:15px; vertical-align:text-top;margin-left:10px}

.section-first .extra .action{padding-top:80px;}
.section-first .extra .btn-create{height:40px; line-height:40px;border:1px solid #e66; background:#e66;border-radius:2px; font-size:14px; color:#fff}
.section-first .extra .action .link,.section-first .extra .action .link a{color:#fff;font-size:14px;}
.section-first .extra .action .link a{text-decoration:underline}
/*商品列表*/
.main { padding:10px 0px 0px 0px; overflow:hidden }
.t-section { overflow:hidden}
.fresh-market{border:none; background:transparent}
.product {width:180px; height:300px }
.product .pic {width:180px; height:180px; overflow:hidden }
.product .pic img { max-width:178px; max-height:178px;border:1px solid #eee }
.product .name { color:#555; line-height:18px; height:35px; padding:10px 0px 30px 0px; overflow:hidden }
.product .rate { position:relative; color:#888 }
.product .rate .starbg { background:url(../images/trace/star.png) 0 -14px; height:10px; padding:0px; cursor:pointer; width:58px; float:left; position:relative; margin:4px 5px 0px 0px }
.product .rate .starovering { background:url(../images/trace/star.png); height:10px; position:absolute; top:0; left:0; z-index: 0; display: list-item; }
.product .rate .staron { position:absolute; top:0; left:0; height:10px; }
.product-list .product { float:left; margin-right:40px; }
.product-list .product { height:300px }
.product-list .product a:hover,.product-list .product a:hover .name{ color:#274}
.product-list .product.last { margin-right:0 }
.product-list .product .name {padding-bottom:15px }
.col-right { width:320px; float:right }
.product-row-item {background:#fff;padding-right:20px}
.row-product { height:120px; padding-left:140px }
.row-product a:hover,.row-product a:hover .name{ color:#274}
.row-product .pic { width:120px; height:120px; overflow:hidden; margin-left:-140px; float:left }
.row-product .pic img { max-width:118px; max-height:118px;}
.row-product .name { color:#555; line-height:18px; height:35px; padding:10px 0px 30px 0px; overflow:hidden }
.row-product .date{white-space:nowrap;}
.row-product .rate { position:relative; color:#888 }
.row-product .rate .starbg { background:url(../images/trace/star.png) 0 -14px; height:10px; padding:0px; cursor:pointer; width:58px; float:left; position:relative; margin:4px 5px 0px 0px }
.row-product .rate .starovering { background:url(../images/trace/star.png); height:10px; position:absolute; top:0; left:0; z-index: 0; display: list-item; }
.row-product .rate .staron { position:absolute; top:0; left:0; height:10px; }


.product-list .product a{ display:block}
.fresh-market .product{border:1px solid #e5e5e5; background:#fff;margin-right:10px;width:248px}
.fresh-market .product .pic{border-bottom:#f2f2f2;width:248px;height:248px}
.fresh-market .product .pic img{max-width:248px;max-height:248px;width:248px;height:248px;border:none}
.fresh-market .product-list .product{height:378px}
.fresh-market .product .info{padding:0px 19px}
.fresh-market .product .name{padding:15px 0px 0px 0px;height:45px; line-height:18px}
.fresh-market .product .date{ line-height:25px}



.mod-product .titlebar{height:80px; line-height:80px}
.mod-product .titlebar .col-name{ font-size:24px; color:#222}
.mod-product .titlebar .more{ color:#333; font-size:14px}
.mod-product .titlebar .more a{ color:#274}
.mod-product .titlebar .arrow-more{ display:inline-block;width:18px;height:18px; background:url(../images/trace/arrow-more.png) 0 0 no-repeat; line-height:18px; vertical-align:middle;margin-right:10px}

.mod-product .bd {overflow:hidden;border:1px solid #ddd;padding:19px; background:#fff}
.fresh-market .bd{border:none;padding:0; background:transparent}
.most-popular-product .bd{padding:19px 19px 9px 19px}

.mod-product .main-left { width:570px}
.mod-product .main-right{width:410px}
.mod-product .product-row-list{width:580px;overflow:hidden}
.mod-product .product-row-list .row-product{float:left;width:140px;padding:0px 20px 10px 130px;height:120px}
.mod-product .product-row-list .row-product .pic{width:120px;height:120px; overflow:hidden;margin-left:-130px; float:left}
.mod-product .product-row-list .row-product .pic img{max-width:118px;max-height:118px;border:1px solid #f2f2f2}
.mod-product .big-row-product{padding-left:260px}
.mod-product .big-row-product .pic{border:1px solid #eee;width:248px;height:248px; overflow:hidden;margin-left:-260px; float:left}
.mod-product .big-row-product .pic img{max-width:248px;max-height:248px;}
.mod-product .big-row-product .name{ color:#555;line-height:28px;height:60px;padding:10px 0px 135px 0px; overflow:hidden; font-size:24px}
.most-popular-product .main-left{ float:right}




/*trace-detail*/
.w980 { width:980px; margin:0 auto }
.trace-detail { padding-bottom:10px; position:relative }
.trace-detail .title { text-align:center; font-size:24px; height:62px; line-height:62px; background:#227744; color:#f5f6f8 }
.trace-detail .mc { border:solid #ddd; border-width:0px 1px 1px 1px;}
.summary { border-bottom:1px solid #ddd }
.summary .main-left { width:699px; float:left; border-right:1px solid #ddd; padding:20px }
.summary .produce-info { padding-left:320px }
.summary .produce-info .pic { width:300px; height:300px; margin-left:-320px; float:left }
.summary .produce-info .sub-title { padding-top:10px }
.summary .produce-info .col-name { font-size:18px; color:#222 }
.summary .produce-info .btn-rate { display:inline-block; border:1px solid #227744; color:#227744; text-align:center; width:88px; height:22px; line-height:22px; border-radius:4px; cursor:pointer }
.summary .produce-info .statistics { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:15px }
.summary .produce-info .statistics ul { padding:10px 0px; overflow:hidden }
.summary .produce-info .statistics ul li { float:left; width:33.11222%; border-left:1px solid #ddd; text-align:center; color:#888; height:30px; overflow:hidden; line-height:16px }
.summary .produce-info .statistics ul li:first-child { border-left:none }
.summary .produce-info .statistics .value { color:#222 }
.summary .produce-info .rate { position:relative; color:#888; display:inline-block }
.summary .produce-info .rate .starbg { background:url(../images/trace/star.png) 0 -14px; height:10px; padding:0px; cursor:pointer; width:58px; float:left; position:relative; margin:4px 5px 0px 0px }
.summary .produce-info .rate .starovering { background:url(../images/trace/star.png); height:10px; position:absolute; top:0; left:0; z-index: 0; display: list-item; }
.summary .produce-info .rate .staron { position:absolute; top:0; left:0; height:10px; }
.quota-list ul li { padding-left:80px; height:40px; margin-top:10px }
.quota-list .label-like { width:60px; text-align:left; margin-left:-80px; float:left; color:#888 }
.quota-list .text { color:#222 }
.quota-list .explain { color:#aaa }
.quota-list ul li p { line-height:16px }
.quota-list ul li:first-child { margin-top:0 }
.company_profile { padding:30px 20px 20px 20px; overflow:hidden }
.company_profile .icon-logo { display:inline-block; width:30px; height:30px; background:url(../images/trace/1_03.png) 0 0 no-repeat; float:left; margin-right:15px; line-height:30px; vertical-align:top }
.company_profile .name { font-size:14px; color:#222; line-height:14px; margin-bottom:3px; overflow:hidden; width:153px; }
.company_profile .flag { color:#888 }
.company_profile .map { border:1px solid #ddd; width:200px; overflow:hidden }
.company_profile .info { color:#888; padding:40px 0px 10px 0px }
.company_profile .info li { padding-left:45px; margin-bottom:10px; line-height:15px }
.company_profile .info .label-like { width:40px; margin-left:-45px; float:left }
.company_profile .info .icon-card { display:inline-block; width:18px; height:12px; background:url(../images/trace/1_07.png) 0 0 no-repeat; line-height:12px; vertical-align:text-top; margin-left:10px }
.mod_product { padding-left:220px; background:#fff; border-radius:3px; overflow:hidden; padding-top:20px; padding-bottom:20px }
.mod_product.product-quota { border-top-left-radius:0px; border-top-right-radius:0px }
.mod_product .mod_product_left { width:220px; margin-left:-220px; float:left; color:#227744 }
.mod_product .mod_product_left .hd { padding:0px 34px 5px 34px; line-height:30px; font-size:18px; }
.mod_product .mod_product_left .hd .icon { width:30px; height:30px; display:inline-block; background:url(../Images/exploratory/2_03.png) 0 0 no-repeat; line-height:30px; vertical-align:top; margin-right:15px }
.mod_product .mod_product_left .hd .ic_track { background:url(../Images/exploratory/2_11.png) 0 0 no-repeat }
.mod_product .mod_product_left .hd .ic_certification { background:url(../Images/exploratory/2_35.png) 0 0 no-repeat; }
.mod_product .mod_product_left .hd .ic_brief { background:url(../Images/trace/ic_brief.png) 0 0 no-repeat; }
.mod_product .mod_product_left .hd .ic_buy { background:url(../Images/trace/ic_buy.png) 0 0 no-repeat; }
.mod_product .mod_product_left .bd { padding:0px 30px; }
.mod_product .mod_product_left .score { padding-left:50px }
.mod_product .mod_product_left .score dt { padding-right:16px; color:#888 }
.mod_product .mod_product_left .score dd { position:relative }
/*星级评分*/
.mod_product .mod_product_left .score .studyplay_starbg { background:url(../images/exploratory/star01.png) 0 -16px; position:absolute; top:2px; left:0; height:14px; padding:0px; cursor:pointer; width:93px }
.mod_product .mod_product_left .score .studyplay_starovering { background:url(../images/exploratory/star01.png); height:14px; position:absolute; top:0; left:0; }
.mod_product .mod_product_left .score .studyplay_staron { position:absolute; top:0; left:0; height:14px; }
.mod_product .mod_product_left .bd .btn_rate { width:118px; height:28px; display:inline-block; line-height:28px; text-align:center; color:#227744; border:1px solid #227744; border-radius:5px }
/*溯源档案*/
.track-list { padding:0px 0px 0px 0px; overflow:hidden; color:#227744; position:relative }
.track-list li { float:left; width:25%; float:left; text-align:center }
.track-list .circle_image { margin-bottom:8px }
.track-list .circle_image .bg_circle { width:90px; height:90px; display:inline-block; background:#fff; border:1px solid #277a48; border-radius:45px; vertical-align:middle; line-height:90px; text-align:center; position: relative; z-index: 1; }
.track-list .circle_image .icon { width:36px; height:36px; display:inline-block; vertical-align:top }
.track-list .circle_image .ic_images { background:url(../Images/exploratory/2_20.png) center center no-repeat; margin-top:26px }
.track-list .circle_image .ic_fertilizer { background:url(../Images/exploratory/2_17.png) center center no-repeat; margin-top:26px }
.track-list .circle_image .ic_chemicals { background:url(../Images/exploratory/2_14.png) center center no-repeat; margin-top:26px }
.track-list .circle_image .ic_environment { background:url(../Images/exploratory/2_23.png) center center no-repeat; margin-top:26px }
.track-list .action { padding-top:15px }
.track-list .action .btn_view { width:88px; height:28px; line-height:28px; border:1px solid #274; border-radius:5px; display:inline-block; text-align:center; color:#274 }
.track-list .line { height:1px; background:#ddd; position:absolute; top:68px; width:530px; left:100px; }
/*没有溯源档案记录时的样式*/
.track-list .notrack { color:#8e8e8e }
.track-list .notrack .circle_image .bg_circle { border:1px solid #bcbcbc; }
.track-list .notrack .circle_image .ic_environment { background:url(../Images/exploratory/2_23.png) center center no-repeat; margin-top:26px }
.track-list .notrack .action .btn_view { border:1px solid #bbb; color:#8e8e8e }
/*产品认证列表*/
.certification-list { padding:0px 30px 0px 40px; }
.certification-list table { width:100%; color:#8e8e8e }
.certification-list .tb-void { border: solid #eee; border-width: 1px 0px }
.certification-list thead { display:none }
.certification-list .tb-void th, .certification-list .tb-void td { padding: 5px 20px }
.certification-list .icon { width:16px; height:16px; display:inline-block; vertical-align:text-bottom; margin-right:12px }
.certification-list .ic_check { background:url(../Images/exploratory/2_38.png) 0 0 no-repeat; }
.certification-list .btn { display:inline-block; width:6px; height:12px; background:url(../images/trace/arrow.png) 0 0 no-repeat; float:right }
.certification-list .light-black-btn { }
.certification-list .even_bg { background:#f8f9f9 }
/*产品简介*/
.product-brief { border-top:1px solid #ddd }
.newArchives-wrap .product-brief{border-top:none}
.product-brief .brief { padding:0px 20px 0px 40px }
.buy-list { padding:0px 20px 0px 40px }
.tabbar { text-align:center; border-bottom:1px solid #ddd; overflow:hidden; background:#fff }
.tabs li { float:left; height:30px; line-height:30px; border:1px solid #227744; text-align:center; width:110px; cursor:pointer; color:#227744; border-right:none; font-size:13px }
.tabs li.current { background:#227744; color:#fff }
.tabs li:last-child { margin-left:-1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right:1px solid #226644 }
.tabs li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.buy-list .tabbar { text-align:left; border-bottom:none }
.buy-list .tabs li { width:33.11133% }
.buy-list .bd { padding-top:20px; color:#888 }
.online-store-list ul { width:736px }
.online-store-list li { width:140px; height:60px; border:1px solid #ddd; border-radius:4px; margin-right:42px; text-align:center; line-height:54px; float:left; margin-bottom:20px }
.physical-store-list .icon-location { display:inline-block; width:18px; height:20px; background:url(../images/trace/icon-location.png) 0 0 no-repeat; line-height:20px; vertical-align:middle }
.physical-store-list .btn-more, .sales-contact-list .btn-more { width:230px; height:30px; line-height:30px; color:#227744; border:1px solid #227744; border-radius:4px; display:inline-block }
.physical-store-list table, .sales-contact-list table { width:100%; text-align:left }
.physical-store-list th, .physical-store-list td, .sales-contact-list th, .sales-contact-list td { height:29px; line-height:29px; padding:0px 20px }
.physical-store-list th, .sales-contact-list th { font-weight:normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.physical-store-list td, .sales-contact-list td { border-bottom:1px solid #ddd }
.nocon { width:690px; height:80px; overflow:hidden; border:1px dashed #ddd; border-radius:4px; text-align:center; line-height:80px; font-size:18px; color:#888 }
/*new Trace*/
.w1200 { width:1202px; margin:0 auto }
body { background:url(../images/trace/body_bg.png) 0 0 repeat; color:#888 }

.trace-filter { border-top:none }
.breadcrumb { padding: 0px 20px; background: #fafafa;height:48px; line-height:48px}
.breadcrumb .cat, .breadcrumb .icon-sub-cat, .breadcrumb .prop, .breadcrumb .statictic { float: left }
.breadcrumb .cat { position: relative; margin-right: 8px;}
.icon-sub-cat, .icon-expand, .icon-close, .icon-detail, .icon-triangle, .icon-check, .icon-more, .icon-less, .icon-more-large, .icon-less-large, .starrating-static-s, .starrating-static-s-on, .pricetrends .label-popup { display: inline-block; *zoom:1;
_font-size: 0; background: url(http://gtms02.alicdn.com/tps/i2/T1aKA.FuRaXXbsnvcA-70-144.png) }
.icon-sub-cat { width: 5px; height: 8px; background-position: -5px -61px }
.breadcrumb .icon-sub-cat { margin: 8px 10px 0 0 }
.breadcrumb .cat a{ color:#888}
.breadcrumb .cat a:hover{ color:#274}


.filter-row { border-top: 1px solid #e5e5e5; clear: both; line-height: 35px; overflow: hidden; *zoom:1
}
.filter-cat {padding-left: 20px; width: 105px }
.filter-cat, .filter-group, .filter-row .ks-container { float: left }
.filter-list { width: 800px }
.filter-group { height: 25px; letter-spacing: -4px; line-height: 25px; overflow: hidden; padding: 5px 0 }
.filter-group.active{height:auto;}
.filter-item { display: inline-block; letter-spacing: normal; margin-bottom: 5px; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; *display: inline;
 *zoom:1;
_margin-top: -10px; padding-right: 25px; margin-right: 15px; color:#888;width:80px; }
.filter-row .more-group { width: 800px }
.filter-row .more-item, .filter-row .show-more { cursor: pointer; float: left;width: 40px;}
.filter-row .more-item{text-overflow:inherit}
.icon-more { width: 14px; height: 14px; background-position: 0 -25px }
.filter-row .icon-check, .filter-row .icon-more, .filter-row .icon-less { margin: 0 5px 2px 0;vertical-align: middle }
#filter .filter-row .selected { color: #fff; border-radius: 2px; background: #274 url(../Images/trace/f_ic_close.png) right center no-repeat;}
#filter .filter-row .selected:hover { background-image: url(../Images/trace/f_ic_close_hover.png);}
.mainview { padding:0px 20px 0px 20px }
.mainview ul { width:1055px }
.mainview .product { border:none; float:left; margin-right:65px; padding:0; width:180px; height:310px }
.mainview .product .pic img { max-width:180px; max-height:180px; }
.mainview .product .pic { border:none; width:180px; height:180px; }
.mainview .product .name { padding-bottom:10px; padding-top:8px }



/*分页样式*/
.pagination {padding:20px 0px;overflow:hidden;}
#webPager,.webPager{ display:inline-block}
ul.pages { display: block; border: none; text-transform: uppercase; padding: 0; }
ul.pages li { float: left; text-decoration: none; padding: 0px 5px; cursor:pointer; color:#777; line-height:40px; height:40px; text-align:center; display:inline; cursor:pointer }
ul.pages li:hover { color: #2a6496; background-color: #eee; border-color: #ddd }
ul.pages li.pgEmpty { color: #bbb; background-color: #fff; cursor:default; }
ul.pages li.thpoint { border: none; cursor: auto; color: #777; background-color: #fff; }
ul.pages li.pgCurrent { border-color: #274; color: #FFF; background-color: #274; }
ul.pages .wt { font-family: simsun }
ul.pages li.pgFirst { display:none }
ul.pages li.pgEnd { display:none }
ul.pages li.pagination-start, ul.pages li.page-number { width:30px; height:40px; border:1px solid #ddd; margin:0; margin-left: -1px; }
ul.pages li.pagination-start { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.pagination-next { width:30px; height:40px; border:1px solid #ddd; margin:0; margin-left: -1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px }
ul.pages li.thpoint { padding-left:25px }
ul.pages li.thpoint .page-input { height: 26px; width:320px; line-height: 26px; color: #808080; border: 1px solid #ddd; outline: none; padding: 6px 9px; border-radius:4px; width:40px; margin:0px 8px }
ul.pages .btn-jump { height: 38px; margin-left: 5px; padding: 0 10px; border: 1px solid #ddd; border-bottom-color: #bbb; text-decoration: none; line-height: 38px; background-color: #f4f4f4; cursor: pointer }
ul.pages .btn-jump: hover { text-decoration:none; background-color: #ededed }


.toolbar { padding:25px 20px }
.toolbar dl, .toolbar dt, .toolbar dd { float: left; line-height: 30px; zoom:1 }
.toolbar .order dt { width:65px; padding-left:5px }
.toolbar .order .btn { height: 30px; border: 1px solid #CECBCE; background: #fff; line-height: 30px; overflow: hidden; zoom:1;padding: 0 10px;width:60px; text-align:center}
.toolbar .order .first{margin-left:0;border-top-left-radius: 4px;
border-bottom-left-radius: 4px}
.toolbar .order .btn:last-child{border-top-right-radius: 4px;
border-bottom-right-radius: 4px}
.toolbar .order .btn+.btn{margin-left: -1px}
.toolbar .order a { display: block; }
.toolbar .order .curr { border: 1px solid #227744; background: #227744}
.toolbar .order .curr a:link, .toolbar .order .curr a:visited { color: #fff }


/*左右翻页*/
.pagin .text{ float:left; line-height:32px;margin-right:25px}
.pagin .text i{ color:#274}
.pagin .btn{ display:inline-block;width:40px;min-width:40px;height:30px; line-height:30px;border:1px solid #ddd; text-align:center; float:left; cursor:pointer}
.pagin .btn:hover{ background:#f5f5f5; color:#274}
.pagin .btn-prev{border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.pagin .btn-next{margin-left:-1px;border-top-right-radius: 4px; border-bottom-right-radius: 4px}

.side-pannel {position: fixed;_position: absolute;right: 10px;top: 200px;width: 98px;z-index: 1000; background:#fff}
.service-tools a{width:98px; display:inline-block;border:1px solid #ddd;padding:15px 0px; background:#fff; text-align:center; color:#777;}
.service-tools a+a{margin-top:-1px}
.service-tools .text-large{ font-size:18px; color:#333; line-height:18px;padding-top:10px; display:inline-block}
.service-tools .number{ font-weight:bolder}


/*该商家更多商品*/
.commanded .hd{padding:30px 20px 25px 20px}
.commanded .hd .title{ font-size:18px; color:#222; line-height:18px}
.commanded .hd .contorls{ float:right;}
.commanded .hd .contorls ul li{ float:left;border:1px solid #ddd;border-radius:10px;height:18px; line-height:18px; text-align:center;margin-right:10px}
.commanded .bd{padding:0px 20px 20px 20px;}
.commanded .hd .contorls ul li.current{ background:#274; color:#fff;border:1px solid #274}
.commanded .hd .contorls ul li a{ display:block; color:#777; font-size:14px;padding:0px 6px;}
.commanded .hd .contorls ul li.current a{ color:#fff}
.commanded .bd .product-row-list{width:990px}
.commanded .row-product{ float:left;width:150px;margin-right:40px;padding-left:140px;}
.commanded .row-product .name{padding-bottom:30px}
.commanded .row-product .pic {margin-left:-140px}

/*溯源二维码*/
.side-qrcode{position:absolute;_position: absolute;left: -90px;top: 10px;width:80px; background:#fff; line-height:30px}
.side-qrcode .qrcode{padding:10px 10px 0px 10px;border:1px solid #ddd;white-space:nowrap}


.section5 li{ float:left;padding:52px 30px 0px 30px;height:140px; overflow:hidden;width:25%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section5 .text{ float:right; text-align:right;color:#fff}
.section5 .text .title{ font-size:24px;line-height:24px;padding-bottom:5px}
.section5 li.fore1{ background:#81c784;}
.section5 li.fore2{ background:#f48fb1;}
.section5 li.fore3{ background:#29b6f6;}
.section5 li.fore4{ background:#ffcc80;}


.newArchives-wrap{margin:0 !important;}
.exploratory-wrap{margin-bottom:0 !important}




/*公共模块 Begin*/
.checkbox, .checkbox input, .radio, .radio input{ font-size:12px}
.text-primary{ color:#385}
.topbar-login{ background:#274}
.topbar-login .link .item{ float:left;margin-right:40px; position:relative}
.topbar-login .link .icon{width:20px;height:20px; vertical-align:top;margin:10px 10px 0px 0px}
.topbar-login .link .icon-home{ background:url(../Images/trace/ic-home.png) 0 0 no-repeat}
.topbar-login .link .icon-help{ background:url(../Images/trace/ic-help.png) 0 0 no-repeat}
.topbar-login .link .icon-consult{ background:url(../Images/trace/ic-consult.png) 0 0 no-repeat}
.topbar-login .link .icon-hotline{ background:url(../Images/trace/ic-hotline.png) 0 0 no-repeat}
.topbar-login .link .item>a{ color:#fff; display:block}
.message-dropdown{margin-right:30px;}
.icon-alert-white{width:14px;height:17px;background:url(../images/trace/icon_alert.png) 0 0 no-repeat; vertical-align:middle}

.actionbar{ background:#385;height:100px;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3);}
.reg-actionbar{height:250px;margin-bottom:380px}
.actionbar .title{ font-size:30px; color:#fff; height:100px;line-height:100px; text-align:left}
.actionbar .title small{ font-size:12px; font-weight:bold;padding-left:10px}
.actionbar .icon-back{width:24px;height:24px; background:url(../images/trace/ic-back.png) 0 0 no-repeat; vertical-align:text-top;margin-right:48px;margin-top:5px}


.tab-bar{height:40px; background:#385;box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);}
.usernav-tab li{ float:left;width:150px; line-height:34px;border-bottom:6px solid #385; text-align:center}
.usernav-tab li a{ color:#92c0a4; font-size:14px; display:block}
.usernav-tab li.active{border-bottom:6px solid #fff}
.usernav-tab li.active a{ color:#fff}

/*Icon Style*/
.icon-new{width:30px;height:30px; background:url(../images/trace/icon-30.png) -210px 0px no-repeat; vertical-align:middle;}
.icon-edit{width:30px;height:30px; background:url(../images/trace/icon-30.png) -60px 0px no-repeat; vertical-align:middle}
.icon-batch{width:30px;height:30px; background:url(../images/trace/icon-30.png) -30px 0px no-repeat;vertical-align:middle}
.icon-more{width:30px;height:30px; background:url(../images/trace/icon-30.png) -90px 0px no-repeat;vertical-align:middle}
.icon-recycle{width:30px;height:30px; background:url(../images/trace/icon-30.png) -150px 0px no-repeat;vertical-align:middle}
.icon-preview{width:30px;height:30px; background:url(../images/trace/icon-30.png) -120px 0px no-repeat;vertical-align:middle}
.icon-check{width:11px;height:8px; background:url(../images/trace/icon-30.png) -190px -12px no-repeat; vertical-align:middle}
.icon-refresh{width:18px;height:18px; background:url(../images/trace/ic-refresh.png) 0 0 no-repeat}
.form-item .photo{ position:relative; overflow:hidden;height:90px;position:relative;margin-bottom:20px}
.form-item .photo img{float:left;margin-right:20px;border:1px solid #ddd;border-radius:3px;}
.form-item .photo .btn{ position:absolute;bottom:0}
.form-item .tips{ line-height:22px;}
.opration a{width:30px;height:30px;border-radius:50%; display:inline-block;margin-left:10px}
.opration a:first-child{margin-left:0}
.opration a:hover{ background:#eee}
/*公共模块 End*/

/*addby yugo 溯源档案预览，认证图片*/ 
.dddel { width:14px; height:14px; display:inline-block; position:relative; z-index:1;top: -20px;right: 10px; cursor:pointer; background:url(/Images/newMessage/ic_img_delete.png) 0 0 no-repeat}



/*公共底部样式*/
.footer { background:#385;overflow:hidden;margin-top:30px; color:#fff }
.foot-bar { background:#fff; height:29px; color:#888; line-height:29px;width:100%;border-top:1px solid #ddd;position:fixed; bottom:0;width:100%; z-index:100;}
.foot-bar .link a { padding-left:20px; display:inline-block; color:#888; }
.foot-bar .link a:hover{ color:#222;}
.foot-bar .link a:first-child { padding-left:0 }
.foot-bar .link .icon-dot{margin-right:10px; vertical-align:top;width:auto}
.foot-bar .container{width:95%;margin:0 auto}
.footer-bd{padding:55px 0px;height:240px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-bd a{color:#fff;}
.footer .hy-info { line-height:20px }
.footer .qrcode li { float:left; text-align:center; line-height:30px}
.footer .qrcode li:first-child { margin-right:90px; }
.foot-bar-green{ background:#274; color:#fff;border-top:1px solid #385}
.foot-bar-green .link a{ color:#fff}
.foot-bar-green .link a:hover{ color:#fff}
.footer .copyright a{color:#fff;}

/*帮助中心*/
.help-section{border:1px solid #e6e6e6; overflow:hidden; background:#fff url(../Images/trace/help_sidebarbg.png) 0 0 repeat-y;min-height:500px}
.help-section .sidebar{width:199px; float:left;}
.help-section .nav li{ line-height:50px;}
.help-section .nav li a{ padding-left:15px;color:#888; display:block}
.help-section .nav li:hover a{ color:#385}
.help-section .nav li.active{ background:#385}
.help-section .nav li.active a{color:#fff; }
.help-section .nav .icon{ display:inline-block;width:30px;height:30px; vertical-align:top;margin:10px 10px 0px 0px; background:url(../images/trace/help_icon.png) 0 0 no-repeat;}
.help-section .nav .ic-about91{ background-position:0 0}
.help-section .nav .ic-join{background-position:-30px 0}
.help-section .nav .ic-creat{background-position:-60px 0}
.help-section .nav .ic-abouttc{background-position:-90px 0}
.help-section .nav .active .ic-about91{background-position:-120px 0}
.help-section .nav .active .ic-join{ background-position:-150px 0}
.help-section .nav .active .ic-creat{background-position:-180px 0}
.help-section .nav .active .ic-abouttc{background-position:-210px 0}

.help-section .detail{width:829px; float:left; display:none;}
.help-section .detail.active{ display:block;}
.help-section .detail .title{ font-size:30px; color:#222; line-height:40px;padding-bottom:20px}
.help-section .detail .content{ line-height:28px;padding-bottom:80px;}


/*在线客服*/
.OnlineConsultation{ position:absolute;top:-13px;}
#BD_QIAO_WEBIM_LITE_WRAP{bottom:30px !important;}
#newBridge .icon-right-bottom{bottom:30px !important;}