body, ul, ol, dl, dd, p {
margin: 0;
padding: 0;
list-style: none;
}

a {
text-decoration: none;
color: #666666;
}

.container {
position: relative;
width: 1200px;
margin: 0 auto;
}

.container:before {
content: '';
display: block;
clear: both;
}

.container:after {
content: '';
display: block;
clear: both;
}

.main {
background: #fff;
font-size: 14px;
}

.main .m-title {
padding: 12px 0;
}

.main .up-left {
float: left;
}

.main .up-left dt img {
width: 400px;
}

.main .up-left dd {
line-height: 30px;
}


.main .up-left dd div a:hover {
opacity: .7;
}

.main .up-right {
padding-left: 420px;
}

.main .up-right > p {
padding: 8px 0 12px;
font-size: 16px;
width: 500px;
color: #333;
font-weight: bold;
}

.main .up-right .time-money {
overflow: hidden;
}

.main .up-right .time-money li {
position: relative;
float: left;
height: 148px;
width: 145px;
color: #525252;
font-size: 15px;
border: 1px solid #ddd;
border-top-color: #13b7f6;
cursor: pointer;
background: url("../../themeBlue/img/time_money_bg.png");
}

.main .up-right .time-money li p {
line-height: 75px;
text-align: center;
}

.main .up-right .time-money li p.m-time {
    color: #444;
    font-weight: bold;
}

.main .up-right .time-money li p.m-money {
    color: #09a9e7;
    font-weight: bold;
    font-size: 18px;
}

.main .up-right .time-money li.active {
background: url("../../themeBlue/img/zuhao-order.jpg") no-repeat;
border: 1px solid #13b7f6;
}

.main .up-right .time-money li.active .m-money {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.main .up-right .time-money li.active .m-time {
    color: #fff;
}

.main .up-right .time-money li ~ li {
margin-left: -1px;
}

.main .up-right .m-r-down {
margin-top: 15px;
padding-right: 46px;
}

.main .up-right .m-r-down li {
line-height: 30px;
position: relative;
font-size: 14px;
}

.main .up-right .m-r-down li.m-conf {
padding: 0 0 14px;
border-bottom: 1px dotted #aaa;
margin: 0 0 14px;
}

.main .up-right .m-r-down li span {
color: #363636;
}

.main .up-right .m-r-down li span.m-end {
    color: #999;
}

.main .up-right .m-r-down li b {
color: #13b7f6;
}

.main .up-right .m-r-down li.m-ens a {
background: #13b7f6;
color: #fff;
padding: 0 3px;
border-radius: 3px;
}

.main .up-right .m-r-down li.m-ens a:hover {
    background: #09a9e7;
}

.main .up-right .m-zuhao {
line-height: 70px;
}

.main .up-right .m-zuhao a {
padding: 14px 60px;
background: #13b7f6;
font-size: 16px;
border-radius: 4px;
color: #fff;
border: 1px solid #13b7f6;
}

.main .up-right .m-zuhao a:hover {
background: #09a9e7;
}

.main .up-right .m-zuhao a.know {
background: #F8F8F8;
color: #333;
margin-left: 15px;
border: 1px solid #E6E6E6;
}

.main .up-right .m-zuhao a.know:hover {
    background: #EAEAEA;
}

.main .info-content {
margin-top: 15px;
width: 1118px;
padding: 5px 40px;
border: 1px solid #F4F4F4;
}

.main .info-content .d-title {
border-bottom: 1px solid #ddd;
text-align: center;
line-height: 36px;
margin: 15px 0 0;
}

.main .info-content .d-title span {
padding: 9px 25px;
font-size: 16px;
border-bottom: 1px solid #13b7f6;
}

.main .info-content .d-userinfo {
padding: 5px 100px 20px;
margin-top: 2px;
background: #F8F8F8;
overflow: hidden;
}

.main .info-content .d-userinfo li {
line-height: 30px;
font-size: 14px;
float: left;
width: 25%;
}

.main .info-content .d-describe {
padding: 15px 20px;
font-size: 14px;
}

.main .info-content .d-img-show {
padding-top: 5px;
text-align: center;
}


/* ÏêÇé*/
.info-content-left {
position: absolute;
top: 1px;
left: 0;
width: 240px;
height: 1300px;
}

.con-left-title {
margin: 0;
padding: 10px;
background-color: #13b7f6;
color: #fff;
font-size: 24px;
}

.body-parent {
text-align: center;
padding: 10px;
}

.items-it {
position: relative;
margin-top: 5px;
padding: 5px;
min-height: 100px;
border: 2px solid transparent;
}

.items-it:hover {
border-color: #13b7f6;
border-radius: 3px;
}

.items-it:hover .body-child-msg {
color: #13b7f6;
}

.items-it p {
font-size: 14px;
color: #888;
}

.body-child-img {
position: relative;
width: 100px;
margin: 0 auto;
}

.body-child-img .left-top {
position: absolute;
top: 0;
left: 0;
}

.body-child-img .middle {
width: 100px;
height: 100px;
vertical-align: middle;
}

.body-child-msg {
width: 100%;
height: 34px;
margin: 8px 0 3px;
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
}

.body-child-price {
text-align: left;
font-size: 14px;
color: #888;
}

.body-child-price .price-a {
color: #13b7f6;
}

.body-child-price .price-a b {
font-size: 20px;
}

.body-child-price b {
color: #13b7f6;
}

.body-child-price .pei {
padding: 1px 3px;
border-radius: 3px;
background: #13b7f6;
color: #fff;
font-style: normal;
}

.info-content-right {
min-height: 1300px;
margin-left: 240px;
}

.f-active {
position: fixed;
top: 36px;
width: 878px;
background: #fff;
}

.d-img-show p {
margin-top: 10px;
text-align: center;
}

.d-img-show img {
width: 90%;
}
/* ÏêÇé*/


 .main .up-left dd .jubao-modal {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 66;
            display: none;
            background: rgba(0, 0, 0, 0.7);
        }

            .main .up-left dd .jubao-modal.active {
                display: block;
            }

        .main .up-left dd .jubao-content {
            position: absolute;
            width: 560px;
            height: 360px;
            top: 50%;
            left: 50%;
            padding: 10px 20px;
            margin-top: -180px;
            margin-left: -280px;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 10px;
        }

            .main .up-left dd .jubao-content .content-title {
                margin-bottom: 8px;
                padding: 5px 0;
                border-bottom: 1px solid #ddd;
                text-align: center;
                color: #FF6600;
            }

            .main .up-left dd .jubao-content .close {
                float: right;
                position: relative;
                top: -25px;
                right: -6px;
                border: 1px solid #FF6600;
                padding: 0 6px;
                border-radius: 4px;
                cursor: pointer;
            }

            .main .up-left dd .jubao-content label {
                float: left;
            }

                .main .up-left dd .jubao-content label b {
                    color: #f00;
                }

                .main .up-left dd .jubao-content label + textarea {
                    width: 520px;
                    height: 80px;
                    padding: 5px;
                    font-size: 16px;
                }

            .main .up-left dd .jubao-content .jubao-btn {
                width: 150px;
                height: 36px;
                margin-top: 10px;
                border: 0;
                outline: 0;
                background: #FF6600;
                color: #fff;
                font-size: 18px;
                border-radius: 5px;
                cursor: pointer;
            }

                .main .up-left dd .jubao-content .jubao-btn:hover {
                    background: #e65c00;
                }