@charset "utf-8";
/* -----------------------------------------------------------

 * FileName:            style.css
 * Description:         Main CSS
 * Date:             	2015-9-16
 * Weibo:				http://weibo.com/tinakeo
 
----------------------------------------------------------- */
body {margin:0 auto;padding:0;color:#000;text-align:center;font-family:"Microsoft yahei";}
a:link,a:visited {color:#222;}
a:hover,a:active {color:#0080ff;text-decoration:underline;}
.singleLine {background:#f5f5f5;}
.red {color:#f00;}
.green {color:#007f00;}
.fBold {font-weight:bold;}
.mTopic {padding:8px 10px 7px;border-bottom:1px dotted #ccc;}
.mTopic span {font-size:12px;}

.topArea {float:left;margin:10px 5px;padding:0;text-align:left;}
.topArea a, .topArea form {float:left;}
.topArea form {margin:0 0 0 10px;}
.topArea input {border:1px #ccc solid;vertical-align:middle;}
.topArea input[type="text"] {width:540px;min-width:200px;padding:8px 10px 7px;border-radius:2px;color:#555;font-size:14px;}
.topArea input[type="text"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.topArea input[type="date"] {width:72px;padding:8px 10px 7px;border-radius:2px;color:#555;}
.topArea input[type="date"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.topArea input[type="submit"] {width:35px;height:34px;border:7px #ccc solid;border-radius:2px;color:#555;cursor:pointer;background:url(../images/searchicon21.png) #ccc 0 0 no-repeat;}
.topArea input[type="submit"]:hover {border:7px #aaa solid;background:url(../images/searchicon21.png) #aaa -21px 0 no-repeat;}
.topArea input[type="button"] {padding:7px 10px 6px;border-radius:2px;color:#555;cursor:pointer;}
.topArea input[type="button"]:hover {background:#ccc;}

.topTools {padding:8px 0;background:#f3f3f3;border-top:1px #eee solid;font-family:"Hiragino Sans GB","Microsoft YaHei","STHeiti",Arial,SimSun,sans-serif;}
.topTools ul {float:left;margin:0 50px;padding:0;}
.topTools li {float:left;}
.topTools li a {margin:0 8px;}
.topTools input {margin:0 0 0 5px;border:1px #ccc solid;vertical-align:middle;}
.topTools input[type="button"] {padding:3px 6px 3px;border-radius:2px;color:#555;cursor:pointer;}
.topTools input[type="button"]:hover {background:#fff;}

.wrapper {width:100%;margin:0 auto;padding:0;background:#fff;}

/* __header */
#header {width:100%;margin:0;padding:0;background:#f5f5f5;font-family:"Microsoft YaHei","Segoe UI",Tahoma,Helvetica,sans-serif;}
.logo {float:left;width:244px;margin:0 58px;padding:26px 0;overflow:hidden;}
.logo h1 {width:244px;height:31px;background:url(../images/logo.png) transparent 0 0 no-repeat; text-indent:-999px;}
.logo .subtitle {display:block;height:26px;line-height:26px;margin:9px 0 0 0;border:1px #e3e3e3 solid;border-radius:3px;color:#565656;background:#fff;Letter-spacing:0.1em;}
.logo .subtitle a {color:#565656;text-decoration:none;}
.logo .subtitle a:hover {color:#333;}
.searchbox {float:left;height:66px;line-height:66px;margin:0 59px;padding:27px 0;}
.iptbox {width:736px;height:52px;line-height:52px;padding:0 12px;color:#777;border:1px #ccc solid;border-radius:6px 0 0 6px;font:24px/normal "Segoe UI";vertical-align:middle;}
.iptbox:hover, .iptbox:focus {border:1px #04bde5 solid;}
.sbtbtn {width:54px;height:54px;margin:0 0 0 -3px;border:13px #04bde5 solid;border-radius:0 6px 6px 0;background:url(../images/searchicon27.png) #04bde5 0 0 no-repeat;cursor:pointer;vertical-align:middle;}
.sbtbtn:hover {border:13px #04ade5 solid;background:url(../images/searchicon27.png) #04ade5 0 0 no-repeat;}

/* sign in */
.login {float:right;padding:10px 24px 0 0;}
.login a:link, .login a:visited {display:block;border:1px #ccc solid;text-decoration:none;padding:3px 8px;border-radius:2px;background:#f1f1f1;color:#454545;}
.login a:hover, .login a:active {background:#fff;color:#000;}

/* __sidebar
#sidebar {float:left;width:360px;margin:0;padding:0;background:#efefef;border-top:8px #d7d7d7 solid;border-right:1px #e5e5e5 solid;} */
#sidebar {float:left;width:20%;margin:0;padding:0;background:#efefef;border-top:8px #d7d7d7 solid;}
.list {margin:8px 0;padding:0 25px 0 24px;text-align:left;color:#555;}
.list h2 {padding:14px 0 16px;background:url(../images/line1x2.png) 0 46px repeat-x;text-indent:8px;}
.list h2 em {display:block;float:left;margin:7px 0 0 0;width:15px;height:15px;background:url(../images/subtitle1.png) 0 0 no-repeat;}
.list h2 span {font-size:12px;}
.list ul {margin:8px 0;}
.list ul li {padding:4px 0;vertical-align:middle;}
.list ul li input[type='checkbox'] {margin-right:4px;}

/* __content
#content {float:left;margin:20px 60px;color:#555;} */
#content {float:left;width:80%;margin:0;padding:0;border-top:8px #a7a7a7 solid;}
.extinfo {margin:0.625em 1em;padding:0 0 12px 0;border-bottom:1px #aaa dotted;}
.rsl {float:left;}
.extbutton {float:right;}
.extbutton a {display:block;float:left;margin:0 2px;padding:4px 6px;border-radius:2px;border:1px #ccc solid;}
.downbtn {float:right;}
.downbtn a {display:block;float:left;margin:0 2px;padding:4px 6px;border-radius:2px;border:1px #ccc solid;}
.downbtn a:link, .downbtn:visited {background:#fff;text-decoration:none;color:#454545;}
.downbtn a:hover, .downbtn:active {background:#ddd;color:#222;}

.commForm {margin:0;padding:0;}
.commForm blockquote {margin:16px 0;padding:0 10px;color:#939393;font:12px/1.125 Tahoma, Helvetica, "宋体", san-serif;line-height:1.2em;text-align:left;}
.commForm p {clear:both;float:left;margin:8px 0 0 0;color:#555;}
.commForm p label {float:left;display:block;width:120px;margin:0 5px 0 0;padding:8px 10px 7px;background:#f9f9f9;text-align:left;font-size:14px;color:#333;}
.commForm p input {border:1px #ccc solid;}
.commForm p input[type="text"] {width:320px;padding:8px 10px 7px;border-radius:2px;color:#555;}
.commForm p input[type="text"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.commForm p input[type="file"] {width:320px;padding:8px 10px 7px;border-radius:2px;color:#555;}
.commForm p input[type="file"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.commForm p input[type="radio"] {margin:8px 3px 7px 0;}

.commForm input[type="submit"], .commForm input[type="reset"], .commForm input[type="button"] {border-radius:2px;font-size:12px;font-weight:700;color:#fff;padding:10px 30px 11px;text-transform:uppercase;vertical-align:bottom;border:0;cursor:pointer;}
.commForm input[type="submit"] {background:#0073aa;}
.commForm input[type="submit"]:hover {background:#065b83;}
.commForm input[type="reset"] {background:#aaa;}
.commForm input[type="reset"]:hover {background:#939393;}
.commForm input[type="button"].edit {background:#028AC8;}
.commForm input[type="button"].edit:hover {background:#16B5FD;}
.commForm input[type="button"].goto {background:#aaa;}
.commForm input[type="button"].goto:hover {background:#939393;}
.commForm .marginTop {margin-top:24px;}

/* 搜索区域 */
.schLayout {margin:10px;padding:0;}
.sform {float:left;}
.sform input {border:1px #ccc solid;vertical-align:middle;}
.sform input[type="text"] {min-width:200px;padding:8px 10px 7px;border-radius:2px;color:#555;}
.sform input[type="text"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.sform input[type="date"] {width:72px;padding:8px 10px 7px;border-radius:2px;color:#555;}
.sform input[type="date"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.sform input[type="submit"] {padding:6px 10px 5px;border-radius:2px;color:#555;cursor:pointer;}
.sform input[type="submit"]:hover {background:#ccc;}
.sform input[type="button"] {padding:3px 6px 3px;border-radius:2px;color:#555;cursor:pointer;}
.sform input[type="button"]:hover {background:#fff;}
.sform #search_intro {cursor:pointer;color:#777;font-style:italic;}

/* 收货单汇总 GoodsReceipt/index.php, 2015-11-06 22:12PM */
.prtLayout {float:left;margin:0;padding:0;}
.prtLayout input {border:1px #ccc solid;vertical-align:middle;}
.prtLayout input[type="text"] {width:60px;padding:6px 10px 5px;border-radius:2px 0 0 2px;color:#555;}
.prtLayout input[type="text"]:focus {border:1px #bbb solid;background:#f9f9f9;}
.prtLayout input[type="button"] {margin-left:-5px;padding:4px 6px 3px;border-radius:0 2px 2px 0;color:#555;cursor:pointer;}
.prtLayout input[type="button"]:hover {background:#9cf;border:1px #9cf solid;}

.opMod {margin:0;}
.opMod a {display:block;float:right;margin:0 0 0 3px;padding:6px 10px 5px;border-radius:2px;color:#fff;background:#0073aa;text-decoration:none;}
.opMod a:hover {background:#e6a406;}

/* 通用数据列表样式 */
.commonList {margin:8px 10px;padding:0;color:#2a2a2a;text-align:left;}
.commonList table {border-collapse:collapse;}
.commonList th, .commonList td {border:1px #ccc solid;text-align:center;font-family:"Hiragino Sans GB","Microsoft YaHei","STHeiti",Arial,SimSun,sans-serif;}
.commonList th {padding:4px 12px;background:#e5e5e5;font-size:14px;}
.commonList td {padding:9px 12px;background:#fff;}
.commonList tr.alt td {background:#f9f9f9;}
.commonList tr.over td {background:#f1f1f1;}
.commonList tr.pageList td {border:none;}
.commonList .al {text-align:left;}
.commonList .ar {text-align:right;}
.commonList a.spc {padding:0 5px;color:#2a2a2a;}
.commonList a.spc:hover {color:#f00;}
.commonList .tdPrtNum {width:60px;padding:5px 8px 4px;border-radius:2px;border:1px #e9e9e9 solid;vertical-align:middle;color:#555;}
/*产品图片展示模式*/
.commonList ul {margin:0;padding:0;}
.commonList li {float:left;width:202px;margin:1px;border:1px #ccc solid;background:#f1f1f1;}
.commonList li span {display:block;padding:0 4px;}
.commonList .ac {text-align:center;}
.commonList input {margin:0 0 0 5px;border:1px #ccc solid;vertical-align:middle;}
.commonList input[type="submit"] {padding:3px 6px 3px;border-radius:2px;color:#555;cursor:pointer;}
.commonList input[type="submit"]:hover {background:#fff;}

/* 首页模块导航 index.php */
.nav {margin:10px;padding:20px;}
.nav h1 {padding:0 0 8px 0;text-align:left;border-bottom:1px #ccc dotted;color:#777;}
.nav ul {float:left;margin:10px 0;}
.nav li {float:left;display:block;}
.nav li a {border-radius:5px;border:1px #ccc solid;font-size:16px;min-width:120px;}
.nav li a span {display:block;font-size:10px;}
.nav li a:link {float:left;display:block;margin:10px 10px 0 0;padding:12px 20px 11px;background:#fff;text-decoration:none;}
.nav li a:hover {background:#999;color:#fff;border:1px #888 solid;}

/* 说明文字 */
.instruction {margin:10px;padding:0;color:#555;}
.instruction h3 {padding: 7px 0;}
.instruction p {padding:0 0 12px 0;line-height:200%;}
.instruction blockquote {margin:0 24px 20px 0;padding:6px;border:1px #ccc solid;border-left:4px #ccc solid;background:#f5f5f5;}

.s_data {width:100%;margin:0 auto;text-align:center;border-bottom:1px #f1f1f1 solid;background:#f5f5f5;}
.s_data ul {float:left;width:1200px;padding:0 0 0 101px;}
.s_data ul li {float:left;display:inline-block;font:14px/normal "Segoe UI",Arial,Helvetica,Sans-Serif;}
.s_data ul li a {display:block;padding:5px 12px 8px 12px;color:#777;text-decoration:none;border-top:3px #f5f5f5 solid;}
.s_data ul li a:hover {color:#000;}
.s_data .curscope {color:#333;border-top:3px #ccc solid;}

/* 产品信息展示模式 */
.datalist {width:1200px;margin:12px 113px 64px 113px;text-align:left;}
.datalist table {border-collapse:collapse;}
.datalist th, .datalist td {border:1px #ccc solid;text-align:center;font-family:"Hiragino Sans GB","Microsoft YaHei","STHeiti",Arial,SimSun,sans-serif;}
.datalist th {padding:4px 12px;background:#e5e5e5;font-size:14px;}
.datalist td {padding:9px 12px;background:#fff;}
.datalist tr.alt td {background:#f9f9f9;}
.datalist tr.over td {background:#f1f1f1;}
.datalist tr.pageList td {border:none;}
.datalist .al {text-align:left;}
.datalist .ar {text-align:right;}
.datalist .mod {min-width:200px;}
.datalist .tw {min-width:200px;}
.datalist .nl {min-width:90px;}
.datalist .oem {min-width:90px;max-width:100px;width:96px;}
.datalist a.spc {padding:0 5px;color:#2a2a2a;}
.datalist a.spc:hover {color:#f00;}
.datalist .tdPrtNum {width:60px;padding:5px 8px 4px;border-radius:2px;border:1px #e9e9e9 solid;vertical-align:middle;color:#555;}
.search_result {margin:12px 0;color:#777;}

/* 产品信息展示模式 */
.dataarea {margin:0.625em 1em;text-align:left;}
.dataarea table {border-collapse:collapse;}
.dataarea th, .dataarea td {border-bottom:1px #aaa dotted;text-align:center;font-family:"Segoe UI",Arial,SimSun,sans-serif;}
.dataarea th {padding:5px 12px;background:#efefef;font-size:10px;}
.dataarea td {padding:9px 12px;background:#fff;font-size:14px;}
.dataarea td.first {padding:9px 0;}
.dataarea tr.alt td {background:#f9f9f9;}
.dataarea tr.over td {background:#f1f1f1;}
.dataarea tr.pageList td {border:none;}
.dataarea .al {text-align:left;}
.dataarea .ar {text-align:right;}
.dataarea a.spc {padding:0 5px;color:#2a2a2a;}
.dataarea a.spc:hover {color:#f00;}
.dataarea .tdPrtNum {width:60px;padding:5px 8px 4px;border-radius:2px;border:1px #e9e9e9 solid;vertical-align:middle;color:#555;}
.dataarea td img {border:1px #ccc solid;}
.description {min-width:240px;}
.dataarea th.oem {min-width: 100px;}

/* 产品图片展示模式 */
.picslist {width:1200px;margin:12px 113px 64px 113px;text-align:left;}
.picslist ul {float:left;width:1200px;overflow:hidden;}
.picslist ul li {float:left;display:block;margin:2px;padding:4px;border:1px #eee solid;}
.picslist ul li span {display:block;text-align:center;}

/* 图文混排展示模式 */
.pipclist {width:1200px;margin:12px 113px 64px 113px;text-align:left;}

/* 返回顶部 2016-08-29 15:54pm */
.dn {display: none;}
.go-top {position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a {display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png);}
.go-top a:last-child {margin-bottom: 0;}
.go-top .go {background-position: 0 -150px;}
.go-top .go:hover {background-position: 0 -250px;}
.go-top .feedback {background-position: 0 -100px;}
.go-top .feedback:hover {background-position: 0 -300px;}
.go-top .uc-2vm {background-position: 0 0;}
.go-top .uc-2vm:hover {background-position: 0 -350px;}
.go-top .uc-2vm-pop {position: absolute;right: 60px;top: -100px;width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);background: #fff;}
.go-top .uc-2vm-pop .title-2wm {font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box {position: relative;}

/* 底部 */
.copy {width:100%;margin:32px auto 0 auto;padding:10px 0;text-align:center;background:#333;color:#e1e1e1;}
.copy a {color:#e1e1e1;}

.fixed {background:#333;right:0;bottom:0;left:0;margin:32px auto 0 auto;padding:10px 0;position:fixed;color:#e1e1e1;}
.fixed a {color:#e1e1e1;}

/**/
.tips {width:600px;margin:12px 271px;text-align:left;color:#777;}

/* 热门搜索词 */
.hotk {width:600px;margin:28px 271px;text-align:left;color:#a0a0a0;}
.hotk a {display:block;float:left;margin:5px 2px;padding:5px 10px;border:1px #e5e5e5 solid;color:#a0a0a0;border-radius:2px;}
.hotk a:hover {color:#00a6c8;text-decoration:none;background:#f9f9f9;border:1px #d5d5d5 solid;}

/* CG */
.cg {width:600px;margin:28px 271px;text-align:left;color:#a0a0a0;}
.cg img {padding:3px;border:1px #ccc solid;}

/* modellist.php */
.modeltag {margin:20px;text-align:left;color:#333;}
.modeltag h1 {font-size:30px;padding:10px 30px;}
.modeltag h2 {font-size:24px;color:#0064b8;padding:0 6px;}
.modeltag h2 span {color:#9f00b2;font-size:12px;margin-left:24px;padding:4px 8px;border:1px #ddd solid;border-radius:3px}
.modeltag h3 {font-size:18px;padding:18px 6px 12px 6px;color:#9f00b2;}
.modeltag a {font-size:14px;display:inline-block;margin:4px 4px 4px 0;padding:4px 6px;text-decoration:none;}
.modeltag a:link {color:#333;}
.modeltag a:visited {color:#09a6f7;background:#f9f9f9;}
.modeltag a:hover {color:#f00;background:#f1f1f1;border:1px #solid #ccc;}
.modeltag a:active {color:#f00;}
.modeltag .blockLayout {padding:24px;}

.center-block {display:block;margin-left:auto;margin-right:auto;padding:0;text-align:center;vertical-align:middle;}
.img-responsive {max-width:100%;height:auto;display:block;}
