
.plan-list{width: 980px;height:494px;margin-left:20px;background: #fff;overflow-y: scroll;}
.plan-list li{cursor:pointer;height: 50px;width: 100%;line-height: 50px;font-size: 14px;color:#666666;text-align: left;position: relative;overflow-y: scroll;display:inline-flex;}
.checkbox{height: 16px;width: 16px;margin-top:17px;}
.plan-action-btn-item{height:38px;width: 100%;}
.build-plan-btn{width: 170px;height: 36px;line-height: 36px;font-size: 16px;font-weight: bold;color:#fff;background: #9d2124;border-radius: 25px;text-align: center;cursor: pointer;}
.tuisong-plan-btn{width: 170px;height: 36px;line-height: 36px;font-size: 16px;font-weight: bold;color:#9d2124;background: #fff;border:1px solid #9d2124;margin-right:20px;cursor: pointer;border-radius: 25px;text-align: center;}
.share-plan-panel{width:170px;height: 38px;position: relative;line-height: 38px;color:#666666;font-size: 16px;margin-left:30px;cursor: pointer;}
.share-img{width: 26px;margin-top:8px;}
.share-plan-text{margin-left: 15px;}
.checkbox-panel{width: 138px;height: 38px;margin-left: 20px;}
.checkbox-item{height: 20px;width: 100px;margin-top: 8px;font-size: 14px;color:#666;}
.checkbox-all{height: 16px;width: 16px;margin-bottom: 3px;}
.delete-plan-btn{height: 20px;line-height:20px;width: auto;color: #9d2124;margin-top:9px;cursor: pointer;}

.show-skin-panel{height: 230px;width: 438px;position: absolute;right:0;top:64px;z-index: 10;padding: 30px;background: #fff;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.5);overflow-y: scroll;}
.show-skin-panel li{width: 200px;height: 100px;float: left;margin-right: 20px;position: relative;cursor: pointer;margin-bottom:20px;}
.show-skin-panel li img{width: 200px;height: 100px;}
.skin-text{font-size: 14px;color: #fff;position: absolute;top: 38px;text-align: center;left: 55px;width: 90px;}
.plan-panel{height: auto;width: 1200px;margin: 0 auto;background: #fff;}
.plan-title-panel{height: 600px;width: 100%;position: relative;}
.show-title-panel{height: 240px;width: 368px;padding:20px 86px;position: absolute;left: 330px;top: 160px;background: transparent;color:#fff;}
.plan-title-text{height: 46px;width:368px;font-size: 44px;line-height: 46px;text-align: center;margin: 0 auto;overflow: hidden;}
.plan-cost-text{height: 50px;width:248px;font-size: 16px;line-height: 50px;text-align: center;border-bottom: 1px dashed #fff;margin: 0 auto;}
.plan-tel-text{height: 26px;width:248px;font-size: 16px;line-height: 26px;text-align: center;margin: 0 auto;}
.good-list-item{height: auto;width: 100%;}
.each-classify-item{height: auto;min-height:510px;width:1080px;position: relative;padding:30px 60px;display: table;}
.classify-name-item{height: 30px;width: 100%;line-height: 30px;text-align: left;}
.title-point-line{width: 4px;height: 18px;background: #333;margin-top: 6px;margin-right: 10px;}
.plan-classify-title{font-size: 20px;color:#333;font-weight: bold;}
.plan-good-list{height: auto;width: 1080px;background: red;}
/*.plan-good-list li{height: 440px;width: 340px;float: left;margin-right: 30px;margin-bottom: 30px;}*/
.plan-good-list li{height: 410px;width: 247px;float: left;margin-right: 27px;margin-bottom: 30px;}
/*.plan-img{height: 320px;width: 320px;margin:10px;}*/
.plan-img{height: 247px;width: 247px;margin:10px;}
.good-name-item{height: 35px;line-height: 35px;text-align: center;font-size:16px;color:#333;margin-top: 15px;position: relative;}
.plan-good-price{color:#9d2124;font-size: 30px;margin-right: 10px;font-weight: bold;}
.peitao-list{height: 122px;width: 100%;margin-bottom:60px;}
.peitao-list li{height: 122px;width: 84px;float: left;margin-right: 115px;}
.peitao-list li img{height: 84px;width: 84px;}
.peitao-text{height: 22px;line-height: 22px;text-align: center;font-size: 16px;color:#333;margin-top: 16px;}
.plan-case-list{height: 370px;width: 1030px;}
.plan-case-list li{height: 428px;width: 500px;margin-right: 80px;float: left;}
.plan-case-list li img{height: 370px;width: 500px;}
.share-img-code{height: 100px;width: 100px;margin:10px auto;}
.plan-case-title{line-height: 30px;font-size: 16px;color:#333;text-align: center;margin-top: 28px;}
.change-skin{color:#9d2124;font-size: 16px;font-weight: bold;line-height: 40px;cursor: pointer;}
.show-error{ font-size: 12px;color: #9d2124;height: 20px;text-align: center;line-height: 28px;}
.plan-buy-btn{height: 40px;width: 120px;background: #9d2124;color:#fff;font-size: 18px;font-weight: bold;line-height: 40px;text-align: center;margin: 0 auto;border-radius: 25px;cursor: pointer;}
.upload-case-item,.edit-plan-item{width: 110px;height: 40px;margin-right:50px;cursor: pointer;}
.edit-img{height:20px;width: 20px;margin-top: 8px;background: url('../../images/tea/plan/edit.png') no-repeat;background-size: 100%; }
.upload-img{height:20px;width: 20px;margin-top: 8px;background: url('../../images/tea/plan/upload.png') no-repeat;background-size: 100%; }
.upload-text{height: 40px;width: auto;margin-left: 15px;font-size: 16px;font-weight: bold;color:#B28225;line-height: 40px;text-align: left;}
.img-upload-item{height: 150px;width: 100%;background: #fff;}
.img-tips{height: 40px;width: 100%;line-height: 40px;font-size: 14px;color:#999;text-align: left;background: #fff;}
.img-upload-item li{height: 100%;width: 120px;margin-right: 60px;float: left;position: relative;}
.add-img{height: 120px;width: 120px;z-inde:8;}
.img-file-input{height: 120px;width: 120px;margin:0;padding: 0;position: absolute;left:0;top:0;z-index:10;opacity: 0;}
.show-img{height: 120px;width: 120px;margin:0;padding: 0;position: absolute;left:0;top:0;z-index:9;}
.case-info-item{height:40px;width: 100%;background: #fff;margin-top: 20px;}
.case-name{width: 82px;height: 40px;line-height:40px;text-align: left;color:#999;font-size: 14px;}
.case-input{height: 30px;width: 340px;line-height: 30px;text-align: left;margin: 0;border: 0;border-radius: 25px;background: #F8F8F8;padding: 5px 10px;}
.plan-btn-item{width: 270px;margin: 0 auto;height: 40px;}
.save-plan-btn{width: 120px;height: 100%;line-height: 40px;background: #fff;color:#9d2124;font-size: 18px;font-weight: bold;cursor:pointer;text-align: center;border-radius: 25px;margin-right: 30px;}
.good-act-btn-item{height: 36px;width: 200px;background: transparent;position: absolute;bottom:15px;right:15px;}
.del-good-btn{height: 34px;width: 94px;border:1px solid #9d2124;line-height: 34px;text-align: center;font-size: 14px;color: #9d2124;background: #fff;border-radius: 30px;cursor: pointer;}
.change-good-btn{height: 36px;width: 96px;line-height: 36px;text-align: center;font-size: 14px;background: #9d2124;color: #fff;border-radius: 30px;cursor: pointer;}
.edit-plan-icon{height: 50px;position: absolute;right: 0;top: 0;width: 60px;line-height: 50px;color:#B28225;}
.plan-list li:hover{background: #f8f8f8;}
.price-hide-icon{height: 50px;position: absolute;right: 80px;top: 0;width: 90px;line-height: 50px;color:#B28225;text-align: center;}
.sort-item{width: 100px;height: 30px;position: absolute;left:6px;top:6px;}
.sort-icon{height:30px;width: 30px;margin: 0 10px;}
.plan-name{width: 100%;font-size: 36px;text-align: center;position: absolute;top: 286px;margin: auto;color: #9F3E37;}
.plan-info{width: 100%;font-size: 20px;text-align: center;position: absolute;top: 310px;color: #666;}
.greet{width: 100%;font-size: 36px;text-align: center;position: absolute;top: 210px;margin: auto;color: #9F3E37;}
.tips{width: 100%;font-size: 16px;text-align: center;position: absolute;top: 285px;color: #666;}
.edit-info-btn{height: 40px;width: 120px;background: #9d2124;color: #fff;font-size: 16px;border-radius: 20px;position: absolute;top:350px;left: 540px;z-index: 10;line-height: 40px;text-align: center;cursor: pointer;}
.input-text{width: 68%;height: 30px;text-align: left;margin:0 auto;margin-bottom: 10px;line-height: 30px;}
.input-text input{background: #f1f1f1;border:0;height: 30px;line-height: 30px;width: 198px;padding-left:6px;}
/*方案大全*/
.plan-banner{height: 200px;width: 100%;position: relative;}
.text-box{height: 100px;width: 300px;position: absolute;top:50px;left:400px;}
.plan-title{height: 40px;width: 100%;line-height:40px;text-align: center;font-size: 30px;font-weight: bold;color:#733331;}
.kailong {width: 0;height: 0;border-right:10px solid transparent;border-left:10px solid transparent;border-top: 10px solid #733331;margin:0 auto;}
.plan-list-panel{width: 100%;height: auto;}
.plan-list-panel li{height: 300px;width: 285px;margin-right: 20px;float: left;position: relative;margin-bottom: 20px;}
.plan-bg-img{height: 300px;width: 285px;}
.plan-text{height: 30px;line-height:30px;width: 100%;text-align: center;font-size: 16px;color:#333;position: absolute;bottom:10px;left:0;}
.gfplan-show-more{
    position: absolute;
    left: 540px;
    top: 504px;

}
.plan-more-action-btn{height: 40px;width: 40px;margin-left: 50px;}
.img-more{height: 30px;width:30px;margin-top: 5px;margin-left: 10px;}
.show-action-panel{height: auto;width: 140px;position: absolute;right: 0;top: 64px;z-index: 10;padding: 30px;background: #fff;box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.5);}
.show-action-panel li{height: 40px;line-height:40px;cursor:pointer;text-align: left;font-weight: bold;font-size: 16px;color:#B28225;}
.plan-del{height: 50px;position: absolute;right: 60px;top: 0;width: 60px;line-height: 50px;color: #9d2124;}
.zhezhao{width: 665px;height: 415px;background:rgba(50,50,50,0.5);position: absolute;left:0;top:0;z-index: 10;}
.off-text{height: 130px;width: 130px;border-radius: 130px;line-height:130px;text-align: center;font-size: 20px;color:#fff;margin-top: 136px;margin-left:262px;border: 3px solid #fff;}
.plan-desc{font-size: 16px;margin: 10px auto 10px 30px;color: #333;width: 380px;min-height: 20px;max-height:192px;line-height:19px;text-align: left;padding: 0;overflow: hidden;}
.plan-big-title{height: 40px;width:640px;padding: 10px;font-size: 20px;line-height:40px;text-align: left;overflow: hidden;background-color: #d8785f;color:#fff;}

.plan-wen-btn{height: 40px;width: 120px;background: #559A9C;color:#fff;font-size: 16px;border-radius: 20px;position: absolute;top:350px;left: 540px;z-index: 2;line-height: 40px;text-align: center;cursor: pointer;}

.mix-body{width:1200px;height:auto;margin:0 auto;}
.plan-order-list{height: auto;width: 100%;background: #fff;}
.plan-order-list li{min-height: 140px;width: 1180px;background: #f6f6f6;padding: 10px;margin-top: 20px;}
.good-info-show-item{width:500px;height: 140px;}
.good-info-price-item{width:180px;height: 140px;}
.good-info-num-item{width:200px;height: 140px;}
.good-info-total-item{width:200px;height: 140px;}
.good-info-act-item{width:100px;height: 140px;}
.plan-good-img{width: 160px;height: 100%;text-align: center;}
.plan-good-title{height: 100%;width: 330px;margin-left: 10px;}
.skunum {height: 30px;width:110px;margin:0 auto;font-size: 0;overflow: hidden;}
.skunum span {float: left;display: block;width: 28px;height:28px;border: 1px solid #ccc;background-color: #eee;text-align: center;font-size: 20px;overflow: hidden;line-height: 28px;color: #777;cursor: pointer;}
.skunum input {float: left;display: block;width:50px;height: 14px;padding: 7px 0;line-height: 14px;border: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;font-size: 14px;background-color: #fff;}
.skunum span.add {margin-left: -2px;}
.skunum cite {margin-left: 5px;color: #999;font-size: 12px;padding-top: 10px;float: left;font-style: normal;}
.mete-foot{position: fixed;transform: translateZ(0px);top: auto;bottom: 0px;height: 52px;width: 100%;background: #fff;box-shadow: 0 -1px 8px rgba(0,1,1,.08);}
.total-item{width: 1200px;height:100%;margin:0 auto;}
.build-order-btn{width: 140px;height: 40px;background: #9d2124;color: #fff;line-height: 40px;font-size: 16px;border-radius: 25px;text-align: center;cursor: pointer;float: right;margin-top: 6px;}
.total-money{font-size: 16px;color:#9d2124;font-weight: bold;margin-right: 20px;line-height:52px;}
.leave-btn{cursor: pointer;}

.plan-tit-img{height: 500px;width: 1200px;background: url("../../images/neican/title-bg.jpg") no-repeat;}
.shou-plan-menu{width:400px;background: #ebeae8;margin: 0 auto; }
.neican-tit{height: 40px;width: 200px;border:1px solid #ddd;line-height:40px;text-align: center;margin-left:75px;font-weight: bold;font-size: 16px;}
.neican-name-list li{padding: 5px 0;cursor: pointer;}
.mengban{height: 170px;width: 100%;background: rgba(255,255,255,0.4);}
.more-plan-item{height: 170px;width:800px;margin: 0 auto;}
.other-neican-name-list{width: 500px;height: 130px;padding: 20px;}
.other-neican-name-list-li{padding: 5px 0;cursor: pointer;}

