body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,legend,input,button,textarea,p,blockquote,th,td,table,tbody,article,aside,dialog,footer,header,section,footer,nav,figure,menu{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,ol,li{list-style-type:none}
img{border:0;}
input {overflow:visible;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}
.girth_child_margin {zoom: 1;}.girth_child_margin:before {content:"";margin:0 0 -1px 0;display: block;height: 1px;visibility: hidden;position: relative;z-index: -1;}.girth_child_margin:after {content:"";margin:-1px 0 0 0;display: block;height: 1px;visibility: hidden;position: relative;z-index: -1;}
.hidden{display:none}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
em{font-style:normal}
i{display:block;overflow:hidden}
a{blr:expression(this.onFocus=this.blur());outline:0}
a{text-decoration:none;color: #000;}
a:hover{color:#800000}
body{color:#000;font:normal 12px/1.6 '宋体';}

.wrap{width: 1000px;margin: 0 auto;}
/*head*/
.head{line-height: 25px;}
.top{margin-bottom: 15px;}
.scroll{width: 594px;height: 25px;float: left;}
.tips{width: 376px; height: 25px; background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/ no-repeat 0 0;float: left;padding-left: 30px;}

.logo{width: 277px;float: left;}
.search{width: 375px;height: 33px; float: left;background: url(../images/search.png)/*tpa=http://kaimonokopi.com/images/search.png*/;margin-left: 45px;margin-top: 20px;}
.search a{font-size: 14px;font-weight: bold;color: #fff;padding: 9px 28px;}
.search .key{border: 0px;width: 277px;height: 29px;line-height: 29px;margin-left: 2px; margin-top: 2px;padding-left: 10px;}

.email{width: 300px;float: left;text-align: right;}
.email a{margin: 0 10px;}

.bot{background: url(../images/menu_bg.png)/*tpa=http://kaimonokopi.com/images/menu_bg.png*/;height: 36px; line-height: 36px;margin-top: 15px;}
.bot a{font-size: 14px;font-weight: bolder;color: #fff;display: block;float: left;margin: 0 42px;}
.bot a:hover{color: #800000;}
.bot span{display: block;background: url(../images/menu_line.png)/*tpa=http://kaimonokopi.com/images/menu_line.png*/;width: 5px;height: 30px;float: left;margin-top: 3px;}
/*banner*/
.banner{margin-top: 15px;}
.box{width: 755px;height: 290px;background: #eee;float: left;}
.ems{width: 225px;height: 290px;float: left;border:1px solid #cbcbcb;margin-left: 18px;}
.ems .title{width: 225px;height: 48px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 1px -111px;border-bottom: 1px solid #cbcbcb}
.ems li{padding-left: 5px;line-height: 24px;}

/*main*/
.main{margin-top: 15px;}
.aside{width: 202px;float:left;}
.aside .title{width: 200px;height: 245px;background: url(../ohayo.jpg);}
.aside ul{border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb;}
.aside .title-txt{width: 200px;height: 35px; line-height: 35px;text-align: center;font-weight: bold;border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;font-size: 14px;background: #000;color: #fff;}
.aside .item{width: 200px;height: 34px;background: #e9e9e9;border-bottom: 1px solid #b2b2b2;position:relative;}
.aside .item a{line-height: 34px;font-size:14px;padding-left:30px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 8px -247px;display: block;height:34px;overflow:hidden}

.the-box{width: 200px;border: 1px solid #cbcbcb;position: absolute;top:-1px;left: 200px;display: none;z-index: 99}
.the-box .the-title{font-weight: bold;background: #b2b2b2;}
.the-box li{width: 200px;height: 34px;background: #e9e9e9;border-bottom: 1px solid #b2b2b2;}

.rank-title{width: 200px;height: 48px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 0 -168px;border: 1px solid #cbcbcb;margin-top: 15px;}
.rank-item ul{border: 1px solid #fff;}
.rank-item li{border-bottom: 1px dotted #cbcbcb;padding: 10px 0;}
.rank-item li img{width: 90px;height: 90px;margin-right: 10px;}
.rank-item a{display: block;float: left;}
.rank-item .txt{width: 100px;height:38px;overflow:hidden;}
.rank-item p{color: #C32F5C;float: left;margin-top: 10px;}
/*section*/
.section{width: 780px;float: left;margin-left: 18px;}

.brand-box .title{width: 748px;height: 36px;line-height: 36px;background:#e9e9e9;font-size: 14px;font-weight: bold;padding-left: 30px;}
.brand-box .title a{font-size: 12px;float: right;font-weight:normal;padding-right:10px;}
.brand-box .img-list a{display: block;float: left;}

/*pro-wrap*/
.pro-wrap{width: 778px;border: 1px solid #cbcbcb;margin-top: 15px;}
.pro-wrap .title{width: 748px;height: 36px;line-height: 36px;background:#e9e9e9;font-size: 14px;font-weight: bold;padding-left: 30px;position: relative;border-bottom: 1px solid #cbcbcb}
.pro-wrap .title a{font-size: 12px;float: right;font-weight:normal;padding-right:10px;}
.pro-wrap .title span{display: block;width: 9px;height: 20px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 0 -227px;position: absolute;left: 10px;top: 8px;}

.pro-wrap .item{width: 177px;border:1px solid #fff;float: left;margin: 16px 7px 7px 8px;padding-bottom: 10px;}
.pro-wrap .item img{border: 1px solid #cbcbcb;padding: 1px;width: 173px;height: 173px;}
.pro-wrap .item .txt{line-height: 20px;color: #444;font-size: 14px;font-weight: bold;text-align: center;display: block;width: 177px;height: 40px;overflow:hidden;}
.pro-wrap .item .txt:hover{color: #800000;}
.pro-wrap .item p{text-align: center;color: #C32F5C;font-weight: bold;margin: 8px 0;font-size: 14px;}
.pro-wrap .item .btn{width: 119px;height: 33px;line-height: 33px;text-align: center;margin:0 auto; background: #800000;color: #fff;font-weight: bold;font-size: 14px;border-radius: 3px;display: block;}


/*bot-txt*/
.bot-txt .title{width: 776px;height: 36px;padding: 1px; border: 1px solid #cbcbcb;margin-top: 15px;}
.bot-txt .span{line-height: 36px;padding-left: 15px; color: #333; background:#e9e9e9;font-size: 14px;font-weight: bold;display: block;}
.bot-txt .left,.bot-txt .right{width: 380px;float: left;margin-top: 10px;overflow: :hidden;}
.bot-txt .right{margin-left: 20px;}
/*copyright*/
.copyright{text-align: center;margin-top: 15px;padding-bottom: 15px;}


/*brand*/
.navi{width: 765px;height: 33px; line-height: 33px;padding-left: 15px;font-weight: bold; background: url(../images/navi.png)/*tpa=http://kaimonokopi.com/images/navi.png*/;}

.brand-box{width: 776px;border-left: 2px solid #ededed;border-right: 2px solid #ededed;border-bottom: 2px solid #ededed;}
.brand-box .img{float: left;}
.brand-box .txt{float: left;width: 440px;padding: 10px;}

.menu-item{width: 780px;background: #f7f8f8;margin-top: 15px;padding-bottom: 10px;}
.menu-item p{font-size: 14px;font-weight: bold;color: #800000;padding: 10px;}
.menu-item a{display: block;float: left;padding: 3px;background: #eee;width: 120px;height:20px; overflow: hidden;margin: 5px 15px;}

.brand-pro{border: 1px solid #fff;}

/*pager*/
.pager-wrap {overflow: hidden;zoom: 1;font-size: 14px;border-top:4px solid #e9e9e9; line-height: 34px;height: 34px;padding-right:12px;width:765px;float:left}
.pager-info {font-weight: bold;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 0 -220px;padding-left: 15px;} 
.pager-wrap .pager {overflow: hidden;zoom: 1;margin-top:5px;font-weight: bold;}
.pager a {float: left;width: 21px;height: 21px;border:1px #b3b3b3 solid; line-height: 21px;text-align: center;border-radius: 50%;color:#191919;margin-left: 6px;}
.pager .next,.pager .prev {width: auto;padding:0 10px;border-radius: 10px;}
.pager a:hover,.pager .current {background: #800000;color: #fff;}

/*detail*/
.detail-box{width: 756px;padding: 10px; border-left: 2px solid #ededed;border-right: 2px solid #ededed;border-bottom: 2px solid #ededed;}
.detail-box .h3{text-align: center;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.detail-box li{line-height: 25px; border-bottom: 1px solid #eee;}
/*pro-detail*/
.pro-info{padding-top: 15px;}
.pro-info .img{width: 340px;text-align:center;}
.pro-info .img img{width: 300px;height: 300px;margin-bottom: 10px;margin-top:10px;}
.pro-info .img .pre{display: block;width: 63px;height: 25px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 0 -340px;float: left;margin-left: 85px;}
.pro-info .img .next{display: block;width: 63px;height: 25px;background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat 0 -372px;float: left;margin-left: 15px;}
.pro-info .info{width: 420px;margin-left: 20px;}
.pro-info .info h1{font-size: 14px;padding-left: 5px;}
.pro-info .info .line{display: block;;width: 420px;height: 10px; background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat -40px -293px;margin-top: 5px;}
.pro-info .info .txt{width: 420px;height: 205px;line-height:23px;}
    .pro-info .info .txt span {
        color:#ff0000;
    }
.pro-info .info .price{color: #272727;position: relative;}
.pro-info .info .price li{line-height: 30px;;}
.pro-info .info .price li span{position: absolute;left: 220px;}
.pro-info .info .price li a{display: block;width: 130px;height: 30px;float: left;margin-top: 10px;}
.pro-info .info .buy{background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat -1px -408px;}
.pro-info .info .ask{background: url(../images/bg.png)/*tpa=http://kaimonokopi.com/images/bg.png*/no-repeat -144px -408px;margin-left: 75px !important;}

/*pro-detail*/
.pro-detail{width: 778px;border: 1px solid #cbcbcb;margin-top: 50px;}
.pro-detail .title{width: 778px;height: 32px;border-bottom: 4px solid #800000;}
.pro-detail .title span{display: block;float: left;background: #e9e9e9;height: 32px;width: 194px;text-align: center; line-height: 32px;font-size: 14px;font-weight: bold;cursor: pointer;}
.pro-detail .title .line{border-right: 1px solid #cbcbcb;}
.pro-detail .title .current{background: #800000;color: #fff;}
.pro-detail .detail-box{display: none;width: 754px;padding: 10px;}
.pro-detail .current-box{display: block;}
.detail-img {
}
    .detail-img img {
        clear:both;
        display:block;
        margin:auto;
    }

 /**/
.online
{
    width: 780px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-top: 15px;
}

    .online li
    {
        font-size: 12px;
        line-height: 25px;
        margin-bottom: 5px;
        color: #626262;
    }

    .online span
    {
        color: #ff0000;
    }

.onlineli_top
{
    border-bottom: 1px dashed #eee;
    margin-top: 15px;
    
}

.onlineli_btm
{
    border-bottom: 2px solid #999;
}
.o_kf
{
    width: 730px;
    margin-top: 30px;
    font-size: 12px;
    margin-left: 10px;
    color: #686868;
}

.kf_img
{
    float: left;
    width: 275px;
    height: 136px;
    margin-left: 10px;
    display: inline;
}

.kf_ul
{
    float: right;
    width: 375px;
    height: 200px;
}

    .kf_ul li
    {
        width: 370px;
        margin-bottom: 5px;
    }

    .kf_ul span
    {
        color: #ff8123;
    }

.area
{
    width: 325px;
    height: 55px;
    margin-left:36px;
    border: 1px solid #cccccc;
}

.o_mail
{
    border: 1px solid #ccc;
    width: 200px;
    height: 20px;
}

.o_mun
{
    width: 50px;
    border: 1px solid #ccc;
    height: 20px;
}

.o_btn img
{
    margin-left: 60px;
}

.mun
{
    float: left;
    width: 350px;
}

    .mun li
    {
        float: left;
        width: 60px;
    }

.o_msg
{
    width: 762px;
    margin-left: 10px;
    margin-top: 30px;
}

.head-mid {
    width:250px;
    height:100px;
    float:left;
    margin-left:10px;
}
.tips-show {
    background-color:#ff8123;
    color:#fff;
    padding:2px;
}
.code {text-align:center;
}