@charset "utf-8";
/* CSS Document */

body {}

body,div, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {    margin: 0;    padding: 0;}
body{ background: #fff; font-family:'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial'; color:#222; font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/ line-height:1.4em;}
h1 {font-size: 2.4em; /*2.4em × 10 = 24px */}
li {font-size: 1.4em; /*1.4 × ? = 14px ? */}
ul,li, ol {list-style: none outside none;}
img {border: 0 none; margin:0px; padding:0px;}
.fl{float: left;}
.fr{float: right;}
.cl{ clear:both; overflow:hidden;}
a {color: #444;text-decoration: none;}
a:hover{ color:#136e9b; text-decoration:none;}

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   

.button{ border-radius: 0; } 

.m_top_bg{background:url(../images/bg_01.png) repeat 0 0; padding-bottom:30px; background-size:80%;}
.m_login{ text-align:right; height:41px; padding:10px; font-size:1.4em; color:#3396ce;}
.m_login img{ width:30px;}
.m_login a{color:#3396ce; font-weight:bold;}
.logo_index{ text-align:center; width:60%;margin:10px auto 20px}
.logo_index img{ width:100%;}
.m_search{ width:90%; margin:0 auto; }
.m_searchbar{ width:100%; position:relative; overflow:hidden;border-radius: 3px;}
.searchtxt {width: 100%;height: 46px;background:#fff;border:2px solid #3396ce;padding: 0px 5px;font-family: Microsoft YaHei, "Helvetica Neue", Helvetica, STheiti, Arial,
 Tahoma, sans-serif, serif;    font-size: 1.6em;    color: #333;}
.m_search .search01{ position:absolute; width:50px; height:48px; background:#3396ce; border:none; color:#fff; font-size:1.6em; top:0; right:0;font-family: Microsoft YaHei, "Helvetica Neue", Helvetica, STheiti, Arial,
 Tahoma, sans-serif, serif;  }
.m_searchtry{margin: 15px 20px; font-size:1.4em;   overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    -o-text-overflow: ellipsis;color: #d5e2f3;}
.m_searchtry span{ color:#333;}
.m_searchtry a{ color:#3396cf; margin:0 5px;}


.m_list_title{ width:75%; margin:18px auto; background:url(../images/m_top_bg.jpg) repeat-x; height:36px; }
.m_list_title ul{ width:130px; margin:0 auto; background:#fff;  line-height:1.8em; padding:0 10px; font-size:2em; font-weight:300;}
.m_list_title ul i{ margin-right:10px; float:left}
.m_list_title p{ padding-left:46px; line-height:36px;}
.m_ind_new_icon{ background:url(../images/m_data_icon.png) no-repeat 6px 0;}
.m_ind_leixing_icon{ background:url(../images/m_icon_03.png) no-repeat 6px 0;}
.m_ind_down_icon{ background:url(../images/m_ind_down_new.png) no-repeat 6px 0;}
.m_ind_changs_icon{ background:url(../images/m_icon_04.png) no-repeat 6px 0;}

.m_ind_new{ padding:0 10px;}
.m_ind_new  a {color: #2c3e50;padding: 0px 10px;line-height:2.2em;border: 1px solid #ccc;display: inline-table;word-wrap: break-word;Word-break: break-all; border-radius:20px; font-size:1.6em; margin:3px 2px;}
.m_ind_new  a:hover{ background:#3396ce; color:#fff; border:1px solid #3396ce;}
.m_ind_leixing{padding:0 10px;}
.m_ind_leixing ul li{ width:47%; float:left; margin:4px 1%; background:url(../images/icon_01.gif) no-repeat 8px 10px;border: 1px solid #ccc;font-size:1.6em;line-height:2.6em; height:2.6em; overflow:hidden;}
.m_ind_leixing ul li a{ padding-left:30px;}
.m_ind_down{padding:0 10px;}
.m_ind_down ul li{ border-bottom:1px solid #ccc; padding:16px 3px;}
.m_ind_down ul li h3{ font-weight:300; margin-bottom:8px;}
.m_ind_down ul li h3 a{ color:#3396ce; font-size:1.1em;}
.m_ind_down ul li p{ font-size:1.1em; color:#777; line-height:1.1em;}
.m_ind_down ul li p span{ color:#ff5400; margin-right:3px;}
.m_ind_down ul li .time{ background:url(../images/m_time.jpg) no-repeat; padding-left:22px;}
.m_ind_changs { padding:0 6px;}
.m_ind_changs ul li{ border:1px solid #ccc; float:left; margin:6px 2px; padding:0 4px; height:50px;}
.m_ind_changs ul li img{ height:50px;}

.m_footer{ margin-top:25px; background:#e9e9e9; border-top:1px solid #d3d6da; padding:10px 0; text-align:center;  color:#555;font-size:0.8em;}
.m_footer li{ margin:5px 0;}
.m_footer .top a{ margin:0 5px;font-size:1em;}
.m_footer .foot_log a{ margin:0 5px; border:1px solid #ccc; padding:2px 6px; display:inline-block;font-size:1em;}


/*  列表页 */

.navbar_top1{background-color: #3396cf;box-shadow: 0 3px 6px rgba(0,0,0,0.2); height:46px;     position: fixed; width:100%; top:0; z-index:99999;}
.navbar_top2{background-color: #3396cf;box-shadow: 0 3px 6px rgba(0,0,0,0.2); height:46px;   }

.navbar_center {float: left;padding: 10px;font-size: 1.6em;position: absolute;display: block;width: 100%;text-align: center; color:#fff;line-height: 1.5em; z-index:-1;}

.navbar_left {padding: 10px 0;float: left;width: 15%;text-align: center;line-height: 1em;}
.navbar_right {padding: 10px 0;float: right;width: 15%;text-align: center;line-height: 1em;}
.nav_black{ background:url(../images/m_back.png) no-repeat  10px; background-size:26%; height:2em;}
.nav_search{ background:url(../images/m_nav_search.png) no-repeat  10px; background-size:50%; height:2em;}
.navbar_inputbar{position: relative;overflow: hidden;display: block;float: left;    width: 70%; margin-top:8px;}
.navbar_input{position: relative; width:100%; line-height:2.2em;  border:none; font-size:1.4em; border-radius:20px; background:#fff; text-indent:10px;}
.navbar_search{ width:15%; float:right;padding: 10px 0;text-align: center;line-height: 1em;}
.navbar_search a{ display:block;}
.nav_r_button{ border: none;background: none;font-size: 1.5em;color: #fff; line-height:1.6em;}

.listContainer{ padding:0 10px; margin-top:60px;}
.listContainer ul li{ border-bottom:1px solid #ccc; padding:12px 0; padding-right:40px; position:relative; }
.listContainer ul li h2{ font-size:1.2em; font-weight:300; margin-bottom:5px;}
.listContainer ul li h2 a{ color:#3396cf;}
.listContainer ul li span{ color:#999;}
.listContainer ul li p{ font-size:0.9em; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    -o-text-overflow: ellipsis; padding:2px 0;}
.listContainer ul li .down{ position:absolute; top:18px; right:0; width:26px; font-size:0.8em; color:#999; background:url(../images/m_l_down.png) no-repeat;background-size: 26px; color:#999; padding-top:28px; text-align:center;} 
.listContainer ul li .down a{ display:block;}
.listContainer ul li .m_buy{     position: absolute;top:30px;    right: 0;font-size: 1em;color: #999;background: url(../images/buy_gb.jpg) repeat-x center;background-size: 26px;border-radius: 3px;    color: #fff;padding: 7px 4px;text-align: center;border: 1px solid #436a00;background-size: 26px;} 
.listContainer ul li .m_buy a{ display:block;}
/*  详细页 */
.container{margin-top:60px;}
.container_title{ padding:10px 10px 0 10px; }
.container_title h2{ float:left; font-weight:300; font-size:2.2em; width:80%;word-break:break-all; line-height:1.2em;}
.container_title .down{ background:url(../images/l_down.png) no-repeat; background-size:40%; color:#ff5400; font-size:1.6em; float:right; padding-left:20px; line-height:1.4em; height:30px;}

.container .c_title{ height:38px; background:#f5f5f5; border-left:3px solid #3396cf; font-size:1.6em; line-height:38px; padding-left:16px; margin:15px 0;}
.container .m_xinxi{ margin-top:15px;}
.container .m_xinxi_tab{ font-size:1.4em;}
.container .m_xinxi_tab th{ width:55px; color:#777; font-weight:300;}
.container .m_xinxi_tab td{ padding:3px;}

.container .m_xiang_tab{font-size:1.3em;}
.container .m_xiang_tab th{padding:4px; width:15%; color:#777; font-weight:300;}
.container .m_xiang_tab td{ padding:4px; }
.gray { background:#f2f2f2;}

.con_download{ margin:20px 0;}
.con_download li{ width:60%; margin:6px auto; text-align:center; background:#f6a800; border-radius:4px;}
.con_download li a{ font-size:1.1em; color:#fff; line-height:2.1em; }
.con_download li a span{ font-size:0.5em; margin-left:8px;}

.con_bottom{ height:36px; line-height:36px;border-bottom:1px solid d9d9d9; }
.con_bottom li{ width:33%; border-right:1px solid #d9d9d9; float:left;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; text-align:center; font-size:1.0em;}
.con_bottom li img{ vertical-align:middle; width:24px; margin-right:3px;}


.top_search_ti{margin-top: 5px;}
.ac_results { background:#fff;}
.ac_results li { margin:2px 0; padding-left:8px;}


.m_list_mian{ margin-top:49px;  padding:8px 0 8px 10px;font-size:1.4em; color:#888; background:#eaeaea; border-left:3px solid #3396cf;}
.m_list_mian a{ color:#888;}
.list-view .summary{ font-size:1.4em; color:#888; margin: 6px 0 0px !important;}
.pager li{border-bottom:none !important; font-size:0.8em !important;}



/*mouser销售商*/

.mouser_buy_box{  background: #fff;  padding:0px 10px 5px;  clear: both;  overflow: hidden;}
.mouser_buy { border-bottom:1px dotted #ccc; clear:both; overflow:hidden; color:#333; position:relative; padding: 0 8px 8px 8px;}
.mouser_buy .b_left{ width:100%;}
.mouser_buy .b_right{ width:77px; float:right;}
.mouser_buy ul li{ margin:7px 0;}
.mouser_buy ul li span{ color:#566573;}
.mouser_buy ul .bold{ font-weight:bold;}
.mouser_buy ul .manu{ }
.mouser_buy ul .inventory{}
.mouser_buy ul .price{ clear:both; line-height:20px;}
.mouser_buy ul .price span{ float:left;}
.mouser_buy ul .price b{ font-weight:500 !important; margin-right:10px; border-right:1px solid #e5e5e5; padding-right:10px; float:left;}
.mouser_buy ul .buy_button{ margin-top:15px; position:absolute; right:8px; top:0;}
.mouser_buy ul .buy_button a{  background: url(../images/buy_gb.jpg) repeat-x center;  height: 26px;  border: 1px solid #436a00;  text-align: center;  padding: 0 3px;  vertical-align: middle;  line-height: 26px;
  font-size: 14px;  color: #fff;  border-radius: 3px;  display: inline-block;  margin-left: 3px;}
.mouser_buy ul .buy_button a:hover{ background:#cd8f0c; background:url(../images/buy_gbh.jpg) repeat-x center;}
.mouser_buy ul .buy_button img{ vertical-align:middle;}


.list_m_buy{font-size: 1em;color: #999;background: url(../images/buy_gb.jpg) repeat-x center;background-size: 26px;border-radius: 3px;    color: #fff;padding:3px 10px;text-align: center;border: 1px solid #436a00;background-size: 26px;}
.list_m_buy:hover{ color:#fff;}