*{font-family: "Microsoft YaHei","Arial",sans-serif;}
.dayin{overflow: hidden;}
.header{background: #fff;}
input{float: none;}

@font-face {
    font-family: 'HelveticaObl-Heavy';
    src: url(../font/HelveticaObl-Heavy.ttf);
}
.pdf-main{padding-bottom: 100px;position: fixed;width: 100vw;min-width: 1280px;height: 100%;background: #fff;z-index: 1;background: #fff;overflow-y: auto;}
/*.pdf-main{background: #fff;width: 100%;min-width: 1280px;_display: none;padding-bottom: 100px;}*/

.regionbox{padding-top: 100px;position: relative;}
.regionbox .region-top label{float: left; padding: 0 5px;display: block;margin: 0 20px 20px 0;line-height: 35px;min-height: 35px;cursor: pointer;border: 1px solid #fff;}
.regionbox .region-top input{width: 20px;height: 20px;float: left;margin: 7.5px 10px 0 0;}
.regionbox .region-top span{height: 88px;float: left;align-items: center;display: flex;}
.regionbox .region-top span img{max-height: 88px;max-width: 380px;}
.regionbox .region-top label.on,.regionbox .region-top label:hover{border: 1px solid #e45d1d;border-radius: 5px;}

.regionbox .region-mid input{display: none;}
.regionbox .region-mid label{line-height: 35px;padding: 0 15px;display: inline-block;margin: 0 10px 10px 0;border: 1px solid #e45d1d;border-radius: 5px;cursor: pointer;color: #555;transition-duration: 350ms;}
.regionbox .region-mid label.on,.regionbox .region-mid label:hover{background: #e45d1d;color: #fff;}
.regionbox .region-mid span{display: none;}
.pdf-main li{font-size: 16px;line-height: 40px;padding-top: 15px;}
.pdf-inbox{min-height: 232px;}

.pdf-inboxr{float: right;text-align: right;}
.pdf-main li input{margin-left: 10px;line-height: 40px;display: inline-block;border: 1px solid #e0e0e0;border-radius: 5px;padding: 0 10px;width: 250px;}
.pdf-main li span{margin-left: 10px;line-height: 40px;display: inline-block;width: 250px;}
.pdf-indexl li input{width: 550px;}
.pdf-indexl li span{width: 135px;display: block;float: left;text-align: right;margin: 0;}

.pdf-main .pdf-inboxr li{position: relative;}
.pdf-main .pdf-inboxr li input{width: 110px;}
.pdf-main .pdf-inboxr li .payselect{margin-left: 10px;width: 80px;display: inline-block;position: relative;}
.pdf-main .pdf-inboxr li a{width: 80px;display: inline-block;line-height: 40px;text-align: center;padding-right: 10px;border: 1px solid #e0e0e0;border-radius: 5px;background: url(../images/arrowbot.png) no-repeat 60px center;text-transform: 350ms;}
.pdf-main .pdf-inboxr li .payselect:hover a{color: #fff;background: url(../images/arrowbot_h.png) no-repeat 60px center #e45d1d;border-radius: 5px 5px 0 0;}
.pdf-main .pdf-inboxr li ul{width: 80px;position: absolute;text-align: center;background: #fff;border: 1px solid #e0e0e0;border-top: none;border-radius: 0 0 5px 5px;display: none;}
.pdf-main .pdf-inboxr li .payselect:hover ul{display: block;}
.pdf-main .pdf-inboxr li ul li{line-height: 35px;height: 35px;padding: 0;border-top: 1px solid #e0e0e0;font-size: 14px;cursor: pointer;transition-duration: 350ms;}
.pdf-main .pdf-inboxr li ul li:nth-child(1){border-top: none;}
.pdf-main .pdf-inboxr li ul li:hover{color: #fff;background: #90c433;}

.region-html{position: absolute;width: 100%;background: #fff;border: 1px solid #e5e5e5;padding: 15px 20px;background: #f3f3f3;display: none;}
.region-input{padding-bottom: 40px;border-bottom: 1px solid #e0e0e0;_display: none;}
.region-input.reshow{display: block;}
.region-input li span{width: 130px;text-align: right;}
.region-input li input{width: calc(100% - 150px);}
#rstel{padding-right: 35px;}
#rsemail{padding-right: 20px;}

.dybottom{position: fixed;bottom: 0;padding-top: 10px;height: 100px;width: 100%;background: #fff;z-index: 999;text-align: center;}
.formPDF{margin: 0 auto;width: 150px;background: #e45d1d;color: #fff;line-height: 45px;display: block;border-radius: 5px;}
.qxbtn{margin: 15px auto 0;display: inline-block;line-height: 20px;-webkit-user-select: none;user-select: none;}
.qxbtn:hover{color: #e45d1d;}
.dybottom span{margin-right: 5px;width: 20px;height: 20px;display: block;float: left;background: url(/templets/images/dui.png) no-repeat center center #e45d1d;background-size: 18px;border: 1px solid #e45d1d;border-radius: 3px;position: relative;transition-duration: 300ms;}
.dybottom .qsoff span{background: url(/templets/images/dui.png) no-repeat center center #fff;background-size: cover;}


.canvas-box{display: none;}
.pdfOrder{letter-spacing: 0.5px;width: 1192px;height: 1686px;padding: 10px 10px;display: block;position: fixed;top: 0;left: 0;z-index: -1;line-height: 22px;font-size: 14px;background: #fff;}

.pdfOrder em{font-weight: bold;}
.canvasboximg{width: 1192px;height: 1686px;}
.codeboximg{width: 1192px;}

.pdfOrderimg{width: 1192px;height: 1686px;display: block;}
.pdfOrderimg .codeboximg{width: 1192px;}

.pdfOrderimg.pdfscimg{width: 2385px;height: 3372px;display: block;}
.pdfOrderimg.pdfscimg .codeboximg{width: 2385px;}

.pdfbottom{padding: 30px 0 0;margin-top: 30px;border-top: 1px solid #e5e5e5;}
.pdfbottom textarea{width: 100%;height: 200px;padding: 10px 15px 0;line-height: 24px;border-radius: 3px;border: 1px solid #e0e0e0;}
.pdfbottom label{margin-bottom: 15px;line-height: 25px;padding: 10px;display: block;border: 1px solid #e0e0e0;border-radius: 10px;cursor: pointer;}
.pdfbottom label input{float: left;height: 25px;display: block;margin-right: 8px;}
.pdfbottom p,.pdftop h2,.pdftop h2{line-height: 40px;font-size: 16px;font-weight: bold;}
.regionbox h2{padding-bottom: 15px;}
.pdf-inbox.pdftop{padding-top: 40px;}
.codeimgbox{text-align: center;}
.codeimgbox img{max-width: 100%;}
.pdf-top{padding: 0 10px 20px; position: relative; }
.logo-section {height: 218px;width: 600px;padding-left: 10px;}
.logo-section span{height: 108px;display: block;}
.logo-section img {height: 98px;padding-top: 10px; margin-bottom: 5px; display: block;}
.company-title { display: flex; flex-direction: column; }
.logo-text { font-size: 12px; color: #333; margin-bottom: 5px; }
.company-title h2 { font-size: 33px; font-weight: bold; margin: 0; line-height: 1.2; line-height: 45px;}
.company-title h3 { font-size: 20px; font-weight: bold; margin: 0; line-height: 1.2; }
.quotation-header { position: absolute; top: 0; right: 10px; text-align: right; }
.quotation-header h1 { font-size: 65px;height: 133px;line-height: 133px;padding-right: 20px;font-weight: bold;}
.quotation-details { background: #e45d1d; color: #fff; padding: 2px 30px; float: right;}
.quotation-details p {font-size: 16px;line-height: 25px;}
.info-boxes { display: flex; margin: 0;  }
.info-box {width: calc(50% - 12.5px);}
.info-box:nth-child(1){margin-right: 25px;}
.info-box h4 {color: #fff; background: #000; padding: 0 30px; font-size: 20px; line-height: 36px;height: 36px;}
.info-content{padding: 5px 15px;border: 1px solid #d8d8d8;height: 156px;}
.info-content p { line-height: 24px; font-size: 14px; }
.info-content span { margin-left: 5px; }

.pdf-box2,.pdf-box3{padding: 15px 15px 22px;}
.pdf-box2r{float: right;text-align: right;}
.pdf-box2r span{width: 150px;display: block;float: right;text-align: left;padding-left: 10px;height: 22px;}
.pdf-box3 .pdf-box2r span{text-align: center;}
.pdf-box2 .pdf-box2r{padding-top: 33px;}
.pdf-box3 .pdf-box2r p:nth-child(3){margin-top: 10px;line-height: 40px;display: block;background: #e45d1d;padding-left: 10px;color: #fff}
.pdf-box3 .pdf-box2r p:nth-child(3) span{font-size: 18px;line-height: 40px;height: 40px;}
.pdf-bottom{position: relative;background: #fff;color: #000;font-size: 12px;letter-spacing: 0.5px;padding: 15px 10px;line-height: 22px;position: absolute;bottom: 30px;width: 1172px;border: 1px solid #969696;}
.pdf-bottom h3{position: absolute;top: -31px;left: -1px;width: 1172px;height: 32px;line-height: 32px;font-size: 18px;color: #fff;background: #000;padding-left: 20px;font-weight: bold;}
/*.pdf-bottom h3 i{width: 70px;height: 32px;float: right;display: block;background: #e45d1d;}*/
.pdf-bottom p{display: none;}

.pdf-list{text-align: center;background: #fff;margin: 0 10px;}
.pdf-list th{background: #e45d1d;color: #fff;font-size: 18px;line-height: 45px;font-weight: normal;}
.pdf-list th:nth-child(n+5){background: #000;}
.pdf-list td{border-bottom: 1px solid #969696;}
.pdf-list td:nth-child(1){border-left: 1px solid #969696;}
.pdf-list td:nth-child(10){border-right: 1px solid #969696;}
.pdf-list td:nth-child(2n+5){background: #e5e5e5;}
.pdf-list td{padding: 10px 0;text-align: center;font-size: 12px;}
.pdf-list td span{display: block;height: 115px;display: block;position: relative;}
.pdf-list .skucanshu{width: 95%;height: 240px;padding: 10px 10px 0;line-height: 20px;border-radius: 3px;border: 1px solid #e0e0e0;}
.pdf-list .skumiaoshu{width: 95%;height: 80px;padding: 10px 10px 0;line-height: 20px;border-radius: 3px;border: 1px solid #e0e0e0;}

.pdf-list tr td:nth-child(10){padding: 10px;}
.pdf-list td img{max-width: 70%;max-height: 105px;position: relative;top: 50%;transform: translateY(-50%);}
.pdf-list td .ewmbox{width: 87px;height: 87px;display: block;margin: 0 auto;}
.pdf-list td .ewmbox canvas{width: 100%;height: 100%;}
.pdf-list .pdfcanshu{padding: 10px 15px;text-align: left;height: 197px;}
.pdf-list .pdfcanshu div{ -webkit-line-clamp: 8;overflow: hidden;height: 177px;}

.pdf-list input{text-align: center;line-height: 40px;border: 1px solid #e0e0e0;border-radius: 5px;margin: 0 10px;width: calc(100% - 20px);}


.loading-main{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.loading-bg{position: absolute;background: rgba(0,0,0,0.6);width: 100%;height: 100%;}
.loading-box{position: relative;left: 50%;margin-left: -250px;margin-top: -100px;top: 50%;padding: 30px 0 0;_background: #fff;width: 500px;text-align: center;line-height: 50px;font-size: 16px;color: #fff;}
.loading-tiao{margin: 30px auto 10px;width: 500px;height: 35px;border: 2px solid #e45d1d;border-radius: 2px;overflow: hidden;}
.loading-tiao span{width: 0;height: 35px;display: block;background: #e45d1d;transition-duration: 1000ms;}
.loading-box img{width: 80px;display: block;margin: 0 auto;}

.pdfpage{position: absolute;bottom: 0;right: 10px;line-height: 30px;}

.pdfsend-main{padding: 20px 30px 60px;}
.pdfsend-main li{position: relative;margin: 0 2% 40px;width: 46%;float: left;padding: 10px 15px 10px;border: 1px solid #e0e0e0;background: #f0f0f0;}
.pdfsend-main li .delete-btn{position: absolute;
    overflow: hidden;
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    background: url(/templets/images/timg.png) no-repeat center center;
    position: absolute;
    top: -15px;
    right: -15px;}
.pdfsend-main .pdf-box2r span{text-align: right;}

.pdfsend-main .pdfsd-box3{padding: 10px 0;margin: 10px 0 10px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.pdfsend-main .pdfsd-box3 .pdf-box2r span{width: 70px;}
.pdfsd-bottom{padding: 0 5px;}
.pdfsd-bottom span{display: inline-block;line-height: 30px;font-size: 14px;}
.pdfsd-bottom a{padding: 0 22px;line-height: 30px;display: block;float: right;color: #fff;background: #e45d1d;text-align: center;margin-left: 10px;}

.pdf-box3 .pdf-box2l{font-weight: bold;}
.pdf-box3 .pdf-box2l em{display: block;padding-bottom: 10px;}
.pdf-bottom-right li input{width: 57px;text-align: center;}
.pdf-bottom-right li span{display: inline-block;width: 70px;text-align: center;}


.adddel-main{position: fixed;width: 100%;height: 100%;top: 0;z-index: 9999;display: none;}
.adddel-bg{background: rgba(0,0,0,0.7);position: relative;height: 100%;}
.adddel-box{width: 1200px;position: absolute;left: 50%;top: 10%;margin-left: -600px;height: 75%;}
.editbtn,.editbtn-Brief{width: 100px;line-height: 40px;color: #fff;background: #e45d1d;display: block;position: absolute;left: 50%;top: 90%;
    text-align: center;border-radius: 8px;transition-duration: 350ms;}
.editbtn{margin-left: -50px;}
.editbtn-Brief{margin-left: -130px;}
.editbtn:hover,.editbtn-Brief:hover{background: #017e3f;color: #fff;}
.adddel-left{float: left;width: 580px;background: #fff;height: 100%;overflow-y: auto;padding: 10px;position: relative;}
.adddel-left .addl_top{padding: 10px;width: 580px;height: 60px;position: fixed;top: 10%;left: 50%;margin-left: -600px;background: #f0f0f0;z-index: 999;}
.adddel-left form{height: 40px;position: relative;}
.adddel-left .quocontent,.adddel-left .quosearch,.adddel-left .myquosearch{padding: 50px 0 30px;}
.adddel-right{float: right;width: 580px;background: #fff;height: 100%;overflow-y: auto;padding: 20px 10px;}
.adddel-left li,.adddel-right li{height: 80px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5}
.adddel-left li span,.adddel-right li span{margin-right: 20px;display: block;width: 70px;height: 70px;float: left;position: relative;}
.adddel-left li span img,.adddel-right li span img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%;}
.adddel-left li a,.adddel-right li a{width: calc(100% - 90px);display: block;position: relative;}
.adddel-left li a em,.adddel-right li a em{display: inline-block;width: 35px;line-height: 25px;background: #333;color: #fff;font-size: 12px;text-align: center;border-radius: 8px;margin-left: 8px;transform: scale(.8);}
.adddel-left li .addquo,.adddel-right li .rmquo{padding: 0 10px;margin: 20px 10px 0 0;display: inline-block;height: 30px;line-height: 30px;float: right;border-radius: 5px;background: #e45d1d;color: #fff;width: auto;font-size: 12px;}
.adddel-left li a p,.adddel-right li a p{font-size: 16px;}
.adddel-left li a p:nth-child(3),.adddel-right li a p:nth-child(3){font-size: 12px;color: #999;}
.adddel-right li .rmquo{background: #cb2027;}


.adddel-left .pdftext,.adddel-left .mypdftext{text-transform: none;padding: 0 135px 0 15px;width: 100%;height: 40px;line-height: 40px;font-size: 16px;border: 2px solid #e5e5e5;border-radius: 8px;}
.adddel-left .pdftext:focus,.adddel-left .mypdftext:focus{border: 2px solid #03af39;}
.adddel-left .pdfsearch,.adddel-left .mypdfsearch{width: 100px;line-height: 40px;text-align: center;background: #03af39;color: #fff;position: absolute;top: 0;right: 0;border-radius: 0 8px 8px 0;}
.adddel-left .pdfseaclose,.adddel-left .mypdfseaclose{width: 20px;height: 20px;display: none;position: absolute;right: 110px;top: 10px;
    background: url(/templets/images/searchclose.png) no-repeat center center;background-size: 18px;}
.quosearch{display: none;}

.sekey-list{z-index: 99;display: none;padding: 10px 0 10px;width: 442px;background: #fff;border: 2px solid #03af39;border-top: none;border-radius: 0 0 8px 8px;position: absolute;left: 0;top: 34px;}
.sekey-list a{padding: 0 15px;line-height: 30px;display: block;color: #888;}
.sekey-list a:hover{color: #028b2d;}

.myaddlist{display: none;}

.addleft-btn{padding: 7px 10px;
    width: 580px;
    height: 50px;
    position: fixed;
    bottom: 15%;
    left: 50%;
    margin-left: -600px;
    background: #fff;
    z-index: 999;}
.addmy{float: left;padding-right: 20px;width: 122px;height: 36px;line-height: 36px;text-align: center;
    font-size: 14px;color: #222;background: #ededed;background-size: cover;display: block;border-radius: 36px;}
.addmy em{margin: 3px 4px;background: url(/member/templets/images/plus_on.png) no-repeat center center #e45d1d;background-size: 25px;width: 30px;height: 30px;display: block;border-radius: 50%;float: left;}
.mylistbtn{margin-top: 7px;line-height: 20px;padding: 5px 0;display: block;float: right;}
.mylistbtn:hover{color: #e45d1d;}
.mylistbtn span{float: left;
margin-right: 5px;width: 20px;height: 20px;display: block;border: 2px solid #dfdfdf;border-radius: 3px;position: relative;transition-duration: 300ms;}
.mylistbtn.myon span{background: #e45d1d;border: 2px solid #e45d1d;}
.mylistbtn span::after {
    content: '鉁�';
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
  }

.select-litpic{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.select-litbg{position: absolute;background: rgba(0,0,0,0.6);width: 100%;height: 100%;cursor: pointer;}
.select-litbox{position: relative;left: 50%;margin-left: -335px;top: 50%;margin-top: -253px;background: #fff;width: 670px;height: 526px;line-height: 50px;font-size: 16px;color: #fff;}
.select-litbox ul{padding: 20px 0 0 20px;}
.select-litbox ul li{float: left;padding: 10px;width: 32%;height: 200px;margin: 0 1.33% 20px 0;border: 1px solid #e0e0e0;display: inline-block;text-align: center;border-radius: 5px;transition-duration: 350ms;}
.select-litbox ul li a{display: block;width: 100%;height: 100%;position: relative;}
.select-litbox ul li img{max-width: 100%;max-height: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.select-litbox ul li:nth-child(3n){margin-right: 0;}
.select-litbox ul li:hover{border: 1px solid #e45d1d;}
.select-litbox h2{color: #000;text-align: center;line-height: 60px;}
.openselectimg{cursor: pointer;}