﻿@charset "utf-8";
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
img{border:0;vertical-align:bottom;}
ol,ul,li{ list-style:none; }
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
input,button,textarea{-webkit-appearance: none;resize: none;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
a{color: #333;text-decoration: none;}
a:active,a:hover,a:visited,a:focus{outline:none;}
/****/
body{margin: 0 auto;min-width: 320px;max-width: 640px;background: #eee;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
.container{margin:0 auto;padding:0px;}
.container:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/**顶部广告**/
.wsy-topad{display: block;width: 100%;}
.wsy-topad a,.wsy-topad img{display: block;width: 100%;}
/**contant**/
.wsy-contant{position: relative;width: 100%;overflow: hidden;}
/**顶部导航搜索**/
.wsy-topsearch-main{position: absolute;width: 100%;z-index: 100;padding: 5px 0 8px;
	background-color: rgba(0, 0 ,0 , .6);
	background:linear-gradient(to bottom, rgba(0, 0 ,0, .75), 60%, rgba(0, 0 ,0 , 0));
	background:-webkit-linear-gradient(to bottom, rgba(0, 0 ,0, .75), 60%, rgba(0, 0 ,0 , 0));
	background:-moz-linear-gradient(to bottom, rgba(0, 0 ,0, .75), 60%, rgba(0, 0 ,0 , 0));
	background:-o-linear-gradient(to bottom, rgba(0, 0 ,0, .75), 60%, rgba(0, 0 ,0 , 0));
	filter: alpha( style=1,opacity=60,finishOpacity=0,startX=50,finishX= 100,startY=50,finishY=100);
	-ms-filter: alpha( style=1,opacity=60,finishOpacity=0,startX=50,finishX= 100,startY=50,finishY=100);}
.wsy-topsearch{display: inline-block;height: 100%;width: 100%;margin-left: 50px;padding-right: 100px;position: relative;}
.wsy-topsearch .searchtext{font-family: "PingFangSC-Regular";width: 100%;color: #939393;background-color: #f9f9f9;border: 0;line-height: 20px;font-size: 12px;padding: 5px;padding-left: 30px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.wsy-topsearch .searchbtn{position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url(../images/wsyicon.png) 3px -50px no-repeat;background-size: 120px auto;}
.wsy-topsearch-main .rightxuqiubtn,.wsy-topsearch-main .leftfenliebtn{position: absolute;top: 6px;width: 50px;text-align: center;}
.wsy-topsearch-main .rightxuqiubtn{right: 0;}
.wsy-topsearch-main .leftfenliebtn{left: 0;}
.wsy-topsearch-main .rightxuqiubtn a,.wsy-topsearch-main .leftfenliebtn a{display: block;color: #fff;font-size: 8px;line-height: 12px;}
.wsy-topsearch-main .rightxuqiubtn em,.wsy-topsearch-main .leftfenliebtn em{display: block;width: 100%;height: 20px;background: url(../images/wsyicon.png) no-repeat;background-size: 120px auto;}
.wsy-topsearch-main .leftfenliebtn em{background-position: 12px -2px;}
.wsy-topsearch-main .rightxuqiubtn em{background-position: 12px -28px;}

/**banner**/
.wsy-banner{width:100%;position:relative; overflow:hidden;}
.wsy-banner .hd{width:100%;position:absolute; z-index:1;bottom:7px;text-align:center;line-height: 1;}
.wsy-banner .hd ul{ display:inline-block;font-size:0;}
.wsy-banner .hd ul li{display:inline-block;cursor:pointer;width:6px;height:6px;border:1px solid #f4f4f4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#fff;margin:0 4px;overflow:hidden;}
.wsy-banner .hd ul .on{ background:#ff4701;border-color:#ff4701;}
.wsy-banner .bd{ position:relative; z-index:0; }
.wsy-banner .bd li{ width:100%;position: relative;}
.wsy-banner .bd li a{display: block;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.wsy-banner .bd li img{display: block;width:100%;}
/**.slides{position: relative;}
.slides img{display: block;margin:0 auto;max-width: 100%;height: auto;}
.slidesjs-pagination{position: absolute;bottom: 7px;width: 100%;list-style: none;text-align: center;z-index: 11;height: 6px;}
.slidesjs-pagination li{display: inline-block;vertical-align: top;}
.slidesjs-pagination li a{display: block;width:6px;height:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#fff;margin:0 4px;overflow:hidden;font-size:0;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#ff4701;}**/


/**快速导航**/
.wsy-quicknav{display: block;width: 100%;background-color: #fff;border-bottom: 1px solid #f0f0f0;padding-bottom: 5px;}
.wsy-quicknav li{float: left;width: 20%;text-align: center;padding-top: 10px;padding-bottom: 5px;}
.wsy-quicknav li a{float: left;width: 100%;vertical-align: top;line-height: 1;}
.wsy-quicknav li img{display: inline-block;width: 100%;padding: 0 20%;}
.wsy-quicknav span{display: inline-block;width: 100%;color: #2e2e2e;font-size: 12px;line-height: 15px;}

/**物流头条**/
.wsy-wltt{position: relative;display: block;width: 100%;background: #fff;padding: 5px 0;}
.wsy-wltt .leftwlttbtn{position: absolute;left: 0;top:5px;width: 60px;}
.wsy-wltt .leftwlttbtn img{width: 100%;display: block;}
.wsy-wltt .rightelttmore{position: absolute;right: 0;top:5px;width: 30px;background:url(../images/wsyicon.png) 4px -104px no-repeat;background-size: 120px auto;height: 38px;}
.wsy-wlttlistbox{display: block;width: 100%;height: 38px;overflow: hidden;}
.wsy-wlttlist{padding: 0 30px 0 60px;}
.wsy-wlttlist li,.wsy-wlttlist a{display: block;width: 100%;}
.wsy-wlttlist li{padding-left: 30px;background: url(../images/wsyicon.png) 4px -78px no-repeat;background-size: 120px auto;height: 38px;}
.wsy-wlttlist span{font-size: 10px;color: #2e2e2e;line-height: 38px;display: block;}
.wsy-wlttlist p{font-size: 10px;color: #ff4c09;line-height: 19px;display: block;}
/**标题**/
.mainheadtit{text-align: center;display: block;height: 30px;}
.mainheadtit p{color: #2e2e2e;font-size: 14px;display: inline-block;position: relative;font-family: "PingFangSC-Regular";line-height: 30px;}
.mainheadtit p:before,.mainheadtit p:after{content: "";position: absolute;width: 24px;height: 1px;background-color: #f8c3ae;top: 50%;margin-top: -1px;}
.mainheadtit p:before{left: -30px;}
.mainheadtit p:after{right:-30px;}
.mainheadtit p em{display: inline-block;width: 20px;height: 20px;background: url(../images/wsyicon.png) no-repeat;background-size: 120px auto;vertical-align: top;margin-top: 5px;}
.mainheadtit p em.wlbicon{background-position:0 -154px; }
.mainheadtit p em.wlglicon{background-position:0 -179px; }
.mainheadtit p em.hppicon{background-position:0 -202px;}
.mainheadtit p em.ppqjdicon{background-position:0 -231px;}
.mainheadtit p em.kmsticon{background-position:0 -270px;}
.mainheadtit p em.kmscicon{background-position:0 -306px;}
.mainheadtit p em.rmflicon{background-position:0 -339px;}
.mainheadtit p em.cnxhicon{background-position:0 -365px;}
/**物流帮**/
.wsy-wlb .leftside{float: left;width: 50%;}
.wsy-wlb .rightside{float: left;width: 25%;}
.wsy-wlb a,.wsy-wlb img{float: left;width: 100%;}
/**物流攻略**/
.wsy-wlgl{color: #fff;padding-bottom: 6px;display: block;}
.wsy-wlgl .laryer{position: absolute;background: rgba(0,0,0,.36);width: 100%;height: 100%;padding: 0 15px;}
.wsy-wlgl .laryermiddle{width: 100%;height: 100%;text-align: left;margin: 0 auto;display: -ms-flex;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.wsy-wlgl p{font-family: "SourceHanSansCN";color: #dddcdc;font-size: 10px;width: 100%;display: block;line-height:1.5;}
.wsy-wlgl span{font-family:"SourceHanSansCN";color: #fff;font-size: 15px;font-weight: bold;width: 100%;display: inline-block;}

/**品牌馆**/
.wsy-listthree{background-color: #fff;}
.wsy-listthree li{float: left;width: 33.333333%;background: #fff;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;text-align: center;}
.wsy-listthree li:nth-child(3n){border-right:1px solid #fff;}
.wsy-listthree li a{float: left;width: 100%;}
.wsy-listthree li span{font-family: "SourceHanSansCN";font-weight: bold;float: left;width: 100%;color: #363636;font-size: 16px;line-height: 1;text-align: center;margin-top: 15px;}
.wsy-listthree li p{font-family: "SourceHanSansCN";float: left;width: 100%;color: #939393;font-size: 10px;line-height:24px;text-align: center;white-space: nowrap;overflow: hidden;}
.wsy-listthree li img{float: left;width: 100%;}
/**库猫生态**/
.wsy-kmst{padding-bottom: 6px;}
.wsy-kmst li{float: left;width: 25%;background: #fff;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;text-align: center;}
.wsy-kmst li:nth-child(4n){border-right:1px solid #fff;}
.wsy-kmst li a{float: left;width: 100%;}
.wsy-kmst li span{font-family: "SourceHanSansCN";font-weight: bold;float: left;width: 100%;color: #2e2e2e;font-size: 12px;line-height: 1;text-align: center;margin-top: 15px;}
.wsy-kmst li p{font-family: "SourceHanSansCN";float: left;width: 100%;color: #939393;font-size: 10px;line-height:14px;margin-top: 5px;text-align: center;}
.wsy-kmst li img{float: left;width: 100%;}

/**热门分类**/
.wsy-listtwo{background-color: #fff;}
.wsy-listtwo li{float: left;width: 50%;background: #fff;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;position: relative;}
.wsy-listtwo li:nth-child(2n){border-right:1px solid #fff;}
.wsy-listtwo li a{float: left;width: 100%;}
.wsy-listtwo .laryerleft{position: absolute;width: 100%;height: 100%;}
.wsy-listtwo .laryermiddle{width: 100%;height: 100%;text-align: left;margin: 0 auto;display: -ms-flex;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.wsy-listtwo li span{font-family: "SourceHanSansCN";font-weight: bold;float: left;width: 100%;color: #363636;font-size: 16px;line-height: 1;margin-top: 15px;}
.wsy-listtwo li p{font-family: "SourceHanSansCN";float: left;width: 100%;color: #939393;font-size: 10px;line-height:24px;padding-left: 10px;}
.wsy-listtwo li img{float: left;width: 100%;}

/**猜你喜欢**/
.index-list{display: block;background: #fff;}
.index-list .listdiv{overflow: visible;display: block;}
.index-list .listdiv .item-product{width: 50%;float: left;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.index-list .listdiv div.item-product:nth-child(2n){border-right: 1px solid #fff;}
.index-list .item-product .cover a{display: block;text-align: center;padding: 10px;}
.index-list .item-product .cover img{  max-width: 100%;}
.index-list .item-product .fn{padding: 0 10px;text-align: center;height: 36px;clear: both;overflow: hidden;}
.index-list .item-product .fn a{color: #666666;line-height: 18px;font-size: 14px;display: inline-block;}
.index-list .item-product .prices {margin-bottom: 5px;line-height: 14px;padding: 3px 10px 5px 10px;text-align: center;height: 27px;}
.index-list .item-product em {color: #000;font-style: normal;float: left;width: 100%;margin-right: 5px;font-weight: 600;}
.index-list .item-product strong {float: left;width: 100%;}
.index-list .item-product .prices:after, .index-list .listdiv:after{clear: both;content: '\20';display: block;}

/**底部**/
.footer{border-top: 1px solid #bfbfbf;background: #f8f8f8;color: #848689;text-align: center;font-size: 12px;padding-bottom: 45px;}
.footer-links{width: 320px;margin: 0 auto;display: table;height: 13px;padding: 18px 0;}
.footer-links li {display: table-cell;width: 69px;height: 13px;line-height: 13px;font-size: 13px;}
.footer-links li:first-child, .footer-links li:nth-child(2) {border-right: 1px solid #d7d7d7;}
.footer-links li:first-child, .footer-links li:last-child {width: 90px;}
.footer-links li:last-child {border-left: 1px solid #d7d7d7;}
.footer-links li:first-child, .footer-links li:nth-child(2) {border-right: 1px solid #d7d7d7;}
.footer-links li a{color: #848689;text-decoration: none;}
.footer-platforms{height: 80px;width: 320px;margin: 0 auto;display: table;padding-top: 10px;}
.footer-platforms li {display: table-cell;}
.footer-platforms li a {display: block;width: 60px;margin: 0 auto;font-size: 12px;color: #848689;text-decoration: none;position: relative;}
.footer-platforms li a:before {content: "";display: block;height:34px;width: 33px;margin: 5px auto;background-position: 0 -70px;opacity: .6;}
.footer-platforms li.current a:before {opacity: 1;}
.footer-icon-apps a:before, .footer-icon-touchscreen a:before, .footer-icon-pc a:before{display: block;background: url(../images/kumaowapfoot.png) no-repeat;background-size: 100px 150px;}
.footer-platforms li.footer-icon-apps a:before {background-position: 0px 0px;}
.footer-platforms li.footer-icon-touchscreen a:before {background-position: 0px -34px;}
.footer-platforms li.footer-icon-pc a:before {background-position: 0px -68px;}
.footer-copyright {border-top: 1px solid #bfbfbf;height: 44px;line-height: 44px;text-align: center;color: #848689;font-size: 12px;}
.borderline-up {height: 0;border-top: 1px solid #bfbfbf;border-width: 1px 0 0 0;}
/**遮罩层-二维码**/
.dialog-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto;}
.dialog-win{display: none;position: fixed;width:100%;z-index: 100;top:50%;margin-top: -117px;}
.dialogtow{border: 1px solid #ddd;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);border-radius: 4px;background-color: #fff;}
.dialogtow .dialog-head{-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.dialogtow .dialog-head .close{float: right;display: inline-block;font-size: 20px;cursor: pointer;line-height: 30px;}
.dialogtow .dialog-body{padding: 15px 25px;}
.dialogtow .dialog-body span{display: block;width: 100%;font-size: 18px;text-align: center;}
.dialogtow .dialog-body img{display: block;margin: 0 auto;max-width: 100%;}
.dialogtow .dialog-head, .dialogtow .dialog-foot{padding: 10px 20px;}
/**底部固定条**/
.wsy-fixbootom{position: fixed;height: 45px;z-index: 28;bottom: 0;left: 0;width: 100%;}
.wsy-fixbootommenu{position: relative;width: 100%;}
.wsy-fixbootommenu li{float: left;width: 50%;border-right:1px solid #eeeeee;background-color: #ff4700;height: 45px;}
.wsy-fixbootommenu li:last-child{border-right-color: #ff4700}
.wsy-fixbootommenu li a{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 45px;text-align: center;}
.wsy-fixbootommenu li a em{vertical-align: middle;display: inline-block;background: url(../images/wsyicon.png) no-repeat;background-size: 120px auto;width: 50px;height: 30px;}
.wsy-fixbootommenu li a em.mianfeifuwu{background-position: 0 -402px;}
.wsy-fixbootommenu li a em.fabuxuqiu{background-position: 8px -442px;}

/**品牌旗舰店**/
.wsy-ppqjd a{width: 50%;float: left;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.wsy-ppqjd a:nth-child(2n){border-right-color: #fff;}



/**分类页面**/
.wsy-toptit{font-family: "PingFangSC-Regular";color: #333;font-size: 14px;padding-left: 20px;}
.fenliepage{background-color: #fff;}
.wsy-fenlie{display: block;padding-top: 45px;width: 100%;background: #fff;}
.wsy-fenlie li{float: left;width: 50%;position: relative;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.wsy-fenlie li:nth-child(2n){border-right-color: #fff;}
.wsy-fenlie li a{position: absolute;width: 100%;height: 100%;}
.wsy-fenlie li img{float: right;width: 50%;margin: 20px 0;margin-right: 10px;}
.wsy-fenlie .juzhongmiddle{width: 100%;height: 100%;text-align: left;margin: 0 auto;display: -ms-flex;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.wsy-fenlie .juzhongmiddle p{font-family: "PingFangSC-Regular";float: left;width: 100%;color: #333;font-size: 14px;line-height:2;padding-left: 10px;text-align: left;}


@media (max-width:320px){
	.wsy-listtwo li span,.wsy-listthree li span{font-size: 14px;}
	.wsy-fenlie li img{margin: 15px 0;}
	.wsy-fenlie .juzhongmiddle p{padding-left: 10px;}
}

/*****/
.wapsoofenlei{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fenleicontainer{transition: all 0s ease !important;}

.wapsoofenlei .fenleicontainer{width: 100%;height: 100%;display: block; background-color: #eee;transform: translateX(0px);position: fixed;top: 0;left: 0;z-index: 9999;overflow: hidden;-webkit-box-shadow: 6px 0 10px 0 rgba(0,0,0,.4);box-shadow: 6px 0 10px 0 rgba(0,0,0,.4);-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition: transform .5s cubic-bezier(.165,.84,.44,1);}
.wapsoofenlei .fenleiheader{overflow: hidden;height: 43px;border-bottom: 1px solid #e1e1e1;position: relative;}
.wapsoofenlei h1, .wapsoofenlei h2, .wapsoofenlei p{margin: 0;padding: 0;}
.wapsoofenlei .fenleiheader h1{font-weight: 400;float: left;width: 23%;text-align: center;line-height: 44px;color: #333;font-size: 14px;}
.wapsoofenlei .fenleicontent{width: 100%;overflow: hidden;position: absolute;top: 44px;bottom: 0;}
.wapsoofenlei .fenleiclone, .wapsoofenlei .fenleinav li.active{color: #333;background: #eee;}
.wapsoofenlei .fenleiclone, .wapsoofenlei .fenleinav li{cursor: pointer;line-height: 49px;border-bottom: 1px solid #e1e1e1;margin-right: -1px;}
.wapsoofenlei .fenleiclone{display: none;z-index: 9999;font-size: 14px;position: absolute;text-align: center;width: 23%;left: 0;}
.wapsoofenlei .fenleiclone.top{top: 0;}
.wapsoofenlei .fenleiclone.show{display: block;}
.wapsoofenlei .fenleimenu, .wapsoofenlei .fenleinav{float: left;height: 100%;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.wapsoofenlei .fenleinav {width: 23%;color: #9B9B9B;font-size: 14px;text-align: center;}
.wapsoofenlei .fenleinav li{background-color: #fff;}
.wapsoofenlei li,.wapsoofenlei ul{margin: 0;padding: 0;list-style: none;}

/*****/
.wapsoofenlei .fenleimenu, .wapsoofenlei .fenleinav{float: left;height: 100%;overflow-y: auto;overflow-x: hidden;}
.wapsoofenlei .fenleimenu{width: 77%;background: #eee;}
.wapsoofenlei .fenleimenu li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wapsoofenlei .fenleimenu .fenleili{display: none;padding: 10px 4%;}
.wapsoofenlei .fenleimenu .fenleili.active{display: block;overflow: hidden;}
.wapsoofenlei .fenleichannel{padding: 10px 0;}
.fenleimenu a,.fenleinav a{position: relative;display: block;text-decoration: none;}
.wapsoofenlei .fenleichannel a{display: block;text-align: center;line-height: 35px;font-size: 12px;color: #fff;background-color: #DD2727;}
.wapsoofenlei .fenleilist h2{font-size: 14px;line-height: 14px;color: #9b9b9b;padding: 15px 0;font-weight: bold;}
.wapsoofenlei .fenleilist h2 a{display: inline-block;color: #9b9b9b;}
.wapsoofenlei .fenleilist ul{overflow: hidden;background-color: #fff;}
.wapsoofenlei .fenleilist li{float: left;width: 33.33333%;border-right: 0.5px solid #eee;border-bottom: 0.5px solid #eee;}
.wapsoofenlei .fenleilist li:nth-child(3n){border-right-color:#fff;}
.wapsoofenlei .fenleiimg,.wapsoofenlei .fenleitext{padding: 15px 0px 10px;width: 100%;margin: 0 auto;}
.wapsoofenlei .fenleiimg.logo{padding: 38% 0 0;margin: 10px auto;}
.wapsoofenlei .fenleibanner, .wapsoofenlei .fenleiimg,.wapsoofenlei .fenleitext{position: relative;overflow: hidden;}
.wapsoofenlei .fenleiimg img{position: absolute;width: 100%;top: 0;left: 0;}
.wapsoofenlei .fenleitext{}
.wapsoofenlei .fenleitext span{display: inline-block;line-height:20px;height:20px;color: #333;font-size: 12px;width: 100%;text-align: center;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.wapsoofenlei .fenleidesc{line-height: 23px;height: 23px;padding: 4px 0;font-size: 14px;color: #5d5d5d;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.search-back{width: 22px;height: 43px;padding: 0 9px;float: left;display: block;}
.search-back .backbtn{margin-top: 10px;display: block;  width: 9px;height: 16px;background-image: url(http://m.soo56.com/wap/images/arrow.png);background-size: 9px 16px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.search-form{position: absolute;left:30px;top: 0;height: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #333;padding: 0 10px;right: 20px;width: auto;}
.search-text{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;width: 100%;padding: 0 30px 0 10px;display: block;height: 30px;border-radius: 3px;border: 0 none;margin-top: 6px;background: #fff;-webkit-appearance: none;font-size: 14px;}
.search-clear{width: 30px;height: 30px;padding: 4px;position: absolute;z-index: 2;right: 10px;top:6px;background-origin: content-box;background: url(http://m.soo56.com/wap/images/search.png) 8px 50% no-repeat;background-size: 15px 15px;-webkit-background-size: 15px 15px;}

