.dropDownArea { position: relative; display: inline-block; color: #eee; font-size: 15px; }

.dropDownArea.page:hover { color: rgba(0, 0, 0, .8); position: relative; display: inline-block; color: #eee; font-size: 15px; border-color: transparent !important; }

.dropDownArea img { vertical-align: baseline !important; }

.dropDownArea .myButton { display: inline-block; /*color: #FFF;*/ font-size: 15px; }

.dropDownArea .showDropDownArea { display: none; display: block; }

.dropDownArea .showDropDownArea { display: none; position: absolute; left: 0; top: 80px; transform: translateX(20%); }

.dropDownArea .showDropDownArea .contentArea { display: flex; box-sizing: content-box; width: 830px; height: 440px; background: #ffffff; border-radius: 6px; overflow: hidden; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06); }

.dropDownArea .showDropDownArea .contentArea .leftSelect { width: 180px; height: 100%; background: #f4f5f9; }

.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell { height: 75px; box-sizing: border-box; padding-left: 30px; display: flex; justify-content: center; flex-direction: column; }

.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .cnName { height: 23px; font-size: 17px; text-align: left; color: #222222; line-height: 23px; font-weight: 600; }

.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .enName { height: 17px; font-size: 12px; text-align: left; color: #999999; line-height: 17px; }

.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell.choosed { background: #fff; position: relative; }

.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell.choosed:after { position: absolute; content: ""; width: 3px; height: 31px; background: #308eff; left: 0; top: 50%; transform: translateY(-50%); }

.dropDownArea .showDropDownArea .contentArea .rightShow { width: 650px; background: #fff; height: 100%; box-sizing: border-box; padding: 15px 34px 14px 23px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell { display: flex; justify-content: space-between; width: 594px; height: 137px; box-shadow: 0px -1px 0px 0px #e2e8ee inset; padding: 14px 0; box-sizing: border-box; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell:last-child { box-shadow: none; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell { height: 100%; display: flex; justify-content: flex-start; align-items: center; width: 280px; cursor: pointer; box-sizing: border-box; padding-left: 40px; border-radius: 12px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellLeftIcon { flex-shrink: 0; width: 40px; height: 40px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellLeftIcon img { width: 40px; height: 40px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea { margin-left: 11px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea .cellRightName { height: 24px; font-size: 18px; text-align: left; color: #222222; line-height: 24px; font-weight: 600; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea .cellRightDesc { margin-top: 1px; height: 19px; font-size: 14px; text-align: left; color: #999999; line-height: 19px; }

.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell.ok .smallCell { background-color: #eef6fe; }