@charset "UTF-8";



body{background-color: #f9f9f9;}

.center{margin-top: 30px;background-color: #fff;box-shadow: #e8e8e8 0 0 11px;position: relative;padding: 30px 30px;font-family: '微软雅黑';}

.title{margin-bottom: 15px;background: url("https://www.in-en.com/special/form/h_icon.jpg") no-repeat left top;font-size: 18px;font-weight: bold;padding-left: 30px;border-bottom:2px solid #e6e6e9;padding-bottom: 15px;margin-bottom: 40px;width: 90%;margin: 0 auto 20px;}

.ljbm{background: #f60; color:#fff; padding: 5px 10px;}

.ljbm:hover{background: #e60000; color:#fff;}

.time{padding-left: 20px; background: url("https://www.in-en.com/special/form/time.png") no-repeat left center; background-size: 15px auto;}

.addr{padding-left: 20px;background: url("https://www.in-en.com/special/form/addr.png") no-repeat left center;background-size: 15px auto;width: 90%;}

.info{padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;}

.addr,.time{width:90%; margin:0 auto 10px;;}

.info span{padding-right: 20px;}

.content{margin-bottom: 30px;}

.content p{line-height: 28px;}

.content img{max-width:100%;height:auto;}

.con{margin-bottom: 45px;}

.con h4{text-align:center;font-size: 26px;margin-bottom: 29px;}

.con table{width:100%; border-collapse:collapse;}

.con table td,.con table th{font-size:16px; line-height:40px; padding-left:10px; border:1px solid #dbdbdb;}

.con table th{text-align:center;background: #daeeff;}

/*参会详情*/

.s_center{margin-bottom:50px;}

.s_center h3{text-align: center;font-size: 27px; margin-bottom:25px;}

.s_center table{width:60%;/* font-size: 20px; */}

.s_center table td{font-size:20px; line-height:50px; border:1px solid #e8e8e8;}

.s_center table td:first-child{width:40%; text-align:right; padding-right:20px;}

.s_center table td:last-child{padding-left:30px;}



.form table tr td.f_2 span.f_red img{width: 14px;height: 14px;}

.form table .f_red{padding-right: 5px;}

.form table .f_1{font-size: 16px;width: 200px;text-align: left;/* font-weight: bold; *//* float: left; */line-height: 36px;}

.form table input[type='text']{height:30px;line-height:30px;border:1px solid #dbdbdb;border-radius: 5px;padding-left: 5px;font-size: 16px;}

/*.form table ul{overflow: hidden;}*/

.form table li.f_3{float: left;margin-right: 30px;padding-top: 6px;line-height:30px;}

.form table li.f_3 input{vertical-align:middle; margin-bottom:5px; *margin-bottom:5px; margin-right: 3px;}

.form table li.f_3 label{font-size: 16px;}

.c_b{width:100%;clear:both;}



.demoTable{width:auto;}

.demoTable th{padding:10px;text-align:left;}

.demoTable td{padding:10px;}

.demoTable .td-04{width:300px;}

.xxdz{width:300px;}

.cp{margin: 0;font-size: 16px;border: 1px solid #dbdbdb;border-collapse:collapse;text-align: center;font-size: 14px;}

.cp th{height: 40px;line-height: 40px;background-color: #f1f1f1;}

.cp td,.cp th{font-size: 14px;border:1px solid #dbdbdb;}

.form table.cp td input{border: none;}

.cp th{text-align: center}

.ytj{background-color: #b3b3b3;width:150px;height: 38px;display: block;border-radius: 5px;text-align: center;line-height: 38px;color: #fff;font-size: 16px;}



.pick-area{display: inline-block;}

.a{/* float:left; *//* width:100%; *//* margin:10px; */margin-right: 10px;}

.a a{float:left;/* margin:10px; */}

.a input{float:left;width:400px;/* padding:10px; */margin-left: 20px;outline-color: gold;}

.blank{float:left;width:50%;height:400px;background:cyan;border-top:1px solid #333;margin-top:50px;}

.blank2{float:left;width:50%;height:400px;background:lightpink;border-top:1px solid #333;padding-top:50px;}

.box{width:100%;overflow: hidden;background:lightgreen;}



.btn-blue{-webkit-appearance: none;background-color: #ff3a1d;color:#fff;border-radius: 5px;width: 215px;font-size: 16px;line-height: 44px;border: none;margin: 20px auto;display: block;}



.l-btn1{ display: inline-block; outline: none; resize: none; border: none;/* padding:5px 10px; */ background: none; color: #ff7800; border: 1px dashed #a9a9a9; border-radius: 3px; float: left; font-size: 16px; height: 36px; line-height: 36px; width: 100px; }

.l-btn{ display: inline-block; outline: none; resize: none; border: none; padding:5px 10px; background: #8C85E6; color: #fff; border:solid 1px #8C85E6; border-radius: 3px; font-size: 14px; }

.l-btn:hover{ background: #ff7800; color:#fff; animation: anniu 1s infinite; cursor:pointer;  }

.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: 100%; 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: absolute; width: 768px; height: 560px; background: #fff; z-index: 1002; left: 0; top: 0; border-radius: 10px; box-shadow: 0 0 10px #000; padding: 10px; }

.tailoring-content-one{ height: 40px; width: 100%; border-bottom: 1px solid #DDD ;  }

.tailoring-content .choose-btn{ float: left; text-align: center;  }

.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: 460px; position: relative; padding: 5px 0; }

.tailoring-content .tailoring-box-parcel{ width: 520px; height: 450px; position: absolute; left: 0; border: solid 1px #ddd; }

.tailoring-content .preview-box-parcel{display: inline-block;width: 228px;height: 450px;position: absolute;right: 0;padding: 4px 14px;}

.preview-box-parcel p{ color: #555; }

.previewImg{ width: 200px; height: 200px; overflow: hidden; }

.preview-box-parcel .square{ margin-top: 10px; border: solid 1px #ddd; }

.preview-box-parcel .circular{ border-radius: 100%; margin-top: 10px; border: solid 1px #ddd; }

.tailoring-content .tailoring-content-three{  width: 100%;  height: 40px;  border-top: 1px solid #DDD ;  padding-top: 10px; }

.sureCut{  float: right;  }

.pick-show{height: 40px; line-height: 40px;}

.form table li.big{background-color: #e8e8e8;color: #000000;}



.tabBox{margin: 10px auto 25px;}

.tabBox .hd{height:40px;line-height:40px;font-size:20px;overflow:hidden;/* border-top:1px solid #ccc; *//* padding:0 10px; */margin-bottom: 15px;margin-top: 24px;}

.tabBox .hd ul li{ float:left;  padding:0 5px; vertical-align:top;  }

.tabBox .hd ul li.on a{ color:#B63B34; display:block; height:38px; line-height:38px;   border-bottom:2px solid #B63B34;  }

.tabBox .bd{height: auto;}

.con img{width:100%;}

.hyjj{font-size: 16px;line-height: 26px; margin:20px auto 30px; width: 90%;}

.hyjj h3{font-size: 27px;font-weight: 700;/* border-left: 5px solid #f60; */margin-bottom: 23px;/* padding-left: 10px; */text-align: center;}

.hyjj p{margin-bottom:10px;color: #737373;}

.tishi,.tishi2{color:#e60000; padding-left: 30px; background:url("https://www.in-en.com/file/image/check-ko.png") no-repeat 10px center;}

.load{width:100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top:0;left: 0;z-index: 999;display: none; }

.loadBox{width:300px;height: 170px;position: absolute;top:50%;margin-top: -100px;left:50%;margin-left: -150px;background-color: #fff;z-index: 9999;padding-top: 30px;text-align: center;border-radius: 10px; padding-top: 30px;}

.loadBox img{width: 100px; margin-bottom: 15px;}

.loadBox p{font-size: 16px;}

@media all and (max-width: 768px) {

    .form1{width:90%; margin:0 auto;}

    .time,.addr{width: 44%;margin: 0 auto 10px;background-size: 12px auto;padding-left: 15px;}

    .center{margin-top: 0; padding: 0; width:100%; box-shadow: none;}

    .form table .f_1{float:none;text-align: left;width: auto;padding: 0 0;line-height: 20px;font-size: 16px;color: #000000;}

    #q_21 li.f_3{float:none;width:97%;margin-bottom: 5px;padding-left: 10px;}

    .form table .f_2{width:100%;/* overflow-x:auto; */padding: 5px 0;}

    .form table input[type='text']{width:96%;display: block;margin: 0 auto;border-radius: 2px;height: 40px;line-height: 40px;border-color: #cbcbcb;/* border: 0.05rem solid #cbcbcb; */}

    .form table textarea{width:92%;margin:0 auto;display:block;border-color: #cbcbcb;border-radius: 2px;}

    .title{width: 92%;margin: 0 auto 0;padding-left:0;background: none;border-bottom: 0;}

    .pick-show{width: auto;display:block;margin: 0 auto 0;height: 44px;line-height: 44px;border-color: #cbcbcb;}

    .a{float:none;/* overflow: hidden; */}

    .a a{width: 100% !important;}

    .banner{margin-bottom: 20px;}

    body{background-color: #fff;}

    .jb{top: 212px;right: 23px;}

    .form table li.f_3 label{color:#666;}

    .form #q_34 li.f_3{float:none; padding-left:10px;}

    .pick-show span{font-size:16px; height:26px; line-height:26px; margin-top:8px;}

    .sctp{position: relative; display: inline-block; width:100px; height: 100px; overflow: hidden; text-align: center;}

    .sctp input{position: absolute; top:0; left:0;}

    #q_24, #q_27{padding-bottom: 10px;overflow: hidden;}

    .btn-blue{margin: 0 auto 30px;width: 100%;-webkit-appearance: none;}

    .readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline; }

    .bmBtn{position: fixed;left:0;bottom:0;height: 51px;background-color: #fff;width: 100%;padding-top: 12px;}

    .bmBtn a{background-color: #f60;border-radius: 20px;line-height: 36px;display: block;width: 50%;text-align: center;color: #fff;margin: 0 auto;font-size: 16px;}

    .loadBox{width: 60%; height: 180px; margin-left: -30%; padding-top: 20px; margin-top: -90px;}

    .loadBox img{width:80px;}

    .hyjj h3{border:none;text-align:center;font-size:24px;margin-bottom:20px;padding: 0;}

    .hyjj h3 span{background: #e61b1b;width:94px;height: 7px;display: block;margin: 5px auto 0;border-radius: 7px;}

    .con table td{font-size:14px;line-height: 30px;}

    .hyjj{margin-bottom:0;}

    .con{margin-bottom:34px;}

    .con h4{font-size:22px; margin-bottom:10px;}

    .hyjj p{font-size:16px;}



    .form table tr td.f_2 span.f_red{display: inline-block;margin-top: 8px;}

}