#tml-container,
#tml-container input,
#tml-container select, #tml-container select,
#tml-container textarea{box-sizing:border-box;}
#tml-container{margin: 0 auto; width: 100%; padding:50px 40px 30px; max-width: 600px; min-height: 440px; text-align:center; background-color: #fff; box-shadow: 0px 0px 15px #dddddd; z-index:3000;}
#tml-container{position:fixed; left:50%; top:50%; margin-left:-300px; margin-top:-220px; display:none;}
.tml-container-body{padding: 0px; position: relative;}
.tml-container-row{margin-bottom: 15px; padding-left: 30px; position: relative;}
.tml-container-row.submit{margin-bottom: 0px; padding-left: 0px;}
.tml-container-row label{position: absolute; left: 0px; top: 0px; width: 50px; height: 35px; display: block;}
.tml-container-row label.name{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/face.png) no-repeat 10px center; background-size: 50% auto;}
.tml-container-row label.tel{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/mobile.png) no-repeat 10px center; background-size: 50% auto;}
.tml-container-row label.company{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/building.png) no-repeat 10px center; background-size: 50% auto;}
.tml-container-row label.area{background: url(../images/area.png) no-repeat 10px center; background-size: 50% auto;}
.tml-container-row label.file{background: url(../images/file.png) no-repeat 10px center; background-size: 48% auto;}
.tml-container-row input{dispaly:inline-block!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:3px!important;font-size:14px!important;line-height:35px!important;height:35px!important;color:#555!important;padding:4px 5px!important}
.tml-container-row.agreement{padding-left:50px; text-align:left; vertical-align:middle; font-size:14px;line-height:24px;}
.tml-container-row.agreement a{color:#2982b6;}
.tml-container-row.agreement a:hover{color:#333; text-decoration:none;}
#tml-container input[type="checkbox"]{padding:0px; width:20px; height:20px; vertical-align:middle; line-height:20px;}
.tml-container-row textarea{dispaly:inline-block!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:3px!important;font-size:14px!important;line-height:25px!important;height:100px!important;color:#555!important;padding:4px 5px!important; font-family: '黑体';}
.tml-container-row span{position: absolute; right: 5px; top: 10px; color: #f00; font-size: 12px;}
#tml-container h1{margin-bottom:30px; padding: 0px; font-size: 18px; color: #333; height:24px; font-weight: normal; font-family: arial;}
.tml-container-close{position: absolute; right: -25px; top: -100px; width: 25px; height: 25px; background: url(../images/close_black.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
#tml-container input,
#tml-container select,
#tml-container textarea{width: 92%; border:1px solid #ccc!important;border-radius:3px!important;}
#tml-container input:focus,
#tml-container textarea:focus{outline:auto 5px focus-ring-color!important;outline:initial!important}
#tml-container input.vcode{width: 100px;}
#tml-container img.vcode{margin-left: 10px; display: inline-block; vertical-align: top;}
#tml-container select{width: 100%; dispaly:inline-block!important; background-color:#fff!important;border:none;font-size:14px!important;line-height:33px!important;height:33px!important;color:#555!important;padding:4px 5px!important}
#tml-container select.type{width: 92%;}
#tml-container select.area{margin-right: 5px; width: 45%; border:1px solid #ccc!important;border-radius:3px!important;}
#tml-container input.error{}
#tml-container button{margin: 0 auto; padding:1px 6px 2px!important; width: 92%; height: 35px; font-size: 14px; line-height: 35px; background-color: #2982b6\0; background: rgba(41, 130, 182); color: #fff; border: none; border-radius: 3px !important; cursor: pointer; display: block;}
#tml-container button:active{background: rgba(41, 130, 182, .9);}
.tip-message{padding: 15px 10px 15px 15px; font-size: 14px; line-height: 20px; border-radius: 5px; background-color: #f8f8f8;}
.tml-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;text-align:center; font-size: 14px; line-height: 24px;}
.tml-tip{display:none;position:absolute;top:150px;left:50%;width:200px;margin-left:-100px;z-index:99999;padding:5px;border:1px solid #faebcc;border-radius:4px;text-align:center}
.success-pannel{position: absolute; left:0px; right:0x; top: 0px; bottom:0px; width:100%; height: 100%; display: none; background-color:#fff; text-align: center;}
.success-pannel p{margin: 80px 0px 10px; color: green; line-height:32px;}
@media (max-width: 480px) {
#tml-container{max-width: 95%;left:10px; right:10px; top:50%; margin-left:0px; margin-top:-220px;}

}