.submit span{color:red;}
#divProd{;width:416px;height:360px; position:absolute;top:100px; left:198px; border :#0893ac 2px solid;border-radius:6px 6px 0 0;background-color:#fff;overflow:hidden;display:none; }
#divProd .title{font-size:16px;color:white;display:block;background-color:#0893ac;line-height:26px;}
#divProd i.fa{float:right;margin:46px 6px 6px 6px; color:deepskyblue;}
 
#divProd:hover i.fa{ color:#f60;}
#divProdListBox{position:absolute;z-index:10;  width:100%;  height:330px; overflow-x:hidden;overflow-y:auto; background-color:#fff; top:26px;left:0;transition:height 0.3s;}
.ProdListBox_Close{position:absolute;z-index:11; width:20px;height:20px;line-height:18px; text-align:center;  left:calc(100% - 22px); color:#fff; background-color:#0893ac; top:2px;border-radius:4px;}
.ProdListBox_Close:hover{color:#ff0;cursor:pointer;background-color:red;}
#divProdListBox ul{margin:0; padding:0;}
#divProdListBox li{margin:2px; padding:0;list-style:none;display:block;border:#0893ac 1px dotted;height:auto; overflow:hidden;}
#divProdListBox li:hover{border :#0893ac 1px solid;}
#divProdListBox li img.cover{width:56px; height:56px;float:left;margin-right:6px;}


@media screen and (max-width:720px){
#divProd{display:none;width:calc(100% - 50px);position:absolute; top:100px; left:22px;}
.ProdListBox_Close{}
}