*{margin: 0;padding: 0;}
.l-btn{display: inline-block;outline: none;resize: none;border: none;padding:5px 15px;background: #fcfcfc;color: #666;border:solid 1px #ccc;border-radius: 3px;font-size: 14px; cursor:pointer}
.l-btn:hover{background: #8078e3; color:#fff; border-color:#8078e3;animation: anniu 1s infinite;}
.l-btn:active{box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;}
.hidden{display: none;}
.tailoring-container, .tailoring-container div, .tailoring-container p{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tailoring-container{position: fixed;width: 100%;height:auto;z-index: 1000;top:0;left: 0;}
.tailoring-container .black-cloth{position: fixed;width: 100%;height: 100%;background: #111;opacity: .9;z-index: 1001;}
.tailoring-container .tailoring-content{position: fixed;width: 640px;height: 450px;background: #fff;z-index: 1002;left: 0;top: 0;overflow:hidden;
/* 水平垂直居中 浏览器版本号低的不支持transform *//*left: 50%;top: 50%;transform: translate(-50%,-50%);-weblit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);*/border-radius: 5px;box-shadow: 0 0 10px #999;padding:0;left: 50% !important;top: 50% !important;margin-left: -320px;margin-top: -220px;}

.tailoring-container .tailoring-content-one{height: 36px; margin-top:5px;width: 100%; position:absolute;}
/*.tailoring-content .choose-btn{float: left; color:#fff; border-color:#8078e3; position:absolute; left:50%; top:50%; z-index:2; background:#8078e3; margin:-60px 0 0 -50px; width:100px; height:40px; line-height:40px; text-align:center;}
*/

.tailoring-content .choose-btn{float: left; color:#fff; border:none; position:absolute; left:50%; top:50%; margin:-17px 0 0 -55px; z-index:2; background:#8078e3; width:110px; height:34px; line-height:34px; text-align:center; padding:0;}

.tailoring-content .caijianimg .choose-btn{ left:240px;}

.tailoring-content .choose-btn:hover{ background:#8078e3; color:#fff}
.tailoring-content .close-tailoring{display: inline-block;height: 30px;width: 30px;border-radius: 100%;background: #eee;color: #fff;font-size: 22px;text-align: center;line-height: 30px;float: right;cursor: pointer;}
.tailoring-content .close-tailoring:hover{background: #ccc;}

.tailoring-content .tailoring-content-two{width: 100%;height: 295px;position: relative;padding:0; padding-bottom:90px; display:block; box-sizing:content-box}
.tailoring-content .tailoring-box-parcel{width: 100%;height: 320px;position: absolute;left: 0;border:solid 1px #eee;}
.tailoring-content .preview-box-parcel{display: inline-block;width: 138px;height: 330px;position: absolute;right:10px;padding: 4px 14px;}
.preview-box-parcel p{color: #999; font-size:13px;}
.previewImg{width: 125px;height:125px;overflow: hidden;}
.preview-box-parcel .square{margin-top: 10px;border: dashed 1px #e5e5e5;}
.preview-box-parcel .circular{border-radius: 100%;margin-top: 10px;border: dashed 1px #e5e5e5;}

.tailoring-content .tailoring-content-three{width: 100%; padding:10px 2%; position:absolute; bottom:0; left:0;height: 50px;
   /* border-top: 1px solid #f1f1f1 ;*/
   background:#fcfcfc;padding-top: 10px;}
.sureCut{float: right; margin-left:10px;}

@media all and (max-width: 768px) {
/*    .tailoring-container .tailoring-content{    width: 100%;    min-width: 320px;    height: 460px;}.tailoring-content .tailoring-content-two{    height: 360px;}.tailoring-content .tailoring-box-parcel{    height: 350px;}.tailoring-container .tailoring-box-parcel{    width: 100%;}.tailoring-container .preview-box-parcel{    display: none;}
*/}

.tabtoptit{ clear:both; width:100%; height:32px; line-height:32px; margin:5px auto 20px auto; font-size:13px; color:#888;border-bottom:1px solid #eee;}.tabtoptit li{ float:left; list-style:none; padding:0 10px; cursor:pointer; border:1px solid #efefef; margin:0 10px; background:#fcfcfc }.tabtoptit li.cur{ background:#fff; border-bottom:1px solid #fff; color:#333;}
.tailoring-container .tabnav{ position:relative; padding:0; overflow:hidden}
.l-btn2{display: inline-block;  outline: none; resize: none;   border: none;    padding:3px 8px; background: #fff; color: #999; border:solid 1px #eee;border-radius: 3px; font-size: 13px; cursor:pointer;}.l-btn2:hover{ color:#8078e3;}

.tailoring-container .tailoring-content-one,.tailoring-content .tailoring-content-two{ width:96%; margin:0 2%}
.litbtn{ display:block; clear:both; position:absolute; right:5px; top:5px; z-index:999}
.tailoring-content-one{ position:relative; background:#f9f9f9;}
.cropper-bg{ z-index:9;}

.tailoring-content .caijianimg .tailoring-box-parcel{ border:none; border-right:1px dashed #e5e5e5; width:460px; margin-top:35px; height:290px;}.tailoring-content .caijianimg .preview-box-parcel{ top:35px;}
.tailoring-content .caijianimg .caijianbox{ width:100%; height:330px; border:1px solid #eee;}
.webimg .webimgnav{ border:1px dashed #e5e5e5; width:100%; height:360px; text-align:center; color:#999}.webimg .webimgnav p{ clear:both;line-height:30px; padding-top:25%;}.webimg .webimgnav p img{ display:block; clear:both; margin:0 auto 10px auto;}
.bendicon{ clear:both; text-align:center; width:100%; margin:auto; position:absolute; top:30%; left:0;}.bendicon .img{ display:none; clear:both; margin:auto; color:#999; font-size:14px;}.bendicon .img img,.bendicon .bendiword img{ clear:both; display:block; margin:auto; width:40px; height:40px; margin-bottom:10px;}.bendicon .bendiword{ display:none; clear:both; text-align:center; color:#999; margin:auto;}

@media screen and (max-width:400px){
    .tabtoptit li{
        margin: 0 !important;
    }
    .tailoring-container .tailoring-content{
        left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}