/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
.m10{width:375px;height:200px; border-radius:5px;}
.m10 a {display: inline-block;padding:.625rem;margin-right:3px;color:#fff;text-align: center;color:#181818;text-decoration: none;font-size:13px;}
.m10 a:hover{background: #Dc3456;color:#fff;transition: all .5s ease-in-out;border-radius: 5px;}
.link{margin:20px auto;text-align: center;}
/*.c1{background:transparent;}
.c2{background:transparent;}
.c3{background:transparent;}*/
/*main*/
.lanrenzhijia{width:400px;margin:400px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc;border-radius: 10px;}
 .title{height:20px;margin-top: -9px;}
 .title h2{ font-size: 20px;font-family: "microsoft yahei";}
 .title-list{ position: relative; top: 20px;}
 .title-list li{color:#444; border:none; width: 124px; line-height: 28px; text-align: center; float: left; display: inline;font-size:16px;}
 .title-list li.on{ color: #ff6600; font-weight: bold; font-size:16px;   transition: all .5s;
    
    box-shadow: 0 0 1px 0.3em;
    border-radius: 50px 0px 50px 0px;}
 .title-list p{position:absolute;top:24px;left:0px;width:125px;height:7px; overflow: hidden; text-align: center;}
 .title-list b{display:inline-block;width:0;height:0; margin-top: -7px;border-style: dashed solid dashed dashed;border-width: 9px;  border-color: #fff #fff #ce2525 #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height:265px;position: relative; overflow: hidden; display: none;background:#ccc;}
.product ul{ position: absolute; left: -19px;top:47px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: transparent;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transitionjavascript:void(0): 0.4s;-ms-transition: 0.4s;width: 100%;border:none;    height: 230px;margin-left: 10px;margin-top: -12px;line-height: 32px;padding-top: 10px;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}