*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
html{background-color: #EEEEEE;}
body{background-color: #F6F6F6;}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin:0;padding:0;font-size:0.875rem;font-family: "helvetica","verdana","arial";}
body{font-size: 0.875rem;margin: 0 auto;padding-top: 6rem;}
h2,h3,h4,h5,h6{font-size:0.875rem;}
/*默认Select样式*/
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #E2E2E2;/*将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background-image: url("../images/select-sprite.png");background-position: right 0;background-repeat: no-repeat;background-size: auto 100%;border-radius: 0.2rem;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 1rem;padding-left:0.5rem;font-size:0.875rem;}
select option{font-family: arial;font-size: 0.875rem;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display: none;}
/*去除input默认样式*/
input{-webkit-appearance:none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;border-radius: 0;}
.wrap{width: 100%;}
#homeSet{display:none;}
#toTop{border-radius: 50%;right: 0.5rem;width:2.5rem;height:2.5rem;background-position: 0 -2.5rem;background-size: 2.5rem auto;}
/*header*/
header{height: auto;position: fixed;top: 0;width: 100%;z-index: 99;}
header::before,header .tip,header .link,header .logo img,#nav_category,#banner{display:none;}
header.drawer-toggle{display:block;}
header .wrap{background-color: #001D5A;}
header a.logo{background-image: url("../images/mobile_logo.png");background-position: center 0.5rem;background-repeat: no-repeat;background-size: auto 2rem;display: block;height: 3rem;position: static;}
.drawer-nav{z-index:101;}
.drawer-overlay{z-index:100;}
.drawer-hamberger{z-index:102;}
.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger{padding: 1.5rem;top: 0;z-index: 1101;position: fixed;}
.drawer-left .drawer-overlay, .drawer-open .drawer-hamberger{left:13rem;}
.drawer-left .drawer-hamberger span{left: 0.5rem;position: absolute;top: 0.7rem;}
.drawer-left .drawer-main{background-color: #001D5A;color: #FFFFFF;padding: 0;width:13rem;}
.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #FFFFFF;}
.drawer--left.drawer-open .drawer-hamberger{left: 13rem;}
/*language*/
header dl.lang-list{position: static;}
header dl.lang-list dt{color: #FFFFFF;line-height: 1rem;padding-bottom: 0.5rem;padding-top: 0.5rem;}
header dl.lang-list dt::before{margin: 0 auto;position: static;}
header dl.lang-list dd h3,header dl.lang-list dd .btn{display:block;}
header dl.lang-list dd{border-top: 1px solid #DDDDDD;width: 360px;top: 50px;left: 50%;margin-left: -180px;background: #FFFFFF;z-index: 1000;}
header dl.lang-list dd.show{display:block;}
header dl.lang-list dd.hide{display:none;}
header dl.lang-list dd a,#GlobalLanguage header dl.lang-list dd h3{height: 36px;line-height: 36px;padding: 0 15px;font-size: 12px;overflow: hidden;color: #464646;border-bottom: 1px solid #D7D7D7;width: 113px;}
header dl.lang-list dd h3{border-bottom: 1px solid #D7D7D7;color: #464646;display: block;font-size: 15px;height: 50px;line-height: 50px;padding: 0 15px;position: relative;text-align: center;}
header dl.lang-list dd h3 s:before{font-size: 1.2rem;height: 25px;line-height: 25px;position: absolute;right: -5px;text-decoration: none;top: -2px;width: 25px;}
header dl.lang-list dd a{padding-left:30px;margin-left:4px;}
header dl.lang-list dd a:nth-child(2n){margin-left:0;}
header dl.lang-list dd a.active{background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAgAC4DAREAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAACAABBAUGCf/EABoBAQEAAwEBAAAAAAAAAAAAAAAGAgMEBQH/2gAMAwEAAhADEAAAAPfwhCHO6ucgT0Q4Ka/shyfPxDvw5N3UlwBpmDdVDbaTDSO/Ek3fR3NmLhqBc7EZ33J30l1ZD//EACoQAAICAgIBAgUEAwAAAAAAAAECAwUEBwYRCAAJEBMxUpEhIzJBEhUg/9oACAEBAAE/AP8Ajau1dc6O1xc7c25zLBoON8fwXzLi4s5xHDjQoCSzE/gAfqSQB61ZV+aXuOczn8jLnY3MdH6iNa0GseK1khxLi8hkkVv9vZKCHhMix/s4xI+XG/bhnkIiVg47U/Hde69YeO+sLjcO4eX4dJx6jw3yM/PzJlRVVQWIBYgE9A/gkkAE+tKaV2h7pOz6rzA8weJ5lHp+jzEzdP6ftIWR7Z1YNDeW8LAHrsB4MVx9ssoBEccSoEUIqjoeuSvs32atmZvOkzLflXi5yq3M90mVO+Vm6yzZ5O2mLuS0lW7n+bEnG/i5+T08PFOVcd5xx3D5bxK5x7GsscdZsLNxXDRzRt9CD63XuvWHjvrC43DuHl+HSceo8N8jPz8yZUVVUFiAWIBPQP4JJABPrSmlNn+6VtCq8wPMHieZR6fo8xM7T+n7WFke2dWDQ3lvC39dgPj4jj7ZZQGEcUSIqKEUdAfQD4XFNU8jqMqgv6vHzcHNx3gzMPKhEkU8TgqyOrdhlIJBB/Qg+jQbJ9mHYy5nCqm45T4s8mtEjlpsOKTLztZZkzhUESDt5at2IVf7xiQh/Z/waDSmldoe6Vs+q8wfMHieZR6fo8xM7T+n7SFke2dWDQ3lvCwB67AeDEcfbLKAwjjiRFRQijoD6AfH/8QALBEAAQEGBAQGAwAAAAAAAAAAAQMCBBEhMUEABSNCEBQyURITImGRwSCy8P/aAAgBAgEBPwD8FVk0Ey22YAfwAFSSaCpOCg/5y15nmNJMbfCZn4Mx3NKeCXrb4vDyk6pFtQy+SSaAC5Nhh2dlc1V5l56NrNofYO5rfQac1MBNXI1NIRRMoC3aHv8AvQ6k1EVU10gomYgzBGHh5SdUi2oZfJJNABcmww7O6uarcy8j0bRaH2DuO6g0+vg2wwowWWhEGRBoRhsK5IsVBNFozjY94m/ueuh1JqOzurmyvMPPRtZsR9g3O6g05qcf/8QALREBAAEDAgQEBAcAAAAAAAAAAQIDBBEhMQAGIzIFEBRDEhMgQSJCU2FigZL/2gAIAQMBAT8A+i5uqNnQatVwH9q7ABqq6AZVQOJ2njHNMvnFadvROxhJF/zIJDuyci4KWYDUq+d9fW/h1u1qzpsBqq7RibqugHFjY3PMdz66+MUjshnIjvrsid0vc7Y9HLXDgt7jlC4G3iytZIfCbjsY/n9j9XZ62GtbXFC7oRrUJEoyMibJxfX1v4dbtas6bAaqu0Ym6roBxYWNzzHc+uvjFI7IZyI767IndL3O2PRy1zTyq0qVelKnUiSjIwiZEdxOKpc8p3TWisrab+LLqL98v5/3Xq7S62GtY2NzzHc+uvjFI7IZyI767IndL3O2PRy1zTz/AP/Z") no-repeat 90% 50%;background-size: 23px 16px;}
header dl.lang-list dd a:hover{background: #EEEEEE none repeat scroll 0 0;font-weight:bold;}
#GlobalLanguage .btn{clear:both;padding:10px 0;}
#GlobalLanguage s.cannel{height:40px;line-height:40px;margin:0 15px;text-align:center;font-size:15px;color:#000000;display: block;border:1px solid #C6C6C6;border-radius:3px;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff,#f0f0f0);background:-o-linear-gradient(top,#fff,#f0f0f0);text-decoration: none;}
#GlobalLanguage s.cannel:hover{background:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#f0f0f0));background:-moz-linear-gradient(top,#eee,#f0f0f0);background:-o-linear-gradient(top,#eee,#f0f0f0);}
header .search{background-color: #FFFFFF;float: left;padding-bottom: 0.3rem;padding-left: 0.5rem;position: static;width: 100%;}
header .search input.textbox, header .search input.textbox_focus{width: 78%;}
header .search input.submit{box-shadow: -2px 3px 5px 0 #CDCDCD;float: right;height: 2.1rem;line-height: 2.1rem;margin-right: 1%;padding: 0;width: 20%;}
header .search a{display:none;}
/*nav*/
nav ul{display: block;float: none;}
nav ul::before{content: "LCDs-Pancel.com";display: block;font-weight: bold;line-height: 2rem;text-align: center;}
nav ul li{display: block;float: none;position: relative;}
nav ul li::before{content: "\e81d";font-family: "yunteam";font-size: 1rem;height: 1rem;left: 0.5rem;margin-top: -0.6rem;position: absolute;text-align: center;top: 50%;width: 1rem;}
nav ul li:nth-child(2):before{content:"\e827";}
nav ul li:nth-child(3):before{content:"\e826";}
nav ul li:nth-child(4):before{content:"\e825";}
nav ul li:nth-child(5):before{content:"\e801";}
nav ul li:nth-child(6):before{content:"\e820";}
nav ul li:nth-child(7):before{content:"\e815";}
nav ul.clearfix li a{color: #FFFFFF;line-height: 2.6rem;margin: 0;padding: 0 0 0 2rem;text-align: left;}
nav ul.clearfix li a.active{background-color: #01764a;border: medium none;height: auto;}
nav ul.clearfix li:hover a{color:#FFFFFF;}
/*home*/
#home{padding: 0 0 2rem;}
#home .right h2 a.view, #home .brands h2 a.view{text-decoration: none !important;}
#home .right h2, #home .brands h2{font-size: 1.2rem;height: 2.6rem;line-height: 2.6rem;}
#home .about-us,#home .right .size,#home .right .recommend,#home .right .application,#home .right .popular{background-color: #FFFFFF;margin-bottom: 0.5rem;padding: 0 0.5rem;}
#home .about-us{color: #4B4B4B;display: block;line-height: 1.2rem;padding-bottom: 0.5rem;min-height:8rem;}
#home .about-us strong{display: block;font-weight: normal;line-height: 1.6rem;padding-left: 0.5rem;}
#home .about-us img{float: left;margin-left: 0.5rem;margin-right: 0.5rem;margin-top: 0.5rem;max-width: 40%;}
#home .about-us a{color: #398BCB;text-decoration: underline;}
#home .left{display: none;}
#home .right{display: block;float: none;width: auto;}
#home .right .size .item{background: none;line-height: 2rem;}
#home .right .size .item a{border-bottom: 1px dotted #DDDDDD;margin: 0.5%;padding-left: 1%;width: 24%;}
#home .right .recommend{position: relative;overflow:hidden;}
#home .right .recommend .flex-viewport{margin: 0 1rem;padding-bottom: 2rem;}
#home .right .recommend .flex-control-nav{bottom:0.3rem;}
#home .right .application{display: block;float: none;width: auto;}
#home .right .application ul li{display: block;float: none;height: 2.4rem;line-height: 2.4rem;width: 100%;;}
#home .right .application a.more{border-bottom: medium none;height: 3rem;line-height: 3rem;}
#home .right .popular{float: none;width: auto;}
#home .right .popular td:nth-child(3),#home .right .popular td:nth-child(4){display: none;}
#home .right .popular tr:last-child td{border-bottom: medium none;}
/*brands*/
#home .brands{padding: 0;}
#home .brands ul li{height: auto;margin-bottom: 0.3rem;margin-right: 1%;width: 49.5%;}
#home .brands ul li:nth-child(5n){margin-right: 1%;}
#home .brands ul li:nth-child(2n){margin-right: 0;}
#home .brands ul li span{display: none;}
#home .brands ul li a{width: 100%;}
#home .brands ul li img{margin: 0 auto;max-width: 100%;}
/*footer*/
#footer_menu .wrap{padding: 0;}
#footer_menu dl{border-top: 1px dotted #DDDDDD;display: block;float: none;margin: 0 auto;padding: 0 0.5rem 0.5rem;width: 97%;}
#footer_menu dl:first-child{border: medium none;}
#footer_menu dl.introduction{display: none;}
#footer_words{display: none;}
footer{padding: 0.5rem 0;}
footer .language{display: none;}
footer .copyright{padding: 0;}
/*main*/
#main{background-color: #FFFFFF;padding: 0 0.5rem 1rem;width: auto;}
#navigation{height: 2rem;}
#navigation .position{line-height: 1.6rem;padding-left: 0.5rem;}
#navigation .position a::before{top: 1px;}
#main h2.title{font-size: 0.875rem;}
/*brand list*/
#main .select-list{padding: 0.2rem;}
#main .select-list li{min-height: 2.5rem;line-height: 2.5rem;margin: 0.5%;padding-left: 7%;width: 49%;}
#main .select-list li::before{top:13px;}
#main .select-list li:after{top:16px;}
/*active*/
#main .select-list li.active{background-color: #01764a!important;color:#FFFFFF!important;}
#main .select-list li.active a{color: #FFFFFF!important;}
#main .select-list li.active:after{background-color: #FFFFFF!important;}
#main .select-list li.active:before{border: 1px solid #FFFFFF!important;}
#main .words{margin: 0;}
#main .words a{height: 3rem;line-height: 3rem;width: 3rem;}
#main .brand-grid ul li{width: 49%;margin-right: 2%;}
#main .brand-grid ul li:nth-child(5n){margin-right: 1%;}
#main .brand-grid ul li:nth-child(2n){margin-right: 0;}
#main .brand-grid ul li span{display: none;}
#main .brand-grid ul li a{width: 100%;}
#main .brand-grid ul li img{margin: 0 auto;max-width: 100%;}
/*application*/
#main .application-list li{font-size: 0.75rem;height: 6.5rem;padding-left: 0;}
#main .application-list li a{line-height:1rem;}
/*about us*/
#main .sider{display: none;}
#main .sider dl.brands{display: none;}
#sBody{float: none;width: auto;}
#sBody h2{font-size: 1rem;}
#sBody .content img.cover{display: block;float: none;margin: 0 auto 1rem;max-width: 100%;}
#sBody #slides{padding-bottom: 2rem;position: relative;}
#sBody #slides .flex-control-nav{bottom: 0;}
#sBody ul.gallery li{display: block;float: none;margin: 0;}
#sBody ul.gallery li img{max-width: 100%;}
/*contact us*/
#sBody .content .info{border-bottom: 1px solid #DDDDDD;margin-bottom: 10px;}
#sBody .content .contact-right{clear: none;float: left;margin: 0;padding: 0;width: 50%;}
#sBody .content .contact-right li{height: 4rem;padding: 0;width: 100%;}
#sBody .content .contact-right li::before{background: transparent none repeat scroll 0 0;color: #666666;font-size: 0.875rem;height: 1rem;left: 0;line-height: 1rem;top: 0.4rem;width: 1rem;}
#sBody .content .contact-right li s{padding-left: 1.5rem;}
#sBody .content ul.service{border: medium none;float: left;margin: 0;padding: 0 0 10px;width: 50%;}
#sBody .content ul.service li{display: block;float: none;height: 4rem;line-height: 28px;margin-left: -0.5rem;padding-left: 1.5rem;position: relative;width: 100%;}
#sBody .content ul.service li a{line-height: 16px;margin-left: -1.5rem;}
#sBody .content ul.service li a::before{margin: 0;position: absolute;top: 0.3rem;}
#sBody .content h3.title{border-top: 1px solid #DDDDDD;clear: both;}
#sBody .rfq-complete{background-position: 0 center;background-size: 16% auto;min-height: 8rem;padding-bottom: 1rem;padding-left: 20%;padding-top: 1rem;}
ul.form input.textbox, ul.form input.textbox_focus, ul.form input.textbox_error, ul.form input.textbox_tip{height: 2.2rem;line-height: 2.2rem;width: 100%;}
ul.form textarea.textbox, ul.form textarea.textbox_focus, ul.form textarea.textbox_error, ul.form textarea.textbox_tip{max-width: 100%;width: 100%;}
ul.form li s::before{top: 0.25rem;}
.form-box .submit input:hover{color:#FFFFFF!important;background-color:#07ac70!important;}
/*list*/
#main .standard{background-color: #FFFFFF;}
#main .standard dl{border-right: medium none;margin: 0;}
#main .standard dt{background-color: #EEEEEE;display: block;float: none;padding-left: 1rem;text-align: left;width: 100%;}
#main .standard dd{display: block;float: none;width: 100%;}
#main .standard dd a{margin-bottom: 0.2rem;margin-top: 0.2rem;padding: 0.2rem 0.5rem;}
#page .item{display: none;}
#page a.btn, #page span.btn{padding: 0.4rem 1rem;width: auto;}
/*parts list*/
ul.parts li.title{display: none;}
ul.parts li{border: 1px solid #DDDDDD;height: auto;line-height: 1.2rem;margin-bottom: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.5rem;padding-top: 0.5rem;}
ul.parts s{margin-right: 0.5rem;width: auto;}
ul.parts li s:nth-child(1){display: block;float: none;height: 1.5rem;line-height: 1.5rem;margin: 0;padding: 0;width: auto;}
ul.parts li s:nth-child(1) a{color: #000000;text-decoration: none;}
ul.parts li s:nth-child(2),ul.parts li s:nth-child(3),ul.parts li s:nth-child(4),ul.parts li s:nth-child(5),ul.parts li s:nth-child(6),ul.parts li s:nth-child(7),ul.parts li s:nth-child(8),ul.parts li s:nth-child(9),ul.parts li s:nth-child(10){width:auto;}
ul.parts li s:nth-child(7){clear: both;}
ul.parts li s:nth-child(7):after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
/*rfq*/
#main ul.process{display: none;}
#main .tip{margin-top: 0;}
#partsList th{display: none;}
#partsList td{display: block;height: auto;margin: 0.5rem 0;padding: 0 1% 0 10%;width: auto;}
#partsList tr td:first-child{position: relative;}
#partsList td.action{border-bottom: 1px dotted #DDDDDD;border-top: 1px dotted #DDDDDD;padding: 0 1%;}
#partsList td s{display: block;background-color: #EEEEEE;border-radius: 50%;font-size: 1.2rem;height: 1.8rem;top: 0;left: 5%;line-height: 1.8rem;margin-left: -0.9rem;position: absolute;text-align: center;text-decoration: none;width: 1.8rem;}
#partsList td input{width: 100%;}
#partsList td a.btn{color:#666666!important;background-color:#FFFFFF!important;display: block;font-size: 1.5rem;height: 2rem;line-height: 2rem;width: 10%;}
#partsList td.add-btn{height: 2rem;padding: 0 1%;}
#partsList td.add-btn a{color:#FFFFFF!important;background-color:#07ac70!important;display: block;height: 2rem;line-height: 2rem;padding: 0;}
h4.title{font-size: 1rem;}
#main .form-box ul.left{display: block;float: none;width: auto;}
#main .form-box ul.right{display: block;float: none;width: auto;}
ul.form li{min-height: 2.8rem;}
#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip{height: 6rem;}
#main .form-box #Company, #main .form-box #Address,#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip,#main .form-box input.textbox, #main .form-box input.textbox_focus, #main .form-box input.textbox_tip, #main .form-box input.textbox_error{max-width: 100%;width: 100%;}
/*details*/
#main .cover-sider{margin: 0 auto;position: static;width: 60%;}
.cover-sider .cover .outer-box{height: auto;margin: 0 auto;width: 80%;}
.rfq-btn{display: none;}
.pic_list{display: none;}
.cover-sider .datasheet{display: none;}
#main .related-info{float: none;margin-bottom: 0.5rem;margin-top: 0.5rem;width: auto;}
#main .parameter{clear: both;float: none;margin: 0;padding-bottom: 1rem;padding-top: 0.5rem;width: auto;}
#main .parameter tr.mobile{display: table-row;}
#main .parameter h1{border-bottom: 1px solid #DDDDDD;}
#main .parameter .brand{top: 0.5rem;}
#main .parameter tr.pdf a{background-image: url("../images/pdf.png");background-position: 0 center;background-repeat: no-repeat;background-size: 1rem auto;display: block;height: 1.5rem;line-height: 1.5rem;margin: 0.5rem 0;padding-left: 1.2rem;}
#main .quick ul.form{}
#main .related-info ul.form:nth-child(9){clear: both;float: none;width: 100%;}
#main .related-info ul.form input.textbox, #main .related-info ul.form input.textbox_focus, #main .related-info ul.form input.textbox_error, #main .related-info ul.form input.textbox_tip{width: 100%;}
#main .related-info ul.form textarea.textbox, #main .related-info ul.form textarea.textbox_focus, #main .related-info ul.form textarea.textbox_error, #main .related-info ul.form textarea.textbox_tip{width: 100%;}
.hot-keywords li{margin: 0.5%;width: 49%;}
#main .spec-rfq{display:none;}
#main .spec .rfq-btn{top: -4.5rem;}