/*********common-main-wrapper***********/
.contact{background-color: #343434; border-radius: 20px; width: calc(100% - 10px); text-align: center; color: white; padding: 10px 0px;margin: 5px; margin-top:10px; transition: all 0.5s ease-in;}
.contact>a p{font-size: 1.5em; display: inline-block;color: white;}
.arrow{width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 16px solid white; display: inline-block;transition: all 0.5s ease-in; transform: rotate(-90deg);}
.active .arrow{transform: rotate(0deg);}
.noteBlock{display: none;}
.contact>div.show{display: block;}
#noteBlock hr{width: 80%; height: 2px; border: none; background-color: #9e9e9e;}
#noteBlock>p{padding: 0 5px;}
.smallNote{font-size: 0.9em;}

/*********基本样式**********/
#contactUs{padding-top: 10px;}
#contactUs li{width: 90%; max-width: 400px; margin: auto;border-radius: 5px; padding: 5px 0px;}
#contactUs input{width: calc(100% - 8px);}
#contactUs textarea{max-width: calc(100% - 8px); min-width: calc(100% - 8px); overflow-x: hidden; overflow-y:  visible;; resize: none; height: 100px;}
#contactUs input, #contactUs textarea{border-radius: 10px;line-height: 1.5em; font-size: 1.1em; padding: 0px 4px; font-family: 'Microsoft Yahei', Arial, 'Open Sans', sans-serif;}
#contactUs input:focus, #contactUs textarea:focus{border-radius: 10px;}
#contactUs input::-webkit-input-placeholder, #contactUs textarea::-webkit-input-placeholder{color: black;}
#contactUs input:-ms-input-placeholder, #contactUs textarea:-ms-input-placeholder{color: black;}
#contactUs input:-moz-placeholder, #contactUs textarea:-moz-placeholder{color: black;}
#contactUs input::-moz-placeholder, #contactUs textarea::-moz-placeholder{color: black;}
#contactUs li.sendButton{text-align: right;max-width: 440px;}
#contactUs li.sendButton input{width: 30%;max-width: 100px;min-width: 80px; background-color: #b00000;border: 2px solid white; color:white;}
#contactUs li.sendButton input:hover{color: #b00000; background: white; border: 2px solid #b00000; }

/*********选项框样式**********/
#contactUs div.clickbox-group {display: flex;justify-content: space-between;min-width:80px;max-width:420px;margin: 0 auto;height: 50px;align-items: center;}
#contactUs div.clickbox-option {display: flex;position: relative;flex: 1;margin: 10px;min-width: 0;height: 100%;align-items: center;}
#contactUs div.clickbox-option input[type="radio"] {opacity: 0;position: absolute;}
#contactUs div.clickbox-option label {display: block; width: 100%;padding: 4px 4px;text-align: center;box-sizing: border-box;white-space: nowrap;  overflow: hidden;text-overflow: ellipsis;background-color: #f0f0f0;color: rgb(0, 0, 0);border-radius: 4px;cursor: pointer;transition: background-color 0.3s;}
#contactUs div.clickbox-option input[type="radio"]:checked + label {background-color: rgb(214, 53, 53);border: 0.3px solid #999;color: white;box-shadow: 0 2px 4px rgba(245, 128, 61, 0.425);}