﻿label{font-weight:500;cursor:unset;}

.menusbar{}
.menusbar .main{padding: 5px 0 0;text-align: center;}
.menusbar .main ul{display: inline-flex;flex-wrap: wrap;}
.menusbar .main ul li{width: 120px;margin: 5px 10px 0;background-color: #eee;line-height: 36px;}
.menusbar .main a,.menusbar .sub a{color:#333;}
.menusbar .main ul li a:hover,.menusbar .main ul li a:focus,.menusbar .main ul li.cur a,.filterbar .mucate ul li.cur a,.filterbar .mucate ul li:hover a{background-color: #3a8a1b;color: #ffffff;display: block;}
.menusbar .sub{
    border-radius: 5px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
    border-top: 1px solid #3a8a1b;
}
.menusbar .sub ul{display: inline-flex;flex-wrap: wrap;width:100%;}
.menusbar .sub ul li{min-width: 50px;text-align: center;margin: 4px 5px 0;}
.mukubox{display: flex;flex-wrap: wrap;width:100%;}
.main .leftcol{width:220px;float:left;border-top: 1px solid #ddd;}
.mukubox .item{width:-moz-calc( 16.6% - 12px );width:-webkit-calc( 16.6% - 12px );width: calc(16.6% - 12px);margin: 5px;border: 1px solid #ddd;}
.leftcol .item{width:-moz-calc( 100% - 12px );width:-webkit-calc( 100% - 12px );width: calc(100% - 12px);margin: 5px;border: 1px solid #ddd;}
.mukubox .item:hover,.mukubox .item:focus,.leftcol .item:hover,.leftcol .item:focus{border: 1px solid #f40;}
.mukubox .item .pic,.leftcol .item .pic{width:-moz-calc( 100% - 2px );width:-webkit-calc( 100% - 2px );width: calc( 100% - 2px );height: 180px;margin: 3px auto 0;overflow: hidden;text-align: center;}
.mukubox .item .pic a,.leftcol .item .pic a{display: inline-block;width:-moz-calc( 100% - 4px );width:-webkit-calc( 100% - 4px );width: calc( 100% - 4px );overflow: hidden;background-color: #eee;}
.mukubox .item .pic img,.leftcol .item .pic img{height: 180px;width:auto;}
.mukubox .item .pic img:hover {transform: scale(1.4,1.4);transition: transform 0.5s ease 0s;opacity: 0.9;}
.mukubox .item .info,.leftcol .item .info{padding: 5px 5px;font-size: 12px;line-height: 12px;}
.mukubox .item .info .title,.leftcol .item .info .title{font-size: 14px;line-height: 22px;height: 22px;overflow: hidden;}
.mukubox .item .info .atrr ul,.leftcol .item .info .atrr ul{display: inline-flex;flex-wrap: wrap;width:100%;}
.mukubox .item .info .atrr ul li.lt,.leftcol .item .info .atrr ul li.lt{width:-moz-calc( 50% - 4px );width:-webkit-calc( 50% - 4px );width: calc( 50% - 4px );padding: 2px 4px 2px 0;height: 12px;overflow: hidden;}
.mukubox .item .info .atrr ul li.rt,.leftcol .item .info .atrr ul li.rt{width:-moz-calc( 50% - 4px );width:-webkit-calc( 50% - 4px );width: calc( 50% - 4px);padding: 2px 4px 2px 0;height: 12px;overflow: hidden;}
.mukubox .item .info .addcartbtn,.leftcol .item .info .addcartbtn{width: 100px;height: 24px;border: 1px solid #eee;line-height: 24px;display: inline-block;cursor:pointer;margin: 5px 0 0;}
.addcartbtn .fa-shopping-cart:before{margin: 0 5px;font-size: 16px;color: #3a8a1b;}
.mukubox .item:hover .info .addcartbtn,.leftcol .item:hover .info .addcartbtn{border: 1px solid #f40;color:#f40; }
.mukubox .item:hover .info .addcartbtn .fa-shopping-cart:before,.leftcol .item:hover .info .addcartbtn .fa-shopping-cart:before{color:#f40;}

.filterbar{
    border: 1px solid #eee;
    margin-bottom: 8px;
    padding: 10px 30px;
    background: #fff;
    border-top: 1px solid #3a8a1b;
    border-radius: 5px;
}
.filterbar .mucate{
    display: inline-flex;
    font-size: 14px;
    flex-wrap: wrap;
    width: 100%;
}
.filterbar .mucate label{
    float: left;
    width: 68px;
}
.filterbar .mucate ul{
    float: left;
    overflow: hidden;
    /*height: 26px;*/
    width:-moz-calc( 100% - 130px );
    width:-webkit-calc( 100% - 130px );
    width: calc( 100% - 130px );
}
.filterbar .mucate ul li{
    margin: 0px 8px;
    float: left;
    color: #636363;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filterbar .mucate ul li a{padding:0 4px;color: #333;}

.more-catebtn{
    margin-top: 4px;
    margin-right: 4px;
    float: right;
    color: #636363;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0px 18px 0px 10px;
    width: 30px;
    background: url(/tpl/pink1/images/arr_down.jpg) 37px center no-repeat;
    display: none;
}
.searched_item{
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #cbecc1;
    padding: 0px 10px 2px 10px;
    margin: 5px 5px 5px 0;
    float: left;
}
.pintrbox{display: inline-flex;flex-wrap: wrap;width: 100%;}
.pintrbox .info{width: -moz-calc( 100% - 352px );
    width: -webkit-calc( 100% - 332px );
    width: calc( 100% - 332px );
    padding: 10px 0 0 20px;
    background-color: #f2feee;
    background: linear-gradient(180deg, #f2feee,#fff);
    color: #333;
}
.pintrbox .info h1{font-size: 24px;}
.pintrbox .info .attr{margin: 10px 10px 0 0;border: 1px solid #eee;border-radius: 5px;padding: 10px;background: linear-gradient(180deg,#e4fcdd,#f2feee);}
.pintrbox .info .attr ul{display: inline-flex;flex-wrap: wrap;width: 100%;}
.pintrbox .info .attr ul li{margin: 0px 0;}
.pintrbox .info .attr ul .snid,.pintrbox .info .attr ul .attrlab,.pintrbox .info .attr ul .bustid,.pintrbox .info .attr ul .crownid{width:-moz-calc( 50% - 10px );width:-webkit-calc( 50% - 10px );width: calc( 50% - 10px );}
.pintrbox .info .attr ul .creattime,.pintrbox .info .attr ul .level,.pintrbox .info .attr ul .heightid,.pintrbox .info .attr ul .branchid{width:-moz-calc( 50% - 10px );width:-webkit-calc( 50% - 10px );width: calc( 50% - 10px );}
.mainpicbox{width: 312px;}
.mainpicbox .gzbar{display: inline-flex;line-height: 28px;cursor: pointer;}
.pintrbox .info .attr .cont{background-color: #f2feee;margin: 10px 0;width: -moz-calc( 100% - 32px );width: -webkit-calc( 100% - 32px );width: calc( 100% - 12px );border: 1px solid #ddd;padding: 5px;border-radius: 5px;height: 85px;overflow: hidden;}
.pintrbox .info .buybar{padding: 10px 0;}
.pintrbox .info .buybar .toolbar{padding: 5px 10px;}
.pintrbox .info .buybar .toolbar .buynum{width:80px;height: 22px;margin-right: 5px;padding-left: 2px;}
.pintrbox .info .buybar .buttonbar{padding: 10px;float:left;}
.pintrbox .info .buybar .buttonbar .addcart{width: 120px;margin: 0 20px 0 0;color: #E3393C;}
.pintrbox .info .buybar .buttonbar .buynow{width: 120px;color: #E3393C;}

.main .labbox{display: inline-flex;}
.main .label{color: #333;font-size: 16px;font-weight: 500;padding: 0;line-height: 28px;}
.main .leftlabs{width: 100%;}
.main .leftlabs ul{display: inline-flex;flex-wrap: wrap;width:100%;}
.main .leftlabs ul li{float: unset;background-color: #dafbd0;}
.leftlabs ul li:hover, .leftlabs ul li.cur {background-color: #009900;}
.main .label,.main .leftcol label{margin:5px 0px 0 8px;}
.main .leftcol .item{margin-bottom: 15px;}
.main .content label{margin:5px 0px 0;}
.main .content{border: 1px solid #ddd;float: right;width: 932px;padding: 0 10px 10px;}
.main .content article{padding:10px 0px;}
.content article hr, .content .artcont hr{border: 1px solid #ddd;margin: 5px 0 10px;}
.content img {margin: 10px auto;width: 600px;height: auto;}
.fa-star:before{color: #E3393C;line-height: 28px;}

.jqzoom{width: 302px;height: 300px;position: relative;text-align: center;background-color: #eee;overflow: hidden;}
.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 1px;
    left: 0px;
    width: 400px;
    height: 400px;
    background: #fff no-repeat center center;
    border: 1px solid #e4e4e4;
    display: none;
    text-align: center;
    overflow: hidden;
}
.zoomdiv {
    left: 859px;
    height: 400px;
    width: 400px;
}
.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #FEDE4F 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
}
#spec-n5 {
    width: 306px;
    height: 63px;
    padding-top: 6px;
    overflow: hidden;
}
.left_btn {
    cursor: pointer;
    width: 6px;
    height: 55px;
    float: left;
    border: 1px solid #ccc;
    background: url(/tpl/pink1/images/left_btn.gif) no-repeat 0px 22px;
}
#spec-list {
    position: relative;
    width: 282px;
    margin-right: 3px;
    float: left;
    overflow: hidden;
    margin-left: 2px;
    display: inline;
}
.right_btn {
    cursor: pointer;
    width: 6px;
    height: 55px;
    float: left;
    border: 1px solid #ccc;
    background: url(/tpl/pink1/images/right_btn.gif) no-repeat 2px 22px;
}
#spec-list ul li {
    float: left;
    margin-right: 0px;
    display: inline;
}
#spec-list ul li img {
    padding: 2px;
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
}
#spec-list .ware_pic_hover img {
    border: 1px solid rgb(233, 148, 134);
}

.carttable{width:100%;}
.carttable .head{background: #f3f3f3;border: 1px solid #e9e9e9;}
.carttable .head th{font-weight: 500;padding: 5px 0;}
.carttable .data{background-color: #fff4e8;border-style: solid; border-width: 2px 1px 1px;_border-width: 1px;border-color: #aaa #f1f1f1 #f1f1f1;}
.carttable .data td{font-size: 14px;vertical-align: top;padding-top:2px;}
.carttable .data td .inputnum{height: 20px;}
.carttable .data .mubox{display: inline-flex;padding: 5px 0;width:100%;}
.carttable .data .mubox .pic{display: inline-block;border: 1px solid #ddd;padding: 2px;}
.carttable .data .mubox .pic img{width: 100px;height: 100px;}
.carttable .data .mubox .title{display: inline-block;width: -moz-calc( 100% - 121px );width: -webkit-calc( 100% - 121px );width: calc( 100% - 121px );padding: 0 10px 0 5px;line-height: 20px;font-size: 14px;}
.mucart .emptycart{width: 100%;text-align: center;height: 40px;line-height: 40px;}
.mucart .emptycart a{color:#333;}
.menusbar .sub a:hover,.carttable .data .mubox .title:hover,.carttable .data .mubox .title:focus,.mucart .emptycart a:hover,.mukubox .item .info .title a:hover,.leftcol .item .info .title a:hover{text-decoration: underline;color: #3a8a1b;}
.main .toolbar{padding: 10px;background-color: #eee;border: 1px solid #ddd;font-size: 16px;}
.main .toolbar .username{margin: 0 20px 0 0;width: 120px;}
.main .toolbar .tel{margin: 0 20px 0 0;width: 180px;}
.main .toolbar .addr{width: 280px;}
.main .toolbar .buynow{float: right;margin-right: 20px;padding: 0 20px;color: red;}
.carttable .pname{width: auto;}
.carttable .snid{width: 180px;}
.carttable .munum{width: 120px;}
.carttable .num{width: 120px;}
.carttable .price{width: 120px;}
.carttable .opbtn{width: 100px;}

@media (max-width: 1200px) {
    .main .content{width: -moz-calc( 100% - 260px );width: -webkit-calc( 100% - 260px );width: calc( 100% - 260px );}
}
@media (max-width: 1024px) {
    .menusbar .main ul,.filterbar .mucate label,.filterbar .mucate ul{width:100%;line-height: 18px;margin: 2px 0px;}
    .menusbar .sub{padding:10px;}
    .menusbar .main ul li{margin: 5px 5px 0;}
    .mukubox .item{width: -moz-calc( 20% - 12px );width: -webkit-calc( 20% - 12px );width: calc( 20% - 12px);}
    .filterbar{padding: 5px;}
    .filterbar .mucate ul li{margin: 2px 8px 2px 0;}
    .main .toolbar .username{margin: 0 10px 0 0;width: 90px;}
    .main .toolbar .tel{margin: 0 10px 0 0;width: 120px;}
    .main .toolbar .addr {width: 200px;}
}

@media (max-width: 768px) {
    .mainpicbox{width:100%;}
    .mukubox .item{width: -moz-calc( 25% - 12px );width: -webkit-calc( 25% - 12px );width: calc( 25% - 12px);}
    .jqzoom{width: 100%;height: -moz-calc( 100vw - 20px );height: -webkit-calc( 100vw - 20px );height: calc( 100vw - 20px );}
    .jqzoom img{height:100%;}
    .pintrbox .info .attr .cont{height: auto;}
    #spec-n5{width:100%;}
    #spec-list{width: -moz-calc( 100% - 22px );width: -webkit-calc( 100% - 22px );width: calc( 100% - 22px );}
    .mainpicbox .gzbar{padding: 2px 5px;}
    .pintrbox .info{width: 100%;padding: 5px 5px;}
    .pintrbox .info .attr{margin: 5px 0;padding: 5px 5px;}
    .main .leftcol{display: none;}
    .main .content{width: -moz-calc( 100% - 20px );width: -webkit-calc( 100% - 20px );width: calc( 100% - 20px );}
    .content img{width: 100%;}
    .main .toolbar .username{margin: 0 10px 0 0;width: 80px;}
    .main .toolbar .tel{margin: 0 10px 0 0;width: 90px;}
    .main .toolbar .addr {width: 150px;}
    .main .toolbar .buynow{margin: 5px 0 0;}
    .carttable .snid{display: none;}
    .carttable .pname{width: auto;}
    .carttable .snid{width: 150px;}
    .carttable .munum{width: 100px;}
    .carttable .num{width: 60px;}
    .carttable .price{width: 60px;}
    .carttable .opbtn{width: 40px;}
}
@media (max-width: 414px) {
    .menusbar .main ul li{width: -moz-calc( 33% - 12px );width: -webkit-calc( 33% - 12px );width: calc( 33% - 20px );}
    .mukubox .item{width: -moz-calc( 50% - 12px );width: -webkit-calc( 50% - 12px );width: calc( 50% - 12px);}
    .pintrbox .info .attr ul .snid, .pintrbox .info .attr ul .attrlab, .pintrbox .info .attr ul .bustid, .pintrbox .info .attr ul .crownid{width:100%;}
    .pintrbox .info .attr ul .creattime, .pintrbox .info .attr ul .level, .pintrbox .info .attr ul .heightid, .pintrbox .info .attr ul .branchid{width:100%;}
    .carttable .snid,.carttable .munum,.carttable .price{display: none;}
    .carttable .data .mubox .pic img{width: 80px;height:80px;}
    .main .toolbar .username{width: -moz-calc( 100% - 55px );width: -webkit-calc( 100% - 55px );width: calc( 100% - 55px );margin: 5px 0 0;}
    .main .toolbar .tel{width: -moz-calc( 100% - 72px );width: -webkit-calc( 100% - 72px );width: calc( 100% - 72px );margin: 5px 0 0;}
    .main .toolbar .addr{width: -moz-calc( 100% - 89px );width: -webkit-calc( 100% - 89px );width: calc( 100% - 89px );margin: 5px 0 0;}
}
@media (max-width: 360px) {

}
@media (max-width: 320px) {

}