ul, ol {
    list-style: none;
}

body {
    font-family: "Microsoft Yahei", Arial;
}
/*使用英文字体名称 兼容性更好*/
/*主题色*/
.green {
    background: #2ABD9F;
}


.imgstyle {
    width: 12.2rem;
    height: 12.2rem;
    background: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}

.hidden_overflow {
    overflow: hidden;
}

input:focus {
    outline: none;
}

.input_time {
    width: 157px;
}

.input_select {
    width: 173px;
    height: 26px;
}

.short_input {
    width: 50px;
}

.short_timeInput {
    width: 50px;
}


.divpc {
    padding: 20px;
    text-align: center;
}

.required-mark {
    color: red;
}

.stepButton {
    color: white;
    font-size: 18px;
    background-color: #4FD2C2;
    text-align: center;
    padding: 5px;
    margin: 0 10px;
    min-height: 35px;
}

.displayButton {
    background-color: #808080;
}

.bottomDiv {
    position: fixed;
    bottom: 0;
    width: 100%;
    vertical-align: middle;
    height: 45px;
    text-align: center;
    padding: 5px 0;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.span_block_50px {
    min-width: 50px;
    margin: 3px 20px;
    display: inline-block;
}

.span_block_70px {
    min-width: 77px;
    margin: 3px 10px;
    display: inline-block;
}

.span_70px {
    min-width: 70px;
    display: inline-block;
    color: #999;
}

.span_block_100px {
    min-width: 100px;
    margin: 3px 20px;
    display: inline-block;
}

.span_block_120px {
    min-width: 130px;
    margin: 3px 10px;
    display: inline-block;
}

.span_block_140px {
    min-width: 140px;
    margin: 3px 20px;
    display: inline-block;
}

.span_block_170px {
    min-width: 170px;
    margin: 3px 20px;
    display: inline-block;
}

.span_block_160px {
    min-width: 160px;
    margin: 3px 20px;
    display: inline-block;
}

.span_block_300px {
    min-width: 330px;
    margin: 3px 20px;
    display: inline-block;
}

/*细线表格*/
.table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    background-color: #ffffff;
}

    .table tr:first-child {
        border: 1px solid #DDDDDD;
    }

    .table th {
        height: 35px;
        line-height: 35px;
        background-color: #F5F5F5;
        color: #000;
        font-size: 14px;
        font-weight: 900;
        text-align: center;
        vertical-align: middle;
    }

    .table td {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #DDDDDD;
    }

/* 星星样式开始*/
.star_bg {
    width: 95px;
    height: 24px;
    background: url(../../../Images/star.png) repeat-x;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.star {
    height: 100%;
    width: 19px;
    line-height: 6em;
    position: absolute;
    z-index: 3;
}

    .star:hover {
        background: url(../../../Images/star.png) repeat-x 0 -20px !important;
        left: 0;
        z-index: 2;
    }

.star_1 {
    left: 0;
}

.star_2 {
    left: 19px;
}

.star_3 {
    left: 38px;
}

.star_4 {
    left: 57px;
}

.star_5 {
    left: 76px;
}

.star_1:hover {
    width: 19px;
}

.star_2:hover {
    width: 38px;
}

.star_3:hover {
    width: 57px;
}

.star_4:hover {
    width: 76px;
}

.star_5:hover {
    width: 95px;
}

.star_bg label {
    display: block;
    _display: inline;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

/* 幕后的英雄，单选按钮 */
.score {
    position: absolute;
    clip: rect(0 0 0 0);
}

    .score:checked + .star {
        background: url(../../../Images/star.png) repeat-x 0 -20px;
        left: 0;
        z-index: 1;
    }

.score_1:checked ~ .star_1 {
    width: 19px;
}

.score_2:checked ~ .star_2 {
    width: 38px;
}

.score_3:checked ~ .star_3 {
    width: 57px;
}

.score_4:checked ~ .star_4 {
    width: 76px;
}

.score_5:checked ~ .star_5 {
    width: 95px;
}

.star_bg:hover .star {
    background-image: none;
}

/* for IE6-IE8 JS 交互 */
.star_checked {
    background: url(../../../Images/star.png) repeat-x 0 -20px;
    left: 0;
    z-index: 1;
}
/* 星星样式结束*/

/*20%的DIV*/
.percent20 {
    float: left;
    display: inline-block;
    width: 20%;
}

.percent25 {
    float: left;
    display: inline-block;
    width: 25%;
    min-width: 200px;
}

.percent33 {
    float: left;
    display: inline-block;
    width: 33%;
}
/*50%的DIV*/
.percent50 {
    float: left;
    display: inline-block;
    width: 50%;
}

.percent60 {
    float: left;
    width: 60%;
}

.percent40 {
    float: left;
    width: 40%;
}

.Div_ItemPop {
    max-width: 500px;
    display: none;
    background: #fff;
    position: absolute;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
}


/*弹出层样式*/
.formbox {
    width: 100%;
    font-size: 1.4rem;
}

    .formbox .item > span {
        float: left;
        margin-bottom: 3px;
    }

.box-pm {
    margin: 15px 0;
}

.hand {
    cursor: pointer;
}