﻿


.popup {position: absolute;z-index: 100000;left: 50%;top: 150px;right: auto;background-color: #FFF;
    border-radius:5px;
}
.popup .closeBtn {float: right;
    height: 30px;width: 30px;
    background: url(/images/close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;top: 0;right: 0;}
.popup .popupinfo {display: block;overflow: hidden;margin: 10px;}
.popup .popupinfo label{
    /* display: block; */
    color: #999;
    line-height: 30px;
}
.popup .popupinfo input{border-radius:3px;}
.popup .popupinfo .addThemeItem{padding:0 0 5px 0; position: relative;}
.popup .popupinfo .addThemeItem i.hot{
    
    z-index: 9;
    position: absolute;
    background: url(/images/new.gif) no-repeat;
    left: 130px;
    top: -10px;
    width: 30px;
    height: 30px;

}
.popup .popupinfo .addThemeItem::after{content: ''; display: block; clear: both; width:100%;height:1px;}
.popup .popupinfo .addThemeItem select{border-radius:4px;border-color: #ddd; padding:3px;}
.popup .popupinfo .addThemeItem .item{margin: 0  10px 0 0 ;}
.popup .popupinfo .info {text-align: center;line-height: 30px;font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
.popup .popupinfo .tipsBox {background-color: #d6dfec;color: #e40000;font-size: 12px;display: none;padding: 5px;}
.popup .win .popupinfo .buttons {text-align: center;margin-top: 5px;margin-bottom: 15px;padding: 5px;}
.popup .win .popupinfo .ok {width: 88px;height: 33px;line-height: 33px;text-align: center;font-weight: 700;color: #FFF;display: inline-block;cursor: pointer;margin-right: 2px;margin-left: 2px;margin-top: 5px;background: #558dc6;}
.long_ok {width: 150px;height: 33px;line-height: 33px;text-align: center;font-weight: 700;color: #FFF;display: inline-block;cursor: pointer;margin-right: 2px;margin-left: 2px;margin-top: 5px;background: #558dc6;}
.popup .win .popupinfo .cancel {width: 88px;display: inline-block;height: 33px;text-align: center;line-height: 33px;font-weight: 700;color: #FFF;cursor: pointer;margin-right: 2px;margin-left: 2px;margin-top: 5px;background: #afafaf;}
.popup #tophours {padding-right: 5px;padding-left: 5px;}




#content .winTitle{font-size: 14px;background: #0070ca;color: #fff;line-height: 36px;height: 36px;padding: 0 10px;font-weight: 700;display: block;width: auto;border-radius: 3px 3px 0 0;}

.popup .win{padding: 5px 10px 10px 10px;}
.popup .winTitle {
    
    border-bottom: solid 1px #eaeaea;
    padding: 0 5px;
    display: block;width: auto;color: #333;
    position: relative;
}
.popup .winTitle,.popup .winTitle h2{
    font-size: 14px;
    font-weight: bold;
}
.popup .winTitle.noborder{border:none;}




select {vertical-align: middle;margin: -2px 0 0;padding: 0;}
img {vertical-align: middle;border-style: none;margin-top: -2px;margin: 0;padding: 0;}
.win .info {width: auto;padding: 0;}
.win .info ul li {display: block;float: left;height: auto;cursor: default;width: auto;/* border-top-width: 1px;border-top-style: solid;border-top-color: #e3ebf1; */}
.win .leftBox {float: left;margin-right: 10px;text-align: center;width: 55px;}
.win .leftBox>img {height: 55px;width: 55px;cursor: pointer;}
.win .infoBox {float: left;padding-left: 0;}
.win .infoBox .title {background-image: none;display: block;line-height: normal;height: auto;/* font-weight: 700; */
    border-style: none;}
.win .infoBox .description {color: #C8CACC;}
.win .rightBox {float: right;}
.win .icon_read {margin-top: 28px;min-width: 14px;padding: 0 5px 0 24px;color: #999;text-align: left;float: left;cursor: pointer;background: url(/images/eye.png) no-repeat center left;}
.win .icon_back {background-image: url(/images/topic_10.gif);padding-top: 20px;background-repeat: no-repeat;width: 40px;color: #C6C8CB;text-align: center;float: left;background-position: center 2px;cursor: pointer;}
.win .icon_delete {background-image: url(/images/delete.gif);padding-top: 20px;background-repeat: no-repeat;width: 25px;color: #C6C8CB;text-align: center;float: left;background-position: center 2px;cursor: pointer;}


/* edit reset end*/

.addicon,.reduceicon {width: 26px;height: 26px;display: inline-block;margin-left: 2px;border: 1px solid #ddd;border-radius: 4px;vertical-align: middle;position: relative;cursor: pointer;}
.addicon::before,.addicon::after,.reduceicon::before {position: absolute;content:"";width: 16px;height: 2px;top: 12px;left: 5px;background: #ff6600;border-radius: 5px;}
.addicon::after {transform: rotate(90deg);}
.readtips .btn {width: 100px;height: 30px;line-height: 30px;display: inline-block;float: right;cursor: pointer;}
.ChoseLeft {float: left;width: 50%;margin-top: 10px;}
.ChoseRight {float: right;width: 50%;margin-top: 10px;}
.chose {width: 100%;}
.chose .tjtype {width: 80%;display: inline-block;margin-left: 5px;}
.chose .tjtype span {min-width: 30px;background: #eee;border: 1px solid #ddd;border-radius: 3px;text-align: center;padding: 6px;display: inline-block;}
.chose .chbtn {width: 82%;border: 1px solid #ddd;border-radius: 3px;text-align: center;line-height: 28px;display: inline-block;margin-bottom: 10px;}
.chose .chbtn li {width: 33.4%;display: inline-block;padding: 0;margin: 0 -2px; cursor: pointer;}
.chose .chbtn li.off {background: #eee;}
.chose .chbtn li.on {background: #49a8e3;color: #fff;}
.checkList{overflow: hidden;}
.checkList.inline{display: inline;}
.checkList .item {cursor: pointer;border: solid 1px #ccc;float: left;border-radius: 4px;margin: 5px 5px 5px 0;min-width: 67px;text-align: center;position: relative;overflow: hidden; line-height: 30px; min-height: 30px;}

.checkList .item input{border:none;min-height: 30px;padding-left:10px; width:80px;font-size: 14px;}
.checkList .item input{outline: none;}
.checkList .item:hover {color: #ff6600;}
.checkList .item.on {border: solid 1px #ff6600;}
.checkList .item::after {content: "";display: table;width: 3px;height: 6px;position: absolute;bottom: 2px;right: 3px;border: 2px solid #fff;border-top: 0;border-left: 0;transform: rotate(45deg) scale(1);transition: all .2s ease-in-out;}
.checkList .item::before {content: "";font-size: 9px;width: 50px;text-align: center;position: absolute;height: 7px;right: -20px;padding: 0 0 5px 0;line-height: normal;bottom: -2px;display: block;background-color: #ccc;color: #fff;transform: rotate(-45deg);}
.checkList .item.on::before {background-color: #ff6600;color: #fff;}
#title input {width: 818px;border: solid 1px #ddd;line-height: 20px;line-height: 30px;font-size: 14px;padding:0 5px;background: #f9f9f9;} 

.btn {border-radius: 4px;line-height: 40px;text-align: center;min-width: 100px;background: #209edd;color: #fff;border: none;}


.jc-win .jc-basket {
    width: 55%;
}
.jc-win .jc-basket li {
    width: 50%;
}
    .jc-win .jc-basket li.on {
        width: 50%;
    }

.jc-win .chbtn li {
    border-right: 1px solid #ddd;
}
.jc-win .chbtn li:last-of-type {
    border-right: none;
}

