@charset "utf-8";

.filter{width: 850px; height: 90px; line-height: 45px; border: 1px solid #ddd; background-color: #fff;}
.options-title{width: 80px;float: left;text-align: center;}
.options span,.city-location div:not(:last-child){width: 80px; text-align: center;  float: left; cursor: pointer;}

.order{width: 850px; height: 45px; line-height: 45px; border: 1px solid #ddd; background-color: #fff;}
.order span{width: 120px;  height: 45px; line-height:45px;text-align: center; float: left; position: relative;}



.cur-item,.options>span:hover,.order>span:hover{color: #d12225;}


.list{width: 850px; border: 1px solid #ddd; background-color: #fff; padding: 20px; box-sizing: border-box;}
.list-li{padding-bottom: 20px;text-align: left;}
.list-li:not(:last-child){border-bottom: 1px solid #ddd;}
.need-head{ font-size: 120%; font-weight: 500;}
.need-title{color: #333;}
.need-content{color: #999;}
.need-options div{min-width: 150px; float: left; color: #666;}
.need-btn,.need-btn1,.need-btn0,.need-btn2{text-align: center; width: 150px; height: 35px; padding: 5px 10px;}
.need-btn{background-color: #d12225; color: #ffffff; }
.need-btn2{background-color: #ffffff;color: #d12225; border: 1px solid #d12225;}
.need-btn0{background-color: #ffffff;color: #999999; border: 1px solid #aaaaaa;}

.need-head,.need-options{padding: 20px 0;}

.ad-r{width: 290px; height: 400px; border: 1px solid #ddd; text-align: center; margin: 0 auto; padding: 20px; vertical-align: middle; line-height: 400px; position: absolute; right: 0; top:0; background-color: #fff; }

.borb{border-bottom: 1px solid #ddd;}
.borr{border-right: 1px solid #ddd;}


.icon{
    display: inline-block;
    width: 8px;
    height: 20px;
    white-space:nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    /* IE7 */
    *text-indent: 0;

    position: absolute;
    top:10px;
    margin: 0 3px;
}
.icon:before {
    /* 伪元素插入空格文本 */
    content: '\3000';
}

.order-up{
    background:url(/Public/images/v2/arrows.png) no-repeat 0 8px;
}

.order-down{
    background:url(/Public/images/v2/arrows.png) no-repeat -10px 8px;
}

.order-st{
    background:url(/Public/images/v2/arrows.png) no-repeat -20px 8px;
}


.qr-box{width: 525px; height: 460px;text-align: center; position: relative; background-color: #fff; overflow: hidden;}
.qr-title{width:525px; height:145px;background-color: #d12225; color: #fff; font-size: 25px; text-align: center; line-height: 35px;}
.qr-picture{width:525px; height:315px; line-height: 315px; background-color: #fff; text-align: center;  margin: 40px auto;}
.qr-picture img{width: 188px; height: 188px;background-color: #fff; border: 10px solid #d12225;}
.qr-close{color: #fff; font-size: 20px; position: absolute; top:10px; right: 10px; cursor: pointer;}