@charset "utf-8";
/* CSS Document */
table.weatherTable tr td.withLine { border-left:1px solid #c9c9c9; }
/* money converter */
#moneyCon { border: 1px solid #D2D2D2; padding: 15px 0 0 20px; margin-bottom:15px; border-radius:4px; }
#moneyCon .choose { width: 100%; overflow:hidden; margin-bottom: 20px; }
#moneyCon select { -x-system-font:none; background:#fff; border:1px solid #DDDDDD; color:#545454; font-family:Verdana, Sans-Serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:5px 3px 5px 5px; width: 100px; }
#moneyCon .choose .rateAs { float: left; width: 260px; margin: 6px 0 0 0; }
#moneyCon .choose .language { width: 100px; float:left; border: 1px solid #D2D2D2; padding: 5px 3px 5px 5px; margin:0 10px 0 5px; height: 30px; }
#moneyCon .choose .language #lanSlide { width: 80px; float:left; padding-left: 0px; margin-right: 3px; height: 18px; }
#moneyCon .choose .language #lanSlide ul { padding-left: 0px; margin-left: 5px; }
#moneyCon .choose .language #lanSlide ul li { padding-left:0; margin-left:0; list-style-type: none; }
#moneyCon .choose .arrow { width: 17px; float:right; position:right center; }
#moneyCon .choose .currency { width: 100%; background-color: #f1f1f1; border: 1px solid #D2D2D2; border-radius:4px; }
#moneyCon .choose .currency .titleTip { width: 200px; margin: 10px 10px; }
#moneyCon .choose .currency .currencyList { border: 1px solid #D2D2D2; background-color: #fff; width: 228px; margin: 5px 10px 15px 10px; height: 30px; padding: 5px; cursor: pointer; }
#moneyCon .choose .currency .currencyList .detailCur { width: 170px; float:left; margin-right: 3px; }
#moneyCon .choose .currency .amount { background-color: #fff; width: 210px; margin: 5px 10px 15px 10px; position:relative; height: 35px; padding:0; }
#moneyCon .choose .currency .amount input { border: 1px solid #D2D2D2; background-color: #fff; height: 35px; padding: 0px; border-left: none; }
#moneyCon .choose .currency .amount input.positionRight { background-color: #fff; height: 35px; padding: 6px 0 6px 10px; width: 155px; float:right; font-size: 15px; font-weight: bold; color: #545454; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; position:absolute; left:55px; top:0; }
#moneyCon .choose .currency .amount .curIcon { width: 55px; float:left; background-color:#a1a1a1; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; height: 35px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; padding: 5px 0; position:absolute; left:0; top:0; }
#moneyCon .choose .currency .amount .number { width: 140px; float:left; margin-left: 10px; height: 22px; padding: 8px 0 5px 0; font-size: 15px; font-weight: bold; }
#moneyCon .choose .equal { width: 100%; text-align:center;}
#moneyCon .choose .equal .equalmark { background: url(https://data.chinahighlights.com/css/images/guide/equalmark.gif) no-repeat; height: 34px; width: 64px; margin:15px auto }
#moneyCon .choose .equal .exchange { font-size: 13px; font-weight: 900; margin: 5px 5px 5px 2px; }
#moneyCon .choose .equal .rate { border: 1px solid #D2D2D2; background-color: #fff; display:block; margin:15px 0; height: 30px; padding: 6px 0 5px 5px; font-size: 13px; }
#moneyCon .choose .currencyCategory { width: 400px; float:left; border: 1px solid #D2D2D2; z-index:5000; }
#moneyCon .choose .currencyCategory .a-z { width: 395px; background-color: #f1f1f1; border-bottom: 3px solid #d1d1d1; padding: 10px 0; float:left; padding-left: 5px; }
#moneyCon .choose .currencyCategory .a-z ul { margin: 0px; padding: 0px; }
#moneyCon .choose .currencyCategory .a-z ul li { float:left; font-size: 13px; padding:0 5px; margin:0; list-style-position:outside; list-style-type: none; }
#moneyCon .choose .currencyCategory .a-z ul li a { text-decoration: none; color: #545454; }
#moneyCon .choose .currencyCategory .a-z ul li a:hover { text-decoration: underline; color: #A31022; }
#moneyCon .choose .currencyCategory .a-z ul li.active { border: 1px solid #D2D2D2; background-color: #fff; }
#moneyCon .choose .currencyCategory .currencyName { width: 100%; float:left; padding: 10px 0; margin-bottom: 10px; background-color:#fff; }
#moneyCon .choose .currencyCategory .currencyName .close { text-align:right; padding-right: 5px; margin-top: 10px; cursor:pointer; }
#moneyCon .choose .currencyCategory .currencyName ul { margin: 0px; padding: 0px; }
#moneyCon .choose .currencyCategory .currencyName ul li { float: left; width: 45%; margin-left: 5px; margin-bottom: 10px; list-style-type: none; cursor: pointer }
table.currencySample { border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; margin-bottom:15px; }
table.currencySample th { background:#f1f1f1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:5px; }
table.currencySample td { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:5px; }

.input-group-addon { padding: 10px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;}
.form-control {    height: 40px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.btn {     display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    border-radius: 4px;
    user-select: none;}
.input-group .form-control { position: relative;
    z-index: 2;
    float: left; margin: 0;}
#trancashed { margin-top: -70px;}