body{background-color:#f5f5f5;}

.prosel { width:1400px; background:#fff; float:left; text-align:left; overflow:hidden;border-radius:8px;margin:20px 0 0 0;}
.prosel .prosel-header { width:100%; float:left; padding:20px; box-sizing:border-box; border-bottom:1px solid #eee; }
.prosel .prosel-header .prosel-logo { float:left; width:60px; height:60px;  margin-right:15px; }
.prosel .prosel-header .prosel-logo img{float:left; width:60px; height:60px;border-radius:8px; }
.prosel .prosel-header .prosel-title { float:left; }
.prosel .prosel-header .prosel-title h1 { font-size:22px; color:#333; margin:4px 0 0 0; line-height:1.2; }
.prosel .prosel-header .prosel-title p { font-size:15px; color:#666; margin:5px 0 0; }
.prosel .prosel-header .prosel-reset { float:right; font-size:13px; color:#666; line-height:60px; cursor:pointer;background:url(../img/sx.png) left center no-repeat;padding-left:25px;}
.prosel .prosel-type { width:100%; float:left; padding:12px 16px; box-sizing:border-box; border-bottom:1px solid #eee; }
.prosel .prosel-type .prosel-label { float:left; font-size:12px; color:#666; width:90px; line-height:32px;}
.prosel .prosel-type .prosel-label-right{float:left;width:calc(100% - 90px);}

.prosel .prosel-type .prosel-label-right .select-item{float:left;margin-right:10px;font-size:12px;}
.prosel .prosel-type .prosel-label-right .select-item .s1{float:left;height:35px;line-height:35px;padding:0 30px;text-align:center;border-radius:36px;background-color:#f6f6f6;cursor:pointer;}
.prosel .prosel-type .prosel-label-right .select-item .xllist{float:left;margin:36px 0 0 0;width:110px;position:absolute;background-color:#fcfcfc;z-index:9;max-height:210px;}
.prosel .prosel-type .prosel-label-right .select-item .xllist a{float:left;line-height:35px;width:100%;text-align:center;font-size:12px;}
.prosel .prosel-type .prosel-label-right .select-item .xllist a:hover{color:#ff0000;background-color:#fff;}
.prosel .prosel-type .prosel-label-right .select-item .xllist .a1{color:#ff0000;}
.prosel .prosel-type .prosel-label-right .select-item:hover .s1{border-radius:8px 8px 0 0;}
.prosel .prosel-type .prosel-label-right .select-item .xllist1{overflow-y:scroll;}

.prosel .prosel-type .prosel-item { float:left; padding:0 10px; font-size:12px; color:#333; line-height:32px; cursor:pointer; margin-right:20px; }
.prosel .prosel-type .prosel-item.active { color:#ff7a00; background:#fff3e0; border-radius:4px; }
.prosel .prosel-type .prosel-item:hover {background-color:#f7f7f7;}
.prosel .prosel-area { width:100%; float:left; padding:12px 16px; box-sizing:border-box; border-bottom:1px solid #eee; }
.prosel .prosel-area .prosel-label { float:left; font-size:12px; color:#666; margin-right:30px; line-height:32px; }
.prosel .prosel-area .prosel-select { float:left; font-size:12px; color:#333; line-height:32px; padding:0 20px; cursor:pointer; }
.prosel .prosel-price { width:100%; float:left; padding:12px 16px; box-sizing:border-box; }
.prosel .prosel-price .prosel-label { float:left; font-size:12px; color:#666; margin:6px 30px 0 0;line-height:28px; }
.prosel .prosel-price .prosel-item { float:left; padding:0 20px; font-size:12px; color:#333; line-height:28px; cursor:pointer;margin:6px 20px 0 0;}
.prosel .prosel-price .prosel-item:hover { color:#ff7a00; }
.prosel .prosel-price .prosel-input { float:left; width:100px; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 10px; font-size:12px; margin:6px 10px 0 10px; }
.prosel .prosel-price .prosel-btn { margin-top:6px;float:left; height:28px; background:#f5f5f5; border:1px solid #ccc; border-radius:4px; padding:0 20px; font-size:14px; cursor:pointer; }

.nser{float:left;background-color:#fff;width:calc(100% - 28px);text-align:left;border-top:#eee solid 1px;padding:15px 8px 0 20px;}
.nser li{float:left;}
.nser .l1{}
.nser .l2{width:calc(100% - 70px);}
.nser .l2 a{float:left;margin:0 12px 15px 0;color:#333;border:#d6d6d6 solid 1px;padding:0 20px 0 6px;height:22px;line-height:22px;background:url(../img/close.gif) calc(100% - 8px) center no-repeat;}
.nser .l2 a:hover{border:#ff5b01 solid 1px;color:#ff5b01;}

.listmain{float:left;width:1400px;border-radius:12px;overflow:hidden;background-color:#fff;text-align:left;margin:20px 0 0 0;}
.prolist {float:left;padding:20px 17px; width:1366px; background:#fff;overflow:hidden; float:left; text-align:left;border-bottom:#ededed dotted 1px;}
.prolist .prolist-left { width:500px; float:left;  }
.prolist .prolist-left img { width:100%; height:270px;border-radius:8px;}
.prolist .prolist-right { width:calc(100% - 520px); float:left; padding:0 0 0 20px; }
.prolist .prolist-right .prolist-title {  float:left; margin-bottom:20px; width:100%;}
.prolist .prolist-right .prolist-title .tag-top {background-color:#ff4488;color:#fff; padding:4px 8px; border-radius:4px; font-size:12px; margin-right:5px; }
.prolist .prolist-right .prolist-title .tag-zh { background-color:#ffeeee; color:#ff4444; padding:4px 8px; border-radius:4px; font-size:12px; margin-right:5px; }
.prolist .prolist-right .prolist-title .title-text { font-size:18px; color:#333; font-weight:bold; line-height:24px;}
.prolist .prolist-right .prolist-info { width:calc(100% - 200px); float:left; margin-bottom:20px; font-size:13px; line-height:25px; color:#666; }
.prolist .prolist-right .info-price { float:right; text-align:right;width:200px;font-size:22px; color:#ff4400; font-weight:bold; line-height:75px; }
.prolist .prolist-right .prolist-data { width:100%; float:left; background:#f5f5f5; border-radius:6px; padding:10px 0; box-sizing:border-box; margin-bottom:20px; }
.prolist .prolist-right .prolist-data .data-item { width:20%; float:left; text-align:center; font-size:13px; color:#666; }
.prolist .prolist-right .prolist-data .data-item .num { font-size:16px; font-weight:bold; display:block; margin-bottom:5px;color:#333; }
.prolist .prolist-right .prolist-bottom { width:100%; float:left; }
.prolist .prolist-right .prolist-bottom .tag-bao { float:left;}
.prolist .prolist-right .prolist-bottom .tag-bao img{height:22px;border-radius:4px;}
.prolist .prolist-right .prolist-bottom .btn-detail { float:right;  color:#ff7a00; border:1px solid #ff7a00; padding:0 20px;line-height:32px; border-radius:4px; font-size:14px; cursor:pointer; margin-left:10px; }
.prolist .prolist-right .prolist-bottom .btn-detail:hover{background-color:#ff6001;color:#fff;}
.prolist .prolist-right .prolist-bottom .btn-cart { float:right; border:1px solid #ff7a00;border-radius:4px;height:32px;width:45px;background:url(../img/car.png) center center no-repeat;background-size:auto 18px;}
.prolist .prolist-right .prolist-bottom .btn-cart:hover{background-color:#feefdd;}
.prolist:hover{background-color:#e9f5fe;}
.prolist:hover .prolist-data{background-color:#fff;}

.jblist{padding:20px 17px; width:1366px;float:left;text-align:left;overflow:hidden;border-bottom:#ededed dotted 1px;}
.jblist .protp{float:left;width:100px;border-radius:4px;}
.jblist-left{width:50%;float:left;}
.jblist-left1{width:calc(50% - 115px);margin-left:15px;}
.jblist-center{width:15%;float:left;text-align:right;margin-left:5%;}
.jblist-right{width:30%;float:left;}
.jblist-top{width:100%;float:left;margin-bottom:4px;}
.jblist-tag{background:#37b839;color:#fff;padding:2px 6px;margin-right:10px;}
.jblist-desc{font-size:17px;font-weight:700;}
.jblist-price-main{float:left;font-size:19px;margin:24px 0 0 0;color:#ff5500;}
.jblist-rate-box{float:left;font-size:12px;line-height:25px;margin:11px 0 0 0;}
.jblist-btn-box{float:right;border:2px solid #ff6320;color:#ff6320;padding:3px 14px;font-size:12px;}
.jblist-btn-box:hover{background:#ff6320;color:#fff;}

.jblist-right .btn-detail { float:right;  color:#ff7a00; border:1px solid #ff7a00; padding:0 20px;line-height:32px; border-radius:4px; font-size:14px; cursor:pointer; margin:20px 0 0 10px; }
.jblist-right .btn-detail:hover{background-color:#ff6001;color:#fff;}
.jblist-right .btn-cart { float:right; border:1px solid #ff7a00;border-radius:4px;height:32px;width:45px;background:url(../img/car.png) center center no-repeat;background-size:auto 18px;margin:20px 0 0 10px; }
.jblist-right .btn-cart:hover{background-color:#feefdd;}

.jblist-row2{width:100%;float:left;font-size:12px;color:#333;margin:6px 0;}
.jblist-row3{width:100%;float:left;font-size:12px;color:#333;}
.jblist-red-text{color:#ff3300;}
.jblist-heart{color:red;letter-spacing:5px;float:left;}
.jblist:hover{background-color:#e9f5fe;}