/* KISSY CSS Reset */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; font-size: 14px; } body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 14px/1 "微软雅黑" Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ img{ max-width: 100%;} /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #cca60e; } /* 重置表单元素 */ input,select,textarea,button{outline:medium;} legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ input {vertical-align:middle;border: none; background: none;outline:none;}\n /* 注：optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } hr { border: none; height: 1px; } html { overflow-y: scroll; min-width: 320px;} /*设置左右浮动*/ .fl{float: left;} .fr{float: right;} .fl a{ color:#fff;} .fl a:hover{ color:#fff;} /*清楚浮动*/ .clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;} .clearfix{*zoom:1;} .mt20{ margin-top: 20px;} .clear{ clear:both;} #header .top{ height: 44px; line-height: 44px; background: #53a8bc; color: #fff;} #header .bdshare-button-style0-16{ float: left; height: 28px; line-height: 28px; margin: 7px 0 0 5px;} #header span.top-ico1,#header span.top-ico2{ padding-left: 15px; margin-right: 10px; height: 16px; line-height: 16px; margin-top: 13px;} #header span.top-ico1{ background: url(../img/ico_1.png) 0 center no-repeat; padding-right:10px; border-right: 1px #A49BF8 solid;padding-left:20px;} #header span.top-ico2{ background: url(../img/ico_2.png) 0 center no-repeat;padding-left:20px;} #header .nav-box{ padding: 10px 15px;} #header .logo img{ height:50px; width: auto;/*margin-top:15px;*/} #header .nav-logo{ margin-top: 10px;} #header .xs-nav{ height: 100%; background: #53a8bc; position: fixed; right: -200px; top: 0; width: 200px; overflow: hidden; display: none;} #header .xs-nav ul{ padding: 15px 0;} #header .xs-nav a{ display: block; border-bottom:1px #eee solid; height: 40px; line-height: 40px; padding-left: 5px; color:#eee; padding: 0 25px; font-size: 15px;} #header .xs-nav a:active{ background: #382baa; color: #fff;} .d-nav>li{ float: left; position:relative;} .d-nav>li>a{ display: block; height: 80px; line-height: 80px;padding: 0 20px;} .d-nav>li:hover>a,.d-nav>li.dq>a{ background: url(../img/navbg.jpg) center bottom no-repeat; color: #000;} .d-nav>li:hover ul{ display:block;} .d-nav ul{ position:absolute; width:100%; text-align:center; z-index:1111; display:none;} .d-nav ul li{} .d-nav ul li a{ background:#fff; color:#666; line-height:24px; padding:5px; display:block;} .d-nav ul li a:hover{ background:#53a8bc; color:#fff;} #t-ban{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #t-ban .swiper-slide img{ max-width: 100%;height: auto;} .box1{ background: #fff; padding: 30px 0;} #yw-list{ margin-top: 30px; padding-bottom: 25px;} #yw-list .swiper-container {width: 100%;height: 100%;} #yw-list .swiper-slide { text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; } #yw-list a.yw-alist{ display: block; text-align: center;} #yw-list a.yw-alist span{ color: #000; font-size: 50px; font-weight: bold; /*border-radius: 50%; border:1px #cedadd solid;*/ display: block; width: 100px; height: 100px; text-align: center; line-height:100px; margin: 0 auto 10px; } #yw-list a.yw-alist h3{ color: #333; font-size: 16px; padding-bottom: 8px;} #yw-list a.yw-alist p{ font-size: 12px; color: #999; /*height:14px;*/ line-height:14px; margin-bottom:10px; overflow: hidden;} #yw-list a.yw-alist:hover span,#yw-list a.yw-alist:active span{/*border: 1px #5b51c1 solid;*/ color:#53a8bc;} #yw-list a.yw-alist:hover h3,#yw-list a.yw-alist:active h3{ color:#53a8bc;} #yw-list .swiper-pagination{ margin-bottom: -10px;} .title1{ text-align: center; padding-bottom: 10px;} .title1 h1{ font-size: 26px; color: #333; font-weight: bold; padding-bottom: 6px; font-family:"Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, Helvetica, Arial, sans-serif;} .title1 h3{ font-size: 16px;} .box2{ /*background: #f9f7f8;*/ padding:30px 0 0 0;} .box2 .sy-abimg{ width: 100%;} .box2 .sy-abimg img{ width: 100%; height: auto;} .box2 .sy-abtxt{ width: 100%; padding-top: 15px; line-height: 1.7;} .box2 .sy-abtxt h2{ font-size: 18px; padding-bottom: 8px;} .box2 a.sy-gdbtn{ display: block; width: 50%; border: 1px #53a8bc solid; color: #53a8bc; height: 40px; line-height: 40px; text-align: center; margin: 10px auto;} .box2 a.sy-gdbtn:hover,.box2 a.sy-gdbtn:active{ border-color:#53a8bc; background: #53a8bc; color: #fff;} .box2 .sy-tgff{ background: #066bb3; padding: 15px 0; margin-top: 15px; display:none} .box2 .tit-02{ color: #fff; text-align: center;} .box2 .tit-02 h2{ font-size: 20px; padding:20px 0 15px 0;} .box2 .tit-02 p{ color: #b5d3e8; font-size: 12px; font-weight: bold;} .box2 .sy-gtfflist li{ float: left; width: 50%; text-align: center; margin-bottom: 15px;} .box2 .sy-gtfflist h2{ margin-bottom: 8px; width: 80px; height: 80px; line-height:76px; border-radius: 50%; font-size: 20px; border:1px #fff solid; color: #fff; display: inline-block; } .box2 .sy-gtfflist h2 img{ width:40px;height:40px;} .box2 .sy-gtfflist{ padding-top: 15px;} .box2 .sy-gtfflist li a{ display: block;} .box2 .sy-gtfflist li p{ color: #fff; font-size: 12px; font-weight: bold;} .box2 .sy-gtfflist li a:hover h2,.box2 .sy-gtfflist li a:active h2{ color: #3b9ab0; border-color:#fff;} .sy-gtff-ico{ display: none;margin-left: 25px;} .sy-gtff-ico a{ float: left; margin: 10px 15px;} .box3{padding: 30px 0;background: #f9f7f8;} .box3 .syff-list{ padding-top: 20px;} .box3 .syff-list li{ text-align: center; margin-bottom: 15px;} .box3 .syff-list li img{ width: 100%; height: auto;} .box3 .ff-txt{ background: #f9f8f8; padding: 25px 0;} .box3 .ff-txt h3{ /*padding-bottom:6px;*/ /*font-size:16px;*/ text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .box3 .ff-txt p{ color: #9c9c9c; /*font-weight: bold;*/} .box3 .syff-list li:hover .ff-txt,.box3 .syff-list li:active .ff-txt{ background: #53a8bc; color: #fff;} .box3 .syff-list li:hover .ff-txt p,.box3 .syff-list li:active .ff-txt p{ color: #5a8cc2;} .box4{background: url(../img/box4.jpg) center top no-repeat;padding: 30px 0 60px; background-size: cover; margin-top:35px;} .box4 .synews-box{ padding-top: 20px;} .box4 .synews-list{ width: 100%; background: #53a8bc; padding:10px 15px; } .box4 .synews-list li{ border-bottom: 1px #3b9ab0 solid; padding: 15px 0; } .box4 .synews-list span{ margin-right: 15px; color: #fff; font-size: 26px; font-weight: bold; border: 1px #fff solid; border-radius: 50%; float: left; width: 60px; height: 60px; line-height: 60px; text-align: center;} .box4 .synews-list li:active span{ border-color:#242424;} .box4 .synews-list li p{color: #fff; font-size: 13px; line-height: 20px; margin-top: 6px; height: 40px; overflow: hidden;} .box4 .synews-list li a{ font-size: 15px; color: #fff;line-height: 1.2; display: block; max-height: 36px; overflow: hidden;} .box4 .synews-list li:nth-last-child(1){border-bottom: none;} .box4 .news-img{ width: 100%; height: auto;} .box4 #news-imgfoc .swiper-slide p{ background: rgba(83, 168, 188,.8); height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;} .box4 #news-imgfoc .swiper-slide p span{ text-align: center; display: block; padding: 0 20px; color: #fff; font-size: 15px;} .box4 #news-imgfoc .swiper-slide img{ width: 100%; height: auto;} .box5{ padding: 30px 0;} #hb-img .swiper-slide {text-align: center;} #hb-img .swiper-slide img{ width: 170px; height: 80px;} #hb-img{ margin: 0 50px;} .hb-list{ position: relative; margin-top: 25px;} #footer{ background: #53a8bc; padding-top: 30px; /*margin-top:20px;*/ color:#fff;} #footer a{color:#fff;} #footer a:hover{color:#ffdc40;} .foot-rwm{ border:5px solid #3b9ab0; margin-right: 20px;} .foot-rwm img{ width: 100px; height: auto;} .foot-top{ padding-bottom: 30px;} .foot-ltxt h3{ font-size: 18px; } .foot-ltxt h4{ font-size: 20px; color: #fff; padding: 8px 0;} .foot-ico{ padding-top: 8px;} .foot-ico a{ float: left; height: 24px; line-height: 24px; margin-right: 22px;} .foot-ico a.icon-em{ background: url(../img/ico_2.png) 0 50% no-repeat; padding-left: 20px;} .foot-ico a.icon-qq{ background: url(../img/ico_3.png) 0 50% no-repeat; padding-left: 20px;} .foot-ico a.icon-cz{ background: url(../img/ico_1.png) 0 50% no-repeat; padding-left: 20px;} .icon-dz{ background: url(../img/ico_5.png) 0 50% no-repeat; padding-left: 20px;} .foot-rbox{ width: 100%;} .foot-nav { /*height: 30px;*/ line-height: 30px; text-align: center;} .foot-nav a:hover{ color: #fee53d;} .foot-sobox{ text-align: center; margin-top: 15px; position: relative; border: 5px #3b9ab0 solid;} .foot-sobox input{ width: 100%; height: 30px; line-height: 30px; background: #fff; padding: 0 10px; color:#333;} .foot-sobox button{ color: #fff; background: #3b9ab0; border: none; display: block; position: absolute; width: auto; padding: 0 20px; height: 30px; right: 0; top: 0;} .foot-sobox button:active{ background: #A49BF8;} .copy{ padding:10px; line-height:24px; text-align:center; background-color:#3b9ab0; color:#fff; font-size:12px;} .copy p{ display: inline-block;} .ny-ban img{ max-width: 100%;} .ny-ban{ text-align: center;} .wrap{ padding: 30px 0;} .sub-nav{ margin: 30px 15px; text-align: center;} .sub-nav li{ display: inline-block; text-align: center; margin-bottom: 15px; } .sub-nav ul{ float: left; } .sub-nav li a{ display: block; padding: 0 20px; height: 45px; line-height: 45px; background:#53a8bc; color: #fff;} .sub-nav li a:hover,.sub-nav li.dq a{ background:#3b9ab0; color: #fff;} .wz-box{ display: none; padding-right: 30px; height: 60px; line-height: 60px; background: url(../img/ico3.jpg) 0 50% no-repeat; padding-left: 17px; color: #3b9ab0;} .wz-box a{ color: #3b9ab0;} .wz-box a:hover{ color: #fff;} .about-txt{ padding: 40px 15px 0; line-height: 1.7;} .about-txt img{max-width: 100%; height: auto;} .about-course{ padding: 40px 15px 0;} .about-course ul{ margin-top:20px;} .about-course li{ background:url(../img/courseBg.gif) repeat-y 10px 0; font-size: 14px; padding: 0 0 20px 20px; position:relative; } .about-course h4{ color: #377adf; font-size:20px; font-weight:bold; margin: 0 0 0 20px; } .about-course i { color: #a6bee3; display: block; font-size:36px; font-style: normal; left: 0; overflow: inherit; position: absolute; top: -18px; } .about-course .pbox { background: #f2f2f2; color: #333; margin: 10px 0 0 20px; padding: 15px; border:1px solid #e8e8e8; line-height:22px; } .about-course .frist i,.about-course .frist h4 {color: #f75a53;} .ffxm-list{ padding-top: 30px;} .ffxm-list li{ text-align: center; padding:15px; } .ffxm-list p{ height: 44px; overflow: hidden; line-height: 22px; text-align: left;} .ffxm-list li h3{ color: #333; padding: 8px 0; font-size: 16px;line-height:1.8; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .ffxm-list li p{ color: #b1b1b1; font-size: 14px; text-align:center; height:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .ffxm-list li a{display: block; color: #969696; padding: 10px; border: 1px #eee solid;} .ffxm-list li a:hover h3{ color: #53a8bc;} .ff-txt{ padding-top: 30px; text-align: center;} .ff-titl h1{ font-size: 30px; color: #53a8bc; font-weight: bold; padding: 0 10px 15px 10px;} .ff-titl .inf-t{ color: #999;} .ff-txtnr{ padding: 30px 15px 0; line-height: 1.7; text-align: left;} .ff-txtnr img{ max-width:100%;} .news-list{ padding-top: 15px;} .news-list li{ border-bottom:1px dashed #dbdbdb; line-height: 1.7; clear:both; padding:20px 0;} .news-list li:active,.news-list li:hover{ background: #f0f0f0;} .news-list li img{ border:1px solid #dbdbdb; width:300px; height:160px; float:left; padding:5px; background:#FFF; display:inline-block; margin-left:20px;} .news-list li a{ padding:20px;display:inline-block; float:left; width:100%;} /*.news-list li a:active,.news-list li a:hover{ background: #f0f0f0;}*/ .news-list li h2{font-size: 16px; padding-bottom: 6px; line-height: 1.7;} .news-list li p{color: #969696;} .news-list div.time{color: #969696;} .news-list li a:hover h2{color: #53a8bc; } .lc-txt{ /*padding-top:20px;*/ padding:20px 10px 0 10px; line-height: 1.8;} .lc-txt img{ max-width:100%;} .lc-txt h3{ color:#0050a3; font-size:18px; font-weight:bold; text-align:center; margin:15px 0;} .lx-txtbox{ padding-top: 20px; line-height: 1.8;} .ffwd-box .ffwd-title{ padding: 5px 0; margin-bottom: 20px;border-bottom: 1px solid #d6d6d6;} .ffwd-box .ffwd-title h2{font-size: 22px; color: #53a8bc; line-height: 40px;} .ffwd-box li{ line-height: 30px; margin-bottom: 15px;} .ffwd-box{ padding: 0 15px;} /*--头部中英文---*/ .container_mo{ display:none;} /*--更多产品---*/ .gdcp{ margin:20px auto; width:120px;} .gdcp a{ width:120px; height:36px; line-height:36px; text-align:center; display:block; border:1px solid #d8d8d8;} .gdcp a:hover{ color:#066bb3;} /*--分页---*/ .pageone{ text-align:center; margin:10px auto 10px auto; width:94%;} .pageone a{ display:block; width:18%; height:30px; line-height:30px; float:left; background:#f5f5f5; color:#707070; margin:0 1% 30px 1%;} .pageone a:hover{ color:#fff; background:#53a8bc;} /*--人才招聘--*/ .jobdetail{padding: 30px 15px 0;} .jobdetail h4{ background:#f2f2f2; line-height:2.4; padding:0 15px; margin-bottom:10px; font-size:16px; font-weight:bold;} .dotted{ border-bottom:1px #ddd dotted;} .jobdetail li { float:left; width:31%; line-height:40px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .jobdetail label { display:inline-block; color:#999; text-indent:15px;} .jobdetail .bd { padding:10px 0;} .jobdetail .bd label{ float:left; width:31%;} .jobdetail .bc{ float:left; width:69%; display:block; padding:0 15px; line-height:24px;} /*---新闻中心---*/ .news_list{padding:30px 0 10px 0;} .news_list li{ line-height:46px;} .news_list li:hover{ background:#e5e5e5;} .news_list li a{ width:64%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; float:left;text-indent:10px;} .news_list li a:hover{ color:#53a8bc;} .news_list li span{ width:12%;float:left; color:#8d8f90; /*text-align:left;*/ padding-right:15px; text-indent:10px;} .news_list li time{ width:12%; float:left; color:#8d8f90; text-align:right; padding-right:15px;text-indent:10px;} .news_list li i{ width:12%; float:left; color:#8d8f90; /*text-align:right;*/ padding-right:15px;text-indent:10px;} .news_bg{ background:#eee;} /*---新闻列表---*/ .news_list_2{padding:30px 0 10px 0;} .news_list_2 li{ line-height:46px;} .news_list_2 li:hover{ background:#e5e5e5;} .news_list_2 li a{ width:65%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; float:left;text-indent:10px;} .news_list_2 li a:hover{ color:#53a8bc;} .news_list_2 li time{ width:35%; float:left; color:#8d8f90; text-align:right; padding-right:15px;text-indent:10px;} /*---下载列表---*/ .news_list_3{padding:30px 0 10px 0;} .news_list_3 li{ line-height:46px;} .news_list_3 li:hover{ background:#e5e5e5;} .news_list_3 li span{ width:75%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; float:left;text-indent:10px;} .news_list_3 li a{ width:25%; float:left; color:#0069bf; text-align:right;padding-right:15px;} .news_list_3 li a:hover{ color:#53a8bc;} /*---留言反馈---*/ .online_bg {background:url(../img/lxwm.jpg) no-repeat right bottom;} .n_fed{margin:30px 0 30px 0;} .n_fed table{width:80%;} .n_fed td{ padding:5px 0; color:#525252;} .n_fed td img{width:80px; height:22px; margin-left:10px;} .n_fed td i{ color:#F00; font-style:normal; padding-top:5px; line-height:20px; display:block;} .n_fee { background:#fff; border:1px solid #d9d9d9; line-height:40px; width:100%;text-indent:0.5em;} .n_fee2{ background:#fff; border:1px solid #d9d9d9; line-height:40px; width:30%;text-indent:0.5em;} .n_fedan,.n_fedan2{ float:left; width:100px; height:32px;line-height:32px;text-align:center;color:#fff; border:none;font-size:14px;} .n_fedan{ margin-right:15px;background:#066bb3;} .n_se{background:#3db1fa; float:left; width:80px; height:26px;line-height:24px;text-align:center;color:#fff; border:none;} .n_fedan2{background:#b2b2b2;} .hsbhP{color:#fc060b;} @media (min-width: 768px) { #header .logo img{ height:60px;width: auto;} #header .nav-box{ padding: 0px 15px;} #header .logo{ padding: 10px 0;} .title1 h1{ font-size:28px;} .title1 h3{ font-size:18px; color:#999; text-transform:uppercase;} .box2 .sy-abimg{ width: 50%;} .box2 .sy-abtxt{ width: 48%; } .box2 .sy-abtxt p{ height: 95px; overflow: hidden;} .box2 .tit-02{ float: left; text-align: left; margin-top: 15px;} .box2 .sy-gtfflist{ float: right; width: auto;} .box2 .sy-gtfflist li{ width: auto; margin-left: 25px;} .box2 .sy-tgff{ margin-top: 0;} .foot-rbox{ width: auto; float: right;} .sub-nav{ margin: 30px 0 0 0; height: 60px; line-height: 60px; background: #53a8bc; padding-left: 20px;} .sub-nav li{ float: left; width: auto; margin: 0;} .sub-nav li a{ height: 60px; line-height: 60px; padding: 0 15px;} } @media (min-width: 992px) { #header .logo img{ height:70px; width: auto;} .d-nav>li>a{ padding: 0 30px;height: 91px; line-height: 91px;} .box2 .sy-abtxt{ padding-top: 40px; } .box2 .sy-abtxt p{ height: auto;} .box2 a.sy-gdbtn{ margin-top: 20px;} .box2 .sy-abtxt h2{ margin-bottom: 15px;} .box4 .synews-list{ float: left; width: 50%;} .box4 .news-img{ float: right; width: 50%;} .wz-box{ display: block;} } @media (min-width:1200px) { #header .logo img{ height:70px; width: auto;} #yw-list .swiper-pagination{ display: none; padding-bottom:5px;} .sy-gtff-ico{ display: block; } .box4 .synews-list li{ padding: 18px 0; } .box4 .synews-list{ height: 312px; overflow: hidden;} .news-list li a{ width:850px;} } @media only screen and ( max-width:370px ) { .foot-nav{ display: none;} .foot-sobox{ margin-top: 0;} /*.n_fed table{width:100%;}*/ } @media only screen and ( max-width:320px ) { .sub-nav li a{ padding: 0 17px;} /*.n_fed table{width:100%;}*/ } @media only screen and ( max-width:767px ) { .ffxm-list{ margin: 0;} .jobdetail li { width:100%;} .news-list li img{ border: 1px solid #dbdbdb; width:94%; height:auto; float:left; padding:2%; background:#FFF; display:inline-block; margin:0 3%;} .news_list { padding:0 15px;} .news_list li { line-height:32px;} .news_list li a{ width:66%;} .news_list li span{ width:32%;} .news_list li time{ width:50%;} .news_list li i{ width:50%;} .news_list_2,.news_list_3{ padding:0 15px;} } @media only screen and ( max-width:420px ) { .ffxm-list li{ width: 100%;} .n_fed table{width:96%;} } @media (max-width: 992px) { .container_mo{ line-height:44px; height:44px; width:100%; background:#53a8bc; display:block; padding-right:15px;} .container_mo .fr a{color:#fff;} .container_mo .fr a:hover{color:#fff;} .box2 .sy-gtfflist li{ float:none; margin:0 auto 10px auto;} .jobdetail .bc{ padding:0;} } /*--分享在下面--*/ .fxzx{width:210px; height:26px; line-height:26px;} .fxzx span{ float:left;} /*---点击放大代码---*/ .photoblock-many { margin: 0 10px 10px -4px; clear: both; width: 100%; text-align: center; font-size: 10px; color: #888888; } /*--百度地图部分--*/ .lx-map{padding: 15px 15px 0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} #dituContent .center{box-sizing: content-box;} #dituContent .bottom{box-sizing: content-box;} #dituContent .BMap_Marker label{max-width:none;} #dituContent img{max-width:none;} /*---基本资料---*/ .jbzl{ border:1px solid #dbdbdb;background:#FFF;} .jbzl tr{ border-bottom:1px solid #dbdbdb;} .jbzl td{ padding:15px; border-left:1px solid #dbdbdb;} .bjys{ background:#f9f7f8;} /*--置顶按钮--*/ .zhiding{ position:fixed; width:48px; height:48px; bottom:50px; right:10px;} .zhiding a{ width:48px; height:48px; background:url(../img/top.png) no-repeat; display:block;} .zhiding a:hover{ background:url(../img/top_h.png) no-repeat;} .biankuang{ padding-left:15px; padding-right:15px;} .sitewidget-navnew .smsmart,.sitewidget-navnew .smsmart ul,.sitewidget-navnew .smsmart li { display: block; list-style: none; line-height: normal; direction: ltr; -webkit-tap-highlight-color: rgba(0,0,0,0) } .sitewidget-navnew .smsmart .hide { display: none !important } .sitewidget-navnew .smsmart .navnew-sub2.show { display: block !important; right: 0; top: 0; transform: translateX(100%); width: auto; min-width: 11em; max-width: 40em } .sitewidget-navnew .smsmart.navnew-substyle2 .navnew-sub2.show,.sitewidget-navnew .smsmart.navnew-substyle3 .navnew-sub2.show { transform: none !important } .sitewidget-navnew .smsmart.navnew-substyle2 .navnew-sub2,.sitewidget-navnew .smsmart.navnew-substyle3 .navnew-sub2 { display: block !important } .sitewidget-navnew .smsmart .navnew-sub2.showLv2 { display: block !important } .sitewidget-navnew .smsmart ul { display: none } .sitewidget-navnew .smsmart li,.sitewidget-navnew .smsmart a { position: relative } .sitewidget-navnew .smsmart a { display: block } .navnew a[href="javascript:void(0);"] { cursor: initial !important } .navnew a[href="javascript:;"] { cursor: initial !important } .sitewidget-navnew .smsmart li a>.icon.fa { margin-right: 5px } .sitewidget-navnew .smsmart a:hover { text-decoration: none } .sitewidget-navnew .smsmart:after { content: ""; display: block; height: 0; font: 0 / 0 serif; clear: both; visibility: hidden; overflow: hidden } @media(min-width: 990px) { .sitewidget-navnew .navnew-thumb { display:none } } @media(min-width: 990px) { .sitewidget-navnew .smsmart { margin-left:auto; margin-right: auto } .sitewidget-navnew .navnew-thumb-switch { display: none } .sitewidget-navnew .smsmart>li { float: left } .sitewidget-navnew .smsmart li>a { white-space: nowrap; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-property: color,background-color,padding-left,padding-right,margin-left,margin-right; -moz-transition-property: color,background-color,padding-left,padding-right,margin-left,margin-right; -ms-transition-property: color,background-color,padding-left,padding-right,margin-left,margin-right; -o-transition-property: color,background-color,padding-left,padding-right,margin-left,margin-right; transition-property: color,background-color,padding-left,padding-right,margin-left,margin-right } .sitewidget-navnew a .sub-arrow { display: inline-block; width: 24px; background-position: center center; background-repeat: no-repeat } .sitewidget-navnew .navnew-link .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAB+fX1PLfavAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=); background-repeat: no-repeat !important } .sitewidget-navnew .navnew-link:hover .sub-arrow,.sitewidget-navnew .navnew-item.on .navnew-link .sub-arrow,.sitewidget-navnew a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .sitewidget-navnew .navnew-item.navLv1:hover>a .sub-arrow { -moz-transform-origin: center center; -webkit-transform-origin: center center; -ms-transform-origin: center center; -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg) } .sitewidget-navnew .smsmart.navnew-item-overview { display: table; width: 100% } .sitewidget-navnew .smsmart.navnew-item-overview>.navnew-item { display: table-cell; float: none } .sitewidget-navnew .smsmart.navnew-item-overview .navnew-item.on>a,.sitewidget-navnew .smsmart.navnew-item-overview .navnew-item.on>a:hover,.sitewidget-navnew .smsmart.navnew-item-overview .navnew-item>a,.sitewidget-navnew .smsmart.navnew-item-overview .navnew-item>a:hover { padding-left: 0 !important; padding-right: 0 !important } .sitewidget-navnew .smsmart ul { position: absolute; z-index: 10; transition: transform ease-out .2s; -webkit-transition: -webkit-transform ease-out .2s; -moz-transition: -moz-transform ease-out .2s } .sitewidget-navnew .smsmart ul.transform-start { transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px) } .sitewidget-navnew .smsmart ul.transform-org { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) } .sitewidget-navnew .smsmart ul a span.sub-arrow,.sitewidget-navnew .smsmart ul a:hover span.sub-arrow { width: 24px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABRJREFUCNdjaGBwYFBgEABiB4YGAAy+AdE8x/bYAAAAAElFTkSuQmCC) } .sitewidget-navnew .smsmart ul li:first-child { border-top: 0 } .sitewidget-navnew .smsmart ul a.navnew-sub1-link>span.sub-arrow { position: absolute; right: 0 } .sitewidget-navnew .smsmart span.scroll-up,.sitewidget-navnew .smsmart span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #f1f1f1; height: 20px } .sitewidget-navnew .smsmart span.scroll-up-arrow,.sitewidget-navnew .smsmart span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #a3a3a3 transparent } .sitewidget-navnew .smsmart span.scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #a3a3a3 transparent transparent transparent } .sitewidget-navnew .smsmart .scroll-up:hover span.scroll-up-arrow { border-color: transparent transparent #505050 transparent } .sitewidget-navnew .smsmart .scroll-down:hover span.scroll-down-arrow { border-color: #505050 transparent transparent transparent } .sitewidget-navnew .smsmart.navnew-wide-substyle1>li>ul>span.sub-nav-arrow { position: absolute; top: -18px; left: 30px; width: 0; height: 0; overflow: hidden; border-width: 9px; border-style: dashed dashed solid dashed; border-color: transparent transparent #efefef transparent } .sitewidget-navnew .smsmart.navnew-wide-substyle1>li>ul a,.sitewidget-navnew .smsmart.navnew-wide-substyle-new0>li>ul a { overflow: hidden; text-overflow: ellipsis } .navnew-style3 li:first-child .navnew-separator,.navnew-wide-style3 li:first-child .navnew-separator { display: none } .navnew-style3 .navnew-separator,.navnew-wide-style3 .navnew-separator { position: absolute; left: auto; top: 0; width: 10px; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAAA1BMVEWZmZl86KQWAAAACklEQVQI12NAAwAAEAABtKqAHwAAAABJRU5ErkJggg==); overflow: hidden; background-position: center center; background-repeat: no-repeat } .navnew-style3 .navnew-link:hover .sub-arrow,.navnew-style3 .navnew-item.on .navnew-link .sub-arrow,.navnew-style3 a.navnew-link.highlighted .sub-arrow,.navnew-wide-style3 .navnew-link:hover .sub-arrow,.navnew-wide-style3 .navnew-item.on .navnew-link .sub-arrow,.navnew-wide-style3 a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAMb7MccNX1AAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .navnew-style4 li:first-child .navnew-separator,.navnew-wide-style4 li:first-child .navnew-separator { display: none } .navnew-style4 .navnew-separator,.navnew-wide-style4 .navnew-separator { position: absolute; left: auto; top: 0; width: 10px; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAOCAMAAAA7QZ0XAAAAM1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlkqvaGAAAAEXRSTlMAML3y5aOSinhGHQ3W1bxfXnxOdbcAAAA5SURBVAjXJYzHDQAwDALT3dL2nzaC+HEnLETC5ULJoFoGbTJ0BaM6dH9vH9BrQNr5W8ahxjCEKhx6J5kAzxkC2HsAAAAASUVORK5CYII=); overflow: hidden; background-position: center center; background-repeat: no-repeat } .navnew-style4 .navnew-link:hover .sub-arrow,.navnew-style4 .navnew-item.on .navnew-link .sub-arrow,.navnew-style4 a.navnew-link.highlighted .sub-arrow,.navnew-wide-style4 .navnew-link:hover .sub-arrow,.navnew-wide-style4 .navnew-item.on .navnew-link .sub-arrow,.navnew-wide-style4 a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAMb7MccNX1AAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .navnew-style5 .navnew-link:hover .sub-arrow,.navnew-style5 .navnew-item.on .navnew-link .sub-arrow,.navnew-style5 a.navnew-link.highlighted .sub-arrow,.navnew-wide-style5 .navnew-link:hover .sub-arrow,.navnew-wide-style5 .navnew-item.on .navnew-link .sub-arrow,.navnew-wide-style5 a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAMb7MccNX1AAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .navnew-style6 .navnew-link:hover .sub-arrow,.navnew-style6 .navnew-item.on .navnew-link .sub-arrow,.navnew-style6 a.navnew-link.highlighted .sub-arrow,.navnew-wide-style6 .navnew-link:hover .sub-arrow,.navnew-wide-style6 .navnew-item.on .navnew-link .sub-arrow,.navnew-wide-style6 a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAMb7MccNX1AAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .navnew-style8 .navnew-link:hover .sub-arrow,.navnew-style8 .navnew-item.on .navnew-link .sub-arrow,.navnew-style8 a.navnew-link.highlighted .sub-arrow,.navnew-wide-style8 .navnew-link:hover .sub-arrow,.navnew-wide-style8 .navnew-item.on .navnew-link .sub-arrow,.navnew-wide-style8 a.navnew-link.highlighted .sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAMb7MccNX1AAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=) } .navigation-opacity-backlayer { position: absolute; left: 0; width: 100%; z-index: 9 } .sitewidget-navnew .smsmart.navnew-substyle2 { position: relative } .sitewidget-navnew .smsmart.navnew-substyle2>li { position: static } .sitewidget-navnew .smsmart.navnew-substyle2>li .smsmart-nowrap>li { float: left } .sitewidget-navnew .smsmart.navnew-substyle2 li .smsmart-nowrap .smsmart-nowrap-cus { background-color: transparent } .sitewidget-navnew .smsmart.navnew-substyle2 li .smsmart-nowrap .smsmart-nowrap-cus li { float: none } .nav-sub-list { position: absolute; left: 0; z-index: 10; width: 100%; padding: 10px 0; background-color: #fff; box-sizing: border-box } .nav-sub-list .nav-sub-item { width: 100% } .nav-sub-list .nav-sub-item .nav-sub-item-hd { display: block; width: 100%; padding-left: 10px; border-bottom: 1px solid #e3e3e3; box-sizing: border-box } .nav-sub-list .nav-sub-item .nav-sub-item-hd span { font-size: 14px; font-weight: 500; line-height: 35px; cursor: pointer } .nav-sub-list .nav-sub-item .nav-sub-item-hd img { width: 20px; height: 20px; vertical-align: middle; cursor: pointer } .nav-sub-list .nav-sub-item .nav-sub-item-bd { display: block; width: 100%; padding-top: 10px; box-sizing: border-box } .nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item { float: left; width: 10%; min-width: 96px; padding: 10px 0; text-align: center; box-sizing: border-box } .nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox { width: 80px; height: 80px; margin: 0 auto; background-color: #ececec } .nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox img { width: 100%; height: 100% } .nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-info { width: 94%; margin: 0 auto; font-size: 14px; text-align: center; overflow: hidden; color: #676767; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical } .nav-sub-list .nav-sub-item .nav-sub-item-hd span:hover,.nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-info:hover { color: #262626 } .sitewidget-navnew .smsmart.navnew-substyle4 { position: relative } .sitewidget-navnew .smsmart.navnew-substyle4>li { position: static } .sitewidget-navnew .smsmart.navnew-substyle4>li>.smsmart-nowrap { margin-left: 0 !important } .sitewidget-navnew .smsmart.navnew-substyle4>li .smsmart-nowrap>li { float: left } .sitewidget-navnew .smsmart.navnew-substyle4 li .smsmart-nowrap .smsmart-nowrap-cus { background-color: transparent } .sitewidget-navnew .smsmart.navnew-substyle4 li .smsmart-nowrap .smsmart-nowrap-cus li { float: none } .nav-sub-list5 { position: absolute; left: 0; z-index: 10; width: 100%; padding: 25px 25px 0 25px; background: #0c6fb3; box-sizing: border-box } .nav-sub-list5 .nav-sub-item { float: none !important; display: inline-block !important; width: calc(20% - 34px); min-width: 110px; margin: 0 15px 25px 15px; vertical-align: top } .nav-sub-list5 .nav-sub-item img { vertical-align: middle; width: 120px; height: 80px } .nav-sub-list5 .nav-sub-item .nav-sub1-item>a { text-align: center } .nav-sub-list5 .nav-sub-item .nav-sub1-item>a .nav-sub1-info { display: block; padding: 5px 0; cursor: pointer } .nav-sub-list5 .nav-sub-item .nav-sub2-item { border-color: rgba(0,0,0,0.5); border-bottom: 1px solid #fff } .nav-sub-list5 .nav-sub-item .nav-sub2-item>a { font-size: 12px; line-height: 28px } .nav-sub-list5 .nav-sub-item .nav-sub2-item>a img { width: 20px; height: 20px } .sitewidget-navnew .smsmart.navnew-substyle5 { position: relative } .sitewidget-navnew .smsmart.navnew-substyle5>li { position: static } .sitewidget-navnew .smsmart.navnew-substyle5>li>.smsmart-nowrap { margin-left: 0 !important } .sitewidget-navnew .smsmart.navnew-substyle5>li .smsmart-nowrap>li { float: left } .sitewidget-navnew .smsmart.navnew-substyle5 li .smsmart-nowrap .smsmart-nowrap-cus { background-color: transparent } .sitewidget-navnew .smsmart.navnew-substyle5 li .smsmart-nowrap .smsmart-nowrap-cus li { float: none } .nav-sub-list6 { width: 600px !important; max-width: 600px !important; min-height: 160px } .nav-sub-list6 .nav-sub-item { position: static !important } .nav-sub-list6 .nav-sub-item>a { display: inline-block } .nav-sub-list6 .nav-sub-item img { display: none; position: absolute; top: 20px; right: 20px; width: 400px; height: 160px } .nav-sub-list6 .nav-sub-item:hover>img,.nav-sub-list6 .nav-sub-item .navnew-sub2-item:hover>img { display: block } .nav-sub-list8 { position: absolute; left: 0; z-index: 10; width: 100%; padding: 25px 25px 0 25px; background: #0c6fb3; box-sizing: border-box } .nav-sub-list8 .nav-sub-item { float: none !important; display: inline-block !important; width: calc(20% - 34px); min-width: 110px; margin: 0 15px 25px 15px; vertical-align: top } .nav-sub-list8 .nav-sub-item img { vertical-align: middle; width: 200px; height: auto; max-width: 100% } .nav-sub-list8 .nav-sub-item .nav-sub1-item>a { text-align: center } .nav-sub-list8 .nav-sub-item .nav-sub1-item>a .nav-sub1-info { display: block; padding: 5px 0; cursor: pointer } .nav-sub-list8 .nav-sub-item .nav-sub2-item { border-color: rgba(0,0,0,0.5); border-bottom: 1px solid #fff } .nav-sub-list8 .nav-sub-item .nav-sub2-item>a { font-size: 12px; line-height: 28px } .nav-sub-list8 .nav-sub-item .nav-sub2-item>a img { width: 20px; height: 20px } .sitewidget-navnew .smsmart.navnew-substyle8 { position: relative } .sitewidget-navnew .smsmart.navnew-substyle8>li { position: static } .sitewidget-navnew .smsmart.navnew-substyle8>li>.smsmart-nowrap { margin-left: 0 !important } .sitewidget-navnew .smsmart.navnew-substyle8>li .smsmart-nowrap>li { float: left } .sitewidget-navnew .smsmart.navnew-substyle8 li .smsmart-nowrap .smsmart-nowrap-cus { background-color: transparent } .sitewidget-navnew .smsmart.navnew-substyle8 li .smsmart-nowrap .smsmart-nowrap-cus li { float: none } .navnew-substyle9,.navnew-wide-substyle9 { position: relative } .nav-sub-list9 { position: absolute; left: 0; z-index: 10; width: 100%; padding: 20px 0 !important; background: linear-gradient(to right,#efefef 20%,#f7f7f7 20%); box-sizing: border-box; box-shadow: 0 1px 6px 0 rgba(0,0,0,0.10); margin-left: 0 !important } .nav-sub-list9 .nav-sub-item { width: 20%; display: flex !important; position: static !important } .nav-sub-list9 .nav-sub-item.on .navnew-sub2 { display: block; z-index: 10; position: absolute; top: 20px } .nav-sub-list9 .nav-sub-item .navnew-sub2 .navnew-sub2-item .navnew-sub2-item>a { height: 100% } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd { display: block; width: 100%; box-sizing: border-box; z-index: 11; padding: 0 } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd a { width: 85%; margin: 0 auto !important; text-align: center !important; letter-spacing: 0; z-index: 1 } .nav-sub-list9 .nav-sub-item .fa-angle-right { float: right; font-size: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd span { cursor: pointer } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd img { width: 20px; height: 20px; vertical-align: middle; cursor: pointer } .nav-sub-list9 .nav-sub-item .navnew-sub2 { width: 100%; position: absolute; margin-top: -20px; display: none } .nav-sub-list9 .nav-sub-item .nav-sub-item-bd { display: block; width: 80%; margin-left: 20%; padding-left: 2.6%; box-sizing: border-box } .nav-sub-list9 .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item { float: left; width: 10%; min-width: 96px; padding: 0; text-align: center; box-sizing: border-box; width: 160px; height: 36px; over-flow: hidden; margin-right: 15px; margin-bottom: 10px } .nav-sub-list9 .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox { width: 80px; height: 80px; margin: 0 auto; display: none } .nav-sub-list9 .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox img { width: 100%; height: 100% } .nav-sub-list9 .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-info { width: 94%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; font-family: MicrosoftYaHei; letter-spacing: 0; height: 100% } .nav-sub-list9.no-tow-list { max-width: none !important; min-width: none !important; width: auto; background: #f7f7f7; padding: 20px 15px } .nav-sub-list9.no-tow-list .nav-sub-item { width: auto } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd,.nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd>a { width: 100% } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd a { border: 0 } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd a>.fa-angle-right { display: none } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd a span { display: block; text-align: left; padding: 0 20px; word-break: break-word } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd a span { display: block } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd { padding: 0 15px } .nav-sub-list9.no-tow-list .nav-sub-item .nav-sub-item-hd a span { word-break: initial; white-space: nowrap } } @media(min-width: 1220px) { .sitewidget-navnew .smsmart { max-width:1180px } } @media(max-width: 1219px) and (min-width:990px) { .sitewidget-navnew .smsmart { max-width:960px } } @media(min-width: 1200px) and (max-width:1365px) { .sitewidget-navnew .smsmart { max-width:1000px } } @media(max-width: 1024px) { .nav-sub-list8 .nav-sub-item img { vertical-align:middle; width: 158px; height: auto; max-width: 100% } } @media(min-width: 1px) and (max-width:989px) { html,body { width:100% } html,body { overflow-x: hidden } div.sitewidget-navnew.navnew-way-slide { z-index: 9; position: absolute; top: 0; width: 80%; box-sizing: border-box; transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out } div.sitewidget-navnew.navnew-way-slide.navnew-slideLeft { right: 100% } div.sitewidget-navnew.navnew-way-slide.navnew-slideRight { left: 100% } div.sitewidget-navnew.navnew-way-slide.navnew-slideLeft.open { margin-right: 0; right: 20% } div.sitewidget-navnew.navnew-way-slide.navnew-slideRight.open { margin-left: 0; left: 20% } .sitewidget-navnew .navnew-thumb+ul.smsmart { display: none } .navnew-thumb { height: 46px; line-height: 46px; position: relative } .navnew-thumb-fix { position: absolute; right: 0; top: 0; width: 46px; height: 46px } .sitewidget-navigation_style .navnew-thumb .navnew-thumb-title { padding-left: 20px; line-height: 46px; text-align: left } .sitewidget-navigation_style .navnew-thumb-switch { position: absolute; top: 0; width: 46px; height: 46px; background-color: #02a5fa; border-radius: 2px } .sitewidget-navnew .navnew-thumb-switch.navnew-thumb-slideLeft { right: -46px } .sitewidget-navnew .navnew-thumb-switch.navnew-thumb-slideRight { left: -46px } .navnew-thumb-switch span.nav-thumb-ham,.navnew-thumb-fix span.nav-thumb-ham { height: 2px; width: 24px; left: 11px; background-color: #fff; display: block; opacity: 1; position: absolute; transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out } .navnew-thumb-switch span.nav-thumb-ham.first,.navnew-thumb-fix span.nav-thumb-ham.first { top: 15px; transform-origin: left center; -o-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center } .navnew-thumb-switch span.nav-thumb-ham.second,.navnew-thumb-fix span.nav-thumb-ham.second { top: 22px; transform-origin: left center; -o-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center } .navnew-thumb-switch span.nav-thumb-ham.third,.navnew-thumb-fix span.nav-thumb-ham.third { top: 29px; transform-origin: left center; -o-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center } .navnew-thumb-switch.open span.nav-thumb-ham.first,.navnew-thumb-fix.open span.nav-thumb-ham.first { top: 14px; left: 14px; transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg) } .navnew-thumb-switch.open span.nav-thumb-ham.second,.navnew-thumb-fix.open span.nav-thumb-ham.second { width: 0; opacity: 0 } .navnew-thumb-switch.open span.nav-thumb-ham.third,.navnew-thumb-fix.open span.nav-thumb-ham.third { top: 31px; left: 14px; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .sitewidget-navigation_style { pointer-events: auto } .sitewidget-navigation_style .navnew,.sitewidget-navigation_style .navnew-thumb-switch,.sitewidget-navigation_style .navnew-thumb { pointer-events: all } div.sitewidget-navnew ul.smsmart { overflow-x: hidden; height: 100%; overflow-y: auto } .sitewidget-navnew a span.sub-arrow { cursor: pointer; display: inline-block; width: 36px; position: absolute; right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHAgMAAACuHi+JAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAf8DJtWNXAAAAKUlEQVQI12P4wsB+gKGWQd4BiGoZGNgvfmFgYPx9gYGBod4BSMgyMAAAoAYH6APM5rgAAAAASUVORK5CYII=); background-position: center center; background-repeat: no-repeat } .sitewidget-navnew a.highlighted>.sub-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHAgMAAACuHi+JAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAf8DJtWNXAAAAKUlEQVQI12NgkGUAgnoHBgbG3xcYGNgvfmFgkHeoZWCoBVIMXxjYDwAAdp4H6FsV7QAAAAAASUVORK5CYII=) } .nav-sub-list .nav-sub-item .nav-sub-item-hd img,.nav-sub-list .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox img { display: none } .nav-sub-list5 .nav-sub-item .navnew-sub1-item img,.nav-sub-list5 .nav-sub-item .nav-sub2-item>a img { display: none } .nav-sub-list6 .nav-sub-item img { display: none } .nav-sub-list8 .nav-sub-item .navnew-sub1-item img,.nav-sub-list8 .nav-sub-item .nav-sub2-item>a img { display: none } .nav-sub-list9 .nav-sub-item .nav-sub-item-hd img,.nav-sub-list9 .nav-sub-item .nav-sub-item-bd .nav-sub-item-bd-item .nav-sub-item-bd-imgbox img { display: none } .nav-sub-list9 .nav-sub-item .fa-angle-right { display: none } .hideForMobile_general { display: none } } .sitewidget-navnew .smsmart.navnew .navnew-item a[navlinkpics="true"],.sitewidget-navnew .smsmart.navnew .navnew-item.on a[navlinkpics="true"],.sitewidget-navnew .smsmart.navnew .navnew-item a[navlinkpics="true"]:hover { background-position: 5px center; background-repeat: no-repeat; background-size: 50px auto; padding-left: 60px } .sitewidget-navnew .smsmart.navnew .navnew-item.navLv1>a[navlinkpics="true"],.sitewidget-navnew .smsmart.navnew .navnew-item.on.navLv1>a[navlinkpics="true"],.sitewidget-navnew .smsmart.navnew .navnew-item.navLv1>a[navlinkpics="true"]:hover { background-position: 26px center; background-size: 24px auto } @media(min-width: 990px) { .sitewidget-navnew .smsmart.navnew-substyle3 { position:relative } .sitewidget-navnew .smsmart.navnew-substyle3 .mainNav-list-static { position: static } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor { right: auto; margin-left: 0 !important; font-size: 0; left: 0 } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor a { white-space: normal } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor .navLv2 { display: inline-block; vertical-align: top; font-size: initial; width: 230px; margin-bottom: 20px } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor .navLv2:first-child { border-left-width: 0 } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor .has-submenu .sub-arrow { display: none } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor .has-submenu .navnew-sub2 { position: static } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-whiteSpace { column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0 } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-whiteSpace.subNav-whiteSpace-columns li { display: inline-block; float: left } } @media(min-width: 1220px) { .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-floor .navLv2 { margin-bottom:25px } } @media(max-width: 989px) { .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-whiteSpace.subNav-whiteSpace-columns { column-count:1 !important } .sitewidget-navnew .smsmart.navnew-substyle3 .subNav-list-whiteSpace.subNav-whiteSpace-columns li { width: auto !important } .sitewidget-navnew .smsmart>li { width: 100% !important } } @media(min-width: 990px) { .navnew-substyle7 .navLv1:hover .navnew-sub1 { display:block !important; position: absolute !important; max-width: 440px !important } .navnew-substyle7 .navnew-sub1 .navLv2 { width: 100%; float: left; margin-bottom: 0 } .navnew-substyle7 .navnew-sub2 { display: block !important; position: relative !important } .navnew-substyle7 .navnew-sub2 .navLv3 { float: left } .navnew-substyle7 li,.navnew-substyle7 a { position: static !important } } .sitewidget-navnew .smsmart>li { float: left } .sitewidget-navnew a .sub-arrow { display: inline-block; width: 24px; background-position: center center; background-repeat: no-repeat } .nav-sub-item.hide { display: none !important } .smsmart-nowrap-content div.smsmart-nowrap-content { height: auto !important; width: auto !important; overflow: unset !important } .sitewidget-navigation_style .navnew li .scroll-up { margin-left: 0 !important } /* /assets/widget/style/component/prodSearchNew/prodSearchNew.css */ .sitewidget-searchNew .search-box-wrap input[type="text"],.sitewidget-searchNew .search-box-wrap button { box-sizing: border-box; border: 0; display: block; background: 0; padding: 0; margin: 0 } .sitewidget-searchNew .search-box-wrap button { cursor: pointer; text-align: center; overflow: hidden; font-family: arial !important; display: flex; justify-content: center; align-items: center } .sitewidget-searchNew .search-box-wrap input[type="text"]:focus,.sitewidget-searchNew .search-box-wrap button:focus { outline: 0 } .sitewidget-searchNew .search-keywords q { cursor: pointer; margin-right: 10px; display: inline-block } .sitewidget-searchNew .search-keywords q+q { margin-right: 10px } .sitewidget-searchNew .inner-container { position: absolute; left: 0; top: 0; height: 100%; font-size: 16px; box-sizing: border-box; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; text-align: left; display: flex; left: 0; top: 0; align-items: center; padding-left: 15px; padding-right: 10px; cursor: pointer } .sitewidget-searchNew .inner-container .inner-text { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .sitewidget-searchNew .inner-container .sitewidget-thumb { margin-right: 5px } .sitewidget-searchNew .outline-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .outline-search-box .search-box .search-fix-wrap input[type="text"] { width: 100%; text-indent: 8px } .sitewidget-searchNew .outline-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; left: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QTUyMzVENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QTUyMzRENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mSvkwAAABS0lEQVR42rSUsUoDQRRFNwtRlEA6sUqRxLSBfINoIynt/JEUKa1CPsAv0CKthV0QFAuLNAFtBBFDFJF0YYkZr3CEybo7zoBeOCzse3Nn9u17E0c/tSN6Yizm4kM8izPRFoXIU2uiLxbCwIt4Eon17lo0fMwuWDATXVGx4pviUIzIeRNNl2GfxDtRc+QVxQm5D6IU5dRswclqHqWJxTmm3ayEniuYozo/a8IGKxpjWInCNGRdK338qngVj4GGt9ZpVwyLtEWo5jzX04ZTsUVrhKjKc5o2vOSUBwFmG2JfLMVNOtimuCOMfdRhzSArWGCcDE0b/2K2S80T17Q0GCdD09ZzPrNjzfW9KLt2bjJOhqYdMpLH4lS8E0swM9TPaVpiYibW7WKsTQZsXMbMy/T777e4YY7EXsaiYFMf/bvpVfwHhjNK8tV6258CDAD9K2CXZkL3OQAAAABJRU5ErkJggg==) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .outline-left-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .outline-left-search-box .search-box .search-fix-wrap input[type="text"] { width: 100% } .sitewidget-searchNew .outline-left-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; right: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QTUyMzVENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QTUyMzRENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mSvkwAAABS0lEQVR42rSUsUoDQRRFNwtRlEA6sUqRxLSBfINoIynt/JEUKa1CPsAv0CKthV0QFAuLNAFtBBFDFJF0YYkZr3CEybo7zoBeOCzse3Nn9u17E0c/tSN6Yizm4kM8izPRFoXIU2uiLxbCwIt4Eon17lo0fMwuWDATXVGx4pviUIzIeRNNl2GfxDtRc+QVxQm5D6IU5dRswclqHqWJxTmm3ayEniuYozo/a8IGKxpjWInCNGRdK338qngVj4GGt9ZpVwyLtEWo5jzX04ZTsUVrhKjKc5o2vOSUBwFmG2JfLMVNOtimuCOMfdRhzSArWGCcDE0b/2K2S80T17Q0GCdD09ZzPrNjzfW9KLt2bjJOhqYdMpLH4lS8E0swM9TPaVpiYibW7WKsTQZsXMbMy/T777e4YY7EXsaiYFMf/bvpVfwHhjNK8tV6258CDAD9K2CXZkL3OQAAAABJRU5ErkJggg==) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .colorbtn-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .colorbtn-search-box .search-box .search-fix-wrap input[type="text"] { width: 100%; text-indent: 8px } .sitewidget-searchNew .colorbtn-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; left: 100% } .sitewidget-searchNew .colorbtn-search-box .search-box .search-fix-wrap button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzMzdDRjZENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzMzdDRjVENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RMwRsAAABdElEQVR42qTUz0oCQRwH8HHBJBHsFJ0kbNfrRoeeIOrmsYfx4BOID9AbdAg6FXgLotiggxehLkVEYhGxt2XNpu/E15od949DAx9Wx5mvM85vdKSUwuBBD0YQwQxe4BjaUEqZ80t/swJ9+JR/7RWeIdb6rqFVFKjCBpwQQhca2sAqHMKQY97Bzwvsc+AdbOVsqQxHHPsAtbRAj9sMC8LmHDhjaDctsJf1YQ6XhzXmFyQCRwxsWAQqF5y3o/c7QogmvMGTsGu3fLp6pwosQyzsW8RnxQycwDpULQObfE4SvbwBknW27O+3Ch88mLp5KG0GDllnywR2OOckrWxKvE6SResUhO3xKsZpt2X+osXrJFm0bsY2O9q9vje3q/z8c7D5cAqb8AWXLI2IB3AAazCFR/DgBvYh1A9FV+ONGcvFNuNv5nNlAfsDfaX6Cs1y2mbRVlgaQWIlQtRhALuJlVpeN9PCSv8baIZeZW3Ztqntn8PGtwADAJWPrgZtpeIGAAAAAElFTkSuQmCC) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap input[type="text"] { width: 100% } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap .search-svg { position: absolute; top: 0; left: 90px; display: flex; justify-content: center; align-items: center } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap .insideLeftHide { display: none } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap .flex-wrap { display: flex; width: 100% } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap .flex-wrap .input { flex: 1 } .sitewidget-searchNew .insideLeft-search-box .search-box .search-fix-wrap .flex-wrap .search-btn { flex-basis: auto } .sitewidget-searchNew .underline-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .underline-search-box .search-box .search-fix-wrap input[type="text"] { width: 100% } .sitewidget-searchNew .underline-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; left: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QTUyMzVENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QTUyMzRENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mSvkwAAABS0lEQVR42rSUsUoDQRRFNwtRlEA6sUqRxLSBfINoIynt/JEUKa1CPsAv0CKthV0QFAuLNAFtBBFDFJF0YYkZr3CEybo7zoBeOCzse3Nn9u17E0c/tSN6Yizm4kM8izPRFoXIU2uiLxbCwIt4Eon17lo0fMwuWDATXVGx4pviUIzIeRNNl2GfxDtRc+QVxQm5D6IU5dRswclqHqWJxTmm3ayEniuYozo/a8IGKxpjWInCNGRdK338qngVj4GGt9ZpVwyLtEWo5jzX04ZTsUVrhKjKc5o2vOSUBwFmG2JfLMVNOtimuCOMfdRhzSArWGCcDE0b/2K2S80T17Q0GCdD09ZzPrNjzfW9KLt2bjJOhqYdMpLH4lS8E0swM9TPaVpiYibW7WKsTQZsXMbMy/T777e4YY7EXsaiYFMf/bvpVfwHhjNK8tV6258CDAD9K2CXZkL3OQAAAABJRU5ErkJggg==) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .slideLeft-search-box .search-box .inner-container { display: none } .sitewidget-searchNew .slideLeft-search-box .search-box.open .inner-container { display: flex } .sitewidget-searchNew .slideLeft-search-box .search-keywords { display: none } .sitewidget-searchNew .slideLeft-search-box.search-box-wrap { position: relative } .sitewidget-searchNew .slideLeft-search-box .search-icon-btn { position: absolute; right: 0; top: 0; z-index: 1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzMzdDRjZENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzMzdDRjVENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RMwRsAAABdElEQVR42qTUz0oCQRwH8HHBJBHsFJ0kbNfrRoeeIOrmsYfx4BOID9AbdAg6FXgLotiggxehLkVEYhGxt2XNpu/E15od949DAx9Wx5mvM85vdKSUwuBBD0YQwQxe4BjaUEqZ80t/swJ9+JR/7RWeIdb6rqFVFKjCBpwQQhca2sAqHMKQY97Bzwvsc+AdbOVsqQxHHPsAtbRAj9sMC8LmHDhjaDctsJf1YQ6XhzXmFyQCRwxsWAQqF5y3o/c7QogmvMGTsGu3fLp6pwosQyzsW8RnxQycwDpULQObfE4SvbwBknW27O+3Ch88mLp5KG0GDllnywR2OOckrWxKvE6SResUhO3xKsZpt2X+osXrJFm0bsY2O9q9vje3q/z8c7D5cAqb8AWXLI2IB3AAazCFR/DgBvYh1A9FV+ONGcvFNuNv5nNlAfsDfaX6Cs1y2mbRVlgaQWIlQtRhALuJlVpeN9PCSv8baIZeZW3Ztqntn8PGtwADAJWPrgZtpeIGAAAAAElFTkSuQmCC) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .slideLeft-search-box .search-box { overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: width .4s; -moz-transition: width .4s; -ms-transition: width .4s; -o-transition: width .4s; transition: width .4s } .sitewidget-searchNew .slideLeft-search-box .search-box .search-fix-wrap { position: relative; -webkit-transition: margin-right .4s; -moz-transition: margin-right .4s; -ms-transition: margin-right .4s; -o-transition: margin-right .4s; transition: margin-right .4s } .sitewidget-searchNew .slideLeft-search-box .search-box .search-fix-wrap input[type="text"] { width: 100%; text-indent: 8px } .sitewidget-searchNew .slideLeft-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; left: 100% } .sitewidget-searchNew .slideLeft-search-box .search-box .search-fix-wrap button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzMzdDRjZENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzMzdDRjVENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RMwRsAAABdElEQVR42qTUz0oCQRwH8HHBJBHsFJ0kbNfrRoeeIOrmsYfx4BOID9AbdAg6FXgLotiggxehLkVEYhGxt2XNpu/E15od949DAx9Wx5mvM85vdKSUwuBBD0YQwQxe4BjaUEqZ80t/swJ9+JR/7RWeIdb6rqFVFKjCBpwQQhca2sAqHMKQY97Bzwvsc+AdbOVsqQxHHPsAtbRAj9sMC8LmHDhjaDctsJf1YQ6XhzXmFyQCRwxsWAQqF5y3o/c7QogmvMGTsGu3fLp6pwosQyzsW8RnxQycwDpULQObfE4SvbwBknW27O+3Ch88mLp5KG0GDllnywR2OOckrWxKvE6SResUhO3xKsZpt2X+osXrJFm0bsY2O9q9vje3q/z8c7D5cAqb8AWXLI2IB3AAazCFR/DgBvYh1A9FV+ONGcvFNuNv5nNlAfsDfaX6Cs1y2mbRVlgaQWIlQtRhALuJlVpeN9PCSv8baIZeZW3Ztqntn8PGtwADAJWPrgZtpeIGAAAAAElFTkSuQmCC) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .slideLeft-search-box .search-close-btn { display: block; position: absolute; top: 0; right: 0; width: 0; text-align: center; background-color: #333; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzQ5NjY4QkQ2MUMxMUU1QkI5OTg3MDMzMkQzRTdCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzQ5NjY4Q0Q2MUMxMUU1QkI5OTg3MDMzMkQzRTdCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzNDk2Njg5RDYxQzExRTVCQjk5ODcwMzMyRDNFN0IxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzNDk2NjhBRDYxQzExRTVCQjk5ODcwMzMyRDNFN0IxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6w9bwQAAAHBJREFUeNpi/P///zUGBgYmIHYB4icMxAEZIN4DxP8YgAbc+A8Bd4BYBogZCGAZqFoQuIEuQMgQDLU4JYjRDBInqICQHDG24HUdMf7E6zViAgtv4DIxUAqo7QWKApGiaKQoIVGclCnKTIyUZmeAAAMAuvfEv0vHAKsAAAAASUVORK5CYII=); background-position: center center; background-repeat: no-repeat; -webkit-transition: width .4s; -moz-transition: width .4s; -ms-transition: width .4s; -o-transition: width .4s; transition: width .4s } .sitewidget-searchNew .slideLeft-search-box .search-box.open .search-fix-wrap { position: relative } @media(max-width: 500px) { .sitewidget-searchNew .slideLeft-search-box .search-box.open { width:100% !important } } .sitewidget-searchNew .slideLeftRight-search-box .search-keywords { display: none } .sitewidget-searchNew .slideLeftRight-search-box.search-box-wrap { position: relative } .sitewidget-searchNew .slideLeftRight-search-box .search-icon-btn { position: absolute; right: 0; top: 0; z-index: 1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzMzdDRjZENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzMzdDRjVENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RMwRsAAABdElEQVR42qTUz0oCQRwH8HHBJBHsFJ0kbNfrRoeeIOrmsYfx4BOID9AbdAg6FXgLotiggxehLkVEYhGxt2XNpu/E15od949DAx9Wx5mvM85vdKSUwuBBD0YQwQxe4BjaUEqZ80t/swJ9+JR/7RWeIdb6rqFVFKjCBpwQQhca2sAqHMKQY97Bzwvsc+AdbOVsqQxHHPsAtbRAj9sMC8LmHDhjaDctsJf1YQ6XhzXmFyQCRwxsWAQqF5y3o/c7QogmvMGTsGu3fLp6pwosQyzsW8RnxQycwDpULQObfE4SvbwBknW27O+3Ch88mLp5KG0GDllnywR2OOckrWxKvE6SResUhO3xKsZpt2X+osXrJFm0bsY2O9q9vje3q/z8c7D5cAqb8AWXLI2IB3AAazCFR/DgBvYh1A9FV+ONGcvFNuNv5nNlAfsDfaX6Cs1y2mbRVlgaQWIlQtRhALuJlVpeN9PCSv8baIZeZW3Ztqntn8PGtwADAJWPrgZtpeIGAAAAAElFTkSuQmCC) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .slideLeftRight-search-box .search-box { position: absolute; top: 0; right: 0; -webkit-transition: width .4s; -moz-transition: width .4s; -ms-transition: width .4s; -o-transition: width .4s; transition: width .4s } .sitewidget-searchNew .slideLeftRight-search-box .search-box .search-fix-wrap { position: relative; -webkit-transition: margin-right .4s; -moz-transition: margin-right .4s; -ms-transition: margin-right .4s; -o-transition: margin-right .4s; transition: margin-right .4s } .sitewidget-searchNew .slideLeftRight-search-box .search-box .search-fix-wrap input[type="text"] { width: 100%; text-indent: 8px } .sitewidget-searchNew .slideLeftRight-search-box .search-box .search-fix-wrap button { position: absolute; top: 0 } .sitewidget-searchNew .slideLeftRight-search-box .search-box .search-fix-wrap button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzMzdDRjZENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzMzdDRjVENDcyMTFFNUExQkFENzc5MDkwODQ1NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RMwRsAAABdElEQVR42qTUz0oCQRwH8HHBJBHsFJ0kbNfrRoeeIOrmsYfx4BOID9AbdAg6FXgLotiggxehLkVEYhGxt2XNpu/E15od949DAx9Wx5mvM85vdKSUwuBBD0YQwQxe4BjaUEqZ80t/swJ9+JR/7RWeIdb6rqFVFKjCBpwQQhca2sAqHMKQY97Bzwvsc+AdbOVsqQxHHPsAtbRAj9sMC8LmHDhjaDctsJf1YQ6XhzXmFyQCRwxsWAQqF5y3o/c7QogmvMGTsGu3fLp6pwosQyzsW8RnxQycwDpULQObfE4SvbwBknW27O+3Ch88mLp5KG0GDllnywR2OOckrWxKvE6SResUhO3xKsZpt2X+osXrJFm0bsY2O9q9vje3q/z8c7D5cAqb8AWXLI2IB3AAazCFR/DgBvYh1A9FV+ONGcvFNuNv5nNlAfsDfaX6Cs1y2mbRVlgaQWIlQtRhALuJlVpeN9PCSv8baIZeZW3Ztqntn8PGtwADAJWPrgZtpeIGAAAAAElFTkSuQmCC) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .slideLeftRight-search-box .search-close-btn { display: block; position: absolute; top: 0; right: 0; width: 0; text-align: center; font-family: none; display: none; text-decoration: none; font-style: normal; -webkit-transition: width .4s; -moz-transition: width .4s; -ms-transition: width .4s; -o-transition: width .4s; transition: width .4s } .sitewidget-searchNew .slideLeftRight-search-box .search-box.open .search-fix-wrap { position: relative } @media(max-width: 500px) { .sitewidget-searchNew .slideLeftRight-search-box .search-box.open { width:100% !important } } .sitewidget-searchNew .showUnder-search-box { position: relative } .sitewidget-searchNew .showUnder-search-box .search-box { display: none; position: absolute } .sitewidget-searchNew .showUnder-search-box .search-icon-btn { display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QTUyMzVENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QTUyMzRENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mSvkwAAABS0lEQVR42rSUsUoDQRRFNwtRlEA6sUqRxLSBfINoIynt/JEUKa1CPsAv0CKthV0QFAuLNAFtBBFDFJF0YYkZr3CEybo7zoBeOCzse3Nn9u17E0c/tSN6Yizm4kM8izPRFoXIU2uiLxbCwIt4Eon17lo0fMwuWDATXVGx4pviUIzIeRNNl2GfxDtRc+QVxQm5D6IU5dRswclqHqWJxTmm3ayEniuYozo/a8IGKxpjWInCNGRdK338qngVj4GGt9ZpVwyLtEWo5jzX04ZTsUVrhKjKc5o2vOSUBwFmG2JfLMVNOtimuCOMfdRhzSArWGCcDE0b/2K2S80T17Q0GCdD09ZzPrNjzfW9KLt2bjJOhqYdMpLH4lS8E0swM9TPaVpiYibW7WKsTQZsXMbMy/T777e4YY7EXsaiYFMf/bvpVfwHhjNK8tV6258CDAD9K2CXZkL3OQAAAABJRU5ErkJggg==) \9; background-repeat: no-repeat \9; background-position: center center \9 } .sitewidget-searchNew .showUnder-search-box .search-icon-btn .icon-svg-close,.sitewidget-searchNew .showUnder-search-box .search-icon-btn.on .shape-search { display: none } .sitewidget-searchNew .showUnder-search-box .search-icon-btn.on .icon-svg-close { display: inline-block } .sitewidget-searchNew .showUnder-search-box .search-box .search-fix-wrap { position: relative } .sitewidget-searchNew .showUnder-search-box .search-box .search-fix-wrap input[type="text"] { width: 100%; text-indent: 8px } .sitewidget-searchNew .showUnder-search-box .search-box .search-fix-wrap button { position: absolute; top: 0; left: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QTUyMzVENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QTUyMzRENDcwMTFFNThEM0NDMTY5NkE2MDg2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTQ3ZWMxLTMwZGYtNzk0Yi1iODQ2LTY3MjkwNWFmNmM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphOWE0N2VjMS0zMGRmLTc5NGItYjg0Ni02NzI5MDVhZjZjNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mSvkwAAABS0lEQVR42rSUsUoDQRRFNwtRlEA6sUqRxLSBfINoIynt/JEUKa1CPsAv0CKthV0QFAuLNAFtBBFDFJF0YYkZr3CEybo7zoBeOCzse3Nn9u17E0c/tSN6Yizm4kM8izPRFoXIU2uiLxbCwIt4Eon17lo0fMwuWDATXVGx4pviUIzIeRNNl2GfxDtRc+QVxQm5D6IU5dRswclqHqWJxTmm3ayEniuYozo/a8IGKxpjWInCNGRdK338qngVj4GGt9ZpVwyLtEWo5jzX04ZTsUVrhKjKc5o2vOSUBwFmG2JfLMVNOtimuCOMfdRhzSArWGCcDE0b/2K2S80T17Q0GCdD09ZzPrNjzfW9KLt2bjJOhqYdMpLH4lS8E0swM9TPaVpiYibW7WKsTQZsXMbMy/T777e4YY7EXsaiYFMf/bvpVfwHhjNK8tV6258CDAD9K2CXZkL3OQAAAABJRU5ErkJggg==) \9; background-repeat: no-repeat \9; background-position: center center \9 } @media(max-width: 500px) { .sitewidget-searchNew .showUnder-search-box .search-box { width:100% !important } } .sitewidget-searchNew .search-box .search-keywords { word-break: break-word } .sitewidget-searchNew .search-box .search-keywords>span { font-weight: bold; margin-right: 10px } .sitewidget-searchNew .positionDrop .search-keywords>span { margin-left: 10px } @media(min-width: 900px) { .sitewidget-searchNew .positionLeft { position:relative } .sitewidget-searchNew .positionLeft .search-keywords { position: absolute; top: 0; left: 0; right: 340px; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .sitewidget-searchNew .positionLeft form { width: 300px; float: right } .sitewidget-searchNew .prodDiv.prodDivpositionLeft { left: unset; right: 0 } .sitewidget-searchNew .positionRight { position: relative } .sitewidget-searchNew .positionRight form { width: 300px } .sitewidget-searchNew .positionRight .search-keywords { position: absolute; left: 340px; top: 0; right: 0; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } } .sitewidget-searchNew .positionDrop { position: relative } .sitewidget-searchNew .positionDrop .search-keywords { width: 100%; background: white; display: none; position: absolute; top: 100%; left: -1px; white-space: nowrap; text-overflow: ellipsis; z-index: 10000 } .sitewidget-searchNew .positionDrop .search-keywords q { display: block; width: 100% } .sitewidget-searchNew .positionDrop form { width: 100% } /* /assets/widget/style/component/prodsearch/prodsearch.css */ .sitewidget-prodsearch .prodsearch-styles-wrap form { background-color: #fff; border: 1px solid #fff; overflow: hidden } .sitewidget-prodsearch .prodsearch-input { width: 100%; margin-right: -34px } .sitewidget-prodsearch .prodsearch-input input { width: 85%; height: 33px; border-width: 0; line-height: 33px; background-color: #fff; outline: 0; padding: 0; box-shadow: 0 0 0 #fff; margin: 0; text-indent: 12px } .sitewidget-prodsearch .prodsearch-button,.sitewidget-prodsearch .prodsearch-button button { width: 34px; height: 33px; overflow: hidden } .sitewidget-prodsearch .prodsearch-button button { border: 0; display: block; text-indent: -99px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyYzEzYjJmZi05MGQ3LTFkNGUtOGYzNC1jZjg2MTJlODMyMWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzE1NEE4OThBNTFEMTFFNEFGRUNFMDA1NEFENkQyNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzE1NEE4OTdBNTFEMTFFNEFGRUNFMDA1NEFENkQyNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTM0MDkwMzAxQTVFNDExOTUzQjg2NjkwOTk2RDM4NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA0OWU5MTRhLWE0ZmItMTFlNC1hMGQxLWU5MDEzNzI3NjczYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkW1RkkAAAGFSURBVHjajJNNKERRFMffo0zDiNSEvITVKKWXYlLKRzayIbKxYGNB9naykNUk7FjJSs1WiUk+irFRo2woTAZZkoUpNX5H52pmGs079et/v87/3vfuuXYikbBMxONxPzIDo9AGlfAKZ7AVDodPrLywjQHJ3cguODr3AO/QCDU6FoVpjD6NQYkm9yFH0AAbksSiFnBpB2EQrmAMYqwvNwalrusG0GM97gRJEcdxPswC2hm4T6VS23TboR/8jB2YE8xCPayTHLX+CebSyCS8wRynCBqDEcjAmlUkMJGTbYIPho1BKzwxmbS8xblqyBjIt39Z3iOt6jMGj9DENwU8GoRUk8bgEMpgvFgmm9jIlHb/biEC37DCAqeIxzx0wh7/7ObXgMYdugy1cIFJb4Gd/bBEc1WHVnNKWY8mJgsyBpdwCnJtzTAEdVmez1JQbH5r5z0mKelF6DFlriFvQioxBjtQpY9sIMcgyyioZVsBL3CtlShzXcg+VEv9FDTwcBsd8iPlif8IMAAGzYCYBEZPuwAAAABJRU5ErkJggg==) center center no-repeat } .sitewidget-prodsearch .prodsearch-style-thumbs { position: relative; cursor: pointer } .sitewidget-prodsearch .prodsearch-style-thumbs span { cursor: pointer } .sitewidget-prodsearch .prodsearch-style-thumbs .prodsearch-styles-thumbsbtn { display: inline-block; width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat } .sitewidget-prodsearch .prodsearch-style-thumbs .btn0 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTlDQzMzNDI5Q0ExMUU1QUY0N0IxNTM1OUQwRDdEMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTlDQzMzNTI5Q0ExMUU1QUY0N0IxNTM1OUQwRDdEMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxOUNDMzMyMjlDQTExRTVBRjQ3QjE1MzU5RDBEN0QzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxOUNDMzMzMjlDQTExRTVBRjQ3QjE1MzU5RDBEN0QzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eby8gAAAAZVJREFUeNqklM8rBGEYx9+myRFFTsI6EEpYtYkQKbF+FnLipvwJrspZOYo4UJs4sTlwEKkNywG1JbUHJeyO2x7kx/et79T0NLNm2m99ep6Znr77zLvv85gVK9fKRT1gCIRBLUiBJDgClyqPTPHcCNZAn3gfAoNgCcTBIkj/Z9gPTpj/gnVwDixQDnrBPDt/5POVl2G1w0x/1gJ4EbXbYBls8kguQCV4dxYZjPuM2jTqYmbrmZ3pgy8CO7JAG3bw8L/AqPKnYcYB0CANp5hvgJxPwzewx3xWGkaYH6tgsutbpGE988+AhlnGEmn4wLwsoKFdb0nDBPNoQMMRxqQ0jDGfA6U+zarAGPNdaXjDiTA4Vn4Ud9yMJ7eLPQ2+eSfPQJ2HUTMbaAI/nBzX0XsFneAUdHO7xDhe9izr95OimQNe7qzbckjwl1fBOJghUnqWt7g82thx2DaV60uvpAnQyvHSn1jMO3oHDsE9a7u4bWo429rUMj3O6pbk0wdoZ4chxoihClOGnaVpmjJV4cqwU/0H5v4EGAAlwFewFny35AAAAABJRU5ErkJggg==) } .sitewidget-prodsearch .prodsearch-style-thumbs .btn1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGN0YwMkJDNjI5QzkxMUU1QTBGMUU2ODlFQTQwMzc0QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGN0YwMkJDNzI5QzkxMUU1QTBGMUU2ODlFQTQwMzc0QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3RjAyQkM0MjlDOTExRTVBMEYxRTY4OUVBNDAzNzRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3RjAyQkM1MjlDOTExRTVBMEYxRTY4OUVBNDAzNzRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0fY6HQAAAZVJREFUeNqklM0rRGEUxl/TzRLFUhgLQgkzNclnpMT4LGTFTvkTbO2lLEUsqEmsmCxYiNSEYYGakpqFEmau3Szk43nruXU73TvubZ76dc69nZ459533nKLwSpdyUA8YAiFQC1IgCY7ApcojQzw3gjXQJ94HwSBYAnGwCNL/GfaDE+a/YB2cAxNUgF4wz84f+XzlZlhtM9OftQBeRO02WAabPJILUAne7UUBxn1GbRp1MLP0zM6uQTHYkQXasJ2H/wVGlTcNMw6ABmk4xXwD5DwavoE95rPSMML8WPmTVd8iDeuZf/o0zDKWSsMH5uU+Da16UxommEd9Go4wJqVhjPkcKPNoVgXGmO9KwxtORIBj5UVx2814crrY0+Cbd/IM1LkYNbOBJvDDyXEcvVfQAU5BN7dLjONlzbJ+PymaOeDlzjothwR/eRWMgxkipWd5i8ujjR2HLFO5vvRKmgCtHC/9iSW8o3fgENyztpPbpoazrU1Nw+Wsbkk+fYAwOwwyRgKqMGXYWZqmKUMVrgw71X9g7k+AAQB7oldEQnrHYAAAAABJRU5ErkJggg==) } .sitewidget-prodsearch .prodsearch-style-thumbs .btn2 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOEU2QjhEMDI5QzkxMUU1QkFBM0MwODE3QTZBMkY3OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOEU2QjhEMTI5QzkxMUU1QkFBM0MwODE3QTZBMkY3OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4RTZCOENFMjlDOTExRTVCQUEzQzA4MTdBNkEyRjc4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4RTZCOENGMjlDOTExRTVCQUEzQzA4MTdBNkEyRjc4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mMvLMgAAAYxJREFUeNqklM0rRGEUxt97myxRZilfCxNKNGqSQmTDXKQoK3bKv+EfUJYiG0piNSYLFiIlZrJAKflYKJG5dlPk4zn13Lq93fd2b3Pq13vm3jNP57z3nGM5jqMCbACMgjRoAXegCPbBmQoxSxNsBytgKOQ/ebAInoNeJnz+MDik/wdWwQlwQRIMgnlmfsvfF6YMG8ETn0lZC+AlIAEpf51X8gXqwbs/wOa5y1MyzBrExB6Y2SWoApt6gAj28vK/wbiKZmM8R0CbLjhNfw2UIwq+gR36s7pghv6BimdefJcumKL/GVOwxLNGF7yhXxdT0It3dcFz+tmYgt5EFHXBbfpzoDaiWAOYoL+lCxY4ETbHKorlfZ1xH9TYM+CHPXkMWg1CnUygA/yCJdMsv4I+cAT6uV3kKk59syzPp7Rk9tjcJdO2kZleBpMh5cosb3B5pLgD0p6oZdiH3RwvKbGaPXoFcuCaMUlumybwSFHXJBinFwusTEQztqrMPpiZLNtmufuEqtxEtIcfsPwvwAD4IlS4TyGp7gAAAABJRU5ErkJggg==) } .sitewidget-prodsearch .prodsearch-style-thumbs .btn3 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOEMzMTg2QjI5Q0ExMUU1QkMyREUxM0ZFQTY5RURENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOEMzMTg2QzI5Q0ExMUU1QkMyREUxM0ZFQTY5RURENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4QzMxODY5MjlDQTExRTVCQzJERTEzRkVBNjlFREQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4QzMxODZBMjlDQTExRTVCQzJERTEzRkVBNjlFREQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zVsBSwAAAY1JREFUeNqklM8rBVEUx++8XjaKhbeUX8ULJRr1skFkwyMpys5O+Tf8A8pSZGMh2fGyeBYiJd6wQKmXHwsb8sbuFfnxPfWdut3mTjO9U5/umZk73zln7jnHuXZyKsRGwCRwQQd4AB44BOcqwhxDsAesg7GIdwpgBbyEPUxr/jgo0v8DG+AU+CADRsESI7/n9aUtwlbwzHuS1jJ4DQlA0t/iL/kCzeBd35Dius9VIsxbxMQeGdkVqAM75gYRHOLP/wYzKp5NcZ0A3abgPP1NUI0p+Ab26C+agsExH6lkFuzvNwWz9D8TCla4NpqCd/SbEgoG+31T8IJ+PqHgNFfPrEOXZfDLr8ZJvUXrlE5Q1iMssSNSbKs4VtAqoxxW2AvghzV5ArosQn0MoJcZrUYNB3GOQT2vd8GZ1svDYM5432NxV2zTRnp6DcxGpCu9vM3hkeUMcANRxzIPB9hekmIDD+oGHIBb7slw2rSBJ4r6NsEktVhiZiKaS6na7IORSQm1y2RPq9pNRAd5gNV/AQYAyFVYfX7uBsQAAAAASUVORK5CYII=) } .sitewidget-prodsearch .prodsearch-style-thumbs .btn4 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMUI3OTIzOTI5Q0ExMUU1QjU1RUQ0ODlCRTFBOTA4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMUI3OTIzQTI5Q0ExMUU1QjU1RUQ0ODlCRTFBOTA4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExQjc5MjM3MjlDQTExRTVCNTVFRDQ4OUJFMUE5MDhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExQjc5MjM4MjlDQTExRTVCNTVFRDQ4OUJFMUE5MDhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rB7pwAAAAY5JREFUeNqklM8rBVEUx+9MLxvFK28pvxZeKNFTLxtENjw/UpQVO+Uf8Af4B5SlyIaS7HhZsBAp8SaLRyn5sbAhb+xeEc/31Hdqus2dZnqnPt0zM+d+O/fOOceqrDSqABsEYyAD2sADcMARuFQhZmmCnWAdDIfsyYNl8Br0MeHzR8AJ/QrYAOfABSkwBBaZ+T2fr00ZNoMXvpNjLYG3gATk+Fu8km8gmz/8ATbXA66SYc4gJvbEzG5ADdjRA0Swn5f/AyZVNBvnOgo6dMFZ+pugHFHwHezTn9cFs/SPVTzz4nt0wTT9r5iCJa71uuAd/YaYgl68qwte0c/FFJzg6uiCe/QXQDKiWBOYor+rCxbYETbbKorlfZXxGFTYc+CXNXkG2g1C3UygC/yB1bDhIOVzCmr5LFdx4evlATCj7XdY3CXTtJGeXgPTIceVXt7m8EhzBmQ8UcswD3vZXnLEOtboLTgERcakOG1awDNFXZNgnFos8GQimrVVdfbJzGTYtspkT6jqTUT7+APL/wIMAN0HWG/MDZRLAAAAAElFTkSuQmCC) } .sitewidget-prodsearch .prodsearch-style-thumbs .prodsearch-expand { cursor: pointer; z-index: 10; position: absolute; bottom: -40px; height: 40px; width: 300px; background-color: #000; filter: alpha(opacity=80); background-color: rgba(0,0,0,0.8) } .sitewidget-prodsearch .prodsearch-style-thumbs .prodsearch-button,.sitewidget-prodsearch .prodsearch-style-thumbs .prodsearch-button button { height: 40px } .sitewidget-prodsearch .prodsearch-expand input { height: 40px; background: 0; color: #e8e8e8 } .sitewidget-prodsearch .prodsearch-btn-wrap { width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px } .sitewidget-prodsearch .searchl { left: 0 } .sitewidget-prodsearch .searchc { left: 50%; margin-left: -16px } .sitewidget-prodsearch .searchr { right: 0 } .sitewidget-prodsearch .prodsearch-style-thumbs .searchBtnLeft { left: 0 } .sitewidget-prodsearch .prodsearch-style-thumbs .searchBtnCenter { left: 50%; margin-left: -150px } .sitewidget-prodsearch .prodsearch-style-thumbs .searchBtnRight { right: 0 } .prodsearch-styles-wrap blockquote { margin-top: 10px } .prodsearch-styles-wrap blockquote q { cursor: pointer } .prodsearch-styles-wrap blockquote q+q { margin-left: 8px } .sitewidget-prodsearch .prodsearch-style-square-right form { border: 1px solid #d1d1d1; border-radius: 1px } .sitewidget-prodsearch .prodsearch-style-square-left form { border: 1px solid #d1d1d1; border-radius: 1px } .sitewidget-prodsearch .prodsearch-style-round-right form { border: 1px solid #d1d1d1; border-radius: 16px } .sitewidget-prodsearch .prodsearch-style-round-left form { border: 1px solid #d1d1d1; border-radius: 16px } .sitewidget-prodsearch .prodsearch-style-square-btn form { border: 1px solid #d1d1d1; border-radius: 1px } .sitewidget-prodsearch .prodsearch-style-square-btn .prodsearch-button button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA4UIJju/oyoFvNidQHcG0qJthFTmzlMkAAAB9SURBVBjTXY5HDsMwDARXvbjb8/+3JrIUHTIHEhgsltQXV/aAOa0G1YBJAU6nhgW/tZ1IzbjIqhd34CWVNoeJPFJi04/MLQWjiW1p/oXBTVEo0sU9RWKRFuI2A0evNvY9msGqG5LPVwTM0st3gODXQOxGj12rk2oYT0xqzB/PWwVlQ0tfgwAAAABJRU5ErkJggg==) center center no-repeat #2aa7ea } .sitewidget-prodsearch .prodsearch-style-round-btn form { border: 1px solid #d1d1d1; border-radius: 16px } .sitewidget-prodsearch .prodsearch-style-round-btn .prodsearch-button button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA4UIJju/oyoFvNidQHcG0qJthFTmzlMkAAAB9SURBVBjTXY5HDsMwDARXvbjb8/+3JrIUHTIHEhgsltQXV/aAOa0G1YBJAU6nhgW/tZ1IzbjIqhd34CWVNoeJPFJi04/MLQWjiW1p/oXBTVEo0sU9RWKRFuI2A0evNvY9msGqG5LPVwTM0st3gODXQOxGj12rk2oYT0xqzB/PWwVlQ0tfgwAAAABJRU5ErkJggg==) center center no-repeat #2aa7ea } .sitewidget-prodsearch .prodsearch-style-split-btn form { overflow: visible; border: 1px solid #d1d1d1; border-radius: 1px } .sitewidget-prodsearch .prodsearch-style-split-btn form>div { position: relative } .sitewidget-prodsearch .prodsearch-style-split-btn .prodsearch-button button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA4UIJju/oyoFvNidQHcG0qJthFTmzlMkAAAB9SURBVBjTXY5HDsMwDARXvbjb8/+3JrIUHTIHEhgsltQXV/aAOa0G1YBJAU6nhgW/tZ1IzbjIqhd34CWVNoeJPFJi04/MLQWjiW1p/oXBTVEo0sU9RWKRFuI2A0evNvY9msGqG5LPVwTM0st3gODXQOxGj12rk2oYT0xqzB/PWwVlQ0tfgwAAAABJRU5ErkJggg==) center center no-repeat #2aa7ea } .sitewidget-prodsearch .prodsearch-style-split-btn .prodsearch-split { position: absolute; width: 7px; height: 35px; background: #fff; top: -1px; right: 34px; border-left: 1px solid #d1d1d1 } .sitewidget-prodsearch .prodsearch-style-underline form { border: 0 none; background: 0; border-bottom: 1px solid #d1d1d1 } .sitewidget-prodsearch .prodsearch-style-underline .prodsearch-input input { background: 0 } .articleWrap .sitewidget-bd { position: relative } .articleWrap .articleDiv { padding: 10px 15px; position: absolute; top: 60px; z-index: 20000; background: #fff; border: 1px solid #dfdfdf; display: none; left: 0; -webkit-box-shadow: #ccc 0px 0px 4px; -moz-box-shadow: #ccc 0px 0px 4px; box-shadow: #ccc 0px 0px 4px; border-radius: 4px } .articleWrap .articleDiv i { background: url(/static/t-rkBqBKyKlrgrpzbp/assets/widget/images/article/sanjiao.png) no-repeat; width: 19px; height: 11px; position: absolute; top: -10px; left: 25px } .articleWrap .articleDiv .articleUl { background: #fff; line-height: 30px; text-align: left } .articleWrap .articleDiv .articleUl li { display: block; width: 110px; cursor: pointer; color: #417dc9 } .articleWrap .articleDiv .articleUl li:hover { color: #ff6c00; text-decoration: none; outline: 0 } .prodWrap .sitewidget-bd { position: relative } .prodWrap .prodDiv { padding: 10px 15px; position: absolute; top: 60px; z-index: 20000; background: #fff; border: 1px solid #dfdfdf; display: none; left: 0; -webkit-box-shadow: #ccc 0px 0px 4px; -moz-box-shadow: #ccc 0px 0px 4px; box-shadow: #ccc 0px 0px 4px; border-radius: 4px } .prodWrap .prodDiv i { background: url(/static/t-rkBqBKyKlrgrpzbp/assets/widget/images/article/sanjiao.png) no-repeat; width: 19px; height: 11px; position: absolute; top: -10px; left: 25px } .prodWrap .prodDiv .prodUl { background: #fff; line-height: 30px; text-align: left } .prodWrap .prodDiv .prodUl li { display: block; min-width: 110px; cursor: pointer } .prodUlLi { color: #417dc9 } .prodUlLi:hover { color: #ff6c00 } .prodWrap .prodDiv .prodUl li:hover { text-decoration: none; outline: 0 } .prodWrap .sitewidget-bd { position: relative } .prodWrap .prodDivrecomend { padding: 10px 15px; position: absolute; top: 46px; z-index: 20000; background: #fff; border: 1px solid #dfdfdf; display: none; left: 0; -webkit-box-shadow: #ccc 0px 0px 4px; -moz-box-shadow: #ccc 0px 0px 4px; box-shadow: #ccc 0px 0px 4px; border-radius: 4px; width: 460px; height: 345px } .prodWrap .prodDivrecomend .prodUl { background: #fff; line-height: 30px; text-align: left } .prodWrap .prodDivrecomend .prodUl li { display: block; width: 400px; cursor: pointer; color: #417dc9; margin-bottom: 5px } .prodWrap .prodDivrecomend .prodUl li:hover { color: #ff6c00; text-decoration: none; outline: 0 } .prodWrap .prodDivrecomend .prodUl li a { display: flex; align-items: center; flex: 1; text-decoration: none } .prodWrap .prodDivrecomend .prodUl li a img { width: 30px; margin-right: 10px } .prodWrap .prodDivrecomend .prodUl li a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .security-query-dialog { position: fixed; width: 750px; height: 500px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 99; border-radius: 2px } .security-query-dialog-close { padding: 10px 70px; background: #0a8ef5; color: #fff; text-align: center; border-radius: 5px; margin-top: 50px; cursor: pointer } .security_not,.security_firstQuery,.security_multipleQuery { display: none } .security-query-cover { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 0; left: 0; top: 0; display: none } .prodsearch-style-svg-icon { background-color: #fff; border-radius: 16px; border: 2px solid #0089f5; position: relative } .prodsearch-style-svg-icon .prodsearch-btn-wrap.search-warp { width: 100%; height: 100%; line-height: inherit; position: static; margin: 0 } .prodsearch-style-svg-icon .search-warp .prodsearch-input input { width: calc(100% - 40px); background: 0 } .sitewidget-prodsearch .prodsearch-styles-wrap.prodsearch-style-svg-icon form { background: none !important; border: 0 } .prodsearch-style-svg-icon .search-icon-container { display: flex; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 50%; justify-content: center; align-items: center } .sitewidget-prodsearch .prodsearch-style-svg-icon .prodsearch-input { margin-right: -40px } .sitewidget-prodsearch .prodsearch-style-svg-icon .prodsearch-button button { background: 0; text-indent: 0; display: flex; justify-content: center; align-items: center } .prodsearch-style-svg-icon .prodsearch-button { position: absolute; top: 0; right: 3px; height: auto !important; width: auto !important } @media(max-width: 600px) { .security-query-dialog { width:90vw } } /* /assets/widget/style/component/langBar/langBar.css */ .sitewidget-langBar .lang-bar { position: relative } .sitewidget-langBar .lang-bar .lang-front-icon { display: inline-block; vertical-align: middle; height: 16px; width: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZmZkOTE1Yi1lYzZhLWYxNDItYWRiYS05MzRhZjI1YzZmYjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg5Q0Y0QTZBMkE3MTFFNEJBRUNGMjI2NzZFMTMyRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg5Q0Y0QTVBMkE3MTFFNEJBRUNGMjI2NzZFMTMyRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIzOWNmOGMtZjNkMy0zZTQyLWFlY2MtMjlmNTI1YTA3MjhjIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZGE5YzllNDgtYTIwZi0xMWU0LWFhNmMtOTNiNzg0MGNjZWRjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dk3kXwAAAYFJREFUeNp8088rBVEUwPH35r0UWSiKlJIfiZdfIRuliPzeSP4B5S2UbLCzEwq9otATNlZWQggLK8JCvYQiG0QhK/nte+qMrmmeW5/mztw5Z+49c683GAx6HC0PHahDKj5wj3WEcWK+bBn9GExgDWVYRjpa0YZTLGEKsXaQ3whe1eyFiIMPC3jDHnZRhBGsoF7G7BmM4xvdeMatvpyPUdyhCrmqEmP2EgLoRA2qjSXJV0pwiCvk6CxrdXZSvIBfC+bToGxsG0meUIF5ZDqK/SixllbbbgMo1n4iCrDoEiztWGIlQYbxMAWb+ivlt20gzePejpBsuQwkYR8XOMC19p1tCK+S4NJlMB7tWtRyZKEZX8Y7fXiwdKrRmuyBB+OvyHJm9L4fW5JgFp9REiRgzri/MYosMWFJEMH0P7NocKy7VPsSE7GL2CPTiZLgXK+9um4vdjTm9zDJWhsx6SiURw/RIIZ1TL7cpDF/TqM86NLNE8IZ3tGiQnrQZAu/2EE/AgwAbJZVpna5x6wAAAAASUVORK5CYII=) no-repeat center center } .sitewidget-langBar .lang-bar .lang-cont { display: inline-block; margin: 2px 0 } .sitewidget-langBar .lang-bar .lang-cont .text-align-center { text-align: center } .sitewidget-langBar .lang-bar .lang-icon { vertical-align: middle; margin-right: 4px } .sitewidget-langBar .lang-bar .lang-img { vertical-align: middle; margin-bottom: 6px } .sitewidget-langBar .lang-bar .lang-cont .lang-a { text-decoration: none; display: inline-block; vertical-align: middle } .sitewidget-langBar .lang-bar .lang-div-mid { display: inline-block; vertical-align: middle; margin: 2px } .sitewidget-langBar .lang-bar .lang-dropdown-front-icon { display: inline-block; height: 28px; width: auto; border: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZmZkOTE1Yi1lYzZhLWYxNDItYWRiYS05MzRhZjI1YzZmYjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg5Q0Y0QTZBMkE3MTFFNEJBRUNGMjI2NzZFMTMyRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg5Q0Y0QTVBMkE3MTFFNEJBRUNGMjI2NzZFMTMyRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIzOWNmOGMtZjNkMy0zZTQyLWFlY2MtMjlmNTI1YTA3MjhjIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZGE5YzllNDgtYTIwZi0xMWU0LWFhNmMtOTNiNzg0MGNjZWRjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dk3kXwAAAYFJREFUeNp8088rBVEUwPH35r0UWSiKlJIfiZdfIRuliPzeSP4B5S2UbLCzEwq9otATNlZWQggLK8JCvYQiG0QhK/nte+qMrmmeW5/mztw5Z+49c683GAx6HC0PHahDKj5wj3WEcWK+bBn9GExgDWVYRjpa0YZTLGEKsXaQ3whe1eyFiIMPC3jDHnZRhBGsoF7G7BmM4xvdeMatvpyPUdyhCrmqEmP2EgLoRA2qjSXJV0pwiCvk6CxrdXZSvIBfC+bToGxsG0meUIF5ZDqK/SixllbbbgMo1n4iCrDoEiztWGIlQYbxMAWb+ivlt20gzePejpBsuQwkYR8XOMC19p1tCK+S4NJlMB7tWtRyZKEZX8Y7fXiwdKrRmuyBB+OvyHJm9L4fW5JgFp9REiRgzri/MYosMWFJEMH0P7NocKy7VPsSE7GL2CPTiZLgXK+9um4vdjTm9zDJWhsx6SiURw/RIIZ1TL7cpDF/TqM86NLNE8IZ3tGiQnrQZAu/2EE/AgwAbJZVpna5x6wAAAAASUVORK5CYII=') center center no-repeat } .sitewidget-langBar .lang-bar .withFrontIconIn .lang-dropdown-front-icon { padding: 0 10px; left: 0; transition: all .5s ease } .sitewidget-langBar .lang-bar .imgOn { transform: rotate(-180deg) } .sitewidget-langBar .lang-bar .withFrontIconIn .imgOn { transform: rotate(-180deg) } .sitewidget-langBar .lang-bar .lang-dropdown { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; min-width: 160px; position: relative; display: inline-block } .sitewidget-langBar .lang-bar .lang-dropdown.withFrontIcon { margin-left: 0 } .sitewidget-langBar .lang-bar .lang-dropdown .lang-selected { border: 1px solid #ccc; border-radius: 0; padding: 4px 23px 4px 10px; height: 18px; background: #fff; text-align: left; cursor: pointer; height: auto } .sitewidget-langBar .lang-bar .withFrontIconIn .lang-selected { padding-left: 30px } .sitewidget-langBar .lang-bar .withFrontIconIn .lang-selected { border-top-left-radius: 6px; border-top-right-radius: 6px } .sitewidget-langBar .lang-bar .withFrontIconIn .lang-menu { border-radius: 0 0 6px 6px } .sitewidget-langBar .lang-bar .lang-dropdown .lang-selected img.lang-img { padding-top: 0 } .sitewidget-langBar .lang-bar .lang-dropdown .lang-arrow { position: absolute; top: 0; right: 1px; width: 21px; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAYAAADVhWD8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADESURBVHja7NSxCsIwEAbgi4oKvj/0D4WOhT5Cx459hIzZwtHsDu25tBIdSwyKN/wQsuTjD3ckIvQtIcUoRjGKUYxiFJMZE2OkEAIxM03TRMxMzEwhhFuM0YjItRgGgKxZkrNUVTUnd2cAn8f0fU/W2hdImq7rDAAqghERcs6d6rq+AxBr7RPStu1lg5TAmDU0DMMBwLx9WdM0xxRSpJn0sXEcDYDFe78bkW2035vYC8m2Z3JAdAMrRjGKUcy/YcxPNPMYABYwujto3mlUAAAAAElFTkSuQmCC) center center no-repeat; background-size: 27px 30px; border-radius: 0 3px 3px 0; cursor: pointer; transition: all .5s ease } .sitewidget-langBar .lang-bar .lang-dropdown .lang-menu { z-index: 100; display: none; width: 100%; background: #fff; position: absolute; top: 100%; border: 1px solid #ccc; border-width: 0 1px 1px; border-radius: 0 0 4px 4px; text-align: left; box-sizing: border-box } .sitewidget-langBar .lang-bar .lang-dropdown .lang-menu.at-foot { bottom: 28px; top: auto; border-width: 1px 1px 0; border-radius: 4px 4px 0 0 } .sitewidget-langBar .lang-bar .lang-dropdown .lang-item { padding: 4px 11px 6px 11px; cursor: pointer; white-space: nowrap } .sitewidget-langBar .lang-bar .lang-dropdown .lang-item .front-img { display: inline-block } .sitewidget-langBar .lang-bar .lang-dropdown .lang-item a { display: block; text-overflow: ellipsis; overflow: hidden } .sitewidget-langBar .lang-dropdown .lang-menu li a { text-overflow: ellipsis; overflow: hidden } .sitewidget-langBar .lang-bar .icon-style i { line-height: 1 } .sitewidget-langBar .front-icon-box { display: inline-flex; margin-right: 8px; line-height: 1; vertical-align: middle } .sitewidget-langBar .lang-bar.style16 .lang-dropdown { display: inline-flex; border: 1px solid #ccc; border-radius: 6px 6px 0 0; background: #fff; line-height: 1; align-items: center } .sitewidget-langBar .lang-bar.style16 .withFrontIconIn .lang-dropdown-front-icon { position: relative; padding: 5px 10px 3px; line-height: 1; height: auto } .sitewidget-langBar .lang-bar.style16 .withFrontIconIn .lang-selected { padding: 4px 23px 8px 0; border: none !important; line-height: 1; height: 15px; height: auto; word-break: keep-all } .sitewidget-langBar .lang-bar.style16 .lang-dropdown .block-iconbaseline-down { top: 0; bottom: 0; width: 16px; line-height: 1; height: auto; transform: translateY(0) } .sitewidget-langBar .lang-bar.style16 .lang-dropdown .block-iconbaseline-down::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .sitewidget-langBar .lang-bar.style16 .lang-dropdown .lang-menu { top: 103% } .sitewidget-langBar .lang-bar.style17 { display: inline-flex; padding-bottom: 3px; align-items: center } .sitewidget-langBar .lang-bar.style17 .lang-dropdown { width: auto; position: initial; display: flex } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-selected { border: 0; background: transparent; padding: 4px 5px 4px 0; padding-right: 18px; height: auto } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-menu { top: 100%; left: 0; border: 0; overflow: hidden; display: flex; margin-top: 5px; padding: 10px 0; flex-wrap: wrap; flex-direction: column; max-height: 175px } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-item { padding: 5px 65px 5px 40px; border-right: 1px solid #e6e6e6; width: 120px } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-item a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: inherit } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .block-iconbaseline-down { position: relative } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-arrow { position: relative; height: auto; top: 0; right: 18px; transform: translateY(0) } .sitewidget-langBar .lang-bar.style17 .lang-dropdown .lang-arrow::before { position: absolute; top: 50%; transform: translateY(-50%) } .sitewidget-langBar .lang-bar.style18 { display: inline-flex; padding-bottom: 3px; align-items: center } .sitewidget-langBar .lang-bar.style18 .lang-dropdown { width: auto; position: initial; display: flex; min-width: auto } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-selected { border: 0; background: transparent; padding: 4px 18px 4px 0; height: auto } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-menu { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; padding-left: 10px; padding-right: 10px; border: 0; background: #f5f5f5; border-radius: 0; left: 0; right: 0; top: 100%; padding-bottom: 10px; min-width: 100% } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-menu .lang-item { padding: 4px 0 4px 0 } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-menu li a { text-overflow: ellipsis; overflow: hidden } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .block-iconbaseline-down { position: relative } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-arrow { position: relative; height: auto; right: 18px; top: 0; transform: translateY(0) } .sitewidget-langBar .lang-bar.style18 .lang-dropdown .lang-arrow::before { position: absolute; top: 50%; transform: translateY(-50%) } .sitewidget-langBar .lang-bar.style19 { display: flex; align-items: center } .sitewidget-langBar .lang-bar.style19 .lang-dropdown { width: 100%; display: inline-flex; align-items: center } .sitewidget-langBar .lang-bar.style19 .lang-dropdown>div { cursor: pointer; word-break: keep-all } .sitewidget-langBar .lang-bar.style19 .lang-dropdown .lang-menu { border: 0; background: transparent; display: none; top: -5px; left: 70px; width: 100%; position: unset } .sitewidget-langBar .lang-bar.style19 .lang-dropdown .lang-item:hover { background: 0 } .sitewidget-langBar .lang-bar.style20 { width: 120px; display: flex; align-items: center } .sitewidget-langBar .lang-bar.style20 .front-icon-box { width: 120px; margin-right: 0; display: flex; justify-content: flex-start } .sitewidget-langBar .lang-bar.style20 .lang-dropdown.withFrontIcon { position: absolute; top: 0; margin-left: 0; height: 100%; cursor: pointer } .sitewidget-langBar .lang-bar.style20 .lang-dropdown .lang-menu { width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; border: 0; padding: 5px 0; background: #f5f5f5; top: 100%; margin-top: 5px } .sitewidget-langBar .lang-bar.style20 .lang-dropdown .lang-item { padding-left: 0 } .sitewidget-langBar .lang-bar.style21 { display: flex; align-items: center } .sitewidget-langBar .lang-bar.style21 .lang-dropdown { width: auto; display: flex; align-items: center; min-width: auto } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-item a { color: #fff } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-selected { background: 0; border: 0; padding-top: 0; line-height: 16px } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-selected img.lang-img { padding-top: 0 } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .block-iconbaseline-down { height: auto; line-height: 16px } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-menu { opacity: 0; display: flex; width: 0; position: fixed; top: 0; right: 0; bottom: 0; border: 0; flex-wrap: wrap; justify-content: space-between; align-content: start; background: rgba(16,16,16,.86); transition: width .3s; z-index: 999; overflow-y: auto } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-item { width: 125px; padding: 10px 30px 10px 30px; margin-top: 10px } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-item .front-img { position: relative; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; vertical-align: middle; margin-right: 10px } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-item .front-img .sprites { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-menu .menu-close-btn { width: 100%; padding-top: 70px } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-menu .menu-close-btn i { position: relative; left: 290px; display: block; text-align: center; line-height: 40px; width: 40px; height: 40px; color: #fff; border-radius: 50%; background: #0a8ef5 } .sitewidget-langBar .lang-bar.style21 .lang-dropdown .lang-menu .menu-close-btn i::before { margin-right: 4px } .langBarOuterzi101 { position: relative; z-index: 101 } .lang-bar.lang-bar-left,.lang-bar.lang-bar-left .langBar-easystyle-thumb a { text-align: left } .lang-bar.lang-bar-center,.lang-bar.lang-bar-center .langBar-easystyle-thumb a { text-align: center } .lang-bar.lang-bar-right,.lang-bar.lang-bar-right .langBar-easystyle-thumb a { text-align: right } .sitewidget-langBar .lang-bar.style13 { display: block } .sitewidget-langBar .lang-bar.style13 .front-icon-box { display: block } .langBar-easystyle { position: relative } .langBar-easystyle a { display: block } .langBar-easystyle-thumb { min-height: 16px } .langBar-easystyle-sub { position: absolute; z-index: 100 } .langBar-easystyle .langBar-easystyle-sub a { white-space: nowrap } @media(max-width: 989px) { .sitewidget-langBar .sitewidget-bd .langBar-easystyle-thumb a:hover { text-decoration:none } .sitewidget-langBar .sitewidget-bd .langBar-easystyle .langBar-easystyle-thumb a { line-height: 30px } .sitewidget-langBar .sitewidget-bd .langBar-easystyle .langBar-easystyle-sub { width: 100%; min-width: 260px } .sitewidget-langBar .sitewidget-bd .langBar-easystyle .langBar-easystyle-sub li { float: left; width: 50% } } .lang-sprites-slide { margin-right: 4px; vertical-align: middle; margin-bottom: 6px } .sprites { display: inline-block; width: 21px; height: 14px; background: url("/static/t-jjBoBKiKjriykobp/assets/widget/images/langBar/sprites.png"); background-repeat: no-repeat } .sprites-0 { background-position: -252px -116px } .sprites-1 { background-position: -294px 0 } .sprites-2 { background-position: -294px -16px } .sprites-2-new { background-position: -42px -261px } .sprites-3 { background-position: -294px -32px } .sprites-4 { background-position: -294px -48px } .sprites-5 { background-position: -294px -64px } .sprites-6 { background-position: -294px -80px } .sprites-7 { background-position: -294px -96px } .sprites-8 { background-position: -294px -112px } .sprites-9 { background-position: -294px -128px } .sprites-10 { background-position: -317px 0 } .sprites-11 { background-position: -317px -16px } .sprites-12 { background-position: -317px -32px } .sprites-13 { background-position: -317px -48px } .sprites-14 { background-position: -317px -64px } .sprites-15 { background-position: -317px -80px } .sprites-16 { background-position: -317px -96px } .sprites-17 { background-position: -317px -112px } .sprites-18 { background-position: -317px -128px } .sprites-19 { background-position: -340px 0 } .sprites-20 { background-position: -340px -16px } .sprites-21 { background-position: -340px -32px } .sprites-22 { background-position: -340px -48px } .sprites-23 { background-position: -340px -64px } .sprites-24 { background-position: -340px -80px } .sprites-25 { background-position: -340px -96px } .sprites-26 { background-position: -340px -112px } .sprites-27 { background-position: -340px -128px } .sprites-28 { background-position: -363px 0 } .sprites-29 { background-position: -363px -16px } .sprites-30 { background-position: -363px -32px } .sprites-31 { background-position: -363px -48px } .sprites-32 { background-position: -363px -64px } .sprites-33 { background-position: -363px -80px } .sprites-34 { background-position: -340px -140px } .sprites-35 { background-position: -363px -140px } .sprites-36 { background-position: -363px -128px } .sprites-37 { background-position: -363px -112px } .sprites-38 { background-position: -363px -96px } .sprites-39 { background-position: -252px -145px } .sprites-40 { background-position: -317px -145px } .sprites-41 { background-position: -42px -174px } .sprites-42 { background-position: -126px -174px } .sprites-43 { background-position: -294px -128px } .sprites-44 { background-position: -210px -174px } .sprites-45 { background-position: -252px -174px } .sprites-46 { background-position: -317px -174px } .sprites-47 { background-position: -42px -203px } .sprites-48 { background-position: -126px -203px } .sprites-49 { background-position: -210px -203px } .sprites-50 { background-position: -293px -202px } .sprites-51 { background-position: -359px -203px } .sprites-52 { background-position: -126px -232px } .sprites-53 { background-position: -210px -232px } .sprites-54 { background-position: -294px -245px } .sprites-55 { background-position: -360px -232px } .sprites-56 { background-position: -126px -261px } .sprites-57 { background-position: -210px -261px } .sprites-58 { background-position: -294px -261px } .sprites-93 { background-position: -360px -262px } .bSprites { display: inline-block; width: 40px; height: 27px; background: url("/static/t-jjBoBKiKjriykobp/assets/widget/images/langBar/sprites.png"); background-repeat: no-repeat } .bSprites-0 { background-position: 0 0 } .bSprites-1 { background-position: 0 -29px } .bSprites-2 { background-position: 0 -58px } .bSprites-2-new { background-position: 0 -261px } .bSprites-3 { background-position: 0 -87px } .bSprites-4 { background-position: 0 -116px } .bSprites-5 { background-position: -42px 0 } .bSprites-6 { background-position: -42px -29px } .bSprites-7 { background-position: -42px -58px } .bSprites-8 { background-position: -42px -87px } .bSprites-9 { background-position: -42px -116px } .bSprites-10 { background-position: -84px 0 } .bSprites-11 { background-position: -84px -29px } .bSprites-12 { background-position: -84px -58px } .bSprites-13 { background-position: -84px -87px } .bSprites-14 { background-position: -84px -116px } .bSprites-15 { background-position: -126px 0 } .bSprites-16 { background-position: -126px -29px } .bSprites-17 { background-position: -126px -58px } .bSprites-18 { background-position: -126px -87px } .bSprites-19 { background-position: -126px -116px } .bSprites-20 { background-position: -168px 0 } .bSprites-21 { background-position: -168px -29px } .bSprites-22 { background-position: -168px -58px } .bSprites-23 { background-position: -168px -87px } .bSprites-24 { background-position: -168px -116px } .bSprites-25 { background-position: -210px 0 } .bSprites-26 { background-position: -210px -29px } .bSprites-27 { background-position: -210px -58px } .bSprites-28 { background-position: -210px -87px } .bSprites-29 { background-position: -210px -116px } .bSprites-30 { background-position: -252px 0 } .bSprites-31 { background-position: -252px -29px } .bSprites-32 { background-position: -252px -58px } .bSprites-33 { background-position: -252px -87px } .bSprites-34 { background-position: -168px -145px } .bSprites-35 { background-position: -126px -145px } .bSprites-36 { background-position: -84px -145px } .bSprites-37 { background-position: -42px -145px } .bSprites-38 { background-position: 0 -145px } .bSprites-39 { background-position: -210px -145px } .bSprites-40 { background-position: -275px -145px } .bSprites-41 { background-position: 0 -174px } .bSprites-42 { background-position: -84px -174px } .bSprites-43 { background-position: -42px -116px } .bSprites-44 { background-position: -168px -174px } .bSprites-45 { background-position: -275px -174px } .bSprites-46 { background-position: -275px -174px } .bSprites-47 { background-position: 0 -203px } .bSprites-48 { background-position: -84px -203px } .bSprites-49 { background-position: -168px -203px } .bSprites-50 { background-position: -252px -202px } .bSprites-51 { background-position: -317px -203px } .bSprites-52 { background-position: -84px -232px } .bSprites-53 { background-position: -168px -232px } .bSprites-54 { background-position: -252px -232px } .bSprites-55 { background-position: -317px -232px } .bSprites-56 { background-position: -84px -261px } .bSprites-57 { background-position: -168px -261px } .bSprites-58 { background-position: -252px -261px } .bSprites-93 { background-position: -319px -261px } .sitewidget-langBar .lang-bar .block-iconyuyanlan { background: 0; line-height: 1; width: auto; position: absolute; vertical-align: middle } .sitewidget-langBar .lang-bar .lang-dropdown .block-iconbaseline-down { position: absolute; right: 5px; width: auto; line-height: 28px; background: 0; border-radius: 0 3px 3px 0; cursor: pointer; transition: all .5s ease; height: auto; line-height: inherit; top: 50%; transform: translateY(-50%) } /* /assets/widget/style/component/form/form.css */ .sitewidget-inquire .btn-disabeled { opacity: .5; cursor: not-allowed } .bea_style { animation: spinnerFour 1s linear infinite; border: solid 2px transparent; border-top: solid 3px #fff; border-radius: 100%; width: 15px; height: 15px } .bea_style_two { animation: spinnerFour 1s linear infinite; border: solid 2px transparent; border-top: solid 3px #fff; border-radius: 100%; width: 17px; height: 17px } @keyframes spinnerFour { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .sitewidget-inquire button.btn+button.btn { margin-left: 10px } .sitewidget-inquire button.btn { font-family: inherit; margin: 0; border: 1px solid transparent; background-image: none; height: 32px; padding: 0 30px; display: inline-block; font-size: 14px; text-shadow: none; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; box-shadow: none } .sitewidget-inquire button.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .sitewidget-inquire button.btn.focus,.btn:focus,.btn:hover { color: #333; text-decoration: none } .sitewidget-inquire button.btn.active,.btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .sitewidget-inquire button.btn-default { color: #333; background-color: #fff; border-color: #ccc } .sitewidget-inquire button.btn-default.focus,.btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .sitewidget-inquire button.btn-default:hover { color: #333; background-color: #fff; border-color: #666 } .sitewidget-inquire button.btn-default.active,.btn-default:active { color: #333; background-color: #e6e6e6; border-color: #adadad } .sitewidget-inquire button.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .sitewidget-inquire button.btn-default.active,.btn-default:active { background-image: none } .sitewidget-inquire button.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .sitewidget-inquire button.btn-primary.focus,.btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .sitewidget-inquire button.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74 } .sitewidget-inquire button.btn-primary.active,.btn-primary:active { color: #fff; background-color: #286090; border-color: #204d74 } .sitewidget-inquire button.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .sitewidget-inquire button.btn-primary.active,.btn-primary:active { background-image: none } .sitewidget-inquire button.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .sitewidget-inquire button.btn-success.focus,.btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .sitewidget-inquire button.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 } .sitewidget-inquire button.btn-success.active,.btn-success:active { color: #fff; background-color: #449d44; border-color: #398439 } .sitewidget-inquire button.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover { color: #fff; background-color: #398439; border-color: #255625 } .sitewidget-inquire button.btn-success.active,.btn-success:active { background-image: none } .sitewidget-inquire button.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .sitewidget-inquire button.btn-info.focus,.btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .sitewidget-inquire button.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc } .sitewidget-inquire button.btn-info.active,.btn-info:active { color: #fff; background-color: #31b0d5; border-color: #269abc } .sitewidget-inquire button.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .sitewidget-inquire button.btn-info.active,.btn-info:active { background-image: none } .sitewidget-inquire button.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .sitewidget-inquire button.btn-warning.focus,.btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .sitewidget-inquire button.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 } .sitewidget-inquire button.btn-warning.active,.btn-warning:active { color: #fff; background-color: #ec971f; border-color: #d58512 } .sitewidget-inquire button.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .sitewidget-inquire button.btn-warning.active,.btn-warning:active { background-image: none } .sitewidget-inquire button.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .sitewidget-inquire button.btn-danger.focus,.btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .sitewidget-inquire button.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 } .sitewidget-inquire button.btn-danger.active,.btn-danger:active { color: #fff; background-color: #c9302c; border-color: #ac2925 } .sitewidget-inquire button.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .sitewidget-inquire button.btn-danger.active,.btn-danger:active { background-image: none } .sitewidget-inquire button.btn-inverse { color: #fff; background-color: #333; border-color: #222 } .sitewidget-inquire button.btn-inverse.focus,.btn-inverse:focus { color: #fff; background-color: #222; border-color: #111 } .sitewidget-inquire button.btn-inverse:hover { color: #fff; background-color: #222; border-color: #111 } .sitewidget-inquire button.btn-inverse.active,.btn-inverse:active { color: #fff; background-color: #222; border-color: #111 } .sitewidget-inquire button.btn-inverse.active.focus,.btn-inverse.active:focus,.btn-inverse.active:hover,.btn-inverse:active.focus,.btn-inverse:active:focus,.btn-inverse:active:hover { color: #fff; background-color: #222; border-color: #111 } .sitewidget-inquire button.btn-inverse.active,.btn-inverse:active { background-image: none } .sitewidget-inquire label.radio,.sitewidget-inquire label.checkbox { padding-left: 20px; margin-right: 20px; height: auto; line-height: 28px; overflow: hidden; max-width: 920px } .sitewidget-inquire label.radio input[type="radio"],.sitewidget-inquire label.checkbox input[type="checkbox"] { width: auto; margin-left: -17px } .sitewidget-inquire .control-group .controls input,.sitewidget-inquire .control-group .controls select,.sitewidget-inquire .control-group .controls textarea { width: 100%; padding: 4px 0; text-indent: 6px; box-sizing: content-box; margin-left: -1px } .sitewidget-inquire .control-group .controls textarea { resize: vertical } .form-border .control-group { border: 1px solid #ddd; border-radius: 2px; margin-bottom: 10px; padding: 7px 12px 12px 4px } .form-border .control-label { padding-top: 5px; padding-left: 6px; overflow: hidden } .form-border .control-label i { float: right } .form-border .controls input[type='text'] { border: 0; box-shadow: none; outline: 0 } .form-border .controls textarea { border: 0; box-shadow: none; outline: 0 } .form-border .errormessage { padding-left: 6px } .form-border .submitGroup { border: 0; padding: 0 } .sitewidget-inquire .sitewidget-bd.form-border form .control-group .controls input,.sitewidget-inquire .sitewidget-bd.form-border form .control-group .controls textarea { background-color: transparent } .sitewidget-inquire .form-vertical .control-group { margin-bottom: 10px } .sitewidget-inquire .form-line-2 .control-group { margin-bottom: 16px; width: 50%; float: left } .sitewidget-inquire .form-line-2 .control-group:nth-child(even) { clear: left } .sitewidget-inquire .form-line-3 .control-group { margin-bottom: 20px; width: 30%; float: left; margin-left: 5% } .sitewidget-inquire .form-line-3 .control-group:nth-child(3n+1),.sitewidget-inquire .form-line-3 .control-group.nth-child-3n { clear: both; margin-left: 0 } .sitewidget-inquire .form-line-2 .control-group.submitGroup,.sitewidget-inquire .form-line-3 .control-group.submitGroup { width: 100%; margin: 0 } .sitewidget-inquire .form-line-3 .control-group .input-prepend,.sitewidget-inquire .form-line-3 .control-group .input-append { display: flex } .sitewidget-inquire .form-line-3 .control-group .input-prepend .add-on,.sitewidget-inquire .form-line-3 .control-group .input-append .add-on { white-space: nowrap; min-width: 2.4em; line-height: inherit; text-align: center } .sitewidget-inquire .form-line-2 .controls { padding: 0 10px } .sitewidget-inquire .form-line-2 .control-group.textarea,.sitewidget-inquire .form-line-3 .control-group.textarea { width: 100%; margin-left: 0 } .sitewidget-inquire .form-line-5 fieldset { text-align: center } .sitewidget-inquire .form-line-5 .control-group,.sitewidget-inquire .form-line-5 .imgVarifyCode { display: inline-block; margin-right: 2%; vertical-align: top; text-align: left; margin-bottom: 20px } .sitewidget-inquire .form-line-5 .control-group .controls input,.sitewidget-inquire .form-line-5 .control-group .controls select,.sitewidget-inquire .form-line-5 .control-group .controls textarea { width: 100%; padding: 4px 0; text-indent: 6px; box-sizing: content-box; vertical-align: top } .sitewidget-inquire .form-line-5 .control-group .input-prepend,.sitewidget-inquire .form-line-5 .control-group .input-append { display: flex } .sitewidget-inquire .form-line-5 .control-group .input-prepend .add-on,.sitewidget-inquire .form-line-5 .control-group .input-append .add-on { padding: 4px 8px; width: auto } .sitewidget-inquire .form-line-5 .control-group .input-prepend input,.sitewidget-inquire .form-line-5 .control-group .input-append input { width: auto } .sitewidget-inquire .form-line-5 .control-group .controls input[type="text"] { width: 260px } .sitewidget-inquire .control-group .controls .phoneInputprepend { flex-wrap: wrap } .sitewidget-inquire .control-group .controls .phoneInputprepend~.phoneInput { width: calc(100% - 82px) } .sitewidget-inquire .form-line-5 .control-group .controls .phoneInputprepend input[type="text"] { width: 178px } .sitewidget-inquire .form-line-5 .control-group .input-prepend { width: 260px } .sitewidget-inquire .form-line-5 .control-group .controls input[type="radio"],.sitewidget-inquire .form-line-5 .control-group .controls input[type="checkbox"] { width: auto; vertical-align: baseline } .sitewidget-inquire .form-line-5 .control-group.textarea { width: 40% } .sitewidget-inquire .form-line-5 .submitGroup #formsubmit { vertical-align: top } .sitewidget-inquire .form-line-2 .imgVarifyCode,.sitewidget-inquire .form-line-3 .imgVarifyCode { clear: both; margin-left: 0 } @media(min-width: 480px) { .sitewidget-inquire .form-line-2 .controls,.sitewidget-inquire .form-line-3 .controls { position:relative } } @media(max-width: 480px) { .sitewidget-inquire .form-line-2 .control-group,.sitewidget-inquire .form-line-3 .control-group { margin-bottom:10px; width: 100%; float: none; margin-left: 0 } .sitewidget-inquire .form-line-2 .controls { padding: 0 } .sitewidget-inquire .form-line-5 fieldset { text-align: left } .sitewidget-inquire .form-line-5 .submitGroup { display: block } } .sitewidget-inquire .form-right-angle .control-group .controls input,.sitewidget-inquire .form-right-angle #faptcha_response_field,.sitewidget-inquire .form-right-angle .control-group .controls select,.sitewidget-inquire .form-right-angle .control-group .controls textarea { border-radius: 0 } .sitewidget-inquire .form-style9 form.form-right-angle .control-group .controls input,.sitewidget-inquire .form-style9 form.form-right-angle #faptcha_response_field,.sitewidget-inquire .form-style9 form.form-right-angle .control-group .controls select,.sitewidget-inquire .form-style9 form.form-right-angle .control-group .controls textarea,.sitewidget-inquire .form-style9 form.form-right-angle .control-group .controls .add-on,.sitewidget-inquire .form-style9 form.form-right-angle .control-group .controls .multiple-select { border-radius: 0 } .sitewidget-inquire .form-with-color .control-group .controls input[type="text"],.sitewidget-inquire .form-with-color #faptcha_response_field,.sitewidget-inquire .form-with-color .control-group .controls select,.sitewidget-inquire .form-with-color .control-group .controls textarea { background-color: #fafafa } .sitewidget-inquire .form-bottom-border .control-group .controls input[type="text"],.sitewidget-inquire .form-bottom-border #faptcha_response_field { border-width: 0 0 1px; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0) } .sitewidget-inquire .form-bottom-border .control-group .controls select { border-radius: 0 } .sitewidget-inquire .form-bottom-border .control-group .controls textarea { border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0) } .sitewidget-inquire .form-style9 .form-bottom-border .control-group .controls .input-append .add-on,.sitewidget-inquire .form-style9 .form-bottom-border .control-group .controls .input-prepend .add-on { padding: 8px 6px 7px } .sitewidget-inquire .form-bottom-border .control-group .controls select,.sitewidget-inquire .form-bottom-border .control-group .controls input,.sitewidget-inquire .form-bottom-border .control-group .controls textarea { border-width: 0 0 1px; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0) } .sitewidget-inquire #faptcha_response_field { width: 220px } .sitewidget-inquire .controls .uploadBtn { height: 28px; line-height: 28px; display: inline-block; padding: 0 15px; text-align: center; border: 1px solid #ddd; background-image: -webkit-linear-gradient(top,#e2e2e2,#f3f3f3); background-image: -moz-linear-gradient(top,#e2e2e2,#f3f3f3); background-image: -ms-linear-gradient(top,#e2e2e2,#f3f3f3); background-image: -o-linear-gradient(top,#e2e2e2,#f3f3f3); background-image: linear-gradient(top,#e2e2e2,#f3f3f3); background-color: #f3f3f3; color: #666; border-radius: 3px } .sitewidget-inquire .controls .uploadBtn.uploadBtn-control { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block } .sitewidget-inquire .controls .uploadBtn:hover { text-decoration: none; opacity: .75; filter: alpha(opacity=75) } .sitewidget-inquire .controls .input-file.hide { display: none !important } .control-group { display: block } .form-horizontal .control-label { float: left; padding-top: 5px; text-align: right; width: 160px } .radio.inline,.checkbox.inline { display: inline-block; margin-bottom: 0; padding-top: 5px; vertical-align: middle } .form-horizontal .controls { margin-left: 180px } .controls select { -webkit-appearance: none; background-position: 97.5%; background-size: 8px; background-repeat: no-repeat; line-height: normal !important; background-image: url("//a0.leadongcdn.cn/cloud/ljBqkKqjRioSjrrrmnlo/dn.png") } .controls>.radio:first-child,.controls>.checkbox:first-child { padding-top: 5px } .form-horizontal .control-group:after { clear: both } .form-horizontal .control-group:before,.form-horizontal .control-group:after { content: ""; display: table; line-height: 0 } .form-horizontal .control-group { margin-bottom: 20px } .sitewidget-inquire input[type="file"],.sitewidget-inquire input[type="image"],.sitewidget-inquire input[type="submit"],.sitewidget-inquire input[type="reset"],.sitewidget-inquire input[type="button"],.sitewidget-inquire input[type="radio"],.sitewidget-inquire input[type="checkbox"] { width: auto } .sitewidget-inquire label { display: block; margin-bottom: 5px; padding: 0 10px } .form-horizontal input[type="text"],.form-horizontal input[type="text"],.form-horizontal input[type="password"],.form-horizontal textarea { background: none repeat scroll 0 0 #f6f7fc } .form-horizontal input,.form-horizontal span,.form-horizontal label,.form-horizontal .form-builder button { height: 20px; line-height: 20px } .sitewidget-inquire select,.sitewidget-inquire textarea,.sitewidget-inquire input[type="text"],.sitewidget-inquire input[type="password"],.sitewidget-inquire input[type="datetime"],.sitewidget-inquire input[type="datetime-local"],.sitewidget-inquire input[type="date"],.sitewidget-inquire input[type="month"],.sitewidget-inquire input[type="time"],.sitewidget-inquire input[type="week"],.sitewidget-inquire input[type="number"],.sitewidget-inquire input[type="email"],.sitewidget-inquire input[type="url"],.sitewidget-inquire input[type="search"],.sitewidget-inquire input[type="tel"],.sitewidget-inquire input[type="color"],.uneditable-input { border-radius: 4px; color: #555; display: inline-block; height: 20px; line-height: 20px; padding: 4px 6px; vertical-align: middle } .control-group textarea { width: 280px; height: 80px; border-radius: 4px } .input-prepend input[type="text"] { margin-left: -4px; width: 230px; border-radius: 0 3px 3px 0 } .input-append input[type="text"] { margin-right: -4px; width: 230px; border-radius: 3px 0 0 3px } .sitewidget-inquire textarea,.sitewidget-inquire input[type="text"],.sitewidget-inquire input[type="password"],.sitewidget-inquire input[type="datetime"],.sitewidget-inquire input[type="datetime-local"],.sitewidget-inquire input[type="date"],.sitewidget-inquire input[type="month"],.sitewidget-inquire input[type="time"],.sitewidget-inquire input[type="week"],.sitewidget-inquire input[type="number"],.sitewidget-inquire input[type="email"],.sitewidget-inquire input[type="url"],.sitewidget-inquire input[type="search"],.sitewidget-inquire input[type="tel"],.sitewidget-inquire input[type="color"],.uneditable-input { background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; transition: border .2s linear 0,box-shadow .2s linear 0s } .sitewidget-inquire select,.sitewidget-inquire input[type="file"] { height: 30px; line-height: 30px } .radio,.checkbox { min-height: 20px; padding-left: 5px } .sitewidget-inquire select { background-color: #fff; border: 1px solid #ccc; width: 220px } .form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append { display: inline-block; margin-bottom: 0; vertical-align: middle } .input-prepend .add-on:first-child,.input-prepend .btn:first-child { border-radius: 4px 0 0 4px } .formEdit span.add-on { height: 18px; line-height: 18px } .input-prepend .add-on,.input-prepend .btn { margin-right: -1px } .input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle { border-radius: 0; vertical-align: top } .formEdit ul { margin-left: 0 } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); display: none; float: left; left: 0; list-style: none outside none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; top: 100%; z-index: 1000 } .sitewidget-inquire .btn { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f5f5f5; background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #b3b3b3; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05); color: #333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; vertical-align: middle } .input-append .add-on,.input-prepend .add-on { background-color: #eee; border: 1px solid #ccc; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #fff; width: auto } .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle { border-radius: 0 4px 4px 0 } .input-append .add-on,.input-append .btn,.input-append .btn-group { margin-left: -1px } .sitewidget-inquire .btn-group { display: inline-block; font-size: 0; position: relative; vertical-align: middle; white-space: nowrap } .input-xlarge { width: 270px } .sitewidget-inquire select[multiple],.sitewidget-inquire select[size] { height: auto } #components { min-height: 500px } #target fieldset { border: 1px solid #ccc; min-height: 200px; padding: 5px; padding-bottom: 30px } .component { cursor: pointer } .curTxt { cursor: text } .popover .control-group { cursor: default } .popover input { cursor: text } .temp { width: 100%; height: 100%; background: transparent; position: absolute; z-index: 999999; top: 0; overflow-x: hidden; left: 0 } .temp form { padding: 8px 4px; border: 1px dotted #ccc; position: absolute; background: white; box-shadow: 0 0 30px #999; -webkit-transition: -webkit-transform .1s ease-out; overflow: hidden } #render { min-height: 500px; font-family: monospace } .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input { border-radius: 0 4px 4px 0; margin-bottom: 0; position: relative; vertical-align: top } .input-append input,.input-append select,.input-append .uneditable-input { border-radius: 4px 0 0 4px } .formEdit span.add-on { height: 18px; line-height: 18px } form .popover .controls { margin-left: 0 } form .popover .control-label { text-align: left } form .popover form { width: 224px } .popover-content form .btn { margin-right: 10px } .target:after { float: left; content: " "; height: 77px; margin-top: 3px; background: #f0f0f0; width: 100%; border: 1px dashed #ccc } #target,#input,#radioscheckboxes,#select,#buttons { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #target fieldset { width: 100%; overflow: hidden } .sitewidget-inquire .required { color: red; margin-right: 5px; vertical-align: middle } .errormessage { color: red; clear: both } @media(max-width: 480px) { .form-horizontal .control-label { text-align:left; width: auto } .form-horizontal .controls { clear: both; margin-left: 0 } .form-horizontal .controls input,.form-horizontal .controls textarea { width: 80%; padding: 4px 6px } } .isFixed_bottom_right fieldset::-webkit-scrollbar,.isFixed_bottom_right_1 fieldset::-webkit-scrollbar,.isFixed_bottom_left fieldset::-webkit-scrollbar,.isFixed_bottom_left_1 fieldset::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(244,244,244,1) } .isFixed_bottom_right fieldset::-webkit-scrollbar-track,.isFixed_bottom_right_1 fieldset::-webkit-scrollbar-track,.isFixed_bottom_left fieldset::-webkit-scrollbar-track,.isFixed_bottom_left_1 fieldset::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0) } .isFixed_bottom_right fieldset::-webkit-scrollbar-track:hover,.isFixed_bottom_right_1 fieldset::-webkit-scrollbar-track:hover,.isFixed_bottom_left fieldset::-webkit-scrollbar-track:hover,.isFixed_bottom_left_1 fieldset::-webkit-scrollbar-track:hover { background-color: rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4) } .isFixed_bottom_right fieldset::-webkit-scrollbar-thumb,.isFixed_bottom_right_1 fieldset::-webkit-scrollbar-thumb,.isFixed_bottom_left fieldset::-webkit-scrollbar-thumb,.isFixed_bottom_left_1 fieldset::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.2) } .isFixed_bottom_right fieldset::-webkit-scrollbar-thumb:hover,.isFixed_bottom_right_1 fieldset::-webkit-scrollbar-thumb:hover,.isFixed_bottom_left fieldset::-webkit-scrollbar-thumb:hover,.isFixed_bottom_left_1 fieldset::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.6); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.2) } .z-index1-main { z-index: 1 !important } .isFixed_bottom_right fieldset,.isFixed_bottom_left fieldset { max-height: 500px; overflow-y: auto; overflow-x: hidden; padding: 0 10px } .isFixed_bottom_right { width: 370px; position: fixed; bottom: 0; right: 10px; background: #fff; z-index: 100; box-shadow: 0 0 10px rgba(68,68,68,0.18); border: 1px solid #ddd; border-top-left-radius: 8px; border-top-right-radius: 8px } .isFixed_bottom_right { width: 370px; min-width: 370px; position: fixed; bottom: 0; right: 10px; background: #fff; z-index: 100; box-shadow: 0 0 10px rgba(68,68,68,0.18); border: 1px solid #ddd; border-top-left-radius: 8px; border-top-right-radius: 8px } .isFixed_bottom_left { width: 370px; min-width: 370px; position: fixed; bottom: 0; left: 10px; background: #fff; z-index: 100; box-shadow: 0 0 10px rgba(68,68,68,0.18); border: 1px solid #ddd; border-top-left-radius: 8px; border-top-right-radius: 8px } .isFixed_bottom_right { width: 370px; position: fixed; bottom: 0; right: 10px; background: #fff; z-index: 100; box-shadow: 0 0 10px rgba(68,68,68,0.18); border: 1px solid #ddd; border-top-left-radius: 8px; border-top-right-radius: 8px } .isFixed_bottom_right .sitewidget-hd,.isFixed_bottom_left .sitewidget-hd { min-height: 22px; border-bottom: 1px solid #dbe0ea; padding: 5px 10px; background: #f2f5f9; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px } .isFixed_bottom_right .sitewidget-hd i,.isFixed_bottom_left .sitewidget-hd i { position: absolute; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer } .form_fixed_button { cursor: pointer; line-height: 36px; width: 170px; height: 36px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 10px rgba(68,68,68,0.18); text-align: center; color: #fff; text-align: center; position: fixed; bottom: 0; right: 10px; z-index: 9; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .form_fixed_button.button-left { cursor: pointer; line-height: 36px; width: 170px; height: 36px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 10px rgba(68,68,68,0.18); text-align: center; color: #fff; text-align: center; position: fixed; bottom: 0; left: 10px; z-index: 9; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .form_fixed_button i { margin-right: 6px } .isFixed_bottom_right .sitewidget-hd h2,.isFixed_bottom_left .sitewidget-hd h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90% } .sitewidget-inquire.isFixed_bottom_right form,.sitewidget-inquire.isFixed_bottom_left form { margin: 0; padding-top: 10px } .sitewidget-inquire.isFixed_bottom_right form .submitGroup .controls,.sitewidget-inquire.isFixed_bottom_left form .submitGroup .controls { margin: 0 } .sitewidget-inquire.isFixed_bottom_right .submitGroup,.sitewidget-inquire.isFixed_bottom_left .submitGroup { box-sizing: border-box; padding: 8px 10px 6px; background: #f2f5f9; margin: 0; border-top: 1px solid #dbe0ea } .control-multi-checkbox-vertical .control-label { width: auto; float: none; text-align: left; padding-left: 180px } .fixed_window_top { position: fixed; top: 0; z-index: 100 } @media screen and (max-width: 400px) { .isFixed_bottom_right,.isFixed_bottom_left { width:100%; right: 0 } } @media screen and (max-height: 780px) { .isFixed_bottom_right fieldset,.isFixed_bottom_left fieldset { max-height:400px } } .form_fixed_button_1 { max-width: 260px; cursor: pointer; float: right; cursor: pointer; line-height: 36px; padding: 0 10px; height: 36px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 10px rgba(68,68,68,0.18); text-align: center; color: #fff; text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isFixed_bottom_left_1 .form_fixed_button_1 { max-width: 260px; cursor: pointer; float: left; cursor: pointer; line-height: 36px; padding: 0 10px; height: 36px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 10px rgba(68,68,68,0.18); text-align: center; color: #fff; text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .form_fixed_button_1 i { margin-right: 6px } .isFixed_bottom_right_1 { position: fixed; min-width: 280px; bottom: -100%; right: 10px; z-index: 100; width: 280px } .isFixed_bottom_left_1 { position: fixed; min-width: 280px; bottom: -100%; left: 10px; z-index: 100; width: 280px } .isFixed_bottom_right_1 .sitewidget-bd,.isFixed_bottom_left_1 .sitewidget-bd { background: #f2f5f9; box-shadow: 0 0 10px rgba(68,68,68,0.18); border: 1px solid #f2f5f9; border-top-left-radius: 8px } .isFixed_bottom_right_1 fieldset,.isFixed_bottom_left_1 fieldset { max-height: 500px; overflow-y: auto; overflow-x: hidden; padding: 0 10px } .sitewidget-inquire.isFixed_bottom_right_1 .submitGroup,.sitewidget-inquire.isFixed_bottom_left_1 .submitGroup { box-sizing: border-box; padding: 8px 10px 6px; background: #f2f5f9; margin: 0; border-top: 1px solid #dbe0ea } .sitewidget-inquire.isFixed_bottom_right_1 .submitGroup button,.sitewidget-inquire.isFixed_bottom_left_1 .submitGroup button { width: 100%; height: 36px } .sitewidget-inquire.isFixed_bottom_right_1 button.btn+button.btn,.sitewidget-inquire.isFixed_bottom_left_1 button.btn+button.btn { margin-left: 0; margin-top: 10px } .areachoose { max-width: 200px; margin-right: 10px } @media(max-width: 768px) { .areachoose { margin-bottom:10px !important } } input.timePicker::placeholder { font-size: 0 } input.timePicker.inited::placeholder { font-size: initial } .timePickers .controls { display: flex; justify-content: space-between } .timePickers .controls .controls-flex { width: calc(50% - 10px) !important } .sitewidget-inquire .form-style9 fieldset { display: flex; flex-wrap: wrap } .sitewidget-inquire .form-style9 .control-group .controls input[type="text"],.sitewidget-inquire .form-style9 .control-group .controls input[type="password"],.sitewidget-inquire .form-style9 .control-group .controls textarea { width: calc(100% - 32px); border-radius: 3px; box-shadow: none; padding: 8px 16px; text-indent: 0; outline: 0 } .sitewidget-inquire .form-style9 .control-group .controls input::placeholder,.sitewidget-inquire .form-style9 .control-group .controls textarea::placeholder,.sitewidget-inquire .form-style9 .control-group .controls select::placeholder { font-size: 14px } .sitewidget-inquire .form-style9 .control-group .controls .input-prepend { display: flex } .sitewidget-inquire .form-style9 .control-group .controls .input-prepend .add-on { display: flex; align-items: center; flex-shrink: 0; padding: 8px 6px; border-right: 0; background-color: #fafafa } .sitewidget-inquire .form-style9 .control-group .controls .input-prepend input { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0 } .sitewidget-inquire .form-style9 .control-group .controls .input-append { display: flex } .sitewidget-inquire .form-style9 .control-group .controls .input-append .add-on { display: flex; align-items: center; flex-shrink: 0; padding: 8px 6px; border-left: 0; background-color: #fafafa } .sitewidget-inquire .form-style9 .control-group .controls .input-append input { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0 } .sitewidget-inquire .form-style9 .control-group.timePickers .controls { display: flex; align-items: center; justify-content: space-between } .sitewidget-inquire .form-style9 .control-group { clear: none !important } .sitewidget-inquire .form-style9 .control-group.control-multi-radio { width: 100% } .sitewidget-inquire .form-style9 .control-group.control-multi-radio input[type="radio"] { width: auto } .sitewidget-inquire .form-style9 .control-group.control-multi-radio-inline { width: 100% } .sitewidget-inquire .form-style9 .control-group.control-multi-checkbox { width: 100% } .sitewidget-inquire .form-style9 .control-group.control-multi-checkbox-vertical { width: 100% } .sitewidget-inquire .form-style9 .control-group.control-multi-checkbox-vertical .control-label { width: 100%; padding-left: 10px } .sitewidget-inquire .form-style9 .control-group.control-multi-checkbox-inline { width: 100% } .sitewidget-inquire .form-style9 .control-group .controls select { width: calc(100% - 32px); max-width: 100%; outline: 0; border-radius: 3px; box-shadow: none; padding: 8px 16px; text-indent: 0 } .sitewidget-inquire .form-style9 .control-group .controls .multiple-select { width: calc(100% - 34px); max-width: 100%; outline: 0; border-radius: 3px; box-shadow: none; padding: 8px 16px; text-indent: 0; line-height: normal; min-height: auto; display: flex; align-items: center; box-sizing: initial } .sitewidget-inquire .form-style9 .control-group .controls .multiple-select span { line-height: normal } .sitewidget-inquire .form-style9 .control-group .controls label.radio,.sitewidget-inquire .form-style9 .control-group .controls label.checkbox { margin-right: 0 } .sitewidget-inquire .form-style9 .control-group.selectFileBtn { width: 100% } .sitewidget-inquire .form-style9 .imgVarifyCode .controls input { box-shadow: none; border-radius: 3px; outline: 0 } .sitewidget-inquire .form-style9 .control-group .phoneInputprepend { flex-wrap: nowrap } .sitewidget-inquire .form-style9 .phoneInputprepend input:nth-child(2) { border-left: 0 } .sitewidget-inquire .form-style9 .controls select { background-image: url("/static/t-ljBoBKiKwopiorbm/assets/widget/images/formSelectStyle9.png"); background-size: 16px } .sitewidget-inquire .form-style9 .control-group .multiple-select { background-image: url("/static/t-ljBoBKiKwopiorbm/assets/widget/images/formSelectStyle9.png"); background-size: 16px; -webkit-appearance: none; background-position: 97.5%; background-repeat: no-repeat; line-height: normal !important } .sitewidget-inquire .form-style9 .control-group .multiple-select::after { display: none } .sitewidget-inquire .form-style9 .control-group .multiple-parent ul { box-shadow: none } @media(max-width: 480px) { .sitewidget-inquire .form-style9 .control-group .control-label { padding:0 } } .form-file-list li { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px } .form-file-list li:first-child { padding-top: 10px } .sitewidget-inquire form fieldset { margin: 0; padding: 0; padding-block:0;min-inline-size: auto } .form-file-list li .file-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .form-file-list .delete-icon { cursor: pointer; display: inline-flex; align-items: center } .form-file-list .delete-icon svg path { fill: #767676 } .sitewidget-inquire .error-tip-msg { color: #f20606 } .other-form-file-list { margin-top: 10px } .other-form-file-list .error-tip-msg { text-align: left } .other-form-file-list .form-file-list { border-top: 1px solid #ececec } .other-form-file-list.first-file-list .form-file-list { border: 0 } .sitewidget-inquire .form-line-5 .selectFileBtn .form-file-list,.sitewidget-inquire .form-line-5 .selectFileBtn .error-tip-msg { display: none !important } .other-form-file-list:last-child { margin: 0 } /* /assets/widget/style/component/inquire/inquire.css */ .sitewidget-inquire-table th,.sitewidget-inquire-table td { border: 1px solid #ddd; background-color: #fff; padding: 5px } .sitewidget-inquire-table th { background-color: #f3f3f3; text-align: left } .sitewidget-inquire-table input[type="number"] { width: 6em } .new-inquire-table-main { width: 100%; overflow-x: auto } .new-inquire-table-main table { white-space: nowrap } @media(max-width: 575px) { .new-inquire-table-main::-webkit-scrollbar-thumb { border:0 } } .new-inquire-table-main::-webkit-scrollbar { height: 4px; background-color: #ebebeb } .new-inquire-table-main::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #bcbcbc } .new-inquire-table-main table thead th { min-width: 145px; width: 145px; white-space: nowrap } .new-inquire-table-main table thead th.small { width: 100px } .new-inquire-table-main table thead th.medium { width: 300px } .new-inquire-table-main table .cus-message-input { max-width: 130px } .new-inquire-table-main table textarea.cus-message-input { max-height: 120px; min-width: 80px; resize: vertical } .new_mobile_prod_inquiry_main { display: none } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item { display: flex; border-top: 1px solid #ccc; padding: 16px 0 } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_l .mobile_prod_inquiry_item_l_img { display: block } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_l .mobile_prod_inquiry_item_l_img>a>img { width: 80px; height: 80px; object-fit: contain } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r { margin-left: 12px; flex: 1 } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_prodname>a { font-size: 14px; font-weight: 400; color: #000; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_sku { margin-top: 8px; font-size: 14px; font-weight: 400; color: #666; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_inquiry_number { display: flex; align-items: center; margin-top: 8px } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_viewmore { margin-top: 8px; line-height: 18px } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_viewmore>a.del-btn { font-size: 14px; font-weight: 400; color: #000; line-height: 16px; text-decoration: underline } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .mobile_prod_inquiry_item_r .mobile_prod_inquiry_item_r_viewmore .new_mobile_inquiry_view { font-size: 14px; font-weight: 400; color: #000; line-height: 16px; margin-right: 16px; text-decoration: underline } .new_mobile_prod_inquiry_main .new_mobile_prod_inquiry_item .new_mobile_prod_inquiry_hidden_data { display: none !important } @media screen and (max-width: 768px) { .new_mobile_prod_inquiry_main { display:block } .new-inquire-table-main { display: none } } .inquiry-minus,.inquiry-plus { background: #fff; border: 1px solid #ccc; border-radius: 1px; height: 1.8em; box-sizing: border-box; font-size: 14px !important; padding: 0 12px; color: #333; cursor: pointer; line-height: 1.8em; display: inline-block; text-align: center; vertical-align: middle; outline: 0; text-decoration: none } .inquiry-quan-input { box-sizing: border-box; width: 40px; line-height: 1.8em !important; height: 1.8em !important; outline: 0; border: 1px solid #ccc; text-align: center !important; font-size: 14px !important; margin-right: 4px; border-radius: 0 !important; box-shadow: none !important } .inquiry-minus { margin-right: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMTEwNkIxRDBBRDFFNDExQTZCQ0ZBQ0U0ODczRTlGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTdDODczRkQxMEUxMUU0QUFBM0UxMzU1RTJCMDVGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTdDODczRUQxMEUxMUU0QUFBM0UxMzU1RTJCMDVGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMxMTA2QjFEMEFEMUU0MTFBNkJDRkFDRTQ4NzNFOUY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMxMTA2QjFEMEFEMUU0MTFBNkJDRkFDRTQ4NzNFOUY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htVHtgAAAE1JREFUeNpi/P//PwMlgImBQjBqAAMDC4gwMTGRAFIcIPaZM2ceENIEVK8AZT5jgTJWALE9VJIUBxjCDFgDxBfI8MFrxtGENBwMAAgwAMGrD9xuXht6AAAAAElFTkSuQmCC) no-repeat center !important } .inquiry-plus { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMTEwNkIxRDBBRDFFNDExQTZCQ0ZBQ0U0ODczRTlGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0REFBOEE1QkQxMEUxMUU0OUU0QjhGRTg2NkZDNDgzMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0REFBOEE1QUQxMEUxMUU0OUU0QjhGRTg2NkZDNDgzMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMxMTA2QjFEMEFEMUU0MTFBNkJDRkFDRTQ4NzNFOUY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMxMTA2QjFEMEFEMUU0MTFBNkJDRkFDRTQ4NzNFOUY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cTbPHAAAAIlJREFUeNpi/P//PwMuYGJiwg+kOIH41ZkzZ/5hU8PEgB/MBOLnQCyGSwEhAwiCYWAACzS0JYAUBxZ5bigtC1SDTf4ZC5SxAojt8Vh0Coe4IcyANUB8AYsCTyBWA+LZQPwNi/xrRgIJCeSycCCWBCakF6PpAE86wAM2AvEDIP6CSwHeWCAGAAQYABnvH++S98utAAAAAElFTkSuQmCC) no-repeat center !important } .new_prod_inquiry_mark { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 20000; background-color: rgba(0,0,0,0.2) } .new_prod_inquiry_mark .new_prod_inquiry_popup { max-height: 70%; width: 100%; border-radius: 10px 10px 0 0; box-shadow: 0 12px 48px 0 rgba(0,0,0,0.03),0 9px 28px 0 rgba(0,0,0,0.05),0 6px 16px 0 rgba(0,0,0,0.08); position: absolute; bottom: 0; background-color: #fff; z-index: 100; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; height: 23px } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_header .new_prod_inquiry_popup_title { font-size: 20px; font-weight: 400; color: #000; line-height: 23px } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_header .new_prod_inquiry_popup_close { cursor: pointer } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main { flex: 1; overflow: auto; border: 1px solid #ddd } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item { display: flex } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item:last-of-type .new_prod_inquiry_popup_main_item_l,.new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item:last-of-type .new_prod_inquiry_popup_main_item_r { border-bottom: 0 } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item .new_prod_inquiry_popup_main_item_l { width: 104px; background: #f3f3f3; border-bottom: 1px solid #ddd; display: flex; align-items: center; padding: 10px; font-size: 14px; font-weight: 400; color: #000; line-height: 16px } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item .new_prod_inquiry_popup_main_item_r { flex: 1; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; align-items: center; padding: 10px; font-size: 14px; font-weight: 400; color: #000; line-height: 18px; flex-wrap: wrap; word-break: break-word } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item .new_prod_inquiry_popup_main_item_r .cus-message-input { background-color: inherit; color: #000; outline: 0; border: 1px solid #ccc; box-sizing: border-box; padding: 4px 6px; font-size: 14px; height: 26px !important; border-radius: 4px } .new_prod_inquiry_mark .new_prod_inquiry_popup .new_prod_inquiry_popup_main .new_prod_inquiry_popup_main_item .new_prod_inquiry_popup_main_item_r>img { width: 80px; height: 80px; object-fit: contain } /* /assets/widget/script/plugins/air-datepicker/css/datepicker.css */ .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0; border: 0 } .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1 } .datepicker--cell.-focus- { background: #f0f0f0 } .datepicker--cell.-current- { color: #4eb5e6 } .datepicker--cell.-current-.-focus- { color: #4a4a4a } .datepicker--cell.-current-.-in-range- { color: #4eb5e6 } .datepicker--cell.-in-range- { background: rgba(92,196,239,0.1); color: #4a4a4a; border-radius: 0 } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92,196,239,0.2) } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae } .datepicker--cell.-disabled-.-focus- { color: #aeaeae } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1 } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae } .datepicker--cell.-range-from- { border: 1px solid rgba(92,196,239,0.5); background-color: rgba(92,196,239,0.1); border-radius: 4px 0 0 4px } .datepicker--cell.-range-to- { border: 1px solid rgba(92,196,239,0.5); background-color: rgba(92,196,239,0.1); border-radius: 0 4px 4px 0 } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px } .datepicker--cell.-selected- { color: #fff; border: 0; background: #5cc4ef } .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef } .datepicker--cell.-selected-.-focus- { background: #45bced } .datepicker--cell:empty { cursor: default } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px } .datepicker--day-name { color: #ff9a19; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em } .datepicker--cell-day { width: 14.28571% } .datepicker--cells-months { height: 170px } .datepicker--cell-month { width: 33.33%; height: 25% } .datepicker--years { height: 170px } .datepicker--cells-years { height: 170px } .datepicker--cell-year { width: 25%; height: 33.33% } .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0; border: 0 } .datepickers-container { position: absolute; left: 0; top: 0 } @media print { .datepickers-container { display: none } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma,sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease; transition: opacity .3s ease,transform .3s ease,left 0s .3s; transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease; z-index: 100 } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px) } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px) } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px) } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px) } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease; transition: opacity .3s ease,transform .3s ease,left 0s 0s; transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none } .datepicker-inline .datepicker--pointer { display: none } .datepicker--content { box-sizing: content-box; padding: 4px } .-only-timepicker- .datepicker--content { display: none } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1 } .-top-left- .datepicker--pointer,.-top-center- .datepicker--pointer,.-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg) } .-right-top- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg) } .-bottom-left- .datepicker--pointer,.-bottom-center- .datepicker--pointer,.-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg) } .-left-top- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .-top-left- .datepicker--pointer,.-bottom-left- .datepicker--pointer { left: 10px } .-top-right- .datepicker--pointer,.-bottom-right- .datepicker--pointer { right: 10px } .-top-center- .datepicker--pointer,.-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2) } .-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer { top: 10px } .-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer { bottom: 10px } .-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer { top: calc(50% - 10px / 2) } .datepicker--body { display: none } .datepicker--body.active { display: block } .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0; border: 0 } .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px } .-only-timepicker- .datepicker--nav { display: none } .datepicker--nav-title,.datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker--nav-action:hover { background: #f0f0f0 } .datepicker--nav-action.-disabled- { visibility: hidden } .datepicker--nav-action svg { width: 32px; height: 32px } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px } .datepicker--nav-title { border-radius: 4px; padding: 0 8px } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px } .datepicker--nav-title:hover { background: #f0f0f0 } .datepicker--nav-title.-disabled- { cursor: default; background: 0 } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef } .datepicker--button { color: #4eb5e6; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0 } .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0; border: 0 } .datepicker--time { border-top: 1px solid #efefef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; position: relative } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px } .-only-timepicker- .datepicker--time { border-top: 0 } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px } .datepicker--time-label { display: none; font-size: 12px } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1 } .datepicker--time-current-hours,.datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif; position: relative; z-index: 1 } .datepicker--time-current-hours:after,.datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0 } .datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after { opacity: 1 } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat } .datepicker--time-row:first-child { margin-bottom: 4px } .datepicker--time-row input[type='range'] { background: 0; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none } .datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none } .datepicker--time-row input[type='range']::-ms-tooltip { display: none } .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type='range']:focus { outline: 0 } .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type='range']:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type='range']::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s } .datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s } .datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s } .datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px } .datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: 0; height: 1px; cursor: pointer; color: transparent; background: transparent } .datepicker--time-row input[type='range']::-moz-range-track { border: 0; height: 1px; cursor: pointer; color: transparent; background: transparent } .datepicker--time-row input[type='range']::-ms-track { border: 0; height: 1px; cursor: pointer; color: transparent; background: transparent } .datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent } .datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent } .datepicker--time-row span { padding: 0 12px } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em } .datepicker--time-icon:after,.datepicker--time-icon:before { content: ''; background: currentColor; position: absolute } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%) } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px) } .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,0.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0; border: 0 } .proNum{ padding: 10px 15px; border: 1px solid #ccc; border-radius: 10px;} .form-horizontal input{ border: 1px solid #ccc; border-radius: 10px; height:40px; line-height:40px; width:85%; margin-bottom:15px;} .required{ color:red; margin-right:5px} .form-horizontal span{ font-size:16px; font-weight:500;} .form-horizontal{ margin-top:40px !important;} #extend5{ width:85%; border: 1px solid #ccc;} #faptcha_response_field{ width:20%; padding-left:15px;} .btn-primary{ background-color: #53a8bc; border-color: #53a8bc;} .btn-primary:hover{ background-color: #3b9ab0; border-color: #3b9ab0; color:#fff;} .submitGroup{ width: 100%; float: left;} @media only screen and ( max-width:767px ) { .sitewidget-bd{ padding-left:15px; padding-right:15px;} }