.pop-layer { width: 500px; height: 500px; background-color: #fff; position: fixed; border: 1px solid #efefef; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); font-size: 14px; font-family: 微软雅黑; }
    .pop-layer input[type=text], .pop-layer textarea { font-size: 14px; font-family: 微软雅黑; }

    .pop-layer h1 { text-align: center; font-size: 26px; font-weight: normal; padding: 10px; }
    .pop-layer h2 { text-align: center; font-size: 14px; font-weight: normal; padding-bottom: 20px; }

    .pop-layer .close { background: url(../images/icon_close.png) left top no-repeat; width: 21px; height: 21px; position: absolute; top: 20px; right: 20px; }

.pop-content-layer { padding: 10px 20px; }


.pop-row { position: relative; }
    .pop-row .pop-row-text { display: inline-block; padding-right: 10px; width: 80px; text-align: right; }
    .pop-row .pop-row-field { height: 25px; line-height: 25px; padding: 10px; width: 320px; margin: 0px; display: inline-block; color: #010101; border: 1px solid #dcdcdc; outline: none; }
    .pop-row .pop-error-info { padding: 0px; color: #ff0000; }
        .pop-row .pop-error-info label { display: none; }

.pop-full-row { padding: 0px 30px; position: relative; }
    .pop-full-row .pop-row-area-field { height: 230px; border: 1px solid #dcdcdc; outline: none; padding: 10px; width: 96%; }
    .pop-full-row .pop-row-field { height: 25px; line-height: 25px; padding: 10px; width: 96%; margin: 0px; display: inline-block; color: #010101; border: 1px solid #dcdcdc; outline: none; }
    .pop-full-row .pop-row-text { display: inline-block; padding-right: 10px; width: 80px; text-align: right; }
    .pop-full-row .pop-error-info { padding: 0px; color: #ff0000; }
        .pop-full-row .pop-error-info label { display: none; }




.wrong .pop-row-field { border: 1px solid #ff0000; }
.wrong .pop-row-area-field { border: 1px solid #ff0000; }
.wrong .pop-error-info { padding: 5px; }
    .wrong .pop-error-info label { display: inline-block; }

.pop-row img { vertical-align: middle; }
.pop-row .pop-inline-row { position: absolute; right: 60px; top: 0px; }
.pop-row .pop-float-left { float: left;}
.pop-row .pop-button { width: 342px; height: 50px; line-height: 45px; background-color: #0ae; font-size: 16px; text-align: center; color: #fff; border: 0px; cursor: pointer; display: inline-block; font-family: 微软雅黑; }
.pop-row .pop-button:active { width: 342px; height: 50px; line-height: 45px; background-color: #007bee; font-size: 16px; text-align: center; color: #fff; border: 0px; cursor: pointer; display: inline-block; font-family: 微软雅黑; }
.pop-row .pop-button:hover { width: 342px; height: 50px; line-height: 45px; background-color: #007bee; font-size: 16px; text-align: center; color: #fff; border: 0px; cursor: pointer; display: inline-block; font-family: 微软雅黑; }

.focus:focus { border: 1px solid #00aaee; }
.vcode { width: 150px !important; }
.pop-block { width: 90px; height: 100%; position: absolute; z-index: 999; }
.center { text-align: center; }


.arrow-down { background: url(../images/arrow_down.png) no-repeat 97% 18px; }
.arrow-up { background: url(../images/arrow_up.png) no-repeat 97% 18px; }


.category-items { height: 204px; overflow-y: scroll; border: 1px solid #dcdcdc; border-top: 0px; background-color: #fff; position: absolute; left: 30px; top: 57px; z-index: 100; }
    .category-items ul li { padding-left: 10px; padding-top: 2px; padding-bottom: 2px; height: 30px; line-height: 30px; cursor: pointer; }
        .category-items ul li:hover { color: #fff; background-color: #00aaee; }

        
.category-items-login { height: 204px; overflow-y: scroll; border: 1px solid #dcdcdc; border-top: 0px; background-color: #fff; position: absolute; left: 30px; top: 57px; z-index: 100; }
    .category-items-login ul li { padding-left: 10px; padding-top: 2px; padding-bottom: 2px; height: 30px; line-height: 30px; cursor: pointer; }
        .category-items-login ul li:hover { color: #fff; background-color: #00aaee; }