@import "base.css";

@font-face {
    font-family: 'unmnunmn';
    src: url('fonts/unmnhost.eot');
    src: url('fonts/unmnhost.eot?#iefix') format('embedded-opentype'),
         url('fonts/unmnhost.woff2') format('woff2'),
         url('fonts/unmnhost.woff') format('woff'),
         url('fonts/unmnhost.ttf') format('truetype'),
         url('fonts/unmnhost.svg#unmnunmn') format('svg');
    font-weight: normal;
    font-style: normal;
 }

#banner{ height:250px;}
.contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}

.vtit{ background:#fff; box-shadow:1px 2px 3px #dededf; height:80px; font-size:18px; text-align:center}
.vtit a{ display:block; height:72px; border-bottom:5px solid #fff; width:100%; line-height:72px;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vtit a:hover{ background:#f8f8f8}
.vtit a.on{border-color:#e8251e; color:#e8251e}
.vtit a i{ font-family:'unmnunmn'; font-weight:normal; font-style:normal; font-size:28px; padding:5px 5px 0 0;}
.line{ height:30px; border-bottom:1px dotted #c0c0c0; clear:both;}

.safe_des{ line-height:25px; font-size:15px; color:#404040;  }
.buy{ text-align:center; padding:5px 0 0}
.buy span{ font-size:16px; padding:0 25px}
.buy span b{ color:#f60; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; padding:0 5px 0 0}
.buy a.bnt{ padding:12px 45px;}


.safe_goods li{float:left; width:281px; display:inline; margin:0 0 0 24px; box-shadow:1px 2px 3px #eee; text-align:center}
.safe_goods li.frist{ margin-left:0}
.safe_goods li .tit{ background:#eee; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#202020; font-weight:normal}
.safe_goods li .con{ border:1px solid #e8e8e8; border-top:none; padding:15px}
.buy_num{ padding:0 0 15px; font-size:14px; text-align:center; color:#606060}
.buy_num b{ color:#F90; font-family:Arial, Helvetica, sans-serif; padding:0 3px; font-size:16px}
.safe_goods li .con p{ height:23px; line-height:23px; color:#606060;}
.safe_goods li .con .price{ text-align:center; font-size:14px; border-top:1px dashed #e8e8e8; margin:15px 0 0; padding:15px 0; color:#606060 }
.safe_goods li .con .price b{ font-family:Arial, Helvetica, sans-serif; color:#F00; font-size:24px; padding:0 3px}
.safe_goods li .con .buy { text-align:center; padding-bottom:10px}
.safe_goods li .con .buy a.bnt{ padding:8px 50px}


.boxrow{}
.boxrow li{ float:left; width:264px; display:inline; margin:30px 0 0 48px}
.boxrow li.frist{ margin-left:0}
.boxrow .img{ font-family:'unmnunmn'; font-size:48px; color:#9d58b5; width:100px; text-align:center; line-height:100px;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; margin:0 auto; border:1px solid #9d58b5; border-radius:50%}

.boxrow .con h3{ height:60px; line-height:60px; font-weight:normal; font-size:18px; color:#202020; text-align:center}
.boxrow .con p{ font-size:14px; line-height:25px;  overflow:hidden; color:#606060; border-top:1px  dotted #c0c0c0; padding:10px 0 0}
.boxrow li.s2 .img{color:#16a086;border:1px solid #16a086;}
.boxrow li.s3 .img{color:#e82521;border:1px solid #e82521;}
.boxrow li.s4 .img{color:#2a80b9;border:1px solid #2a80b9;}

.boxrow li:hover .img{ color:#e8251e; font-size:36px}
.boxrow li:hover .con h3{ color:#000}
.boxrow li:hover .con p{ color:#404040}


.boxrow li.s1:hover .img{color:#fff; background:#9d58b5;}
.boxrow li.s2:hover .img{color:#fff; background:#16a086;}
.boxrow li.s3:hover .img{color:#fff; background:#e82521;}
.boxrow li.s4:hover .img{color:#fff; background:#2a80b9;}

#AutoNumber6 td{ padding:8px;}
.tb td{padding:8px;}